@tsparticles/plugin-emitters 3.0.2 → 3.1.0

package/browser/EmitterInstance.js

@@ -1,6 +1,7 @@
-import { Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, isPointInside, itemFromSingleOrMultiple, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
+import { Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, isPointInside, itemFromSingleOrMultiple, millisecondsToSeconds, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
 import { EmitterSize } from "./Options/Classes/EmitterSize.js";
+const half = 0.5, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -32,12 +33,12 @@ export class EmitterInstance {
             if (this._paused) {
                 return;
             }
-            const duration = this.options.life?.duration !== undefined ? getRangeValue(this.options.life.duration) : undefined;
+            const duration = this.options.life?.duration !== undefined ? getRangeValue(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
             if (this.container.retina.reduceFactor &&
-                (this._lifeCount > 0 || this._immortal) &&
+                (this._lifeCount > minLifeCount || this._immortal) &&
                 duration !== undefined &&
-                duration > 0) {
-                this._duration = duration * 1000;
+                duration > minDuration) {
+                this._duration = duration * millisecondsToSeconds;
             }
         };
         this._setColorAnimation = (animation, initValue, maxValue) => {
@@ -45,8 +46,8 @@ export class EmitterInstance {
             if (!animation.enable) {
                 return initValue;
             }
-            const colorOffset = randomInRange(animation.offset), delay = getRangeValue(this.options.rate.delay), emitFactor = (1000 * delay) / container.retina.reduceFactor, colorSpeed = getRangeValue(animation.speed ?? 0);
-            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
+            const colorOffset = randomInRange(animation.offset), delay = getRangeValue(this.options.rate.delay), emitFactor = (delay * millisecondsToSeconds) / container.retina.reduceFactor, defaultColorSpeed = 0, colorFactor = 3.6, colorSpeed = getRangeValue(animation.speed ?? defaultColorSpeed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * colorFactor) % maxValue;
         };
         this._engine = engine;
         this._currentDuration = 0;
@@ -60,7 +61,9 @@ export class EmitterInstance {
             this.options = new Emitter();
             this.options.load(options);
         }
-        this._spawnDelay = (getRangeValue(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+        this._spawnDelay =
+            (getRangeValue(this.options.life.delay ?? defaultLifeDelay) * millisecondsToSeconds) /
+                this.container.retina.reduceFactor;
         this.position = this._initialPosition ?? this._calcPosition();
         this.name = this.options.name;
         this.fill = this.options.fill;
@@ -77,8 +80,8 @@ export class EmitterInstance {
         this._particlesOptions = particlesOptions;
         this._size = this._calcSize();
         this.size = getSize(this._size, this.container.canvas.size);
-        this._lifeCount = this.options.life.count ?? -1;
-        this._immortal = this._lifeCount <= 0;
+        this._lifeCount = this.options.life.count ?? defaultLifeCount;
+        this._immortal = this._lifeCount <= minLifeCount;
         if (this.options.domId) {
             const element = document.getElementById(this.options.domId);
             if (element) {
@@ -129,15 +132,15 @@ export class EmitterInstance {
             return;
         }
         if (!(this.container.retina.reduceFactor &&
-            (this._lifeCount > 0 || this._immortal || !this.options.life.count) &&
-            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? 0)))) {
+            (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&
+            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
             return;
         }
         if (this._emitDelay === undefined) {
             const delay = getRangeValue(this.options.rate.delay);
-            this._emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
+            this._emitDelay = (delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
         }
-        if (this._lifeCount > 0 || this._immortal) {
+        if (this._lifeCount > minLifeCount || this._immortal) {
             this._prepareToDie();
         }
     }
@@ -157,8 +160,8 @@ export class EmitterInstance {
         }
         if (this._firstSpawn) {
             this._firstSpawn = false;
-            this._currentSpawnDelay = this._spawnDelay ?? 0;
-            this._currentEmitDelay = this._emitDelay ?? 0;
+            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
         }
         if (!this._startParticlesAdded) {
             this._startParticlesAdded = true;
@@ -174,11 +177,12 @@ export class EmitterInstance {
                 if (!this._immortal) {
                     this._lifeCount--;
                 }
-                if (this._lifeCount > 0 || this._immortal) {
+                if (this._lifeCount > minLifeCount || this._immortal) {
                     this.position = this._calcPosition();
                     this._shape?.resize(this.position, this.size);
                     this._spawnDelay =
-                        (getRangeValue(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+                        (getRangeValue(this.options.life.delay ?? defaultLifeDelay) * millisecondsToSeconds) /
+                            this.container.retina.reduceFactor;
                 }
                 else {
                     this._destroy();
@@ -201,7 +205,7 @@ export class EmitterInstance {
         if (this._emitDelay !== undefined) {
             this._currentEmitDelay += delta.value;
             if (this._currentEmitDelay >= this._emitDelay) {
-                this._emit();
+                await this._emit();
                 this._currentEmitDelay -= this._emitDelay;
             }
         }
@@ -210,10 +214,10 @@ export class EmitterInstance {
         if (this.options.domId) {
             const container = this.container, element = document.getElementById(this.options.domId);
             if (element) {
-                const elRect = element.getBoundingClientRect();
+                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;
                 return {
-                    x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-                    y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio,
+                    x: (elRect.x + elRect.width * half) * pxRatio,
+                    y: (elRect.y + elRect.height * half) * pxRatio,
                 };
             }
         }
@@ -260,9 +264,14 @@ export class EmitterInstance {
             if (this.spawnColor) {
                 const hslAnimation = this.options.spawnColor?.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);
+                    const maxValues = {
+                        h: 360,
+                        s: 100,
+                        l: 100,
+                    };
+                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
+                    this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
+                    this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
                 }
                 setParticlesOptionsColor(particlesOptions, this.spawnColor);
             }

package/browser/Emitters.js

@@ -14,8 +14,9 @@ export class Emitters {
             },
             value: [],
         };
+        const defaultIndex = 0;
         container.getEmitter = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addEmitter = async (options, position) => this.addEmitter(options, position);
         container.removeEmitter = (idxOrName) => {
@@ -52,7 +53,8 @@ export class Emitters {
         }
         let emittersModeOptions;
         if (modeEmitters && isArray(modeEmitters.value)) {
-            if (modeEmitters.value.length > 0 && modeEmitters.random.enable) {
+            const minLength = 0;
+            if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
                 emittersModeOptions = [];
                 const usedIndexes = [];
                 for (let i = 0; i < modeEmitters.random.count; i++) {
@@ -73,8 +75,8 @@ export class Emitters {
             emittersModeOptions = modeEmitters?.value;
         }
         const emittersOptions = emittersModeOptions ?? emitterOptions, ePosition = this.container.interactivity.mouse.clickPosition;
-        executeOnSingleOrMultiple(emittersOptions, (emitter) => {
-            this.addEmitter(emitter, ePosition);
+        void executeOnSingleOrMultiple(emittersOptions, async (emitter) => {
+            await this.addEmitter(emitter, ePosition);
         });
     }
     async init() {
@@ -103,9 +105,9 @@ export class Emitters {
         }
     }
     removeEmitter(emitter) {
-        const index = this.array.indexOf(emitter);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/browser/index.js

@@ -39,10 +39,11 @@ class EmittersPlugin {
             else {
                 const emitterMode = interactivityEmitters;
                 if (emitterMode.value !== undefined) {
+                    const defaultCount = 1;
                     if (isArray(emitterMode.value)) {
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: emitterMode.value.map((s) => {
@@ -57,7 +58,7 @@ class EmittersPlugin {
                         tmp.load(emitterMode.value);
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: tmp,

package/cjs/EmitterInstance.js

@@ -4,6 +4,7 @@ exports.EmitterInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Emitter_js_1 = require("./Options/Classes/Emitter.js");
 const EmitterSize_js_1 = require("./Options/Classes/EmitterSize.js");
+const half = 0.5, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -35,12 +36,12 @@ class EmitterInstance {
             if (this._paused) {
                 return;
             }
-            const duration = this.options.life?.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined;
+            const duration = this.options.life?.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
             if (this.container.retina.reduceFactor &&
-                (this._lifeCount > 0 || this._immortal) &&
+                (this._lifeCount > minLifeCount || this._immortal) &&
                 duration !== undefined &&
-                duration > 0) {
-                this._duration = duration * 1000;
+                duration > minDuration) {
+                this._duration = duration * engine_1.millisecondsToSeconds;
             }
         };
         this._setColorAnimation = (animation, initValue, maxValue) => {
@@ -48,8 +49,8 @@ class EmitterInstance {
             if (!animation.enable) {
                 return initValue;
             }
-            const colorOffset = (0, engine_1.randomInRange)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = (1000 * delay) / container.retina.reduceFactor, colorSpeed = (0, engine_1.getRangeValue)(animation.speed ?? 0);
-            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
+            const colorOffset = (0, engine_1.randomInRange)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor, defaultColorSpeed = 0, colorFactor = 3.6, colorSpeed = (0, engine_1.getRangeValue)(animation.speed ?? defaultColorSpeed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * colorFactor) % maxValue;
         };
         this._engine = engine;
         this._currentDuration = 0;
@@ -63,7 +64,9 @@ class EmitterInstance {
             this.options = new Emitter_js_1.Emitter();
             this.options.load(options);
         }
-        this._spawnDelay = ((0, engine_1.getRangeValue)(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+        this._spawnDelay =
+            ((0, engine_1.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_1.millisecondsToSeconds) /
+                this.container.retina.reduceFactor;
         this.position = this._initialPosition ?? this._calcPosition();
         this.name = this.options.name;
         this.fill = this.options.fill;
@@ -80,8 +83,8 @@ class EmitterInstance {
         this._particlesOptions = particlesOptions;
         this._size = this._calcSize();
         this.size = (0, engine_1.getSize)(this._size, this.container.canvas.size);
-        this._lifeCount = this.options.life.count ?? -1;
-        this._immortal = this._lifeCount <= 0;
+        this._lifeCount = this.options.life.count ?? defaultLifeCount;
+        this._immortal = this._lifeCount <= minLifeCount;
         if (this.options.domId) {
             const element = document.getElementById(this.options.domId);
             if (element) {
@@ -132,15 +135,15 @@ class EmitterInstance {
             return;
         }
         if (!(this.container.retina.reduceFactor &&
-            (this._lifeCount > 0 || this._immortal || !this.options.life.count) &&
-            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? 0)))) {
+            (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&
+            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
             return;
         }
         if (this._emitDelay === undefined) {
             const delay = (0, engine_1.getRangeValue)(this.options.rate.delay);
-            this._emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
+            this._emitDelay = (delay * engine_1.millisecondsToSeconds) / this.container.retina.reduceFactor;
         }
-        if (this._lifeCount > 0 || this._immortal) {
+        if (this._lifeCount > minLifeCount || this._immortal) {
             this._prepareToDie();
         }
     }
@@ -160,8 +163,8 @@ class EmitterInstance {
         }
         if (this._firstSpawn) {
             this._firstSpawn = false;
-            this._currentSpawnDelay = this._spawnDelay ?? 0;
-            this._currentEmitDelay = this._emitDelay ?? 0;
+            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
         }
         if (!this._startParticlesAdded) {
             this._startParticlesAdded = true;
@@ -177,11 +180,12 @@ class EmitterInstance {
                 if (!this._immortal) {
                     this._lifeCount--;
                 }
-                if (this._lifeCount > 0 || this._immortal) {
+                if (this._lifeCount > minLifeCount || this._immortal) {
                     this.position = this._calcPosition();
                     this._shape?.resize(this.position, this.size);
                     this._spawnDelay =
-                        ((0, engine_1.getRangeValue)(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+                        ((0, engine_1.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_1.millisecondsToSeconds) /
+                            this.container.retina.reduceFactor;
                 }
                 else {
                     this._destroy();
@@ -204,7 +208,7 @@ class EmitterInstance {
         if (this._emitDelay !== undefined) {
             this._currentEmitDelay += delta.value;
             if (this._currentEmitDelay >= this._emitDelay) {
-                this._emit();
+                await this._emit();
                 this._currentEmitDelay -= this._emitDelay;
             }
         }
@@ -213,10 +217,10 @@ class EmitterInstance {
         if (this.options.domId) {
             const container = this.container, element = document.getElementById(this.options.domId);
             if (element) {
-                const elRect = element.getBoundingClientRect();
+                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;
                 return {
-                    x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-                    y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio,
+                    x: (elRect.x + elRect.width * half) * pxRatio,
+                    y: (elRect.y + elRect.height * half) * pxRatio,
                 };
             }
         }
@@ -263,9 +267,14 @@ class EmitterInstance {
             if (this.spawnColor) {
                 const hslAnimation = this.options.spawnColor?.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);
+                    const maxValues = {
+                        h: 360,
+                        s: 100,
+                        l: 100,
+                    };
+                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
+                    this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
+                    this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
                 }
                 setParticlesOptionsColor(particlesOptions, this.spawnColor);
             }

package/cjs/Emitters.js

@@ -17,8 +17,9 @@ class Emitters {
             },
             value: [],
         };
+        const defaultIndex = 0;
         container.getEmitter = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addEmitter = async (options, position) => this.addEmitter(options, position);
         container.removeEmitter = (idxOrName) => {
@@ -55,7 +56,8 @@ class Emitters {
         }
         let emittersModeOptions;
         if (modeEmitters && (0, engine_1.isArray)(modeEmitters.value)) {
-            if (modeEmitters.value.length > 0 && modeEmitters.random.enable) {
+            const minLength = 0;
+            if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
                 emittersModeOptions = [];
                 const usedIndexes = [];
                 for (let i = 0; i < modeEmitters.random.count; i++) {
@@ -76,8 +78,8 @@ class Emitters {
             emittersModeOptions = modeEmitters?.value;
         }
         const emittersOptions = emittersModeOptions ?? emitterOptions, ePosition = this.container.interactivity.mouse.clickPosition;
-        (0, engine_1.executeOnSingleOrMultiple)(emittersOptions, (emitter) => {
-            this.addEmitter(emitter, ePosition);
+        void (0, engine_1.executeOnSingleOrMultiple)(emittersOptions, async (emitter) => {
+            await this.addEmitter(emitter, ePosition);
         });
     }
     async init() {
@@ -106,9 +108,9 @@ class Emitters {
         }
     }
     removeEmitter(emitter) {
-        const index = this.array.indexOf(emitter);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/cjs/index.js

@@ -56,10 +56,11 @@ class EmittersPlugin {
             else {
                 const emitterMode = interactivityEmitters;
                 if (emitterMode.value !== undefined) {
+                    const defaultCount = 1;
                     if ((0, engine_1.isArray)(emitterMode.value)) {
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: emitterMode.value.map((s) => {
@@ -74,7 +75,7 @@ class EmittersPlugin {
                         tmp.load(emitterMode.value);
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: tmp,

package/esm/EmitterInstance.js

@@ -1,6 +1,7 @@
-import { Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, isPointInside, itemFromSingleOrMultiple, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
+import { Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, isPointInside, itemFromSingleOrMultiple, millisecondsToSeconds, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
 import { EmitterSize } from "./Options/Classes/EmitterSize.js";
+const half = 0.5, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -32,12 +33,12 @@ export class EmitterInstance {
             if (this._paused) {
                 return;
             }
-            const duration = this.options.life?.duration !== undefined ? getRangeValue(this.options.life.duration) : undefined;
+            const duration = this.options.life?.duration !== undefined ? getRangeValue(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
             if (this.container.retina.reduceFactor &&
-                (this._lifeCount > 0 || this._immortal) &&
+                (this._lifeCount > minLifeCount || this._immortal) &&
                 duration !== undefined &&
-                duration > 0) {
-                this._duration = duration * 1000;
+                duration > minDuration) {
+                this._duration = duration * millisecondsToSeconds;
             }
         };
         this._setColorAnimation = (animation, initValue, maxValue) => {
@@ -45,8 +46,8 @@ export class EmitterInstance {
             if (!animation.enable) {
                 return initValue;
             }
-            const colorOffset = randomInRange(animation.offset), delay = getRangeValue(this.options.rate.delay), emitFactor = (1000 * delay) / container.retina.reduceFactor, colorSpeed = getRangeValue(animation.speed ?? 0);
-            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
+            const colorOffset = randomInRange(animation.offset), delay = getRangeValue(this.options.rate.delay), emitFactor = (delay * millisecondsToSeconds) / container.retina.reduceFactor, defaultColorSpeed = 0, colorFactor = 3.6, colorSpeed = getRangeValue(animation.speed ?? defaultColorSpeed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * colorFactor) % maxValue;
         };
         this._engine = engine;
         this._currentDuration = 0;
@@ -60,7 +61,9 @@ export class EmitterInstance {
             this.options = new Emitter();
             this.options.load(options);
         }
-        this._spawnDelay = (getRangeValue(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+        this._spawnDelay =
+            (getRangeValue(this.options.life.delay ?? defaultLifeDelay) * millisecondsToSeconds) /
+                this.container.retina.reduceFactor;
         this.position = this._initialPosition ?? this._calcPosition();
         this.name = this.options.name;
         this.fill = this.options.fill;
@@ -77,8 +80,8 @@ export class EmitterInstance {
         this._particlesOptions = particlesOptions;
         this._size = this._calcSize();
         this.size = getSize(this._size, this.container.canvas.size);
-        this._lifeCount = this.options.life.count ?? -1;
-        this._immortal = this._lifeCount <= 0;
+        this._lifeCount = this.options.life.count ?? defaultLifeCount;
+        this._immortal = this._lifeCount <= minLifeCount;
         if (this.options.domId) {
             const element = document.getElementById(this.options.domId);
             if (element) {
@@ -129,15 +132,15 @@ export class EmitterInstance {
             return;
         }
         if (!(this.container.retina.reduceFactor &&
-            (this._lifeCount > 0 || this._immortal || !this.options.life.count) &&
-            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? 0)))) {
+            (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&
+            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
             return;
         }
         if (this._emitDelay === undefined) {
             const delay = getRangeValue(this.options.rate.delay);
-            this._emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
+            this._emitDelay = (delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
         }
-        if (this._lifeCount > 0 || this._immortal) {
+        if (this._lifeCount > minLifeCount || this._immortal) {
             this._prepareToDie();
         }
     }
@@ -157,8 +160,8 @@ export class EmitterInstance {
         }
         if (this._firstSpawn) {
             this._firstSpawn = false;
-            this._currentSpawnDelay = this._spawnDelay ?? 0;
-            this._currentEmitDelay = this._emitDelay ?? 0;
+            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
         }
         if (!this._startParticlesAdded) {
             this._startParticlesAdded = true;
@@ -174,11 +177,12 @@ export class EmitterInstance {
                 if (!this._immortal) {
                     this._lifeCount--;
                 }
-                if (this._lifeCount > 0 || this._immortal) {
+                if (this._lifeCount > minLifeCount || this._immortal) {
                     this.position = this._calcPosition();
                     this._shape?.resize(this.position, this.size);
                     this._spawnDelay =
-                        (getRangeValue(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+                        (getRangeValue(this.options.life.delay ?? defaultLifeDelay) * millisecondsToSeconds) /
+                            this.container.retina.reduceFactor;
                 }
                 else {
                     this._destroy();
@@ -201,7 +205,7 @@ export class EmitterInstance {
         if (this._emitDelay !== undefined) {
             this._currentEmitDelay += delta.value;
             if (this._currentEmitDelay >= this._emitDelay) {
-                this._emit();
+                await this._emit();
                 this._currentEmitDelay -= this._emitDelay;
             }
         }
@@ -210,10 +214,10 @@ export class EmitterInstance {
         if (this.options.domId) {
             const container = this.container, element = document.getElementById(this.options.domId);
             if (element) {
-                const elRect = element.getBoundingClientRect();
+                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;
                 return {
-                    x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-                    y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio,
+                    x: (elRect.x + elRect.width * half) * pxRatio,
+                    y: (elRect.y + elRect.height * half) * pxRatio,
                 };
             }
         }
@@ -260,9 +264,14 @@ export class EmitterInstance {
             if (this.spawnColor) {
                 const hslAnimation = this.options.spawnColor?.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);
+                    const maxValues = {
+                        h: 360,
+                        s: 100,
+                        l: 100,
+                    };
+                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
+                    this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
+                    this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
                 }
                 setParticlesOptionsColor(particlesOptions, this.spawnColor);
             }

package/esm/Emitters.js

@@ -14,8 +14,9 @@ export class Emitters {
             },
             value: [],
         };
+        const defaultIndex = 0;
         container.getEmitter = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addEmitter = async (options, position) => this.addEmitter(options, position);
         container.removeEmitter = (idxOrName) => {
@@ -52,7 +53,8 @@ export class Emitters {
         }
         let emittersModeOptions;
         if (modeEmitters && isArray(modeEmitters.value)) {
-            if (modeEmitters.value.length > 0 && modeEmitters.random.enable) {
+            const minLength = 0;
+            if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
                 emittersModeOptions = [];
                 const usedIndexes = [];
                 for (let i = 0; i < modeEmitters.random.count; i++) {
@@ -73,8 +75,8 @@ export class Emitters {
             emittersModeOptions = modeEmitters?.value;
         }
         const emittersOptions = emittersModeOptions ?? emitterOptions, ePosition = this.container.interactivity.mouse.clickPosition;
-        executeOnSingleOrMultiple(emittersOptions, (emitter) => {
-            this.addEmitter(emitter, ePosition);
+        void executeOnSingleOrMultiple(emittersOptions, async (emitter) => {
+            await this.addEmitter(emitter, ePosition);
         });
     }
     async init() {
@@ -103,9 +105,9 @@ export class Emitters {
         }
     }
     removeEmitter(emitter) {
-        const index = this.array.indexOf(emitter);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/esm/index.js

@@ -39,10 +39,11 @@ class EmittersPlugin {
             else {
                 const emitterMode = interactivityEmitters;
                 if (emitterMode.value !== undefined) {
+                    const defaultCount = 1;
                     if (isArray(emitterMode.value)) {
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: emitterMode.value.map((s) => {
@@ -57,7 +58,7 @@ class EmittersPlugin {
                         tmp.load(emitterMode.value);
                         options.interactivity.modes.emitters = {
                             random: {
-                                count: emitterMode.random.count ?? 1,
+                                count: emitterMode.random.count ?? defaultCount,
                                 enable: emitterMode.random.enable ?? false,
                             },
                             value: tmp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-emitters",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "tsParticles emitters plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.2"
+    "@tsparticles/engine": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-emitters [6 Dec 2023 at 17:42]</title>
+    <title>@tsparticles/plugin-emitters [13 Jan 2024 at 23:04]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.emitters.js","isAsset":true,"statSize":21910,"parsedSize":25750,"gzipSize":5437,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":21868,"groups":[{"id":211,"label":"index.js + 10 modules (concatenated)","path":"./dist/browser/index.js + 10 modules (concatenated)","statSize":21868,"parsedSize":25750,"gzipSize":5437,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser","statSize":21868,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/index.js","statSize":3436,"parsedSize":4045,"gzipSize":854,"inaccurateSizes":true},{"id":null,"label":"Emitters.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Emitters.js","statSize":3709,"parsedSize":4367,"gzipSize":922,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes","statSize":3971,"groups":[{"id":null,"label":"Emitter.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/Emitter.js","statSize":1813,"parsedSize":2134,"gzipSize":450,"inaccurateSizes":true},{"id":null,"label":"EmitterLife.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterLife.js","statSize":510,"parsedSize":600,"gzipSize":126,"inaccurateSizes":true},{"id":null,"label":"EmitterRate.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterRate.js","statSize":402,"parsedSize":473,"gzipSize":99,"inaccurateSizes":true},{"id":null,"label":"EmitterShape.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterShape.js","statSize":524,"parsedSize":617,"gzipSize":130,"inaccurateSizes":true},{"id":null,"label":"EmitterSize.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterSize.js","statSize":406,"parsedSize":478,"gzipSize":100,"inaccurateSizes":true},{"id":null,"label":"EmitterShapeReplace.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterShapeReplace.js","statSize":316,"parsedSize":372,"gzipSize":78,"inaccurateSizes":true}],"parsedSize":4675,"gzipSize":987,"inaccurateSizes":true},{"id":null,"label":"ShapeManager.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/ShapeManager.js","statSize":400,"parsedSize":471,"gzipSize":99,"inaccurateSizes":true},{"id":null,"label":"EmitterShapeBase.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/EmitterShapeBase.js","statSize":269,"parsedSize":316,"gzipSize":66,"inaccurateSizes":true},{"id":null,"label":"EmitterInstance.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/EmitterInstance.js","statSize":10083,"parsedSize":11872,"gzipSize":2506,"inaccurateSizes":true}],"parsedSize":25750,"gzipSize":5437,"inaccurateSizes":true}]}],"parsedSize":25750,"gzipSize":5437},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.emitters":true}}];
+      window.chartData = [{"label":"tsparticles.plugin.emitters.js","isAsset":true,"statSize":22797,"parsedSize":26714,"gzipSize":5627,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":22755,"groups":[{"id":959,"label":"index.js + 10 modules (concatenated)","path":"./dist/browser/index.js + 10 modules (concatenated)","statSize":22755,"parsedSize":26714,"gzipSize":5627,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser","statSize":22755,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/index.js","statSize":3492,"parsedSize":4099,"gzipSize":863,"inaccurateSizes":true},{"id":null,"label":"Emitters.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Emitters.js","statSize":3860,"parsedSize":4531,"gzipSize":954,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes","statSize":3971,"groups":[{"id":null,"label":"Emitter.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/Emitter.js","statSize":1813,"parsedSize":2128,"gzipSize":448,"inaccurateSizes":true},{"id":null,"label":"EmitterLife.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterLife.js","statSize":510,"parsedSize":598,"gzipSize":126,"inaccurateSizes":true},{"id":null,"label":"EmitterRate.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterRate.js","statSize":402,"parsedSize":471,"gzipSize":99,"inaccurateSizes":true},{"id":null,"label":"EmitterShape.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterShape.js","statSize":524,"parsedSize":615,"gzipSize":129,"inaccurateSizes":true},{"id":null,"label":"EmitterSize.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterSize.js","statSize":406,"parsedSize":476,"gzipSize":100,"inaccurateSizes":true},{"id":null,"label":"EmitterShapeReplace.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/Options/Classes/EmitterShapeReplace.js","statSize":316,"parsedSize":370,"gzipSize":78,"inaccurateSizes":true}],"parsedSize":4661,"gzipSize":981,"inaccurateSizes":true},{"id":null,"label":"ShapeManager.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/ShapeManager.js","statSize":400,"parsedSize":469,"gzipSize":98,"inaccurateSizes":true},{"id":null,"label":"EmitterShapeBase.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/EmitterShapeBase.js","statSize":269,"parsedSize":315,"gzipSize":66,"inaccurateSizes":true},{"id":null,"label":"EmitterInstance.js","path":"./dist/browser/index.js + 10 modules (concatenated)/dist/browser/EmitterInstance.js","statSize":10763,"parsedSize":12635,"gzipSize":2661,"inaccurateSizes":true}],"parsedSize":26714,"gzipSize":5627,"inaccurateSizes":true}]}],"parsedSize":26714,"gzipSize":5627},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.emitters":true}}];
       window.entrypoints = ["tsparticles.plugin.emitters","tsparticles.plugin.emitters.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.plugin.emitters.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.2
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -268,6 +268,12 @@ class Emitter {
 
 
 
+const half = 0.5,
+  defaultLifeDelay = 0,
+  minLifeCount = 0,
+  defaultSpawnDelay = 0,
+  defaultEmitDelay = 0,
+  defaultLifeCount = -1;
 function setParticlesOptionsColor(particlesOptions, color) {
   if (particlesOptions.color) {
     particlesOptions.color.value = color;
@@ -298,9 +304,11 @@ class EmitterInstance {
       if (this._paused) {
         return;
       }
-      const duration = this.options.life?.duration !== undefined ? (0,engine_root_window_.getRangeValue)(this.options.life.duration) : undefined;
-      if (this.container.retina.reduceFactor && (this._lifeCount > 0 || this._immortal) && duration !== undefined && duration > 0) {
-        this._duration = duration * 1000;
+      const duration = this.options.life?.duration !== undefined ? (0,engine_root_window_.getRangeValue)(this.options.life.duration) : undefined,
+        minDuration = 0,
+        minLifeCount = 0;
+      if (this.container.retina.reduceFactor && (this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
+        this._duration = duration * engine_root_window_.millisecondsToSeconds;
       }
     };
     this._setColorAnimation = (animation, initValue, maxValue) => {
@@ -310,9 +318,11 @@ class EmitterInstance {
       }
       const colorOffset = (0,engine_root_window_.randomInRange)(animation.offset),
         delay = (0,engine_root_window_.getRangeValue)(this.options.rate.delay),
-        emitFactor = 1000 * delay / container.retina.reduceFactor,
-        colorSpeed = (0,engine_root_window_.getRangeValue)(animation.speed ?? 0);
-      return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * 3.6) % maxValue;
+        emitFactor = delay * engine_root_window_.millisecondsToSeconds / container.retina.reduceFactor,
+        defaultColorSpeed = 0,
+        colorFactor = 3.6,
+        colorSpeed = (0,engine_root_window_.getRangeValue)(animation.speed ?? defaultColorSpeed);
+      return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * colorFactor) % maxValue;
     };
     this._engine = engine;
     this._currentDuration = 0;
@@ -325,7 +335,7 @@ class EmitterInstance {
       this.options = new Emitter();
       this.options.load(options);
     }
-    this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? 0) * 1000 / this.container.retina.reduceFactor;
+    this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
     this.position = this._initialPosition ?? this._calcPosition();
     this.name = this.options.name;
     this.fill = this.options.fill;
@@ -342,8 +352,8 @@ class EmitterInstance {
     this._particlesOptions = particlesOptions;
     this._size = this._calcSize();
     this.size = (0,engine_root_window_.getSize)(this._size, this.container.canvas.size);
-    this._lifeCount = this.options.life.count ?? -1;
-    this._immortal = this._lifeCount <= 0;
+    this._lifeCount = this.options.life.count ?? defaultLifeCount;
+    this._immortal = this._lifeCount <= minLifeCount;
     if (this.options.domId) {
       const element = document.getElementById(this.options.domId);
       if (element) {
@@ -394,14 +404,14 @@ class EmitterInstance {
     if (this._paused) {
       return;
     }
-    if (!(this.container.retina.reduceFactor && (this._lifeCount > 0 || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? 0)))) {
+    if (!(this.container.retina.reduceFactor && (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
       return;
     }
     if (this._emitDelay === undefined) {
       const delay = (0,engine_root_window_.getRangeValue)(this.options.rate.delay);
-      this._emitDelay = 1000 * delay / this.container.retina.reduceFactor;
+      this._emitDelay = delay * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
     }
-    if (this._lifeCount > 0 || this._immortal) {
+    if (this._lifeCount > minLifeCount || this._immortal) {
       this._prepareToDie();
     }
   }
@@ -418,8 +428,8 @@ class EmitterInstance {
     }
     if (this._firstSpawn) {
       this._firstSpawn = false;
-      this._currentSpawnDelay = this._spawnDelay ?? 0;
-      this._currentEmitDelay = this._emitDelay ?? 0;
+      this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+      this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
     }
     if (!this._startParticlesAdded) {
       this._startParticlesAdded = true;
@@ -435,10 +445,10 @@ class EmitterInstance {
         if (!this._immortal) {
           this._lifeCount--;
         }
-        if (this._lifeCount > 0 || this._immortal) {
+        if (this._lifeCount > minLifeCount || this._immortal) {
           this.position = this._calcPosition();
           this._shape?.resize(this.position, this.size);
-          this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? 0) * 1000 / this.container.retina.reduceFactor;
+          this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
         } else {
           this._destroy();
         }
@@ -460,7 +470,7 @@ class EmitterInstance {
     if (this._emitDelay !== undefined) {
       this._currentEmitDelay += delta.value;
       if (this._currentEmitDelay >= this._emitDelay) {
-        this._emit();
+        await this._emit();
         this._currentEmitDelay -= this._emitDelay;
       }
     }
@@ -470,10 +480,11 @@ class EmitterInstance {
       const container = this.container,
         element = document.getElementById(this.options.domId);
       if (element) {
-        const elRect = element.getBoundingClientRect();
+        const elRect = element.getBoundingClientRect(),
+          pxRatio = container.retina.pixelRatio;
         return {
-          x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-          y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio
+          x: (elRect.x + elRect.width * half) * pxRatio,
+          y: (elRect.y + elRect.height * half) * pxRatio
         };
       }
     }
@@ -519,9 +530,14 @@ class EmitterInstance {
       if (this.spawnColor) {
         const hslAnimation = this.options.spawnColor?.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);
+          const maxValues = {
+            h: 360,
+            s: 100,
+            l: 100
+          };
+          this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
+          this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
+          this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
         }
         setParticlesOptionsColor(particlesOptions, this.spawnColor);
       }
@@ -571,7 +587,8 @@ class Emitters {
       },
       value: []
     };
-    container.getEmitter = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName || 0] : this.array.find(t => t.name === idxOrName);
+    const defaultIndex = 0;
+    container.getEmitter = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName ?? defaultIndex] : this.array.find(t => t.name === idxOrName);
     container.addEmitter = async (options, position) => this.addEmitter(options, position);
     container.removeEmitter = idxOrName => {
       const emitter = container.getEmitter(idxOrName);
@@ -608,7 +625,8 @@ class Emitters {
     }
     let emittersModeOptions;
     if (modeEmitters && (0,engine_root_window_.isArray)(modeEmitters.value)) {
-      if (modeEmitters.value.length > 0 && modeEmitters.random.enable) {
+      const minLength = 0;
+      if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
         emittersModeOptions = [];
         const usedIndexes = [];
         for (let i = 0; i < modeEmitters.random.count; i++) {
@@ -628,8 +646,8 @@ class Emitters {
     }
     const emittersOptions = emittersModeOptions ?? emitterOptions,
       ePosition = this.container.interactivity.mouse.clickPosition;
-    (0,engine_root_window_.executeOnSingleOrMultiple)(emittersOptions, emitter => {
-      this.addEmitter(emitter, ePosition);
+    void (0,engine_root_window_.executeOnSingleOrMultiple)(emittersOptions, async emitter => {
+      await this.addEmitter(emitter, ePosition);
     });
   }
   async init() {
@@ -657,9 +675,11 @@ class Emitters {
     }
   }
   removeEmitter(emitter) {
-    const index = this.array.indexOf(emitter);
-    if (index >= 0) {
-      this.array.splice(index, 1);
+    const index = this.array.indexOf(emitter),
+      minIndex = 0,
+      deleteCount = 1;
+    if (index >= minIndex) {
+      this.array.splice(index, deleteCount);
     }
   }
   resize() {
@@ -748,10 +768,11 @@ class EmittersPlugin {
       } else {
         const emitterMode = interactivityEmitters;
         if (emitterMode.value !== undefined) {
+          const defaultCount = 1;
           if ((0,engine_root_window_.isArray)(emitterMode.value)) {
             options.interactivity.modes.emitters = {
               random: {
-                count: emitterMode.random.count ?? 1,
+                count: emitterMode.random.count ?? defaultCount,
                 enable: emitterMode.random.enable ?? false
               },
               value: emitterMode.value.map(s => {
@@ -765,7 +786,7 @@ class EmittersPlugin {
             tmp.load(emitterMode.value);
             options.interactivity.modes.emitters = {
               random: {
-                count: emitterMode.random.count ?? 1,
+                count: emitterMode.random.count ?? defaultCount,
                 enable: emitterMode.random.enable ?? false
               },
               value: tmp

package/tsparticles.plugin.emitters.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.emitters.min.js.LICENSE.txt */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var e="object"==typeof exports?i(require("@tsparticles/engine")):i(t.window);for(var s in e)("object"==typeof exports?exports:t)[s]=e[s]}}(this,(t=>(()=>{"use strict";var i={533:i=>{i.exports=t}},e={};function s(t){var o=e[t];if(void 0!==o)return o.exports;var n=e[t]={exports:{}};return i[t](n,n.exports,s),n.exports}s.d=(t,i)=>{for(var e in i)s.o(i,e)&&!s.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},s.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var o={};return(()=>{s.r(o),s.d(o,{EmitterShapeBase:()=>m,loadEmittersPlugin:()=>_});var t=s(533);class i{constructor(){this.wait=!1}load(i){i&&(void 0!==i.count&&(this.count=i.count),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)),void 0!==i.duration&&(this.duration=(0,t.setRangeValue)(i.duration)),void 0!==i.wait&&(this.wait=i.wait))}}class e{constructor(){this.quantity=1,this.delay=.1}load(i){void 0!==i&&(void 0!==i.quantity&&(this.quantity=(0,t.setRangeValue)(i.quantity)),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){t&&(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class a{constructor(){this.options={},this.replace=new n,this.type="square"}load(i){i&&(void 0!==i.options&&(this.options=(0,t.deepExtend)({},i.options??{})),this.replace.load(i.replace),void 0!==i.type&&(this.type=i.type))}}class r{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new i,this.rate=new e,this.shape=new a,this.startCount=0}load(i){i&&(void 0!==i.autoPlay&&(this.autoPlay=i.autoPlay),void 0!==i.size&&(this.size||(this.size=new r),this.size.load(i.size)),void 0!==i.direction&&(this.direction=i.direction),this.domId=i.domId,void 0!==i.fill&&(this.fill=i.fill),this.life.load(i.life),this.name=i.name,this.particles=(0,t.executeOnSingleOrMultiple)(i.particles,(i=>(0,t.deepExtend)({},i))),this.rate.load(i.rate),this.shape.load(i.shape),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,t.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,t.setRangeValue)(i.position.y))),void 0!==i.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new t.AnimatableColor),this.spawnColor.load(i.spawnColor)),void 0!==i.startCount&&(this.startCount=i.startCount))}}function l(t,i){t.color?t.color.value=i:t.color={value:i}}class c{constructor(i,e,s,o,n){this.emitters=e,this.container=s,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const i=void 0!==this.options.life?.duration?(0,t.getRangeValue)(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==i&&i>0&&(this._duration=1e3*i)},this._setColorAnimation=(i,e,s)=>{const o=this.container;if(!i.enable)return e;const n=(0,t.randomInRange)(i.offset),a=1e3*(0,t.getRangeValue)(this.options.rate.delay)/o.retina.reduceFactor;return(e+(0,t.getRangeValue)(i.speed??0)*o.fpsLimit/a+3.6*n)%s},this._engine=i,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,o instanceof h?this.options=o:(this.options=new h,this.options.load(o)),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let a=(0,t.deepExtend)({},this.options.particles);if(a??={},a.move??={},a.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,t.rangeColorToHsl)(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=a,this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=document.getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const r=this.options.shape,l=this._engine.emitterShapeManager?.getShapeGenerator(r.type);l&&(this._shape=l.generate(this.position,this.size,this.fill,r.options)),this._engine.dispatchEvent("emitterCreated",{container:s,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const i=(0,t.getRangeValue)(this.options.rate.delay);this._emitDelay=1e3*i/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const i=this._initialPosition;this.position=i&&(0,t.isPointInside)(i,this.container.canvas.size,t.Vector.origin)?i:this._calcPosition(),this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}async update(i){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,await this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=i.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=i.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=i.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=this.container,i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{x:(e.x+e.width/2)*t.retina.pixelRatio,y:(e.y+e.height/2)*t.retina.pixelRatio}}}return(0,t.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio,mode:"precise"}}}return this.options.size??(()=>{const t=new r;return t.load({height:0,mode:"percent",width:0}),t})()}async _emit(){if(this._paused)return;const i=(0,t.getRangeValue)(this.options.rate.quantity);await this._emitParticles(i)}async _emitParticles(i){const e=(0,t.itemFromSingleOrMultiple)(this._particlesOptions);for(let s=0;s<i;s++){const i=(0,t.deepExtend)({},e);if(this.spawnColor){const t=this.options.spawnColor?.animation;t&&(this.spawnColor.h=this._setColorAnimation(t.h,this.spawnColor.h,360),this.spawnColor.s=this._setColorAnimation(t.s,this.spawnColor.s,100),this.spawnColor.l=this._setColorAnimation(t.l,this.spawnColor.l,100)),l(i,this.spawnColor)}const s=this.options.shape;let o=this.position;if(this._shape){const t=await this._shape.randomPosition();if(t){o=t.position;const e=s.replace;e.color&&t.color&&l(i,t.color),e.opacity&&(i.opacity?i.opacity.value=t.opacity:i.opacity={value:t.opacity})}else o=null}o&&this.container.particles.addParticle(o,i)}}}class d{constructor(i,e){this.container=e,this._engine=i,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]},e.getEmitter=i=>void 0===i||(0,t.isNumber)(i)?this.array[i||0]:this.array.find((t=>t.name===i)),e.addEmitter=async(t,i)=>this.addEmitter(t,i),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}async addEmitter(t,i){const e=new h;e.load(t);const s=new c(this._engine,this,this.container,e,i);return await s.init(),this.array.push(s),s}handleClickMode(i){const e=this.emitters,s=this.interactivityEmitters;if("emitter"!==i)return;let o;if(s&&(0,t.isArray)(s.value))if(s.value.length>0&&s.random.enable){o=[];const i=[];for(let e=0;e<s.random.count;e++){const n=(0,t.arrayRandomIndex)(s.value);i.includes(n)&&i.length<s.value.length?e--:(i.push(n),o.push((0,t.itemFromArray)(s.value,n)))}}else o=s.value;else o=s?.value;const n=o??e,a=this.container.interactivity.mouse.clickPosition;(0,t.executeOnSingleOrMultiple)(n,(t=>{this.addEmitter(t,a)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if((0,t.isArray)(this.emitters))for(const t of this.emitters)await this.addEmitter(t);else await this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}async update(t){for(const i of this.array)await i.update(t)}}const p=new Map;class u{constructor(t){this._engine=t}addShapeGenerator(t,i){this.getShapeGenerator(t)||p.set(t,i)}getShapeGenerator(t){return p.get(t)}getSupportedShapeGenerators(){return p.keys()}}class m{constructor(t,i,e,s){this.position=t,this.size=i,this.fill=e,this.options=s}resize(t,i){this.position=t,this.size=i}}class y{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return new d(this._engine,t)}loadOptions(i,e){if(!this.needsPlugin(i)&&!this.needsPlugin(e))return;e?.emitters&&(i.emitters=(0,t.executeOnSingleOrMultiple)(e.emitters,(t=>{const i=new h;return i.load(t),i})));const s=e?.interactivity?.modes?.emitters;if(s)if((0,t.isArray)(s))i.interactivity.modes.emitters={random:{count:1,enable:!0},value:s.map((t=>{const i=new h;return i.load(t),i}))};else{const e=s;if(void 0!==e.value)if((0,t.isArray)(e.value))i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:e.value.map((t=>{const i=new h;return i.load(t),i}))};else{const t=new h;t.load(e.value),i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:t}}else{(i.interactivity.modes.emitters={random:{count:1,enable:!1},value:new h}).value.load(s)}}}needsPlugin(i){if(!i)return!1;const e=i.emitters;return(0,t.isArray)(e)&&!!e.length||void 0!==e||!!i.interactivity?.events?.onClick?.mode&&(0,t.isInArray)("emitter",i.interactivity.events.onClick.mode)}}async function _(t,i=!0){t.emitterShapeManager||(t.emitterShapeManager=new u(t)),t.addEmitterShapeGenerator||(t.addEmitterShapeGenerator=(i,e)=>{t.emitterShapeManager?.addShapeGenerator(i,e)});const e=new y(t);await t.addPlugin(e,i)}})(),o})()));
+!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var e="object"==typeof exports?i(require("@tsparticles/engine")):i(t.window);for(var s in e)("object"==typeof exports?exports:t)[s]=e[s]}}(this,(t=>(()=>{"use strict";var i={533:i=>{i.exports=t}},e={};function s(t){var o=e[t];if(void 0!==o)return o.exports;var n=e[t]={exports:{}};return i[t](n,n.exports,s),n.exports}s.d=(t,i)=>{for(var e in i)s.o(i,e)&&!s.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},s.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var o={};return(()=>{s.r(o),s.d(o,{EmitterShapeBase:()=>m,loadEmittersPlugin:()=>_});var t=s(533);class i{constructor(){this.wait=!1}load(i){i&&(void 0!==i.count&&(this.count=i.count),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)),void 0!==i.duration&&(this.duration=(0,t.setRangeValue)(i.duration)),void 0!==i.wait&&(this.wait=i.wait))}}class e{constructor(){this.quantity=1,this.delay=.1}load(i){void 0!==i&&(void 0!==i.quantity&&(this.quantity=(0,t.setRangeValue)(i.quantity)),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){t&&(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class a{constructor(){this.options={},this.replace=new n,this.type="square"}load(i){i&&(void 0!==i.options&&(this.options=(0,t.deepExtend)({},i.options??{})),this.replace.load(i.replace),void 0!==i.type&&(this.type=i.type))}}class r{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new i,this.rate=new e,this.shape=new a,this.startCount=0}load(i){i&&(void 0!==i.autoPlay&&(this.autoPlay=i.autoPlay),void 0!==i.size&&(this.size||(this.size=new r),this.size.load(i.size)),void 0!==i.direction&&(this.direction=i.direction),this.domId=i.domId,void 0!==i.fill&&(this.fill=i.fill),this.life.load(i.life),this.name=i.name,this.particles=(0,t.executeOnSingleOrMultiple)(i.particles,(i=>(0,t.deepExtend)({},i))),this.rate.load(i.rate),this.shape.load(i.shape),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,t.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,t.setRangeValue)(i.position.y))),void 0!==i.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new t.AnimatableColor),this.spawnColor.load(i.spawnColor)),void 0!==i.startCount&&(this.startCount=i.startCount))}}function l(t,i){t.color?t.color.value=i:t.color={value:i}}class c{constructor(i,e,s,o,n){this.emitters=e,this.container=s,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const i=void 0!==this.options.life?.duration?(0,t.getRangeValue)(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==i&&i>0&&(this._duration=i*t.millisecondsToSeconds)},this._setColorAnimation=(i,e,s)=>{const o=this.container;if(!i.enable)return e;const n=(0,t.randomInRange)(i.offset),a=(0,t.getRangeValue)(this.options.rate.delay)*t.millisecondsToSeconds/o.retina.reduceFactor;return(e+(0,t.getRangeValue)(i.speed??0)*o.fpsLimit/a+3.6*n)%s},this._engine=i,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,o instanceof h?this.options=o:(this.options=new h,this.options.load(o)),this._spawnDelay=(0,t.getRangeValue)(this.options.life.delay??0)*t.millisecondsToSeconds/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let a=(0,t.deepExtend)({},this.options.particles);if(a??={},a.move??={},a.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,t.rangeColorToHsl)(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=a,this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=document.getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const r=this.options.shape,l=this._engine.emitterShapeManager?.getShapeGenerator(r.type);l&&(this._shape=l.generate(this.position,this.size,this.fill,r.options)),this._engine.dispatchEvent("emitterCreated",{container:s,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const i=(0,t.getRangeValue)(this.options.rate.delay);this._emitDelay=i*t.millisecondsToSeconds/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const i=this._initialPosition;this.position=i&&(0,t.isPointInside)(i,this.container.canvas.size,t.Vector.origin)?i:this._calcPosition(),this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}async update(i){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,await this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=i.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=(0,t.getRangeValue)(this.options.life.delay??0)*t.millisecondsToSeconds/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=i.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=i.value,this._currentEmitDelay>=this._emitDelay&&(await this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=this.container,i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect(),s=t.retina.pixelRatio;return{x:(e.x+.5*e.width)*s,y:(e.y+.5*e.height)*s}}}return(0,t.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio,mode:"precise"}}}return this.options.size??(()=>{const t=new r;return t.load({height:0,mode:"percent",width:0}),t})()}async _emit(){if(this._paused)return;const i=(0,t.getRangeValue)(this.options.rate.quantity);await this._emitParticles(i)}async _emitParticles(i){const e=(0,t.itemFromSingleOrMultiple)(this._particlesOptions);for(let s=0;s<i;s++){const i=(0,t.deepExtend)({},e);if(this.spawnColor){const t=this.options.spawnColor?.animation;if(t){const i={h:360,s:100,l:100};this.spawnColor.h=this._setColorAnimation(t.h,this.spawnColor.h,i.h),this.spawnColor.s=this._setColorAnimation(t.s,this.spawnColor.s,i.s),this.spawnColor.l=this._setColorAnimation(t.l,this.spawnColor.l,i.l)}l(i,this.spawnColor)}const s=this.options.shape;let o=this.position;if(this._shape){const t=await this._shape.randomPosition();if(t){o=t.position;const e=s.replace;e.color&&t.color&&l(i,t.color),e.opacity&&(i.opacity?i.opacity.value=t.opacity:i.opacity={value:t.opacity})}else o=null}o&&this.container.particles.addParticle(o,i)}}}class d{constructor(i,e){this.container=e,this._engine=i,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]};e.getEmitter=i=>void 0===i||(0,t.isNumber)(i)?this.array[i??0]:this.array.find((t=>t.name===i)),e.addEmitter=async(t,i)=>this.addEmitter(t,i),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}async addEmitter(t,i){const e=new h;e.load(t);const s=new c(this._engine,this,this.container,e,i);return await s.init(),this.array.push(s),s}handleClickMode(i){const e=this.emitters,s=this.interactivityEmitters;if("emitter"!==i)return;let o;if(s&&(0,t.isArray)(s.value)){const i=0;if(s.value.length>i&&s.random.enable){o=[];const i=[];for(let e=0;e<s.random.count;e++){const n=(0,t.arrayRandomIndex)(s.value);i.includes(n)&&i.length<s.value.length?e--:(i.push(n),o.push((0,t.itemFromArray)(s.value,n)))}}else o=s.value}else o=s?.value;const n=o??e,a=this.container.interactivity.mouse.clickPosition;(0,t.executeOnSingleOrMultiple)(n,(async t=>{await this.addEmitter(t,a)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if((0,t.isArray)(this.emitters))for(const t of this.emitters)await this.addEmitter(t);else await this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}async update(t){for(const i of this.array)await i.update(t)}}const p=new Map;class u{constructor(t){this._engine=t}addShapeGenerator(t,i){this.getShapeGenerator(t)||p.set(t,i)}getShapeGenerator(t){return p.get(t)}getSupportedShapeGenerators(){return p.keys()}}class m{constructor(t,i,e,s){this.position=t,this.size=i,this.fill=e,this.options=s}resize(t,i){this.position=t,this.size=i}}class y{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return new d(this._engine,t)}loadOptions(i,e){if(!this.needsPlugin(i)&&!this.needsPlugin(e))return;e?.emitters&&(i.emitters=(0,t.executeOnSingleOrMultiple)(e.emitters,(t=>{const i=new h;return i.load(t),i})));const s=e?.interactivity?.modes?.emitters;if(s)if((0,t.isArray)(s))i.interactivity.modes.emitters={random:{count:1,enable:!0},value:s.map((t=>{const i=new h;return i.load(t),i}))};else{const e=s;if(void 0!==e.value){const s=1;if((0,t.isArray)(e.value))i.interactivity.modes.emitters={random:{count:e.random.count??s,enable:e.random.enable??!1},value:e.value.map((t=>{const i=new h;return i.load(t),i}))};else{const t=new h;t.load(e.value),i.interactivity.modes.emitters={random:{count:e.random.count??s,enable:e.random.enable??!1},value:t}}}else{(i.interactivity.modes.emitters={random:{count:1,enable:!1},value:new h}).value.load(s)}}}needsPlugin(i){if(!i)return!1;const e=i.emitters;return(0,t.isArray)(e)&&!!e.length||void 0!==e||!!i.interactivity?.events?.onClick?.mode&&(0,t.isInArray)("emitter",i.interactivity.events.onClick.mode)}}async function _(t,i=!0){t.emitterShapeManager||(t.emitterShapeManager=new u(t)),t.addEmitterShapeGenerator||(t.addEmitterShapeGenerator=(i,e)=>{t.emitterShapeManager?.addShapeGenerator(i,e)});const e=new y(t);await t.addPlugin(e,i)}})(),o})()));

package/tsparticles.plugin.emitters.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Emitters Plugin v3.0.2 by Matteo Bruni */
+/*! tsParticles Emitters Plugin v3.1.0 by Matteo Bruni */

package/umd/EmitterInstance.js

@@ -13,6 +13,7 @@
     const engine_1 = require("@tsparticles/engine");
     const Emitter_js_1 = require("./Options/Classes/Emitter.js");
     const EmitterSize_js_1 = require("./Options/Classes/EmitterSize.js");
+    const half = 0.5, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1;
     function setParticlesOptionsColor(particlesOptions, color) {
         if (particlesOptions.color) {
             particlesOptions.color.value = color;
@@ -44,12 +45,12 @@
                 if (this._paused) {
                     return;
                 }
-                const duration = this.options.life?.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined;
+                const duration = this.options.life?.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
                 if (this.container.retina.reduceFactor &&
-                    (this._lifeCount > 0 || this._immortal) &&
+                    (this._lifeCount > minLifeCount || this._immortal) &&
                     duration !== undefined &&
-                    duration > 0) {
-                    this._duration = duration * 1000;
+                    duration > minDuration) {
+                    this._duration = duration * engine_1.millisecondsToSeconds;
                 }
             };
             this._setColorAnimation = (animation, initValue, maxValue) => {
@@ -57,8 +58,8 @@
                 if (!animation.enable) {
                     return initValue;
                 }
-                const colorOffset = (0, engine_1.randomInRange)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = (1000 * delay) / container.retina.reduceFactor, colorSpeed = (0, engine_1.getRangeValue)(animation.speed ?? 0);
-                return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
+                const colorOffset = (0, engine_1.randomInRange)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor, defaultColorSpeed = 0, colorFactor = 3.6, colorSpeed = (0, engine_1.getRangeValue)(animation.speed ?? defaultColorSpeed);
+                return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * colorFactor) % maxValue;
             };
             this._engine = engine;
             this._currentDuration = 0;
@@ -72,7 +73,9 @@
                 this.options = new Emitter_js_1.Emitter();
                 this.options.load(options);
             }
-            this._spawnDelay = ((0, engine_1.getRangeValue)(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+            this._spawnDelay =
+                ((0, engine_1.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_1.millisecondsToSeconds) /
+                    this.container.retina.reduceFactor;
             this.position = this._initialPosition ?? this._calcPosition();
             this.name = this.options.name;
             this.fill = this.options.fill;
@@ -89,8 +92,8 @@
             this._particlesOptions = particlesOptions;
             this._size = this._calcSize();
             this.size = (0, engine_1.getSize)(this._size, this.container.canvas.size);
-            this._lifeCount = this.options.life.count ?? -1;
-            this._immortal = this._lifeCount <= 0;
+            this._lifeCount = this.options.life.count ?? defaultLifeCount;
+            this._immortal = this._lifeCount <= minLifeCount;
             if (this.options.domId) {
                 const element = document.getElementById(this.options.domId);
                 if (element) {
@@ -141,15 +144,15 @@
                 return;
             }
             if (!(this.container.retina.reduceFactor &&
-                (this._lifeCount > 0 || this._immortal || !this.options.life.count) &&
-                (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? 0)))) {
+                (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&
+                (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
                 return;
             }
             if (this._emitDelay === undefined) {
                 const delay = (0, engine_1.getRangeValue)(this.options.rate.delay);
-                this._emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
+                this._emitDelay = (delay * engine_1.millisecondsToSeconds) / this.container.retina.reduceFactor;
             }
-            if (this._lifeCount > 0 || this._immortal) {
+            if (this._lifeCount > minLifeCount || this._immortal) {
                 this._prepareToDie();
             }
         }
@@ -169,8 +172,8 @@
             }
             if (this._firstSpawn) {
                 this._firstSpawn = false;
-                this._currentSpawnDelay = this._spawnDelay ?? 0;
-                this._currentEmitDelay = this._emitDelay ?? 0;
+                this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+                this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
             }
             if (!this._startParticlesAdded) {
                 this._startParticlesAdded = true;
@@ -186,11 +189,12 @@
                     if (!this._immortal) {
                         this._lifeCount--;
                     }
-                    if (this._lifeCount > 0 || this._immortal) {
+                    if (this._lifeCount > minLifeCount || this._immortal) {
                         this.position = this._calcPosition();
                         this._shape?.resize(this.position, this.size);
                         this._spawnDelay =
-                            ((0, engine_1.getRangeValue)(this.options.life.delay ?? 0) * 1000) / this.container.retina.reduceFactor;
+                            ((0, engine_1.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_1.millisecondsToSeconds) /
+                                this.container.retina.reduceFactor;
                     }
                     else {
                         this._destroy();
@@ -213,7 +217,7 @@
             if (this._emitDelay !== undefined) {
                 this._currentEmitDelay += delta.value;
                 if (this._currentEmitDelay >= this._emitDelay) {
-                    this._emit();
+                    await this._emit();
                     this._currentEmitDelay -= this._emitDelay;
                 }
             }
@@ -222,10 +226,10 @@
             if (this.options.domId) {
                 const container = this.container, element = document.getElementById(this.options.domId);
                 if (element) {
-                    const elRect = element.getBoundingClientRect();
+                    const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;
                     return {
-                        x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-                        y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio,
+                        x: (elRect.x + elRect.width * half) * pxRatio,
+                        y: (elRect.y + elRect.height * half) * pxRatio,
                     };
                 }
             }
@@ -272,9 +276,14 @@
                 if (this.spawnColor) {
                     const hslAnimation = this.options.spawnColor?.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);
+                        const maxValues = {
+                            h: 360,
+                            s: 100,
+                            l: 100,
+                        };
+                        this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
+                        this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
+                        this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
                     }
                     setParticlesOptionsColor(particlesOptions, this.spawnColor);
                 }

package/umd/Emitters.js

@@ -26,8 +26,9 @@
                 },
                 value: [],
             };
+            const defaultIndex = 0;
             container.getEmitter = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
-                ? this.array[idxOrName || 0]
+                ? this.array[idxOrName ?? defaultIndex]
                 : this.array.find((t) => t.name === idxOrName);
             container.addEmitter = async (options, position) => this.addEmitter(options, position);
             container.removeEmitter = (idxOrName) => {
@@ -64,7 +65,8 @@
             }
             let emittersModeOptions;
             if (modeEmitters && (0, engine_1.isArray)(modeEmitters.value)) {
-                if (modeEmitters.value.length > 0 && modeEmitters.random.enable) {
+                const minLength = 0;
+                if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
                     emittersModeOptions = [];
                     const usedIndexes = [];
                     for (let i = 0; i < modeEmitters.random.count; i++) {
@@ -85,8 +87,8 @@
                 emittersModeOptions = modeEmitters?.value;
             }
             const emittersOptions = emittersModeOptions ?? emitterOptions, ePosition = this.container.interactivity.mouse.clickPosition;
-            (0, engine_1.executeOnSingleOrMultiple)(emittersOptions, (emitter) => {
-                this.addEmitter(emitter, ePosition);
+            void (0, engine_1.executeOnSingleOrMultiple)(emittersOptions, async (emitter) => {
+                await this.addEmitter(emitter, ePosition);
             });
         }
         async init() {
@@ -115,9 +117,9 @@
             }
         }
         removeEmitter(emitter) {
-            const index = this.array.indexOf(emitter);
-            if (index >= 0) {
-                this.array.splice(index, 1);
+            const index = this.array.indexOf(emitter), minIndex = 0, deleteCount = 1;
+            if (index >= minIndex) {
+                this.array.splice(index, deleteCount);
             }
         }
         resize() {

package/umd/index.js

@@ -65,10 +65,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
                 else {
                     const emitterMode = interactivityEmitters;
                     if (emitterMode.value !== undefined) {
+                        const defaultCount = 1;
                         if ((0, engine_1.isArray)(emitterMode.value)) {
                             options.interactivity.modes.emitters = {
                                 random: {
-                                    count: emitterMode.random.count ?? 1,
+                                    count: emitterMode.random.count ?? defaultCount,
                                     enable: emitterMode.random.enable ?? false,
                                 },
                                 value: emitterMode.value.map((s) => {
@@ -83,7 +84,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
                             tmp.load(emitterMode.value);
                             options.interactivity.modes.emitters = {
                                 random: {
-                                    count: emitterMode.random.count ?? 1,
+                                    count: emitterMode.random.count ?? defaultCount,
                                     enable: emitterMode.random.enable ?? false,
                                 },
                                 value: tmp,