tsparticles 1.39.3 → 1.41.0

package/Core/Utils/Plugins.js

@@ -1,26 +1,37 @@
 "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 _Plugins_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Plugins = void 0;
-const plugins = [];
-const interactorsInitializers = new Map();
-const updatersInitializers = new Map();
-const interactors = new Map();
-const updaters = new Map();
-const presets = new Map();
-const drawers = new Map();
-const pathGenerators = new Map();
 class Plugins {
-    static getPlugin(plugin) {
-        return plugins.find((t) => t.id === plugin);
+    constructor(engine) {
+        _Plugins_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Plugins_engine, engine, "f");
+        this.plugins = [];
+        this.interactorsInitializers = new Map();
+        this.updatersInitializers = new Map();
+        this.interactors = new Map();
+        this.updaters = new Map();
+        this.presets = new Map();
+        this.drawers = new Map();
+        this.pathGenerators = new Map();
     }
-    static addPlugin(plugin) {
-        if (!Plugins.getPlugin(plugin.id)) {
-            plugins.push(plugin);
+    getPlugin(plugin) {
+        return this.plugins.find((t) => t.id === plugin);
+    }
+    addPlugin(plugin) {
+        if (!this.getPlugin(plugin.id)) {
+            this.plugins.push(plugin);
         }
     }
-    static getAvailablePlugins(container) {
+    getAvailablePlugins(container) {
         const res = new Map();
-        for (const plugin of plugins) {
+        for (const plugin of this.plugins) {
             if (!plugin.needsPlugin(container.actualOptions)) {
                 continue;
             }
@@ -28,59 +39,60 @@ class Plugins {
         }
         return res;
     }
-    static loadOptions(options, sourceOptions) {
-        for (const plugin of plugins) {
+    loadOptions(options, sourceOptions) {
+        for (const plugin of this.plugins) {
             plugin.loadOptions(options, sourceOptions);
         }
     }
-    static getPreset(preset) {
-        return presets.get(preset);
+    getPreset(preset) {
+        return this.presets.get(preset);
     }
-    static addPreset(presetKey, options, override = false) {
-        if (override || !Plugins.getPreset(presetKey)) {
-            presets.set(presetKey, options);
+    addPreset(presetKey, options, override = false) {
+        if (override || !this.getPreset(presetKey)) {
+            this.presets.set(presetKey, options);
         }
     }
-    static addShapeDrawer(type, drawer) {
-        if (!Plugins.getShapeDrawer(type)) {
-            drawers.set(type, drawer);
+    addShapeDrawer(type, drawer) {
+        if (!this.getShapeDrawer(type)) {
+            this.drawers.set(type, drawer);
         }
     }
-    static getShapeDrawer(type) {
-        return drawers.get(type);
+    getShapeDrawer(type) {
+        return this.drawers.get(type);
     }
-    static getSupportedShapes() {
-        return drawers.keys();
+    getSupportedShapes() {
+        return this.drawers.keys();
     }
-    static getPathGenerator(type) {
-        return pathGenerators.get(type);
+    getPathGenerator(type) {
+        return this.pathGenerators.get(type);
     }
-    static addPathGenerator(type, pathGenerator) {
-        if (!Plugins.getPathGenerator(type)) {
-            pathGenerators.set(type, pathGenerator);
+    addPathGenerator(type, pathGenerator) {
+        if (!this.getPathGenerator(type)) {
+            this.pathGenerators.set(type, pathGenerator);
         }
     }
-    static getInteractors(container, force = false) {
-        let res = interactors.get(container);
+    getInteractors(container, force = false) {
+        let res = this.interactors.get(container);
         if (!res || force) {
-            res = [...interactorsInitializers.values()].map((t) => t(container));
-            interactors.set(container, res);
+            res = [...this.interactorsInitializers.values()].map((t) => t(container));
+            this.interactors.set(container, res);
         }
         return res;
     }
-    static addInteractor(name, initInteractor) {
-        interactorsInitializers.set(name, initInteractor);
+    addInteractor(name, initInteractor) {
+        this.interactorsInitializers.set(name, initInteractor);
     }
-    static getUpdaters(container, force = false) {
-        let res = updaters.get(container);
+    getUpdaters(container, force = false) {
+        let res = this.updaters.get(container);
         if (!res || force) {
-            res = [...updatersInitializers.values()].map((t) => t(container));
-            updaters.set(container, res);
+            res = [...this.updatersInitializers.values()].map((t) => t(container));
+            this.updaters.set(container, res);
         }
         return res;
     }
-    static addParticleUpdater(name, initUpdater) {
-        updatersInitializers.set(name, initUpdater);
+    addParticleUpdater(name, initUpdater) {
+        this.updatersInitializers.set(name, initUpdater);
     }
 }
 exports.Plugins = Plugins;
+_Plugins_engine = new WeakMap();

package/Options/Classes/Options.d.ts

@@ -1,6 +1,7 @@
 import type { RangeValue, RecursivePartial } from "../../Types";
 import { Background } from "./Background/Background";
 import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
+import type { Engine } from "../../engine";
 import { FullScreen } from "./FullScreen/FullScreen";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import type { IOptions } from "../Interfaces/IOptions";
@@ -39,7 +40,7 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     defaultDarkTheme?: string;
     defaultLightTheme?: string;
     [name: string]: unknown;
-    constructor();
+    constructor(engine: Engine);
     load(data?: RecursivePartial<IOptions>): void;
     setTheme(name?: string): void;
     setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): number | undefined;

package/Options/Classes/Options.js

@@ -1,10 +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 _Options_instances, _Options_findDefaultTheme;
+var _Options_instances, _Options_engine, _Options_findDefaultTheme;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Options = void 0;
 const Background_1 = require("./Background/Background");
@@ -14,13 +20,14 @@ const Interactivity_1 = require("./Interactivity/Interactivity");
 const ManualParticle_1 = require("./ManualParticle");
 const Motion_1 = require("./Motion/Motion");
 const ParticlesOptions_1 = require("./Particles/ParticlesOptions");
-const Core_1 = require("../../Core");
 const Responsive_1 = require("./Responsive");
 const Theme_1 = require("./Theme/Theme");
 const Utils_1 = require("../../Utils");
 class Options {
-    constructor() {
+    constructor(engine) {
         _Options_instances.add(this);
+        _Options_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _Options_engine, engine, "f");
         this.autoPlay = true;
         this.background = new Background_1.Background();
         this.backgroundMask = new BackgroundMask_1.BackgroundMask();
@@ -115,7 +122,7 @@ class Options {
         this.motion.load(data.motion);
         this.particles.load(data.particles);
         this.style = (0, Utils_1.deepExtend)(this.style, data.style);
-        Core_1.Plugins.loadOptions(this, data);
+        __classPrivateFieldGet(this, _Options_engine, "f").plugins.loadOptions(this, data);
         if (data.responsive !== undefined) {
             for (const responsive of data.responsive) {
                 const optResponsive = new Responsive_1.Responsive();
@@ -157,11 +164,11 @@ class Options {
         return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
     }
     importPreset(preset) {
-        this.load(Core_1.Plugins.getPreset(preset));
+        this.load(__classPrivateFieldGet(this, _Options_engine, "f").plugins.getPreset(preset));
     }
 }
 exports.Options = Options;
-_Options_instances = new WeakSet(), _Options_findDefaultTheme = function _Options_findDefaultTheme(mode) {
+_Options_engine = new WeakMap(), _Options_instances = new WeakSet(), _Options_findDefaultTheme = function _Options_findDefaultTheme(mode) {
     var _a;
     return ((_a = this.themes.find((theme) => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
 };

package/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/Plugins/Emitters/EmitterInstance.js

@@ -10,21 +10,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 _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
+var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterInstance_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmitterInstance = void 0;
 const Utils_1 = require("../../Utils");
 const Emitter_1 = require("./Options/Classes/Emitter");
 const EmitterSize_1 = require("./Options/Classes/EmitterSize");
-const ShapeManager_1 = require("./ShapeManager");
 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;
@@ -37,9 +38,8 @@ 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_1.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");
@@ -155,6 +155,40 @@ 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) {
@@ -190,15 +224,8 @@ 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 = (0, Utils_1.deepExtend)({}, this.particlesOptions);
             if (this.spawnColor) {
@@ -217,7 +244,10 @@ 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);
         }
     }
@@ -235,4 +265,4 @@ class EmitterInstance {
     }
 }
 exports.EmitterInstance = EmitterInstance;
-_EmitterInstance_firstSpawn = new WeakMap(), _EmitterInstance_startParticlesAdded = new WeakMap();
+_EmitterInstance_firstSpawn = new WeakMap(), _EmitterInstance_startParticlesAdded = new WeakMap(), _EmitterInstance_engine = new WeakMap();

package/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/Plugins/Emitters/Emitters.js

@@ -1,12 +1,26 @@
 "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 _Emitters_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Emitters = void 0;
 const Utils_1 = require("../../Utils");
 const Emitter_1 = require("./Options/Classes/Emitter");
 const EmitterInstance_1 = require("./EmitterInstance");
 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 = [];
@@ -124,7 +138,7 @@ class Emitters {
     addEmitter(options, position) {
         const emitterOptions = new Emitter_1.Emitter();
         emitterOptions.load(options);
-        const emitter = new EmitterInstance_1.EmitterInstance(this, this.container, emitterOptions, position);
+        const emitter = new EmitterInstance_1.EmitterInstance(__classPrivateFieldGet(this, _Emitters_engine, "f"), this, this.container, emitterOptions, position);
         this.array.push(emitter);
         return emitter;
     }
@@ -136,3 +150,4 @@ class Emitters {
     }
 }
 exports.Emitters = Emitters;
+_Emitters_engine = new WeakMap();

package/Plugins/Emitters/{EmittersMain.d.ts → 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/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/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/Plugins/Emitters/Options/Classes/Emitter.js

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

package/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/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/Plugins/Emitters/ShapeManager.js

@@ -1,18 +1,30 @@
 "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 _ShapeManager_engine;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShapeManager = void 0;
 const shapes = new Map();
 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();
     }
 }
 exports.ShapeManager = ShapeManager;
+_ShapeManager_engine = new WeakMap();

package/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/Plugins/Emitters/Shapes/Circle/CircleShape.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircleShape = void 0;
 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));
@@ -21,7 +21,7 @@ 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/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/Plugins/Emitters/Shapes/Square/SquareShape.js

@@ -5,15 +5,15 @@ function randomSquareCoordinate(position, offset) {
     return position + offset * (Math.random() - 0.5);
 }
 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/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";