tsparticles 1.35.2 → 1.37.0

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

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

@@ -8,17 +8,18 @@ export declare class Main {
     constructor();
     init(): void;
     loadFromArray(tagId: string, options: RecursivePartial<IOptions>[], index?: number): Promise<Container | undefined>;
-    load(tagId: string, options: SingleOrMultiple<RecursivePartial<IOptions>>): Promise<Container | undefined>;
-    set(id: string, element: HTMLElement, options: RecursivePartial<IOptions>): Promise<Container | undefined>;
-    loadJSON(tagId: string, pathConfigJson: SingleOrMultiple<string>, index?: number): Promise<Container | undefined>;
-    setJSON(id: string, element: HTMLElement, pathConfigJson: SingleOrMultiple<string>, index?: number): Promise<Container | undefined>;
+    load(tagId: string | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>>): Promise<Container | undefined>;
+    set(id: string | HTMLElement, element: HTMLElement | RecursivePartial<IOptions>, options?: RecursivePartial<IOptions>): Promise<Container | undefined>;
+    loadJSON(tagId: string | SingleOrMultiple<string>, pathConfigJson?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
+    setJSON(id: string | HTMLElement, element: HTMLElement | SingleOrMultiple<string>, pathConfigJson?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
     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

@@ -8,17 +8,18 @@ export declare class Main {
     constructor();
     init(): void;
     loadFromArray(tagId: string, options: RecursivePartial<IOptions>[], index?: number): Promise<Container | undefined>;
-    load(tagId: string, options: SingleOrMultiple<RecursivePartial<IOptions>>): Promise<Container | undefined>;
-    set(id: string, element: HTMLElement, options: RecursivePartial<IOptions>): Promise<Container | undefined>;
-    loadJSON(tagId: string, pathConfigJson: SingleOrMultiple<string>, index?: number): Promise<Container | undefined>;
-    setJSON(id: string, element: HTMLElement, pathConfigJson: SingleOrMultiple<string>, index?: number): Promise<Container | undefined>;
+    load(tagId: string | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>>): Promise<Container | undefined>;
+    set(id: string | HTMLElement, element: HTMLElement | RecursivePartial<IOptions>, options?: RecursivePartial<IOptions>): Promise<Container | undefined>;
+    loadJSON(tagId: string | SingleOrMultiple<string>, pathConfigJson?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
+    setJSON(id: string | HTMLElement, element: HTMLElement | SingleOrMultiple<string>, pathConfigJson?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
     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;