tsparticles 1.36.0 → 1.37.0

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.0",
   "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": {