tsparticles 1.35.2 → 1.37.0

package/esm/Core/Loader.js

@@ -17,19 +17,19 @@ export class Loader {
         }
         dom.splice(index, 1);
     }
-    static async load(tagId, options, index) {
-        let domContainer = document.getElementById(tagId);
+    static async loadOptions(params) {
+        var _a, _b, _c;
+        const tagId = (_a = params.tagId) !== null && _a !== void 0 ? _a : `tsparticles${Math.floor(Math.random() * 10000)}`;
+        const { options, index } = params;
+        let domContainer = (_b = params.element) !== null && _b !== void 0 ? _b : document.getElementById(tagId);
         if (!domContainer) {
             domContainer = document.createElement("div");
             domContainer.id = tagId;
-            document.append(domContainer);
+            (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
         }
-        return Loader.set(tagId, domContainer, options, index);
-    }
-    static async set(id, domContainer, options, index) {
         const currentOptions = options instanceof Array ? itemFromArray(options, index) : options;
         const dom = Loader.dom();
-        const oldIndex = dom.findIndex((v) => v.id === id);
+        const oldIndex = dom.findIndex((v) => v.id === tagId);
         if (oldIndex >= 0) {
             const old = Loader.domItem(oldIndex);
             if (old && !old.destroyed) {
@@ -61,7 +61,7 @@ export class Loader {
                 domContainer.appendChild(canvasEl);
             }
         }
-        const newItem = new Container(id, currentOptions);
+        const newItem = new Container(tagId, currentOptions);
         if (oldIndex >= 0) {
             dom.splice(oldIndex, 0, newItem);
         }
@@ -72,26 +72,88 @@ export class Loader {
         await newItem.start();
         return newItem;
     }
-    static async loadJSON(tagId, jsonUrl, index) {
+    static async loadRemoteOptions(params) {
+        const { url: jsonUrl, index } = params;
         const url = jsonUrl instanceof Array ? itemFromArray(jsonUrl, index) : jsonUrl;
+        if (!url) {
+            return;
+        }
         const response = await fetch(url);
-        if (response.ok) {
-            return Loader.load(tagId, await response.json());
+        if (!response.ok) {
+            fetchError(response.status);
+            return;
+        }
+        const data = await response.json();
+        return await Loader.loadOptions({
+            tagId: params.tagId,
+            element: params.element,
+            index,
+            options: data,
+        });
+    }
+    static load(tagId, options, index) {
+        const params = { index };
+        if (typeof tagId === "string") {
+            params.tagId = tagId;
         }
         else {
-            fetchError(response.status);
+            params.options = tagId;
+        }
+        if (typeof options === "number") {
+            params.index = options !== null && options !== void 0 ? options : params.index;
+        }
+        else {
+            params.options = options !== null && options !== void 0 ? options : params.options;
+        }
+        return this.loadOptions(params);
+    }
+    static async set(id, domContainer, options, index) {
+        const params = { index };
+        if (typeof id === "string") {
+            params.tagId = id;
+        }
+        else {
+            params.element = id;
+        }
+        if (domContainer instanceof HTMLElement) {
+            params.element = domContainer;
+        }
+        else {
+            params.options = domContainer;
         }
+        if (typeof options === "number") {
+            params.index = options;
+        }
+        else {
+            params.options = options !== null && options !== void 0 ? options : params.options;
+        }
+        return this.loadOptions(params);
+    }
+    static async loadJSON(tagId, jsonUrl, index) {
+        let url, id;
+        if (typeof jsonUrl === "number" || jsonUrl === undefined) {
+            url = tagId;
+        }
+        else {
+            id = tagId;
+            url = jsonUrl;
+        }
+        return await Loader.loadRemoteOptions({ tagId: id, url, index });
     }
     static async setJSON(id, domContainer, jsonUrl, index) {
-        const url = jsonUrl instanceof Array ? itemFromArray(jsonUrl, index) : jsonUrl;
-        const response = await fetch(url);
-        if (response.ok) {
-            const options = await response.json();
-            return Loader.set(id, domContainer, options);
+        let url, newId, newIndex, element;
+        if (id instanceof HTMLElement) {
+            element = id;
+            url = domContainer;
+            newIndex = jsonUrl;
         }
         else {
-            fetchError(response.status);
+            newId = id;
+            element = domContainer;
+            url = jsonUrl;
+            newIndex = index;
         }
+        return await Loader.loadRemoteOptions({ tagId: newId, url, index: newIndex, element });
     }
     static setOnClickHandler(callback) {
         const dom = Loader.dom();

package/esm/Enums/Modes/ResponsiveMode.d.ts

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

package/esm/Enums/Modes/ResponsiveMode.js

@@ -0,0 +1,5 @@
+export var ResponsiveMode;
+(function (ResponsiveMode) {
+    ResponsiveMode["screen"] = "screen";
+    ResponsiveMode["canvas"] = "canvas";
+})(ResponsiveMode || (ResponsiveMode = {}));

package/esm/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/esm/Enums/Modes/index.js

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

package/esm/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/esm/Interactions/External/Attract/index.js

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

package/esm/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/esm/Interactions/External/Bounce/index.js

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

package/esm/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/esm/Interactions/External/Bubble/index.js

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

package/esm/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/esm/Interactions/External/Connect/index.js

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

package/esm/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/esm/Interactions/External/Grab/index.js

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

package/esm/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/esm/Interactions/External/Repulse/index.js

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

package/esm/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/esm/Interactions/External/Trail/index.js

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

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

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

package/esm/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/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.d.ts

@@ -41,6 +41,6 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     constructor();
     load(data?: RecursivePartial<IOptions>): void;
     setTheme(name?: string): void;
-    setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): void;
+    setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): number | undefined;
     private importPreset;
 }

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";
@@ -144,9 +144,12 @@ export class Options {
         }
     }
     setResponsive(width, pxRatio, defaultOptions) {
-        var _a;
         this.load(defaultOptions);
-        this.load((_a = this.responsive.find((t) => t.maxWidth * pxRatio > width)) === null || _a === void 0 ? void 0 : _a.options);
+        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;
     }
     importPreset(preset) {
         this.load(Plugins.getPreset(preset));

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