tsparticles 1.35.4 → 1.37.2

package/esm/Utils/Plugins.js

@@ -57,9 +57,9 @@ export class Plugins {
             pathGenerators.set(type, pathGenerator);
         }
     }
-    static getInteractors(container) {
+    static getInteractors(container, force = false) {
         let res = interactors.get(container);
-        if (!res) {
+        if (!res || force) {
             res = [...interactorsInitializers.values()].map((t) => t(container));
             interactors.set(container, res);
         }
@@ -68,9 +68,9 @@ export class Plugins {
     static addInteractor(name, initInteractor) {
         interactorsInitializers.set(name, initInteractor);
     }
-    static getUpdaters(container) {
+    static getUpdaters(container, force = false) {
         let res = updaters.get(container);
-        if (!res) {
+        if (!res || force) {
             res = [...updatersInitializers.values()].map((t) => t(container));
             updaters.set(container, res);
         }

package/esm/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/esm/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/esm/full.js

@@ -1,10 +1,18 @@
+import { loadSlim } from "./slim";
+import { loadExternalTrailInteraction } from "./Interactions/External/Trail";
+import { loadTiltUpdater } from "./Updaters/Tilt";
+import { loadWobbleUpdater } from "./Updaters/Wobble";
 import { loadAbsorbersPlugin } from "./Plugins/Absorbers/plugin";
 import { loadEmittersPlugin } from "./Plugins/Emitters/plugin";
 import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask/plugin";
-import { loadSlim } from "./slim";
-export function loadFull(tsParticles) {
-    loadSlim(tsParticles);
-    loadAbsorbersPlugin(tsParticles);
-    loadEmittersPlugin(tsParticles);
-    loadPolygonMaskPlugin(tsParticles);
+import { loadRollUpdater } from "./Updaters/Roll";
+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/esm/index.d.ts

@@ -6,7 +6,6 @@ import type { IEmitterOptions } from "./Plugins/Emitters/Options/Interfaces/IEmi
 import type { IPolygonMaskOptions } from "./Plugins/PolygonMask/Options/Interfaces/IPolygonMaskOptions";
 import type { RecursivePartial } from "./Types";
 import type { IParticle } from "./Core/Interfaces";
-import { loadFull } from "./full";
 declare const tsParticles: Main;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
 export * from "./Core/Particle/Vector";
@@ -15,7 +14,7 @@ export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadFull };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/esm/index.js

@@ -4,15 +4,15 @@ 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";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadFull };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/esm/index.slim.d.ts

@@ -3,13 +3,12 @@ import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 import type { IParticle } from "./Core/Interfaces";
 import { Main } from "./main";
-import { loadSlim } from "./slim";
 declare const tsParticles: Main;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadSlim };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/esm/index.slim.js

@@ -4,12 +4,12 @@ import { Main } from "./main";
 import { loadSlim } from "./slim";
 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";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadSlim };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/esm/main.d.ts

@@ -15,10 +15,11 @@ export declare class Main {
     setOnClickHandler(callback: (e: Event, particles?: Particle[]) => void): void;
     dom(): Container[];
     domItem(index: number): Container | undefined;
-    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): void;
-    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): void;
-    addPlugin(plugin: IPlugin): void;
-    addPathGenerator(name: string, generator: IMovePathGenerator): void;
-    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): void;
-    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): void;
+    refresh(): Promise<void>;
+    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): Promise<void>;
+    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): Promise<void>;
+    addPlugin(plugin: IPlugin): Promise<void>;
+    addPathGenerator(name: string, generator: IMovePathGenerator): Promise<void>;
+    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): Promise<void>;
+    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): Promise<void>;
 }

package/esm/main.js

@@ -31,7 +31,7 @@ export class Main {
     async set(id, element, options) {
         return Loader.set(id, element, options);
     }
-    loadJSON(tagId, pathConfigJson, index) {
+    async loadJSON(tagId, pathConfigJson, index) {
         return Loader.loadJSON(tagId, pathConfigJson, index);
     }
     async setJSON(id, element, pathConfigJson, index) {
@@ -46,7 +46,12 @@ export class Main {
     domItem(index) {
         return Loader.domItem(index);
     }
-    addShape(shape, drawer, init, afterEffect, destroy) {
+    async refresh() {
+        for (const instance of this.dom()) {
+            await instance.refresh();
+        }
+    }
+    async addShape(shape, drawer, init, afterEffect, destroy) {
         let customDrawer;
         if (typeof drawer === "function") {
             customDrawer = {
@@ -60,21 +65,27 @@ export class Main {
             customDrawer = drawer;
         }
         Plugins.addShapeDrawer(shape, customDrawer);
+        await this.refresh();
     }
-    addPreset(preset, options, override = false) {
+    async addPreset(preset, options, override = false) {
         Plugins.addPreset(preset, options, override);
+        await this.refresh();
     }
-    addPlugin(plugin) {
+    async addPlugin(plugin) {
         Plugins.addPlugin(plugin);
+        await this.refresh();
     }
-    addPathGenerator(name, generator) {
+    async addPathGenerator(name, generator) {
         Plugins.addPathGenerator(name, generator);
+        await this.refresh();
     }
-    addInteractor(name, interactorInitializer) {
+    async addInteractor(name, interactorInitializer) {
         Plugins.addInteractor(name, interactorInitializer);
+        await this.refresh();
     }
-    addParticleUpdater(name, updaterInitializer) {
+    async addParticleUpdater(name, updaterInitializer) {
         Plugins.addParticleUpdater(name, updaterInitializer);
+        await this.refresh();
     }
 }
 _Main_initialized = new WeakMap();

package/esm/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/esm/slim.js

@@ -1,56 +1,48 @@
 import { loadCircleShape } from "./Shapes/Circle";
-import { loadImageShape } from "./Shapes/Image";
-import { loadLineShape } from "./Shapes/Line";
-import { loadPolygonShape } from "./Shapes/Polygon";
-import { loadSquareShape } from "./Shapes/Square";
-import { loadStarShape } from "./Shapes/Star";
-import { loadTextShape } from "./Shapes/Text";
-import { loadAngleUpdater } from "./Updaters/Angle";
-import { loadColorUpdater } from "./Updaters/Color";
 import { loadLifeUpdater } from "./Updaters/Life";
+import { loadExternalConnectInteraction } from "./Interactions/External/Connect";
 import { loadOpacityUpdater } from "./Updaters/Opacity";
-import { loadSizeUpdater } from "./Updaters/Size";
-import { loadStrokeColorUpdater } from "./Updaters/StrokeColor";
-import { loadOutModesUpdater } from "./Updaters/OutModes";
-import { loadRollUpdater } from "./Updaters/Roll";
-import { loadTiltUpdater } from "./Updaters/Tilt";
-import { loadWobbleUpdater } from "./Updaters/Wobble";
-import { loadExternalAttractInteraction } from "./Interactions/External/Attract";
-import { loadExternalBounceInteraction } from "./Interactions/External/Bounce";
+import { loadImageShape } from "./Shapes/Image";
+import { loadPolygonShape } from "./Shapes/Polygon";
 import { loadExternalBubbleInteraction } from "./Interactions/External/Bubble";
-import { loadExternalConnectInteraction } from "./Interactions/External/Connect";
+import { loadExternalAttractInteraction } from "./Interactions/External/Attract";
 import { loadExternalGrabInteraction } from "./Interactions/External/Grab";
-import { loadExternalRepulseInteraction } from "./Interactions/External/Repulse";
-import { loadExternalTrailInteraction } from "./Interactions/External/Trail";
+import { loadStarShape } from "./Shapes/Star";
 import { loadParticlesAttractInteraction } from "./Interactions/Particles/Attract";
+import { loadSquareShape } from "./Shapes/Square";
+import { loadStrokeColorUpdater } from "./Updaters/StrokeColor";
+import { loadColorUpdater } from "./Updaters/Color";
 import { loadParticlesCollisionsInteraction } from "./Interactions/Particles/Collisions";
+import { loadAngleUpdater } from "./Updaters/Angle";
+import { loadOutModesUpdater } from "./Updaters/OutModes";
+import { loadExternalRepulseInteraction } from "./Interactions/External/Repulse";
+import { loadLineShape } from "./Shapes/Line";
+import { loadExternalBounceInteraction } from "./Interactions/External/Bounce";
+import { loadTextShape } from "./Shapes/Text";
 import { loadParticlesLinksInteraction } from "./Interactions/Particles/Links";
-export function loadSlim(tsParticles) {
-    loadExternalAttractInteraction(tsParticles);
-    loadExternalBounceInteraction(tsParticles);
-    loadExternalBubbleInteraction(tsParticles);
-    loadExternalConnectInteraction(tsParticles);
-    loadExternalGrabInteraction(tsParticles);
-    loadExternalRepulseInteraction(tsParticles);
-    loadExternalTrailInteraction(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);
-    loadTiltUpdater(tsParticles);
-    loadRollUpdater(tsParticles);
-    loadWobbleUpdater(tsParticles);
-    loadColorUpdater(tsParticles);
-    loadStrokeColorUpdater(tsParticles);
-    loadOutModesUpdater(tsParticles);
+import { loadSizeUpdater } from "./Updaters/Size";
+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/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/full.js

@@ -1,14 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadFull = void 0;
+const slim_1 = require("./slim");
+const Trail_1 = require("./Interactions/External/Trail");
+const Tilt_1 = require("./Updaters/Tilt");
+const Wobble_1 = require("./Updaters/Wobble");
 const plugin_1 = require("./Plugins/Absorbers/plugin");
 const plugin_2 = require("./Plugins/Emitters/plugin");
 const plugin_3 = require("./Plugins/PolygonMask/plugin");
-const slim_1 = require("./slim");
-function loadFull(tsParticles) {
-    (0, slim_1.loadSlim)(tsParticles);
-    (0, plugin_1.loadAbsorbersPlugin)(tsParticles);
-    (0, plugin_2.loadEmittersPlugin)(tsParticles);
-    (0, plugin_3.loadPolygonMaskPlugin)(tsParticles);
+const Roll_1 = require("./Updaters/Roll");
+async function loadFull(tsParticles) {
+    await (0, slim_1.loadSlim)(tsParticles);
+    await (0, Trail_1.loadExternalTrailInteraction)(tsParticles);
+    await (0, Roll_1.loadRollUpdater)(tsParticles);
+    await (0, Tilt_1.loadTiltUpdater)(tsParticles);
+    await (0, Wobble_1.loadWobbleUpdater)(tsParticles);
+    await (0, plugin_1.loadAbsorbersPlugin)(tsParticles);
+    await (0, plugin_2.loadEmittersPlugin)(tsParticles);
+    await (0, plugin_3.loadPolygonMaskPlugin)(tsParticles);
 }
 exports.loadFull = loadFull;

package/index.d.ts

@@ -6,7 +6,6 @@ import type { IEmitterOptions } from "./Plugins/Emitters/Options/Interfaces/IEmi
 import type { IPolygonMaskOptions } from "./Plugins/PolygonMask/Options/Interfaces/IPolygonMaskOptions";
 import type { RecursivePartial } from "./Types";
 import type { IParticle } from "./Core/Interfaces";
-import { loadFull } from "./full";
 declare const tsParticles: Main;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
 export * from "./Core/Particle/Vector";
@@ -15,7 +14,7 @@ export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadFull };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsParticles = exports.pJSDom = exports.particlesJS = exports.loadFull = exports.Main = exports.Rectangle = exports.Point = exports.Constants = exports.CircleWarp = exports.Circle = void 0;
+exports.tsParticles = exports.pJSDom = exports.particlesJS = exports.Main = exports.Rectangle = exports.Point = exports.Constants = exports.CircleWarp = exports.Circle = void 0;
 const pjs_1 = require("./pjs");
 const main_1 = require("./main");
 Object.defineProperty(exports, "Main", { enumerable: true, get: function () { return main_1.Main; } });
@@ -21,14 +21,13 @@ Object.defineProperty(exports, "Constants", { enumerable: true, get: function ()
 Object.defineProperty(exports, "Point", { enumerable: true, get: function () { return Utils_1.Point; } });
 Object.defineProperty(exports, "Rectangle", { enumerable: true, get: function () { return Utils_1.Rectangle; } });
 const full_1 = require("./full");
-Object.defineProperty(exports, "loadFull", { enumerable: true, get: function () { return full_1.loadFull; } });
 const tsParticles = new main_1.Main();
 exports.tsParticles = tsParticles;
 tsParticles.init();
-(0, full_1.loadFull)(tsParticles);
 const { particlesJS, pJSDom } = (0, pjs_1.initPjs)(tsParticles);
 exports.particlesJS = particlesJS;
 exports.pJSDom = pJSDom;
+(0, full_1.loadFull)(tsParticles);
 __exportStar(require("./Core/Particle/Vector"), exports);
 __exportStar(require("./Core/Container"), exports);
 __exportStar(require("./Enums"), exports);

package/index.slim.d.ts

@@ -3,13 +3,12 @@ import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 import type { IParticle } from "./Core/Interfaces";
 import { Main } from "./main";
-import { loadSlim } from "./slim";
 declare const tsParticles: Main;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadSlim };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
 export * from "./Utils/CanvasUtils";
 export * from "./Utils/ColorUtils";
 export * from "./Utils/NumberUtils";

package/index.slim.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pJSDom = exports.particlesJS = exports.tsParticles = exports.loadSlim = exports.Main = exports.Rectangle = exports.Point = exports.Constants = exports.CircleWarp = exports.Circle = void 0;
+exports.pJSDom = exports.particlesJS = exports.tsParticles = exports.Main = exports.Rectangle = exports.Point = exports.Constants = exports.CircleWarp = exports.Circle = void 0;
 const pjs_1 = require("./pjs");
 const Utils_1 = require("./Utils");
 Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return Utils_1.Circle; } });
@@ -21,14 +21,13 @@ Object.defineProperty(exports, "Rectangle", { enumerable: true, get: function ()
 const main_1 = require("./main");
 Object.defineProperty(exports, "Main", { enumerable: true, get: function () { return main_1.Main; } });
 const slim_1 = require("./slim");
-Object.defineProperty(exports, "loadSlim", { enumerable: true, get: function () { return slim_1.loadSlim; } });
 const tsParticles = new main_1.Main();
 exports.tsParticles = tsParticles;
 tsParticles.init();
-(0, slim_1.loadSlim)(tsParticles);
 const { particlesJS, pJSDom } = (0, pjs_1.initPjs)(tsParticles);
 exports.particlesJS = particlesJS;
 exports.pJSDom = pJSDom;
+(0, slim_1.loadSlim)(tsParticles);
 __exportStar(require("./Core/Particle/Vector"), exports);
 __exportStar(require("./Core/Container"), exports);
 __exportStar(require("./Enums"), exports);

package/main.d.ts

@@ -15,10 +15,11 @@ export declare class Main {
     setOnClickHandler(callback: (e: Event, particles?: Particle[]) => void): void;
     dom(): Container[];
     domItem(index: number): Container | undefined;
-    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): void;
-    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): void;
-    addPlugin(plugin: IPlugin): void;
-    addPathGenerator(name: string, generator: IMovePathGenerator): void;
-    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): void;
-    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): void;
+    refresh(): Promise<void>;
+    addShape(shape: string, drawer: IShapeDrawer | ShapeDrawerDrawFunction, init?: ShapeDrawerInitFunction, afterEffect?: ShapeDrawerAfterEffectFunction, destroy?: ShapeDrawerDestroyFunction): Promise<void>;
+    addPreset(preset: string, options: RecursivePartial<IOptions>, override?: boolean): Promise<void>;
+    addPlugin(plugin: IPlugin): Promise<void>;
+    addPathGenerator(name: string, generator: IMovePathGenerator): Promise<void>;
+    addInteractor(name: string, interactorInitializer: (container: Container) => IInteractor): Promise<void>;
+    addParticleUpdater(name: string, updaterInitializer: (container: Container) => IParticleUpdater): Promise<void>;
 }

package/main.js

@@ -34,7 +34,7 @@ class Main {
     async set(id, element, options) {
         return Loader_1.Loader.set(id, element, options);
     }
-    loadJSON(tagId, pathConfigJson, index) {
+    async loadJSON(tagId, pathConfigJson, index) {
         return Loader_1.Loader.loadJSON(tagId, pathConfigJson, index);
     }
     async setJSON(id, element, pathConfigJson, index) {
@@ -49,7 +49,12 @@ class Main {
     domItem(index) {
         return Loader_1.Loader.domItem(index);
     }
-    addShape(shape, drawer, init, afterEffect, destroy) {
+    async refresh() {
+        for (const instance of this.dom()) {
+            await instance.refresh();
+        }
+    }
+    async addShape(shape, drawer, init, afterEffect, destroy) {
         let customDrawer;
         if (typeof drawer === "function") {
             customDrawer = {
@@ -63,21 +68,27 @@ class Main {
             customDrawer = drawer;
         }
         Utils_1.Plugins.addShapeDrawer(shape, customDrawer);
+        await this.refresh();
     }
-    addPreset(preset, options, override = false) {
+    async addPreset(preset, options, override = false) {
         Utils_1.Plugins.addPreset(preset, options, override);
+        await this.refresh();
     }
-    addPlugin(plugin) {
+    async addPlugin(plugin) {
         Utils_1.Plugins.addPlugin(plugin);
+        await this.refresh();
     }
-    addPathGenerator(name, generator) {
+    async addPathGenerator(name, generator) {
         Utils_1.Plugins.addPathGenerator(name, generator);
+        await this.refresh();
     }
-    addInteractor(name, interactorInitializer) {
+    async addInteractor(name, interactorInitializer) {
         Utils_1.Plugins.addInteractor(name, interactorInitializer);
+        await this.refresh();
     }
-    addParticleUpdater(name, updaterInitializer) {
+    async addParticleUpdater(name, updaterInitializer) {
         Utils_1.Plugins.addParticleUpdater(name, updaterInitializer);
+        await this.refresh();
     }
 }
 exports.Main = Main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "1.35.4",
+  "version": "1.37.2",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org/",
   "scripts": {