tsparticles 1.36.0 → 1.37.3

package/Core/Container.d.ts

@@ -36,10 +36,12 @@ export declare class Container {
     readonly pathGenerator: IMovePathGenerator;
     private _options;
     private _sourceOptions;
+    private readonly _initialSourceOptions;
     private paused;
     private firstStart;
     private currentTheme?;
     private drawAnimationFrame?;
+    private readonly presets;
     private readonly eventListeners;
     private readonly intersectionObserver?;
     constructor(id: string, sourceOptions?: RecursivePartial<IOptions>, ...presets: string[]);
@@ -60,6 +62,6 @@ export declare class Container {
     start(): Promise<void>;
     addClickHandler(callback: (evt: Event, particles?: Particle[]) => void): void;
     updateActualOptions(): boolean;
-    private init;
+    init(): Promise<void>;
     private intersectionManager;
 }

package/Core/Container.js

@@ -22,10 +22,12 @@ class Container {
         this.zLayers = 100;
         this.pageHidden = false;
         this._sourceOptions = sourceOptions;
+        this._initialSourceOptions = sourceOptions;
         this.retina = new Retina_1.Retina(this);
         this.canvas = new Canvas_1.Canvas(this);
         this.particles = new Particles_1.Particles(this);
         this.drawer = new FrameManager_1.FrameManager(this);
+        this.presets = presets;
         this.pathGenerator = {
             generate: () => {
                 const v = Vector_1.Vector.create(0, 0);
@@ -52,17 +54,6 @@ class Container {
         this.density = 1;
         this._options = new Options_1.Options();
         this.actualOptions = new Options_1.Options();
-        for (const preset of presets) {
-            this._options.load(Utils_1.Plugins.getPreset(preset));
-        }
-        const shapes = Utils_1.Plugins.getSupportedShapes();
-        for (const type of shapes) {
-            const drawer = Utils_1.Plugins.getShapeDrawer(type);
-            if (drawer) {
-                this.drawers.set(type, drawer);
-            }
-        }
-        this._options.load(this._sourceOptions);
         this.eventListeners = new Utils_1.EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
             this.intersectionObserver = new IntersectionObserver((entries) => this.intersectionManager(entries));
@@ -205,6 +196,7 @@ class Container {
         this.particles.linksColors = new Map();
         delete this.particles.grabLineColor;
         delete this.particles.linksColor;
+        this._sourceOptions = this._options;
     }
     async loadTheme(name) {
         this.currentTheme = name;
@@ -319,6 +311,19 @@ class Container {
         return false;
     }
     async init() {
+        this._options = new Options_1.Options();
+        for (const preset of this.presets) {
+            this._options.load(Utils_1.Plugins.getPreset(preset));
+        }
+        const shapes = Utils_1.Plugins.getSupportedShapes();
+        for (const type of shapes) {
+            const drawer = Utils_1.Plugins.getShapeDrawer(type);
+            if (drawer) {
+                this.drawers.set(type, drawer);
+            }
+        }
+        this._options.load(this._initialSourceOptions);
+        this._options.load(this._sourceOptions);
         this.actualOptions = new Options_1.Options();
         this.actualOptions.load(this._options);
         this.retina.init();

package/Core/InteractionManager.d.ts

@@ -6,6 +6,7 @@ export declare class InteractionManager {
     private readonly externalInteractors;
     private readonly particleInteractors;
     constructor(container: Container);
+    init(): void;
     externalInteract(delta: IDelta): void;
     particlesInteract(particle: Particle, delta: IDelta): void;
 }

package/Core/InteractionManager.js

@@ -6,9 +6,12 @@ const Enums_1 = require("../Enums");
 class InteractionManager {
     constructor(container) {
         this.container = container;
-        const interactors = Utils_1.Plugins.getInteractors(container);
         this.externalInteractors = [];
         this.particleInteractors = [];
+        this.init();
+    }
+    init() {
+        const interactors = Utils_1.Plugins.getInteractors(this.container, true);
         for (const interactor of interactors) {
             switch (interactor.type) {
                 case Enums_1.InteractorType.External:

package/Core/Particles.d.ts

@@ -17,7 +17,7 @@ export declare class Particles {
     pushing?: boolean;
     linksColor?: IRgb | string;
     grabLineColor?: IRgb | string;
-    readonly updaters: import("./Interfaces").IParticleUpdater[];
+    updaters: import("./Interfaces").IParticleUpdater[];
     private interactionManager;
     private nextId;
     private readonly freqs;

package/Core/Particles.js

@@ -24,7 +24,7 @@ class Particles {
         const canvasSize = this.container.canvas.size;
         this.linksColors = new Map();
         this.quadTree = new Utils_1.QuadTree(new Utils_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2), 4);
-        this.updaters = Utils_1.Plugins.getUpdaters(container);
+        this.updaters = Utils_1.Plugins.getUpdaters(container, true);
     }
     get count() {
         return this.array.length;
@@ -38,6 +38,8 @@ class Particles {
         this.freqs.links = new Map();
         this.freqs.triangles = new Map();
         let handled = false;
+        this.updaters = Utils_1.Plugins.getUpdaters(container, true);
+        this.interactionManager.init();
         for (const [, plugin] of container.plugins) {
             if (plugin.particlesInitialization !== undefined) {
                 handled = plugin.particlesInitialization();

package/Enums/Modes/ResponsiveMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum ResponsiveMode {
+    screen = "screen",
+    canvas = "canvas"
+}

package/Enums/Modes/ResponsiveMode.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveMode = void 0;
+var ResponsiveMode;
+(function (ResponsiveMode) {
+    ResponsiveMode["screen"] = "screen";
+    ResponsiveMode["canvas"] = "canvas";
+})(ResponsiveMode = exports.ResponsiveMode || (exports.ResponsiveMode = {}));

package/Enums/Modes/index.d.ts

@@ -7,3 +7,4 @@ export * from "./OutMode";
 export * from "./RollMode";
 export * from "./SizeMode";
 export * from "./ThemeMode";
+export * from "./ResponsiveMode";

package/Enums/Modes/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./OutMode"), exports);
 __exportStar(require("./RollMode"), exports);
 __exportStar(require("./SizeMode"), exports);
 __exportStar(require("./ThemeMode"), exports);
+__exportStar(require("./ResponsiveMode"), exports);

package/Interactions/External/Attract/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalAttractInteraction(tsParticles: Main): void;
+export declare function loadExternalAttractInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Attract/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalAttractInteraction = void 0;
 const Attractor_1 = require("./Attractor");
-function loadExternalAttractInteraction(tsParticles) {
-    tsParticles.addInteractor("externalAttract", (container) => new Attractor_1.Attractor(container));
+async function loadExternalAttractInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalAttract", (container) => new Attractor_1.Attractor(container));
 }
 exports.loadExternalAttractInteraction = loadExternalAttractInteraction;

package/Interactions/External/Bounce/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalBounceInteraction(tsParticles: Main): void;
+export declare function loadExternalBounceInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Bounce/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalBounceInteraction = void 0;
 const Bouncer_1 = require("./Bouncer");
-function loadExternalBounceInteraction(tsParticles) {
-    tsParticles.addInteractor("externalBounce", (container) => new Bouncer_1.Bouncer(container));
+async function loadExternalBounceInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalBounce", (container) => new Bouncer_1.Bouncer(container));
 }
 exports.loadExternalBounceInteraction = loadExternalBounceInteraction;

package/Interactions/External/Bubble/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalBubbleInteraction(tsParticles: Main): void;
+export declare function loadExternalBubbleInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Bubble/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalBubbleInteraction = void 0;
 const Bubbler_1 = require("./Bubbler");
-function loadExternalBubbleInteraction(tsParticles) {
-    tsParticles.addInteractor("externalBubble", (container) => new Bubbler_1.Bubbler(container));
+async function loadExternalBubbleInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalBubble", (container) => new Bubbler_1.Bubbler(container));
 }
 exports.loadExternalBubbleInteraction = loadExternalBubbleInteraction;

package/Interactions/External/Connect/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalConnectInteraction(tsParticles: Main): void;
+export declare function loadExternalConnectInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Connect/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalConnectInteraction = void 0;
 const Connector_1 = require("./Connector");
-function loadExternalConnectInteraction(tsParticles) {
-    tsParticles.addInteractor("externalConnect", (container) => new Connector_1.Connector(container));
+async function loadExternalConnectInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalConnect", (container) => new Connector_1.Connector(container));
 }
 exports.loadExternalConnectInteraction = loadExternalConnectInteraction;

package/Interactions/External/Grab/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalGrabInteraction(tsParticles: Main): void;
+export declare function loadExternalGrabInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Grab/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalGrabInteraction = void 0;
 const Grabber_1 = require("./Grabber");
-function loadExternalGrabInteraction(tsParticles) {
-    tsParticles.addInteractor("externalGrab", (container) => new Grabber_1.Grabber(container));
+async function loadExternalGrabInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalGrab", (container) => new Grabber_1.Grabber(container));
 }
 exports.loadExternalGrabInteraction = loadExternalGrabInteraction;

package/Interactions/External/Repulse/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalRepulseInteraction(tsParticles: Main): void;
+export declare function loadExternalRepulseInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Repulse/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalRepulseInteraction = void 0;
 const Repulser_1 = require("./Repulser");
-function loadExternalRepulseInteraction(tsParticles) {
-    tsParticles.addInteractor("externalRepulse", (container) => new Repulser_1.Repulser(container));
+async function loadExternalRepulseInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalRepulse", (container) => new Repulser_1.Repulser(container));
 }
 exports.loadExternalRepulseInteraction = loadExternalRepulseInteraction;

package/Interactions/External/Trail/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadExternalTrailInteraction(tsParticles: Main): void;
+export declare function loadExternalTrailInteraction(tsParticles: Main): Promise<void>;

package/Interactions/External/Trail/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExternalTrailInteraction = void 0;
 const TrailMaker_1 = require("./TrailMaker");
-function loadExternalTrailInteraction(tsParticles) {
-    tsParticles.addInteractor("externalTrail", (container) => new TrailMaker_1.TrailMaker(container));
+async function loadExternalTrailInteraction(tsParticles) {
+    await tsParticles.addInteractor("externalTrail", (container) => new TrailMaker_1.TrailMaker(container));
 }
 exports.loadExternalTrailInteraction = loadExternalTrailInteraction;

package/Interactions/Particles/Attract/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadParticlesAttractInteraction(tsParticles: Main): void;
+export declare function loadParticlesAttractInteraction(tsParticles: Main): Promise<void>;

package/Interactions/Particles/Attract/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadParticlesAttractInteraction = void 0;
 const Attractor_1 = require("./Attractor");
-function loadParticlesAttractInteraction(tsParticles) {
-    tsParticles.addInteractor("particlesAttract", (container) => new Attractor_1.Attractor(container));
+async function loadParticlesAttractInteraction(tsParticles) {
+    await tsParticles.addInteractor("particlesAttract", (container) => new Attractor_1.Attractor(container));
 }
 exports.loadParticlesAttractInteraction = loadParticlesAttractInteraction;

package/Interactions/Particles/Collisions/index.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadParticlesCollisionsInteraction(tsParticles: Main): void;
+export declare function loadParticlesCollisionsInteraction(tsParticles: Main): Promise<void>;

package/Interactions/Particles/Collisions/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadParticlesCollisionsInteraction = void 0;
 const Collider_1 = require("./Collider");
-function loadParticlesCollisionsInteraction(tsParticles) {
-    tsParticles.addInteractor("particlesCollisions", (container) => new Collider_1.Collider(container));
+async function loadParticlesCollisionsInteraction(tsParticles) {
+    await tsParticles.addInteractor("particlesCollisions", (container) => new Collider_1.Collider(container));
 }
 exports.loadParticlesCollisionsInteraction = loadParticlesCollisionsInteraction;

package/Interactions/Particles/Links/index.d.ts

@@ -1,3 +1,3 @@
 import type { Main } from "../../../main";
-export declare function loadInteraction(tsParticles: Main): void;
-export declare function loadParticlesLinksInteraction(tsParticles: Main): void;
+export declare function loadInteraction(tsParticles: Main): Promise<void>;
+export declare function loadParticlesLinksInteraction(tsParticles: Main): Promise<void>;

package/Interactions/Particles/Links/index.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadParticlesLinksInteraction = exports.loadInteraction = void 0;
 const Linker_1 = require("./Linker");
 const plugin_1 = require("./plugin");
-function loadInteraction(tsParticles) {
-    tsParticles.addInteractor("particlesLinks", (container) => new Linker_1.Linker(container));
+async function loadInteraction(tsParticles) {
+    await tsParticles.addInteractor("particlesLinks", (container) => new Linker_1.Linker(container));
 }
 exports.loadInteraction = loadInteraction;
-function loadParticlesLinksInteraction(tsParticles) {
-    loadInteraction(tsParticles);
-    (0, plugin_1.loadPlugin)(tsParticles);
+async function loadParticlesLinksInteraction(tsParticles) {
+    await loadInteraction(tsParticles);
+    await (0, plugin_1.loadPlugin)(tsParticles);
 }
 exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;

package/Interactions/Particles/Links/plugin.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../../main";
-export declare function loadPlugin(tsParticles: Main): void;
+export declare function loadPlugin(tsParticles: Main): Promise<void>;

package/Interactions/Particles/Links/plugin.js

@@ -15,8 +15,8 @@ class Plugin {
     loadOptions() {
     }
 }
-function loadPlugin(tsParticles) {
+async function loadPlugin(tsParticles) {
     const plugin = new Plugin();
-    tsParticles.addPlugin(plugin);
+    await tsParticles.addPlugin(plugin);
 }
 exports.loadPlugin = loadPlugin;

package/Options/Classes/FullScreen/FullScreen.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FullScreen = void 0;
 class FullScreen {
     constructor() {
-        this.enable = false;
-        this.zIndex = -1;
+        this.enable = true;
+        this.zIndex = 0;
     }
     load(data) {
         if (!data) {

package/Options/Classes/Interactivity/Interactivity.js

@@ -6,7 +6,7 @@ const Events_1 = require("./Events/Events");
 const Modes_1 = require("./Modes/Modes");
 class Interactivity {
     constructor() {
-        this.detectsOn = Enums_1.InteractivityDetect.canvas;
+        this.detectsOn = Enums_1.InteractivityDetect.window;
         this.events = new Events_1.Events();
         this.modes = new Modes_1.Modes();
     }

package/Options/Classes/Options.js

@@ -148,7 +148,9 @@ class Options {
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find((t) => t.maxWidth * pxRatio > width);
+        const responsiveOptions = this.responsive.find((t) => t.mode === Enums_1.ResponsiveMode.screen && screen
+            ? t.maxWidth * pxRatio > screen.availWidth
+            : t.maxWidth * pxRatio > width);
         this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
         return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
     }

package/Options/Classes/Responsive.d.ts

@@ -2,9 +2,11 @@ import type { IResponsive } from "../Interfaces/IResponsive";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import type { RecursivePartial } from "../../Types";
 import type { IOptions } from "../Interfaces/IOptions";
+import { ResponsiveMode } from "../../Enums";
 export declare class Responsive implements IResponsive, IOptionLoader<IResponsive> {
     maxWidth: number;
     options: RecursivePartial<IOptions>;
+    mode: ResponsiveMode;
     constructor();
     load(data?: RecursivePartial<IResponsive>): void;
 }

package/Options/Classes/Responsive.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Responsive = void 0;
 const Utils_1 = require("../../Utils");
+const Enums_1 = require("../../Enums");
 class Responsive {
     constructor() {
         this.maxWidth = Infinity;
         this.options = {};
+        this.mode = Enums_1.ResponsiveMode.canvas;
     }
     load(data) {
         if (!data) {
@@ -14,6 +16,14 @@ class Responsive {
         if (data.maxWidth !== undefined) {
             this.maxWidth = data.maxWidth;
         }
+        if (data.mode !== undefined) {
+            if (data.mode === Enums_1.ResponsiveMode.screen) {
+                this.mode = Enums_1.ResponsiveMode.screen;
+            }
+            else {
+                this.mode = Enums_1.ResponsiveMode.canvas;
+            }
+        }
         if (data.options !== undefined) {
             this.options = (0, Utils_1.deepExtend)({}, data.options);
         }

package/Options/Interfaces/IResponsive.d.ts

@@ -1,6 +1,8 @@
+import { ResponsiveMode } from "../../Enums";
 import type { RecursivePartial } from "../../Types";
 import type { IOptions } from "./IOptions";
 export interface IResponsive {
     maxWidth: number;
     options: RecursivePartial<IOptions>;
+    mode: ResponsiveMode;
 }

package/Plugins/Absorbers/AbsorberInstance.d.ts

@@ -5,6 +5,7 @@ import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
 import type { Absorbers } from "./Absorbers";
 import { Vector } from "../../Core/Particle/Vector";
 import { RotateDirection } from "../../Enums";
+import { IAbsorberSizeLimit } from "./Options/Interfaces/IAbsorberSizeLimit";
 declare type OrbitingParticle = Particle & {
     absorberOrbit?: Vector;
     absorberOrbitDirection?: RotateDirection;
@@ -17,7 +18,7 @@ export declare class AbsorberInstance {
     opacity: number;
     size: number;
     color: IRgb;
-    limit?: number;
+    limit: IAbsorberSizeLimit;
     readonly name?: string;
     position: Vector;
     private dragging;

package/Plugins/Absorbers/AbsorberInstance.js

@@ -6,7 +6,7 @@ const Vector_1 = require("../../Core/Particle/Vector");
 const Enums_1 = require("../../Enums");
 class AbsorberInstance {
     constructor(absorbers, container, options, position) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         this.absorbers = absorbers;
         this.container = container;
         this.initialPosition = position ? Vector_1.Vector.create(position.x, position.y) : undefined;
@@ -17,14 +17,23 @@ class AbsorberInstance {
         this.size = (0, Utils_1.getRangeValue)(options.size.value) * container.retina.pixelRatio;
         this.mass = this.size * options.size.density * container.retina.reduceFactor;
         const limit = options.size.limit;
-        this.limit = limit !== undefined ? limit * container.retina.pixelRatio * container.retina.reduceFactor : limit;
+        this.limit =
+            typeof limit === "number"
+                ? {
+                    radius: limit * container.retina.pixelRatio * container.retina.reduceFactor,
+                    mass: 0,
+                }
+                : {
+                    radius: ((_a = limit === null || limit === void 0 ? void 0 : limit.radius) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio * container.retina.reduceFactor,
+                    mass: (_b = limit === null || limit === void 0 ? void 0 : limit.mass) !== null && _b !== void 0 ? _b : 0,
+                };
         const color = typeof options.color === "string" ? { value: options.color } : options.color;
-        this.color = (_a = (0, Utils_1.colorToRgb)(color)) !== null && _a !== void 0 ? _a : {
+        this.color = (_c = (0, Utils_1.colorToRgb)(color)) !== null && _c !== void 0 ? _c : {
             b: 0,
             g: 0,
             r: 0,
         };
-        this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
+        this.position = (_e = (_d = this.initialPosition) === null || _d === void 0 ? void 0 : _d.copy()) !== null && _e !== void 0 ? _e : this.calcPosition();
     }
     attract(particle) {
         const container = this.container;
@@ -67,10 +76,12 @@ class AbsorberInstance {
                 }
                 this.updateParticlePosition(particle, v);
             }
-            if (this.limit === undefined || this.size < this.limit) {
+            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
+            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+                this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
+            }
         }
         else {
             this.updateParticlePosition(particle, v);
@@ -105,9 +116,10 @@ class AbsorberInstance {
         const container = this.container;
         const canvasSize = container.canvas.size;
         if (particle.needsNewPosition) {
-            const pSize = particle.getRadius();
-            particle.position.x = (canvasSize.width - pSize * 2) * (1 + (Math.random() * 0.2 - 0.1)) + pSize;
-            particle.position.y = (canvasSize.height - pSize * 2) * (1 + (Math.random() * 0.2 - 0.1)) + pSize;
+            particle.position.x = Math.floor(Math.random() * canvasSize.width);
+            particle.position.y = Math.floor(Math.random() * canvasSize.height);
+            particle.velocity.setTo(particle.initialVelocity);
+            particle.absorberOrbit = undefined;
             particle.needsNewPosition = false;
         }
         if (this.options.orbits) {

package/Plugins/Absorbers/Options/Classes/AbsorberSize.d.ts

@@ -2,9 +2,10 @@ import type { IAbsorberSize } from "../Interfaces/IAbsorberSize";
 import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import { ValueWithRandom } from "../../../../Options/Classes/ValueWithRandom";
+import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
 export declare class AbsorberSize extends ValueWithRandom implements IAbsorberSize, IOptionLoader<IAbsorberSize> {
     density: number;
-    limit?: number;
+    limit: AbsorberSizeLimit;
     constructor();
     load(data?: RecursivePartial<IAbsorberSize>): void;
 }

package/Plugins/Absorbers/Options/Classes/AbsorberSize.js

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbsorberSize = void 0;
 const ValueWithRandom_1 = require("../../../../Options/Classes/ValueWithRandom");
+const AbsorberSizeLimit_1 = require("./AbsorberSizeLimit");
 class AbsorberSize extends ValueWithRandom_1.ValueWithRandom {
     constructor() {
         super();
         this.density = 5;
         this.random.minimumValue = 1;
         this.value = 50;
+        this.limit = new AbsorberSizeLimit_1.AbsorberSizeLimit();
     }
     load(data) {
         if (!data) {
@@ -17,11 +19,11 @@ class AbsorberSize extends ValueWithRandom_1.ValueWithRandom {
         if (data.density !== undefined) {
             this.density = data.density;
         }
-        if (data.limit !== undefined) {
-            this.limit = data.limit;
+        if (typeof data.limit === "number") {
+            this.limit.radius = data.limit;
         }
-        if (data.limit !== undefined) {
-            this.limit = data.limit;
+        else {
+            this.limit.load(data.limit);
         }
     }
 }

package/Plugins/Absorbers/Options/Classes/AbsorberSizeLimit.d.ts

@@ -0,0 +1,9 @@
+import type { RecursivePartial } from "../../../../Types";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IAbsorberSizeLimit } from "../Interfaces/IAbsorberSizeLimit";
+export declare class AbsorberSizeLimit implements IAbsorberSizeLimit, IOptionLoader<IAbsorberSizeLimit> {
+    radius: number;
+    mass: number;
+    constructor();
+    load(data?: RecursivePartial<IAbsorberSizeLimit>): void;
+}

package/Plugins/Absorbers/Options/Classes/AbsorberSizeLimit.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbsorberSizeLimit = void 0;
+class AbsorberSizeLimit {
+    constructor() {
+        this.radius = 0;
+        this.mass = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.mass !== undefined) {
+            this.mass = data.mass;
+        }
+        if (data.radius !== undefined) {
+            this.radius = data.radius;
+        }
+    }
+}
+exports.AbsorberSizeLimit = AbsorberSizeLimit;

package/Plugins/Absorbers/Options/Interfaces/IAbsorberSize.d.ts

@@ -1,5 +1,6 @@
-import { IValueWithRandom } from "../../../../Options/Interfaces/IValueWithRandom";
+import type { IValueWithRandom } from "../../../../Options/Interfaces/IValueWithRandom";
+import type { IAbsorberSizeLimit } from "./IAbsorberSizeLimit";
 export interface IAbsorberSize extends IValueWithRandom {
-    limit?: number;
+    limit?: number | IAbsorberSizeLimit;
     density: number;
 }

package/Plugins/Absorbers/Options/Interfaces/IAbsorberSizeLimit.d.ts

@@ -0,0 +1,4 @@
+export interface IAbsorberSizeLimit {
+    radius: number;
+    mass: number;
+}

package/Plugins/Absorbers/Options/Interfaces/IAbsorberSizeLimit.js

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

package/Plugins/Absorbers/plugin.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "../../main";
-export declare function loadAbsorbersPlugin(tsParticles: Main): void;
+export declare function loadAbsorbersPlugin(tsParticles: Main): Promise<void>;