tsparticles 1.38.0 → 1.39.3

package/browser/Plugins/Absorbers/AbsorberInstance.js

@@ -1,39 +1,38 @@
 import { colorToRgb, getDistance, getDistances, getRangeValue, getStyleFromRgb, isPointInside } from "../../Utils";
-import { Vector } from "../../Core/Particle/Vector";
-import { RotateDirection } from "../../Enums";
+import { Absorber } from "./Options/Classes/Absorber";
+import { Vector } from "../../Core";
 /**
  * @category Absorbers Plugin
  */
 export class AbsorberInstance {
     constructor(absorbers, container, options, position) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
         this.absorbers = absorbers;
         this.container = container;
         this.initialPosition = position ? Vector.create(position.x, position.y) : undefined;
-        this.options = options;
+        if (options instanceof Absorber) {
+            this.options = options;
+        }
+        else {
+            this.options = new Absorber();
+            this.options.load(options);
+        }
         this.dragging = false;
         this.name = this.options.name;
         this.opacity = this.options.opacity;
-        this.size = getRangeValue(options.size.value) * container.retina.pixelRatio;
-        this.mass = this.size * options.size.density * container.retina.reduceFactor;
-        const limit = options.size.limit;
-        this.limit =
-            typeof limit === "number"
-                ? {
-                    radius: limit * container.retina.pixelRatio * container.retina.reduceFactor,
-                    mass: 0,
-                }
-                : {
-                    radius: ((_a = limit === null || limit === void 0 ? void 0 : limit.radius) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio * container.retina.reduceFactor,
-                    mass: (_b = limit === null || limit === void 0 ? void 0 : limit.mass) !== null && _b !== void 0 ? _b : 0,
-                };
-        const color = typeof options.color === "string" ? { value: options.color } : options.color;
-        this.color = (_c = colorToRgb(color)) !== null && _c !== void 0 ? _c : {
+        this.size = getRangeValue(this.options.size.value) * container.retina.pixelRatio;
+        this.mass = this.size * this.options.size.density * container.retina.reduceFactor;
+        const limit = this.options.size.limit;
+        this.limit = {
+            radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
+            mass: limit.mass,
+        };
+        this.color = (_a = colorToRgb(this.options.color)) !== null && _a !== void 0 ? _a : {
             b: 0,
             g: 0,
             r: 0,
         };
-        this.position = (_e = (_d = this.initialPosition) === null || _d === void 0 ? void 0 : _d.copy()) !== null && _e !== void 0 ? _e : this.calcPosition();
+        this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
     }
     attract(particle) {
         const container = this.container;
@@ -134,7 +133,7 @@ export class AbsorberInstance {
             }
             if (particle.absorberOrbitDirection === undefined) {
                 particle.absorberOrbitDirection =
-                    particle.velocity.x >= 0 ? RotateDirection.clockwise : RotateDirection.counterClockwise;
+                    particle.velocity.x >= 0 ? "clockwise" /* clockwise */ : "counter-clockwise" /* counterClockwise */;
             }
             const orbitRadius = particle.absorberOrbit.length;
             const orbitAngle = particle.absorberOrbit.angle;
@@ -142,8 +141,8 @@ export class AbsorberInstance {
             particle.velocity.x = 0;
             particle.velocity.y = 0;
             const updateFunc = {
-                x: orbitDirection === RotateDirection.clockwise ? Math.cos : Math.sin,
-                y: orbitDirection === RotateDirection.clockwise ? Math.sin : Math.cos,
+                x: orbitDirection === "clockwise" /* clockwise */ ? Math.cos : Math.sin,
+                y: orbitDirection === "clockwise" /* clockwise */ ? Math.sin : Math.cos,
             };
             particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
             particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);

package/browser/Plugins/Absorbers/Absorbers.d.ts

@@ -1,13 +1,10 @@
-import type { IContainerPlugin } from "../../Core/Interfaces/IContainerPlugin";
+import type { Container, IContainerPlugin, ICoordinates, Particle } from "../../Core";
+import type { RecursivePartial, SingleOrMultiple } from "../../Types";
+import { Absorber } from "./Options/Classes/Absorber";
 import { AbsorberInstance } from "./AbsorberInstance";
-import type { Container } from "../../Core/Container";
-import type { Particle } from "../../Core/Particle";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
-import { Absorber } from "./Options/Classes/Absorber";
-import type { SingleOrMultiple, RecursivePartial } from "../../Types";
-import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { IAbsorberOptions } from "./Options/Interfaces/IAbsorberOptions";
-import type { ICoordinates } from "../../Core/Interfaces/ICoordinates";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 /**
  * @category Absorbers Plugin
  */

package/browser/Plugins/Absorbers/Absorbers.js

@@ -1,6 +1,5 @@
-import { AbsorberInstance } from "./AbsorberInstance";
 import { Absorber } from "./Options/Classes/Absorber";
-import { AbsorberClickMode } from "./Enums";
+import { AbsorberInstance } from "./AbsorberInstance";
 import { itemFromArray } from "../../Utils";
 /**
  * @category Absorbers Plugin
@@ -89,7 +88,7 @@ export class Absorbers {
         const container = this.container;
         const absorberOptions = this.absorbers;
         const modeAbsorbers = this.interactivityAbsorbers;
-        if (mode === AbsorberClickMode.absorber) {
+        if (mode === "absorber" /* absorber */) {
             let absorbersModeOptions;
             if (modeAbsorbers instanceof Array) {
                 if (modeAbsorbers.length > 0) {

package/browser/Plugins/Absorbers/Enums/AbsorberClickMode.d.ts

@@ -1,6 +1,6 @@
 /**
  * @category Absorbers Plugin
  */
-export declare enum AbsorberClickMode {
+export declare const enum AbsorberClickMode {
     absorber = "absorber"
 }

package/browser/Plugins/Absorbers/Enums/AbsorberClickMode.js

@@ -1,7 +1 @@
-/**
- * @category Absorbers Plugin
- */
-export var AbsorberClickMode;
-(function (AbsorberClickMode) {
-    AbsorberClickMode["absorber"] = "absorber";
-})(AbsorberClickMode || (AbsorberClickMode = {}));
+export {};

package/browser/Plugins/Absorbers/Options/Classes/Absorber.d.ts

@@ -1,9 +1,9 @@
-import type { IAbsorber } from "../Interfaces/IAbsorber";
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
-import type { RecursivePartial } from "../../../../Types";
 import { AbsorberSize } from "./AbsorberSize";
-import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import type { IAbsorber } from "../Interfaces/IAbsorber";
+import type { ICoordinates } from "../../../../Core";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * [[include:Options/Plugins/Absorbers.md]]
  * @category Absorbers Plugin

package/browser/Plugins/Absorbers/Options/Classes/AbsorberSize.d.ts

@@ -1,8 +1,8 @@
+import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
 import type { IAbsorberSize } from "../Interfaces/IAbsorberSize";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 import { ValueWithRandom } from "../../../../Options/Classes/ValueWithRandom";
-import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
 export declare class AbsorberSize extends ValueWithRandom implements IAbsorberSize, IOptionLoader<IAbsorberSize> {
     density: number;
     limit: AbsorberSizeLimit;

package/browser/Plugins/Absorbers/Options/Classes/AbsorberSize.js

@@ -1,5 +1,5 @@
-import { ValueWithRandom } from "../../../../Options/Classes/ValueWithRandom";
 import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
+import { ValueWithRandom } from "../../../../Options/Classes/ValueWithRandom";
 export class AbsorberSize extends ValueWithRandom {
     constructor() {
         super();

package/browser/Plugins/Absorbers/Options/Classes/AbsorberSizeLimit.d.ts

@@ -1,6 +1,6 @@
-import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import type { IAbsorberSizeLimit } from "../Interfaces/IAbsorberSizeLimit";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 export declare class AbsorberSizeLimit implements IAbsorberSizeLimit, IOptionLoader<IAbsorberSizeLimit> {
     radius: number;
     mass: number;

package/browser/Plugins/Absorbers/Options/Interfaces/IAbsorber.d.ts

@@ -1,5 +1,4 @@
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
-import type { IColor } from "../../../../Core/Interfaces/Colors";
+import type { IColor, ICoordinates } from "../../../../Core";
 import type { IAbsorberSize } from "./IAbsorberSize";
 import { RecursivePartial } from "../../../../Types";
 /**

package/browser/Plugins/Absorbers/Options/Interfaces/IAbsorberOptions.d.ts

@@ -1,7 +1,7 @@
-import type { SingleOrMultiple } from "../../../../Types";
 import type { IAbsorber } from "./IAbsorber";
 import type { IInteractivity } from "../../../../Options/Interfaces/Interactivity/IInteractivity";
 import type { IModes } from "../../../../Options/Interfaces/Interactivity/Modes/IModes";
+import type { SingleOrMultiple } from "../../../../Types";
 /**
  * @category Absorbers Plugin
  */

package/browser/Plugins/Absorbers/Options/Interfaces/IAbsorberSize.d.ts

@@ -1,5 +1,5 @@
-import type { IValueWithRandom } from "../../../../Options/Interfaces/IValueWithRandom";
 import type { IAbsorberSizeLimit } from "./IAbsorberSizeLimit";
+import type { IValueWithRandom } from "../../../../Options/Interfaces/IValueWithRandom";
 export interface IAbsorberSize extends IValueWithRandom {
     limit?: number | IAbsorberSizeLimit;
     density: number;

package/browser/Plugins/Absorbers/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "../../engine";
+export declare function loadAbsorbersPlugin(engine: Engine): Promise<void>;

package/browser/Plugins/Absorbers/{plugin.js → index.js}

@@ -1,11 +1,10 @@
-import { Absorbers } from "./Absorbers";
-import { AbsorberClickMode } from "./Enums";
 import { Absorber } from "./Options/Classes/Absorber";
+import { Absorbers } from "./Absorbers";
 import { isInArray } from "../../Utils";
 /**
  * @category Absorbers Plugin
  */
-class Plugin {
+class AbsorbersPlugin {
     constructor() {
         this.id = "absorbers";
     }
@@ -28,7 +27,7 @@ class Plugin {
             loadAbsorbers = true;
         }
         else if (((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) &&
-            isInArray(AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
+            isInArray("absorber" /* absorber */, options.interactivity.events.onClick.mode)) {
             loadAbsorbers = true;
         }
         return loadAbsorbers;
@@ -74,7 +73,7 @@ class Plugin {
         }
     }
 }
-export async function loadAbsorbersPlugin(tsParticles) {
-    const plugin = new Plugin();
-    await tsParticles.addPlugin(plugin);
+export async function loadAbsorbersPlugin(engine) {
+    const plugin = new AbsorbersPlugin();
+    await engine.addPlugin(plugin);
 }

package/browser/Plugins/Emitters/EmitterContainer.d.ts

@@ -1,9 +1,10 @@
 import type { EmitterInstance } from "./EmitterInstance";
+import type { ICoordinates } from "../../Core";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
-import type { ICoordinates } from "../../Core/Interfaces";
 export interface EmitterContainer {
     addEmitter: (options: IEmitter, position: ICoordinates) => EmitterInstance;
     getEmitter: (idxOrName?: number | string) => EmitterInstance | undefined;
     playEmitter: (idxOrName?: number | string) => void;
     pauseEmitter: (idxOrName?: number | string) => void;
+    removeEmitter: (idxOrName?: number | string) => void;
 }

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

@@ -1,8 +1,9 @@
-import type { Container } from "../../Core/Container";
-import type { IEmitter } from "./Options/Interfaces/IEmitter";
+import type { Container, ICoordinates, IDelta, IHsl } from "../../Core";
+import { Emitter } from "./Options/Classes/Emitter";
 import type { Emitters } from "./Emitters";
+import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { IEmitterSize } from "./Options/Interfaces/IEmitterSize";
-import type { ICoordinates, IDelta, IHsl } from "../../Core/Interfaces";
+import type { RecursivePartial } from "../../Types";
 /**
  * @category Emitters Plugin
  */
@@ -12,7 +13,7 @@ export declare class EmitterInstance {
     private readonly container;
     position: ICoordinates;
     size: IEmitterSize;
-    emitterOptions: IEmitter;
+    options: Emitter;
     spawnColor?: IHsl;
     fill: boolean;
     readonly name?: string;
@@ -28,7 +29,7 @@ export declare class EmitterInstance {
     private readonly shape?;
     private readonly initialPosition?;
     private readonly particlesOptions;
-    constructor(emitters: Emitters, container: Container, emitterOptions: IEmitter, position?: ICoordinates);
+    constructor(emitters: Emitters, container: Container, options: RecursivePartial<IEmitter>, position?: ICoordinates);
     externalPlay(): void;
     externalPause(): void;
     play(): void;

package/browser/Plugins/Emitters/EmitterInstance.js

@@ -11,14 +11,14 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
 import { colorToHsl, deepExtend, getRangeValue, isPointInside, randomInRange } from "../../Utils";
-import { SizeMode } from "../../Enums";
+import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterSize } from "./Options/Classes/EmitterSize";
 import { ShapeManager } from "./ShapeManager";
 /**
  * @category Emitters Plugin
  */
 export class EmitterInstance {
-    constructor(emitters, container, emitterOptions, position) {
+    constructor(emitters, container, options, position) {
         var _a, _b, _c, _d, _e, _f;
         var _g;
         this.emitters = emitters;
@@ -29,34 +29,40 @@ export class EmitterInstance {
         this.currentEmitDelay = 0;
         this.currentSpawnDelay = 0;
         this.initialPosition = position;
-        this.emitterOptions = deepExtend({}, emitterOptions);
-        this.spawnDelay = (((_a = this.emitterOptions.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000) / this.container.retina.reduceFactor;
+        if (options instanceof Emitter) {
+            this.options = options;
+        }
+        else {
+            this.options = new Emitter();
+            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 = emitterOptions.name;
-        this.shape = ShapeManager.getShape(emitterOptions.shape);
-        this.fill = emitterOptions.fill;
-        __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.emitterOptions.life.wait, "f");
+        this.name = this.options.name;
+        this.shape = ShapeManager.getShape(this.options.shape);
+        this.fill = this.options.fill;
+        __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
         __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
-        let particlesOptions = deepExtend({}, this.emitterOptions.particles);
+        let particlesOptions = deepExtend({}, this.options.particles);
         particlesOptions !== null && particlesOptions !== void 0 ? particlesOptions : (particlesOptions = {});
         (_c = particlesOptions.move) !== null && _c !== void 0 ? _c : (particlesOptions.move = {});
-        (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : (_g.direction = this.emitterOptions.direction);
-        if (this.emitterOptions.spawnColor !== undefined) {
-            this.spawnColor = colorToHsl(this.emitterOptions.spawnColor);
+        (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : (_g.direction = this.options.direction);
+        if (this.options.spawnColor) {
+            this.spawnColor = colorToHsl(this.options.spawnColor);
         }
-        this.paused = !this.emitterOptions.autoPlay;
+        this.paused = !this.options.autoPlay;
         this.particlesOptions = particlesOptions;
         this.size =
-            (_e = this.emitterOptions.size) !== null && _e !== void 0 ? _e : (() => {
+            (_e = this.options.size) !== null && _e !== void 0 ? _e : (() => {
                 const size = new EmitterSize();
                 size.load({
                     height: 0,
-                    mode: SizeMode.percent,
+                    mode: "percent" /* percent */,
                     width: 0,
                 });
                 return size;
             })();
-        this.lifeCount = (_f = this.emitterOptions.life.count) !== null && _f !== void 0 ? _f : -1;
+        this.lifeCount = (_f = this.options.life.count) !== null && _f !== void 0 ? _f : -1;
         this.immortal = this.lifeCount <= 0;
         this.play();
     }
@@ -74,10 +80,10 @@ export class EmitterInstance {
             return;
         }
         if (this.container.retina.reduceFactor &&
-            (this.lifeCount > 0 || this.immortal || !this.emitterOptions.life.count) &&
+            (this.lifeCount > 0 || this.immortal || !this.options.life.count) &&
             (__classPrivateFieldGet(this, _EmitterInstance_firstSpawn, "f") || this.currentSpawnDelay >= ((_a = this.spawnDelay) !== null && _a !== void 0 ? _a : 0))) {
             if (this.emitDelay === undefined) {
-                const delay = getRangeValue(this.emitterOptions.rate.delay);
+                const delay = getRangeValue(this.options.rate.delay);
                 this.emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
             }
             if (this.lifeCount > 0 || this.immortal) {
@@ -110,7 +116,7 @@ export class EmitterInstance {
         }
         if (!__classPrivateFieldGet(this, _EmitterInstance_startParticlesAdded, "f")) {
             __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, true, "f");
-            this.emitParticles(this.emitterOptions.startCount);
+            this.emitParticles(this.options.startCount);
         }
         if (this.duration !== undefined) {
             this.currentDuration += delta.value;
@@ -124,8 +130,7 @@ export class EmitterInstance {
                 }
                 if (this.lifeCount > 0 || this.immortal) {
                     this.position = this.calcPosition();
-                    this.spawnDelay =
-                        (((_c = this.emitterOptions.life.delay) !== null && _c !== void 0 ? _c : 0) * 1000) / this.container.retina.reduceFactor;
+                    this.spawnDelay = (((_c = this.options.life.delay) !== null && _c !== void 0 ? _c : 0) * 1000) / this.container.retina.reduceFactor;
                 }
                 else {
                     this.destroy();
@@ -155,7 +160,7 @@ export class EmitterInstance {
         if (this.paused) {
             return;
         }
-        const duration = (_a = this.emitterOptions.life) === null || _a === void 0 ? void 0 : _a.duration;
+        const duration = (_a = this.options.life) === null || _a === void 0 ? void 0 : _a.duration;
         if (this.container.retina.reduceFactor &&
             (this.lifeCount > 0 || this.immortal) &&
             duration !== undefined &&
@@ -169,7 +174,7 @@ export class EmitterInstance {
     calcPosition() {
         var _a, _b;
         const container = this.container;
-        const percentPosition = this.emitterOptions.position;
+        const percentPosition = this.options.position;
         return {
             x: (((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100) * container.canvas.size.width,
             y: (((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height,
@@ -179,7 +184,7 @@ export class EmitterInstance {
         if (this.paused) {
             return;
         }
-        const quantity = getRangeValue(this.emitterOptions.rate.quantity);
+        const quantity = getRangeValue(this.options.rate.quantity);
         this.emitParticles(quantity);
     }
     emitParticles(quantity) {
@@ -187,28 +192,21 @@ export class EmitterInstance {
         const container = this.container;
         const position = this.position;
         const offset = {
-            x: this.size.mode === SizeMode.percent
+            x: this.size.mode === "percent" /* percent */
                 ? (container.canvas.size.width * this.size.width) / 100
                 : this.size.width,
-            y: this.size.mode === SizeMode.percent
+            y: this.size.mode === "percent" /* percent */
                 ? (container.canvas.size.height * this.size.height) / 100
                 : this.size.height,
         };
         for (let i = 0; i < quantity; i++) {
             const particlesOptions = deepExtend({}, this.particlesOptions);
             if (this.spawnColor) {
-                const colorAnimation = (_a = this.emitterOptions.spawnColor) === null || _a === void 0 ? void 0 : _a.animation;
-                if (colorAnimation) {
-                    const hueAnimation = colorAnimation;
-                    if (hueAnimation.enable) {
-                        this.spawnColor.h = this.setColorAnimation(hueAnimation, this.spawnColor.h, 360);
-                    }
-                    else {
-                        const hslAnimation = colorAnimation;
-                        this.spawnColor.h = this.setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
-                        this.spawnColor.s = this.setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
-                        this.spawnColor.l = this.setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
-                    }
+                const hslAnimation = (_a = this.options.spawnColor) === null || _a === void 0 ? void 0 : _a.animation;
+                if (hslAnimation) {
+                    this.spawnColor.h = this.setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
+                    this.spawnColor.s = this.setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
+                    this.spawnColor.l = this.setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
                 }
                 if (!particlesOptions.color) {
                     particlesOptions.color = {
@@ -230,7 +228,7 @@ export class EmitterInstance {
             return initValue;
         }
         const colorOffset = randomInRange(animation.offset);
-        const delay = getRangeValue(this.emitterOptions.rate.delay);
+        const delay = getRangeValue(this.options.rate.delay);
         const emitFactor = (1000 * delay) / container.retina.reduceFactor;
         const colorSpeed = (_a = animation.speed) !== null && _a !== void 0 ? _a : 0;
         return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;

package/browser/Plugins/Emitters/Emitters.d.ts

@@ -1,11 +1,10 @@
-import type { IContainerPlugin, ICoordinates, IDelta } from "../../Core/Interfaces";
-import { EmitterInstance } from "./EmitterInstance";
-import type { Container } from "../../Core/Container";
-import type { IEmitter } from "./Options/Interfaces/IEmitter";
+import type { Container, IContainerPlugin, ICoordinates, IDelta } from "../../Core";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import { Emitter } from "./Options/Classes/Emitter";
-import type { IOptions } from "../../Options/Interfaces/IOptions";
+import { EmitterInstance } from "./EmitterInstance";
+import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { IEmitterOptions } from "./Options/Interfaces/IEmitterOptions";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 /**
  * @category Emitters Plugin
  */

package/browser/Plugins/Emitters/Emitters.js

@@ -1,7 +1,6 @@
-import { EmitterInstance } from "./EmitterInstance";
-import { Emitter } from "./Options/Classes/Emitter";
-import { EmitterClickMode } from "./Enums";
 import { deepExtend, itemFromArray } from "../../Utils";
+import { Emitter } from "./Options/Classes/Emitter";
+import { EmitterInstance } from "./EmitterInstance";
 /**
  * @category Emitters Plugin
  */
@@ -16,6 +15,12 @@ export class Emitters {
             ? this.array[idxOrName || 0]
             : this.array.find((t) => t.name === idxOrName);
         overridableContainer.addEmitter = (options, position) => this.addEmitter(options, position);
+        overridableContainer.removeEmitter = (idxOrName) => {
+            const emitter = overridableContainer.getEmitter(idxOrName);
+            if (emitter) {
+                this.removeEmitter(emitter);
+            }
+        };
         overridableContainer.playEmitter = (idxOrName) => {
             const emitter = overridableContainer.getEmitter(idxOrName);
             if (emitter) {
@@ -96,7 +101,7 @@ export class Emitters {
         const container = this.container;
         const emitterOptions = this.emitters;
         const modeEmitters = this.interactivityEmitters;
-        if (mode === EmitterClickMode.emitter) {
+        if (mode === "emitter" /* emitter */) {
             let emitterModeOptions;
             if (modeEmitters instanceof Array) {
                 if (modeEmitters.length > 0) {
@@ -117,7 +122,9 @@ export class Emitters {
         }
     }
     addEmitter(options, position) {
-        const emitter = new EmitterInstance(this, this.container, options, position);
+        const emitterOptions = new Emitter();
+        emitterOptions.load(options);
+        const emitter = new EmitterInstance(this, this.container, emitterOptions, position);
         this.array.push(emitter);
         return emitter;
     }

package/browser/Plugins/Emitters/EmittersMain.d.ts

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

package/browser/Plugins/Emitters/Enums/EmitterClickMode.d.ts

@@ -1,6 +1,6 @@
 /**
  * @category Emitters Plugin
  */
-export declare enum EmitterClickMode {
+export declare const enum EmitterClickMode {
     emitter = "emitter"
 }

package/browser/Plugins/Emitters/Enums/EmitterClickMode.js

@@ -1,7 +1 @@
-/**
- * @category Emitters Plugin
- */
-export var EmitterClickMode;
-(function (EmitterClickMode) {
-    EmitterClickMode["emitter"] = "emitter";
-})(EmitterClickMode || (EmitterClickMode = {}));
+export {};

package/browser/Plugins/Emitters/Enums/EmitterShapeType.d.ts

@@ -1,4 +1,4 @@
-export declare enum EmitterShapeType {
+export declare const enum EmitterShapeType {
     circle = "circle",
     square = "square"
 }

package/browser/Plugins/Emitters/Enums/EmitterShapeType.js

@@ -1,5 +1 @@
-export var EmitterShapeType;
-(function (EmitterShapeType) {
-    EmitterShapeType["circle"] = "circle";
-    EmitterShapeType["square"] = "square";
-})(EmitterShapeType || (EmitterShapeType = {}));
+export {};

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

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

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

@@ -1,14 +1,14 @@
-import type { IEmitter } from "../Interfaces/IEmitter";
-import type { RecursivePartial } from "../../../../Types";
-import type { ICoordinates } from "../../../../Core/Interfaces";
 import { MoveDirection, MoveDirectionAlt } from "../../../../Enums";
-import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
-import { EmitterRate } from "./EmitterRate";
+import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
 import { EmitterLife } from "./EmitterLife";
+import { EmitterRate } from "./EmitterRate";
+import { EmitterShapeType } from "../../Enums";
 import { EmitterSize } from "./EmitterSize";
+import type { ICoordinates } from "../../../../Core";
+import type { IEmitter } from "../Interfaces/IEmitter";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
-import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
-import { EmitterShapeType } from "../../Enums";
+import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * [[include:Options/Plugins/Emitters.md]]
  * @category Emitters Plugin

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

@@ -1,9 +1,8 @@
-import { EmitterRate } from "./EmitterRate";
+import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
 import { EmitterLife } from "./EmitterLife";
-import { deepExtend } from "../../../../Utils";
+import { EmitterRate } from "./EmitterRate";
 import { EmitterSize } from "./EmitterSize";
-import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
-import { EmitterShapeType } from "../../Enums";
+import { deepExtend } from "../../../../Utils";
 /**
  * [[include:Options/Plugins/Emitters.md]]
  * @category Emitters Plugin
@@ -14,7 +13,7 @@ export class Emitter {
         this.fill = true;
         this.life = new EmitterLife();
         this.rate = new EmitterRate();
-        this.shape = EmitterShapeType.square;
+        this.shape = "square" /* square */;
         this.startCount = 0;
     }
     load(data) {

package/browser/Plugins/Emitters/Options/Classes/EmitterLife.d.ts

@@ -1,6 +1,6 @@
 import type { IEmitterLife } from "../Interfaces/IEmitterLife";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Emitters Plugin
  */