@tsparticles/plugin-emitters 4.0.0-alpha.2 → 4.0.0-alpha.4

package/129.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 129.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[129],{510(t,i,e){e.d(i,{EmitterInstance:()=>r});var s=e(303),o=e(21),n=e(129);function a(t,i){t.color?t.color.value=i:t.color={value:i}}class r{constructor(t,i,e,n,a){this.container=i,this.removeCallback=e,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.removeCallback(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,s.getRangeValue)(this.options.life.duration):void 0;(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*s.millisecondsToSeconds)},this._setColorAnimation=(t,i,e,o=1)=>{const n=this.container;if(!t.enable)return i;const a=(0,s.randomInRangeValue)(t.offset),r=(0,s.getRangeValue)(this.options.rate.delay),h=n.retina.reduceFactor?r*s.millisecondsToSeconds/n.retina.reduceFactor:1/0;return(i+(0,s.getRangeValue)(t.speed)*n.fpsLimit/h+a*o)%e},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=a,n instanceof o.v?this.options=n:(this.options=new o.v,this.options.load(n)),this._spawnDelay=i.retina.reduceFactor?(0,s.getRangeValue)(this.options.life.delay??0)*s.millisecondsToSeconds/i.retina.reduceFactor:1/0,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;const r=(0,s.deepExtend)({},this.options.particles);if(r.move??={},r.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,s.rangeColorToHsl)(this._engine,this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=r,this._size=this._calcSize(),this.size=(0,s.getSize)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=(0,s.safeDocument)().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:i,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)return;if(!(this._lifeCount>0||this._immortal)&&this.options.life.count||!(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0)))return;const t=this.container;if(void 0===this._emitDelay){const i=(0,s.getRangeValue)(this.options.rate.delay);this._emitDelay=t.retina.reduceFactor?i*s.millisecondsToSeconds/t.retina.reduceFactor:1/0}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}resize(){const t=this._initialPosition,i=this.container;this.position=t&&(0,s.isPointInside)(t,i.canvas.size,s.Vector.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=(0,s.getSize)(this._size,i.canvas.size),this._shape?.resize(this.position,this.size)}update(t){if(this._paused)return;const i=this.container;this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,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=i.retina.reduceFactor?(0,s.getRangeValue)(this.options.life.delay??0)*s.millisecondsToSeconds/i.retina.reduceFactor:1/0):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&&(this._emit(),this._currentEmitDelay-=this._emitDelay))}_calcPosition(){const t=this.container;if(this.options.domId){const i=(0,s.safeDocument)().getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect(),o=t.retina.pixelRatio;return{x:(e.x+e.width*s.half)*o,y:(e.y+e.height*s.half)*o}}}return(0,s.calcPositionOrRandomFromSizeRanged)({size:t.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=(0,s.safeDocument)().getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio,mode:s.PixelMode.precise}}}return this.options.size??(()=>{const t=new n.G;return t.load({height:0,mode:s.PixelMode.percent,width:0}),t})()}_emit(){if(this._paused)return;const t=(0,s.getRangeValue)(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){const i=(0,s.itemFromSingleOrMultiple)(this._particlesOptions)??{},e=this.options.spawnColor?.animation,o=this.container.retina.reduceFactor,n=!!e,r=!!this._shape,h=n||r,l=n?{h:s.hMax,s:s.sMax,l:s.lMax}:null,c=this.options.shape;for(let n=0;n<t*o;n++){const t=h?(0,s.deepExtend)({},i):i;this.spawnColor&&(e&&l&&(this.spawnColor.h=this._setColorAnimation(e.h,this.spawnColor.h,l.h,3.6),this.spawnColor.s=this._setColorAnimation(e.s,this.spawnColor.s,l.s),this.spawnColor.l=this._setColorAnimation(e.l,this.spawnColor.l,l.l)),a(t,this.spawnColor));let o=this.position;if(this._shape){const i=this._shape.randomPosition();if(i){o=i.position;const e=c.replace;e.color&&i.color&&a(t,i.color),e.opacity&&(t.opacity?t.opacity.value=i.opacity:t.opacity={value:i.opacity})}else o=null}o&&this.container.particles.addParticle(o,t)}}}}}]);

package/129.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/246.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 246.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[246],{21(t,i,e){e.d(i,{v:()=>h});var s=e(303);class o{constructor(){this.wait=!1}load(t){(0,s.isNull)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)),void 0!==t.duration&&(this.duration=(0,s.setRangeValue)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class a{constructor(){this.quantity=1,this.delay=.1}load(t){(0,s.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,s.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){(0,s.isNull)(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){(0,s.isNull)(t)||(void 0!==t.options&&(this.options=(0,s.deepExtend)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var l=e(129);class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new a,this.shape=new r,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new l.G,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,s.executeOnSingleOrMultiple)(t.particles,(t=>(0,s.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,s.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,s.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(this.spawnColor??=new s.AnimatableColor,this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},129(t,i,e){e.d(i,{G:()=>o});var s=e(303);class o{constructor(){this.mode=s.PixelMode.percent,this.height=0,this.width=0}load(t){(0,s.isNull)(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))}}},246(t,i,e){e.d(i,{EmittersInstancesManager:()=>a});var s=e(303),o=e(21);class a{constructor(t){this._containerArrays=new Map,this._engine=t}async addEmitter(t,i,s){const a=new o.v;a.load(i);const{EmitterInstance:n}=await e.e(129).then(e.bind(e,510)),r=new n(this._engine,t,(i=>{this.removeEmitter(t,i)}),a,s);return await r.init(),this.getArray(t).push(r),r}clear(t){this.initContainer(t),this._containerArrays.set(t,[])}getArray(t){this.initContainer(t);let i=this._containerArrays.get(t);return i||(i=[],this._containerArrays.set(t,i)),i}initContainer(t){this._containerArrays.has(t)||(this._containerArrays.set(t,[]),t.getEmitter=i=>{const e=this.getArray(t);return void 0===i||(0,s.isNumber)(i)?e[i??0]:e.find((t=>t.name===i))},t.addEmitter=async(i,e)=>this.addEmitter(t,i,e),t.removeEmitter=i=>{const e=t.getEmitter?.(i);e&&this.removeEmitter(t,e)},t.playEmitter=i=>{const e=t.getEmitter?.(i);e&&e.externalPlay()},t.pauseEmitter=i=>{const e=t.getEmitter?.(i);e&&e.externalPause()})}removeEmitter(t,i){const e=this.getArray(t).indexOf(i);e>=0&&this.getArray(t).splice(e,1)}}}}]);

package/246.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/330.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 330.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[330],{21(t,i,s){s.d(i,{v:()=>h});var e=s(303);class o{constructor(){this.wait=!1}load(t){(0,e.isNull)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,e.setRangeValue)(t.delay)),void 0!==t.duration&&(this.duration=(0,e.setRangeValue)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class a{constructor(){this.quantity=1,this.delay=.1}load(t){(0,e.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,e.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,e.setRangeValue)(t.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){(0,e.isNull)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class l{constructor(){this.options={},this.replace=new n,this.type="square"}load(t){(0,e.isNull)(t)||(void 0!==t.options&&(this.options=(0,e.deepExtend)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var d=s(129);class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new a,this.shape=new l,this.startCount=0}load(t){(0,e.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new d.G,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,e.executeOnSingleOrMultiple)(t.particles,(t=>(0,e.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,e.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,e.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(this.spawnColor??=new e.AnimatableColor,this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},129(t,i,s){s.d(i,{G:()=>o});var e=s(303);class o{constructor(){this.mode=e.PixelMode.percent,this.height=0,this.width=0}load(t){(0,e.isNull)(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))}}},330(t,i,s){s.d(i,{EmittersPlugin:()=>a});var e=s(303),o=s(21);class a{constructor(t){this._instancesManager=t,this.id="emitters"}async getPlugin(t){const{EmittersPluginInstance:i}=await s.e(849).then(s.bind(s,849));return new i(this._instancesManager,t)}loadOptions(t,i,s){(this.needsPlugin(i)||this.needsPlugin(s))&&s?.emitters&&(i.emitters=(0,e.executeOnSingleOrMultiple)(s.emitters,(t=>{const i=new o.v;return i.load(t),i})))}needsPlugin(t){if(!t)return!1;const i=t.emitters;return(0,e.isArray)(i)&&!!i.length||void 0!==i}}}}]);

package/330.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/{921.min.js → 490.min.js}

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

package/490.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/849.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 849.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[849],{849(t,a,s){s.d(a,{EmittersPluginInstance:()=>i});var n=s(303);class i{constructor(t,a){this.container=a,this._instancesManager=t,this._instancesManager.initContainer(a)}async init(){const t=this.container.actualOptions.emitters;if((0,n.isArray)(t))for(const a of t)await this._instancesManager.addEmitter(this.container,a);else await this._instancesManager.addEmitter(this.container,t)}pause(){for(const t of this._instancesManager.getArray(this.container))t.pause()}play(){for(const t of this._instancesManager.getArray(this.container))t.play()}resize(){for(const t of this._instancesManager.getArray(this.container))t.resize()}stop(){this._instancesManager.clear(this.container)}update(t){this._instancesManager.getArray(this.container).forEach((a=>{a.update(t)}))}}}}]);

package/849.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/940.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 940.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[940],{21(t,i,e){e.d(i,{v:()=>c});var s=e(303);class o{constructor(){this.wait=!1}load(t){(0,s.isNull)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)),void 0!==t.duration&&(this.duration=(0,s.setRangeValue)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class a{constructor(){this.quantity=1,this.delay=.1}load(t){(0,s.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,s.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){(0,s.isNull)(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){(0,s.isNull)(t)||(void 0!==t.options&&(this.options=(0,s.deepExtend)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var l=e(129);class c{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new a,this.shape=new r,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new l.G,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,s.executeOnSingleOrMultiple)(t.particles,(t=>(0,s.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,s.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,s.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(this.spawnColor??=new s.AnimatableColor,this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},129(t,i,e){e.d(i,{G:()=>o});var s=e(303);class o{constructor(){this.mode=s.PixelMode.percent,this.height=0,this.width=0}load(t){(0,s.isNull)(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))}}},940(t,i,e){e.d(i,{EmittersInteractor:()=>l});var s=e(702),o=e(303),a=e(21);const n={count:1,enable:!0},r="emitters";class l extends s.ExternalInteractorBase{constructor(t,i){super(i),this._instancesManager=t,this.handleClickMode=(t,i)=>{const e=this.container.actualOptions.interactivity.modes.emitters;if(!e||t!==r)return;let s;if((0,o.isArray)(e.value)){const t=0,i=e.value.length;if(i>t&&e.random.enable){s=[];const t=new Set;for(let a=0;a<e.random.count;a++){const n=(0,o.arrayRandomIndex)(e.value);if(t.has(n)&&t.size<i){a--;continue}t.add(n);const r=(0,o.itemFromArray)(e.value,n);r&&s.push(r)}}else s=e.value}else s=e.value;const a=s,n=i.mouse.clickPosition;(0,o.executeOnSingleOrMultiple)(a,(async t=>{await this._instancesManager.addEmitter(this.container,t,n)}))}}clear(){}init(){}interact(t,i){for(const t of this._instancesManager.getArray(this.container))t.update(i)}isEnabled(t,i){const e=this.container.actualOptions,s=t.mouse,a=(i?.interactivity??e.interactivity).events;return!(!s.clickPosition||!a.onClick.enable)&&(0,o.isInArray)(r,a.onClick.mode)}loadModeOptions(t,...i){t.emitters={random:n,value:[]};for(const e of i)if(e?.emitters)if((0,o.isArray)(e.emitters))for(const i of e.emitters){const e=new a.v;e.load(i),t.emitters.value.push(e)}else if(Object.hasOwn(e.emitters,"value")){const i=e.emitters;if(t.emitters.random.enable=i.random?.enable??t.emitters.random.enable,t.emitters.random.count=i.random?.count??t.emitters.random.count,(0,o.isArray)(i.value))for(const e of i.value){const i=new a.v;i.load(e),t.emitters.value.push(i)}else{const e=new a.v;e.load(i.value),t.emitters.value.push(e)}}else{const i=new a.v;i.load(e.emitters),t.emitters.value.push(i)}}removeEmitter(t){const i=this._instancesManager.getArray(this.container).indexOf(t);i>=0&&this._instancesManager.getArray(this.container).splice(i,1)}reset(){}}}}]);

package/940.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Plugin v4.0.0-alpha.4 by Matteo Bruni */

package/browser/EmitterInstance.js

@@ -1,7 +1,7 @@
 import { PixelMode, Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, hMax, half, isPointInside, itemFromSingleOrMultiple, lMax, millisecondsToSeconds, randomInRangeValue, rangeColorToHsl, sMax, safeDocument, } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
 import { EmitterSize } from "./Options/Classes/EmitterSize.js";
-const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1;
+const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -13,15 +13,15 @@ function setParticlesOptionsColor(particlesOptions, color) {
     }
 }
 export class EmitterInstance {
-    constructor(engine, emitters, container, options, position) {
-        this.emitters = emitters;
+    constructor(engine, container, removeCallback, options, position) {
         this.container = container;
+        this.removeCallback = removeCallback;
         this._destroy = () => {
             this._mutationObserver?.disconnect();
             this._mutationObserver = undefined;
             this._resizeObserver?.disconnect();
             this._resizeObserver = undefined;
-            this.emitters.removeEmitter(this);
+            this.removeCallback(this);
             this._engine.dispatchEvent("emitterDestroyed", {
                 container: this.container,
                 data: {
@@ -262,24 +262,20 @@ export class EmitterInstance {
         this._emitParticles(quantity);
     }
     _emitParticles(quantity) {
-        const singleParticlesOptions = itemFromSingleOrMultiple(this._particlesOptions), reduceFactor = this.container.retina.reduceFactor;
+        const singleParticlesOptions = (itemFromSingleOrMultiple(this._particlesOptions) ??
+            {}), hslAnimation = this.options.spawnColor?.animation, reduceFactor = this.container.retina.reduceFactor, needsColorAnimation = !!hslAnimation, needsShapeData = !!this._shape, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: hMax, s: sMax, l: lMax } : null, shapeOptions = this.options.shape;
         for (let i = 0; i < quantity * reduceFactor; i++) {
-            const particlesOptions = deepExtend({}, singleParticlesOptions);
+            const particlesOptions = needsCopy
+                ? deepExtend({}, singleParticlesOptions)
+                : singleParticlesOptions;
             if (this.spawnColor) {
-                const hslAnimation = this.options.spawnColor?.animation;
-                if (hslAnimation) {
-                    const maxValues = {
-                        h: hMax,
-                        s: sMax,
-                        l: lMax,
-                    }, colorFactor = 3.6;
+                if (hslAnimation && maxValues) {
                     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);
             }
-            const shapeOptions = this.options.shape;
             let position = this.position;
             if (this._shape) {
                 const shapePosData = this._shape.randomPosition();

package/browser/EmittersInstancesManager.js

@@ -0,0 +1,69 @@
+import { isNumber } from "@tsparticles/engine";
+import { Emitter } from "./Options/Classes/Emitter.js";
+const defaultIndex = 0;
+export class EmittersInstancesManager {
+    constructor(engine) {
+        this._containerArrays = new Map();
+        this._engine = engine;
+    }
+    async addEmitter(container, options, position) {
+        const emitterOptions = new Emitter();
+        emitterOptions.load(options);
+        const { EmitterInstance } = await import("./EmitterInstance.js"), emitter = new EmitterInstance(this._engine, container, (emitter) => {
+            this.removeEmitter(container, emitter);
+        }, emitterOptions, position);
+        await emitter.init();
+        this.getArray(container).push(emitter);
+        return emitter;
+    }
+    clear(container) {
+        this.initContainer(container);
+        this._containerArrays.set(container, []);
+    }
+    getArray(container) {
+        this.initContainer(container);
+        let array = this._containerArrays.get(container);
+        if (!array) {
+            array = [];
+            this._containerArrays.set(container, array);
+        }
+        return array;
+    }
+    initContainer(container) {
+        if (this._containerArrays.has(container)) {
+            return;
+        }
+        this._containerArrays.set(container, []);
+        container.getEmitter = (idxOrName) => {
+            const array = this.getArray(container);
+            return idxOrName === undefined || isNumber(idxOrName)
+                ? array[idxOrName ?? defaultIndex]
+                : array.find(t => t.name === idxOrName);
+        };
+        container.addEmitter = async (options, position) => this.addEmitter(container, options, position);
+        container.removeEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                this.removeEmitter(container, emitter);
+            }
+        };
+        container.playEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                emitter.externalPlay();
+            }
+        };
+        container.pauseEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                emitter.externalPause();
+            }
+        };
+    }
+    removeEmitter(container, emitter) {
+        const index = this.getArray(container).indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this.getArray(container).splice(index, deleteCount);
+        }
+    }
+}

package/browser/EmittersInteractor.js

@@ -0,0 +1,112 @@
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { arrayRandomIndex, executeOnSingleOrMultiple, isArray, isInArray, itemFromArray, } from "@tsparticles/engine";
+import { Emitter } from "./Options/Classes/Emitter.js";
+import { defaultRandomOptions } from "./constants.js";
+const emittersMode = "emitters";
+export class EmittersInteractor extends ExternalInteractorBase {
+    constructor(instancesManager, container) {
+        super(container);
+        this._instancesManager = instancesManager;
+        this.handleClickMode = (mode, interactivityData) => {
+            const container = this.container, options = container.actualOptions, modeEmitters = options.interactivity.modes.emitters;
+            if (!modeEmitters || mode !== emittersMode) {
+                return;
+            }
+            let emittersModeOptions;
+            if (isArray(modeEmitters.value)) {
+                const minLength = 0, modeEmittersCount = modeEmitters.value.length;
+                if (modeEmittersCount > minLength && modeEmitters.random.enable) {
+                    emittersModeOptions = [];
+                    const usedIndexes = new Set();
+                    for (let i = 0; i < modeEmitters.random.count; i++) {
+                        const idx = arrayRandomIndex(modeEmitters.value);
+                        if (usedIndexes.has(idx) && usedIndexes.size < modeEmittersCount) {
+                            i--;
+                            continue;
+                        }
+                        usedIndexes.add(idx);
+                        const selectedOptions = itemFromArray(modeEmitters.value, idx);
+                        if (!selectedOptions) {
+                            continue;
+                        }
+                        emittersModeOptions.push(selectedOptions);
+                    }
+                }
+                else {
+                    emittersModeOptions = modeEmitters.value;
+                }
+            }
+            else {
+                emittersModeOptions = modeEmitters.value;
+            }
+            const emittersOptions = emittersModeOptions, ePosition = interactivityData.mouse.clickPosition;
+            void executeOnSingleOrMultiple(emittersOptions, async (emitter) => {
+                await this._instancesManager.addEmitter(this.container, emitter, ePosition);
+            });
+        };
+    }
+    clear() {
+    }
+    init() {
+    }
+    interact(_interactivityData, delta) {
+        for (const emitter of this._instancesManager.getArray(this.container)) {
+            emitter.update(delta);
+        }
+    }
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity).events;
+        if (!mouse.clickPosition || !events.onClick.enable) {
+            return false;
+        }
+        return isInArray(emittersMode, events.onClick.mode);
+    }
+    loadModeOptions(options, ...sources) {
+        options.emitters = {
+            random: defaultRandomOptions,
+            value: [],
+        };
+        for (const source of sources) {
+            if (!source?.emitters) {
+                continue;
+            }
+            if (isArray(source.emitters)) {
+                for (const emitter of source.emitters) {
+                    const tmp = new Emitter();
+                    tmp.load(emitter);
+                    options.emitters.value.push(tmp);
+                }
+            }
+            else if (Object.hasOwn(source.emitters, "value")) {
+                const emitterModeOptions = source.emitters;
+                options.emitters.random.enable = emitterModeOptions.random?.enable ?? options.emitters.random.enable;
+                options.emitters.random.count = emitterModeOptions.random?.count ?? options.emitters.random.count;
+                if (isArray(emitterModeOptions.value)) {
+                    for (const emitter of emitterModeOptions.value) {
+                        const tmp = new Emitter();
+                        tmp.load(emitter);
+                        options.emitters.value.push(tmp);
+                    }
+                }
+                else {
+                    const tmp = new Emitter();
+                    tmp.load(emitterModeOptions.value);
+                    options.emitters.value.push(tmp);
+                }
+            }
+            else {
+                const tmp = new Emitter();
+                tmp.load(source.emitters);
+                options.emitters.value.push(tmp);
+            }
+        }
+    }
+    removeEmitter(emitter) {
+        const index = this._instancesManager.getArray(this.container).indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this._instancesManager.getArray(this.container).splice(index, deleteCount);
+        }
+    }
+    reset() {
+    }
+}

package/browser/EmittersPlugin.js

@@ -1,16 +1,15 @@
-import { executeOnSingleOrMultiple, isArray, isInArray, } from "@tsparticles/engine";
+import { executeOnSingleOrMultiple, isArray, } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
-import { EmitterClickMode } from "./Enums/EmitterClickMode.js";
-import { Emitters } from "./Emitters.js";
 export class EmittersPlugin {
-    constructor(engine) {
-        this._engine = engine;
+    constructor(instancesManager) {
+        this._instancesManager = instancesManager;
         this.id = "emitters";
     }
-    getPlugin(container) {
-        return Promise.resolve(new Emitters(this._engine, container));
+    async getPlugin(container) {
+        const { EmittersPluginInstance } = await import("./EmittersPluginInstance.js");
+        return new EmittersPluginInstance(this._instancesManager, container);
     }
-    loadOptions(options, source) {
+    loadOptions(_container, options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
             return;
         }
@@ -21,58 +20,12 @@ export class EmittersPlugin {
                 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 (isArray(emitterMode.value)) {
-                    options.interactivity.modes.emitters = {
-                        random: {
-                            count: emitterMode.random.count,
-                            enable: emitterMode.random.enable,
-                        },
-                        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,
-                            enable: emitterMode.random.enable,
-                        },
-                        value: tmp,
-                    };
-                }
-            }
-        }
     }
     needsPlugin(options) {
         if (!options) {
             return false;
         }
         const emitters = options.emitters;
-        return ((isArray(emitters) && !!emitters.length) ||
-            emitters !== undefined ||
-            (!!options.interactivity?.events?.onClick?.mode &&
-                isInArray(EmitterClickMode.emitter, options.interactivity.events.onClick.mode)));
+        return (isArray(emitters) && !!emitters.length) || emitters !== undefined;
     }
 }

package/browser/EmittersPluginInstance.js

@@ -0,0 +1,42 @@
+import { isArray } from "@tsparticles/engine";
+export class EmittersPluginInstance {
+    constructor(instancesManager, container) {
+        this.container = container;
+        this._instancesManager = instancesManager;
+        this._instancesManager.initContainer(container);
+    }
+    async init() {
+        const emittersOptions = this.container.actualOptions.emitters;
+        if (isArray(emittersOptions)) {
+            for (const emitterOptions of emittersOptions) {
+                await this._instancesManager.addEmitter(this.container, emitterOptions);
+            }
+        }
+        else {
+            await this._instancesManager.addEmitter(this.container, emittersOptions);
+        }
+    }
+    pause() {
+        for (const emitter of this._instancesManager.getArray(this.container)) {
+            emitter.pause();
+        }
+    }
+    play() {
+        for (const emitter of this._instancesManager.getArray(this.container)) {
+            emitter.play();
+        }
+    }
+    resize() {
+        for (const emitter of this._instancesManager.getArray(this.container)) {
+            emitter.resize();
+        }
+    }
+    stop() {
+        this._instancesManager.clear(this.container);
+    }
+    update(delta) {
+        this._instancesManager.getArray(this.container).forEach(emitter => {
+            emitter.update(delta);
+        });
+    }
+}

package/browser/ShapeManager.js

@@ -1,14 +1,14 @@
-const shapeGeneratorss = new Map();
+const shapeGenerators = new Map();
 export class ShapeManager {
     addShapeGenerator(name, generator) {
         if (!this.getShapeGenerator(name)) {
-            shapeGeneratorss.set(name, generator);
+            shapeGenerators.set(name, generator);
         }
     }
     getShapeGenerator(name) {
-        return shapeGeneratorss.get(name);
+        return shapeGenerators.get(name);
     }
     getSupportedShapeGenerators() {
-        return shapeGeneratorss.keys();
+        return shapeGenerators.keys();
     }
 }

package/browser/constants.js

@@ -0,0 +1,4 @@
+export const defaultRandomOptions = {
+    count: 1,
+    enable: true,
+};

package/browser/index.js

@@ -1,13 +1,17 @@
 export function loadEmittersPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
+    engine.checkVersion("4.0.0-alpha.4");
     engine.register(async (e) => {
-        const { ShapeManager } = await import("./ShapeManager.js"), { EmittersPlugin } = await import("./EmittersPlugin.js");
+        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity"), { ShapeManager } = await import("./ShapeManager.js"), { EmittersInstancesManager } = await import("./EmittersInstancesManager.js"), { EmittersPlugin } = await import("./EmittersPlugin.js"), instancesManager = new EmittersInstancesManager(e);
+        loadInteractivityPlugin(e);
         e.emitterShapeManager ??= new ShapeManager();
         e.addEmitterShapeGenerator ??= (name, generator) => {
             e.emitterShapeManager?.addShapeGenerator(name, generator);
         };
-        const plugin = new EmittersPlugin(e);
-        e.addPlugin(plugin);
+        e.addPlugin(new EmittersPlugin(instancesManager));
+        e.addInteractor?.("externalEmitters", async (container) => {
+            const { EmittersInteractor } = await import("./EmittersInteractor.js");
+            return new EmittersInteractor(instancesManager, container);
+        });
     });
 }
 export * from "./EmitterShapeBase.js";

package/cjs/EmitterInstance.js

@@ -1,7 +1,7 @@
 import { PixelMode, Vector, calcPositionOrRandomFromSizeRanged, deepExtend, getRangeValue, getSize, hMax, half, isPointInside, itemFromSingleOrMultiple, lMax, millisecondsToSeconds, randomInRangeValue, rangeColorToHsl, sMax, safeDocument, } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
 import { EmitterSize } from "./Options/Classes/EmitterSize.js";
-const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1;
+const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6;
 function setParticlesOptionsColor(particlesOptions, color) {
     if (particlesOptions.color) {
         particlesOptions.color.value = color;
@@ -13,15 +13,15 @@ function setParticlesOptionsColor(particlesOptions, color) {
     }
 }
 export class EmitterInstance {
-    constructor(engine, emitters, container, options, position) {
-        this.emitters = emitters;
+    constructor(engine, container, removeCallback, options, position) {
         this.container = container;
+        this.removeCallback = removeCallback;
         this._destroy = () => {
             this._mutationObserver?.disconnect();
             this._mutationObserver = undefined;
             this._resizeObserver?.disconnect();
             this._resizeObserver = undefined;
-            this.emitters.removeEmitter(this);
+            this.removeCallback(this);
             this._engine.dispatchEvent("emitterDestroyed", {
                 container: this.container,
                 data: {
@@ -262,24 +262,20 @@ export class EmitterInstance {
         this._emitParticles(quantity);
     }
     _emitParticles(quantity) {
-        const singleParticlesOptions = itemFromSingleOrMultiple(this._particlesOptions), reduceFactor = this.container.retina.reduceFactor;
+        const singleParticlesOptions = (itemFromSingleOrMultiple(this._particlesOptions) ??
+            {}), hslAnimation = this.options.spawnColor?.animation, reduceFactor = this.container.retina.reduceFactor, needsColorAnimation = !!hslAnimation, needsShapeData = !!this._shape, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: hMax, s: sMax, l: lMax } : null, shapeOptions = this.options.shape;
         for (let i = 0; i < quantity * reduceFactor; i++) {
-            const particlesOptions = deepExtend({}, singleParticlesOptions);
+            const particlesOptions = needsCopy
+                ? deepExtend({}, singleParticlesOptions)
+                : singleParticlesOptions;
             if (this.spawnColor) {
-                const hslAnimation = this.options.spawnColor?.animation;
-                if (hslAnimation) {
-                    const maxValues = {
-                        h: hMax,
-                        s: sMax,
-                        l: lMax,
-                    }, colorFactor = 3.6;
+                if (hslAnimation && maxValues) {
                     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);
             }
-            const shapeOptions = this.options.shape;
             let position = this.position;
             if (this._shape) {
                 const shapePosData = this._shape.randomPosition();

package/cjs/EmittersInstancesManager.js

@@ -0,0 +1,69 @@
+import { isNumber } from "@tsparticles/engine";
+import { Emitter } from "./Options/Classes/Emitter.js";
+const defaultIndex = 0;
+export class EmittersInstancesManager {
+    constructor(engine) {
+        this._containerArrays = new Map();
+        this._engine = engine;
+    }
+    async addEmitter(container, options, position) {
+        const emitterOptions = new Emitter();
+        emitterOptions.load(options);
+        const { EmitterInstance } = await import("./EmitterInstance.js"), emitter = new EmitterInstance(this._engine, container, (emitter) => {
+            this.removeEmitter(container, emitter);
+        }, emitterOptions, position);
+        await emitter.init();
+        this.getArray(container).push(emitter);
+        return emitter;
+    }
+    clear(container) {
+        this.initContainer(container);
+        this._containerArrays.set(container, []);
+    }
+    getArray(container) {
+        this.initContainer(container);
+        let array = this._containerArrays.get(container);
+        if (!array) {
+            array = [];
+            this._containerArrays.set(container, array);
+        }
+        return array;
+    }
+    initContainer(container) {
+        if (this._containerArrays.has(container)) {
+            return;
+        }
+        this._containerArrays.set(container, []);
+        container.getEmitter = (idxOrName) => {
+            const array = this.getArray(container);
+            return idxOrName === undefined || isNumber(idxOrName)
+                ? array[idxOrName ?? defaultIndex]
+                : array.find(t => t.name === idxOrName);
+        };
+        container.addEmitter = async (options, position) => this.addEmitter(container, options, position);
+        container.removeEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                this.removeEmitter(container, emitter);
+            }
+        };
+        container.playEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                emitter.externalPlay();
+            }
+        };
+        container.pauseEmitter = (idxOrName) => {
+            const emitter = container.getEmitter?.(idxOrName);
+            if (emitter) {
+                emitter.externalPause();
+            }
+        };
+    }
+    removeEmitter(container, emitter) {
+        const index = this.getArray(container).indexOf(emitter), minIndex = 0, deleteCount = 1;
+        if (index >= minIndex) {
+            this.getArray(container).splice(index, deleteCount);
+        }
+    }
+}