@tsparticles/plugin-emitters 3.0.3 → 3.2.0

package/113.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 113.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[113],{113:(e,t,r)=>{r.d(t,{ShapeManager:()=>s});const a=new Map;class s{constructor(e){this._engine=e}addShapeGenerator(e,t){this.getShapeGenerator(e)||a.set(e,t)}getShapeGenerator(e){return a.get(e)}getSupportedShapeGenerators(){return a.keys()}}}}]);

package/113.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v3.2.0 by Matteo Bruni */

package/927.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 927.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[927],{927:(t,i,s)=>{s.d(i,{EmitterInstance:()=>r});var e=s(533),n=s(177),o=s(518);function a(t,i){t.color?t.color.value=i:t.color={value:i}}class r{constructor(t,i,s,o,a){this.emitters=i,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 t=void 0!==this.options.life?.duration?(0,e.getRangeValue)(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*e.millisecondsToSeconds)},this._setColorAnimation=(t,i,s,n=1)=>{const o=this.container;if(!t.enable)return i;const a=(0,e.randomInRange)(t.offset),r=(0,e.getRangeValue)(this.options.rate.delay)*e.millisecondsToSeconds/o.retina.reduceFactor;return(i+(0,e.getRangeValue)(t.speed??0)*o.fpsLimit/r+a*n)%s},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=a,o instanceof n.Emitter?this.options=o:(this.options=new n.Emitter,this.options.load(o)),this._spawnDelay=(0,e.getRangeValue)(this.options.life.delay??0)*e.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 r=(0,e.deepExtend)({},this.options.particles);if(r??={},r.move??={},r.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,e.rangeColorToHsl)(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=r,this._size=this._calcSize(),this.size=(0,e.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 h=this.options.shape,l=this._engine.emitterShapeManager?.getShapeGenerator(h.type);l&&(this._shape=l.generate(this.position,this.size,this.fill,h.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 t=(0,e.getRangeValue)(this.options.rate.delay);this._emitDelay=t*e.millisecondsToSeconds/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const t=this._initialPosition;this.position=t&&(0,e.isPointInside)(t,this.container.canvas.size,e.Vector.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=(0,e.getSize)(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}async update(t){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+=t.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,e.getRangeValue)(this.options.life.delay??0)*e.millisecondsToSeconds/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.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+=t.value,this._currentEmitDelay>=this._emitDelay&&(await this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=document.getElementById(this.options.domId);if(t){const i=t.getBoundingClientRect(),s=this.container.retina.pixelRatio;return{x:(i.x+.5*i.width)*s,y:(i.y+.5*i.height)*s}}}return(0,e.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 s=i.getBoundingClientRect();return{width:s.width*t.retina.pixelRatio,height:s.height*t.retina.pixelRatio,mode:"precise"}}}return this.options.size??(()=>{const t=new o.r;return t.load({height:0,mode:"percent",width:0}),t})()}async _emit(){if(this._paused)return;const t=(0,e.getRangeValue)(this.options.rate.quantity);await this._emitParticles(t)}async _emitParticles(t){const i=(0,e.itemFromSingleOrMultiple)(this._particlesOptions);for(let s=0;s<t;s++){const t=(0,e.deepExtend)({},i);if(this.spawnColor){const i=this.options.spawnColor?.animation;if(i){const t={h:360,s:100,l:100},s=3.6;this.spawnColor.h=this._setColorAnimation(i.h,this.spawnColor.h,t.h,s),this.spawnColor.s=this._setColorAnimation(i.s,this.spawnColor.s,t.s),this.spawnColor.l=this._setColorAnimation(i.l,this.spawnColor.l,t.l)}a(t,this.spawnColor)}const s=this.options.shape;let n=this.position;if(this._shape){const i=await this._shape.randomPosition();if(i){n=i.position;const e=s.replace;e.color&&i.color&&a(t,i.color),e.opacity&&(t.opacity?t.opacity.value=i.opacity:t.opacity={value:i.opacity})}else n=null}n&&await this.container.particles.addParticle(n,t)}}}}}]);

package/927.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v3.2.0 by Matteo Bruni */

package/964.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 964.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[964],{964:(t,i,e)=>{e.d(i,{EmittersPlugin:()=>a});var o=e(533),s=e(177);class a{constructor(t){this._engine=t,this.id="emitters"}async getPlugin(t){const{Emitters:i}=await e.e(973).then(e.bind(e,973));return new i(this._engine,t)}loadOptions(t,i){if(!this.needsPlugin(t)&&!this.needsPlugin(i))return;i?.emitters&&(t.emitters=(0,o.executeOnSingleOrMultiple)(i.emitters,(t=>{const i=new s.Emitter;return i.load(t),i})));const e=i?.interactivity?.modes?.emitters;if(e)if((0,o.isArray)(e))t.interactivity.modes.emitters={random:{count:1,enable:!0},value:e.map((t=>{const i=new s.Emitter;return i.load(t),i}))};else{const i=e;if(void 0!==i.value){const e=1;if((0,o.isArray)(i.value))t.interactivity.modes.emitters={random:{count:i.random.count??e,enable:i.random.enable??!1},value:i.value.map((t=>{const i=new s.Emitter;return i.load(t),i}))};else{const o=new s.Emitter;o.load(i.value),t.interactivity.modes.emitters={random:{count:i.random.count??e,enable:i.random.enable??!1},value:o}}}else{(t.interactivity.modes.emitters={random:{count:1,enable:!1},value:new s.Emitter}).value.load(e)}}}needsPlugin(t){if(!t)return!1;const i=t.emitters;return(0,o.isArray)(i)&&!!i.length||void 0!==i||!!t.interactivity?.events?.onClick?.mode&&(0,o.isInArray)("emitter",t.interactivity.events.onClick.mode)}}},177:(t,i,e)=>{e.d(i,{Emitter:()=>d});var o=e(533);class s{constructor(){this.wait=!1}load(t){t&&(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,o.setRangeValue)(t.delay)),void 0!==t.duration&&(this.duration=(0,o.setRangeValue)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class a{constructor(){this.quantity=1,this.delay=.1}load(t){void 0!==t&&(void 0!==t.quantity&&(this.quantity=(0,o.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,o.setRangeValue)(t.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 r{constructor(){this.options={},this.replace=new n,this.type="square"}load(t){t&&(void 0!==t.options&&(this.options=(0,o.deepExtend)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var l=e(518);class d{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new s,this.rate=new a,this.shape=new r,this.startCount=0}load(t){t&&(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size||(this.size=new l.r),this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=(0,o.executeOnSingleOrMultiple)(t.particles,(t=>(0,o.deepExtend)({},t))),this.rate.load(t.rate),this.shape.load(t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,o.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,o.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new o.AnimatableColor),this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},518:(t,i,e)=>{e.d(i,{r:()=>o});class o{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))}}}}]);

package/964.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v3.2.0 by Matteo Bruni */

package/973.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 973.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[973],{973:(t,e,i)=>{i.d(e,{Emitters:()=>r});var s=i(533);class r{constructor(t,e){this.container=e,this._engine=t,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]};e.getEmitter=t=>void 0===t||(0,s.isNumber)(t)?this.array[t??0]:this.array.find((e=>e.name===t)),e.addEmitter=async(t,e)=>this.addEmitter(t,e),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,e){const{Emitter:s}=await Promise.resolve().then(i.bind(i,177)),{EmitterInstance:r}=await i.e(927).then(i.bind(i,927)),a=new s;a.load(t);const n=new r(this._engine,this,this.container,a,e);return await n.init(),this.array.push(n),n}handleClickMode(t){const e=this.emitters,i=this.interactivityEmitters;if("emitter"!==t)return;let r;if(i&&(0,s.isArray)(i.value)){const t=0;if(i.value.length>t&&i.random.enable){r=[];const t=[];for(let e=0;e<i.random.count;e++){const a=(0,s.arrayRandomIndex)(i.value);t.includes(a)&&t.length<i.value.length?e--:(t.push(a),r.push((0,s.itemFromArray)(i.value,a)))}}else r=i.value}else r=i?.value;const a=r??e,n=this.container.interactivity.mouse.clickPosition;(0,s.executeOnSingleOrMultiple)(a,(async t=>{await this.addEmitter(t,n)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if((0,s.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 e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}async update(t){for(const e of this.array)await e.update(t)}}}}]);

package/973.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v3.2.0 by Matteo Bruni */

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, defaultColorAnimationFactor = 1;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -32,21 +33,21 @@ 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) => {
+        this._setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
             const container = this.container;
             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, colorSpeed = getRangeValue(animation.speed ?? defaultColorSpeed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % 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,19 +205,19 @@ 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;
             }
         }
     }
     _calcPosition() {
         if (this.options.domId) {
-            const container = this.container, element = document.getElementById(this.options.domId);
+            const element = document.getElementById(this.options.domId);
             if (element) {
-                const elRect = element.getBoundingClientRect();
+                const elRect = element.getBoundingClientRect(), pxRatio = this.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,
+                    }, colorFactor = 3.6;
+                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h, colorFactor);
+                    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);
             }
@@ -292,7 +301,7 @@ export class EmitterInstance {
                 }
             }
             if (position) {
-                this.container.particles.addParticle(position, particlesOptions);
+                await this.container.particles.addParticle(position, particlesOptions);
             }
         }
     }

package/browser/Emitters.js

@@ -1,6 +1,4 @@
 import { arrayRandomIndex, executeOnSingleOrMultiple, isArray, isNumber, itemFromArray, } from "@tsparticles/engine";
-import { Emitter } from "./Options/Classes/Emitter.js";
-import { EmitterInstance } from "./EmitterInstance.js";
 export class Emitters {
     constructor(engine, container) {
         this.container = container;
@@ -14,8 +12,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) => {
@@ -38,7 +37,7 @@ export class Emitters {
         };
     }
     async addEmitter(options, position) {
-        const emitterOptions = new Emitter();
+        const { Emitter } = await import("./Options/Classes/Emitter.js"), { EmitterInstance } = await import("./EmitterInstance.js"), emitterOptions = new Emitter();
         emitterOptions.load(options);
         const emitter = new EmitterInstance(this._engine, this, this.container, emitterOptions, position);
         await emitter.init();
@@ -52,7 +51,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 +73,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 +103,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/EmittersPlugin.js

@@ -0,0 +1,90 @@
+import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
+import { Emitter } from "./Options/Classes/Emitter.js";
+export class EmittersPlugin {
+    constructor(engine) {
+        this._engine = engine;
+        this.id = "emitters";
+    }
+    async getPlugin(container) {
+        const { Emitters } = await import("./Emitters.js");
+        return new Emitters(this._engine, container);
+    }
+    loadOptions(options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+            return;
+        }
+        if (source?.emitters) {
+            options.emitters = executeOnSingleOrMultiple(source.emitters, (emitter) => {
+                const tmp = new Emitter();
+                tmp.load(emitter);
+                return tmp;
+            });
+        }
+        const interactivityEmitters = source?.interactivity?.modes?.emitters;
+        if (interactivityEmitters) {
+            if (isArray(interactivityEmitters)) {
+                options.interactivity.modes.emitters = {
+                    random: {
+                        count: 1,
+                        enable: true,
+                    },
+                    value: interactivityEmitters.map((s) => {
+                        const tmp = new Emitter();
+                        tmp.load(s);
+                        return tmp;
+                    }),
+                };
+            }
+            else {
+                const emitterMode = interactivityEmitters;
+                if (emitterMode.value !== undefined) {
+                    const defaultCount = 1;
+                    if (isArray(emitterMode.value)) {
+                        options.interactivity.modes.emitters = {
+                            random: {
+                                count: emitterMode.random.count ?? defaultCount,
+                                enable: emitterMode.random.enable ?? false,
+                            },
+                            value: emitterMode.value.map((s) => {
+                                const tmp = new Emitter();
+                                tmp.load(s);
+                                return tmp;
+                            }),
+                        };
+                    }
+                    else {
+                        const tmp = new Emitter();
+                        tmp.load(emitterMode.value);
+                        options.interactivity.modes.emitters = {
+                            random: {
+                                count: emitterMode.random.count ?? defaultCount,
+                                enable: emitterMode.random.enable ?? false,
+                            },
+                            value: tmp,
+                        };
+                    }
+                }
+                else {
+                    const emitterOptions = (options.interactivity.modes.emitters = {
+                        random: {
+                            count: 1,
+                            enable: false,
+                        },
+                        value: new Emitter(),
+                    });
+                    emitterOptions.value.load(interactivityEmitters);
+                }
+            }
+        }
+    }
+    needsPlugin(options) {
+        if (!options) {
+            return false;
+        }
+        const emitters = options.emitters;
+        return ((isArray(emitters) && !!emitters.length) ||
+            emitters !== undefined ||
+            (!!options.interactivity?.events?.onClick?.mode &&
+                isInArray("emitter", options.interactivity.events.onClick.mode)));
+    }
+}

package/browser/index.js

@@ -1,95 +1,6 @@
-import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
-import { Emitter } from "./Options/Classes/Emitter.js";
-import { Emitters } from "./Emitters.js";
-import { ShapeManager } from "./ShapeManager.js";
-class EmittersPlugin {
-    constructor(engine) {
-        this._engine = engine;
-        this.id = "emitters";
-    }
-    getPlugin(container) {
-        return new Emitters(this._engine, container);
-    }
-    loadOptions(options, source) {
-        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-            return;
-        }
-        if (source?.emitters) {
-            options.emitters = executeOnSingleOrMultiple(source.emitters, (emitter) => {
-                const tmp = new Emitter();
-                tmp.load(emitter);
-                return tmp;
-            });
-        }
-        const interactivityEmitters = source?.interactivity?.modes?.emitters;
-        if (interactivityEmitters) {
-            if (isArray(interactivityEmitters)) {
-                options.interactivity.modes.emitters = {
-                    random: {
-                        count: 1,
-                        enable: true,
-                    },
-                    value: interactivityEmitters.map((s) => {
-                        const tmp = new Emitter();
-                        tmp.load(s);
-                        return tmp;
-                    }),
-                };
-            }
-            else {
-                const emitterMode = interactivityEmitters;
-                if (emitterMode.value !== undefined) {
-                    if (isArray(emitterMode.value)) {
-                        options.interactivity.modes.emitters = {
-                            random: {
-                                count: emitterMode.random.count ?? 1,
-                                enable: emitterMode.random.enable ?? false,
-                            },
-                            value: emitterMode.value.map((s) => {
-                                const tmp = new Emitter();
-                                tmp.load(s);
-                                return tmp;
-                            }),
-                        };
-                    }
-                    else {
-                        const tmp = new Emitter();
-                        tmp.load(emitterMode.value);
-                        options.interactivity.modes.emitters = {
-                            random: {
-                                count: emitterMode.random.count ?? 1,
-                                enable: emitterMode.random.enable ?? false,
-                            },
-                            value: tmp,
-                        };
-                    }
-                }
-                else {
-                    const emitterOptions = (options.interactivity.modes.emitters = {
-                        random: {
-                            count: 1,
-                            enable: false,
-                        },
-                        value: new Emitter(),
-                    });
-                    emitterOptions.value.load(interactivityEmitters);
-                }
-            }
-        }
-    }
-    needsPlugin(options) {
-        if (!options) {
-            return false;
-        }
-        const emitters = options.emitters;
-        return ((isArray(emitters) && !!emitters.length) ||
-            emitters !== undefined ||
-            (!!options.interactivity?.events?.onClick?.mode &&
-                isInArray("emitter", options.interactivity.events.onClick.mode)));
-    }
-}
 export async function loadEmittersPlugin(engine, refresh = true) {
     if (!engine.emitterShapeManager) {
+        const { ShapeManager } = await import("./ShapeManager.js");
         engine.emitterShapeManager = new ShapeManager(engine);
     }
     if (!engine.addEmitterShapeGenerator) {
@@ -97,7 +8,7 @@ export async function loadEmittersPlugin(engine, refresh = true) {
             engine.emitterShapeManager?.addShapeGenerator(name, generator);
         };
     }
-    const plugin = new EmittersPlugin(engine);
+    const { EmittersPlugin } = await import("./EmittersPlugin.js"), plugin = new EmittersPlugin(engine);
     await engine.addPlugin(plugin, refresh);
 }
 export * from "./EmitterContainer.js";

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, defaultColorAnimationFactor = 1;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -35,21 +36,21 @@ 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) => {
+        this._setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
             const container = this.container;
             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, colorSpeed = (0, engine_1.getRangeValue)(animation.speed ?? defaultColorSpeed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % 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,19 +208,19 @@ class EmitterInstance {
         if (this._emitDelay !== undefined) {
             this._currentEmitDelay += delta.value;
             if (this._currentEmitDelay >= this._emitDelay) {
-                this._emit();
+                await this._emit();
                 this._currentEmitDelay -= this._emitDelay;
             }
         }
     }
     _calcPosition() {
         if (this.options.domId) {
-            const container = this.container, element = document.getElementById(this.options.domId);
+            const element = document.getElementById(this.options.domId);
             if (element) {
-                const elRect = element.getBoundingClientRect();
+                const elRect = element.getBoundingClientRect(), pxRatio = this.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,
+                    }, colorFactor = 3.6;
+                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h, colorFactor);
+                    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);
             }
@@ -295,7 +304,7 @@ class EmitterInstance {
                 }
             }
             if (position) {
-                this.container.particles.addParticle(position, particlesOptions);
+                await this.container.particles.addParticle(position, particlesOptions);
             }
         }
     }