tsparticles 1.39.3 → 1.41.0

package/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/Core/Container.js

@@ -1,4 +1,16 @@
 "use strict";
+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;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
 const Utils_1 = require("./Utils");
@@ -8,8 +20,10 @@ const Options_1 = require("../Options/Classes/Options");
 const Particles_1 = require("./Particles");
 const Retina_1 = require("./Retina");
 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;
@@ -24,7 +38,7 @@ class Container {
         this._initialSourceOptions = sourceOptions;
         this.retina = new Retina_1.Retina(this);
         this.canvas = new Canvas_1.Canvas(this);
-        this.particles = new Particles_1.Particles(this);
+        this.particles = new Particles_1.Particles(__classPrivateFieldGet(this, _Container_engine, "f"), this);
         this.drawer = new Utils_1.FrameManager(this);
         this.presets = presets;
         this.pathGenerator = {
@@ -51,8 +65,8 @@ class Container {
         this.plugins = new Map();
         this.drawers = new Map();
         this.density = 1;
-        this._options = new Options_1.Options();
-        this.actualOptions = new Options_1.Options();
+        this._options = new Options_1.Options(__classPrivateFieldGet(this, _Container_engine, "f"));
+        this.actualOptions = new Options_1.Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         this.eventListeners = new Utils_1.EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
             this.intersectionObserver = new IntersectionObserver((entries) => this.intersectionManager(entries));
@@ -116,6 +130,7 @@ class Container {
         this.setPath(noiseOrGenerator, init, update);
     }
     setPath(pathOrGenerator, init, update) {
+        var _a, _b, _c;
         if (!pathOrGenerator) {
             return;
         }
@@ -129,15 +144,11 @@ 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() {
@@ -168,7 +179,7 @@ class Container {
         return this.start();
     }
     reset() {
-        this._options = new Options_1.Options();
+        this._options = new Options_1.Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
     }
     stop() {
@@ -310,20 +321,20 @@ class Container {
         return false;
     }
     async init() {
-        this._options = new Options_1.Options();
+        this._options = new Options_1.Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         for (const preset of this.presets) {
-            this._options.load(Utils_1.Plugins.getPreset(preset));
+            this._options.load(__classPrivateFieldGet(this, _Container_engine, "f").plugins.getPreset(preset));
         }
-        const shapes = Utils_1.Plugins.getSupportedShapes();
+        const shapes = __classPrivateFieldGet(this, _Container_engine, "f").plugins.getSupportedShapes();
         for (const type of shapes) {
-            const drawer = Utils_1.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_1.Options();
+        this.actualOptions = new Options_1.Options(__classPrivateFieldGet(this, _Container_engine, "f"));
         this.actualOptions.load(this._options);
         this.retina.init();
         this.canvas.init();
@@ -334,7 +345,7 @@ class Container {
         this.duration = (0, Utils_2.getRangeValue)(this.actualOptions.duration);
         this.lifeTime = 0;
         this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
-        const availablePlugins = Utils_1.Plugins.getAvailablePlugins(this);
+        const availablePlugins = __classPrivateFieldGet(this, _Container_engine, "f").plugins.getAvailablePlugins(this);
         for (const [id, plugin] of availablePlugins) {
             this.plugins.set(id, plugin);
         }
@@ -353,18 +364,7 @@ class Container {
         }
         const pathOptions = this.actualOptions.particles.move.path;
         if (pathOptions.generator) {
-            const customGenerator = Utils_1.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();
@@ -392,3 +392,4 @@ class Container {
     }
 }
 exports.Container = Container;
+_Container_engine = new WeakMap();

package/Core/Loader.d.ts

@@ -1,4 +1,5 @@
 import { Container } from "./Container";
+import type { Engine } from "../engine";
 import type { IOptions } from "../Options/Interfaces/IOptions";
 import type { Particle } from "./Particle";
 import type { RecursivePartial } from "../Types";
@@ -16,14 +17,16 @@ interface RemoteLoaderParams {
     url?: SingleOrMultiple<string>;
 }
 export declare class Loader {
-    static dom(): Container[];
-    static domItem(index: number): Container | undefined;
-    static loadOptions(params: LoaderParams): Promise<Container | undefined>;
-    static loadRemoteOptions(params: RemoteLoaderParams): Promise<Container | undefined>;
-    static load(tagId: string | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>> | number, index?: number): Promise<Container | undefined>;
-    static set(id: string | HTMLElement, domContainer: HTMLElement | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>> | number, index?: number): Promise<Container | undefined>;
-    static loadJSON(tagId: string | SingleOrMultiple<string>, jsonUrl?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
-    static setJSON(id: string | HTMLElement, domContainer: HTMLElement | SingleOrMultiple<string>, jsonUrl: SingleOrMultiple<string> | (number | undefined), index?: number): Promise<Container | undefined>;
-    static setOnClickHandler(callback: (evt: Event, particles?: Particle[]) => void): void;
+    #private;
+    constructor(engine: Engine);
+    dom(): Container[];
+    domItem(index: number): Container | undefined;
+    loadOptions(params: LoaderParams): Promise<Container | undefined>;
+    loadRemoteOptions(params: RemoteLoaderParams): Promise<Container | undefined>;
+    load(tagId: string | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>> | number, index?: number): Promise<Container | undefined>;
+    set(id: string | HTMLElement, domContainer: HTMLElement | SingleOrMultiple<RecursivePartial<IOptions>>, options?: SingleOrMultiple<RecursivePartial<IOptions>> | number, index?: number): Promise<Container | undefined>;
+    loadJSON(tagId: string | SingleOrMultiple<string>, jsonUrl?: SingleOrMultiple<string> | number, index?: number): Promise<Container | undefined>;
+    setJSON(id: string | HTMLElement, domContainer: HTMLElement | SingleOrMultiple<string>, jsonUrl: SingleOrMultiple<string> | (number | undefined), index?: number): Promise<Container | undefined>;
+    setOnClickHandler(callback: (evt: Event, particles?: Particle[]) => void): void;
 }
 export {};

package/Core/Loader.js

@@ -1,27 +1,42 @@
 "use strict";
+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 _Loader_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = void 0;
 const Utils_1 = require("./Utils");
 const Container_1 = require("./Container");
 const Utils_2 = require("../Utils");
-const tsParticlesDom = [];
 function fetchError(statusCode) {
     console.error(`Error tsParticles - fetch status: ${statusCode}`);
     console.error("Error tsParticles - File config not found");
 }
 class Loader {
-    static dom() {
-        return tsParticlesDom;
+    constructor(engine) {
+        _Loader_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Loader_engine, engine, "f");
     }
-    static domItem(index) {
-        const dom = Loader.dom();
+    dom() {
+        return __classPrivateFieldGet(this, _Loader_engine, "f").domArray;
+    }
+    domItem(index) {
+        const dom = this.dom();
         const item = dom[index];
         if (item && !item.destroyed) {
             return item;
         }
         dom.splice(index, 1);
     }
-    static async loadOptions(params) {
+    async loadOptions(params) {
         var _a, _b, _c;
         const tagId = (_a = params.tagId) !== null && _a !== void 0 ? _a : `tsparticles${Math.floor(Math.random() * 10000)}`;
         const { options, index } = params;
@@ -32,10 +47,10 @@ class Loader {
             (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
         }
         const currentOptions = options instanceof Array ? (0, Utils_2.itemFromArray)(options, index) : options;
-        const dom = Loader.dom();
+        const dom = this.dom();
         const oldIndex = dom.findIndex((v) => v.id === tagId);
         if (oldIndex >= 0) {
-            const old = Loader.domItem(oldIndex);
+            const old = this.domItem(oldIndex);
             if (old && !old.destroyed) {
                 old.destroy();
                 dom.splice(oldIndex, 1);
@@ -60,7 +75,7 @@ class Loader {
                 domContainer.appendChild(canvasEl);
             }
         }
-        const newItem = new Container_1.Container(tagId, currentOptions);
+        const newItem = new Container_1.Container(__classPrivateFieldGet(this, _Loader_engine, "f"), tagId, currentOptions);
         if (oldIndex >= 0) {
             dom.splice(oldIndex, 0, newItem);
         }
@@ -71,7 +86,7 @@ class Loader {
         await newItem.start();
         return newItem;
     }
-    static async loadRemoteOptions(params) {
+    async loadRemoteOptions(params) {
         const { url: jsonUrl, index } = params;
         const url = jsonUrl instanceof Array ? (0, Utils_2.itemFromArray)(jsonUrl, index) : jsonUrl;
         if (!url) {
@@ -83,14 +98,14 @@ class Loader {
             return;
         }
         const data = await response.json();
-        return await Loader.loadOptions({
+        return this.loadOptions({
             tagId: params.tagId,
             element: params.element,
             index,
             options: data,
         });
     }
-    static load(tagId, options, index) {
+    load(tagId, options, index) {
         const params = { index };
         if (typeof tagId === "string") {
             params.tagId = tagId;
@@ -106,7 +121,7 @@ class Loader {
         }
         return this.loadOptions(params);
     }
-    static async set(id, domContainer, options, index) {
+    async set(id, domContainer, options, index) {
         const params = { index };
         if (typeof id === "string") {
             params.tagId = id;
@@ -128,7 +143,7 @@ class Loader {
         }
         return this.loadOptions(params);
     }
-    static async loadJSON(tagId, jsonUrl, index) {
+    async loadJSON(tagId, jsonUrl, index) {
         let url, id;
         if (typeof jsonUrl === "number" || jsonUrl === undefined) {
             url = tagId;
@@ -137,9 +152,9 @@ class Loader {
             id = tagId;
             url = jsonUrl;
         }
-        return await Loader.loadRemoteOptions({ tagId: id, url, index });
+        return this.loadRemoteOptions({ tagId: id, url, index });
     }
-    static async setJSON(id, domContainer, jsonUrl, index) {
+    async setJSON(id, domContainer, jsonUrl, index) {
         let url, newId, newIndex, element;
         if (id instanceof HTMLElement) {
             element = id;
@@ -152,10 +167,10 @@ class Loader {
             url = jsonUrl;
             newIndex = index;
         }
-        return await Loader.loadRemoteOptions({ tagId: newId, url, index: newIndex, element });
+        return this.loadRemoteOptions({ tagId: newId, url, index: newIndex, element });
     }
-    static setOnClickHandler(callback) {
-        const dom = Loader.dom();
+    setOnClickHandler(callback) {
+        const dom = this.dom();
         if (dom.length === 0) {
             throw new Error("Can only set click handlers after calling tsParticles.load() or tsParticles.loadJSON()");
         }
@@ -165,3 +180,4 @@ class Loader {
     }
 }
 exports.Loader = Loader;
+_Loader_engine = new WeakMap();

package/Core/Particle.d.ts

@@ -2,11 +2,13 @@ import { ShapeType } from "../Enums";
 import type { IBubbleParticleData, ICoordinates, ICoordinates3d, IDelta, IHsl, IParticle, IParticleGradientAnimation, IParticleHslAnimation, IParticleLife, IParticleNumericValueAnimation, IParticleRetinaProps, IParticleRoll, IParticleSpin, IParticleTiltValueAnimation, IParticleValueAnimation, IParticleWobble, IRgb, IShapeValues } from "./Interfaces";
 import { Vector, Vector3d } from "./Utils";
 import type { Container } from "./Container";
+import type { Engine } from "../engine";
 import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
 import type { RecursivePartial } from "../Types";
 import type { Stroke } from "../Options/Classes/Particles/Stroke";
 export declare class Particle implements IParticle {
+    #private;
     readonly id: number;
     readonly container: Container;
     readonly group?: string | undefined;
@@ -49,7 +51,7 @@ export declare class Particle implements IParticle {
     readonly bubble: IBubbleParticleData;
     readonly zIndexFactor: number;
     readonly retina: IParticleRetinaProps;
-    constructor(id: number, container: Container, position?: ICoordinates, overrideOptions?: RecursivePartial<IParticles>, group?: string | undefined);
+    constructor(engine: Engine, id: number, container: Container, position?: ICoordinates, overrideOptions?: RecursivePartial<IParticles>, group?: string | undefined);
     isVisible(): boolean;
     isInsideCanvas(): boolean;
     draw(delta: IDelta): void;

package/Core/Particle.js

@@ -1,4 +1,16 @@
 "use strict";
+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 _Particle_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particle = void 0;
 const Utils_1 = require("./Utils");
@@ -16,11 +28,13 @@ const fixOutMode = (data) => {
     }
 };
 class Particle {
-    constructor(id, container, position, overrideOptions, group) {
+    constructor(engine, id, container, position, overrideOptions, group) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         this.id = id;
         this.container = container;
         this.group = group;
+        _Particle_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Particle_engine, engine, "f");
         this.fill = true;
         this.close = true;
         this.lastPathTime = 0;
@@ -118,7 +132,7 @@ class Particle {
         this.sides = 24;
         let drawer = container.drawers.get(this.shape);
         if (!drawer) {
-            drawer = Utils_1.Plugins.getShapeDrawer(this.shape);
+            drawer = __classPrivateFieldGet(this, _Particle_engine, "f").plugins.getShapeDrawer(this.shape);
             if (drawer) {
                 container.drawers.set(this.shape, drawer);
             }
@@ -367,3 +381,4 @@ class Particle {
     }
 }
 exports.Particle = Particle;
+_Particle_engine = new WeakMap();

package/Core/Particles.d.ts

@@ -1,10 +1,12 @@
 import type { ICoordinates, IDelta, IMouseData, IParticle, IRgb } from "./Interfaces";
 import { QuadTree } from "./Utils";
 import type { Container } from "./Container";
+import type { Engine } from "../engine";
 import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { Particle } from "./Particle";
 import type { RecursivePartial } from "../Types";
 export declare class Particles {
+    #private;
     private readonly container;
     get count(): number;
     quadTree: QuadTree;
@@ -22,7 +24,7 @@ export declare class Particles {
     private nextId;
     private readonly freqs;
     private readonly mover;
-    constructor(container: Container);
+    constructor(engine: Engine, container: Container);
     init(): void;
     redraw(): void;
     removeAt(index: number, quantity?: number, group?: string, override?: boolean): void;

package/Core/Particles.js

@@ -1,4 +1,16 @@
 "use strict";
+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 _Particles_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
 const Utils_1 = require("./Utils");
@@ -6,8 +18,10 @@ const Utils_2 = require("../Utils");
 const Particle_1 = require("./Particle");
 const ParticlesOptions_1 = require("../Options/Classes/Particles/ParticlesOptions");
 class Particles {
-    constructor(container) {
+    constructor(engine, container) {
         this.container = container;
+        _Particles_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Particles_engine, engine, "f");
         this.nextId = 0;
         this.array = [];
         this.zArray = [];
@@ -19,11 +33,11 @@ class Particles {
             links: new Map(),
             triangles: new Map(),
         };
-        this.interactionManager = new Utils_1.InteractionManager(container);
+        this.interactionManager = new Utils_1.InteractionManager(__classPrivateFieldGet(this, _Particles_engine, "f"), container);
         const canvasSize = this.container.canvas.size;
         this.linksColors = new Map();
         this.quadTree = new Utils_1.QuadTree(new Utils_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2), 4);
-        this.updaters = Utils_1.Plugins.getUpdaters(container, true);
+        this.updaters = __classPrivateFieldGet(this, _Particles_engine, "f").plugins.getUpdaters(container, true);
     }
     get count() {
         return this.array.length;
@@ -37,7 +51,7 @@ class Particles {
         this.freqs.links = new Map();
         this.freqs.triangles = new Map();
         let handled = false;
-        this.updaters = Utils_1.Plugins.getUpdaters(container, true);
+        this.updaters = __classPrivateFieldGet(this, _Particles_engine, "f").plugins.getUpdaters(container, true);
         this.interactionManager.init();
         for (const [, plugin] of container.plugins) {
             if (plugin.particlesInitialization !== undefined) {
@@ -284,7 +298,7 @@ class Particles {
     }
     pushParticle(position, overrideOptions, group, initializer) {
         try {
-            const particle = new Particle_1.Particle(this.nextId, this.container, position, overrideOptions, group);
+            const particle = new Particle_1.Particle(__classPrivateFieldGet(this, _Particles_engine, "f"), this.nextId, this.container, position, overrideOptions, group);
             let canAdd = true;
             if (initializer) {
                 canAdd = initializer(particle);
@@ -304,3 +318,4 @@ class Particles {
     }
 }
 exports.Particles = Particles;
+_Particles_engine = new WeakMap();

package/Core/Utils/InteractionManager.d.ts

@@ -1,11 +1,13 @@
 import type { IDelta } from "../Interfaces";
 import type { Container } from "../Container";
+import type { Engine } from "../../engine";
 import type { Particle } from "../Particle";
 export declare class InteractionManager {
+    #private;
     private readonly container;
     private externalInteractors;
     private particleInteractors;
-    constructor(container: Container);
+    constructor(engine: Engine, container: Container);
     init(): void;
     externalInteract(delta: IDelta): void;
     particlesInteract(particle: Particle, delta: IDelta): void;

package/Core/Utils/InteractionManager.js

@@ -1,16 +1,29 @@
 "use strict";
+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 _InteractionManager_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InteractionManager = void 0;
-const Utils_1 = require("../Utils");
 class InteractionManager {
-    constructor(container) {
+    constructor(engine, container) {
         this.container = container;
+        _InteractionManager_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _InteractionManager_engine, engine, "f");
         this.externalInteractors = [];
         this.particleInteractors = [];
         this.init();
     }
     init() {
-        const interactors = Utils_1.Plugins.getInteractors(this.container, true);
+        const interactors = __classPrivateFieldGet(this, _InteractionManager_engine, "f").plugins.getInteractors(this.container, true);
         this.externalInteractors = [];
         this.particleInteractors = [];
         for (const interactor of interactors) {
@@ -43,3 +56,4 @@ class InteractionManager {
     }
 }
 exports.InteractionManager = InteractionManager;
+_InteractionManager_engine = new WeakMap();

package/Core/Utils/Plugins.d.ts

@@ -1,22 +1,36 @@
 import type { IContainerPlugin, IInteractor, IMovePathGenerator, IParticleUpdater, IPlugin, IShapeDrawer } from "../Interfaces";
 import type { Container } from "../Container";
+import type { Engine } from "../../engine";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { Options } from "../../Options/Classes/Options";
 import type { RecursivePartial } from "../../Types";
+declare type InteractorInitializer = (container: Container) => IInteractor;
+declare type UpdaterInitializer = (container: Container) => IParticleUpdater;
 export declare class Plugins {
-    static getPlugin(plugin: string): IPlugin | undefined;
-    static addPlugin(plugin: IPlugin): void;
-    static getAvailablePlugins(container: Container): Map<string, IContainerPlugin>;
-    static loadOptions(options: Options, sourceOptions: RecursivePartial<IOptions>): void;
-    static getPreset(preset: string): RecursivePartial<IOptions> | undefined;
-    static addPreset(presetKey: string, options: RecursivePartial<IOptions>, override?: boolean): void;
-    static addShapeDrawer(type: string, drawer: IShapeDrawer): void;
-    static getShapeDrawer(type: string): IShapeDrawer | undefined;
-    static getSupportedShapes(): IterableIterator<string>;
-    static getPathGenerator(type: string): IMovePathGenerator | undefined;
-    static addPathGenerator(type: string, pathGenerator: IMovePathGenerator): void;
-    static getInteractors(container: Container, force?: boolean): IInteractor[];
-    static addInteractor(name: string, initInteractor: (container: Container) => IInteractor): void;
-    static getUpdaters(container: Container, force?: boolean): IParticleUpdater[];
-    static addParticleUpdater(name: string, initUpdater: (container: Container) => IParticleUpdater): void;
+    #private;
+    readonly plugins: IPlugin[];
+    readonly interactorsInitializers: Map<string, InteractorInitializer>;
+    readonly updatersInitializers: Map<string, UpdaterInitializer>;
+    readonly interactors: Map<Container, IInteractor[]>;
+    readonly updaters: Map<Container, IParticleUpdater[]>;
+    readonly presets: Map<string, RecursivePartial<IOptions>>;
+    readonly drawers: Map<string, IShapeDrawer>;
+    readonly pathGenerators: Map<string, IMovePathGenerator>;
+    constructor(engine: Engine);
+    getPlugin(plugin: string): IPlugin | undefined;
+    addPlugin(plugin: IPlugin): void;
+    getAvailablePlugins(container: Container): Map<string, IContainerPlugin>;
+    loadOptions(options: Options, sourceOptions: RecursivePartial<IOptions>): void;
+    getPreset(preset: string): RecursivePartial<IOptions> | undefined;
+    addPreset(presetKey: string, options: RecursivePartial<IOptions>, override?: boolean): void;
+    addShapeDrawer(type: string, drawer: IShapeDrawer): void;
+    getShapeDrawer(type: string): IShapeDrawer | undefined;
+    getSupportedShapes(): IterableIterator<string>;
+    getPathGenerator(type: string): IMovePathGenerator | undefined;
+    addPathGenerator(type: string, pathGenerator: IMovePathGenerator): void;
+    getInteractors(container: Container, force?: boolean): IInteractor[];
+    addInteractor(name: string, initInteractor: (container: Container) => IInteractor): void;
+    getUpdaters(container: Container, force?: boolean): IParticleUpdater[];
+    addParticleUpdater(name: string, initUpdater: (container: Container) => IParticleUpdater): void;
 }
+export {};