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

package/373.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 373.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[373],{373(o,e,s){s.d(e,{Collider:()=>p});var i,t=s(303);!function(o){o.absorb="absorb",o.bounce="bounce",o.destroy="destroy"}(i||(i={}));class n{constructor(){this.speed=2}load(o){(0,t.isNull)(o)||void 0!==o.speed&&(this.speed=o.speed)}}class l{constructor(){this.enable=!0,this.retries=0}load(o){(0,t.isNull)(o)||(void 0!==o.enable&&(this.enable=o.enable),void 0!==o.retries&&(this.retries=o.retries))}}class a{constructor(){this.absorb=new n,this.bounce=new t.ParticlesBounce,this.enable=!1,this.maxSpeed=50,this.mode=i.bounce,this.overlap=new l}load(o){(0,t.isNull)(o)||(this.absorb.load(o.absorb),this.bounce.load(o.bounce),void 0!==o.enable&&(this.enable=o.enable),void 0!==o.maxSpeed&&(this.maxSpeed=(0,t.setRangeValue)(o.maxSpeed)),void 0!==o.mode&&(this.mode=o.mode),this.overlap.load(o.overlap))}}function c(o,e,s,i,n,l){if(!o.options.collisions||!s.options.collisions)return;const a=(0,t.clamp)(o.options.collisions.absorb.speed*n.factor/10,0,i);o.size.value+=.5*a,s.size.value-=a,i<=l&&(s.size.value=0,s.destroy())}const r=o=>{o.options.collisions&&(o.collisionMaxSpeed??=(0,t.getRangeValue)(o.options.collisions.maxSpeed),o.velocity.length>o.collisionMaxSpeed&&(o.velocity.length=o.collisionMaxSpeed))};function d(o,e){(0,t.circleBounce)((0,t.circleBounceDataFromParticle)(o),(0,t.circleBounceDataFromParticle)(e)),r(o),r(e)}function u(o,e,s,t){if(o.options.collisions&&e.options.collisions)switch(o.options.collisions.mode){case i.absorb:!function(o,e,s,i){const t=o.getRadius(),n=e.getRadius();!t&&n?o.destroy():t&&!n?e.destroy():t&&n&&(t>=n?c(o,0,e,n,s,i):c(e,0,o,t,s,i))}(o,e,s,t);break;case i.bounce:d(o,e);break;case i.destroy:!function(o,e){o.unbreakable||e.unbreakable||d(o,e);const s=o.getRadius(),i=e.getRadius();!s&&i?o.destroy():s&&!i?e.destroy():s&&i&&(o.getRadius()>=e.getRadius()?e:o).destroy()}(o,e)}}class p extends t.ParticlesInteractorBase{constructor(o){super(o)}clear(){}init(){}interact(o,e){if(o.destroyed||o.spawning)return;const s=this.container,i=o.getPosition(),n=o.getRadius(),l=s.particles.quadTree.queryCircle(i,2*n);for(const a of l){if(o===a||!o.options.collisions||!a.options.collisions||!a.options.collisions.enable||o.options.collisions.mode!==a.options.collisions.mode||a.destroyed||a.spawning)continue;const l=a.getPosition(),c=a.getRadius();if(Math.abs(Math.round(i.z)-Math.round(l.z))>n+c)continue;(0,t.getDistance)(i,l)>n+c||u(o,a,e,s.retina.pixelRatio)}}isEnabled(o){return!!o.options.collisions?.enable}loadParticlesOptions(o,...e){o.collisions??=new a;for(const s of e)o.collisions.load(s?.collisions)}reset(){}}}}]);

package/373.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Collisions Particles Interaction v4.0.0-alpha.0 by Matteo Bruni */

package/518.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 518.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[518],{518(e,i,t){t.d(i,{OverlapPlugin:()=>n});var r=t(303);class s{constructor(e){this._checkOverlap=(e,i,t)=>{const s=e.options.collisions,n=e.getRadius();if(!s?.enable)return!1;const c=s.overlap;if(c.enable)return!1;const o=c.retries;if(o>=0&&t>o)throw new Error("Particle is overlapping and can't be placed");return!!this._container.particles.find((e=>(0,r.getDistance)(i,e.position)<n+e.getRadius()))},this._container=e}checkParticlePosition(e,i,t){return this._checkOverlap(e,i,t)}}class n{constructor(){this.id="overlap"}getPlugin(e){return Promise.resolve(new s(e))}loadOptions(){}needsPlugin(){return!0}}}}]);

package/518.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Collisions Particles Interaction v4.0.0-alpha.0 by Matteo Bruni */

package/browser/Absorb.js

@@ -1,6 +1,9 @@
 import { clamp } from "@tsparticles/engine";
 const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
-function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
+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;
@@ -11,13 +14,13 @@ function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
 }
 export function absorb(p1, p2, delta, pixelRatio) {
     const r1 = p1.getRadius(), r2 = p2.getRadius();
-    if (r1 === undefined && r2 !== undefined) {
+    if (!r1 && r2) {
         p1.destroy();
     }
-    else if (r1 !== undefined && r2 === undefined) {
+    else if (r1 && !r2) {
         p2.destroy();
     }
-    else if (r1 !== undefined && r2 !== undefined) {
+    else if (r1 && r2) {
         if (r1 >= r2) {
             updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);
         }

package/browser/Bounce.js

@@ -1,8 +1,9 @@
 import { circleBounce, circleBounceDataFromParticle, getRangeValue } from "@tsparticles/engine";
 const fixBounceSpeed = (p) => {
-    if (p.collisionMaxSpeed === undefined) {
-        p.collisionMaxSpeed = getRangeValue(p.options.collisions.maxSpeed);
+    if (!p.options.collisions) {
+        return;
     }
+    p.collisionMaxSpeed ??= getRangeValue(p.options.collisions.maxSpeed);
     if (p.velocity.length > p.collisionMaxSpeed) {
         p.velocity.length = p.collisionMaxSpeed;
     }

package/browser/Collider.js

@@ -1,4 +1,5 @@
-import { ParticlesInteractorBase, getDistance } from "@tsparticles/engine";
+import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
 const double = 2;
 export class Collider extends ParticlesInteractorBase {
@@ -16,6 +17,8 @@ export class Collider extends ParticlesInteractorBase {
         const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * double);
         for (const p2 of query) {
             if (p1 === p2 ||
+                !p1.options.collisions ||
+                !p2.options.collisions ||
                 !p2.options.collisions.enable ||
                 p1.options.collisions.mode !== p2.options.collisions.mode ||
                 p2.destroyed ||
@@ -34,7 +37,13 @@ export class Collider extends ParticlesInteractorBase {
         }
     }
     isEnabled(particle) {
-        return particle.options.collisions.enable;
+        return !!particle.options.collisions?.enable;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.collisions ??= new Collisions();
+        for (const source of sources) {
+            options.collisions.load(source?.collisions);
+        }
     }
     reset() {
     }

package/browser/CollisionMode.js

@@ -0,0 +1,6 @@
+export var CollisionMode;
+(function (CollisionMode) {
+    CollisionMode["absorb"] = "absorb";
+    CollisionMode["bounce"] = "bounce";
+    CollisionMode["destroy"] = "destroy";
+})(CollisionMode || (CollisionMode = {}));

package/browser/Destroy.js

@@ -3,13 +3,14 @@ export function destroy(p1, p2) {
     if (!p1.unbreakable && !p2.unbreakable) {
         bounce(p1, p2);
     }
-    if (p1.getRadius() === undefined && p2.getRadius() !== undefined) {
+    const p1Radius = p1.getRadius(), p2Radius = p2.getRadius();
+    if (!p1Radius && p2Radius) {
         p1.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() === undefined) {
+    else if (p1Radius && !p2Radius) {
         p2.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() !== undefined) {
+    else if (p1Radius && p2Radius) {
         const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;
         deleteP.destroy();
     }

package/browser/Options/Classes/Collisions.js

@@ -0,0 +1,31 @@
+import { ParticlesBounce, isNull, setRangeValue, } from "@tsparticles/engine";
+import { CollisionMode } from "../../CollisionMode.js";
+import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
+import { CollisionsOverlap } from "./CollisionsOverlap.js";
+export class Collisions {
+    constructor() {
+        this.absorb = new CollisionsAbsorb();
+        this.bounce = new ParticlesBounce();
+        this.enable = false;
+        this.maxSpeed = 50;
+        this.mode = CollisionMode.bounce;
+        this.overlap = new CollisionsOverlap();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        this.absorb.load(data.absorb);
+        this.bounce.load(data.bounce);
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.maxSpeed !== undefined) {
+            this.maxSpeed = setRangeValue(data.maxSpeed);
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        this.overlap.load(data.overlap);
+    }
+}

package/browser/Options/Classes/CollisionsAbsorb.js

@@ -0,0 +1,14 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsAbsorb {
+    constructor() {
+        this.speed = 2;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.speed !== undefined) {
+            this.speed = data.speed;
+        }
+    }
+}

package/browser/Options/Classes/CollisionsOverlap.js

@@ -0,0 +1,18 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsOverlap {
+    constructor() {
+        this.enable = true;
+        this.retries = 0;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.retries !== undefined) {
+            this.retries = data.retries;
+        }
+    }
+}

package/browser/Options/Interfaces/ICollisions.js

@@ -0,0 +1 @@
+export {};

package/browser/Options/Interfaces/ICollisionsAbsorb.js

@@ -0,0 +1 @@
+export {};

package/browser/Options/Interfaces/ICollisionsOverlap.js

@@ -0,0 +1 @@
+export {};

package/browser/OverlapPlugin.js

@@ -0,0 +1,14 @@
+import { OverlapPluginInstance } from "./OverlapPluginInstance.js";
+export class OverlapPlugin {
+    constructor() {
+        this.id = "overlap";
+    }
+    getPlugin(container) {
+        return Promise.resolve(new OverlapPluginInstance(container));
+    }
+    loadOptions() {
+    }
+    needsPlugin() {
+        return true;
+    }
+}

package/browser/OverlapPluginInstance.js

@@ -0,0 +1,25 @@
+import { getDistance } from "@tsparticles/engine";
+const minRetries = 0;
+export class OverlapPluginInstance {
+    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);
+    }
+}

package/browser/ResolveCollision.js

@@ -1,8 +1,11 @@
-import { CollisionMode } from "@tsparticles/engine";
+import { CollisionMode } from "./CollisionMode.js";
 import { absorb } from "./Absorb.js";
 import { bounce } from "./Bounce.js";
 import { destroy } from "./Destroy.js";
 export function resolveCollision(p1, p2, delta, pixelRatio) {
+    if (!p1.options.collisions || !p2.options.collisions) {
+        return;
+    }
     switch (p1.options.collisions.mode) {
         case CollisionMode.absorb: {
             absorb(p1, p2, delta, pixelRatio);

package/browser/Types.js

@@ -0,0 +1 @@
+export {};

package/browser/index.js

@@ -1,7 +1,11 @@
-import { Collider } from "./Collider.js";
-export async function loadParticlesCollisionsInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addInteractor("particlesCollisions", container => {
-        return Promise.resolve(new Collider(container));
-    }, refresh);
+export function loadParticlesCollisionsInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { OverlapPlugin } = await import("./OverlapPlugin.js");
+        e.addPlugin(new OverlapPlugin());
+        e.addInteractor("particlesCollisions", async (container) => {
+            const { Collider } = await import("./Collider.js");
+            return new Collider(container);
+        });
+    });
 }

package/cjs/Absorb.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.absorb = absorb;
-const engine_1 = require("@tsparticles/engine");
+import { clamp } from "@tsparticles/engine";
 const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
-function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
-    const factor = (0, engine_1.clamp)((p1.options.collisions.absorb.speed * delta.factor) / absorbFactor, minAbsorbFactor, r2);
+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) {
@@ -12,15 +12,15 @@ function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
         p2.destroy();
     }
 }
-function absorb(p1, p2, delta, pixelRatio) {
+export function absorb(p1, p2, delta, pixelRatio) {
     const r1 = p1.getRadius(), r2 = p2.getRadius();
-    if (r1 === undefined && r2 !== undefined) {
+    if (!r1 && r2) {
         p1.destroy();
     }
-    else if (r1 !== undefined && r2 === undefined) {
+    else if (r1 && !r2) {
         p2.destroy();
     }
-    else if (r1 !== undefined && r2 !== undefined) {
+    else if (r1 && r2) {
         if (r1 >= r2) {
             updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);
         }

package/cjs/Bounce.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bounce = bounce;
-const engine_1 = require("@tsparticles/engine");
+import { circleBounce, circleBounceDataFromParticle, getRangeValue } from "@tsparticles/engine";
 const fixBounceSpeed = (p) => {
-    if (p.collisionMaxSpeed === undefined) {
-        p.collisionMaxSpeed = (0, engine_1.getRangeValue)(p.options.collisions.maxSpeed);
+    if (!p.options.collisions) {
+        return;
     }
+    p.collisionMaxSpeed ??= getRangeValue(p.options.collisions.maxSpeed);
     if (p.velocity.length > p.collisionMaxSpeed) {
         p.velocity.length = p.collisionMaxSpeed;
     }
 };
-function bounce(p1, p2) {
-    (0, engine_1.circleBounce)((0, engine_1.circleBounceDataFromParticle)(p1), (0, engine_1.circleBounceDataFromParticle)(p2));
+export function bounce(p1, p2) {
+    circleBounce(circleBounceDataFromParticle(p1), circleBounceDataFromParticle(p2));
     fixBounceSpeed(p1);
     fixBounceSpeed(p2);
 }

package/cjs/Collider.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collider = void 0;
-const engine_1 = require("@tsparticles/engine");
-const ResolveCollision_js_1 = require("./ResolveCollision.js");
+import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { Collisions } from "./Options/Classes/Collisions.js";
+import { resolveCollision } from "./ResolveCollision.js";
 const double = 2;
-class Collider extends engine_1.ParticlesInteractorBase {
+export class Collider extends ParticlesInteractorBase {
     constructor(container) {
         super(container);
     }
@@ -19,6 +17,8 @@ class Collider extends engine_1.ParticlesInteractorBase {
         const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * double);
         for (const p2 of query) {
             if (p1 === p2 ||
+                !p1.options.collisions ||
+                !p2.options.collisions ||
                 !p2.options.collisions.enable ||
                 p1.options.collisions.mode !== p2.options.collisions.mode ||
                 p2.destroyed ||
@@ -29,17 +29,22 @@ class Collider extends engine_1.ParticlesInteractorBase {
             if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {
                 continue;
             }
-            const dist = (0, engine_1.getDistance)(pos1, pos2), distP = radius1 + radius2;
+            const dist = getDistance(pos1, pos2), distP = radius1 + radius2;
             if (dist > distP) {
                 continue;
             }
-            (0, ResolveCollision_js_1.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);
+            resolveCollision(p1, p2, delta, container.retina.pixelRatio);
         }
     }
     isEnabled(particle) {
-        return particle.options.collisions.enable;
+        return !!particle.options.collisions?.enable;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.collisions ??= new Collisions();
+        for (const source of sources) {
+            options.collisions.load(source?.collisions);
+        }
     }
     reset() {
     }
 }
-exports.Collider = Collider;

package/cjs/CollisionMode.js

@@ -0,0 +1,6 @@
+export var CollisionMode;
+(function (CollisionMode) {
+    CollisionMode["absorb"] = "absorb";
+    CollisionMode["bounce"] = "bounce";
+    CollisionMode["destroy"] = "destroy";
+})(CollisionMode || (CollisionMode = {}));

package/cjs/Destroy.js

@@ -1,18 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.destroy = destroy;
-const Bounce_js_1 = require("./Bounce.js");
-function destroy(p1, p2) {
+import { bounce } from "./Bounce.js";
+export function destroy(p1, p2) {
     if (!p1.unbreakable && !p2.unbreakable) {
-        (0, Bounce_js_1.bounce)(p1, p2);
+        bounce(p1, p2);
     }
-    if (p1.getRadius() === undefined && p2.getRadius() !== undefined) {
+    const p1Radius = p1.getRadius(), p2Radius = p2.getRadius();
+    if (!p1Radius && p2Radius) {
         p1.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() === undefined) {
+    else if (p1Radius && !p2Radius) {
         p2.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() !== undefined) {
+    else if (p1Radius && p2Radius) {
         const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;
         deleteP.destroy();
     }

package/cjs/Options/Classes/Collisions.js

@@ -0,0 +1,31 @@
+import { ParticlesBounce, isNull, setRangeValue, } from "@tsparticles/engine";
+import { CollisionMode } from "../../CollisionMode.js";
+import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
+import { CollisionsOverlap } from "./CollisionsOverlap.js";
+export class Collisions {
+    constructor() {
+        this.absorb = new CollisionsAbsorb();
+        this.bounce = new ParticlesBounce();
+        this.enable = false;
+        this.maxSpeed = 50;
+        this.mode = CollisionMode.bounce;
+        this.overlap = new CollisionsOverlap();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        this.absorb.load(data.absorb);
+        this.bounce.load(data.bounce);
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.maxSpeed !== undefined) {
+            this.maxSpeed = setRangeValue(data.maxSpeed);
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        this.overlap.load(data.overlap);
+    }
+}

package/cjs/Options/Classes/CollisionsAbsorb.js

@@ -0,0 +1,14 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsAbsorb {
+    constructor() {
+        this.speed = 2;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.speed !== undefined) {
+            this.speed = data.speed;
+        }
+    }
+}

package/cjs/Options/Classes/CollisionsOverlap.js

@@ -0,0 +1,18 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsOverlap {
+    constructor() {
+        this.enable = true;
+        this.retries = 0;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.retries !== undefined) {
+            this.retries = data.retries;
+        }
+    }
+}

package/cjs/Options/Interfaces/ICollisions.js

@@ -0,0 +1 @@
+export {};

package/cjs/Options/Interfaces/ICollisionsAbsorb.js

@@ -0,0 +1 @@
+export {};

package/cjs/Options/Interfaces/ICollisionsOverlap.js

@@ -0,0 +1 @@
+export {};

package/cjs/OverlapPlugin.js

@@ -0,0 +1,14 @@
+import { OverlapPluginInstance } from "./OverlapPluginInstance.js";
+export class OverlapPlugin {
+    constructor() {
+        this.id = "overlap";
+    }
+    getPlugin(container) {
+        return Promise.resolve(new OverlapPluginInstance(container));
+    }
+    loadOptions() {
+    }
+    needsPlugin() {
+        return true;
+    }
+}

package/cjs/OverlapPluginInstance.js

@@ -0,0 +1,25 @@
+import { getDistance } from "@tsparticles/engine";
+const minRetries = 0;
+export class OverlapPluginInstance {
+    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);
+    }
+}

package/cjs/ResolveCollision.js

@@ -1,22 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveCollision = resolveCollision;
-const engine_1 = require("@tsparticles/engine");
-const Absorb_js_1 = require("./Absorb.js");
-const Bounce_js_1 = require("./Bounce.js");
-const Destroy_js_1 = require("./Destroy.js");
-function resolveCollision(p1, p2, delta, pixelRatio) {
+import { CollisionMode } from "./CollisionMode.js";
+import { absorb } from "./Absorb.js";
+import { bounce } from "./Bounce.js";
+import { destroy } from "./Destroy.js";
+export function resolveCollision(p1, p2, delta, pixelRatio) {
+    if (!p1.options.collisions || !p2.options.collisions) {
+        return;
+    }
     switch (p1.options.collisions.mode) {
-        case engine_1.CollisionMode.absorb: {
-            (0, Absorb_js_1.absorb)(p1, p2, delta, pixelRatio);
+        case CollisionMode.absorb: {
+            absorb(p1, p2, delta, pixelRatio);
             break;
         }
-        case engine_1.CollisionMode.bounce: {
-            (0, Bounce_js_1.bounce)(p1, p2);
+        case CollisionMode.bounce: {
+            bounce(p1, p2);
             break;
         }
-        case engine_1.CollisionMode.destroy: {
-            (0, Destroy_js_1.destroy)(p1, p2);
+        case CollisionMode.destroy: {
+            destroy(p1, p2);
             break;
         }
     }

package/cjs/Types.js

@@ -0,0 +1 @@
+export {};

package/cjs/index.js

@@ -1,10 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadParticlesCollisionsInteraction = loadParticlesCollisionsInteraction;
-const Collider_js_1 = require("./Collider.js");
-async function loadParticlesCollisionsInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addInteractor("particlesCollisions", container => {
-        return Promise.resolve(new Collider_js_1.Collider(container));
-    }, refresh);
+export function loadParticlesCollisionsInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { OverlapPlugin } = await import("./OverlapPlugin.js");
+        e.addPlugin(new OverlapPlugin());
+        e.addInteractor("particlesCollisions", async (container) => {
+            const { Collider } = await import("./Collider.js");
+            return new Collider(container);
+        });
+    });
 }