tsparticles 1.36.0 → 1.37.0

package/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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));
 }

package/browser/Utils/Utils.d.ts

@@ -1,10 +1,9 @@
 import type { IBounds, ICircleBouncer, ICoordinates, IDimension, IParticle } from "../Core/Interfaces";
-import { DivMode } from "../Enums";
+import { DivMode, OutModeDirection } from "../Enums";
 import type { ICharacterShape } from "../Options/Interfaces/Particles/Shape/ICharacterShape";
 import type { SingleOrMultiple } from "../Types";
 import { DivEvent } from "../Options/Classes/Interactivity/Events/DivEvent";
 import type { IModeDiv } from "../Options/Interfaces/Interactivity/Modes/IModeDiv";
-import { OutModeDirection } from "../Enums";
 declare global {
     interface Window {
         customRequestAnimationFrame: (callback: FrameRequestCallback) => number;

package/browser/full.d.ts

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

package/browser/full.js

@@ -6,13 +6,13 @@ import { loadAbsorbersPlugin } from "./Plugins/Absorbers/plugin";
 import { loadEmittersPlugin } from "./Plugins/Emitters/plugin";
 import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask/plugin";
 import { loadRollUpdater } from "./Updaters/Roll";
-export function loadFull(tsParticles) {
-    loadSlim(tsParticles);
-    loadExternalTrailInteraction(tsParticles);
-    loadRollUpdater(tsParticles);
-    loadTiltUpdater(tsParticles);
-    loadWobbleUpdater(tsParticles);
-    loadAbsorbersPlugin(tsParticles);
-    loadEmittersPlugin(tsParticles);
-    loadPolygonMaskPlugin(tsParticles);
+export async function loadFull(tsParticles) {
+    await loadSlim(tsParticles);
+    await loadExternalTrailInteraction(tsParticles);
+    await loadRollUpdater(tsParticles);
+    await loadTiltUpdater(tsParticles);
+    await loadWobbleUpdater(tsParticles);
+    await loadAbsorbersPlugin(tsParticles);
+    await loadEmittersPlugin(tsParticles);
+    await loadPolygonMaskPlugin(tsParticles);
 }

package/browser/index.js

@@ -4,8 +4,8 @@ import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import { loadFull } from "./full";
 const tsParticles = new Main();
 tsParticles.init();
-loadFull(tsParticles);
 const { particlesJS, pJSDom } = initPjs(tsParticles);
+loadFull(tsParticles);
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";

package/browser/index.slim.js

@@ -5,8 +5,8 @@ import { loadSlim } from "./slim";
 /* ---------- tsParticles functions - start ------------ */
 const tsParticles = new Main();
 tsParticles.init();
-loadSlim(tsParticles);
 const { particlesJS, pJSDom } = initPjs(tsParticles);
+loadSlim(tsParticles);
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";

package/browser/main.d.ts

@@ -71,6 +71,10 @@ export declare class Main {
      * @returns The [[Container]] object at specified index, if present or not destroyed, otherwise undefined
      */
     domItem(index: number): Container | undefined;
+    /**
+     * Reloads all existing tsParticles loaded instances
+     */
+    refresh(): Promise<void>;
     /**
      * addShape adds shape to tsParticles, it will be available to all future instances created
      * @param shape the shape name
@@ -79,35 +83,35 @@ export declare class Main {
      * @param afterEffect Optional: the shape drawer after effect function, used only if the drawer parameter is a function
      * @param destroy Optional: the shape drawer destroy function, used only if the drawer parameter is a function
      */
-    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): void;
+    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): Promise<void>;
     /**
      * addPreset adds preset to tsParticles, it will be available to all future instances created
      * @param preset the preset name
      * @param options the options to add to the preset
      * @param override if true, the preset will override any existing with the same name
      */
-    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): void;
+    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): Promise<void>;
     /**
      * addPlugin adds plugin to tsParticles, if an instance needs it it will be loaded
      * @param plugin the plugin implementation of [[IPlugin]]
      */
-    addPlugin(plugin: IPlugin): void;
+    addPlugin(plugin: IPlugin): Promise<void>;
     /**
      * addPathGenerator adds a named path generator to tsParticles, this can be called by options
      * @param name the path generator name
      * @param generator the path generator object
      */
-    addPathGenerator(name: string, generator: IMovePathGenerator): void;
+    addPathGenerator(name: string, generator: IMovePathGenerator): Promise<void>;
     /**
      *
      * @param name
      * @param interactorInitializer
      */
-    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): void;
+    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): Promise<void>;
     /**
      *
      * @param name
      * @param updaterInitializer
      */
-    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): void;
+    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): Promise<void>;
 }

package/browser/main.js

@@ -102,6 +102,14 @@ export class Main {
     domItem(index) {
         return Loader.domItem(index);
     }
+    /**
+     * Reloads all existing tsParticles loaded instances
+     */
+    async refresh() {
+        for (const instance of this.dom()) {
+            await instance.refresh();
+        }
+    }
     /**
      * addShape adds shape to tsParticles, it will be available to all future instances created
      * @param shape the shape name
@@ -110,7 +118,7 @@ export class Main {
      * @param afterEffect Optional: the shape drawer after effect function, used only if the drawer parameter is a function
      * @param destroy Optional: the shape drawer destroy function, used only if the drawer parameter is a function
      */
-    addShape(shape, drawer, init, afterEffect, destroy) {
+    async addShape(shape, drawer, init, afterEffect, destroy) {
         let customDrawer;
         if (typeof drawer === "function") {
             customDrawer = {
@@ -124,6 +132,7 @@ export class Main {
             customDrawer = drawer;
         }
         Plugins.addShapeDrawer(shape, customDrawer);
+        await this.refresh();
     }
     /**
      * addPreset adds preset to tsParticles, it will be available to all future instances created
@@ -131,39 +140,44 @@ export class Main {
      * @param options the options to add to the preset
      * @param override if true, the preset will override any existing with the same name
      */
-    addPreset(preset, options, override = false) {
+    async addPreset(preset, options, override = false) {
         Plugins.addPreset(preset, options, override);
+        await this.refresh();
     }
     /**
      * addPlugin adds plugin to tsParticles, if an instance needs it it will be loaded
      * @param plugin the plugin implementation of [[IPlugin]]
      */
-    addPlugin(plugin) {
+    async addPlugin(plugin) {
         Plugins.addPlugin(plugin);
+        await this.refresh();
     }
     /**
      * addPathGenerator adds a named path generator to tsParticles, this can be called by options
      * @param name the path generator name
      * @param generator the path generator object
      */
-    addPathGenerator(name, generator) {
+    async addPathGenerator(name, generator) {
         Plugins.addPathGenerator(name, generator);
+        await this.refresh();
     }
     /**
      *
      * @param name
      * @param interactorInitializer
      */
-    addInteractor(name, interactorInitializer) {
+    async addInteractor(name, interactorInitializer) {
         Plugins.addInteractor(name, interactorInitializer);
+        await this.refresh();
     }
     /**
      *
      * @param name
      * @param updaterInitializer
      */
-    addParticleUpdater(name, updaterInitializer) {
+    async addParticleUpdater(name, updaterInitializer) {
         Plugins.addParticleUpdater(name, updaterInitializer);
+        await this.refresh();
     }
 }
 _Main_initialized = new WeakMap();

package/browser/slim.d.ts

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

package/browser/slim.js

@@ -21,28 +21,28 @@ import { loadExternalBounceInteraction } from "./Interactions/External/Bounce";
 import { loadTextShape } from "./Shapes/Text";
 import { loadParticlesLinksInteraction } from "./Interactions/Particles/Links";
 import { loadSizeUpdater } from "./Updaters/Size";
-export function loadSlim(tsParticles) {
-    loadExternalAttractInteraction(tsParticles);
-    loadExternalBounceInteraction(tsParticles);
-    loadExternalBubbleInteraction(tsParticles);
-    loadExternalConnectInteraction(tsParticles);
-    loadExternalGrabInteraction(tsParticles);
-    loadExternalRepulseInteraction(tsParticles);
-    loadParticlesAttractInteraction(tsParticles);
-    loadParticlesCollisionsInteraction(tsParticles);
-    loadParticlesLinksInteraction(tsParticles);
-    loadCircleShape(tsParticles);
-    loadImageShape(tsParticles);
-    loadLineShape(tsParticles);
-    loadPolygonShape(tsParticles);
-    loadSquareShape(tsParticles);
-    loadStarShape(tsParticles);
-    loadTextShape(tsParticles);
-    loadLifeUpdater(tsParticles);
-    loadOpacityUpdater(tsParticles);
-    loadSizeUpdater(tsParticles);
-    loadAngleUpdater(tsParticles);
-    loadColorUpdater(tsParticles);
-    loadStrokeColorUpdater(tsParticles);
-    loadOutModesUpdater(tsParticles);
+export async function loadSlim(tsParticles) {
+    await loadExternalAttractInteraction(tsParticles);
+    await loadExternalBounceInteraction(tsParticles);
+    await loadExternalBubbleInteraction(tsParticles);
+    await loadExternalConnectInteraction(tsParticles);
+    await loadExternalGrabInteraction(tsParticles);
+    await loadExternalRepulseInteraction(tsParticles);
+    await loadParticlesAttractInteraction(tsParticles);
+    await loadParticlesCollisionsInteraction(tsParticles);
+    await loadParticlesLinksInteraction(tsParticles);
+    await loadCircleShape(tsParticles);
+    await loadImageShape(tsParticles);
+    await loadLineShape(tsParticles);
+    await loadPolygonShape(tsParticles);
+    await loadSquareShape(tsParticles);
+    await loadStarShape(tsParticles);
+    await loadTextShape(tsParticles);
+    await loadLifeUpdater(tsParticles);
+    await loadOpacityUpdater(tsParticles);
+    await loadSizeUpdater(tsParticles);
+    await loadAngleUpdater(tsParticles);
+    await loadColorUpdater(tsParticles);
+    await loadStrokeColorUpdater(tsParticles);
+    await loadOutModesUpdater(tsParticles);
 }

package/esm/Core/Container.d.ts

@@ -40,6 +40,7 @@ export declare class Container {
     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 +61,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/esm/Core/Container.js

@@ -23,6 +23,7 @@ export class Container {
         this.canvas = new Canvas(this);
         this.particles = new Particles(this);
         this.drawer = new FrameManager(this);
+        this.presets = presets;
         this.pathGenerator = {
             generate: () => {
                 const v = Vector.create(0, 0);
@@ -49,17 +50,6 @@ export class Container {
         this.density = 1;
         this._options = new Options();
         this.actualOptions = new Options();
-        for (const preset of presets) {
-            this._options.load(Plugins.getPreset(preset));
-        }
-        const shapes = Plugins.getSupportedShapes();
-        for (const type of shapes) {
-            const drawer = Plugins.getShapeDrawer(type);
-            if (drawer) {
-                this.drawers.set(type, drawer);
-            }
-        }
-        this._options.load(this._sourceOptions);
         this.eventListeners = new EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
             this.intersectionObserver = new IntersectionObserver((entries) => this.intersectionManager(entries));
@@ -202,6 +192,7 @@ export 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;
@@ -316,6 +307,18 @@ export class Container {
         return false;
     }
     async init() {
+        this._options = new Options();
+        for (const preset of this.presets) {
+            this._options.load(Plugins.getPreset(preset));
+        }
+        const shapes = Plugins.getSupportedShapes();
+        for (const type of shapes) {
+            const drawer = Plugins.getShapeDrawer(type);
+            if (drawer) {
+                this.drawers.set(type, drawer);
+            }
+        }
+        this._options.load(this._sourceOptions);
         this.actualOptions = new Options();
         this.actualOptions.load(this._options);
         this.retina.init();

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