@tsparticles/plugin-emitters 3.0.3 → 3.2.0

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(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e=>(()=>{var t,r,i={533:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,o),r.exports}o.m=i,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((t,r)=>(o.f[r](e,t),t)),[])),o.u=e=>e+".min.js",o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/plugin-emitters:",o.l=(e,i,n,a)=>{if(t[e])t[e].push(i);else{var s,p;if(void 0!==n)for(var l=document.getElementsByTagName("script"),u=0;u<l.length;u++){var c=l[u];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")==r+n){s=c;break}}s||(p=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,o.nc&&s.setAttribute("nonce",o.nc),s.setAttribute("data-webpack",r+n),s.src=e),t[e]=[i];var d=(r,i)=>{s.onerror=s.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(i))),r)return r(i)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),p&&document.head.appendChild(s)}},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var i=r.length-1;i>-1&&!e;)e=r[i--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{var e={606:0};o.f.j=(t,r)=>{var i=o.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise(((r,n)=>i=e[t]=[r,n]));r.push(i[2]=n);var a=o.p+o.u(t),s=new Error;o.l(a,(r=>{if(o.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,i[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var i,n,a=r[0],s=r[1],p=r[2],l=0;if(a.some((t=>0!==e[t]))){for(i in s)o.o(s,i)&&(o.m[i]=s[i]);if(p)p(o)}for(t&&t(r);l<a.length;l++)n=a[l],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};return(()=>{o.r(a),o.d(a,{EmitterShapeBase:()=>e,loadEmittersPlugin:()=>t});class e{constructor(e,t,r,i){this.position=e,this.size=t,this.fill=r,this.options=i}resize(e,t){this.position=e,this.size=t}}async function t(e,t=!0){if(!e.emitterShapeManager){const{ShapeManager:t}=await o.e(113).then(o.bind(o,113));e.emitterShapeManager=new t(e)}e.addEmitterShapeGenerator||(e.addEmitterShapeGenerator=(t,r)=>{e.emitterShapeManager?.addShapeGenerator(t,r)});const{EmittersPlugin:r}=await o.e(964).then(o.bind(o,964)),i=new r(e);await e.addPlugin(i,t)}})(),a})()));

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

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

package/types/EmitterInstance.d.ts

@@ -30,7 +30,7 @@ export declare class EmitterInstance {
     private _size;
     private _spawnDelay?;
     private _startParticlesAdded;
-    constructor(engine: EmittersEngine, emitters: Emitters, container: Container, options: RecursivePartial<IEmitter>, position?: ICoordinates);
+    constructor(engine: EmittersEngine, emitters: Emitters, container: Container, options: Emitter | RecursivePartial<IEmitter>, position?: ICoordinates);
     externalPause(): void;
     externalPlay(): void;
     init(): Promise<void>;

package/types/Emitters.d.ts

@@ -1,7 +1,7 @@
 import { type IContainerPlugin, type ICoordinates, type IDelta, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
-import { Emitter } from "./Options/Classes/Emitter.js";
+import type { Emitter } from "./Options/Classes/Emitter.js";
 import type { EmitterContainer } from "./EmitterContainer.js";
-import { EmitterInstance } from "./EmitterInstance.js";
+import type { EmitterInstance } from "./EmitterInstance.js";
 import type { EmitterModeOptions } from "./types.js";
 import type { EmittersEngine } from "./EmittersEngine.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";

package/types/EmittersPlugin.d.ts

@@ -0,0 +1,13 @@
+import type { EmitterOptions, IEmitterOptions } from "./types.js";
+import { type IOptions, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
+import type { EmitterContainer } from "./EmitterContainer.js";
+import type { Emitters } from "./Emitters.js";
+import type { EmittersEngine } from "./EmittersEngine.js";
+export declare class EmittersPlugin implements IPlugin {
+    readonly id: string;
+    private readonly _engine;
+    constructor(engine: EmittersEngine);
+    getPlugin(container: EmitterContainer): Promise<Emitters>;
+    loadOptions(options: EmitterOptions, source?: RecursivePartial<IEmitterOptions>): void;
+    needsPlugin(options?: RecursivePartial<IOptions & IEmitterOptions>): boolean;
+}

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, defaultColorAnimationFactor = 1;
     function setParticlesOptionsColor(particlesOptions, color) {
         if (particlesOptions.color) {
             particlesOptions.color.value = color;
@@ -44,21 +45,21 @@
                 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;
@@ -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,19 +217,19 @@
             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,
                     };
                 }
             }
@@ -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,
+                        }, 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);
                 }
@@ -304,7 +313,7 @@
                     }
                 }
                 if (position) {
-                    this.container.particles.addParticle(position, particlesOptions);
+                    await this.container.particles.addParticle(position, particlesOptions);
                 }
             }
         }

package/umd/Emitters.js

@@ -1,18 +1,40 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Emitter.js", "./EmitterInstance.js"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Emitters = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const Emitter_js_1 = require("./Options/Classes/Emitter.js");
-    const EmitterInstance_js_1 = require("./EmitterInstance.js");
     class Emitters {
         constructor(engine, container) {
             this.container = container;
@@ -26,8 +48,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) => {
@@ -50,9 +73,9 @@
             };
         }
         async addEmitter(options, position) {
-            const emitterOptions = new Emitter_js_1.Emitter();
+            const { Emitter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Options/Classes/Emitter.js"))) : new Promise((resolve_1, reject_1) => { require(["./Options/Classes/Emitter.js"], resolve_1, reject_1); }).then(__importStar)), { EmitterInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmitterInstance.js"))) : new Promise((resolve_2, reject_2) => { require(["./EmitterInstance.js"], resolve_2, reject_2); }).then(__importStar)), emitterOptions = new Emitter();
             emitterOptions.load(options);
-            const emitter = new EmitterInstance_js_1.EmitterInstance(this._engine, this, this.container, emitterOptions, position);
+            const emitter = new EmitterInstance(this._engine, this, this.container, emitterOptions, position);
             await emitter.init();
             this.array.push(emitter);
             return emitter;
@@ -64,7 +87,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 +109,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 +139,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/EmittersPlugin.js

@@ -0,0 +1,128 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Emitter.js"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.EmittersPlugin = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Emitter_js_1 = require("./Options/Classes/Emitter.js");
+    class EmittersPlugin {
+        constructor(engine) {
+            this._engine = engine;
+            this.id = "emitters";
+        }
+        async getPlugin(container) {
+            const { Emitters } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Emitters.js"))) : new Promise((resolve_1, reject_1) => { require(["./Emitters.js"], resolve_1, reject_1); }).then(__importStar));
+            return new Emitters(this._engine, container);
+        }
+        loadOptions(options, source) {
+            if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+                return;
+            }
+            if (source?.emitters) {
+                options.emitters = (0, engine_1.executeOnSingleOrMultiple)(source.emitters, (emitter) => {
+                    const tmp = new Emitter_js_1.Emitter();
+                    tmp.load(emitter);
+                    return tmp;
+                });
+            }
+            const interactivityEmitters = source?.interactivity?.modes?.emitters;
+            if (interactivityEmitters) {
+                if ((0, engine_1.isArray)(interactivityEmitters)) {
+                    options.interactivity.modes.emitters = {
+                        random: {
+                            count: 1,
+                            enable: true,
+                        },
+                        value: interactivityEmitters.map((s) => {
+                            const tmp = new Emitter_js_1.Emitter();
+                            tmp.load(s);
+                            return tmp;
+                        }),
+                    };
+                }
+                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 ?? defaultCount,
+                                    enable: emitterMode.random.enable ?? false,
+                                },
+                                value: emitterMode.value.map((s) => {
+                                    const tmp = new Emitter_js_1.Emitter();
+                                    tmp.load(s);
+                                    return tmp;
+                                }),
+                            };
+                        }
+                        else {
+                            const tmp = new Emitter_js_1.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_js_1.Emitter(),
+                        });
+                        emitterOptions.value.load(interactivityEmitters);
+                    }
+                }
+            }
+        }
+        needsPlugin(options) {
+            if (!options) {
+                return false;
+            }
+            const emitters = options.emitters;
+            return (((0, engine_1.isArray)(emitters) && !!emitters.length) ||
+                emitters !== undefined ||
+                (!!options.interactivity?.events?.onClick?.mode &&
+                    (0, engine_1.isInArray)("emitter", options.interactivity.events.onClick.mode)));
+        }
+    }
+    exports.EmittersPlugin = EmittersPlugin;
+});

package/umd/index.js

@@ -9,6 +9,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -18,112 +30,24 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Emitter.js", "./Emitters.js", "./ShapeManager.js", "./EmitterContainer.js", "./EmitterShapeBase.js", "./EmittersEngine.js", "./IEmitterShape.js", "./IEmitterShapeGenerator.js", "./Enums/EmitterClickMode.js", "./IRandomPositionData.js"], factory);
+        define(["require", "exports", "./EmitterContainer.js", "./EmitterShapeBase.js", "./EmittersEngine.js", "./IEmitterShape.js", "./IEmitterShapeGenerator.js", "./Enums/EmitterClickMode.js", "./IRandomPositionData.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadEmittersPlugin = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const Emitter_js_1 = require("./Options/Classes/Emitter.js");
-    const Emitters_js_1 = require("./Emitters.js");
-    const ShapeManager_js_1 = require("./ShapeManager.js");
-    class EmittersPlugin {
-        constructor(engine) {
-            this._engine = engine;
-            this.id = "emitters";
-        }
-        getPlugin(container) {
-            return new Emitters_js_1.Emitters(this._engine, container);
-        }
-        loadOptions(options, source) {
-            if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-                return;
-            }
-            if (source?.emitters) {
-                options.emitters = (0, engine_1.executeOnSingleOrMultiple)(source.emitters, (emitter) => {
-                    const tmp = new Emitter_js_1.Emitter();
-                    tmp.load(emitter);
-                    return tmp;
-                });
-            }
-            const interactivityEmitters = source?.interactivity?.modes?.emitters;
-            if (interactivityEmitters) {
-                if ((0, engine_1.isArray)(interactivityEmitters)) {
-                    options.interactivity.modes.emitters = {
-                        random: {
-                            count: 1,
-                            enable: true,
-                        },
-                        value: interactivityEmitters.map((s) => {
-                            const tmp = new Emitter_js_1.Emitter();
-                            tmp.load(s);
-                            return tmp;
-                        }),
-                    };
-                }
-                else {
-                    const emitterMode = interactivityEmitters;
-                    if (emitterMode.value !== undefined) {
-                        if ((0, engine_1.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_js_1.Emitter();
-                                    tmp.load(s);
-                                    return tmp;
-                                }),
-                            };
-                        }
-                        else {
-                            const tmp = new Emitter_js_1.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_js_1.Emitter(),
-                        });
-                        emitterOptions.value.load(interactivityEmitters);
-                    }
-                }
-            }
-        }
-        needsPlugin(options) {
-            if (!options) {
-                return false;
-            }
-            const emitters = options.emitters;
-            return (((0, engine_1.isArray)(emitters) && !!emitters.length) ||
-                emitters !== undefined ||
-                (!!options.interactivity?.events?.onClick?.mode &&
-                    (0, engine_1.isInArray)("emitter", options.interactivity.events.onClick.mode)));
-        }
-    }
     async function loadEmittersPlugin(engine, refresh = true) {
         if (!engine.emitterShapeManager) {
-            engine.emitterShapeManager = new ShapeManager_js_1.ShapeManager(engine);
+            const { ShapeManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ShapeManager.js"))) : new Promise((resolve_1, reject_1) => { require(["./ShapeManager.js"], resolve_1, reject_1); }).then(__importStar));
+            engine.emitterShapeManager = new ShapeManager(engine);
         }
         if (!engine.addEmitterShapeGenerator) {
             engine.addEmitterShapeGenerator = (name, generator) => {
                 engine.emitterShapeManager?.addShapeGenerator(name, generator);
             };
         }
-        const plugin = new EmittersPlugin(engine);
+        const { EmittersPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPlugin.js"))) : new Promise((resolve_2, reject_2) => { require(["./EmittersPlugin.js"], resolve_2, reject_2); }).then(__importStar)), plugin = new EmittersPlugin(engine);
         await engine.addPlugin(plugin, refresh);
     }
     exports.loadEmittersPlugin = loadEmittersPlugin;