@tsparticles/plugin-absorbers 3.9.1 → 4.0.0-alpha.0

package/47.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 47.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_absorbers=this.webpackChunk_tsparticles_plugin_absorbers||[]).push([[47],{47(i,t,s){s.d(t,{AbsorbersPlugin:()=>d});var o=s(303);class e{constructor(){this.radius=0,this.mass=0}load(i){(0,o.isNull)(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){(0,o.isNull)(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 n{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){(0,o.isNull)(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))}}var a=s(633);const c=2*Math.PI;class h{constructor(i,t,s,e){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)()*c),i.absorberOrbit.length<=this.size&&!this.options.destroy){const t=Math.min(e.width,e.height),s=1,r=.1,n=.2;i.absorberOrbit.length=t*(s+((0,o.getRandom)()*n-r))}i.absorberOrbitDirection??=i.velocity.x>=0?o.RotateDirection.clockwise:o.RotateDirection.counterClockwise;const r=i.absorberOrbit.length,n=i.absorberOrbit.angle,a=i.absorberOrbitDirection;i.velocity.setTo(o.Vector.origin);const h={x:a===o.RotateDirection.clockwise?Math.cos:Math.sin,y:a===o.RotateDirection.clockwise?Math.sin:Math.cos};i.position.x=this.position.x+r*h.x(n),i.position.y=this.position.y+r*h.y(n),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._container=i,this._engine=t,this.initialPosition=e?o.Vector.create(e.x,e.y):void 0,s instanceof n?this.options=s:(this.options=new n,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)*i.retina.pixelRatio,this.mass=this.size*this.options.size.density*i.retina.reduceFactor;const r=this.options.size.limit;this.limit={radius:r.radius*i.retina.pixelRatio*i.retina.reduceFactor,mass:r.mass},this.color=(0,o.rangeColorToRgb)(this._engine,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:r,dy:n,distance:a}=(0,o.getDistances)(this.position,e),c=o.Vector.create(r,n);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)}draw(i){i.translate(this.position.x,this.position.y),i.beginPath(),i.arc(o.originPoint.x,o.originPoint.y,this.size,0,c,!1),i.closePath(),i.fillStyle=(0,o.getStyleFromRgb)(this.color,this._container.hdr,this.opacity),i.fill()}resize(){const i=this.initialPosition;this.position=i&&(0,o.isPointInside)(i,this._container.canvas.size,o.Vector.origin)?i:this._calcPosition()}}class l{constructor(i,t){this._container=i,this._engine=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],i.getAbsorber=i=>void 0===i||(0,o.isNumber)(i)?this.array[i??0]:this.array.find((t=>t.name===i)),i.addAbsorber=async(i,t)=>this.addAbsorber(i,t)}async addAbsorber(i,t){const s=new h(this._container,this._engine,i,t);return this.array.push(s),Promise.resolve(s)}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(i){const t=this.interactivityAbsorbers;if(i===a.w.absorber){const i=(0,o.itemFromSingleOrMultiple)(t)??new n,s=this._container.interactivity.mouse.clickPosition;this.addAbsorber(i,s)}}async init(){this.absorbers=this._container.actualOptions.absorbers,this.interactivityAbsorbers=this._container.actualOptions.interactivity.modes.absorbers;const i=(0,o.executeOnSingleOrMultiple)(this.absorbers,(async i=>{await this.addAbsorber(i)}));i instanceof Array?await Promise.all(i):await 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 d{constructor(i){this.id="absorbers",this._engine=i}async getPlugin(i){return Promise.resolve(new l(i,this._engine))}loadOptions(i,t){(this.needsPlugin(i)||this.needsPlugin(t))&&(t?.absorbers&&(i.absorbers=(0,o.executeOnSingleOrMultiple)(t.absorbers,(i=>{const t=new n;return t.load(i),t}))),i.interactivity.modes.absorbers=(0,o.executeOnSingleOrMultiple)(t?.interactivity?.modes?.absorbers,(i=>{const t=new n;return t.load(i),t})))}needsPlugin(i){if(!i)return!1;const t=i.absorbers;return(0,o.isArray)(t)?!!t.length:!!t||!(!i.interactivity?.events?.onClick?.mode||!(0,o.isInArray)(a.w.absorber,i.interactivity.events.onClick.mode))}}}}]);

package/47.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Absorbers Plugin v4.0.0-alpha.0 by Matteo Bruni */

package/browser/AbsorberInstance.js

@@ -2,7 +2,7 @@ import { RotateDirection, Vector, calcPositionOrRandomFromSize, calcPositionOrRa
 import { Absorber } from "./Options/Classes/Absorber.js";
 const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 export class AbsorberInstance {
-    constructor(absorbers, container, engine, options, position) {
+    constructor(container, engine, options, position) {
         this._calcPosition = () => {
             const exactPosition = calcPositionOrRandomFromSizeRanged({
                 size: this._container.canvas.size,
@@ -32,10 +32,8 @@ export class AbsorberInstance {
                     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 >= minVelocity ? RotateDirection.clockwise : RotateDirection.counterClockwise;
-                }
+                particle.absorberOrbitDirection ??=
+                    particle.velocity.x >= minVelocity ? RotateDirection.clockwise : RotateDirection.counterClockwise;
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(Vector.origin);
                 const updateFunc = {
@@ -56,7 +54,6 @@ export class AbsorberInstance {
                 particle.velocity.addTo(addV);
             }
         };
-        this._absorbers = absorbers;
         this._container = container;
         this._engine = engine;
         this.initialPosition = position ? Vector.create(position.x, position.y) : undefined;
@@ -138,7 +135,7 @@ export class AbsorberInstance {
         context.beginPath();
         context.arc(originPoint.x, originPoint.y, this.size, minAngle, maxAngle, false);
         context.closePath();
-        context.fillStyle = getStyleFromRgb(this.color, this.opacity);
+        context.fillStyle = getStyleFromRgb(this.color, this._container.hdr, this.opacity);
         context.fill();
     }
     resize() {

package/browser/Absorbers.js

@@ -1,4 +1,5 @@
 import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+import { Absorber } from "./Options/Classes/Absorber.js";
 import { AbsorberClickMode } from "./Enums/AbsorberClickMode.js";
 import { AbsorberInstance } from "./AbsorberInstance.js";
 const defaultIndex = 0;
@@ -15,7 +16,7 @@ export class Absorbers {
         container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
     }
     async addAbsorber(options, position) {
-        const absorber = new AbsorberInstance(this, this._container, this._engine, options, position);
+        const absorber = new AbsorberInstance(this._container, this._engine, options, position);
         this.array.push(absorber);
         return Promise.resolve(absorber);
     }
@@ -25,10 +26,10 @@ export class Absorbers {
         }
     }
     handleClickMode(mode) {
-        const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
+        const modeAbsorbers = this.interactivityAbsorbers;
         if (mode === AbsorberClickMode.absorber) {
-            const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? itemFromSingleOrMultiple(absorberOptions), aPosition = this._container.interactivity.mouse.clickPosition;
-            void this.addAbsorber(absorbersOptions, aPosition);
+            const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers) ?? new Absorber(), aPosition = this._container.interactivity.mouse.clickPosition;
+            void this.addAbsorber(absorbersModeOptions, aPosition);
         }
     }
     async init() {

package/browser/index.js

@@ -1,7 +1,8 @@
-import { AbsorbersPlugin } from "./AbsorbersPlugin.js";
-export async function loadAbsorbersPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPlugin(new AbsorbersPlugin(engine), refresh);
+export function loadAbsorbersPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { AbsorbersPlugin } = await import("./AbsorbersPlugin.js");
+        e.addPlugin(new AbsorbersPlugin(e));
+    });
 }
-export * from "./AbsorberContainer.js";
 export * from "./Enums/AbsorberClickMode.js";

package/cjs/AbsorberContainer.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/AbsorberInstance.js

@@ -1,17 +1,14 @@
-"use strict";
-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");
+import { RotateDirection, Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, originPoint, percentDenominator, rangeColorToRgb, } from "@tsparticles/engine";
+import { Absorber } from "./Options/Classes/Absorber.js";
 const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
-class AbsorberInstance {
-    constructor(absorbers, container, engine, options, position) {
+export class AbsorberInstance {
+    constructor(container, engine, options, position) {
         this._calcPosition = () => {
-            const exactPosition = (0, engine_1.calcPositionOrRandomFromSizeRanged)({
+            const exactPosition = calcPositionOrRandomFromSizeRanged({
                 size: this._container.canvas.size,
                 position: this.options.position,
             });
-            return engine_1.Vector.create(exactPosition.x, exactPosition.y);
+            return Vector.create(exactPosition.x, exactPosition.y);
         };
         this._updateParticlePosition = (particle, v) => {
             if (particle.destroyed) {
@@ -19,7 +16,7 @@ class AbsorberInstance {
             }
             const container = this._container, canvasSize = container.canvas.size;
             if (particle.needsNewPosition) {
-                const newPosition = (0, engine_1.calcPositionOrRandomFromSize)({ size: canvasSize });
+                const newPosition = calcPositionOrRandomFromSize({ size: canvasSize });
                 particle.position.setTo(newPosition);
                 particle.velocity.setTo(particle.initialVelocity);
                 particle.absorberOrbit = undefined;
@@ -27,60 +24,57 @@ class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = engine_1.Vector.origin;
-                    particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * maxAngle;
+                    particle.absorberOrbit = Vector.origin;
+                    particle.absorberOrbit.length = getDistance(particle.getPosition(), this.position);
+                    particle.absorberOrbit.angle = getRandom() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
                     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 >= minVelocity ? engine_1.RotateDirection.clockwise : engine_1.RotateDirection.counterClockwise;
+                    particle.absorberOrbit.length = minSize * (offset + (getRandom() * randomFactor - randomOffset));
                 }
+                particle.absorberOrbitDirection ??=
+                    particle.velocity.x >= minVelocity ? RotateDirection.clockwise : RotateDirection.counterClockwise;
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
-                particle.velocity.setTo(engine_1.Vector.origin);
+                particle.velocity.setTo(Vector.origin);
                 const updateFunc = {
-                    x: orbitDirection === engine_1.RotateDirection.clockwise ? Math.cos : Math.sin,
-                    y: orbitDirection === engine_1.RotateDirection.clockwise ? Math.sin : Math.cos,
+                    x: orbitDirection === RotateDirection.clockwise ? Math.cos : Math.sin,
+                    y: orbitDirection === RotateDirection.clockwise ? Math.sin : Math.cos,
                 };
                 particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / engine_1.percentDenominator) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
-                const addV = engine_1.Vector.origin;
+                const addV = Vector.origin;
                 addV.length = v.length;
                 addV.angle = v.angle;
                 particle.velocity.addTo(addV);
             }
         };
-        this._absorbers = absorbers;
         this._container = container;
         this._engine = engine;
-        this.initialPosition = position ? engine_1.Vector.create(position.x, position.y) : undefined;
-        if (options instanceof Absorber_js_1.Absorber) {
+        this.initialPosition = position ? Vector.create(position.x, position.y) : undefined;
+        if (options instanceof Absorber) {
             this.options = options;
         }
         else {
-            this.options = new Absorber_js_1.Absorber();
+            this.options = new Absorber();
             this.options.load(options);
         }
         this.dragging = false;
         this.name = this.options.name;
         this.opacity = this.options.opacity;
-        this.size = (0, engine_1.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;
+        this.size = getRangeValue(this.options.size.value) * container.retina.pixelRatio;
         this.mass = this.size * this.options.size.density * container.retina.reduceFactor;
         const limit = this.options.size.limit;
         this.limit = {
             radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
             mass: limit.mass,
         };
-        this.color = (0, engine_1.rangeColorToRgb)(this._engine, this.options.color) ?? {
+        this.color = rangeColorToRgb(this._engine, this.options.color) ?? {
             b: 0,
             g: 0,
             r: 0,
@@ -92,7 +86,7 @@ class AbsorberInstance {
         if (options.draggable) {
             const mouse = container.interactivity.mouse;
             if (mouse.clicking && mouse.downPosition) {
-                const mouseDist = (0, engine_1.getDistance)(this.position, mouse.downPosition);
+                const mouseDist = getDistance(this.position, mouse.downPosition);
                 if (mouseDist <= this.size) {
                     this.dragging = true;
                 }
@@ -105,7 +99,7 @@ class AbsorberInstance {
                 this.position.y = mouse.position.y;
             }
         }
-        const pos = particle.getPosition(), { dx, dy, distance } = (0, engine_1.getDistances)(this.position, pos), v = engine_1.Vector.create(dx, dy);
+        const pos = particle.getPosition(), { dx, dy, distance } = getDistances(this.position, pos), v = Vector.create(dx, dy);
         v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
             const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
@@ -139,17 +133,16 @@ class AbsorberInstance {
     draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(engine_1.originPoint.x, engine_1.originPoint.y, this.size, minAngle, maxAngle, false);
+        context.arc(originPoint.x, originPoint.y, this.size, minAngle, maxAngle, false);
         context.closePath();
-        context.fillStyle = (0, engine_1.getStyleFromRgb)(this.color, this.opacity);
+        context.fillStyle = getStyleFromRgb(this.color, this._container.hdr, this.opacity);
         context.fill();
     }
     resize() {
         const initialPosition = this.initialPosition;
         this.position =
-            initialPosition && (0, engine_1.isPointInside)(initialPosition, this._container.canvas.size, engine_1.Vector.origin)
+            initialPosition && isPointInside(initialPosition, this._container.canvas.size, Vector.origin)
                 ? initialPosition
                 : this._calcPosition();
     }
 }
-exports.AbsorberInstance = AbsorberInstance;

package/cjs/Absorbers.js

@@ -1,24 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absorbers = void 0;
-const engine_1 = require("@tsparticles/engine");
-const AbsorberClickMode_js_1 = require("./Enums/AbsorberClickMode.js");
-const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
+import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+import { Absorber } from "./Options/Classes/Absorber.js";
+import { AbsorberClickMode } from "./Enums/AbsorberClickMode.js";
+import { AbsorberInstance } from "./AbsorberInstance.js";
 const defaultIndex = 0;
-class Absorbers {
+export class Absorbers {
     constructor(container, engine) {
         this._container = container;
         this._engine = engine;
         this.array = [];
         this.absorbers = [];
         this.interactivityAbsorbers = [];
-        container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
+        container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
             ? this.array[idxOrName ?? defaultIndex]
             : this.array.find(t => t.name === idxOrName);
         container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
     }
     async addAbsorber(options, position) {
-        const absorber = new AbsorberInstance_js_1.AbsorberInstance(this, this._container, this._engine, options, position);
+        const absorber = new AbsorberInstance(this._container, this._engine, options, position);
         this.array.push(absorber);
         return Promise.resolve(absorber);
     }
@@ -28,16 +26,16 @@ class Absorbers {
         }
     }
     handleClickMode(mode) {
-        const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
-        if (mode === AbsorberClickMode_js_1.AbsorberClickMode.absorber) {
-            const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? (0, engine_1.itemFromSingleOrMultiple)(absorberOptions), aPosition = this._container.interactivity.mouse.clickPosition;
-            void this.addAbsorber(absorbersOptions, aPosition);
+        const modeAbsorbers = this.interactivityAbsorbers;
+        if (mode === AbsorberClickMode.absorber) {
+            const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers) ?? new Absorber(), aPosition = this._container.interactivity.mouse.clickPosition;
+            void this.addAbsorber(absorbersModeOptions, aPosition);
         }
     }
     async init() {
         this.absorbers = this._container.actualOptions.absorbers;
         this.interactivityAbsorbers = this._container.actualOptions.interactivity.modes.absorbers;
-        const promises = (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, async (absorber) => {
+        const promises = executeOnSingleOrMultiple(this.absorbers, async (absorber) => {
             await this.addAbsorber(absorber);
         });
         if (promises instanceof Array) {
@@ -70,4 +68,3 @@ class Absorbers {
         this.array = [];
     }
 }
-exports.Absorbers = Absorbers;

package/cjs/AbsorbersPlugin.js

@@ -1,31 +1,28 @@
-"use strict";
-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");
-const AbsorberClickMode_js_1 = require("./Enums/AbsorberClickMode.js");
-const Absorbers_js_1 = require("./Absorbers.js");
-class AbsorbersPlugin {
+import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
+import { Absorber } from "./Options/Classes/Absorber.js";
+import { AbsorberClickMode } from "./Enums/AbsorberClickMode.js";
+import { Absorbers } from "./Absorbers.js";
+export class AbsorbersPlugin {
     constructor(engine) {
         this.id = "absorbers";
         this._engine = engine;
     }
     async getPlugin(container) {
-        return Promise.resolve(new Absorbers_js_1.Absorbers(container, this._engine));
+        return Promise.resolve(new Absorbers(container, this._engine));
     }
     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();
+            options.absorbers = executeOnSingleOrMultiple(source.absorbers, absorber => {
+                const tmp = new 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();
+        options.interactivity.modes.absorbers = executeOnSingleOrMultiple(source?.interactivity?.modes?.absorbers, absorber => {
+            const tmp = new Absorber();
             tmp.load(absorber);
             return tmp;
         });
@@ -35,17 +32,16 @@ class AbsorbersPlugin {
             return false;
         }
         const absorbers = options.absorbers;
-        if ((0, engine_1.isArray)(absorbers)) {
+        if (isArray(absorbers)) {
             return !!absorbers.length;
         }
         else if (absorbers) {
             return true;
         }
         else if (options.interactivity?.events?.onClick?.mode &&
-            (0, engine_1.isInArray)(AbsorberClickMode_js_1.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
+            isInArray(AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
             return true;
         }
         return false;
     }
 }
-exports.AbsorbersPlugin = AbsorbersPlugin;

package/cjs/Enums/AbsorberClickMode.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbsorberClickMode = void 0;
-var AbsorberClickMode;
+export var AbsorberClickMode;
 (function (AbsorberClickMode) {
     AbsorberClickMode["absorber"] = "absorber";
-})(AbsorberClickMode || (exports.AbsorberClickMode = AbsorberClickMode = {}));
+})(AbsorberClickMode || (AbsorberClickMode = {}));

package/cjs/Options/Classes/Absorber.js

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absorber = void 0;
-const engine_1 = require("@tsparticles/engine");
-const AbsorberSize_js_1 = require("./AbsorberSize.js");
-class Absorber {
+import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { AbsorberSize } from "./AbsorberSize.js";
+export class Absorber {
     constructor() {
-        this.color = new engine_1.OptionsColor();
+        this.color = new OptionsColor();
         this.color.value = "#000000";
         this.draggable = false;
         this.opacity = 1;
         this.destroy = true;
         this.orbits = false;
-        this.size = new AbsorberSize_js_1.AbsorberSize();
+        this.size = new AbsorberSize();
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
-            this.color = engine_1.OptionsColor.create(this.color, data.color);
+            this.color = OptionsColor.create(this.color, data.color);
         }
         if (data.draggable !== undefined) {
             this.draggable = data.draggable;
@@ -30,10 +27,10 @@ class Absorber {
         if (data.position !== undefined) {
             this.position = {};
             if (data.position.x !== undefined) {
-                this.position.x = (0, engine_1.setRangeValue)(data.position.x);
+                this.position.x = setRangeValue(data.position.x);
             }
             if (data.position.y !== undefined) {
-                this.position.y = (0, engine_1.setRangeValue)(data.position.y);
+                this.position.y = setRangeValue(data.position.y);
             }
         }
         if (data.size !== undefined) {
@@ -47,4 +44,3 @@ class Absorber {
         }
     }
 }
-exports.Absorber = Absorber;

package/cjs/Options/Classes/AbsorberSize.js

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbsorberSize = void 0;
-const engine_1 = require("@tsparticles/engine");
-const AbsorberSizeLimit_js_1 = require("./AbsorberSizeLimit.js");
-class AbsorberSize extends engine_1.ValueWithRandom {
+import { ValueWithRandom, isNull, isNumber } from "@tsparticles/engine";
+import { AbsorberSizeLimit } from "./AbsorberSizeLimit.js";
+export class AbsorberSize extends ValueWithRandom {
     constructor() {
         super();
         this.density = 5;
         this.value = 50;
-        this.limit = new AbsorberSizeLimit_js_1.AbsorberSizeLimit();
+        this.limit = new AbsorberSizeLimit();
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         super.load(data);
         if (data.density !== undefined) {
             this.density = data.density;
         }
-        if ((0, engine_1.isNumber)(data.limit)) {
+        if (isNumber(data.limit)) {
             this.limit.radius = data.limit;
         }
         else {
@@ -26,4 +23,3 @@ class AbsorberSize extends engine_1.ValueWithRandom {
         }
     }
 }
-exports.AbsorberSize = AbsorberSize;

package/cjs/Options/Classes/AbsorberSizeLimit.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbsorberSizeLimit = void 0;
-const engine_1 = require("@tsparticles/engine");
-class AbsorberSizeLimit {
+import { isNull } from "@tsparticles/engine";
+export class AbsorberSizeLimit {
     constructor() {
         this.radius = 0;
         this.mass = 0;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.mass !== undefined) {
@@ -19,4 +16,3 @@ class AbsorberSizeLimit {
         }
     }
 }
-exports.AbsorberSizeLimit = AbsorberSizeLimit;

package/cjs/Options/Interfaces/IAbsorber.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IAbsorberSize.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IAbsorberSizeLimit.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/index.js

@@ -1,24 +1,8 @@
-"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 __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 = loadAbsorbersPlugin;
-const AbsorbersPlugin_js_1 = require("./AbsorbersPlugin.js");
-async function loadAbsorbersPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPlugin(new AbsorbersPlugin_js_1.AbsorbersPlugin(engine), refresh);
+export function loadAbsorbersPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { AbsorbersPlugin } = await import("./AbsorbersPlugin.js");
+        e.addPlugin(new AbsorbersPlugin(e));
+    });
 }
-__exportStar(require("./AbsorberContainer.js"), exports);
-__exportStar(require("./Enums/AbsorberClickMode.js"), exports);
+export * from "./Enums/AbsorberClickMode.js";

package/cjs/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};