@tsparticles/plugin-emitters 4.0.0-beta.0 → 4.0.0-beta.10

package/{803.min.js → 100.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[803],{803(t,a,e){e.d(a,{EmittersPluginInstance:()=>n});var i=e(303);class n{container;_instancesManager;constructor(t,a){this.container=a,this._instancesManager=t,this._instancesManager.initContainer(a)}async init(){let t=this.container.actualOptions.emitters;if((0,i.isArray)(t))for(let a of t)await this._instancesManager.addEmitter(this.container,a);else await this._instancesManager.addEmitter(this.container,t)}pause(){for(let t of this._instancesManager.getArray(this.container))t.pause()}play(){for(let t of this._instancesManager.getArray(this.container))t.play()}resize(){for(let 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)})}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[100],{100(t,a,e){e.d(a,{EmittersPluginInstance:()=>n});var i=e(303);class n{container;_instancesManager;constructor(t,a){this.container=a,this._instancesManager=t,this._instancesManager.initContainer(a)}async init(){let t=this.container.actualOptions.emitters;if((0,i.isArray)(t))for(let a of t)await this._instancesManager.addEmitter(this.container,a);else await this._instancesManager.addEmitter(this.container,t)}pause(){for(let t of this._instancesManager.getArray(this.container))t.pause()}play(){for(let t of this._instancesManager.getArray(this.container))t.play()}resize(){for(let 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/106.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[106],{106(e,t,a){async function r(e){let{ShapeManager:t}=await a.e(443).then(a.bind(a,443)),r=e.pluginManager;r.emitterShapeManager??=new t,r.addEmitterShapeGenerator??=(e,t)=>{r.emitterShapeManager?.addShapeGenerator(e,t)}}a.r(t),a.d(t,{addEmittersShapesManager:()=>r})}}]);

package/443.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[443],{443(e,t,r){r.d(t,{ShapeManager:()=>s});let a=new Map;class s{addShapeGenerator(e,t){this.getShapeGenerator(e)||a.set(e,t)}getShapeGenerator(e){return a.get(e)}getSupportedShapeGenerators(){return a.keys()}}}}]);

package/475.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[475],{475(t,i,e){e.d(i,{EmittersInstancesManager:()=>a});var s=e(303),o=e(442);class a{_containerArrays;_pluginManager;constructor(t){this._containerArrays=new Map,this._pluginManager=t}async addEmitter(t,i,s){let a=new o.v;a.load(i);let{EmitterInstance:l}=await e.e(746).then(e.bind(e,746)),r=new l(this._pluginManager,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=>{let 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=>{let e=t.getEmitter?.(i);e&&this.removeEmitter(t,e)},t.playEmitter=i=>{let e=t.getEmitter?.(i);e&&e.externalPlay()},t.pauseEmitter=i=>{let e=t.getEmitter?.(i);e&&e.externalPause()})}removeEmitter(t,i){let e=this.getArray(t).indexOf(i);e>=0&&this.getArray(t).splice(e,1)}}},442(t,i,e){e.d(i,{v:()=>d});var s=e(303);class o{count;delay;duration;wait;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{delay;quantity;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 l{color;opacity;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{options;replace;type;constructor(){this.options={},this.replace=new l,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 n=e(354);class h{fill;stroke;load(t){!(0,s.isNull)(t)&&(t.fill&&(this.fill??=new s.Fill,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new s.Stroke,this.stroke.load(t.stroke)))}}class d{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new a,this.shape=new r,this.spawn=new h,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new n.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),this.spawn.load(t.spawn),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.spawnFillColor&&(this.spawnFillColor??=new s.AnimatableColor,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new s.AnimatableColor,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},354(t,i,e){e.d(i,{G:()=>o});var s=e(303);class o{height;mode;width;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))}}}}]);

package/{588.min.js → 515.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[588],{588(t,i,s){s.r(i),s.d(i,{EmittersPlugin:()=>l});var o=s(303),e=s(982);class l{id="emitters";_instancesManager;constructor(t){this._instancesManager=t}async getPlugin(t){let{EmittersPluginInstance:i}=await s.e(803).then(s.bind(s,803));return new i(this._instancesManager,t)}loadOptions(t,i,s){(this.needsPlugin(i)||this.needsPlugin(s))&&s?.emitters&&(i.emitters=(0,o.executeOnSingleOrMultiple)(s.emitters,t=>{let i=new e.v;return i.load(t),i}))}needsPlugin(t){if(!t)return!1;let i=t.emitters;return(0,o.isArray)(i)&&!!i.length||void 0!==i}}},982(t,i,s){s.d(i,{v:()=>h});var o=s(303);class e{count;delay;duration;wait;constructor(){this.wait=!1}load(t){(0,o.isNull)(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 l{delay;quantity;constructor(){this.quantity=1,this.delay=.1}load(t){(0,o.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,o.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,o.setRangeValue)(t.delay)))}}class a{color;opacity;constructor(){this.color=!1,this.opacity=!1}load(t){(0,o.isNull)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class n{options;replace;type;constructor(){this.options={},this.replace=new a,this.type="square"}load(t){(0,o.isNull)(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 r=s(747);class d{fill;stroke;load(t){!(0,o.isNull)(t)&&(t.fill&&(this.fill??=new o.Fill,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new o.Stroke,this.stroke.load(t.stroke)))}}class h{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new e,this.rate=new l,this.shape=new n,this.spawn=new d,this.startCount=0}load(t){(0,o.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new r.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,o.executeOnSingleOrMultiple)(t.particles,t=>(0,o.deepExtend)({},t)),this.rate.load(t.rate),this.shape.load(t.shape),this.spawn.load(t.spawn),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.spawnFillColor&&(this.spawnFillColor??=new o.AnimatableColor,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new o.AnimatableColor,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},747(t,i,s){s.d(i,{G:()=>e});var o=s(303);class e{height;mode;width;constructor(){this.mode=o.PixelMode.percent,this.height=0,this.width=0}load(t){(0,o.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))}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[515],{515(t,i,s){s.r(i),s.d(i,{EmittersPlugin:()=>l});var o=s(303),e=s(442);class l{id="emitters";_instancesManager;constructor(t){this._instancesManager=t}async getPlugin(t){let{EmittersPluginInstance:i}=await s.e(100).then(s.bind(s,100));return new i(this._instancesManager,t)}loadOptions(t,i,s){(this.needsPlugin(i)||this.needsPlugin(s))&&s?.emitters&&(i.emitters=(0,o.executeOnSingleOrMultiple)(s.emitters,t=>{let i=new e.v;return i.load(t),i}))}needsPlugin(t){if(!t)return!1;let i=t.emitters;return(0,o.isArray)(i)&&!!i.length||void 0!==i}}},442(t,i,s){s.d(i,{v:()=>h});var o=s(303);class e{count;delay;duration;wait;constructor(){this.wait=!1}load(t){(0,o.isNull)(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 l{delay;quantity;constructor(){this.quantity=1,this.delay=.1}load(t){(0,o.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,o.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,o.setRangeValue)(t.delay)))}}class a{color;opacity;constructor(){this.color=!1,this.opacity=!1}load(t){(0,o.isNull)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class n{options;replace;type;constructor(){this.options={},this.replace=new a,this.type="square"}load(t){(0,o.isNull)(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 r=s(354);class d{fill;stroke;load(t){!(0,o.isNull)(t)&&(t.fill&&(this.fill??=new o.Fill,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new o.Stroke,this.stroke.load(t.stroke)))}}class h{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new e,this.rate=new l,this.shape=new n,this.spawn=new d,this.startCount=0}load(t){(0,o.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new r.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,o.executeOnSingleOrMultiple)(t.particles,t=>(0,o.deepExtend)({},t)),this.rate.load(t.rate),this.shape.load(t.shape),this.spawn.load(t.spawn),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.spawnFillColor&&(this.spawnFillColor??=new o.AnimatableColor,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new o.AnimatableColor,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},354(t,i,s){s.d(i,{G:()=>e});var o=s(303);class e{height;mode;width;constructor(){this.mode=o.PixelMode.percent,this.height=0,this.width=0}load(t){(0,o.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))}}}}]);

package/746.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[746],{746(t,i,e){e.d(i,{EmitterInstance:()=>l});var s=e(303),o=e(442),a=e(354);let n=1;function r(t,i,e,o){(t.paint??=new s.Paint).fill={color:s.AnimatableColor.create(void 0,{value:i}),enable:o,opacity:e}}class l{fill;name;options;position;size;spawnFillColor;spawnFillEnabled;spawnFillOpacity;spawnStrokeColor;spawnStrokeOpacity;spawnStrokeWidth;_container;_currentDuration;_currentEmitDelay;_currentSpawnDelay;_duration;_emitDelay;_firstSpawn;_immortal;_initialPosition;_lifeCount;_mutationObserver;_particlesOptions;_paused;_pluginManager;_removeCallback;_resizeObserver;_shape;_size;_spawnDelay;_startParticlesAdded;constructor(t,i,e,a,n){this._pluginManager=t,this._container=i,this._removeCallback=e,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,a instanceof o.v?this.options=a:(this.options=new o.v,this.options.load(a)),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.spawn.fill?.color&&(this.spawnFillColor=(0,s.rangeColorToHsl)(this._pluginManager,this.options.spawn.fill.color)),this.options.spawn.stroke?.color&&(this.spawnStrokeColor=(0,s.rangeColorToHsl)(this._pluginManager,this.options.spawn.stroke.color)),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 l=this.options.shape,h=this._pluginManager.emitterShapeManager?.getShapeGenerator(l.type);h&&(this._shape=h.generate(this._container,this.position,this.size,this.fill,l.options)),this._container.dispatchEvent("emitterCreated",{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._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))))return;let t=this._container;if(void 0===this._emitDelay){let 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(){let 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;let 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._container.dispatchEvent("emitterPlay"),this.play(),this._currentSpawnDelay-=this._spawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay))}_calcPosition(){let t=this._container;if(this.options.domId){let i=(0,s.safeDocument)().getElementById(this.options.domId);if(i){let 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(){let t,i=this._container;if(this.options.domId){let t=(0,s.safeDocument)().getElementById(this.options.domId);if(t){let e=t.getBoundingClientRect();return{width:e.width*i.retina.pixelRatio,height:e.height*i.retina.pixelRatio,mode:s.PixelMode.precise}}}return this.options.size??((t=new a.G).load({height:0,mode:s.PixelMode.percent,width:0}),t)}_destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this._removeCallback(this),this._container.dispatchEvent("emitterDestroyed",{emitter:this})};_emit(){if(this._paused)return;let t=(0,s.getRangeValue)(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){let i=(0,s.itemFromSingleOrMultiple)(this._particlesOptions)??{},e=this.options.spawn.fill?.color.animation,o=this.options.spawn.fill?.enable??!!this.options.spawn.fill?.color,a=this.options.spawn.fill?.opacity===void 0?s.defaultOpacity:(0,s.getRangeValue)(this.options.spawn.fill.opacity),n=this.options.spawn.stroke?.color?.animation,l=this.options.spawn.stroke?.opacity===void 0?s.defaultOpacity:(0,s.getRangeValue)(this.options.spawn.stroke.opacity),h=this.options.spawn.stroke?.width===void 0?1:(0,s.getRangeValue)(this.options.spawn.stroke.width),p=this._container.retina.reduceFactor,c=!!e,_=!!n,d=!!this._shape,u=c||_,m=u||d,w=u?{h:s.hMax,s:s.sMax,l:s.lMax}:null,y=this.options.shape;for(let c=0;c<t*p;c++){let t=m?(0,s.deepExtend)({},i):i;if(this.spawnFillOpacity=a,this.spawnFillEnabled=o,this.spawnStrokeOpacity=l,this.spawnStrokeWidth=h,this.spawnFillColor&&(e&&w&&(this.spawnFillColor.h=this._setColorAnimation(e.h,this.spawnFillColor.h,w.h,3.6),this.spawnFillColor.s=this._setColorAnimation(e.s,this.spawnFillColor.s,w.s),this.spawnFillColor.l=this._setColorAnimation(e.l,this.spawnFillColor.l,w.l)),r(t,this.spawnFillColor,this.spawnFillOpacity,this.spawnFillEnabled)),this.spawnStrokeColor){var f,g,v;n&&w&&(this.spawnStrokeColor.h=this._setColorAnimation(n.h,this.spawnStrokeColor.h,w.h,3.6),this.spawnStrokeColor.s=this._setColorAnimation(n.s,this.spawnStrokeColor.s,w.s),this.spawnStrokeColor.l=this._setColorAnimation(n.l,this.spawnStrokeColor.l,w.l)),f=this.spawnStrokeColor,g=this.spawnStrokeOpacity,v=this.spawnStrokeWidth,(t.paint??=new s.Paint).stroke={color:s.AnimatableColor.create(void 0,{value:f}),opacity:g,width:v}}let p=this.position;if(this._shape){let i=this._shape.randomPosition();if(i){p=i.position;let e=y.replace;e.color&&i.color&&r(t,i.color,e.opacity?i.opacity??s.defaultOpacity:s.defaultOpacity,!0)}else p=null}p&&this._container.particles.addParticle(p,t)}}_prepareToDie=()=>{if(this._paused)return;let 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)};_setColorAnimation=(t,i,e,o=n)=>{let a=this._container;if(!t.enable)return i;let r=(0,s.randomInRangeValue)(t.offset),l=(0,s.getRangeValue)(this.options.rate.delay),h=a.retina.reduceFactor?l*s.millisecondsToSeconds/a.retina.reduceFactor:1/0;return(i+(0,s.getRangeValue)(t.speed)*a.fpsLimit/h+r*o)%e}}}}]);

package/{526.min.js → 812.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[526],{526(t,e,i){i.d(e,{EmittersInteractor:()=>r});var s=i(702),a=i(303),o=i(982);let l={count:1,enable:!0},n="emitters";class r extends s.ExternalInteractorBase{handleClickMode;maxDistance;_instancesManager;constructor(t,e){super(e),this._instancesManager=t,this.maxDistance=0,this.handleClickMode=(t,e)=>{let i,s=this.container.actualOptions.interactivity.modes.emitters;if(!s||t!==n)return;if((0,a.isArray)(s.value)){let t=s.value.length;if(t>0&&s.random.enable){i=[];let e=new Set;for(let o=0;o<s.random.count;o++){let l=(0,a.arrayRandomIndex)(s.value);if(e.has(l)&&e.size<t){o--;continue}e.add(l);let n=(0,a.itemFromArray)(s.value,l);n&&i.push(n)}}else i=s.value}else i=s.value;let o=i,l=e.mouse.clickPosition;(0,a.executeOnSingleOrMultiple)(o,async t=>{await this._instancesManager.addEmitter(this.container,t,l)})}}clear(){}init(){}interact(t,e){for(let t of this._instancesManager.getArray(this.container))t.update(e)}isEnabled(t,e){let i=this.container.actualOptions,s=t.mouse,o=(e?.interactivity??i.interactivity).events;return!!s.clickPosition&&!!o.onClick.enable&&(0,a.isInArray)(n,o.onClick.mode)}loadModeOptions(t,...e){for(let i of(t.emitters={random:l,value:[]},e))if(i?.emitters)if((0,a.isArray)(i.emitters))for(let e of i.emitters){let i=new o.v;i.load(e),t.emitters.value.push(i)}else if("value"in i.emitters){let e=i.emitters;if(t.emitters.random.enable=e.random?.enable??t.emitters.random.enable,t.emitters.random.count=e.random?.count??t.emitters.random.count,(0,a.isArray)(e.value))for(let i of e.value){let e=new o.v;e.load(i),t.emitters.value.push(e)}else{let i=new o.v;i.load(e.value),t.emitters.value.push(i)}}else{let e=new o.v;e.load(i.emitters),t.emitters.value.push(e)}}removeEmitter(t){let e=this._instancesManager.getArray(this.container).indexOf(t);e>=0&&this._instancesManager.getArray(this.container).splice(e,1)}reset(){}}},982(t,e,i){i.d(e,{v:()=>h});var s=i(303);class a{count;delay;duration;wait;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 o{delay;quantity;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 l{color;opacity;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 n{options;replace;type;constructor(){this.options={},this.replace=new l,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 r=i(747);class d{fill;stroke;load(t){!(0,s.isNull)(t)&&(t.fill&&(this.fill??=new s.Fill,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new s.Stroke,this.stroke.load(t.stroke)))}}class h{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new a,this.rate=new o,this.shape=new n,this.spawn=new d,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new r.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),this.spawn.load(t.spawn),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.spawnFillColor&&(this.spawnFillColor??=new s.AnimatableColor,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new s.AnimatableColor,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},747(t,e,i){i.d(e,{G:()=>a});var s=i(303);class a{height;mode;width;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))}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[812],{812(t,e,i){i.d(e,{EmittersInteractor:()=>r});var s=i(702),a=i(303),o=i(442);let l={count:1,enable:!0},n="emitters";class r extends s.ExternalInteractorBase{handleClickMode;maxDistance;_instancesManager;constructor(t,e){super(e),this._instancesManager=t,this.maxDistance=0,this.handleClickMode=(t,e)=>{let i,s=this.container.actualOptions.interactivity.modes.emitters;if(!s||t!==n)return;if((0,a.isArray)(s.value)){let t=s.value.length;if(t>0&&s.random.enable){i=[];let e=new Set;for(let o=0;o<s.random.count;o++){let l=(0,a.arrayRandomIndex)(s.value);if(e.has(l)&&e.size<t){o--;continue}e.add(l);let n=(0,a.itemFromArray)(s.value,l);n&&i.push(n)}}else i=s.value}else i=s.value;let o=i,l=e.mouse.clickPosition;(0,a.executeOnSingleOrMultiple)(o,async t=>{await this._instancesManager.addEmitter(this.container,t,l)})}}clear(){}init(){}interact(t,e){for(let t of this._instancesManager.getArray(this.container))t.update(e)}isEnabled(t,e){let i=this.container.actualOptions,s=t.mouse,o=(e?.interactivity??i.interactivity).events;return!!s.clickPosition&&!!o.onClick.enable&&(0,a.isInArray)(n,o.onClick.mode)}loadModeOptions(t,...e){for(let i of(t.emitters={random:l,value:[]},e))if(i?.emitters)if((0,a.isArray)(i.emitters))for(let e of i.emitters){let i=new o.v;i.load(e),t.emitters.value.push(i)}else if("value"in i.emitters){let e=i.emitters;if(t.emitters.random.enable=e.random?.enable??t.emitters.random.enable,t.emitters.random.count=e.random?.count??t.emitters.random.count,(0,a.isArray)(e.value))for(let i of e.value){let e=new o.v;e.load(i),t.emitters.value.push(e)}else{let i=new o.v;i.load(e.value),t.emitters.value.push(i)}}else{let e=new o.v;e.load(i.emitters),t.emitters.value.push(e)}}removeEmitter(t){let e=this._instancesManager.getArray(this.container).indexOf(t);e>=0&&this._instancesManager.getArray(this.container).splice(e,1)}reset(){}}},442(t,e,i){i.d(e,{v:()=>h});var s=i(303);class a{count;delay;duration;wait;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 o{delay;quantity;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 l{color;opacity;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 n{options;replace;type;constructor(){this.options={},this.replace=new l,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 r=i(354);class d{fill;stroke;load(t){!(0,s.isNull)(t)&&(t.fill&&(this.fill??=new s.Fill,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new s.Stroke,this.stroke.load(t.stroke)))}}class h{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new a,this.rate=new o,this.shape=new n,this.spawn=new d,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new r.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),this.spawn.load(t.spawn),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.spawnFillColor&&(this.spawnFillColor??=new s.AnimatableColor,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new s.AnimatableColor,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},354(t,e,i){i.d(e,{G:()=>a});var s=i(303);class a{height;mode;width;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))}}}}]);

package/903.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[903],{903(e,t,n){n.r(t),n.d(t,{getEmittersInstancesManager:()=>i});let s=new WeakMap;function i(e){let t=e.pluginManager,i=s.get(t);return i||(i=n.e(475).then(n.bind(n,475)).then(({EmittersInstancesManager:e})=>new e(t)).catch(e=>{throw s.delete(t),e}),s.set(t,i)),i}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) plugin for particles emitters.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -77,3 +83,24 @@ import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
   await loadEmittersPlugin(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `emitters`
+
+```json
+{
+  "emitters": {}
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadInteractivityPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/EmitterInstance.js

@@ -1,22 +1,24 @@
-import { AnimatableColor, Fill, PixelMode, Stroke, Vector, calcPositionOrRandomFromSizeRanged, deepExtend, defaultOpacity, getRangeValue, getSize, hMax, half, isPointInside, itemFromSingleOrMultiple, lMax, millisecondsToSeconds, randomInRangeValue, rangeColorToHsl, sMax, safeDocument, } from "@tsparticles/engine";
+import { AnimatableColor, Paint, PixelMode, Vector, calcPositionOrRandomFromSizeRanged, deepExtend, defaultOpacity, 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, colorFactor = 3.6, defaultStrokeWidth = 1;
 function setParticlesOptionsFillColor(particlesOptions, color, opacity, enable) {
-    particlesOptions.fill = new Fill();
-    particlesOptions.fill.color = AnimatableColor.create(undefined, { value: color });
-    particlesOptions.fill.enable = enable;
-    particlesOptions.fill.opacity = opacity;
+    const paint = (particlesOptions.paint ??= new Paint());
+    paint.fill = {
+        color: AnimatableColor.create(undefined, { value: color }),
+        enable,
+        opacity,
+    };
 }
 function setParticlesOptionsStrokeColor(particlesOptions, color, opacity, width) {
-    particlesOptions.stroke = new Stroke();
-    particlesOptions.stroke.color = AnimatableColor.create(undefined, { value: color });
-    particlesOptions.stroke.opacity = opacity;
-    particlesOptions.stroke.width = width;
+    const paint = (particlesOptions.paint ??= new Paint());
+    paint.stroke = {
+        color: AnimatableColor.create(undefined, { value: color }),
+        opacity,
+        width,
+    };
 }
 export class EmitterInstance {
-    container;
-    removeCallback;
     fill;
     name;
     options;
@@ -28,12 +30,12 @@ export class EmitterInstance {
     spawnStrokeColor;
     spawnStrokeOpacity;
     spawnStrokeWidth;
+    _container;
     _currentDuration;
     _currentEmitDelay;
     _currentSpawnDelay;
     _duration;
     _emitDelay;
-    _engine;
     _firstSpawn;
     _immortal;
     _initialPosition;
@@ -41,15 +43,17 @@ export class EmitterInstance {
     _mutationObserver;
     _particlesOptions;
     _paused;
+    _pluginManager;
+    _removeCallback;
     _resizeObserver;
     _shape;
     _size;
     _spawnDelay;
     _startParticlesAdded;
-    constructor(engine, container, removeCallback, options, position) {
-        this.container = container;
-        this.removeCallback = removeCallback;
-        this._engine = engine;
+    constructor(pluginManager, container, removeCallback, options, position) {
+        this._pluginManager = pluginManager;
+        this._container = container;
+        this._removeCallback = removeCallback;
         this._currentDuration = 0;
         this._currentEmitDelay = 0;
         this._currentSpawnDelay = 0;
@@ -74,15 +78,15 @@ export class EmitterInstance {
         particlesOptions.move ??= {};
         particlesOptions.move.direction ??= this.options.direction;
         if (this.options.spawn.fill?.color) {
-            this.spawnFillColor = rangeColorToHsl(this._engine, this.options.spawn.fill.color);
+            this.spawnFillColor = rangeColorToHsl(this._pluginManager, this.options.spawn.fill.color);
         }
         if (this.options.spawn.stroke?.color) {
-            this.spawnStrokeColor = rangeColorToHsl(this._engine, this.options.spawn.stroke.color);
+            this.spawnStrokeColor = rangeColorToHsl(this._pluginManager, this.options.spawn.stroke.color);
         }
         this._paused = !this.options.autoPlay;
         this._particlesOptions = particlesOptions;
         this._size = this._calcSize();
-        this.size = getSize(this._size, this.container.canvas.size);
+        this.size = getSize(this._size, this._container.canvas.size);
         this._lifeCount = this.options.life.count ?? defaultLifeCount;
         this._immortal = this._lifeCount <= minLifeCount;
         if (this.options.domId) {
@@ -101,15 +105,12 @@ export class EmitterInstance {
                 this._resizeObserver.observe(element);
             }
         }
-        const shapeOptions = this.options.shape, shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
+        const shapeOptions = this.options.shape, shapeGenerator = this._pluginManager.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
         if (shapeGenerator) {
-            this._shape = shapeGenerator.generate(this.container, this.position, this.size, this.fill, shapeOptions.options);
+            this._shape = shapeGenerator.generate(this._container, this.position, this.size, this.fill, shapeOptions.options);
         }
-        this._engine.dispatchEvent("emitterCreated", {
-            container,
-            data: {
-                emitter: this,
-            },
+        this._container.dispatchEvent("emitterCreated", {
+            emitter: this,
         });
         this.play();
     }
@@ -138,7 +139,7 @@ export class EmitterInstance {
             (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
             return;
         }
-        const container = this.container;
+        const container = this._container;
         if (this._emitDelay === undefined) {
             const delay = getRangeValue(this.options.rate.delay);
             this._emitDelay = container.retina.reduceFactor
@@ -150,7 +151,7 @@ export class EmitterInstance {
         }
     }
     resize() {
-        const initialPosition = this._initialPosition, container = this.container;
+        const initialPosition = this._initialPosition, container = this._container;
         this.position =
             initialPosition && isPointInside(initialPosition, container.canvas.size, Vector.origin)
                 ? initialPosition
@@ -163,7 +164,7 @@ export class EmitterInstance {
         if (this._paused) {
             return;
         }
-        const container = this.container;
+        const container = this._container;
         if (this._firstSpawn) {
             this._firstSpawn = false;
             this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
@@ -201,9 +202,7 @@ export class EmitterInstance {
         if (this._spawnDelay !== undefined) {
             this._currentSpawnDelay += delta.value;
             if (this._currentSpawnDelay >= this._spawnDelay) {
-                this._engine.dispatchEvent("emitterPlay", {
-                    container: this.container,
-                });
+                this._container.dispatchEvent("emitterPlay");
                 this.play();
                 this._currentSpawnDelay -= this._spawnDelay;
                 delete this._spawnDelay;
@@ -218,7 +217,7 @@ export class EmitterInstance {
         }
     }
     _calcPosition() {
-        const container = this.container;
+        const container = this._container;
         if (this.options.domId) {
             const element = safeDocument().getElementById(this.options.domId);
             if (element) {
@@ -235,7 +234,7 @@ export class EmitterInstance {
         });
     }
     _calcSize() {
-        const container = this.container;
+        const container = this._container;
         if (this.options.domId) {
             const element = safeDocument().getElementById(this.options.domId);
             if (element) {
@@ -263,12 +262,9 @@ export class EmitterInstance {
         this._mutationObserver = undefined;
         this._resizeObserver?.disconnect();
         this._resizeObserver = undefined;
-        this.removeCallback(this);
-        this._engine.dispatchEvent("emitterDestroyed", {
-            container: this.container,
-            data: {
-                emitter: this,
-            },
+        this._removeCallback(this);
+        this._container.dispatchEvent("emitterDestroyed", {
+            emitter: this,
         });
     };
     _emit() {
@@ -286,7 +282,7 @@ export class EmitterInstance {
             ? defaultOpacity
             : getRangeValue(this.options.spawn.stroke.opacity), strokeWidth = this.options.spawn.stroke?.width === undefined
             ? defaultStrokeWidth
-            : getRangeValue(this.options.spawn.stroke.width), reduceFactor = this.container.retina.reduceFactor, needsFillColorAnimation = !!fillHslAnimation, needsStrokeColorAnimation = !!strokeHslAnimation, needsShapeData = !!this._shape, needsColorAnimation = needsFillColorAnimation || needsStrokeColorAnimation, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: hMax, s: sMax, l: lMax } : null, shapeOptions = this.options.shape;
+            : getRangeValue(this.options.spawn.stroke.width), reduceFactor = this._container.retina.reduceFactor, needsFillColorAnimation = !!fillHslAnimation, needsStrokeColorAnimation = !!strokeHslAnimation, needsShapeData = !!this._shape, needsColorAnimation = needsFillColorAnimation || needsStrokeColorAnimation, 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 = needsCopy
                 ? deepExtend({}, singleParticlesOptions)
@@ -326,7 +322,7 @@ export class EmitterInstance {
                 }
             }
             if (position) {
-                this.container.particles.addParticle(position, particlesOptions);
+                this._container.particles.addParticle(position, particlesOptions);
             }
         }
     }
@@ -340,7 +336,7 @@ export class EmitterInstance {
         }
     };
     _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
-        const container = this.container;
+        const container = this._container;
         if (!animation.enable) {
             return initValue;
         }

package/browser/EmittersInstancesManager.js

@@ -3,15 +3,15 @@ import { Emitter } from "./Options/Classes/Emitter.js";
 const defaultIndex = 0;
 export class EmittersInstancesManager {
     _containerArrays;
-    _engine;
-    constructor(engine) {
+    _pluginManager;
+    constructor(pluginManager) {
         this._containerArrays = new Map();
-        this._engine = engine;
+        this._pluginManager = pluginManager;
     }
     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) => {
+        const { EmitterInstance } = await import("./EmitterInstance.js"), emitter = new EmitterInstance(this._pluginManager, container, (emitter) => {
             this.removeEmitter(container, emitter);
         }, emitterOptions, position);
         await emitter.init();

package/browser/addEmittersShapesManager.js

@@ -0,0 +1,7 @@
+export async function addEmittersShapesManager(e) {
+    const { ShapeManager } = await import("./ShapeManager.js"), pluginManager = e.pluginManager;
+    pluginManager.emitterShapeManager ??= new ShapeManager();
+    pluginManager.addEmitterShapeGenerator ??= (name, generator) => {
+        pluginManager.emitterShapeManager?.addShapeGenerator(name, generator);
+    };
+}

package/browser/ensureEmittersPluginLoaded.js

@@ -0,0 +1,5 @@
+export function ensureEmittersPluginLoaded(e) {
+    if (!e.pluginManager.addEmitterShapeGenerator) {
+        throw new Error("tsParticles Emitters Plugin is not loaded");
+    }
+}

package/browser/getEmittersInstancesManager.js

@@ -0,0 +1,15 @@
+const instancesManagers = new WeakMap();
+export function getEmittersInstancesManager(e) {
+    const pluginManager = e.pluginManager;
+    let manager = instancesManagers.get(pluginManager);
+    if (!manager) {
+        manager = import("./EmittersInstancesManager.js")
+            .then(({ EmittersInstancesManager }) => new EmittersInstancesManager(pluginManager))
+            .catch((error) => {
+            instancesManagers.delete(pluginManager);
+            throw error;
+        });
+        instancesManagers.set(pluginManager, manager);
+    }
+    return manager;
+}

package/browser/index.js

@@ -1,28 +1,9 @@
+import { loadEmittersInteraction } from "./interaction.js";
+import { loadEmittersPluginSimple } from "./plugin.js";
 export async function loadEmittersPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
-            import("@tsparticles/plugin-interactivity"),
-            import("./ShapeManager.js"),
-            import("./EmittersInstancesManager.js"),
-            import("./EmittersPlugin.js"),
-        ]), instancesManager = new EmittersInstancesManager(e);
-        ensureInteractivityPluginLoaded(e);
-        e.emitterShapeManager ??= new ShapeManager();
-        e.addEmitterShapeGenerator ??= (name, generator) => {
-            e.emitterShapeManager?.addShapeGenerator(name, generator);
-        };
-        e.addPlugin(new EmittersPlugin(instancesManager));
-        e.addInteractor?.("externalEmitters", async (container) => {
-            const { EmittersInteractor } = await import("./EmittersInteractor.js");
-            return new EmittersInteractor(instancesManager, container);
-        });
-    });
-}
-export function ensureEmittersPluginLoaded(e) {
-    if (!e.addEmitterShapeGenerator) {
-        throw new Error("tsParticles Emitters Plugin is not loaded");
-    }
+    await loadEmittersPluginSimple(engine);
+    await loadEmittersInteraction(engine);
 }
+export * from "./ensureEmittersPluginLoaded.js";
 export * from "./EmitterShapeBase.js";
 export * from "./Enums/EmitterClickMode.js";

package/browser/interaction.js

@@ -0,0 +1,18 @@
+export async function loadEmittersInteraction(engine) {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
+        const [{ ensureInteractivityPluginLoaded }, { addEmittersShapesManager }, { getEmittersInstancesManager },] = await Promise.all([
+            import("@tsparticles/plugin-interactivity"),
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        ensureInteractivityPluginLoaded(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addInteractor?.("externalEmitters", async (container) => {
+            const { EmittersInteractor } = await import("./EmittersInteractor.js");
+            return new EmittersInteractor(instancesManager, container);
+        });
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";

package/browser/plugin.js

@@ -0,0 +1,14 @@
+export async function loadEmittersPluginSimple(engine) {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
+        const [{ addEmittersShapesManager }, { getEmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+            import("./EmittersPlugin.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addPlugin(new EmittersPlugin(instancesManager));
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";