tsparticles 1.39.2 → 1.40.2

package/esm/Plugins/Emitters/EmitterInstance.d.ts

@@ -1,6 +1,7 @@
-import type { Container, ICoordinates, IDelta, IHsl } from "../../Core";
+import type { Container, ICoordinates, IDelta, IDimension, IHsl } from "../../Core";
 import { Emitter } from "./Options/Classes/Emitter";
 import type { Emitters } from "./Emitters";
+import type { EmittersEngine } from "./EmittersEngine";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { IEmitterSize } from "./Options/Interfaces/IEmitterSize";
 import type { RecursivePartial } from "../../Types";
@@ -8,7 +9,7 @@ export declare class EmitterInstance {
     #private;
     private readonly emitters;
     private readonly container;
-    position: ICoordinates;
+    position?: ICoordinates;
     size: IEmitterSize;
     options: Emitter;
     spawnColor?: IHsl;
@@ -26,13 +27,15 @@ export declare class EmitterInstance {
     private readonly shape?;
     private readonly initialPosition?;
     private readonly particlesOptions;
-    constructor(emitters: Emitters, container: Container, options: RecursivePartial<IEmitter>, position?: ICoordinates);
+    constructor(engine: EmittersEngine, emitters: Emitters, container: Container, options: RecursivePartial<IEmitter>, position?: ICoordinates);
     externalPlay(): void;
     externalPause(): void;
     play(): void;
     pause(): void;
     resize(): void;
     update(delta: IDelta): void;
+    getPosition(): ICoordinates | undefined;
+    getSize(): IDimension;
     private prepareToDie;
     private destroy;
     private calcPosition;

package/esm/Plugins/Emitters/EmitterInstance.js

@@ -9,19 +9,20 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
+var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterInstance_engine;
 import { colorToHsl, deepExtend, getRangeValue, isPointInside, randomInRange } from "../../Utils";
 import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterSize } from "./Options/Classes/EmitterSize";
-import { ShapeManager } from "./ShapeManager";
 export class EmitterInstance {
-    constructor(emitters, container, options, position) {
+    constructor(engine, emitters, container, options, position) {
         var _a, _b, _c, _d, _e, _f;
         var _g;
         this.emitters = emitters;
         this.container = container;
         _EmitterInstance_firstSpawn.set(this, void 0);
         _EmitterInstance_startParticlesAdded.set(this, void 0);
+        _EmitterInstance_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _EmitterInstance_engine, engine, "f");
         this.currentDuration = 0;
         this.currentEmitDelay = 0;
         this.currentSpawnDelay = 0;
@@ -34,9 +35,8 @@ export class EmitterInstance {
             this.options.load(options);
         }
         this.spawnDelay = (((_a = this.options.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000) / this.container.retina.reduceFactor;
-        this.position = (_b = this.initialPosition) !== null && _b !== void 0 ? _b : this.calcPosition();
         this.name = this.options.name;
-        this.shape = ShapeManager.getShape(this.options.shape);
+        this.shape = (_b = __classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _b === void 0 ? void 0 : _b.getShape(this.options.shape);
         this.fill = this.options.fill;
         __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
         __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
@@ -152,6 +152,40 @@ export class EmitterInstance {
             }
         }
     }
+    getPosition() {
+        if (this.options.domId) {
+            const container = this.container, element = document.getElementById(this.options.domId);
+            if (element) {
+                const elRect = element.getBoundingClientRect();
+                return {
+                    x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
+                    y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio,
+                };
+            }
+        }
+        return this.position;
+    }
+    getSize() {
+        const container = this.container;
+        if (this.options.domId) {
+            const element = document.getElementById(this.options.domId);
+            if (element) {
+                const elRect = element.getBoundingClientRect();
+                return {
+                    width: elRect.width * container.retina.pixelRatio,
+                    height: elRect.height * container.retina.pixelRatio,
+                };
+            }
+        }
+        return {
+            width: this.size.mode === "percent"
+                ? (container.canvas.size.width * this.size.width) / 100
+                : this.size.width,
+            height: this.size.mode === "percent"
+                ? (container.canvas.size.height * this.size.height) / 100
+                : this.size.height,
+        };
+    }
     prepareToDie() {
         var _a;
         if (this.paused) {
@@ -187,15 +221,8 @@ export class EmitterInstance {
     emitParticles(quantity) {
         var _a, _b, _c;
         const container = this.container;
-        const position = this.position;
-        const offset = {
-            x: this.size.mode === "percent"
-                ? (container.canvas.size.width * this.size.width) / 100
-                : this.size.width,
-            y: this.size.mode === "percent"
-                ? (container.canvas.size.height * this.size.height) / 100
-                : this.size.height,
-        };
+        const position = this.getPosition();
+        const size = this.getSize();
         for (let i = 0; i < quantity; i++) {
             const particlesOptions = deepExtend({}, this.particlesOptions);
             if (this.spawnColor) {
@@ -214,7 +241,10 @@ export class EmitterInstance {
                     particlesOptions.color.value = this.spawnColor;
                 }
             }
-            const pPosition = (_c = (_b = this.shape) === null || _b === void 0 ? void 0 : _b.randomPosition(position, offset, this.fill)) !== null && _c !== void 0 ? _c : position;
+            if (!position) {
+                return;
+            }
+            const pPosition = (_c = (_b = this.shape) === null || _b === void 0 ? void 0 : _b.randomPosition(position, size, this.fill)) !== null && _c !== void 0 ? _c : position;
             container.particles.addParticle(pPosition, particlesOptions);
         }
     }
@@ -231,4 +261,4 @@ export class EmitterInstance {
         return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
     }
 }
-_EmitterInstance_firstSpawn = new WeakMap(), _EmitterInstance_startParticlesAdded = new WeakMap();
+_EmitterInstance_firstSpawn = new WeakMap(), _EmitterInstance_startParticlesAdded = new WeakMap(), _EmitterInstance_engine = new WeakMap();

package/esm/Plugins/Emitters/Emitters.d.ts

@@ -2,15 +2,17 @@ import type { Container, IContainerPlugin, ICoordinates, IDelta } from "../../Co
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterInstance } from "./EmitterInstance";
+import type { EmittersEngine } from "./EmittersEngine";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { IEmitterOptions } from "./Options/Interfaces/IEmitterOptions";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 export declare class Emitters implements IContainerPlugin {
+    #private;
     private readonly container;
     array: EmitterInstance[];
     emitters: SingleOrMultiple<Emitter>;
     interactivityEmitters: SingleOrMultiple<Emitter>;
-    constructor(container: Container);
+    constructor(engine: EmittersEngine, container: Container);
     init(options?: RecursivePartial<IOptions & IEmitterOptions>): void;
     play(): void;
     pause(): void;

package/esm/Plugins/Emitters/Emitters.js

@@ -1,9 +1,23 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Emitters_engine;
 import { deepExtend, itemFromArray } from "../../Utils";
 import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterInstance } from "./EmitterInstance";
 export class Emitters {
-    constructor(container) {
+    constructor(engine, container) {
         this.container = container;
+        _Emitters_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Emitters_engine, engine, "f");
         this.array = [];
         this.emitters = [];
         this.interactivityEmitters = [];
@@ -121,7 +135,7 @@ export class Emitters {
     addEmitter(options, position) {
         const emitterOptions = new Emitter();
         emitterOptions.load(options);
-        const emitter = new EmitterInstance(this, this.container, emitterOptions, position);
+        const emitter = new EmitterInstance(__classPrivateFieldGet(this, _Emitters_engine, "f"), this, this.container, emitterOptions, position);
         this.array.push(emitter);
         return emitter;
     }
@@ -132,3 +146,4 @@ export class Emitters {
         }
     }
 }
+_Emitters_engine = new WeakMap();

package/{browser/Plugins/Emitters/EmittersMain.d.ts → esm/Plugins/Emitters/EmittersEngine.d.ts}

@@ -1,5 +1,7 @@
 import type { Engine } from "../../engine";
 import type { IEmitterShape } from "./IEmitterShape";
-export declare type EmittersMain = Engine & {
+import type { ShapeManager } from "./ShapeManager";
+export declare type EmittersEngine = Engine & {
+    emitterShapeManager?: ShapeManager;
     addEmitterShape?: (name: string, shape: IEmitterShape) => void;
 };

package/esm/Plugins/Emitters/IEmitterShape.d.ts

@@ -1,4 +1,4 @@
-import type { ICoordinates } from "../../Core";
+import type { ICoordinates, IDimension } from "../../Core";
 export interface IEmitterShape {
-    randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
+    randomPosition(position: ICoordinates, size: IDimension, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Options/Classes/Emitter.d.ts

@@ -13,6 +13,7 @@ export declare class Emitter implements IEmitter, IOptionLoader<IEmitter> {
     autoPlay: boolean;
     size?: EmitterSize;
     direction?: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;
+    domId?: string;
     fill: boolean;
     life: EmitterLife;
     name?: string;

package/esm/Plugins/Emitters/Options/Classes/Emitter.js

@@ -28,6 +28,7 @@ export class Emitter {
         if (data.direction !== undefined) {
             this.direction = data.direction;
         }
+        this.domId = data.domId;
         if (data.fill !== undefined) {
             this.fill = data.fill;
         }

package/esm/Plugins/Emitters/Options/Interfaces/IEmitter.d.ts

@@ -11,6 +11,7 @@ export interface IEmitter {
     autoPlay: boolean;
     size?: IEmitterSize;
     direction?: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;
+    domId?: string;
     fill: boolean;
     life: IEmitterLife;
     name?: string;

package/esm/Plugins/Emitters/ShapeManager.d.ts

@@ -1,6 +1,9 @@
+import type { Engine } from "../../engine";
 import type { IEmitterShape } from "./IEmitterShape";
 export declare class ShapeManager {
-    static addShape(name: string, drawer: IEmitterShape): void;
-    static getShape(name: string): IEmitterShape | undefined;
-    static getSupportedShapes(): IterableIterator<string>;
+    #private;
+    constructor(engine: Engine);
+    addShape(name: string, drawer: IEmitterShape): void;
+    getShape(name: string): IEmitterShape | undefined;
+    getSupportedShapes(): IterableIterator<string>;
 }

package/esm/Plugins/Emitters/ShapeManager.js

@@ -1,14 +1,26 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _ShapeManager_engine;
 const shapes = new Map();
 export class ShapeManager {
-    static addShape(name, drawer) {
-        if (!ShapeManager.getShape(name)) {
+    constructor(engine) {
+        _ShapeManager_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _ShapeManager_engine, engine, "f");
+    }
+    addShape(name, drawer) {
+        if (!this.getShape(name)) {
             shapes.set(name, drawer);
         }
     }
-    static getShape(name) {
+    getShape(name) {
         return shapes.get(name);
     }
-    static getSupportedShapes() {
+    getSupportedShapes() {
         return shapes.keys();
     }
 }
+_ShapeManager_engine = new WeakMap();

package/esm/Plugins/Emitters/Shapes/Circle/CircleShape.d.ts

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../../../../Core";
+import type { ICoordinates, IDimension } from "../../../../Core";
 import type { IEmitterShape } from "../../IEmitterShape";
 export declare class CircleShape implements IEmitterShape {
-    randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
+    randomPosition(position: ICoordinates, size: IDimension, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Shapes/Circle/CircleShape.js

@@ -1,5 +1,5 @@
 export class CircleShape {
-    randomPosition(position, offset, fill) {
+    randomPosition(position, size, fill) {
         const generateTheta = (x, y) => {
             const u = Math.random() / 4.0;
             const theta = Math.atan((y / x) * Math.tan(2 * Math.PI * u));
@@ -18,7 +18,7 @@ export class CircleShape {
             }
         };
         const radius = (x, y, theta) => (x * y) / Math.sqrt((y * Math.cos(theta)) ** 2 + (x * Math.sin(theta)) ** 2);
-        const [a, b] = [offset.x / 2, offset.y / 2];
+        const [a, b] = [size.width / 2, size.height / 2];
         const randomTheta = generateTheta(a, b), maxRadius = radius(a, b, randomTheta), randomRadius = fill ? maxRadius * Math.sqrt(Math.random()) : maxRadius;
         return {
             x: position.x + randomRadius * Math.cos(randomTheta),

package/esm/Plugins/Emitters/Shapes/Square/SquareShape.d.ts

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../../../../Core";
+import type { ICoordinates, IDimension } from "../../../../Core";
 import type { IEmitterShape } from "../../IEmitterShape";
 export declare class SquareShape implements IEmitterShape {
-    randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
+    randomPosition(position: ICoordinates, size: IDimension, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Shapes/Square/SquareShape.js

@@ -2,15 +2,15 @@ function randomSquareCoordinate(position, offset) {
     return position + offset * (Math.random() - 0.5);
 }
 export class SquareShape {
-    randomPosition(position, offset, fill) {
+    randomPosition(position, size, fill) {
         if (fill) {
             return {
-                x: randomSquareCoordinate(position.x, offset.x),
-                y: randomSquareCoordinate(position.y, offset.y),
+                x: randomSquareCoordinate(position.x, size.width),
+                y: randomSquareCoordinate(position.y, size.height),
             };
         }
         else {
-            const halfW = offset.x / 2, halfH = offset.y / 2, side = Math.floor(Math.random() * 4), v = (Math.random() - 0.5) * 2;
+            const halfW = size.width / 2, halfH = size.height / 2, side = Math.floor(Math.random() * 4), v = (Math.random() - 0.5) * 2;
             switch (side) {
                 case 0:
                     return {

package/esm/Plugins/Emitters/index.d.ts

@@ -1,3 +1,3 @@
-import { EmittersMain } from "./EmittersMain";
-export declare function loadEmittersPlugin(engine: EmittersMain): Promise<void>;
-export * from "./EmittersMain";
+import { EmittersEngine } from "./EmittersEngine";
+export declare function loadEmittersPlugin(engine: EmittersEngine): Promise<void>;
+export * from "./EmittersEngine";

package/esm/Plugins/Emitters/index.js

@@ -1,3 +1,15 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _EmittersPlugin_engine;
 import { CircleShape } from "./Shapes/Circle/CircleShape";
 import { Emitter } from "./Options/Classes/Emitter";
 import { Emitters } from "./Emitters";
@@ -5,11 +17,13 @@ import { ShapeManager } from "./ShapeManager";
 import { SquareShape } from "./Shapes/Square/SquareShape";
 import { isInArray } from "../../Utils";
 class EmittersPlugin {
-    constructor() {
+    constructor(engine) {
+        _EmittersPlugin_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _EmittersPlugin_engine, engine, "f");
         this.id = "emitters";
     }
     getPlugin(container) {
-        return new Emitters(container);
+        return new Emitters(__classPrivateFieldGet(this, _EmittersPlugin_engine, "f"), container);
     }
     needsPlugin(options) {
         var _a, _b, _c;
@@ -63,15 +77,20 @@ class EmittersPlugin {
         }
     }
 }
+_EmittersPlugin_engine = new WeakMap();
 export async function loadEmittersPlugin(engine) {
-    const plugin = new EmittersPlugin();
-    await engine.addPlugin(plugin);
+    if (!engine.emitterShapeManager) {
+        engine.emitterShapeManager = new ShapeManager(engine);
+    }
     if (!engine.addEmitterShape) {
         engine.addEmitterShape = (name, shape) => {
-            ShapeManager.addShape(name, shape);
+            var _a;
+            (_a = engine.emitterShapeManager) === null || _a === void 0 ? void 0 : _a.addShape(name, shape);
         };
     }
+    const plugin = new EmittersPlugin(engine);
+    await engine.addPlugin(plugin);
     engine.addEmitterShape("circle", new CircleShape());
     engine.addEmitterShape("square", new SquareShape());
 }
-export * from "./EmittersMain";
+export * from "./EmittersEngine";

package/esm/engine.d.ts

@@ -1,8 +1,11 @@
 import type { Container, IInteractor, IMovePathGenerator, IParticleUpdater, IPlugin, IShapeDrawer, Particle } from "./Core";
+import { Plugins } from "./Core";
 import type { RecursivePartial, ShapeDrawerAfterEffectFunction, ShapeDrawerDestroyFunction, ShapeDrawerDrawFunction, ShapeDrawerInitFunction, SingleOrMultiple } from "./Types";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 export declare class Engine {
     #private;
+    readonly domArray: Container[];
+    readonly plugins: Plugins;
     constructor();
     init(): void;
     loadFromArray(tagId: string, options: RecursivePartial<IOptions>[], index?: number): Promise<Container | undefined>;

package/esm/engine.js

@@ -9,12 +9,16 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Engine_initialized;
+var _Engine_initialized, _Engine_loader;
 import { Loader, Plugins } from "./Core";
 export class Engine {
     constructor() {
         _Engine_initialized.set(this, void 0);
+        _Engine_loader.set(this, void 0);
         __classPrivateFieldSet(this, _Engine_initialized, false, "f");
+        this.domArray = [];
+        __classPrivateFieldSet(this, _Engine_loader, new Loader(this), "f");
+        this.plugins = new Plugins(this);
     }
     init() {
         if (!__classPrivateFieldGet(this, _Engine_initialized, "f")) {
@@ -22,28 +26,28 @@ export class Engine {
         }
     }
     async loadFromArray(tagId, options, index) {
-        return Loader.load(tagId, options, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options, index);
     }
     async load(tagId, options) {
-        return Loader.load(tagId, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options);
     }
     async set(id, element, options) {
-        return Loader.set(id, element, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").set(id, element, options);
     }
     async loadJSON(tagId, pathConfigJson, index) {
-        return Loader.loadJSON(tagId, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").loadJSON(tagId, pathConfigJson, index);
     }
     async setJSON(id, element, pathConfigJson, index) {
-        return Loader.setJSON(id, element, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").setJSON(id, element, pathConfigJson, index);
     }
     setOnClickHandler(callback) {
-        Loader.setOnClickHandler(callback);
+        __classPrivateFieldGet(this, _Engine_loader, "f").setOnClickHandler(callback);
     }
     dom() {
-        return Loader.dom();
+        return __classPrivateFieldGet(this, _Engine_loader, "f").dom();
     }
     domItem(index) {
-        return Loader.domItem(index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").domItem(index);
     }
     async refresh() {
         for (const instance of this.dom()) {
@@ -63,28 +67,28 @@ export class Engine {
         else {
             customDrawer = drawer;
         }
-        Plugins.addShapeDrawer(shape, customDrawer);
+        this.plugins.addShapeDrawer(shape, customDrawer);
         await this.refresh();
     }
     async addPreset(preset, options, override = false) {
-        Plugins.addPreset(preset, options, override);
+        this.plugins.addPreset(preset, options, override);
         await this.refresh();
     }
     async addPlugin(plugin) {
-        Plugins.addPlugin(plugin);
+        this.plugins.addPlugin(plugin);
         await this.refresh();
     }
     async addPathGenerator(name, generator) {
-        Plugins.addPathGenerator(name, generator);
+        this.plugins.addPathGenerator(name, generator);
         await this.refresh();
     }
     async addInteractor(name, interactorInitializer) {
-        Plugins.addInteractor(name, interactorInitializer);
+        this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
     }
     async addParticleUpdater(name, updaterInitializer) {
-        Plugins.addParticleUpdater(name, updaterInitializer);
+        this.plugins.addParticleUpdater(name, updaterInitializer);
         await this.refresh();
     }
 }
-_Engine_initialized = new WeakMap();
+_Engine_initialized = new WeakMap(), _Engine_loader = new WeakMap();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "1.39.2",
+  "version": "1.40.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": {
@@ -60,14 +60,19 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/matteobruni"
-  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
   "main": "index.js",
   "module": "esm/index.js",
   "jsdelivr": "tsparticles.min.js",
   "unpkg": "tsparticles.min.js",
-  "browser": "index.js",
   "types": "index.d.ts"
 }