tsparticles 1.36.0 → 1.37.3

package/esm/Interactions/Particles/Collisions/index.js

@@ -1,4 +1,4 @@
 import { Collider } from "./Collider";
-export function loadParticlesCollisionsInteraction(tsParticles) {
-    tsParticles.addInteractor("particlesCollisions", (container) => new Collider(container));
+export async function loadParticlesCollisionsInteraction(tsParticles) {
+    await tsParticles.addInteractor("particlesCollisions", (container) => new Collider(container));
 }

package/esm/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/esm/Interactions/Particles/Links/index.js

@@ -1,9 +1,9 @@
 import { Linker } from "./Linker";
 import { loadPlugin } from "./plugin";
-export function loadInteraction(tsParticles) {
-    tsParticles.addInteractor("particlesLinks", (container) => new Linker(container));
+export async function loadInteraction(tsParticles) {
+    await tsParticles.addInteractor("particlesLinks", (container) => new Linker(container));
 }
-export function loadParticlesLinksInteraction(tsParticles) {
-    loadInteraction(tsParticles);
-    loadPlugin(tsParticles);
+export async function loadParticlesLinksInteraction(tsParticles) {
+    await loadInteraction(tsParticles);
+    await loadPlugin(tsParticles);
 }

package/esm/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/esm/Interactions/Particles/Links/plugin.js

@@ -12,7 +12,7 @@ class Plugin {
     loadOptions() {
     }
 }
-export function loadPlugin(tsParticles) {
+export async function loadPlugin(tsParticles) {
     const plugin = new Plugin();
-    tsParticles.addPlugin(plugin);
+    await tsParticles.addPlugin(plugin);
 }

package/esm/Options/Classes/FullScreen/FullScreen.js

@@ -1,7 +1,7 @@
 export class FullScreen {
     constructor() {
-        this.enable = false;
-        this.zIndex = -1;
+        this.enable = true;
+        this.zIndex = 0;
     }
     load(data) {
         if (!data) {

package/esm/Options/Classes/Interactivity/Interactivity.js

@@ -3,7 +3,7 @@ import { Events } from "./Events/Events";
 import { Modes } from "./Modes/Modes";
 export class Interactivity {
     constructor() {
-        this.detectsOn = InteractivityDetect.canvas;
+        this.detectsOn = InteractivityDetect.window;
         this.events = new Events();
         this.modes = new Modes();
     }

package/esm/Options/Classes/Options.js

@@ -10,7 +10,7 @@ import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
 import { Background } from "./Background/Background";
 import { Plugins } from "../../Utils";
 import { Theme } from "./Theme/Theme";
-import { ThemeMode } from "../../Enums";
+import { ResponsiveMode, ThemeMode } from "../../Enums";
 import { FullScreen } from "./FullScreen/FullScreen";
 import { Motion } from "./Motion/Motion";
 import { ManualParticle } from "./ManualParticle";
@@ -145,7 +145,9 @@ export 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 === 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/esm/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/esm/Options/Classes/Responsive.js

@@ -1,8 +1,10 @@
 import { deepExtend } from "../../Utils";
+import { ResponsiveMode } from "../../Enums";
 export class Responsive {
     constructor() {
         this.maxWidth = Infinity;
         this.options = {};
+        this.mode = ResponsiveMode.canvas;
     }
     load(data) {
         if (!data) {
@@ -11,6 +13,14 @@ export class Responsive {
         if (data.maxWidth !== undefined) {
             this.maxWidth = data.maxWidth;
         }
+        if (data.mode !== undefined) {
+            if (data.mode === ResponsiveMode.screen) {
+                this.mode = ResponsiveMode.screen;
+            }
+            else {
+                this.mode = ResponsiveMode.canvas;
+            }
+        }
         if (data.options !== undefined) {
             this.options = deepExtend({}, data.options);
         }

package/esm/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/esm/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/esm/Plugins/Absorbers/AbsorberInstance.js

@@ -3,7 +3,7 @@ import { Vector } from "../../Core/Particle/Vector";
 import { RotateDirection } from "../../Enums";
 export 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.create(position.x, position.y) : undefined;
@@ -14,14 +14,23 @@ export class AbsorberInstance {
         this.size = 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 = colorToRgb(color)) !== null && _a !== void 0 ? _a : {
+        this.color = (_c = 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;
@@ -64,10 +73,12 @@ export 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);
@@ -102,9 +113,10 @@ export 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/esm/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/esm/Plugins/Absorbers/Options/Classes/AbsorberSize.js

@@ -1,10 +1,12 @@
 import { ValueWithRandom } from "../../../../Options/Classes/ValueWithRandom";
+import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
 export class AbsorberSize extends ValueWithRandom {
     constructor() {
         super();
         this.density = 5;
         this.random.minimumValue = 1;
         this.value = 50;
+        this.limit = new AbsorberSizeLimit();
     }
     load(data) {
         if (!data) {
@@ -14,11 +16,11 @@ export class AbsorberSize extends 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/esm/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/esm/Plugins/Absorbers/Options/Classes/AbsorberSizeLimit.js

@@ -0,0 +1,17 @@
+export 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;
+        }
+    }
+}

package/esm/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/esm/Plugins/Absorbers/Options/Interfaces/IAbsorberSizeLimit.d.ts

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

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

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

package/esm/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>;

package/esm/Plugins/Absorbers/plugin.js

@@ -71,7 +71,7 @@ class Plugin {
         }
     }
 }
-export function loadAbsorbersPlugin(tsParticles) {
+export async function loadAbsorbersPlugin(tsParticles) {
     const plugin = new Plugin();
-    tsParticles.addPlugin(plugin);
+    await tsParticles.addPlugin(plugin);
 }

package/esm/Plugins/Emitters/plugin.d.ts

@@ -1,3 +1,3 @@
 import { EmittersMain } from "./EmittersMain";
-export declare function loadEmittersPlugin(tsParticles: EmittersMain): void;
+export declare function loadEmittersPlugin(tsParticles: EmittersMain): Promise<void>;
 export * from "./EmittersMain";

package/esm/Plugins/Emitters/plugin.js

@@ -64,9 +64,9 @@ class EmittersPlugin {
         }
     }
 }
-export function loadEmittersPlugin(tsParticles) {
+export async function loadEmittersPlugin(tsParticles) {
     const plugin = new EmittersPlugin();
-    tsParticles.addPlugin(plugin);
+    await tsParticles.addPlugin(plugin);
     if (!tsParticles.addEmitterShape) {
         tsParticles.addEmitterShape = (name, shape) => {
             ShapeManager.addShape(name, shape);

package/esm/Plugins/PolygonMask/plugin.js

@@ -30,5 +30,5 @@ export async function loadPolygonMaskPlugin(tsParticles) {
         await import("./pathseg");
     }
     const plugin = new Plugin();
-    tsParticles.addPlugin(plugin);
+    await tsParticles.addPlugin(plugin);
 }

package/esm/Shapes/Circle/index.d.ts

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

package/esm/Shapes/Circle/index.js

@@ -1,4 +1,4 @@
 import { CircleDrawer } from "./CircleDrawer";
-export function loadCircleShape(tsParticles) {
-    tsParticles.addShape("circle", new CircleDrawer());
+export async function loadCircleShape(tsParticles) {
+    await tsParticles.addShape("circle", new CircleDrawer());
 }

package/esm/Shapes/Image/index.d.ts

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

package/esm/Shapes/Image/index.js

@@ -1,6 +1,6 @@
 import { ImageDrawer } from "./ImageDrawer";
-export function loadImageShape(tsParticles) {
+export async function loadImageShape(tsParticles) {
     const imageDrawer = new ImageDrawer();
-    tsParticles.addShape("image", imageDrawer);
-    tsParticles.addShape("images", imageDrawer);
+    await tsParticles.addShape("image", imageDrawer);
+    await tsParticles.addShape("images", imageDrawer);
 }

package/esm/Shapes/Line/index.d.ts

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

package/esm/Shapes/Line/index.js

@@ -1,4 +1,4 @@
 import { LineDrawer } from "./LineDrawer";
-export function loadLineShape(tsParticles) {
-    tsParticles.addShape("line", new LineDrawer());
+export async function loadLineShape(tsParticles) {
+    await tsParticles.addShape("line", new LineDrawer());
 }

package/esm/Shapes/Polygon/index.d.ts

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

package/esm/Shapes/Polygon/index.js

@@ -1,12 +1,12 @@
 import { PolygonDrawer } from "./PolygonDrawer";
 import { TriangleDrawer } from "./TriangleDrawer";
-export function loadGenericPolygonShape(tsParticles) {
-    tsParticles.addShape("polygon", new PolygonDrawer());
+export async function loadGenericPolygonShape(tsParticles) {
+    await tsParticles.addShape("polygon", new PolygonDrawer());
 }
-export function loadTriangleShape(tsParticles) {
-    tsParticles.addShape("triangle", new TriangleDrawer());
+export async function loadTriangleShape(tsParticles) {
+    await tsParticles.addShape("triangle", new TriangleDrawer());
 }
-export function loadPolygonShape(tsParticles) {
-    loadGenericPolygonShape(tsParticles);
-    loadTriangleShape(tsParticles);
+export async function loadPolygonShape(tsParticles) {
+    await loadGenericPolygonShape(tsParticles);
+    await loadTriangleShape(tsParticles);
 }

package/esm/Shapes/Square/index.d.ts

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

package/esm/Shapes/Square/index.js

@@ -1,6 +1,6 @@
 import { SquareDrawer } from "./SquareDrawer";
-export function loadSquareShape(tsParticles) {
+export async function loadSquareShape(tsParticles) {
     const drawer = new SquareDrawer();
-    tsParticles.addShape("edge", drawer);
-    tsParticles.addShape("square", drawer);
+    await tsParticles.addShape("edge", drawer);
+    await tsParticles.addShape("square", drawer);
 }

package/esm/Shapes/Star/index.d.ts

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

package/esm/Shapes/Star/index.js

@@ -1,4 +1,4 @@
 import { StarDrawer } from "./StarDrawer";
-export function loadStarShape(tsParticles) {
-    tsParticles.addShape("star", new StarDrawer());
+export async function loadStarShape(tsParticles) {
+    await tsParticles.addShape("star", new StarDrawer());
 }

package/esm/Shapes/Text/index.d.ts

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

package/esm/Shapes/Text/index.js

@@ -1,7 +1,7 @@
 import { validTypes, TextDrawer } from "./TextDrawer";
-export function loadTextShape(tsParticles) {
+export async function loadTextShape(tsParticles) {
     const drawer = new TextDrawer();
     for (const type of validTypes) {
-        tsParticles.addShape(type, drawer);
+        await tsParticles.addShape(type, drawer);
     }
 }

package/esm/Updaters/Angle/index.d.ts

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

package/esm/Updaters/Angle/index.js

@@ -1,4 +1,4 @@
 import { AngleUpdater } from "./AngleUpdater";
-export function loadAngleUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("angle", (container) => new AngleUpdater(container));
+export async function loadAngleUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("angle", (container) => new AngleUpdater(container));
 }

package/esm/Updaters/Color/index.d.ts

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

package/esm/Updaters/Color/index.js

@@ -1,4 +1,4 @@
 import { ColorUpdater } from "./ColorUpdater";
-export function loadColorUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("color", (container) => new ColorUpdater(container));
+export async function loadColorUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("color", (container) => new ColorUpdater(container));
 }

package/esm/Updaters/Life/index.d.ts

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

package/esm/Updaters/Life/index.js

@@ -1,4 +1,4 @@
 import { LifeUpdater } from "./LifeUpdater";
-export function loadLifeUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("life", (container) => new LifeUpdater(container));
+export async function loadLifeUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("life", (container) => new LifeUpdater(container));
 }

package/esm/Updaters/Opacity/index.d.ts

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

package/esm/Updaters/Opacity/index.js

@@ -1,4 +1,4 @@
 import { OpacityUpdater } from "./OpacityUpdater";
-export function loadOpacityUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("opacity", (container) => new OpacityUpdater(container));
+export async function loadOpacityUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("opacity", (container) => new OpacityUpdater(container));
 }

package/esm/Updaters/OutModes/index.d.ts

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

package/esm/Updaters/OutModes/index.js

@@ -1,4 +1,4 @@
 import { OutOfCanvasUpdater } from "./OutOfCanvasUpdater";
-export function loadOutModesUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater(container));
+export async function loadOutModesUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater(container));
 }

package/esm/Updaters/Roll/index.d.ts

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

package/esm/Updaters/Roll/index.js

@@ -1,4 +1,4 @@
 import { RollUpdater } from "./RollUpdater";
-export function loadRollUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("roll", () => new RollUpdater());
+export async function loadRollUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("roll", () => new RollUpdater());
 }

package/esm/Updaters/Size/index.d.ts

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

package/esm/Updaters/Size/index.js

@@ -1,4 +1,4 @@
 import { SizeUpdater } from "./SizeUpdater";
-export function loadSizeUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("size", () => new SizeUpdater());
+export async function loadSizeUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("size", () => new SizeUpdater());
 }

package/esm/Updaters/StrokeColor/index.d.ts

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

package/esm/Updaters/StrokeColor/index.js

@@ -1,4 +1,4 @@
 import { StrokeColorUpdater } from "./StrokeColorUpdater";
-export function loadStrokeColorUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("strokeColor", (container) => new StrokeColorUpdater(container));
+export async function loadStrokeColorUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("strokeColor", (container) => new StrokeColorUpdater(container));
 }

package/esm/Updaters/Tilt/index.d.ts

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

package/esm/Updaters/Tilt/index.js

@@ -1,4 +1,4 @@
 import { TiltUpdater } from "./TiltUpdater";
-export function loadTiltUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("tilt", (container) => new TiltUpdater(container));
+export async function loadTiltUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("tilt", (container) => new TiltUpdater(container));
 }

package/esm/Updaters/Wobble/index.d.ts

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

package/esm/Updaters/Wobble/index.js

@@ -1,4 +1,4 @@
 import { WobbleUpdater } from "./WobbleUpdater";
-export function loadWobbleUpdater(tsParticles) {
-    tsParticles.addParticleUpdater("wobble", (container) => new WobbleUpdater(container));
+export async function loadWobbleUpdater(tsParticles) {
+    await tsParticles.addParticleUpdater("wobble", (container) => new WobbleUpdater(container));
 }