@tsparticles/plugin-absorbers 3.0.3 → 3.2.0

package/142.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 142.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_absorbers=this.webpackChunk_tsparticles_plugin_absorbers||[]).push([[142],{142:(i,s,t)=>{t.d(s,{AbsorbersPlugin:()=>r});var o=t(533),e=t(806);class r{constructor(){this.id="absorbers"}async getPlugin(i){const{Absorbers:s}=await t.e(327).then(t.bind(t,327));return new s(i)}loadOptions(i,s){(this.needsPlugin(i)||this.needsPlugin(s))&&(s?.absorbers&&(i.absorbers=(0,o.executeOnSingleOrMultiple)(s.absorbers,(i=>{const s=new e.C;return s.load(i),s}))),i.interactivity.modes.absorbers=(0,o.executeOnSingleOrMultiple)(s?.interactivity?.modes?.absorbers,(i=>{const s=new e.C;return s.load(i),s})))}needsPlugin(i){if(!i)return!1;const s=i.absorbers;return(0,o.isArray)(s)?!!s.length:!!s||!(!i.interactivity?.events?.onClick?.mode||!(0,o.isInArray)("absorber",i.interactivity.events.onClick.mode))}}},806:(i,s,t)=>{t.d(s,{C:()=>a});var o=t(533);class e{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class r extends o.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new e}load(i){i&&(super.load(i),void 0!==i.density&&(this.density=i.density),(0,o.isNumber)(i.limit)?this.limit.radius=i.limit:this.limit.load(i.limit))}}class a{constructor(){this.color=new o.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new r}load(i){void 0!==i&&(void 0!==i.color&&(this.color=o.OptionsColor.create(this.color,i.color)),void 0!==i.draggable&&(this.draggable=i.draggable),this.name=i.name,void 0!==i.opacity&&(this.opacity=i.opacity),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,o.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,o.setRangeValue)(i.position.y))),void 0!==i.size&&this.size.load(i.size),void 0!==i.destroy&&(this.destroy=i.destroy),void 0!==i.orbits&&(this.orbits=i.orbits))}}}}]);

package/142.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Absorbers Plugin v3.2.0 by Matteo Bruni */

package/28.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 28.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_absorbers=this.webpackChunk_tsparticles_plugin_absorbers||[]).push([[28],{28:(i,t,s)=>{s.d(t,{AbsorberInstance:()=>c});var o=s(533),e=s(806);const n=0,r=0,a=2*Math.PI;class c{constructor(i,t,s,n){this.absorbers=i,this.container=t,this._calcPosition=()=>{const i=(0,o.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return o.Vector.create(i.x,i.y)},this._updateParticlePosition=(i,t)=>{if(i.destroyed)return;const s=this.container,e=s.canvas.size;if(i.needsNewPosition){const t=(0,o.calcPositionOrRandomFromSize)({size:e});i.position.setTo(t),i.velocity.setTo(i.initialVelocity),i.absorberOrbit=void 0,i.needsNewPosition=!1}if(this.options.orbits){if(void 0===i.absorberOrbit&&(i.absorberOrbit=o.Vector.origin,i.absorberOrbit.length=(0,o.getDistance)(i.getPosition(),this.position),i.absorberOrbit.angle=(0,o.getRandom)()*a),i.absorberOrbit.length<=this.size&&!this.options.destroy){const t=Math.min(e.width,e.height),s=1,n=.1,r=.2;i.absorberOrbit.length=t*(s+((0,o.getRandom)()*r-n))}void 0===i.absorberOrbitDirection&&(i.absorberOrbitDirection=i.velocity.x>=0?"clockwise":"counter-clockwise");const n=i.absorberOrbit.length,r=i.absorberOrbit.angle,c=i.absorberOrbitDirection;i.velocity.setTo(o.Vector.origin);const h={x:"clockwise"===c?Math.cos:Math.sin,y:"clockwise"===c?Math.sin:Math.cos};i.position.x=this.position.x+n*h.x(r),i.position.y=this.position.y+n*h.y(r),i.absorberOrbit.length-=t.length,i.absorberOrbit.angle+=(i.retina.moveSpeed??0)*s.retina.pixelRatio/o.percentDenominator*s.retina.reduceFactor}else{const s=o.Vector.origin;s.length=t.length,s.angle=t.angle,i.velocity.addTo(s)}},this.initialPosition=n?o.Vector.create(n.x,n.y):void 0,s instanceof e.C?this.options=s:(this.options=new e.C,this.options.load(s)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,o.getRangeValue)(this.options.size.value)*t.retina.pixelRatio,this.mass=this.size*this.options.size.density*t.retina.reduceFactor;const r=this.options.size.limit;this.limit={radius:r.radius*t.retina.pixelRatio*t.retina.reduceFactor,mass:r.mass},this.color=(0,o.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(i){const t=this.container,s=this.options;if(s.draggable){const i=t.interactivity.mouse;if(i.clicking&&i.downPosition){(0,o.getDistance)(this.position,i.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&i.position&&(this.position.x=i.position.x,this.position.y=i.position.y)}const e=i.getPosition(),{dx:n,dy:r,distance:a}=(0,o.getDistances)(this.position,e),c=o.Vector.create(n,r);if(c.length=this.mass/Math.pow(a,2)*t.retina.reduceFactor,a<this.size+i.getRadius()){const o=.033*i.getRadius()*t.retina.pixelRatio;this.size>i.getRadius()&&a<this.size-i.getRadius()||void 0!==i.absorberOrbit&&i.absorberOrbit.length<0?s.destroy?i.destroy():(i.needsNewPosition=!0,this._updateParticlePosition(i,c)):(s.destroy&&(i.size.value-=o),this._updateParticlePosition(i,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=o),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=o*this.options.size.density*t.retina.reduceFactor)}else this._updateParticlePosition(i,c)}async draw(i){i.translate(this.position.x,this.position.y),i.beginPath(),i.arc(n,r,this.size,0,a,!1),i.closePath(),i.fillStyle=(0,o.getStyleFromRgb)(this.color,this.opacity),i.fill(),await Promise.resolve()}resize(){const i=this.initialPosition;this.position=i&&(0,o.isPointInside)(i,this.container.canvas.size,o.Vector.origin)?i:this._calcPosition()}}}}]);

package/28.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Absorbers Plugin v3.2.0 by Matteo Bruni */

package/327.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 327.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_absorbers=this.webpackChunk_tsparticles_plugin_absorbers||[]).push([[327],{327:(r,s,t)=>{t.d(s,{Absorbers:()=>a});var i=t(533);class a{constructor(r){this.container=r,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],r.getAbsorber=r=>void 0===r||(0,i.isNumber)(r)?this.array[r??0]:this.array.find((s=>s.name===r)),r.addAbsorber=async(r,s)=>this.addAbsorber(r,s)}async addAbsorber(r,s){const{AbsorberInstance:i}=await t.e(28).then(t.bind(t,28)),a=new i(this,this.container,r,s);return this.array.push(a),a}async draw(r){for(const s of this.array)await s.draw(r)}handleClickMode(r){const s=this.absorbers,t=this.interactivityAbsorbers;if("absorber"===r){const r=(0,i.itemFromSingleOrMultiple)(t)??(0,i.itemFromSingleOrMultiple)(s),a=this.container.interactivity.mouse.clickPosition;this.addAbsorber(r,a)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers;const r=(0,i.executeOnSingleOrMultiple)(this.absorbers,(async r=>{await this.addAbsorber(r)}));r instanceof Array?await Promise.all(r):await r}particleUpdate(r){for(const s of this.array)if(s.attract(r),r.destroyed)break}removeAbsorber(r){const s=this.array.indexOf(r);s>=0&&this.array.splice(s,1)}resize(){for(const r of this.array)r.resize()}stop(){this.array=[]}}}}]);

package/327.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Absorbers Plugin v3.2.0 by Matteo Bruni */

package/browser/AbsorberInstance.js

@@ -1,5 +1,9 @@
-import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, rangeColorToRgb, } from "@tsparticles/engine";
+import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, percentDenominator, rangeColorToRgb, } from "@tsparticles/engine";
 import { Absorber } from "./Options/Classes/Absorber.js";
+const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+    x: 0,
+    y: 0,
+}, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 export class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         this.absorbers = absorbers;
@@ -25,17 +29,17 @@ export class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = Vector.create(0, 0);
+                    particle.absorberOrbit = Vector.origin;
                     particle.absorberOrbit.length = getDistance(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = getRandom() * Math.PI * 2;
+                    particle.absorberOrbit.angle = getRandom() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + (getRandom() * 0.2 - 0.1));
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + (getRandom() * randomFactor - randomOffset));
                 }
                 if (particle.absorberOrbitDirection === undefined) {
                     particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                        particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                 }
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(Vector.origin);
@@ -47,7 +51,7 @@ export class AbsorberInstance {
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
@@ -101,11 +105,11 @@ export class AbsorberInstance {
             }
         }
         const pos = particle.getPosition(), { dx, dy, distance } = getDistances(this.position, pos), v = Vector.create(dx, dy);
-        v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+        v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
-            const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
             if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                 if (options.destroy) {
                     particle.destroy();
                 }
@@ -120,10 +124,10 @@ export class AbsorberInstance {
                 }
                 this._updateParticlePosition(particle, v);
             }
-            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                 this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
             }
         }
@@ -131,13 +135,14 @@ export class AbsorberInstance {
             this._updateParticlePosition(particle, v);
         }
     }
-    draw(context) {
+    async draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+        context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
         context.closePath();
         context.fillStyle = getStyleFromRgb(this.color, this.opacity);
         context.fill();
+        await Promise.resolve();
     }
     resize() {
         const initialPosition = this.initialPosition;

package/browser/Absorbers.js

@@ -1,5 +1,5 @@
 import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
-import { AbsorberInstance } from "./AbsorberInstance.js";
+const defaultIndex = 0;
 export class Absorbers {
     constructor(container) {
         this.container = container;
@@ -7,33 +7,39 @@ export class Absorbers {
         this.absorbers = [];
         this.interactivityAbsorbers = [];
         container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
-        container.addAbsorber = (options, position) => this.addAbsorber(options, position);
+        container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
     }
-    addAbsorber(options, position) {
-        const absorber = new AbsorberInstance(this, this.container, options, position);
+    async addAbsorber(options, position) {
+        const { AbsorberInstance } = await import("./AbsorberInstance.js"), absorber = new AbsorberInstance(this, this.container, options, position);
         this.array.push(absorber);
         return absorber;
     }
-    draw(context) {
+    async draw(context) {
         for (const absorber of this.array) {
-            absorber.draw(context);
+            await absorber.draw(context);
         }
     }
     handleClickMode(mode) {
         const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
         if (mode === "absorber") {
             const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? itemFromSingleOrMultiple(absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
-            this.addAbsorber(absorbersOptions, aPosition);
+            void this.addAbsorber(absorbersOptions, aPosition);
         }
     }
     async init() {
         this.absorbers = this.container.actualOptions.absorbers;
         this.interactivityAbsorbers = this.container.actualOptions.interactivity.modes.absorbers;
-        executeOnSingleOrMultiple(this.absorbers, (absorber) => {
-            this.addAbsorber(absorber);
+        const promises = executeOnSingleOrMultiple(this.absorbers, async (absorber) => {
+            await this.addAbsorber(absorber);
         });
+        if (promises instanceof Array) {
+            await Promise.all(promises);
+        }
+        else {
+            await promises;
+        }
     }
     particleUpdate(particle) {
         for (const absorber of this.array) {
@@ -44,9 +50,9 @@ export class Absorbers {
         }
     }
     removeAbsorber(absorber) {
-        const index = this.array.indexOf(absorber);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(absorber), deleteCount = 1;
+        if (index >= defaultIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/browser/AbsorbersPlugin.js

@@ -0,0 +1,45 @@
+import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
+import { Absorber } from "./Options/Classes/Absorber.js";
+export class AbsorbersPlugin {
+    constructor() {
+        this.id = "absorbers";
+    }
+    async getPlugin(container) {
+        const { Absorbers } = await import("./Absorbers.js");
+        return new Absorbers(container);
+    }
+    loadOptions(options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+            return;
+        }
+        if (source?.absorbers) {
+            options.absorbers = executeOnSingleOrMultiple(source.absorbers, (absorber) => {
+                const tmp = new Absorber();
+                tmp.load(absorber);
+                return tmp;
+            });
+        }
+        options.interactivity.modes.absorbers = executeOnSingleOrMultiple(source?.interactivity?.modes?.absorbers, (absorber) => {
+            const tmp = new Absorber();
+            tmp.load(absorber);
+            return tmp;
+        });
+    }
+    needsPlugin(options) {
+        if (!options) {
+            return false;
+        }
+        const absorbers = options.absorbers;
+        if (isArray(absorbers)) {
+            return !!absorbers.length;
+        }
+        else if (absorbers) {
+            return true;
+        }
+        else if (options.interactivity?.events?.onClick?.mode &&
+            isInArray("absorber", options.interactivity.events.onClick.mode)) {
+            return true;
+        }
+        return false;
+    }
+}

package/browser/index.js

@@ -1,49 +1,5 @@
-import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
-import { Absorber } from "./Options/Classes/Absorber.js";
-import { Absorbers } from "./Absorbers.js";
-class AbsorbersPlugin {
-    constructor() {
-        this.id = "absorbers";
-    }
-    getPlugin(container) {
-        return new Absorbers(container);
-    }
-    loadOptions(options, source) {
-        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-            return;
-        }
-        if (source?.absorbers) {
-            options.absorbers = executeOnSingleOrMultiple(source.absorbers, (absorber) => {
-                const tmp = new Absorber();
-                tmp.load(absorber);
-                return tmp;
-            });
-        }
-        options.interactivity.modes.absorbers = executeOnSingleOrMultiple(source?.interactivity?.modes?.absorbers, (absorber) => {
-            const tmp = new Absorber();
-            tmp.load(absorber);
-            return tmp;
-        });
-    }
-    needsPlugin(options) {
-        if (!options) {
-            return false;
-        }
-        const absorbers = options.absorbers;
-        if (isArray(absorbers)) {
-            return !!absorbers.length;
-        }
-        else if (absorbers) {
-            return true;
-        }
-        else if (options.interactivity?.events?.onClick?.mode &&
-            isInArray("absorber", options.interactivity.events.onClick.mode)) {
-            return true;
-        }
-        return false;
-    }
-}
 export async function loadAbsorbersPlugin(engine, refresh = true) {
+    const { AbsorbersPlugin } = await import("./AbsorbersPlugin.js");
     await engine.addPlugin(new AbsorbersPlugin(), refresh);
 }
 export * from "./AbsorberContainer.js";

package/cjs/AbsorberInstance.js

@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbsorberInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Absorber_js_1 = require("./Options/Classes/Absorber.js");
+const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+    x: 0,
+    y: 0,
+}, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         this.absorbers = absorbers;
@@ -28,17 +32,17 @@ class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = engine_1.Vector.create(0, 0);
+                    particle.absorberOrbit = engine_1.Vector.origin;
                     particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * Math.PI * 2;
+                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + ((0, engine_1.getRandom)() * 0.2 - 0.1));
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + ((0, engine_1.getRandom)() * randomFactor - randomOffset));
                 }
                 if (particle.absorberOrbitDirection === undefined) {
                     particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                        particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                 }
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(engine_1.Vector.origin);
@@ -50,7 +54,7 @@ class AbsorberInstance {
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / engine_1.percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
@@ -104,11 +108,11 @@ class AbsorberInstance {
             }
         }
         const pos = particle.getPosition(), { dx, dy, distance } = (0, engine_1.getDistances)(this.position, pos), v = engine_1.Vector.create(dx, dy);
-        v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+        v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
-            const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
             if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                 if (options.destroy) {
                     particle.destroy();
                 }
@@ -123,10 +127,10 @@ class AbsorberInstance {
                 }
                 this._updateParticlePosition(particle, v);
             }
-            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                 this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
             }
         }
@@ -134,13 +138,14 @@ class AbsorberInstance {
             this._updateParticlePosition(particle, v);
         }
     }
-    draw(context) {
+    async draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+        context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
         context.closePath();
         context.fillStyle = (0, engine_1.getStyleFromRgb)(this.color, this.opacity);
         context.fill();
+        await Promise.resolve();
     }
     resize() {
         const initialPosition = this.initialPosition;

package/cjs/Absorbers.js

@@ -1,8 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Absorbers = void 0;
 const engine_1 = require("@tsparticles/engine");
-const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
+const defaultIndex = 0;
 class Absorbers {
     constructor(container) {
         this.container = container;
@@ -10,33 +33,39 @@ class Absorbers {
         this.absorbers = [];
         this.interactivityAbsorbers = [];
         container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
-        container.addAbsorber = (options, position) => this.addAbsorber(options, position);
+        container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
     }
-    addAbsorber(options, position) {
-        const absorber = new AbsorberInstance_js_1.AbsorberInstance(this, this.container, options, position);
+    async addAbsorber(options, position) {
+        const { AbsorberInstance } = await Promise.resolve().then(() => __importStar(require("./AbsorberInstance.js"))), absorber = new AbsorberInstance(this, this.container, options, position);
         this.array.push(absorber);
         return absorber;
     }
-    draw(context) {
+    async draw(context) {
         for (const absorber of this.array) {
-            absorber.draw(context);
+            await absorber.draw(context);
         }
     }
     handleClickMode(mode) {
         const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
         if (mode === "absorber") {
             const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? (0, engine_1.itemFromSingleOrMultiple)(absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
-            this.addAbsorber(absorbersOptions, aPosition);
+            void this.addAbsorber(absorbersOptions, aPosition);
         }
     }
     async init() {
         this.absorbers = this.container.actualOptions.absorbers;
         this.interactivityAbsorbers = this.container.actualOptions.interactivity.modes.absorbers;
-        (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, (absorber) => {
-            this.addAbsorber(absorber);
+        const promises = (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, async (absorber) => {
+            await this.addAbsorber(absorber);
         });
+        if (promises instanceof Array) {
+            await Promise.all(promises);
+        }
+        else {
+            await promises;
+        }
     }
     particleUpdate(particle) {
         for (const absorber of this.array) {
@@ -47,9 +76,9 @@ class Absorbers {
         }
     }
     removeAbsorber(absorber) {
-        const index = this.array.indexOf(absorber);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(absorber), deleteCount = 1;
+        if (index >= defaultIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/cjs/AbsorbersPlugin.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbsorbersPlugin = void 0;
+const engine_1 = require("@tsparticles/engine");
+const Absorber_js_1 = require("./Options/Classes/Absorber.js");
+class AbsorbersPlugin {
+    constructor() {
+        this.id = "absorbers";
+    }
+    async getPlugin(container) {
+        const { Absorbers } = await Promise.resolve().then(() => __importStar(require("./Absorbers.js")));
+        return new Absorbers(container);
+    }
+    loadOptions(options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+            return;
+        }
+        if (source?.absorbers) {
+            options.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source.absorbers, (absorber) => {
+                const tmp = new Absorber_js_1.Absorber();
+                tmp.load(absorber);
+                return tmp;
+            });
+        }
+        options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, (absorber) => {
+            const tmp = new Absorber_js_1.Absorber();
+            tmp.load(absorber);
+            return tmp;
+        });
+    }
+    needsPlugin(options) {
+        if (!options) {
+            return false;
+        }
+        const absorbers = options.absorbers;
+        if ((0, engine_1.isArray)(absorbers)) {
+            return !!absorbers.length;
+        }
+        else if (absorbers) {
+            return true;
+        }
+        else if (options.interactivity?.events?.onClick?.mode &&
+            (0, engine_1.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
+            return true;
+        }
+        return false;
+    }
+}
+exports.AbsorbersPlugin = AbsorbersPlugin;

package/cjs/index.js

@@ -10,57 +10,25 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadAbsorbersPlugin = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Absorber_js_1 = require("./Options/Classes/Absorber.js");
-const Absorbers_js_1 = require("./Absorbers.js");
-class AbsorbersPlugin {
-    constructor() {
-        this.id = "absorbers";
-    }
-    getPlugin(container) {
-        return new Absorbers_js_1.Absorbers(container);
-    }
-    loadOptions(options, source) {
-        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-            return;
-        }
-        if (source?.absorbers) {
-            options.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source.absorbers, (absorber) => {
-                const tmp = new Absorber_js_1.Absorber();
-                tmp.load(absorber);
-                return tmp;
-            });
-        }
-        options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, (absorber) => {
-            const tmp = new Absorber_js_1.Absorber();
-            tmp.load(absorber);
-            return tmp;
-        });
-    }
-    needsPlugin(options) {
-        if (!options) {
-            return false;
-        }
-        const absorbers = options.absorbers;
-        if ((0, engine_1.isArray)(absorbers)) {
-            return !!absorbers.length;
-        }
-        else if (absorbers) {
-            return true;
-        }
-        else if (options.interactivity?.events?.onClick?.mode &&
-            (0, engine_1.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
-            return true;
-        }
-        return false;
-    }
-}
 async function loadAbsorbersPlugin(engine, refresh = true) {
+    const { AbsorbersPlugin } = await Promise.resolve().then(() => __importStar(require("./AbsorbersPlugin.js")));
     await engine.addPlugin(new AbsorbersPlugin(), refresh);
 }
 exports.loadAbsorbersPlugin = loadAbsorbersPlugin;