@tsparticles/plugin-absorbers 3.0.3 → 3.2.0

package/tsparticles.plugin.absorbers.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.absorbers.min.js.LICENSE.txt */
-!function(i,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{"use strict";var t={533:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};return(()=>{o.r(e),o.d(e,{loadAbsorbersPlugin:()=>h});var i=o(533);class t{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 s extends i.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new t}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),(0,i.isNumber)(t.limit)?this.limit.radius=t.limit:this.limit.load(t.limit))}}class r{constructor(){this.color=new i.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new s}load(t){void 0!==t&&(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,i.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,i.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}class n{constructor(t,s,o,e){this.absorbers=t,this.container=s,this._calcPosition=()=>{const t=(0,i.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return i.Vector.create(t.x,t.y)},this._updateParticlePosition=(t,s)=>{if(t.destroyed)return;const o=this.container,e=o.canvas.size;if(t.needsNewPosition){const s=(0,i.calcPositionOrRandomFromSize)({size:e});t.position.setTo(s),t.velocity.setTo(t.initialVelocity),t.absorberOrbit=void 0,t.needsNewPosition=!1}if(this.options.orbits){if(void 0===t.absorberOrbit&&(t.absorberOrbit=i.Vector.create(0,0),t.absorberOrbit.length=(0,i.getDistance)(t.getPosition(),this.position),t.absorberOrbit.angle=(0,i.getRandom)()*Math.PI*2),t.absorberOrbit.length<=this.size&&!this.options.destroy){const s=Math.min(e.width,e.height);t.absorberOrbit.length=s*(.2*(0,i.getRandom)()-.1+1)}void 0===t.absorberOrbitDirection&&(t.absorberOrbitDirection=t.velocity.x>=0?"clockwise":"counter-clockwise");const r=t.absorberOrbit.length,n=t.absorberOrbit.angle,a=t.absorberOrbitDirection;t.velocity.setTo(i.Vector.origin);const c={x:"clockwise"===a?Math.cos:Math.sin,y:"clockwise"===a?Math.sin:Math.cos};t.position.x=this.position.x+r*c.x(n),t.position.y=this.position.y+r*c.y(n),t.absorberOrbit.length-=s.length,t.absorberOrbit.angle+=(t.retina.moveSpeed??0)*o.retina.pixelRatio/100*o.retina.reduceFactor}else{const o=i.Vector.origin;o.length=s.length,o.angle=s.angle,t.velocity.addTo(o)}},this.initialPosition=e?i.Vector.create(e.x,e.y):void 0,o instanceof r?this.options=o:(this.options=new r,this.options.load(o)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,i.getRangeValue)(this.options.size.value)*s.retina.pixelRatio,this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const n=this.options.size.limit;this.limit={radius:n.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:n.mass},this.color=(0,i.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(t){const s=this.container,o=this.options;if(o.draggable){const t=s.interactivity.mouse;if(t.clicking&&t.downPosition){(0,i.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const e=t.getPosition(),{dx:r,dy:n,distance:a}=(0,i.getDistances)(this.position,e),c=i.Vector.create(r,n);if(c.length=this.mass/Math.pow(a,2)*s.retina.reduceFactor,a<this.size+t.getRadius()){const i=.033*t.getRadius()*s.retina.pixelRatio;this.size>t.getRadius()&&a<this.size-t.getRadius()||void 0!==t.absorberOrbit&&t.absorberOrbit.length<0?o.destroy?t.destroy():(t.needsNewPosition=!0,this._updateParticlePosition(t,c)):(o.destroy&&(t.size.value-=i),this._updateParticlePosition(t,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=i),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=i*this.options.size.density*s.retina.reduceFactor)}else this._updateParticlePosition(t,c)}draw(t){t.translate(this.position.x,this.position.y),t.beginPath(),t.arc(0,0,this.size,0,2*Math.PI,!1),t.closePath(),t.fillStyle=(0,i.getStyleFromRgb)(this.color,this.opacity),t.fill()}resize(){const t=this.initialPosition;this.position=t&&(0,i.isPointInside)(t,this.container.canvas.size,i.Vector.origin)?t:this._calcPosition()}}class a{constructor(t){this.container=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],t.getAbsorber=t=>void 0===t||(0,i.isNumber)(t)?this.array[t||0]:this.array.find((i=>i.name===t)),t.addAbsorber=(i,t)=>this.addAbsorber(i,t)}addAbsorber(i,t){const s=new n(this,this.container,i,t);return this.array.push(s),s}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(t){const s=this.absorbers,o=this.interactivityAbsorbers;if("absorber"===t){const t=(0,i.itemFromSingleOrMultiple)(o)??(0,i.itemFromSingleOrMultiple)(s),e=this.container.interactivity.mouse.clickPosition;this.addAbsorber(t,e)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers,(0,i.executeOnSingleOrMultiple)(this.absorbers,(i=>{this.addAbsorber(i)}))}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class c{constructor(){this.id="absorbers"}getPlugin(i){return new a(i)}loadOptions(t,s){(this.needsPlugin(t)||this.needsPlugin(s))&&(s?.absorbers&&(t.absorbers=(0,i.executeOnSingleOrMultiple)(s.absorbers,(i=>{const t=new r;return t.load(i),t}))),t.interactivity.modes.absorbers=(0,i.executeOnSingleOrMultiple)(s?.interactivity?.modes?.absorbers,(i=>{const t=new r;return t.load(i),t})))}needsPlugin(t){if(!t)return!1;const s=t.absorbers;return(0,i.isArray)(s)?!!s.length:!!s||!(!t.interactivity?.events?.onClick?.mode||!(0,i.isInArray)("absorber",t.interactivity.events.onClick.mode))}}async function h(i,t=!0){await i.addPlugin(new c,t)}})(),e})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var t="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(e=>(()=>{var r,t,o={533:r=>{r.exports=e}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,i),t.exports}i.m=o,i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".min.js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="@tsparticles/plugin-absorbers:",i.l=(e,o,n,a)=>{if(r[e])r[e].push(o);else{var s,l;if(void 0!==n)for(var u=document.getElementsByTagName("script"),c=0;c<u.length;c++){var p=u[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==t+n){s=p;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+n),s.src=e),r[e]=[o];var d=(t,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),t)return t(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),l&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var r=i.g.document;if(!e&&r&&(r.currentScript&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&!e;)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e={902:0};i.f.j=(r,t)=>{var o=i.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var n=new Promise(((t,n)=>o=e[r]=[t,n]));t.push(o[2]=n);var a=i.p+i.u(r),s=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;s.message="Loading chunk "+r+" failed.\n("+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,o[1](s)}}),"chunk-"+r,r)}};var r=(r,t)=>{var o,n,a=t[0],s=t[1],l=t[2],u=0;if(a.some((r=>0!==e[r]))){for(o in s)i.o(s,o)&&(i.m[o]=s[o]);if(l)l(i)}for(r&&r(t);u<a.length;u++)n=a[u],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0},t=this.webpackChunk_tsparticles_plugin_absorbers=this.webpackChunk_tsparticles_plugin_absorbers||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var a={};return(()=>{async function e(e,r=!0){const{AbsorbersPlugin:t}=await i.e(142).then(i.bind(i,142));await e.addPlugin(new t,r)}i.r(a),i.d(a,{loadAbsorbersPlugin:()=>e})})(),a})()));

package/tsparticles.plugin.absorbers.min.js.LICENSE.txt

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

package/types/AbsorberContainer.d.ts

@@ -4,6 +4,6 @@ import type { AbsorberOptions } from "./types.js";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber.js";
 export interface AbsorberContainer extends Container {
     actualOptions: AbsorberOptions;
-    addAbsorber: (options: RecursivePartial<IAbsorber>, position?: ICoordinates) => AbsorberInstance;
+    addAbsorber: (options: RecursivePartial<IAbsorber>, position?: ICoordinates) => Promise<AbsorberInstance>;
     getAbsorber: (idxOrName?: number | string) => AbsorberInstance | undefined;
 }

package/types/AbsorberInstance.d.ts

@@ -22,7 +22,7 @@ export declare class AbsorberInstance {
     private readonly options;
     constructor(absorbers: Absorbers, container: Container, options: RecursivePartial<IAbsorber>, position?: ICoordinates);
     attract(particle: OrbitingParticle): void;
-    draw(context: CanvasRenderingContext2D): void;
+    draw(context: CanvasRenderingContext2D): Promise<void>;
     resize(): void;
     private readonly _calcPosition;
     private readonly _updateParticlePosition;

package/types/Absorbers.d.ts

@@ -1,7 +1,7 @@
 import { type IContainerPlugin, type ICoordinates, type Particle, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
 import type { Absorber } from "./Options/Classes/Absorber.js";
 import type { AbsorberContainer } from "./AbsorberContainer.js";
-import { AbsorberInstance } from "./AbsorberInstance.js";
+import type { AbsorberInstance } from "./AbsorberInstance.js";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber.js";
 export declare class Absorbers implements IContainerPlugin {
     private readonly container;
@@ -9,8 +9,8 @@ export declare class Absorbers implements IContainerPlugin {
     array: AbsorberInstance[];
     interactivityAbsorbers: SingleOrMultiple<Absorber>;
     constructor(container: AbsorberContainer);
-    addAbsorber(options: RecursivePartial<IAbsorber>, position?: ICoordinates): AbsorberInstance;
-    draw(context: CanvasRenderingContext2D): void;
+    addAbsorber(options: RecursivePartial<IAbsorber>, position?: ICoordinates): Promise<AbsorberInstance>;
+    draw(context: CanvasRenderingContext2D): Promise<void>;
     handleClickMode(mode: string): void;
     init(): Promise<void>;
     particleUpdate(particle: Particle): void;

package/types/AbsorbersPlugin.d.ts

@@ -0,0 +1,11 @@
+import type { AbsorberOptions, IAbsorberOptions } from "./types.js";
+import { type IOptions, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
+import type { AbsorberContainer } from "./AbsorberContainer.js";
+import type { Absorbers } from "./Absorbers.js";
+export declare class AbsorbersPlugin implements IPlugin {
+    readonly id: string;
+    constructor();
+    getPlugin(container: AbsorberContainer): Promise<Absorbers>;
+    loadOptions(options: AbsorberOptions, source?: RecursivePartial<IAbsorberOptions>): void;
+    needsPlugin(options?: RecursivePartial<IOptions & IAbsorberOptions>): boolean;
+}

package/umd/AbsorberInstance.js

@@ -12,6 +12,10 @@
     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;
@@ -37,17 +41,17 @@
                 }
                 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);
@@ -59,7 +63,7 @@
                     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 {
@@ -113,11 +117,11 @@
                 }
             }
             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();
                     }
@@ -132,10 +136,10 @@
                     }
                     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;
                 }
             }
@@ -143,13 +147,14 @@
                 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/umd/Absorbers.js

@@ -1,17 +1,41 @@
+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;
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./AbsorberInstance.js"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     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;
@@ -19,33 +43,39 @@
             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 (__syncRequire ? Promise.resolve().then(() => __importStar(require("./AbsorberInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./AbsorberInstance.js"], resolve_1, reject_1); }).then(__importStar)), 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) {
@@ -56,9 +86,9 @@
             }
         }
         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/umd/AbsorbersPlugin.js

@@ -0,0 +1,83 @@
+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;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Absorber.js"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
+    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 (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Absorbers.js"))) : new Promise((resolve_1, reject_1) => { require(["./Absorbers.js"], resolve_1, reject_1); }).then(__importStar));
+            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/umd/index.js

@@ -9,6 +9,18 @@ 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);
 };
@@ -18,58 +30,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Absorber.js", "./Absorbers.js", "./AbsorberContainer.js", "./Enums/AbsorberClickMode.js"], factory);
+        define(["require", "exports", "./AbsorberContainer.js", "./Enums/AbsorberClickMode.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     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 (__syncRequire ? Promise.resolve().then(() => __importStar(require("./AbsorbersPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./AbsorbersPlugin.js"], resolve_1, reject_1); }).then(__importStar));
         await engine.addPlugin(new AbsorbersPlugin(), refresh);
     }
     exports.loadAbsorbersPlugin = loadAbsorbersPlugin;