tsparticles 1.39.3 → 1.41.0

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

@@ -32,6 +32,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/browser/Plugins/Emitters/Options/Interfaces/IEmitter.d.ts

@@ -25,6 +25,10 @@ export interface IEmitter {
      * The direction of the emitted particles, [[MoveDirection]] is the enum used for values
      */
     direction?: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;
+    /**
+     * Using this id to link the emitter to an HTML element
+     */
+    domId?: string;
     /**
      * Sets if the particles will spawn at the emitter perimeter or inside the area
      */

package/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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:
                     // top-left

package/browser/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/browser/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";
@@ -8,11 +20,13 @@ import { isInArray } from "../../Utils";
  * @category Emitters Plugin
  */
 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;
@@ -66,15 +80,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" /* circle */, new CircleShape());
     engine.addEmitterShape("square" /* square */, new SquareShape());
 }
-export * from "./EmittersMain";
+export * from "./EmittersEngine";

package/browser/engine.d.ts

@@ -1,13 +1,17 @@
 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";
 /**
  * Engine class for creating the singleton on window.
- * It's a singleton proxy to the static [[Loader]] class for initializing [[Container]] instances
+ * It's a singleton proxy to the Loader class for initializing [[Container]] instances,
+ * and for Plugins class responsible for every external feature
  * @category Engine
  */
 export declare class Engine {
     #private;
+    readonly domArray: Container[];
+    readonly plugins: Plugins;
     constructor();
     /**
      * init method, used by imports

package/browser/engine.js

@@ -9,17 +9,22 @@ 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";
 /**
  * Engine class for creating the singleton on window.
- * It's a singleton proxy to the static [[Loader]] class for initializing [[Container]] instances
+ * It's a singleton proxy to the Loader class for initializing [[Container]] instances,
+ * and for Plugins class responsible for every external feature
  * @category Engine
  */
 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 method, used by imports
@@ -37,7 +42,7 @@ export class Engine {
      * @returns A Promise with the [[Container]] object created
      */
     async loadFromArray(tagId, options, index) {
-        return Loader.load(tagId, options, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options, index);
     }
     /**
      * Loads the provided options to create a [[Container]] object.
@@ -46,7 +51,7 @@ export class Engine {
      * @returns A Promise with the [[Container]] object created
      */
     async load(tagId, options) {
-        return Loader.load(tagId, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options);
     }
     /**
      * Loads the provided option to create a [[Container]] object using the element parameter as a container
@@ -55,7 +60,7 @@ export class Engine {
      * @param options The options object to initialize the [[Container]]
      */
     async set(id, element, options) {
-        return Loader.set(id, element, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").set(id, element, options);
     }
     /**
      * Loads the provided json with a GET request. The content will be used to create a [[Container]] object.
@@ -66,7 +71,7 @@ export class Engine {
      * @returns A Promise with the [[Container]] object created
      */
     async loadJSON(tagId, pathConfigJson, index) {
-        return Loader.loadJSON(tagId, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").loadJSON(tagId, pathConfigJson, index);
     }
     /**
      * Loads the provided option to create a [[Container]] object using the element parameter as a container
@@ -77,21 +82,21 @@ export class Engine {
      * @returns A Promise with the [[Container]] object created
      */
     async setJSON(id, element, pathConfigJson, index) {
-        return Loader.setJSON(id, element, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").setJSON(id, element, pathConfigJson, index);
     }
     /**
      * Adds an additional click handler to all the loaded [[Container]] objects.
      * @param callback The function called after the click event is fired
      */
     setOnClickHandler(callback) {
-        Loader.setOnClickHandler(callback);
+        __classPrivateFieldGet(this, _Engine_loader, "f").setOnClickHandler(callback);
     }
     /**
      * All the [[Container]] objects loaded
      * @returns All the [[Container]] objects loaded
      */
     dom() {
-        return Loader.dom();
+        return __classPrivateFieldGet(this, _Engine_loader, "f").dom();
     }
     /**
      * Retrieves a [[Container]] from all the objects loaded
@@ -99,7 +104,7 @@ export class Engine {
      * @returns The [[Container]] object at specified index, if present or not destroyed, otherwise undefined
      */
     domItem(index) {
-        return Loader.domItem(index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").domItem(index);
     }
     /**
      * Reloads all existing tsParticles loaded instances
@@ -130,7 +135,7 @@ export class Engine {
         else {
             customDrawer = drawer;
         }
-        Plugins.addShapeDrawer(shape, customDrawer);
+        this.plugins.addShapeDrawer(shape, customDrawer);
         await this.refresh();
     }
     /**
@@ -140,7 +145,7 @@ export class Engine {
      * @param override if true, the preset will override any existing with the same name
      */
     async addPreset(preset, options, override = false) {
-        Plugins.addPreset(preset, options, override);
+        this.plugins.addPreset(preset, options, override);
         await this.refresh();
     }
     /**
@@ -148,7 +153,7 @@ export class Engine {
      * @param plugin the plugin implementation of [[IPlugin]]
      */
     async addPlugin(plugin) {
-        Plugins.addPlugin(plugin);
+        this.plugins.addPlugin(plugin);
         await this.refresh();
     }
     /**
@@ -157,7 +162,7 @@ export class Engine {
      * @param generator the path generator object
      */
     async addPathGenerator(name, generator) {
-        Plugins.addPathGenerator(name, generator);
+        this.plugins.addPathGenerator(name, generator);
         await this.refresh();
     }
     /**
@@ -166,7 +171,7 @@ export class Engine {
      * @param interactorInitializer
      */
     async addInteractor(name, interactorInitializer) {
-        Plugins.addInteractor(name, interactorInitializer);
+        this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
     }
     /**
@@ -175,8 +180,8 @@ export class Engine {
      * @param updaterInitializer
      */
     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/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/engine.js

@@ -10,14 +10,18 @@ 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;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Engine = void 0;
 const Core_1 = require("./Core");
 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 Core_1.Loader(this), "f");
+        this.plugins = new Core_1.Plugins(this);
     }
     init() {
         if (!__classPrivateFieldGet(this, _Engine_initialized, "f")) {
@@ -25,28 +29,28 @@ class Engine {
         }
     }
     async loadFromArray(tagId, options, index) {
-        return Core_1.Loader.load(tagId, options, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options, index);
     }
     async load(tagId, options) {
-        return Core_1.Loader.load(tagId, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options);
     }
     async set(id, element, options) {
-        return Core_1.Loader.set(id, element, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").set(id, element, options);
     }
     async loadJSON(tagId, pathConfigJson, index) {
-        return Core_1.Loader.loadJSON(tagId, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").loadJSON(tagId, pathConfigJson, index);
     }
     async setJSON(id, element, pathConfigJson, index) {
-        return Core_1.Loader.setJSON(id, element, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").setJSON(id, element, pathConfigJson, index);
     }
     setOnClickHandler(callback) {
-        Core_1.Loader.setOnClickHandler(callback);
+        __classPrivateFieldGet(this, _Engine_loader, "f").setOnClickHandler(callback);
     }
     dom() {
-        return Core_1.Loader.dom();
+        return __classPrivateFieldGet(this, _Engine_loader, "f").dom();
     }
     domItem(index) {
-        return Core_1.Loader.domItem(index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").domItem(index);
     }
     async refresh() {
         for (const instance of this.dom()) {
@@ -66,29 +70,29 @@ class Engine {
         else {
             customDrawer = drawer;
         }
-        Core_1.Plugins.addShapeDrawer(shape, customDrawer);
+        this.plugins.addShapeDrawer(shape, customDrawer);
         await this.refresh();
     }
     async addPreset(preset, options, override = false) {
-        Core_1.Plugins.addPreset(preset, options, override);
+        this.plugins.addPreset(preset, options, override);
         await this.refresh();
     }
     async addPlugin(plugin) {
-        Core_1.Plugins.addPlugin(plugin);
+        this.plugins.addPlugin(plugin);
         await this.refresh();
     }
     async addPathGenerator(name, generator) {
-        Core_1.Plugins.addPathGenerator(name, generator);
+        this.plugins.addPathGenerator(name, generator);
         await this.refresh();
     }
     async addInteractor(name, interactorInitializer) {
-        Core_1.Plugins.addInteractor(name, interactorInitializer);
+        this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
     }
     async addParticleUpdater(name, updaterInitializer) {
-        Core_1.Plugins.addParticleUpdater(name, updaterInitializer);
+        this.plugins.addParticleUpdater(name, updaterInitializer);
         await this.refresh();
     }
 }
 exports.Engine = Engine;
-_Engine_initialized = new WeakMap();
+_Engine_initialized = new WeakMap(), _Engine_loader = new WeakMap();

package/esm/Core/Container.d.ts

@@ -1,6 +1,7 @@
 import { FrameManager, Vector } from "./Utils";
 import type { IAttract, IBubble, IContainerInteractivity, IContainerPlugin, IMovePathGenerator, IRepulse, IShapeDrawer } from "./Interfaces";
 import { Canvas } from "./Canvas";
+import type { Engine } from "../engine";
 import type { IOptions } from "../Options/Interfaces/IOptions";
 import { Options } from "../Options/Classes/Options";
 import { Particle } from "./Particle";
@@ -8,6 +9,7 @@ import { Particles } from "./Particles";
 import type { RecursivePartial } from "../Types";
 import { Retina } from "./Retina";
 export declare class Container {
+    #private;
     readonly id: string;
     started: boolean;
     destroyed: boolean;
@@ -32,7 +34,7 @@ export declare class Container {
     readonly drawer: FrameManager;
     readonly drawers: Map<string, IShapeDrawer>;
     readonly plugins: Map<string, IContainerPlugin>;
-    readonly pathGenerator: IMovePathGenerator;
+    pathGenerator: IMovePathGenerator;
     private _options;
     private _sourceOptions;
     private readonly _initialSourceOptions;
@@ -43,7 +45,7 @@ export declare class Container {
     private readonly presets;
     private readonly eventListeners;
     private readonly intersectionObserver?;
-    constructor(id: string, sourceOptions?: RecursivePartial<IOptions>, ...presets: string[]);
+    constructor(engine: Engine, id: string, sourceOptions?: RecursivePartial<IOptions>, ...presets: string[]);
     play(force?: boolean): void;
     pause(): void;
     draw(force: boolean): void;

package/esm/Core/Container.js

@@ -1,12 +1,26 @@
-import { EventListeners, FrameManager, Plugins, Vector } from "./Utils";
+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 _Container_engine;
+import { EventListeners, FrameManager, Vector } from "./Utils";
 import { animate, cancelAnimation, getRangeValue } from "../Utils";
 import { Canvas } from "./Canvas";
 import { Options } from "../Options/Classes/Options";
 import { Particles } from "./Particles";
 import { Retina } from "./Retina";
 export class Container {
-    constructor(id, sourceOptions, ...presets) {
+    constructor(engine, id, sourceOptions, ...presets) {
         this.id = id;
+        _Container_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Container_engine, engine, "f");
         this.fpsLimit = 120;
         this.duration = 0;
         this.lifeTime = 0;
@@ -21,7 +35,7 @@ export class Container {
         this._initialSourceOptions = sourceOptions;
         this.retina = new Retina(this);
         this.canvas = new Canvas(this);
-        this.particles = new Particles(this);
+        this.particles = new Particles(__classPrivateFieldGet(this, _Container_engine, "f"), this);
         this.drawer = new FrameManager(this);
         this.presets = presets;
         this.pathGenerator = {
@@ -48,8 +62,8 @@ export class Container {
         this.plugins = new Map();
         this.drawers = new Map();
         this.density = 1;
-        this._options = new Options();
-        this.actualOptions = new Options();
+        this._options = new Options(__classPrivateFieldGet(this, _Container_engine, "f"));
+        this.actualOptions = new Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         this.eventListeners = new EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
             this.intersectionObserver = new IntersectionObserver((entries) => this.intersectionManager(entries));
@@ -113,6 +127,7 @@ export class Container {
         this.setPath(noiseOrGenerator, init, update);
     }
     setPath(pathOrGenerator, init, update) {
+        var _a, _b, _c;
         if (!pathOrGenerator) {
             return;
         }
@@ -126,15 +141,11 @@ export class Container {
             }
         }
         else {
-            if (pathOrGenerator.generate) {
-                this.pathGenerator.generate = pathOrGenerator.generate;
-            }
-            if (pathOrGenerator.init) {
-                this.pathGenerator.init = pathOrGenerator.init;
-            }
-            if (pathOrGenerator.update) {
-                this.pathGenerator.update = pathOrGenerator.update;
-            }
+            const oldGenerator = this.pathGenerator;
+            this.pathGenerator = pathOrGenerator;
+            (_a = this.pathGenerator).generate || (_a.generate = oldGenerator.generate);
+            (_b = this.pathGenerator).init || (_b.init = oldGenerator.init);
+            (_c = this.pathGenerator).update || (_c.update = oldGenerator.update);
         }
     }
     destroy() {
@@ -165,7 +176,7 @@ export class Container {
         return this.start();
     }
     reset() {
-        this._options = new Options();
+        this._options = new Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
     }
     stop() {
@@ -307,20 +318,20 @@ export class Container {
         return false;
     }
     async init() {
-        this._options = new Options();
+        this._options = new Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         for (const preset of this.presets) {
-            this._options.load(Plugins.getPreset(preset));
+            this._options.load(__classPrivateFieldGet(this, _Container_engine, "f").plugins.getPreset(preset));
         }
-        const shapes = Plugins.getSupportedShapes();
+        const shapes = __classPrivateFieldGet(this, _Container_engine, "f").plugins.getSupportedShapes();
         for (const type of shapes) {
-            const drawer = Plugins.getShapeDrawer(type);
+            const drawer = __classPrivateFieldGet(this, _Container_engine, "f").plugins.getShapeDrawer(type);
             if (drawer) {
                 this.drawers.set(type, drawer);
             }
         }
         this._options.load(this._initialSourceOptions);
         this._options.load(this._sourceOptions);
-        this.actualOptions = new Options();
+        this.actualOptions = new Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         this.actualOptions.load(this._options);
         this.retina.init();
         this.canvas.init();
@@ -331,7 +342,7 @@ export class Container {
         this.duration = getRangeValue(this.actualOptions.duration);
         this.lifeTime = 0;
         this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
-        const availablePlugins = Plugins.getAvailablePlugins(this);
+        const availablePlugins = __classPrivateFieldGet(this, _Container_engine, "f").plugins.getAvailablePlugins(this);
         for (const [id, plugin] of availablePlugins) {
             this.plugins.set(id, plugin);
         }
@@ -350,18 +361,7 @@ export class Container {
         }
         const pathOptions = this.actualOptions.particles.move.path;
         if (pathOptions.generator) {
-            const customGenerator = Plugins.getPathGenerator(pathOptions.generator);
-            if (customGenerator) {
-                if (customGenerator.init) {
-                    this.pathGenerator.init = customGenerator.init;
-                }
-                if (customGenerator.generate) {
-                    this.pathGenerator.generate = customGenerator.generate;
-                }
-                if (customGenerator.update) {
-                    this.pathGenerator.update = customGenerator.update;
-                }
-            }
+            this.setPath(__classPrivateFieldGet(this, _Container_engine, "f").plugins.getPathGenerator(pathOptions.generator));
         }
         this.particles.init();
         this.particles.setDensity();
@@ -388,3 +388,4 @@ export class Container {
         }
     }
 }
+_Container_engine = new WeakMap();