tsparticles 1.36.0 → 1.37.3

package/esm/Utils/Plugins.d.ts

@@ -15,8 +15,8 @@ export declare class Plugins {
     static getSupportedShapes(): IterableIterator<string>;
     static getPathGenerator(type: string): IMovePathGenerator | undefined;
     static addPathGenerator(type: string, pathGenerator: IMovePathGenerator): void;
-    static getInteractors(container: Container): IInteractor[];
+    static getInteractors(container: Container, force?: boolean): IInteractor[];
     static addInteractor(name: string, initInteractor: (container: Container) => IInteractor): void;
-    static getUpdaters(container: Container): IParticleUpdater[];
+    static getUpdaters(container: Container, force?: boolean): IParticleUpdater[];
     static addParticleUpdater(name: string, initUpdater: (container: Container) => IParticleUpdater): void;
 }

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

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

@@ -4,8 +4,8 @@ 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";

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

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

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

@@ -9,14 +9,14 @@ const plugin_1 = require("./Plugins/Absorbers/plugin");
 const plugin_2 = require("./Plugins/Emitters/plugin");
 const plugin_3 = require("./Plugins/PolygonMask/plugin");
 const Roll_1 = require("./Updaters/Roll");
-function loadFull(tsParticles) {
-    (0, slim_1.loadSlim)(tsParticles);
-    (0, Trail_1.loadExternalTrailInteraction)(tsParticles);
-    (0, Roll_1.loadRollUpdater)(tsParticles);
-    (0, Tilt_1.loadTiltUpdater)(tsParticles);
-    (0, Wobble_1.loadWobbleUpdater)(tsParticles);
-    (0, plugin_1.loadAbsorbersPlugin)(tsParticles);
-    (0, plugin_2.loadEmittersPlugin)(tsParticles);
-    (0, plugin_3.loadPolygonMaskPlugin)(tsParticles);
+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.js

@@ -24,10 +24,10 @@ const full_1 = require("./full");
 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.js

@@ -24,10 +24,10 @@ const slim_1 = require("./slim");
 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

@@ -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.36.0",
+  "version": "1.37.3",
   "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": {