@tsparticles/slim 4.0.0-beta.12 → 4.0.0-beta.15

package/7752.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[4586,7752],{7752(t,e,i){i.d(e,{Attractor:()=>l});var a=i(4586),n=i(7279);let r=n.Miz.origin;function c(t,e,i,a,c,o){let s=e.actualOptions.interactivity?.modes.attract;if(s)for(let l of e.particles.grid.query(c,o)){let{dx:e,dy:c,distance:o}=(0,n.vrU)(l.position,i),d=s.speed*s.factor,u=(0,n.qE8)(t.getEasing(s.easing)(n.D_O-o/a)*d,1,s.maxSpeed);r.x=o?e/o*u:d,r.y=o?c/o*u:d,l.position.subFrom(r)}}var o=i(2717);let s="attract";class l extends a.ExternalInteractorBase{handleClickMode;_maxDistance;_pluginManager;constructor(t,e){super(e),this._pluginManager=t,this._maxDistance=0,e.attract??={particles:[]},this.handleClickMode=(t,i)=>{let a=this.container.actualOptions,r=a.interactivity?.modes.attract;if(r&&t===s){for(let t of(e.attract??={particles:[]},e.attract.clicking=!0,e.attract.count=0,e.attract.particles))this.isEnabled(i,t)&&t.velocity.setTo(t.initialVelocity);e.attract.particles=[],e.attract.finish=!1,setTimeout(()=>{e.destroyed||(e.attract??={particles:[]},e.attract.clicking=!1)},r.duration*n.XuV)}}}get maxDistance(){return this._maxDistance}clear(){}init(){let t=this.container,e=t.actualOptions.interactivity?.modes.attract;e&&(this._maxDistance=e.distance,t.retina.attractModeDistance=e.distance*t.retina.pixelRatio)}interact(t){let e=this.container.actualOptions,i=t.status===a.mouseMoveEvent,r=e.interactivity?.events;if(!r)return;let{enable:o,mode:l}=r.onHover,{enable:d,mode:u}=r.onClick;if(i&&o&&(0,n.hnD)(s,l)){var p,h,v;let e,i;p=this._pluginManager,h=this.container,v=e=>this.isEnabled(t,e),e=t.mouse.position,(i=h.retina.attractModeDistance)&&!(i<0)&&e&&c(p,h,e,i,new n.jlt(e.x,e.y,i),t=>v(t))}else d&&(0,n.hnD)(s,u)&&function(t,e,i,a){e.attract??={particles:[]};let{attract:r}=e;if(r.finish||(r.count??=0,r.count++,r.count===e.particles.count&&(r.finish=!0)),r.clicking){let r=i.mouse.clickPosition,o=e.retina.attractModeDistance;if(!o||o<0||!r)return;c(t,e,r,o,new n.jlt(r.x,r.y,o),t=>a(t))}else!1===r.clicking&&(r.particles=[])}(this._pluginManager,this.container,t,e=>this.isEnabled(t,e))}isEnabled(t,e){let i=this.container.actualOptions,a=t.mouse,r=(e?.interactivity??i.interactivity)?.events;if((!a.position||!r?.onHover.enable)&&(!a.clickPosition||!r?.onClick.enable))return!1;let c=r.onHover.mode,o=r.onClick.mode;return(0,n.hnD)(s,c)||(0,n.hnD)(s,o)}loadModeOptions(t,...e){for(let i of(t.attract??=new o.K,e))t.attract.load(i?.attract)}reset(){}}},9757(t,e,i){var a,n;i.d(e,{Q:()=>a}),(n=a||(a={})).circle="circle",n.rectangle="rectangle"},6210(t,e,i){var a,n;i.d(e,{h:()=>a}),(n=a||(a={})).canvas="canvas",n.parent="parent",n.window="window"},6115(t,e,i){var a,n;i.d(e,{e:()=>a}),(n=a||(a={})).external="external",n.particles="particles"},3383(t,e,i){i.d(e,{Bp:()=>l,DG:()=>d,G3:()=>u,Rb:()=>o,Z0:()=>c,ms:()=>n,s7:()=>s,vo:()=>r,xO:()=>a});let a="click",n="pointerdown",r="pointerup",c="pointerleave",o="pointermove",s="touchstart",l="touchend",d="touchmove",u="touchcancel"},7226(t,e,i){i.d(e,{G:()=>r});var a=i(7279),n=i(9757);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=n.Q.circle}load(t){(0,a.kZJ)(t)||(void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type))}}},5070(t,e,i){i.d(e,{d:()=>n});var a=i(7279);class n{_container;_pluginManager;constructor(t,e){this._pluginManager=t,this._container=e}load(t){if((0,a.kZJ)(t)||!this._container)return;let e=this._pluginManager.interactors?.get(this._container);if(e)for(let i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}},4586(t,e,i){i.r(e),i.d(e,{DivEvent:()=>v.G,DivType:()=>s.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>n.e,Modes:()=>g.d,ParticlesInteractorBase:()=>c,clickEvent:()=>o.xO,divMode:()=>h,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>f,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>m,mouseDownEvent:()=>o.ms,mouseLeaveEvent:()=>o.Z0,mouseMoveEvent:()=>o.Rb,mouseUpEvent:()=>o.vo,singleDivModeExecute:()=>p,touchCancelEvent:()=>o.G3,touchEndEvent:()=>o.Bp,touchMoveEvent:()=>o.DG,touchStartEvent:()=>o.s7});var a=i(7279),n=i(6115);class r{type=n.e.external;container;constructor(t){this.container=t}}class c{type=n.e.particles;container;constructor(t){this.container=t}}var o=i(3383),s=i(9757),l=i(6210);function d(t,e){return!!(0,a.w3Z)(e,e=>e.enable&&(0,a.hnD)(t,e.mode))}function u(t,e,i){(0,a.wJ2)(e,e=>{let n=e.mode;e.enable&&(0,a.hnD)(t,n)&&p(e,i)})}function p(t,e){let i=t.selectors;(0,a.wJ2)(i,i=>{e(i,t)})}function h(t,e){if(e&&t)return(0,a.w3Z)(t,t=>{var i;let n;return i=t.selectors,n=(0,a.wJ2)(i,t=>e.matches(t)),(0,a.cyL)(n)?n.some(t=>t):n})}var v=i(7226),g=i(5070);async function m(t){t.checkVersion("4.0.0-beta.12"),await t.pluginManager.register(async t=>{let e=t.pluginManager,{InteractivityPlugin:n}=await i.e(779).then(i.bind(i,779));e.addPlugin(new n(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,i)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,i)},e.getInteractors=async(t,i=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,a.HQK)(t,e.interactors,e.initializers.interactors,i)),e.setOnClickHandler=e=>{let{items:i}=t;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(t=>{t.addClickHandler?.(e)})}})}function f(t){if(!t.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/779.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[779],{779(t,e,i){i.d(e,{InteractivityPlugin:()=>o});var n=i(7279),s=i(1812);class o{id="interactivity";_pluginManager;constructor(t){this._pluginManager=t}async getPlugin(t){let{InteractivityPluginInstance:e}=await i.e(4874).then(i.bind(i,4874));return new e(this._pluginManager,t)}loadOptions(t,e,i){if(!this.needsPlugin())return;let n=e.interactivity;n?.load||(e.interactivity=n=new s.k(this._pluginManager,t)),n.load(i?.interactivity);let o=this._pluginManager.interactors?.get(t);if(o)for(let t of o)t.loadOptions&&t.loadOptions(e,i)}loadParticlesOptions(t,e,i){i?.interactivity&&(e.interactivity=(0,n.zwS)({},i.interactivity));let s=this._pluginManager.interactors?.get(t);if(s)for(let t of s)t.loadParticlesOptions?.(e,i)}needsPlugin(){return!0}}},1812(t,e,i){i.d(e,{k:()=>c});var n=i(7279);class s{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(t){(0,n.kZJ)(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}var o=i(7226);class a{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(t){(0,n.kZJ)(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}class l{onClick;onDiv;onHover;constructor(){this.onClick=new s,this.onDiv=new o.G,this.onHover=new a}load(t){if((0,n.kZJ)(t))return;this.onClick.load(t.onClick);let e=t.onDiv;void 0!==e&&(this.onDiv=(0,n.wJ2)(e,t=>{let e=new o.G;return e.load(t),e})),this.onHover.load(t.onHover)}}var r=i(6210),d=i(5070);class c{detectsOn;events;modes;constructor(t,e){this.detectsOn=r.h.window,this.events=new l,this.modes=new d.d(t,e)}load(t){if((0,n.kZJ)(t))return;let e=t.detectsOn;void 0!==e&&(this.detectsOn=e),this.events.load(t.events),this.modes.load(t.modes)}}}}]);

package/7819.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7819],{7819(s,e,l){l.d(e,{HslColorManager:()=>n});var a,t,r=l(7279);(a=t||(t={}))[a.h=1]="h",a[a.s=2]="s",a[a.l=3]="l",a[a.a=5]="a";let h=/hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class n{accepts(s){return s.startsWith("hsl")}handleColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.YLU)(e)}handleRangeColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.YLU)({h:(0,r.VGA)(e.h),l:(0,r.VGA)(e.l),s:(0,r.VGA)(e.s)})}parseString(s){if(!this.accepts(s))return;let e=h.exec(s);return e?(0,r.ayx)({a:e.length>4?(0,r.M3Y)(e[t.a]):1,h:Number.parseInt(e[t.h]??"0",10),l:Number.parseInt(e[t.l]??"0",10),s:Number.parseInt(e[t.s]??"0",10)}):void 0}}}}]);

package/7857.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[4657,7857],{4657(e,t,a){a.d(t,{zS:()=>w,loadGifImage:()=>x});var i,o,n,r,l=a(4308),s=a(7279);let h=[0,4,2,1],g=[8,8,4,2];class d{data;pos;constructor(e){this.pos=0,this.data=new Uint8ClampedArray(e)}getString(e){let t=this.data.slice(this.pos,this.pos+e);return this.pos+=t.length,t.reduce((e,t)=>e+String.fromCharCode(t),"")}nextByte(){return this.data[this.pos++]}nextTwoBytes(){return this.pos+=2,this.data[this.pos-2]+(this.data[this.pos-1]<<8)}readSubBlocks(){let e="",t;do{t=this.data[this.pos++];for(let a=t;--a>=0;e+=String.fromCharCode(this.data[this.pos++]));}while(0!==t)return e}readSubBlocksBin(){let e=this.data[this.pos],t=0;for(let a=0;0!==e;a+=e+1,e=this.data[this.pos+a])t+=e;let a=new Uint8Array(t);e=this.data[this.pos++];for(let t=0;0!==e;e=this.data[this.pos++])for(let i=e;--i>=0;a[t++]=this.data[this.pos++]);return a}skipSubBlocks(){for(;0!==this.data[this.pos];this.pos+=this.data[this.pos]+1);this.pos++}}function f(e,t){let a=[];for(let i=0;i<t;i++)a.push({r:e.data[e.pos],g:e.data[e.pos+1],b:e.data[e.pos+2]}),e.pos+=3;return a}function c(e,t,a){let i=t>>>3,o=7&t;return(e[i]+(e[i+1]<<8)+(e[i+2]<<16)&(1<<a)-1<<o)>>>o}async function p(e,t,a,i,o,n,r){let l=t.frames[i(!0)];l.left=e.nextTwoBytes(),l.top=e.nextTwoBytes(),l.width=e.nextTwoBytes(),l.height=e.nextTwoBytes();let s=e.nextByte(),d=(128&s)==128;l.sortFlag=(32&s)==32,l.reserved=(24&s)>>>3,d&&(l.localColorTable=f(e,1<<(7&s)+1));let p=e=>{let{r:i,g:n,b:r}=(d?l.localColorTable:t.globalColorTable)[e];return e!==o(null)?{r:i,g:n,b:r,a:255}:{r:i,g:n,b:r,a:a?Math.trunc((i+n+r)/3):0}},m=(()=>{try{return new ImageData(l.width,l.height,n)}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==m)throw EvalError("GIF frame size is to large");let u=e.nextByte(),w=e.readSubBlocksBin(),x=1<<u;if((64&s)==64){for(let a=0,o=u+1,n=0,s=[[0]],d=0;d<4;d++){if(h[d]<l.height){let e=0,t=0,i=!1;for(;!i;){let r=a;if(a=c(w,n,o),n+=o+1,a===x){o=u+1,s.length=x+2;for(let e=0;e<s.length;e++)s[e]=e<x?[e]:[]}else{for(let i of(a>=s.length?s.push(s[r].concat(s[r][0])):r!==x&&s.push(s[r].concat(s[a][0])),s[a])){let{r:a,g:o,b:n,a:r}=p(i);m.data.set([a,o,n,r],h[d]*l.width+g[d]*t+e%(4*l.width)),e+=4}s.length===1<<o&&o<12&&o++}e===4*l.width*(t+1)&&(t++,h[d]+g[d]*t>=l.height&&(i=!0))}}r?.(e.pos/(e.data.length-1),i(!1)+1,m,{x:l.left,y:l.top},{width:t.width,height:t.height})}l.image=m,l.bitmap=await createImageBitmap(m)}else{let a=0,o=u+1,n=0,s=-4,h=[[0]];for(;;){let e=a;if(a=c(w,n,o),n+=o,a===x){o=u+1,h.length=x+2;for(let e=0;e<h.length;e++)h[e]=e<x?[e]:[]}else{if(a===x+1)break;for(let t of(a>=h.length?h.push(h[e].concat(h[e][0])):e!==x&&h.push(h[e].concat(h[a][0])),h[a])){let{r:e,g:a,b:i,a:o}=p(t);s+=4,m.data.set([e,a,i,o],s)}h.length>=1<<o&&o<12&&o++}}l.image=m,l.bitmap=await createImageBitmap(m),r?.((e.pos+1)/e.data.length,i(!1)+1,l.image,{x:l.left,y:l.top},{width:t.width,height:t.height})}}async function m(e,t,a,i,o,n,l){switch(e.nextByte()){case r.EndOfFile:return!0;case r.Image:await p(e,t,a,i,o,n,l);break;case r.Extension:switch(e.nextByte()){case r.GraphicsControlExtension:{let a=t.frames[i(!1)];e.pos++;let n=e.nextByte();a.GCreserved=(224&n)>>>5,a.disposalMethod=(28&n)>>>2,a.userInputDelayFlag=(2&n)==2,a.delayTime=10*e.nextTwoBytes();let r=e.nextByte();(1&n)==1&&o(r),e.pos++;break}case r.ApplicationExtension:{e.pos++;let a={identifier:e.getString(8),authenticationCode:e.getString(3),data:e.readSubBlocksBin()};t.applicationExtensions.push(a);break}case r.CommentExtension:t.comments.push([i(!1),e.readSubBlocks()]);break;case r.PlainTextExtension:if(0===t.globalColorTable.length)throw EvalError("plain text extension without global color table");e.pos++,t.frames[i(!1)].plainTextData={left:e.nextTwoBytes(),top:e.nextTwoBytes(),width:e.nextTwoBytes(),height:e.nextTwoBytes(),charSize:{width:e.nextTwoBytes(),height:e.nextTwoBytes()},foregroundColor:e.nextByte(),backgroundColor:e.nextByte(),text:e.readSubBlocks()};break;default:e.skipSubBlocks()}break;default:throw EvalError("undefined block found")}return!1}async function u(e,t,a,i){i??=!1;let o=await fetch(e);if(!o.ok&&404===o.status)throw EvalError("file not found");let r=await o.arrayBuffer(),l={width:0,height:0,totalTime:0,colorRes:0,pixelAspectRatio:0,frames:[],sortFlag:!1,globalColorTable:[],backgroundImage:new ImageData(1,1,t),comments:[],applicationExtensions:[]},s=new d(new Uint8ClampedArray(r));if("GIF89a"!==s.getString(6))throw Error("not a supported GIF file");l.width=s.nextTwoBytes(),l.height=s.nextTwoBytes();let h=s.nextByte(),g=(128&h)==128;l.colorRes=(112&h)>>>4,l.sortFlag=(8&h)==8;let c=s.nextByte();l.pixelAspectRatio=s.nextByte(),0!==l.pixelAspectRatio&&(l.pixelAspectRatio=(l.pixelAspectRatio+15)/64),g&&(l.globalColorTable=f(s,1<<(7&h)+1));let p=(()=>{try{return new ImageData(l.width,l.height,t)}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==p)throw Error("GIF frame size is to large");let{r:u,g:w,b:x}=l.globalColorTable[c];p.data.set(g?[u,w,x,255]:[0,0,0,0]);for(let e=4;e<p.data.length;e*=2)p.data.copyWithin(e,0,e);l.backgroundImage=p;let b=-1,y=!0,I=-1,C=e=>(e&&(y=!0),b),B=e=>(null!=e&&(I=e),I);try{do y&&(l.frames.push({left:0,top:0,width:0,height:0,disposalMethod:n.Replace,image:new ImageData(1,1,t),plainTextData:null,userInputDelayFlag:!1,delayTime:0,sortFlag:!1,localColorTable:[],reserved:0,GCreserved:0}),b++,I=-1,y=!1);while(!await m(s,l,i,C,B,t,a))for(let e of(l.frames.length--,l.frames)){if(e.userInputDelayFlag&&0===e.delayTime){l.totalTime=1/0;break}l.totalTime+=e.delayTime}return l}catch(e){if(e instanceof EvalError)throw Error(`error while parsing frame ${b.toString()} "${e.message}"`,{cause:e});throw e}}function w(e,t){let{context:a,radius:i,particle:o,delta:r}=e,l=o.image;if(!l?.gifData||!l.gif)return;let h=new OffscreenCanvas(l.gifData.width,l.gifData.height),g=h.getContext("2d",t);if(!g)throw Error("could not create offscreen canvas context");g.imageSmoothingQuality="low",g.imageSmoothingEnabled=!1,g.clearRect(s.boI.x,s.boI.y,h.width,h.height),o.gifLoopCount??=l.gifLoopCount??0;let d=o.gifFrame??0,f={x:-l.gifData.width*s.MXx,y:-l.gifData.height*s.MXx},c=l.gifData.frames[d];if(o.gifTime??=0,c.bitmap){switch(a.scale(i/l.gifData.width,i/l.gifData.height),c.disposalMethod){case n.UndefinedA:case n.UndefinedB:case n.UndefinedC:case n.UndefinedD:case n.Replace:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height);break;case n.Combine:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y);break;case n.RestoreBackground:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height),l.gifData.globalColorTable.length?g.putImageData(l.gifData.backgroundImage,f.x,f.y):g.putImageData(l.gifData.frames[0].image,f.x+c.left,f.y+c.top);break;case n.RestorePrevious:{let e=g.getImageData(s.boI.x,s.boI.y,h.width,h.height);g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height),g.putImageData(e,s.boI.x,s.boI.y)}}if(o.gifTime+=r.value,o.gifTime>c.delayTime){if(o.gifTime-=c.delayTime,++d>=l.gifData.frames.length){if(--o.gifLoopCount<=0)return;d=0,g.clearRect(s.boI.x,s.boI.y,h.width,h.height)}o.gifFrame=d}a.scale(l.gifData.width/i,l.gifData.height/i)}}async function x(e,t){if("gif"!==e.type)return void await (0,l.loadImage)(e);e.loading=!0;try{e.gifData=await u(e.source,t),e.gifLoopCount=function(e){for(let t of e.applicationExtensions)if(t.identifier+t.authenticationCode==="NETSCAPE2.0")return t.data[1]+(t.data[2]<<8);return NaN}(e.gifData),e.gifLoopCount||(e.gifLoopCount=1/0)}catch{e.error=!0}e.loading=!1}(i=n||(n={}))[i.Replace=0]="Replace",i[i.Combine=1]="Combine",i[i.RestoreBackground=2]="RestoreBackground",i[i.RestorePrevious=3]="RestorePrevious",i[i.UndefinedA=4]="UndefinedA",i[i.UndefinedB=5]="UndefinedB",i[i.UndefinedC=6]="UndefinedC",i[i.UndefinedD=7]="UndefinedD",(o=r||(r={}))[o.Extension=33]="Extension",o[o.ApplicationExtension=255]="ApplicationExtension",o[o.GraphicsControlExtension=249]="GraphicsControlExtension",o[o.PlainTextExtension=1]="PlainTextExtension",o[o.CommentExtension=254]="CommentExtension",o[o.Image=44]="Image",o[o.EndOfFile=59]="EndOfFile"},7857(e,t,a){a.d(t,{ImageDrawer:()=>r});var i=a(7279),o=a(4308),n=a(4657);class r{_container;_engine;constructor(e,t){this._engine=e,this._container=t}draw(e){let{context:t,radius:a,particle:o,opacity:r}=e,l=o.image,s=l?.element;if(l){if(t.globalAlpha=r,l.gif&&l.gifData)(0,n.zS)(e,this._container.canvas.render.settings);else if(s){let e=l.ratio,o={x:-a,y:-a},n=a*i.gdl;t.drawImage(s,o.x,o.y,n,n/e)}t.globalAlpha=i.aZx}}getSidesCount(){return 12}async init(e){let t=e.actualOptions;if(!t.preload||!this._engine.loadImage)return;let a=[];for(let i of t.preload)a.push(this._engine.loadImage(e,i));await Promise.all(a)}loadShape(e){let{_container:t}=this;if(!e.shape||!o.z.includes(e.shape))return;let a=e.shapeData;if(!a)return;let i=this._engine.getImages?.(t);i?.find(e=>e.name===a.name||e.source===a.src)||this.loadImageShape(t,a).then(()=>{this.loadShape(e)})}particleInit(e,t){if("image"!==t.shape&&"images"!==t.shape)return;let a=this._engine.getImages?.(e),n=t.shapeData;if(!n)return;let r=t.getFillColor(),l=a?.find(e=>e.name===n.name||e.source===n.src);if(!l)return;let s=n.replaceColor;l.loading?setTimeout(()=>{this.particleInit(e,t)}):(async()=>{let a;(a=l.svgData&&r?await (0,o.d)(l,n,r,t,e.hdr):{color:r,data:l,element:l.element,gif:l.gif,gifData:l.gifData,gifLoopCount:l.gifLoopCount,loaded:!0,ratio:n.width&&n.height?n.width/n.height:l.ratio??i.$xb,replaceColor:s,source:n.src}).ratio||(a.ratio=1);let h=n.close??t.shapeClose;t.image=a,t.shapeClose=h})()}loadImageShape=async(e,t)=>{if(!this._engine.loadImage)throw Error("Image shape not initialized");await this._engine.loadImage(e,{gif:t.gif,name:t.name,replaceColor:t.replaceColor,src:t.src})}}}}]);

package/8002.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8002],{2717(t,a,e){e.d(a,{K:()=>s});var i=e(7279);class s{distance;duration;easing;factor;maxSpeed;speed;constructor(){this.distance=200,this.duration=.4,this.easing=i.mgy.easeOutQuad,this.factor=1,this.maxSpeed=50,this.speed=1}load(t){(0,i.kZJ)(t)||(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed),void 0!==t.speed&&(this.speed=t.speed))}}},8002(t,a,e){e.r(a),e.d(a,{Attract:()=>i.K,loadExternalAttractInteraction:()=>s});var i=e(2717);async function s(t){t.checkVersion("4.0.0-beta.12"),await t.pluginManager.register(async t=>{let{ensureInteractivityPluginLoaded:a}=await e.e(4586).then(e.bind(e,4586));a(t),t.pluginManager.addInteractor?.("externalAttract",async a=>{let{Attractor:i}=await e.e(7752).then(e.bind(e,7752));return new i(t.pluginManager,a)})})}}}]);

package/8093.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8093],{8093(t,s,e){e.d(s,{SquareDrawer:()=>a});var r=e(7279);class a{draw(t){!function(t){let{context:s,radius:e}=t,a=e*Math.SQRT1_2,i=a*r.gdl;s.rect(-a,-a,i,i)}(t)}getSidesCount(){return 4}}}}]);

package/8633.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8633],{5745(t,i,n){n.d(i,{f:()=>c});var a=n(7279),s=n(732);class c{distance;links;constructor(){this.distance=100,this.links=new s.q}load(t){(0,a.kZJ)(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links))}}},732(t,i,n){n.d(i,{q:()=>s});var a=n(7279);class s{blink;color;consent;opacity;constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(t){(0,a.kZJ)(t)||(void 0!==t.blink&&(this.blink=t.blink),void 0!==t.color&&(this.color=a.Oit.create(this.color,t.color)),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.opacity&&(this.opacity=t.opacity))}}},8633(t,i,n){n.r(i),n.d(i,{Grab:()=>a.f,GrabLinks:()=>s.q,loadExternalGrabInteraction:()=>c});var a=n(5745),s=n(732);async function c(t){t.checkVersion("4.0.0-beta.12"),await t.pluginManager.register(async t=>{let{ensureInteractivityPluginLoaded:i}=await n.e(4586).then(n.bind(n,4586));i(t),t.pluginManager.addInteractor?.("externalGrab",async i=>{let{Grabber:a}=await n.e(4821).then(n.bind(n,4821));return new a(t.pluginManager,i)})})}}}]);

package/8759.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8759],{4843(e,s,t){t.d(s,{Z:()=>n});var a=t(7279),i=t(8386),d=t(7948);class n extends i._{divs;load(e){super.load(e),(0,a.kZJ)(e)||(this.divs=(0,a.wJ2)(e.divs,e=>{let s=new d.W;return s.load(e),s}))}}},8386(e,s,t){t.d(s,{_:()=>i});var a=t(7279);class i{distance;duration;easing;factor;maxSpeed;speed;constructor(){this.distance=200,this.duration=.4,this.factor=100,this.speed=1,this.maxSpeed=50,this.easing=a.mgy.easeOutQuad}load(e){(0,a.kZJ)(e)||(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.easing&&(this.easing=e.easing),void 0!==e.factor&&(this.factor=e.factor),void 0!==e.speed&&(this.speed=e.speed),void 0!==e.maxSpeed&&(this.maxSpeed=e.maxSpeed))}}},7948(e,s,t){t.d(s,{W:()=>d});var a=t(7279),i=t(8386);class d extends i._{selectors;constructor(){super(),this.selectors=[]}load(e){super.load(e),(0,a.kZJ)(e)||void 0!==e.selectors&&(this.selectors=e.selectors)}}},8759(e,s,t){t.r(s),t.d(s,{Repulse:()=>d.Z,RepulseBase:()=>a._,RepulseDiv:()=>i.W,loadExternalRepulseInteraction:()=>n});var a=t(8386),i=t(7948),d=t(4843);async function n(e){e.checkVersion("4.0.0-beta.12"),await e.pluginManager.register(async e=>{let{ensureInteractivityPluginLoaded:s}=await t.e(4586).then(t.bind(t,4586));s(e);let a=e.pluginManager;a.addInteractor?.("externalRepulse",async e=>{let{Repulser:s}=await t.e(7091).then(t.bind(t,7091));return new s(a,e)})})}}}]);

package/8859.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8859],{481(t,e,a){a.d(e,{n:()=>i});var n=a(7279);class i{quantity;constructor(){this.quantity=2}load(t){if((0,n.kZJ)(t))return;let e=t.quantity;void 0!==e&&(this.quantity=(0,n.DT4)(e))}}},8859(t,e,a){a.r(e),a.d(e,{Remove:()=>n.n,loadExternalRemoveInteraction:()=>i});var n=a(481);async function i(t){t.checkVersion("4.0.0-beta.12"),await t.pluginManager.register(async t=>{let{ensureInteractivityPluginLoaded:e}=await a.e(4586).then(a.bind(a,4586));e(t),t.pluginManager.addInteractor?.("externalRemove",async t=>{let{Remover:e}=await a.e(7089).then(a.bind(a,7089));return new e(t)})})}}}]);

package/8935.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8935],{8935(r,e,a){var t,s;a.d(e,{HexColorManager:()=>p}),(s=t||(t={}))[s.r=1]="r",s[s.g=2]="g",s[s.b=3]="b",s[s.a=4]="a";let i=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class p{accepts(r){return r.startsWith("#")}handleColor(r){return this._parseString(r.value)}handleRangeColor(r){return this._parseString(r.value)}parseString(r){return this._parseString(r)}_parseString(r){if("string"!=typeof r||!this.accepts(r))return;let e=r.replace(i,(r,e,a,t,s)=>e+e+a+a+t+t+(void 0===s?"":s+s)),a=n.exec(e);return a?{a:a[t.a]?Number.parseInt(a[t.a],16)/255:1,b:Number.parseInt(a[t.b]??"0",16),g:Number.parseInt(a[t.g]??"0",16),r:Number.parseInt(a[t.r]??"0",16)}:void 0}}}}]);

package/904.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[904,4586],{904(t,e,i){i.d(e,{Linker:()=>o});var n=i(7279);class s extends n.jlt{canvasSize;constructor(t,e,i,n){super(t,e,i),this.canvasSize=n}contains(t){if(super.contains(t))return!0;let{width:e,height:i}=this.canvasSize,{x:n,y:s}=t;return super.contains({x:n-e,y:s})||super.contains({x:n+e,y:s})||super.contains({x:n,y:s-i})||super.contains({x:n,y:s+i})||super.contains({x:n-e,y:s-i})||super.contains({x:n+e,y:s+i})||super.contains({x:n-e,y:s+i})||super.contains({x:n+e,y:s-i})}intersects(t){if(super.intersects(t))return!0;let{width:e,height:i}=this.canvasSize,s=t.position;for(let r of[{x:-e,y:0},{x:e,y:0},{x:0,y:-i},{x:0,y:i},{x:-e,y:-i},{x:e,y:i},{x:-e,y:i},{x:e,y:-i}]){let e,i={x:s.x+r.x,y:s.y+r.y};if(e=t instanceof n.jlt?new n.jlt(i.x,i.y,t.radius):new n.M_G(i.x,i.y,t.size.width,t.size.height),super.intersects(e))return!0}return!1}}var r=i(6903),a=i(4586);class o extends a.ParticlesInteractorBase{_maxDistance;_pluginManager;constructor(t,e){super(e),this._pluginManager=t,this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){this.container.particles.linksColor=void 0,this.container.particles.linksColors=new Map}interact(t){if(!t.options.links)return;t.links=[],t.linksDistance&&t.linksDistance>this._maxDistance&&(this._maxDistance=t.linksDistance);let e=t.getPosition(),i=this.container,r=i.canvas.size;if(e.x<n.boI.x||e.y<n.boI.y||e.x>r.width||e.y>r.height)return;let a=t.options.links,o=a.opacity,c=t.retina.linksDistance??0,l=a.warp,d=l?new s(e.x,e.y,c,r):new n.jlt(e.x,e.y,c);for(let s of i.particles.grid.query(d)){let i=s.options.links;if(t===s||!i?.enable||a.id!==i.id||s.spawning||s.destroyed||!s.links||t.links.some(t=>t.destination===s)||s.links.some(e=>e.destination===t))continue;let d=s.getPosition();if(d.x<n.boI.x||d.y<n.boI.y||d.x>r.width||d.y>r.height)continue;let p=(0,n.vrU)(e,d).distance,u=l&&i.warp?function(t,e,i){let{dx:s,dy:r}=(0,n.vrU)(t,e),a={x:Math.abs(s),y:Math.abs(r)},o={x:Math.min(a.x,i.width-a.x),y:Math.min(a.y,i.height-a.y)};return Math.hypot(o.x,o.y)}(e,d,r):p,h=Math.min(p,u);if(h>c)continue;let v=(1-h/c)*o;this._setColor(t),t.links.push({destination:s,opacity:v,color:this._getLinkColor(t,s),isWarped:u<p})}}isEnabled(t){return!!t.options.links?.enable}loadParticlesOptions(t,...e){for(let i of(t.links??=new r.q,e))t.links.load(i?.links)}reset(){}_getLinkColor(t,e){let i=this.container,s=t.options.links;if(!s)return;let r=void 0!==s.id?i.particles.linksColors.get(s.id):i.particles.linksColor;return(0,n._hh)(t,e,r)}_setColor(t){if(!t.options.links)return;let e=this.container,i=t.options.links,s=void 0===i.id?e.particles.linksColor:e.particles.linksColors.get(i.id);s||(s=(0,n.PGG)(this._pluginManager,i.color,i.blink,i.consent),void 0===i.id?e.particles.linksColor=s:e.particles.linksColors.set(i.id,s))}}},9757(t,e,i){var n,s;i.d(e,{Q:()=>n}),(s=n||(n={})).circle="circle",s.rectangle="rectangle"},6210(t,e,i){var n,s;i.d(e,{h:()=>n}),(s=n||(n={})).canvas="canvas",s.parent="parent",s.window="window"},6115(t,e,i){var n,s;i.d(e,{e:()=>n}),(s=n||(n={})).external="external",s.particles="particles"},3383(t,e,i){i.d(e,{Bp:()=>l,DG:()=>d,G3:()=>p,Rb:()=>o,Z0:()=>a,ms:()=>s,s7:()=>c,vo:()=>r,xO:()=>n});let n="click",s="pointerdown",r="pointerup",a="pointerleave",o="pointermove",c="touchstart",l="touchend",d="touchmove",p="touchcancel"},7226(t,e,i){i.d(e,{G:()=>r});var n=i(7279),s=i(9757);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=s.Q.circle}load(t){(0,n.kZJ)(t)||(void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type))}}},5070(t,e,i){i.d(e,{d:()=>s});var n=i(7279);class s{_container;_pluginManager;constructor(t,e){this._pluginManager=t,this._container=e}load(t){if((0,n.kZJ)(t)||!this._container)return;let e=this._pluginManager.interactors?.get(this._container);if(e)for(let i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}},4586(t,e,i){i.r(e),i.d(e,{DivEvent:()=>v.G,DivType:()=>c.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>s.e,Modes:()=>y.d,ParticlesInteractorBase:()=>a,clickEvent:()=>o.xO,divMode:()=>h,divModeExecute:()=>p,ensureInteractivityPluginLoaded:()=>g,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>x,mouseDownEvent:()=>o.ms,mouseLeaveEvent:()=>o.Z0,mouseMoveEvent:()=>o.Rb,mouseUpEvent:()=>o.vo,singleDivModeExecute:()=>u,touchCancelEvent:()=>o.G3,touchEndEvent:()=>o.Bp,touchMoveEvent:()=>o.DG,touchStartEvent:()=>o.s7});var n=i(7279),s=i(6115);class r{type=s.e.external;container;constructor(t){this.container=t}}class a{type=s.e.particles;container;constructor(t){this.container=t}}var o=i(3383),c=i(9757),l=i(6210);function d(t,e){return!!(0,n.w3Z)(e,e=>e.enable&&(0,n.hnD)(t,e.mode))}function p(t,e,i){(0,n.wJ2)(e,e=>{let s=e.mode;e.enable&&(0,n.hnD)(t,s)&&u(e,i)})}function u(t,e){let i=t.selectors;(0,n.wJ2)(i,i=>{e(i,t)})}function h(t,e){if(e&&t)return(0,n.w3Z)(t,t=>{var i;let s;return i=t.selectors,s=(0,n.wJ2)(i,t=>e.matches(t)),(0,n.cyL)(s)?s.some(t=>t):s})}var v=i(7226),y=i(5070);async function x(t){t.checkVersion("4.0.0-beta.12"),await t.pluginManager.register(async t=>{let e=t.pluginManager,{InteractivityPlugin:s}=await i.e(779).then(i.bind(i,779));e.addPlugin(new s(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,i)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,i)},e.getInteractors=async(t,i=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,n.HQK)(t,e.interactors,e.initializers.interactors,i)),e.setOnClickHandler=e=>{let{items:i}=t;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(t=>{t.addClickHandler?.(e)})}})}function g(t){if(!t.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/9087.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[4586,9087],{9087(e,t,i){i.d(t,{Bubbler:()=>c});var o,l,n=i(7279),a=i(4586),r=i(741);function s(e,t,i,o){return t>=i?(0,n.qE8)(e+(t-i)*o,e,t):t<i?(0,n.qE8)(e-(i-t)*o,t,e):void 0}(o=l||(l={})).color="color",o.opacity="opacity",o.size="size";let b="bubble";class c extends a.ExternalInteractorBase{handleClickMode;_maxDistance;_pluginManager;constructor(e,t){super(t),this._pluginManager=e,this._maxDistance=0,t.bubble??={},this.handleClickMode=e=>{e===b&&(t.bubble??={},t.bubble.clicking=!0)}}get maxDistance(){return this._maxDistance}clear(e,t,i){(!e.bubble.inRange||i)&&(delete e.bubble.div,delete e.bubble.opacity,delete e.bubble.radius,delete e.bubble.color)}init(){let e=this.container,t=e.actualOptions.interactivity?.modes.bubble;t&&(this._maxDistance=t.distance,e.retina.bubbleModeDistance=t.distance*e.retina.pixelRatio,void 0!==t.size&&(e.retina.bubbleModeSize=t.size*e.retina.pixelRatio))}interact(e,t){let i=this.container.actualOptions,o=i.interactivity?.events;if(!o)return;let l=o.onHover,r=o.onClick,s=l.enable,c=l.mode,u=r.enable,d=r.mode,p=o.onDiv;s&&(0,n.hnD)(b,c)?this._hoverBubble(e):u&&(0,n.hnD)(b,d)?this._clickBubble(e):(0,a.divModeExecute)(b,p,(i,o)=>{this._singleSelectorHover(e,t,i,o)})}isEnabled(e,t){let i=this.container.actualOptions,o=e.mouse,l=(t?.interactivity??i.interactivity)?.events;if(!l)return!1;let{onClick:r,onDiv:s,onHover:c}=l,u=(0,a.isDivModeEnabled)(b,s);return!!(u||c.enable&&o.position||r.enable&&o.clickPosition)&&((0,n.hnD)(b,c.mode)||(0,n.hnD)(b,r.mode)||u)}loadModeOptions(e,...t){for(let i of(e.bubble??=new r.Z,t))e.bubble.load(i?.bubble)}reset(e,t){t.bubble.inRange=!1}_clickBubble=e=>{let t=this.container,i=t.actualOptions,o=e.mouse.clickPosition,a=i.interactivity?.modes.bubble;if(!a||!o)return;t.bubble??={};let r=t.retina.bubbleModeDistance;if(!r||r<0)return;let s=t.particles.grid.queryCircle(o,r,t=>this.isEnabled(e,t)),{bubble:b}=t;for(let i of s){if(!b.clicking)continue;i.bubble.inRange=!b.durationEnd;let s=i.getPosition(),c=(0,n.YfF)(s,o),u=(performance.now()-(e.mouse.clickTime??0))/n.XuV;u>a.duration&&(b.durationEnd=!0),u>a.duration*n.gdl&&(b.clicking=!1,b.durationEnd=!1);let d={bubbleObj:{optValue:t.retina.bubbleModeSize,value:i.bubble.radius},particlesObj:{optValue:(0,n.W9e)(i.options.size.value)*t.retina.pixelRatio,value:i.size.value},type:l.size};this._process(i,c,u,d);let p={bubbleObj:{optValue:a.opacity,value:i.bubble.opacity},particlesObj:{optValue:(0,n.W9e)(i.options.opacity.value),value:i.opacity?.value??1},type:l.opacity};this._process(i,c,u,p),!b.durationEnd&&c<=r?this._hoverBubbleColor(i,c):delete i.bubble.color}};_hoverBubble=e=>{let t=this.container,i=e.mouse.position,o=t.retina.bubbleModeDistance;if(o&&!(o<0)&&i)for(let l of t.particles.grid.queryCircle(i,o,t=>this.isEnabled(e,t))){l.bubble.inRange=!0;let t=l.getPosition(),r=(0,n.YfF)(t,i),s=1-r/o;r<=o?s>=0&&e.status===a.mouseMoveEvent&&(this._hoverBubbleSize(l,s),this._hoverBubbleOpacity(l,s),this._hoverBubbleColor(l,s)):this.reset(e,l),e.status===a.mouseLeaveEvent&&this.reset(e,l)}};_hoverBubbleColor=(e,t,i)=>{let o=this.container.actualOptions,l=i??o.interactivity?.modes.bubble;if(l){if(!e.bubble.finalColor){let t=l.color;if(!t)return;let i=(0,n.TA3)(t);e.bubble.finalColor=(0,n.R5R)(this._pluginManager,i)}if(e.bubble.finalColor)if(l.mix){e.bubble.color=void 0;let i=e.getFillColor();e.bubble.color=i?(0,n.K6u)((0,n.EYT)(i,e.bubble.finalColor,1-t,t)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}};_hoverBubbleOpacity=(e,t,i)=>{let o=this.container.actualOptions,l=i?.opacity??o.interactivity?.modes.bubble?.opacity;if(!l)return;let a=e.options.opacity.value,r=s(e.opacity?.value??1,l,(0,n.W9e)(a),t);void 0!==r&&(e.bubble.opacity=r)};_hoverBubbleSize=(e,t,i)=>{let o=this.container,l=i?.size?i.size*o.retina.pixelRatio:o.retina.bubbleModeSize;if(void 0===l)return;let a=(0,n.W9e)(e.options.size.value)*o.retina.pixelRatio,r=s(e.size.value,l,a,t);void 0!==r&&(e.bubble.radius=r)};_process=(e,t,i,o)=>{let n=this.container,a=o.bubbleObj.optValue,r=n.actualOptions,s=r.interactivity?.modes.bubble;if(!s||void 0===a)return;let b=s.duration,c=n.retina.bubbleModeDistance,u=o.particlesObj.optValue,d=o.bubbleObj.value,p=o.particlesObj.value??0,v=o.type;if(c&&!(c<0)&&a!==u)if(n.bubble??={},n.bubble.durationEnd)d&&(v===l.size&&delete e.bubble.radius,v===l.opacity&&delete e.bubble.opacity);else if(t<=c){if((d??p)!==a){let t=p-i*(p-a)/b;v===l.size&&(e.bubble.radius=t),v===l.opacity&&(e.bubble.opacity=t)}}else v===l.size&&delete e.bubble.radius,v===l.opacity&&delete e.bubble.opacity};_singleSelectorHover=(e,t,i,o)=>{let l=this.container,r=(0,n.T5G)().querySelectorAll(i),s=l.actualOptions.interactivity?.modes.bubble;s&&r.length&&r.forEach(i=>{let r=l.retina.pixelRatio,b={x:(i.offsetLeft+i.offsetWidth*n.MXx)*r,y:(i.offsetTop+i.offsetHeight*n.MXx)*r},c=i.offsetWidth*n.MXx*r,u=o.type===a.DivType.circle?new n.jlt(b.x,b.y,c):new n.M_G(i.offsetLeft*r,i.offsetTop*r,i.offsetWidth*r,i.offsetHeight*r);for(let o of l.particles.grid.query(u,t=>this.isEnabled(e,t))){if(!u.contains(o.getPosition()))continue;o.bubble.inRange=!0;let e=s.divs,l=(0,a.divMode)(e,i);o.bubble.div&&o.bubble.div===i||(this.clear(o,t,!0),o.bubble.div=i),this._hoverBubbleSize(o,1,l),this._hoverBubbleOpacity(o,1,l),this._hoverBubbleColor(o,1,l)}})}}},9757(e,t,i){var o,l;i.d(t,{Q:()=>o}),(l=o||(o={})).circle="circle",l.rectangle="rectangle"},6210(e,t,i){var o,l;i.d(t,{h:()=>o}),(l=o||(o={})).canvas="canvas",l.parent="parent",l.window="window"},6115(e,t,i){var o,l;i.d(t,{e:()=>o}),(l=o||(o={})).external="external",l.particles="particles"},3383(e,t,i){i.d(t,{Bp:()=>b,DG:()=>c,G3:()=>u,Rb:()=>r,Z0:()=>a,ms:()=>l,s7:()=>s,vo:()=>n,xO:()=>o});let o="click",l="pointerdown",n="pointerup",a="pointerleave",r="pointermove",s="touchstart",b="touchend",c="touchmove",u="touchcancel"},7226(e,t,i){i.d(t,{G:()=>n});var o=i(7279),l=i(9757);class n{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=l.Q.circle}load(e){(0,o.kZJ)(e)||(void 0!==e.selectors&&(this.selectors=e.selectors),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.type&&(this.type=e.type))}}},5070(e,t,i){i.d(t,{d:()=>l});var o=i(7279);class l{_container;_pluginManager;constructor(e,t){this._pluginManager=e,this._container=t}load(e){if((0,o.kZJ)(e)||!this._container)return;let t=this._pluginManager.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},4586(e,t,i){i.r(t),i.d(t,{DivEvent:()=>v.G,DivType:()=>s.Q,ExternalInteractorBase:()=>n,InteractivityDetect:()=>b.h,InteractorType:()=>l.e,Modes:()=>h.d,ParticlesInteractorBase:()=>a,clickEvent:()=>r.xO,divMode:()=>p,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>c,loadInteractivityPlugin:()=>f,mouseDownEvent:()=>r.ms,mouseLeaveEvent:()=>r.Z0,mouseMoveEvent:()=>r.Rb,mouseUpEvent:()=>r.vo,singleDivModeExecute:()=>d,touchCancelEvent:()=>r.G3,touchEndEvent:()=>r.Bp,touchMoveEvent:()=>r.DG,touchStartEvent:()=>r.s7});var o=i(7279),l=i(6115);class n{type=l.e.external;container;constructor(e){this.container=e}}class a{type=l.e.particles;container;constructor(e){this.container=e}}var r=i(3383),s=i(9757),b=i(6210);function c(e,t){return!!(0,o.w3Z)(t,t=>t.enable&&(0,o.hnD)(e,t.mode))}function u(e,t,i){(0,o.wJ2)(t,t=>{let l=t.mode;t.enable&&(0,o.hnD)(e,l)&&d(t,i)})}function d(e,t){let i=e.selectors;(0,o.wJ2)(i,i=>{t(i,e)})}function p(e,t){if(t&&e)return(0,o.w3Z)(e,e=>{var i;let l;return i=e.selectors,l=(0,o.wJ2)(i,e=>t.matches(e)),(0,o.cyL)(l)?l.some(e=>e):l})}var v=i(7226),h=i(5070);async function f(e){e.checkVersion("4.0.0-beta.12"),await e.pluginManager.register(async e=>{let t=e.pluginManager,{InteractivityPlugin:l}=await i.e(779).then(i.bind(i,779));t.addPlugin(new l(t)),t.initializers.interactors??=new Map,t.interactors??=new Map,t.addInteractor=(e,i)=>{t.initializers.interactors??=new Map,t.initializers.interactors.set(e,i)},t.getInteractors=async(e,i=!1)=>(t.interactors??=new Map,t.initializers.interactors??=new Map,(0,o.HQK)(e,t.interactors,t.initializers.interactors,i)),t.setOnClickHandler=t=>{let{items:i}=e;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(e=>{e.addClickHandler?.(t)})}})}function y(e){if(!e.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/9204.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9204],{9204(e,a,i){async function n(e){e.checkVersion("4.0.0-beta.12"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["line"],async()=>{let{LineDrawer:e}=await i.e(2641).then(i.bind(i,2641));return new e})})}i.r(a),i.d(a,{loadLineShape:()=>n})}}]);

package/9299.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9299],{9299(t,e,n){n.d(e,{PolygonDrawer:()=>s});var a=n(3996);class s extends a.L{getSidesData(t,e){let{sides:n}=t;return{count:{denominator:1,numerator:n},length:2.66*e/(n/3)}}}},3996(t,e,n){n.d(e,{L:()=>r});var a=n(7279);let s=new Map;class r{draw(t){let{particle:e,radius:n}=t;!function(t,e){let{context:n,radius:r}=t,l=function(t){let e=s.get(t);if(e)return e;let n=a.R1e/t,r=(-Math.PI+(t%a.gdl?0:n))*a.MXx,l=[];for(let e=0;e<t;e++){let t=r+e*n;l[e]={x:Math.cos(t),y:Math.sin(t)}}return s.set(t,l),l}(e.count.numerator/e.count.denominator);n.beginPath();for(let t=0;t<l.length;t++){let e=l[t];if(!e)continue;let a=e.x*r,s=e.y*r;t?n.lineTo(a,s):n.moveTo(a,s)}n.closePath()}(t,this.getSidesData(e,n))}getSidesCount(t){let e=t.shapeData;return Math.round((0,a.VGA)(e?.sides??5))}}}}]);

package/94.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[94],{94(a,e,s){async function i(a){a.checkVersion("4.0.0-beta.12"),await a.pluginManager.register(async a=>{let{HslColorManager:e}=await s.e(7819).then(s.bind(s,7819));a.pluginManager.addColorManager("hsl",new e)})}s.r(e),s.d(e,{loadHslColorPlugin:()=>i})}}]);

package/9408.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9408],{6745(a,e,t){t.d(e,{j:()=>n,u:()=>l});var i=t(7279);let l=["emoji"];function n(a,e){let{context:t,opacity:l}=a,n=t.globalAlpha,s=e.width,r=s*i.MXx;t.globalAlpha=l,t.drawImage(e,-r,-r,s,s),t.globalAlpha=n}},9408(a,e,t){t.r(e),t.d(e,{loadEmojiShape:()=>l});var i=t(6745);async function l(a){a.checkVersion("4.0.0-beta.12"),await a.pluginManager.register(a=>{a.pluginManager.addShape(i.u,async()=>{let{EmojiDrawer:a}=await t.e(7375).then(t.bind(t,7375));return new a})})}}}]);

package/9439.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9439],{9439(e,a,s){async function t(e){e.checkVersion("4.0.0-beta.12"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["edge","square"],async()=>{let{SquareDrawer:e}=await s.e(8093).then(s.bind(s,8093));return new e})})}s.r(a),s.d(a,{loadSquareShape:()=>t})}}]);

package/basic_dist_browser_index_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.12
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_slim"] = this["webpackChunk_tsparticles_slim"] || []).push([["basic_dist_browser_index_js"],{
-
-/***/ "../basic/dist/browser/index.js"
-/*!**************************************!*\
-  !*** ../basic/dist/browser/index.js ***!
-  \**************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\nasync function loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadPaintUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../plugins/colors/hex/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../plugins/colors/hsl/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../plugins/colors/rgb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../shapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_paint_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-paint */ \"../../updaters/paint/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../updaters/opacity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../updaters/outModes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../updaters/size/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadHexColorPlugin(e),\n            loadHslColorPlugin(e),\n            loadRgbColorPlugin(e),\n            loadMovePlugin(e),\n            loadCircleShape(e),\n            loadPaintUpdater(e),\n            loadOpacityUpdater(e),\n            loadOutModesUpdater(e),\n            loadSizeUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../basic/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/engine_dist_browser_Core_Container_js.js

@@ -1,100 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.12
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_slim"] = this["webpackChunk_tsparticles_slim"] || []).push([["engine_dist_browser_Core_Container_js"],{
-
-/***/ "../../engine/dist/browser/Core/CanvasManager.js"
-/*!*******************************************************!*\
-  !*** ../../engine/dist/browser/Core/CanvasManager.js ***!
-  \*******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasManager: () => (/* binding */ CanvasManager)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n/* harmony import */ var _RenderManager_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./RenderManager.js */ \"../../engine/dist/browser/Core/RenderManager.js\");\n\n\n\n\nfunction setStyle(canvas, style, important = false) {\n    if (!style) {\n        return;\n    }\n    const element = canvas, elementStyle = element.style, keys = new Set();\n    for(let i = 0; i < elementStyle.length; i++){\n        const key = elementStyle.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for(let i = 0; i < style.length; i++){\n        const key = style.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for (const key of keys){\n        const value = style.getPropertyValue(key);\n        if (value) {\n            elementStyle.setProperty(key, value, important ? \"important\" : \"\");\n        } else {\n            elementStyle.removeProperty(key);\n        }\n    }\n}\nclass CanvasManager {\n    element;\n    render;\n    size;\n    zoom = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultZoom;\n    _container;\n    _generated;\n    _mutationObserver;\n    _originalStyle;\n    _pluginManager;\n    _pointerEvents;\n    _resizePlugins;\n    _standardSize;\n    _zoomCenter;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this.render = new _RenderManager_js__WEBPACK_IMPORTED_MODULE_3__.RenderManager(pluginManager, container, this);\n        this._standardSize = {\n            height: 0,\n            width: 0\n        };\n        const pxRatio = container.retina.pixelRatio, stdSize = this._standardSize;\n        this.size = {\n            height: stdSize.height * pxRatio,\n            width: stdSize.width * pxRatio\n        };\n        this._generated = false;\n        this._resizePlugins = [];\n        this._pointerEvents = \"none\";\n    }\n    get _fullScreen() {\n        return this._container.actualOptions.fullScreen.enable;\n    }\n    destroy() {\n        this.stop();\n        if (this._generated) {\n            const element = this.element;\n            element?.remove();\n            this.element = undefined;\n        } else {\n            this._resetOriginalStyle();\n        }\n        this.render.destroy();\n        this._resizePlugins = [];\n    }\n    getZoomCenter() {\n        const pxRatio = this._container.retina.pixelRatio, { width, height } = this.size;\n        if (this._zoomCenter) {\n            return this._zoomCenter;\n        }\n        return {\n            x: width * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half / pxRatio,\n            y: height * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half / pxRatio\n        };\n    }\n    init() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.safeMutationObserver)((records)=>{\n            for (const record of records){\n                if (record.type === \"attributes\" && record.attributeName === \"style\") {\n                    this._repairStyle();\n                }\n            }\n        });\n        this.resize();\n        this._initStyle();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n        this.initPlugins();\n        this.render.init();\n    }\n    initBackground() {\n        const { _container } = this, options = _container.actualOptions, background = options.background, element = this.element;\n        if (!element) {\n            return;\n        }\n        const elementStyle = element.style, color = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.rangeColorToRgb)(this._pluginManager, background.color);\n        if (color) {\n            elementStyle.backgroundColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.getStyleFromRgb)(color, _container.hdr, background.opacity);\n        } else {\n            elementStyle.backgroundColor = \"\";\n        }\n        elementStyle.backgroundImage = background.image || \"\";\n        elementStyle.backgroundPosition = background.position || \"\";\n        elementStyle.backgroundRepeat = background.repeat || \"\";\n        elementStyle.backgroundSize = background.size || \"\";\n    }\n    initPlugins() {\n        this._resizePlugins = [];\n        for (const plugin of this._container.plugins){\n            if (plugin.resize) {\n                this._resizePlugins.push(plugin);\n            }\n        }\n    }\n    loadCanvas(canvas) {\n        if (this._generated && this.element) {\n            this.element.remove();\n        }\n        const container = this._container;\n        this._generated = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.generatedAttribute in canvas.dataset ? canvas.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.generatedAttribute] === \"true\" : this._generated;\n        this.element = canvas;\n        this.element.ariaHidden = \"true\";\n        this._originalStyle = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.cloneStyle)(this.element.style);\n        const standardSize = this._standardSize;\n        standardSize.height = canvas.offsetHeight;\n        standardSize.width = canvas.offsetWidth;\n        const pxRatio = this._container.retina.pixelRatio, retinaSize = this.size;\n        canvas.height = retinaSize.height = standardSize.height * pxRatio;\n        canvas.width = retinaSize.width = standardSize.width * pxRatio;\n        const canSupportHdrQuery = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(color-gamut: p3)\");\n        this.render.setContextSettings({\n            alpha: true,\n            colorSpace: canSupportHdrQuery?.matches && container.hdr ? \"display-p3\" : \"srgb\",\n            desynchronized: true,\n            willReadFrequently: false\n        });\n        this.render.setContext(this.element.getContext(\"2d\", this.render.settings));\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        container.retina.init();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n    }\n    resize() {\n        if (!this.element) {\n            return false;\n        }\n        const container = this._container, currentSize = container.canvas._standardSize, newSize = {\n            width: this.element.offsetWidth,\n            height: this.element.offsetHeight\n        }, pxRatio = container.retina.pixelRatio, retinaSize = {\n            width: newSize.width * pxRatio,\n            height: newSize.height * pxRatio\n        };\n        if (newSize.height === currentSize.height && newSize.width === currentSize.width && retinaSize.height === this.element.height && retinaSize.width === this.element.width) {\n            return false;\n        }\n        const oldSize = {\n            ...currentSize\n        };\n        currentSize.height = newSize.height;\n        currentSize.width = newSize.width;\n        const canvasSize = this.size;\n        this.element.width = canvasSize.width = retinaSize.width;\n        this.element.height = canvasSize.height = retinaSize.height;\n        if (this._container.started) {\n            container.particles.setResizeFactor({\n                width: currentSize.width / oldSize.width,\n                height: currentSize.height / oldSize.height\n            });\n        }\n        return true;\n    }\n    setPointerEvents(type) {\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._pointerEvents = type;\n        this._repairStyle();\n    }\n    setZoom(zoomLevel, center) {\n        this.zoom = zoomLevel;\n        this._zoomCenter = center;\n    }\n    stop() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = undefined;\n        this.render.stop();\n    }\n    async windowResize() {\n        if (!this.element || !this.resize()) {\n            return;\n        }\n        const container = this._container, needsRefresh = container.updateActualOptions();\n        container.particles.setDensity();\n        this._applyResizePlugins();\n        if (needsRefresh) {\n            await container.refresh();\n        }\n    }\n    _applyResizePlugins = ()=>{\n        for (const plugin of this._resizePlugins){\n            plugin.resize?.();\n        }\n    };\n    _initStyle = ()=>{\n        const element = this.element, options = this._container.actualOptions;\n        if (!element) {\n            return;\n        }\n        if (this._fullScreen) {\n            this._setFullScreenStyle();\n        } else {\n            this._resetOriginalStyle();\n        }\n        for(const key in options.style){\n            if (!key || !(key in options.style)) {\n                continue;\n            }\n            const value = options.style[key];\n            if (!value) {\n                continue;\n            }\n            element.style.setProperty(key, value, \"important\");\n        }\n    };\n    _repairStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._safeMutationObserver((observer)=>{\n            observer.disconnect();\n        });\n        this._initStyle();\n        this.initBackground();\n        const pointerEvents = this._pointerEvents;\n        element.style.pointerEvents = pointerEvents;\n        element.setAttribute(\"pointer-events\", pointerEvents);\n        this._safeMutationObserver((observer)=>{\n            if (!(element instanceof Node)) {\n                return;\n            }\n            observer.observe(element, {\n                attributes: true\n            });\n        });\n    };\n    _resetOriginalStyle = ()=>{\n        const element = this.element, originalStyle = this._originalStyle;\n        if (!element || !originalStyle) {\n            return;\n        }\n        setStyle(element, originalStyle, true);\n    };\n    _safeMutationObserver = (callback)=>{\n        if (!this._mutationObserver) {\n            return;\n        }\n        callback(this._mutationObserver);\n    };\n    _setFullScreenStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        setStyle(element, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.getFullScreenStyle)(this._container.actualOptions.fullScreen.zIndex), true);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/CanvasManager.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Container.js"
-/*!***************************************************!*\
-  !*** ../../engine/dist/browser/Core/Container.js ***!
-  \***************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Container: () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CanvasManager.js */ \"../../engine/dist/browser/Core/CanvasManager.js\");\n/* harmony import */ var _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/EventListeners.js */ \"../../engine/dist/browser/Core/Utils/EventListeners.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Options/Classes/Options.js */ \"../../engine/dist/browser/Options/Classes/Options.js\");\n/* harmony import */ var _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ParticlesManager.js */ \"../../engine/dist/browser/Core/ParticlesManager.js\");\n/* harmony import */ var _Retina_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Retina.js */ \"../../engine/dist/browser/Core/Retina.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\nfunction guardCheck(container) {\n    return !container.destroyed;\n}\nfunction updateDelta(delta, value, fpsLimit = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps, smooth = false) {\n    delta.value = value;\n    delta.factor = smooth ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps / fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps * value / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n}\nfunction loadContainerOptions(pluginManager, container, ...sourceOptionsArr) {\n    const options = new _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_5__.Options(pluginManager, container);\n    (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__.loadOptions)(options, ...sourceOptionsArr);\n    return options;\n}\nclass Container {\n    actualOptions;\n    canvas;\n    destroyed;\n    effectDrawers;\n    fpsLimit;\n    hdr;\n    id;\n    pageHidden;\n    particleCreatedPlugins;\n    particleDestroyedPlugins;\n    particlePositionPlugins;\n    particleUpdaters;\n    particles;\n    plugins;\n    retina;\n    shapeDrawers;\n    started;\n    zLayers;\n    _delay;\n    _delayTimeout;\n    _delta = {\n        value: 0,\n        factor: 0\n    };\n    _dispatchCallback;\n    _drawAnimationFrame;\n    _duration;\n    _eventListeners;\n    _firstStart;\n    _initialSourceOptions;\n    _lastFrameTime;\n    _lifeTime;\n    _onDestroy;\n    _options;\n    _paused;\n    _pluginManager;\n    _smooth;\n    _sourceOptions;\n    constructor(params){\n        const { dispatchCallback, pluginManager, id, onDestroy, sourceOptions } = params;\n        this._pluginManager = pluginManager;\n        this._dispatchCallback = dispatchCallback;\n        this._onDestroy = onDestroy;\n        this.id = Symbol(id);\n        this.fpsLimit = 120;\n        this.hdr = false;\n        this._smooth = false;\n        this._delay = 0;\n        this._duration = 0;\n        this._lifeTime = 0;\n        this._firstStart = true;\n        this.started = false;\n        this.destroyed = false;\n        this._paused = true;\n        this._lastFrameTime = 0;\n        this.zLayers = 100;\n        this.pageHidden = false;\n        this._sourceOptions = sourceOptions;\n        this._initialSourceOptions = sourceOptions;\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.retina = new _Retina_js__WEBPACK_IMPORTED_MODULE_7__.Retina(this);\n        this.canvas = new _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__.CanvasManager(this._pluginManager, this);\n        this.particles = new _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_6__.ParticlesManager(this._pluginManager, this);\n        this.plugins = [];\n        this.particleDestroyedPlugins = [];\n        this.particleCreatedPlugins = [];\n        this.particlePositionPlugins = [];\n        this._options = loadContainerOptions(this._pluginManager, this);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this);\n        this._eventListeners = new _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__.EventListeners(this);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerBuilt);\n    }\n    get animationStatus() {\n        return !this._paused && !this.pageHidden && guardCheck(this);\n    }\n    get options() {\n        return this._options;\n    }\n    get sourceOptions() {\n        return this._sourceOptions;\n    }\n    addLifeTime(value) {\n        this._lifeTime += value;\n    }\n    alive() {\n        return !this._duration || this._lifeTime <= this._duration;\n    }\n    destroy(remove = true) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        this.particles.destroy();\n        this.canvas.destroy();\n        for (const [, effectDrawer] of this.effectDrawers){\n            effectDrawer.destroy?.(this);\n        }\n        for (const [, shapeDrawer] of this.shapeDrawers){\n            shapeDrawer.destroy?.(this);\n        }\n        for (const plugin of this.plugins){\n            plugin.destroy?.();\n        }\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.plugins.length = 0;\n        this._pluginManager.clearPlugins(this);\n        this.destroyed = true;\n        this._onDestroy(remove);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerDestroyed);\n    }\n    dispatchEvent(type, data) {\n        this._dispatchCallback(type, {\n            container: this,\n            data\n        });\n    }\n    draw(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        let refreshTime = force;\n        this._drawAnimationFrame = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.animate)((timestamp)=>{\n            if (refreshTime) {\n                this._lastFrameTime = undefined;\n                refreshTime = false;\n            }\n            this._nextFrame(timestamp);\n        });\n    }\n    async export(type, options = {}) {\n        for (const plugin of this.plugins){\n            if (!plugin.export) {\n                continue;\n            }\n            const res = await plugin.export(type, options);\n            if (!res.supported) {\n                continue;\n            }\n            return res.blob;\n        }\n        (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__.getLogger)().error(`Export plugin with type ${type} not found`);\n        return undefined;\n    }\n    async init() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const allContainerPlugins = new Map();\n        for (const plugin of this._pluginManager.plugins){\n            const containerPlugin = await plugin.getPlugin(this);\n            if (containerPlugin.preInit) {\n                await containerPlugin.preInit();\n            }\n            allContainerPlugins.set(plugin, containerPlugin);\n        }\n        await this.initDrawersAndUpdaters();\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        this.plugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particleCreatedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        for (const [plugin, containerPlugin] of allContainerPlugins){\n            if (plugin.needsPlugin(this.actualOptions)) {\n                this.plugins.push(containerPlugin);\n                if (containerPlugin.particleCreated) {\n                    this.particleCreatedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particleDestroyed) {\n                    this.particleDestroyedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particlePosition) {\n                    this.particlePositionPlugins.push(containerPlugin);\n                }\n            }\n        }\n        this.retina.init();\n        this.canvas.init();\n        this.updateActualOptions();\n        this.canvas.initBackground();\n        this.canvas.resize();\n        const { delay, duration, fpsLimit, hdr, smooth, zLayers } = this.actualOptions;\n        this.hdr = hdr;\n        this.zLayers = zLayers;\n        this._duration = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(duration) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._delay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(delay) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._lifeTime = 0;\n        this.fpsLimit = fpsLimit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minFpsLimit ? fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFpsLimit;\n        this._smooth = smooth;\n        for (const plugin of this.plugins){\n            await plugin.init?.();\n        }\n        await this.particles.init();\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerInit);\n        this.particles.setDensity();\n        for (const plugin of this.plugins){\n            plugin.particlesSetup?.();\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.particlesSetup);\n    }\n    async initDrawersAndUpdaters() {\n        const pluginManager = this._pluginManager;\n        this.effectDrawers = await pluginManager.getEffectDrawers(this, true);\n        this.shapeDrawers = await pluginManager.getShapeDrawers(this, true);\n        this.particleUpdaters = await pluginManager.getUpdaters(this, true);\n    }\n    pause() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        if (this._drawAnimationFrame !== undefined) {\n            (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.cancelAnimation)(this._drawAnimationFrame);\n            delete this._drawAnimationFrame;\n        }\n        if (this._paused) {\n            return;\n        }\n        for (const plugin of this.plugins){\n            plugin.pause?.();\n        }\n        if (!this.pageHidden) {\n            this._paused = true;\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPaused);\n    }\n    play(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const needsUpdate = this._paused || force;\n        if (this._firstStart && !this.actualOptions.autoPlay) {\n            this._firstStart = false;\n            return;\n        }\n        if (this._paused) {\n            this._paused = false;\n        }\n        if (needsUpdate) {\n            for (const plugin of this.plugins){\n                if (plugin.play) {\n                    plugin.play();\n                }\n            }\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPlay);\n        this.draw(needsUpdate ?? false);\n    }\n    async refresh() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        return this.start();\n    }\n    async reset(sourceOptions) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this._initialSourceOptions = sourceOptions;\n        this._sourceOptions = sourceOptions;\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        return this.refresh();\n    }\n    async start() {\n        if (!guardCheck(this) || this.started) {\n            return;\n        }\n        await this.init();\n        this.started = true;\n        await new Promise((resolve)=>{\n            const start = async ()=>{\n                this._eventListeners.addListeners();\n                for (const plugin of this.plugins){\n                    await plugin.start?.();\n                }\n                this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStarted);\n                this.play();\n                resolve();\n            };\n            this._delayTimeout = setTimeout(()=>void start(), this._delay);\n        });\n    }\n    stop() {\n        if (!guardCheck(this) || !this.started) {\n            return;\n        }\n        if (this._delayTimeout) {\n            clearTimeout(this._delayTimeout);\n            delete this._delayTimeout;\n        }\n        this._firstStart = true;\n        this.started = false;\n        this._eventListeners.removeListeners();\n        this.pause();\n        this.particles.clear();\n        this.canvas.stop();\n        for (const plugin of this.plugins){\n            plugin.stop?.();\n        }\n        this.particleCreatedPlugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        this._sourceOptions = this._options;\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStopped);\n    }\n    updateActualOptions() {\n        let refresh = false;\n        for (const plugin of this.plugins){\n            if (plugin.updateActualOptions) {\n                refresh = plugin.updateActualOptions() || refresh;\n            }\n        }\n        return refresh;\n    }\n    _nextFrame = (timestamp)=>{\n        try {\n            if (!this._smooth && this._lastFrameTime !== undefined && timestamp < this._lastFrameTime + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds / this.fpsLimit) {\n                this.draw(false);\n                return;\n            }\n            this._lastFrameTime ??= timestamp;\n            updateDelta(this._delta, timestamp - this._lastFrameTime, this.fpsLimit, this._smooth);\n            this.addLifeTime(this._delta.value);\n            this._lastFrameTime = timestamp;\n            if (this._delta.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds) {\n                this.draw(false);\n                return;\n            }\n            this.canvas.render.drawParticles(this._delta);\n            if (!this.alive()) {\n                this.destroy();\n                return;\n            }\n            if (this.animationStatus) {\n                this.draw(false);\n            }\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__.getLogger)().error(\"error in animation loop\", e);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Container.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Particle.js"
-/*!**************************************************!*\
-  !*** ../../engine/dist/browser/Core/Particle.js ***!
-  \**************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Particle: () => (/* binding */ Particle)\n/* harmony export */ });\n/* harmony import */ var _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Vectors.js */ \"../../engine/dist/browser/Core/Utils/Vectors.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Enums/Directions/MoveDirection.js */ \"../../engine/dist/browser/Enums/Directions/MoveDirection.js\");\n/* harmony import */ var _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Enums/Modes/OutMode.js */ \"../../engine/dist/browser/Enums/Modes/OutMode.js\");\n/* harmony import */ var _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Enums/Types/ParticleOutType.js */ \"../../engine/dist/browser/Enums/Types/ParticleOutType.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\nfunction loadEffectData(effect, effectOptions, id, reduceDuplicates) {\n    const effectData = effectOptions.options[effect];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.deepExtend)({\n        close: effectOptions.close\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(effectData, id, reduceDuplicates));\n}\nfunction loadShapeData(shape, shapeOptions, id, reduceDuplicates) {\n    const shapeData = shapeOptions.options[shape];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.deepExtend)({\n        close: shapeOptions.close\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(shapeData, id, reduceDuplicates));\n}\nfunction fixOutMode(data) {\n    if (!(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.isInArray)(data.outMode, data.checkModes)) {\n        return;\n    }\n    const diameter = data.radius * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n    if (data.coord > data.maxCoord - diameter) {\n        data.setCb(-data.radius);\n    } else if (data.coord < diameter) {\n        data.setCb(data.radius);\n    }\n}\nclass Particle {\n    backColor;\n    bubble;\n    destroyed;\n    direction;\n    effect;\n    effectClose;\n    effectData;\n    fillColor;\n    fillEnabled;\n    fillOpacity;\n    group;\n    id;\n    ignoresResizeRatio;\n    initialPosition;\n    initialVelocity;\n    isRotating;\n    lastPathTime;\n    misplaced;\n    moveCenter;\n    offset;\n    opacity;\n    options;\n    outType;\n    pathRotation;\n    position;\n    randomIndexData;\n    retina;\n    roll;\n    rotation;\n    shape;\n    shapeClose;\n    shapeData;\n    sides;\n    size;\n    slow;\n    spawning;\n    strokeColor;\n    strokeOpacity;\n    strokeWidth;\n    unbreakable;\n    velocity;\n    zIndexFactor;\n    _cachedOpacityData = {\n        fillOpacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity,\n        opacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity,\n        strokeOpacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity\n    };\n    _cachedPosition = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.origin;\n    _cachedRotateData = {\n        sin: 0,\n        cos: 0\n    };\n    _cachedTransform = {\n        a: 1,\n        b: 0,\n        c: 0,\n        d: 1\n    };\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    destroy(override) {\n        if (this.unbreakable || this.destroyed) {\n            return;\n        }\n        this.destroyed = true;\n        this.bubble.inRange = false;\n        this.slow.inRange = false;\n        const container = this._container, shapeDrawer = this.shape ? container.shapeDrawers.get(this.shape) : undefined;\n        shapeDrawer?.particleDestroy?.(this);\n        for (const plugin of container.particleDestroyedPlugins){\n            plugin.particleDestroyed?.(this, override);\n        }\n        for (const updater of container.particleUpdaters){\n            updater.particleDestroyed?.(this, override);\n        }\n        this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__.EventType.particleDestroyed, {\n            particle: this\n        });\n    }\n    draw(delta) {\n        const container = this._container, render = container.canvas.render;\n        render.drawParticlePlugins(this, delta);\n        render.drawParticle(this, delta);\n    }\n    getAngle() {\n        return this.rotation + (this.pathRotation ? this.velocity.angle : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle);\n    }\n    getFillColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.fillColor));\n    }\n    getMass() {\n        return this.getRadius() ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.squareExp * Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half;\n    }\n    getOpacity() {\n        const zIndexOptions = this.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.zIndexFactorOffset - this.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, opacity = this.bubble.opacity ?? (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.opacity?.value ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity), fillOpacity = this.fillOpacity ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity, strokeOpacity = this.strokeOpacity ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity;\n        this._cachedOpacityData.fillOpacity = opacity * fillOpacity * zOpacityFactor;\n        this._cachedOpacityData.opacity = opacity * zOpacityFactor;\n        this._cachedOpacityData.strokeOpacity = opacity * strokeOpacity * zOpacityFactor;\n        return this._cachedOpacityData;\n    }\n    getPosition() {\n        this._cachedPosition.x = this.position.x + this.offset.x;\n        this._cachedPosition.y = this.position.y + this.offset.y;\n        this._cachedPosition.z = this.position.z;\n        return this._cachedPosition;\n    }\n    getRadius() {\n        return this.bubble.radius ?? this.size.value;\n    }\n    getRotateData() {\n        const angle = this.getAngle();\n        this._cachedRotateData.sin = Math.sin(angle);\n        this._cachedRotateData.cos = Math.cos(angle);\n        return this._cachedRotateData;\n    }\n    getStrokeColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.strokeColor));\n    }\n    getTransformData(externalTransform) {\n        const rotateData = this.getRotateData(), rotating = this.isRotating;\n        this._cachedTransform.a = rotateData.cos * (externalTransform.a ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.a);\n        this._cachedTransform.b = rotating ? rotateData.sin * (externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.identity) : externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.b;\n        this._cachedTransform.c = rotating ? -rotateData.sin * (externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.identity) : externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.c;\n        this._cachedTransform.d = rotateData.cos * (externalTransform.d ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.d);\n        return this._cachedTransform;\n    }\n    init(id, position, overrideOptions, group) {\n        const container = this._container;\n        this.id = id;\n        this.group = group;\n        this.effectClose = true;\n        this.shapeClose = true;\n        this.pathRotation = false;\n        this.lastPathTime = 0;\n        this.destroyed = false;\n        this.unbreakable = false;\n        this.isRotating = false;\n        this.rotation = 0;\n        this.misplaced = false;\n        this.retina = {\n            maxDistance: {},\n            maxSpeed: 0,\n            moveDrift: 0,\n            moveSpeed: 0,\n            sizeAnimationSpeed: 0\n        };\n        this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.normal;\n        this.ignoresResizeRatio = true;\n        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__.loadParticlesOptions)(this._pluginManager, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;\n        this.effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(effectType, this.id, reduceDuplicates);\n        this.shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);\n        const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;\n        if (overrideOptions) {\n            if (overrideOptions.effect?.type) {\n                const overrideEffectType = overrideOptions.effect.type, effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(overrideEffectType, this.id, reduceDuplicates);\n                if (effect) {\n                    this.effect = effect;\n                    effectOptions.load(overrideOptions.effect);\n                }\n            }\n            if (overrideOptions.shape?.type) {\n                const overrideShapeType = overrideOptions.shape.type, shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);\n                if (shape) {\n                    this.shape = shape;\n                    shapeOptions.load(overrideOptions.shape);\n                }\n            }\n        }\n        if (this.effect === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.randomColorValue) {\n            const availableEffects = [\n                ...this._container.effectDrawers.keys()\n            ];\n            this.effect = availableEffects[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableEffects.length)];\n        }\n        if (this.shape === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.randomColorValue) {\n            const availableShapes = [\n                ...this._container.shapeDrawers.keys()\n            ];\n            this.shape = availableShapes[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableShapes.length)];\n        }\n        this.effectData = this.effect ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates) : undefined;\n        this.shapeData = this.shape ? loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates) : undefined;\n        particlesOptions.load(overrideOptions);\n        const effectData = this.effectData;\n        if (effectData) {\n            particlesOptions.load(effectData.particles);\n        }\n        const shapeData = this.shapeData;\n        if (shapeData) {\n            particlesOptions.load(shapeData.particles);\n        }\n        this.effectClose = effectData?.close ?? particlesOptions.effect.close;\n        this.shapeClose = shapeData?.close ?? particlesOptions.shape.close;\n        this.options = particlesOptions;\n        container.retina.initParticle(this);\n        this.size = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.initParticleNumericAnimationValue)(this.options.size, pxRatio);\n        this.bubble = {\n            inRange: false\n        };\n        this.slow = {\n            inRange: false,\n            factor: 1\n        };\n        this._initPosition(position);\n        this.initialVelocity = this._calculateVelocity();\n        this.velocity = this.initialVelocity.copy();\n        const particles = container.particles;\n        particles.setLastZIndex(this.position.z);\n        this.zIndexFactor = this.position.z / container.zLayers;\n        this.sides = 24;\n        let effectDrawer, shapeDrawer;\n        if (this.effect) {\n            effectDrawer = container.effectDrawers.get(this.effect);\n        }\n        if (effectDrawer?.loadEffect) {\n            effectDrawer.loadEffect(this);\n        }\n        if (this.shape) {\n            shapeDrawer = container.shapeDrawers.get(this.shape);\n        }\n        if (shapeDrawer?.loadShape) {\n            shapeDrawer.loadShape(this);\n        }\n        const sideCountFunc = shapeDrawer?.getSidesCount;\n        if (sideCountFunc) {\n            this.sides = sideCountFunc(this);\n        }\n        this.spawning = false;\n        for (const updater of container.particleUpdaters){\n            updater.init(this);\n        }\n        effectDrawer?.particleInit?.(container, this);\n        shapeDrawer?.particleInit?.(container, this);\n        for (const plugin of container.particleCreatedPlugins){\n            plugin.particleCreated?.(this);\n        }\n    }\n    isInsideCanvas() {\n        const radius = this.getRadius(), canvasSize = this._container.canvas.size, position = this.position;\n        return position.x >= -radius && position.y >= -radius && position.y <= canvasSize.height + radius && position.x <= canvasSize.width + radius;\n    }\n    isShowingBack() {\n        if (!this.roll) {\n            return false;\n        }\n        const angle = this.roll.angle;\n        if (this.roll.horizontal && this.roll.vertical) {\n            const normalizedAngle = angle % _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.doublePI, adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.doublePI : normalizedAngle;\n            return adjustedAngle >= Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.triple * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half;\n        }\n        if (this.roll.horizontal) {\n            const normalizedAngle = (angle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half) % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n        }\n        if (this.roll.vertical) {\n            const normalizedAngle = angle % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n        }\n        return false;\n    }\n    isVisible() {\n        return !this.destroyed && !this.spawning && this.isInsideCanvas();\n    }\n    reset() {\n        for (const updater of this._container.particleUpdaters){\n            updater.reset?.(this);\n        }\n    }\n    _calcPosition = (position, zIndex)=>{\n        let tryCount = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultRetryCount, posVec = position ? _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(position.x, position.y, zIndex) : undefined;\n        const container = this._container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size, abortController = new AbortController(), { signal } = abortController;\n        while(!signal.aborted){\n            for (const plugin of plugins){\n                const pluginPos = plugin.particlePosition?.(posVec, this);\n                if (pluginPos) {\n                    return _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);\n                }\n            }\n            const exactPosition = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.calcExactPositionOrRandomFromSize)({\n                size: canvasSize,\n                position: posVec\n            }), pos = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(exactPosition.x, exactPosition.y, zIndex);\n            this._fixHorizontal(pos, radius, outModes.left ?? outModes.default);\n            this._fixHorizontal(pos, radius, outModes.right ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.top ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.bottom ?? outModes.default);\n            let isValidPosition = true;\n            for (const plugin of container.particles.checkParticlePositionPlugins){\n                isValidPosition = plugin.checkParticlePosition?.(this, pos, tryCount) ?? true;\n                if (!isValidPosition) {\n                    break;\n                }\n            }\n            if (isValidPosition) {\n                return pos;\n            }\n            tryCount += _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.tryCountIncrement;\n            posVec = undefined;\n        }\n        return posVec;\n    };\n    _calculateVelocity = ()=>{\n        const baseVelocity = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;\n        if (moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside || moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside) {\n            return res;\n        }\n        const rad = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.value)), radOffset = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.offset)), range = {\n            left: radOffset - rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half,\n            right: radOffset + rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half\n        };\n        if (!moveOptions.straight) {\n            res.angle += (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.randomInRangeValue)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.setRangeValue)(range.left, range.right));\n        }\n        if (moveOptions.random && typeof moveOptions.speed === \"number\") {\n            res.length *= (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)();\n        }\n        return res;\n    };\n    _fixHorizontal = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.x,\n            maxCoord: this._container.canvas.size.width,\n            setCb: (value)=>pos.x += value,\n            radius\n        });\n    };\n    _fixVertical = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.y,\n            maxCoord: this._container.canvas.size.height,\n            setCb: (value)=>pos.y += value,\n            radius\n        });\n    };\n    _getRollColor = (color)=>{\n        if (!color || !this.roll || !this.backColor && !this.roll.alter) {\n            return color;\n        }\n        if (!this.isShowingBack()) {\n            return color;\n        }\n        if (this.backColor) {\n            return this.backColor;\n        }\n        if (this.roll.alter) {\n            return (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);\n        }\n        return color;\n    };\n    _initPosition = (position)=>{\n        const container = this._container, zIndexValue = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.options.zIndex.value), initialPosition = this._calcPosition(position, (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.clamp)(zIndexValue, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.minZ, container.zLayers));\n        if (!initialPosition) {\n            throw new Error(\"a valid position cannot be found for particle\");\n        }\n        this.position = initialPosition;\n        this.initialPosition = this.position.copy();\n        const canvasSize = container.canvas.size;\n        this.moveCenter = {\n            ...(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.getPosition)(this.options.move.center, canvasSize),\n            radius: this.options.move.center.radius,\n            mode: this.options.move.center.mode\n        };\n        this.direction = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);\n        switch(this.options.move.direction){\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.inside;\n                break;\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.outside;\n                break;\n            default:\n                break;\n        }\n        this.offset = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Particle.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/ParticlesManager.js"
-/*!**********************************************************!*\
-  !*** ../../engine/dist/browser/Core/ParticlesManager.js ***!
-  \**********************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesManager: () => (/* binding */ ParticlesManager)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Enums/Modes/LimitMode.js */ \"../../engine/dist/browser/Enums/Modes/LimitMode.js\");\n/* harmony import */ var _Particle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Particle.js */ \"../../engine/dist/browser/Core/Particle.js\");\n/* harmony import */ var _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/SpatialHashGrid.js */ \"../../engine/dist/browser/Core/Utils/SpatialHashGrid.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\nclass ParticlesManager {\n    checkParticlePositionPlugins;\n    grid;\n    _array;\n    _container;\n    _groupLimits;\n    _limit;\n    _maxZIndex;\n    _minZIndex;\n    _needsSort;\n    _nextId;\n    _particleResetPlugins;\n    _particleUpdatePlugins;\n    _pluginManager;\n    _pool;\n    _postParticleUpdatePlugins;\n    _postUpdatePlugins;\n    _resizeFactor;\n    _updatePlugins;\n    _zArray;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this._nextId = 0;\n        this._array = [];\n        this._zArray = [];\n        this._pool = [];\n        this._limit = 0;\n        this._groupLimits = new Map();\n        this._needsSort = false;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize);\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    get count() {\n        return this._array.length;\n    }\n    addParticle(position, overrideOptions, group, initializer) {\n        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count;\n        if (limit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit) {\n            switch(limitMode){\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.delete:\n                    {\n                        const countToRemove = currentCount + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.countOffset - limit;\n                        if (countToRemove > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minCount) {\n                            this.removeQuantity(countToRemove);\n                        }\n                        break;\n                    }\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.wait:\n                    if (currentCount >= limit) {\n                        return;\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        try {\n            const particle = this._pool.pop() ?? new _Particle_js__WEBPACK_IMPORTED_MODULE_3__.Particle(this._pluginManager, this._container);\n            particle.init(this._nextId, position, overrideOptions, group);\n            let canAdd = true;\n            if (initializer) {\n                canAdd = initializer(particle);\n            }\n            if (!canAdd) {\n                this._pool.push(particle);\n                return;\n            }\n            this._array.push(particle);\n            this._zArray.push(particle);\n            this._nextId++;\n            this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleAdded, {\n                particle\n            });\n            return particle;\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__.getLogger)().warning(`error adding particle: ${e}`);\n        }\n        return undefined;\n    }\n    clear() {\n        this._array = [];\n        this._zArray = [];\n    }\n    destroy() {\n        this._array = [];\n        this._pool.length = 0;\n        this._zArray = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    drawParticles(delta) {\n        for (const particle of this._zArray){\n            particle.draw(delta);\n        }\n    }\n    filter(condition) {\n        return this._array.filter(condition);\n    }\n    find(condition) {\n        return this._array.find(condition);\n    }\n    get(index) {\n        return this._array[index];\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this._needsSort = false;\n        this.checkParticlePositionPlugins = [];\n        this._updatePlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._particleResetPlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize * container.retina.pixelRatio);\n        for (const plugin of container.plugins){\n            if (plugin.redrawInit) {\n                await plugin.redrawInit();\n            }\n            if (plugin.checkParticlePosition) {\n                this.checkParticlePositionPlugins.push(plugin);\n            }\n            if (plugin.update) {\n                this._updatePlugins.push(plugin);\n            }\n            if (plugin.particleUpdate) {\n                this._particleUpdatePlugins.push(plugin);\n            }\n            if (plugin.postUpdate) {\n                this._postUpdatePlugins.push(plugin);\n            }\n            if (plugin.particleReset) {\n                this._particleResetPlugins.push(plugin);\n            }\n            if (plugin.postParticleUpdate) {\n                this._postParticleUpdatePlugins.push(plugin);\n            }\n        }\n        await this._container.initDrawersAndUpdaters();\n        for (const drawer of this._container.effectDrawers.values()){\n            await drawer.init?.(container);\n        }\n        for (const drawer of this._container.shapeDrawers.values()){\n            await drawer.init?.(container);\n        }\n        let handled = false;\n        for (const plugin of container.plugins){\n            handled = plugin.particlesInitialization?.() ?? handled;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            const particlesOptions = options.particles, groups = particlesOptions.groups;\n            for(const group in groups){\n                const groupOptions = groups[group];\n                if (!groupOptions) {\n                    continue;\n                }\n                for(let i = this.count, j = 0; j < groupOptions.number.value && i < particlesOptions.number.value; i++, j++){\n                    this.addParticle(undefined, groupOptions, group);\n                }\n            }\n            for(let i = this.count; i < particlesOptions.number.value; i++){\n                this.addParticle();\n            }\n        }\n    }\n    push(nb, position, overrideOptions, group) {\n        for(let i = 0; i < nb; i++){\n            this.addParticle(position, overrideOptions, group);\n        }\n    }\n    async redraw() {\n        this.clear();\n        await this.init();\n        this._container.canvas.render.drawParticles({\n            value: 0,\n            factor: 0\n        });\n    }\n    remove(particle, group, override) {\n        this.removeAt(this._array.indexOf(particle), undefined, group, override);\n    }\n    removeAt(index, quantity = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRemoveQuantity, group, override) {\n        if (index < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex || index > this.count) {\n            return;\n        }\n        let deleted = 0;\n        for(let i = index; deleted < quantity && i < this.count; i++){\n            if (this._removeParticle(i, group, override)) {\n                i--;\n                deleted++;\n            }\n        }\n    }\n    removeQuantity(quantity, group) {\n        this.removeAt(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex, quantity, group);\n    }\n    setDensity() {\n        const options = this._container.actualOptions, groups = options.particles.groups;\n        let pluginsCount = 0;\n        for (const plugin of this._container.plugins){\n            if (plugin.particlesDensityCount) {\n                pluginsCount += plugin.particlesDensityCount();\n            }\n        }\n        for(const group in groups){\n            const groupData = groups[group];\n            if (!groupData) {\n                continue;\n            }\n            const groupDataOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__.loadParticlesOptions)(this._pluginManager, this._container, groupData);\n            this._applyDensity(groupDataOptions, pluginsCount, group);\n        }\n        this._applyDensity(options.particles, pluginsCount);\n    }\n    setLastZIndex(zIndex) {\n        this._needsSort ||= zIndex >= this._maxZIndex || zIndex > this._minZIndex && zIndex < this._maxZIndex;\n    }\n    setResizeFactor(factor) {\n        this._resizeFactor = factor;\n    }\n    update(delta) {\n        const particlesToDelete = new Set();\n        this.grid.clear();\n        for (const plugin of this._updatePlugins){\n            plugin.update?.(delta);\n        }\n        const resizeFactor = this._resizeFactor;\n        for (const particle of this._array){\n            if (resizeFactor && !particle.ignoresResizeRatio) {\n                particle.position.x *= resizeFactor.width;\n                particle.position.y *= resizeFactor.height;\n                particle.initialPosition.x *= resizeFactor.width;\n                particle.initialPosition.y *= resizeFactor.height;\n            }\n            particle.ignoresResizeRatio = false;\n            for (const plugin of this._particleResetPlugins){\n                plugin.particleReset?.(particle);\n            }\n            for (const plugin of this._particleUpdatePlugins){\n                if (particle.destroyed) {\n                    break;\n                }\n                plugin.particleUpdate?.(particle, delta);\n            }\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            this.grid.insert(particle);\n        }\n        for (const plugin of this._postUpdatePlugins){\n            plugin.postUpdate?.(delta);\n        }\n        for (const particle of this._array){\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            for (const updater of this._container.particleUpdaters){\n                updater.update(particle, delta);\n            }\n            if (!particle.destroyed && !particle.spawning) {\n                for (const plugin of this._postParticleUpdatePlugins){\n                    plugin.postParticleUpdate?.(particle, delta);\n                }\n            } else if (particle.destroyed) {\n                particlesToDelete.add(particle);\n            }\n        }\n        if (particlesToDelete.size) {\n            for (const particle of particlesToDelete){\n                this.remove(particle);\n            }\n        }\n        delete this._resizeFactor;\n        if (this._needsSort) {\n            const zArray = this._zArray;\n            zArray.sort((a, b)=>b.position.z - a.position.z || a.id - b.id);\n            const firstItem = zArray[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex], lastItem = zArray[zArray.length - _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.lengthOffset];\n            if (!firstItem || !lastItem) {\n                return;\n            }\n            this._maxZIndex = firstItem.position.z;\n            this._minZIndex = lastItem.position.z;\n            this._needsSort = false;\n        }\n    }\n    _addToPool = (...particles)=>{\n        this._pool.push(...particles);\n    };\n    _applyDensity = (options, pluginsCount, group, groupOptions)=>{\n        const numberOptions = options.number;\n        if (!numberOptions.density.enable) {\n            if (group === undefined) {\n                this._limit = numberOptions.limit.value;\n            } else if (groupOptions?.number.limit.value ?? numberOptions.limit.value) {\n                this._groupLimits.set(group, groupOptions?.number.limit.value ?? numberOptions.limit.value);\n            }\n            return;\n        }\n        const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + pluginsCount, particlesCount = Math.min(this.count, this.filter((t)=>t.group === group).length);\n        if (group === undefined) {\n            this._limit = numberOptions.limit.value * densityFactor;\n        } else {\n            this._groupLimits.set(group, numberOptions.limit.value * densityFactor);\n        }\n        if (particlesCount < particlesNumber) {\n            this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);\n        } else if (particlesCount > particlesNumber) {\n            this.removeQuantity(particlesCount - particlesNumber, group);\n        }\n    };\n    _initDensityFactor = (densityOptions)=>{\n        const container = this._container;\n        if (!container.canvas.element || !densityOptions.enable) {\n            return _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultDensityFactor;\n        }\n        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;\n        return canvas.width * canvas.height / (densityOptions.height * densityOptions.width * pxRatio ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.squareExp);\n    };\n    _removeParticle = (index, group, override)=>{\n        const particle = this._array[index];\n        if (!particle) {\n            return false;\n        }\n        if (particle.group !== group) {\n            return false;\n        }\n        const zIdx = this._zArray.indexOf(particle);\n        this._array.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        this._zArray.splice(zIdx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        particle.destroy(override);\n        this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n            particle\n        });\n        this._addToPool(particle);\n        return true;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/ParticlesManager.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/RenderManager.js"
-/*!*******************************************************!*\
-  !*** ../../engine/dist/browser/Core/RenderManager.js ***!
-  \*******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RenderManager: () => (/* binding */ RenderManager)\n/* harmony export */ });\n/* harmony import */ var _Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/CanvasUtils.js */ \"../../engine/dist/browser/Utils/CanvasUtils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n\n\n\nconst fColorIndex = 0, sColorIndex = 1;\nfunction setTransformValue(factor, newFactor, key) {\n    const newValue = newFactor[key];\n    if (newValue !== undefined) {\n        factor[key] = (factor[key] ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultTransformValue) * newValue;\n    }\n}\nclass RenderManager {\n    _canvasClearPlugins;\n    _canvasManager;\n    _canvasPaintPlugins;\n    _clearDrawPlugins;\n    _colorPlugins;\n    _container;\n    _context;\n    _contextSettings;\n    _drawParticlePlugins;\n    _drawParticlesCleanupPlugins;\n    _drawParticlesSetupPlugins;\n    _drawPlugins;\n    _drawSettingsCleanupPlugins;\n    _drawSettingsSetupPlugins;\n    _pluginManager;\n    _postDrawUpdaters;\n    _preDrawUpdaters;\n    _reusableColorStyles = {};\n    _reusablePluginColors = [\n        undefined,\n        undefined\n    ];\n    _reusableTransform = {};\n    constructor(pluginManager, container, canvasManager){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this._canvasManager = canvasManager;\n        this._context = null;\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n    }\n    get settings() {\n        return this._contextSettings;\n    }\n    canvasClear() {\n        if (!this._container.actualOptions.clear) {\n            return;\n        }\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this._canvasManager.size);\n        });\n    }\n    clear() {\n        let pluginHandled = false;\n        for (const plugin of this._canvasClearPlugins){\n            pluginHandled = plugin.canvasClear?.() ?? false;\n            if (pluginHandled) {\n                break;\n            }\n        }\n        if (pluginHandled) {\n            return;\n        }\n        this.canvasClear();\n    }\n    destroy() {\n        this.stop();\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n    }\n    draw(cb) {\n        const ctx = this._context;\n        if (!ctx) {\n            return;\n        }\n        return cb(ctx);\n    }\n    drawParticle(particle, delta) {\n        if (particle.spawning || particle.destroyed) {\n            return;\n        }\n        const radius = particle.getRadius();\n        if (radius <= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minimumSize) {\n            return;\n        }\n        const pfColor = particle.getFillColor(), psColor = particle.getStrokeColor();\n        let [fColor, sColor] = this._getPluginParticleColors(particle);\n        fColor ??= pfColor;\n        sColor ??= psColor;\n        if (!fColor && !sColor) {\n            return;\n        }\n        const container = this._container, zIndexOptions = particle.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zIndexFactorOffset - particle.zIndexFactor, { fillOpacity, opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.getStyleFromHsl)(fColor, container.hdr, fillOpacity * opacity) : undefined, stroke = sColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.getStyleFromHsl)(sColor, container.hdr, strokeOpacity * opacity) : fill;\n        transform.a = transform.b = transform.c = transform.d = undefined;\n        colorStyles.fill = fill;\n        colorStyles.stroke = stroke;\n        this.draw((context)=>{\n            for (const plugin of this._drawParticlesSetupPlugins){\n                plugin.drawParticleSetup?.(context, particle, delta);\n            }\n            this._applyPreDrawUpdaters(context, particle, radius, opacity, colorStyles, transform);\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticle)({\n                container,\n                context,\n                particle,\n                delta,\n                colorStyles,\n                radius: radius * zIndexFactor ** zIndexOptions.sizeRate,\n                opacity: opacity,\n                transform\n            });\n            this._applyPostDrawUpdaters(particle);\n            for (const plugin of this._drawParticlesCleanupPlugins){\n                plugin.drawParticleCleanup?.(context, particle, delta);\n            }\n        });\n    }\n    drawParticlePlugins(particle, delta) {\n        this.draw((ctx)=>{\n            for (const plugin of this._drawParticlePlugins){\n                (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticlePlugin)(ctx, plugin, particle, delta);\n            }\n        });\n    }\n    drawParticles(delta) {\n        const { particles } = this._container;\n        this.clear();\n        particles.update(delta);\n        this.draw((ctx)=>{\n            for (const plugin of this._drawSettingsSetupPlugins){\n                plugin.drawSettingsSetup?.(ctx, delta);\n            }\n            for (const plugin of this._drawPlugins){\n                plugin.draw?.(ctx, delta);\n            }\n            particles.drawParticles(delta);\n            for (const plugin of this._clearDrawPlugins){\n                plugin.clearDraw?.(ctx, delta);\n            }\n            for (const plugin of this._drawSettingsCleanupPlugins){\n                plugin.drawSettingsCleanup?.(ctx, delta);\n            }\n        });\n    }\n    init() {\n        this.initUpdaters();\n        this.initPlugins();\n        this.paint();\n    }\n    initPlugins() {\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n        for (const plugin of this._container.plugins){\n            if (plugin.particleFillColor ?? plugin.particleStrokeColor) {\n                this._colorPlugins.push(plugin);\n            }\n            if (plugin.canvasClear) {\n                this._canvasClearPlugins.push(plugin);\n            }\n            if (plugin.canvasPaint) {\n                this._canvasPaintPlugins.push(plugin);\n            }\n            if (plugin.drawParticle) {\n                this._drawParticlePlugins.push(plugin);\n            }\n            if (plugin.drawParticleSetup) {\n                this._drawParticlesSetupPlugins.push(plugin);\n            }\n            if (plugin.drawParticleCleanup) {\n                this._drawParticlesCleanupPlugins.push(plugin);\n            }\n            if (plugin.draw) {\n                this._drawPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsSetup) {\n                this._drawSettingsSetupPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsCleanup) {\n                this._drawSettingsCleanupPlugins.push(plugin);\n            }\n            if (plugin.clearDraw) {\n                this._clearDrawPlugins.push(plugin);\n            }\n        }\n    }\n    initUpdaters() {\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        for (const updater of this._container.particleUpdaters){\n            if (updater.afterDraw) {\n                this._postDrawUpdaters.push(updater);\n            }\n            if (updater.getColorStyles ?? updater.getTransformValues ?? updater.beforeDraw) {\n                this._preDrawUpdaters.push(updater);\n            }\n        }\n    }\n    paint() {\n        let handled = false;\n        for (const plugin of this._canvasPaintPlugins){\n            handled = plugin.canvasPaint?.() ?? false;\n            if (handled) {\n                break;\n            }\n        }\n        if (handled) {\n            return;\n        }\n        this.paintBase();\n    }\n    paintBase(baseColor) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintBase)(ctx, this._canvasManager.size, baseColor);\n        });\n    }\n    paintImage(image, opacity) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintImage)(ctx, this._canvasManager.size, image, opacity);\n        });\n    }\n    setContext(context) {\n        this._context = context;\n        if (this._context) {\n            this._context.globalCompositeOperation = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultCompositeValue;\n        }\n    }\n    setContextSettings(settings) {\n        this._contextSettings = settings;\n    }\n    stop() {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this._canvasManager.size);\n        });\n    }\n    _applyPostDrawUpdaters = (particle)=>{\n        for (const updater of this._postDrawUpdaters){\n            updater.afterDraw?.(particle);\n        }\n    };\n    _applyPreDrawUpdaters = (ctx, particle, radius, zOpacity, colorStyles, transform)=>{\n        for (const updater of this._preDrawUpdaters){\n            if (updater.getColorStyles) {\n                const { fill, stroke } = updater.getColorStyles(particle, ctx, radius, zOpacity);\n                if (fill) {\n                    colorStyles.fill = fill;\n                }\n                if (stroke) {\n                    colorStyles.stroke = stroke;\n                }\n            }\n            if (updater.getTransformValues) {\n                const updaterTransform = updater.getTransformValues(particle);\n                for(const key in updaterTransform){\n                    setTransformValue(transform, updaterTransform, key);\n                }\n            }\n            updater.beforeDraw?.(particle);\n        }\n    };\n    _getPluginParticleColors = (particle)=>{\n        let fColor, sColor;\n        for (const plugin of this._colorPlugins){\n            if (!fColor && plugin.particleFillColor) {\n                fColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.rangeColorToHsl)(this._pluginManager, plugin.particleFillColor(particle));\n            }\n            if (!sColor && plugin.particleStrokeColor) {\n                sColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_2__.rangeColorToHsl)(this._pluginManager, plugin.particleStrokeColor(particle));\n            }\n            if (fColor && sColor) {\n                break;\n            }\n        }\n        this._reusablePluginColors[fColorIndex] = fColor;\n        this._reusablePluginColors[sColorIndex] = sColor;\n        return this._reusablePluginColors;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/RenderManager.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Retina.js"
-/*!************************************************!*\
-  !*** ../../engine/dist/browser/Core/Retina.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Retina: () => (/* binding */ Retina)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n\n\nclass Retina {\n    container;\n    pixelRatio;\n    reduceFactor;\n    constructor(container){\n        this.container = container;\n        this.pixelRatio = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRatio;\n        this.reduceFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultReduceFactor;\n    }\n    init() {\n        const container = this.container, options = container.actualOptions;\n        this.pixelRatio = options.detectRetina ? devicePixelRatio : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRatio;\n        this.reduceFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultReduceFactor;\n        const ratio = this.pixelRatio, canvas = container.canvas;\n        if (canvas.element) {\n            const element = canvas.element;\n            canvas.size.width = element.offsetWidth * ratio;\n            canvas.size.height = element.offsetHeight * ratio;\n        }\n    }\n    initParticle(particle) {\n        const options = particle.options, ratio = this.pixelRatio, moveOptions = options.move, moveDistance = moveOptions.distance, props = particle.retina;\n        props.maxSpeed = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(moveOptions.gravity.maxSpeed) * ratio;\n        props.moveDrift = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(moveOptions.drift) * ratio;\n        props.moveSpeed = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(moveOptions.speed) * ratio;\n        props.sizeAnimationSpeed = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(options.size.animation.speed) * ratio;\n        const maxDistance = props.maxDistance;\n        maxDistance.horizontal = moveDistance.horizontal === undefined ? undefined : moveDistance.horizontal * ratio;\n        maxDistance.vertical = moveDistance.vertical === undefined ? undefined : moveDistance.vertical * ratio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Retina.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Utils/EventListeners.js"
-/*!**************************************************************!*\
-  !*** ../../engine/dist/browser/Core/Utils/EventListeners.js ***!
-  \**************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EventListeners: () => (/* binding */ EventListeners)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n\n\nclass EventListeners {\n    container;\n    _handlers;\n    _resizeObserver;\n    _resizeTimeout;\n    constructor(container){\n        this.container = container;\n        this._handlers = {\n            visibilityChange: ()=>{\n                this._handleVisibilityChange();\n            },\n            resize: ()=>{\n                this._handleWindowResize();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _handleVisibilityChange = ()=>{\n        const container = this.container, options = container.actualOptions;\n        if (!options.pauseOnBlur) {\n            return;\n        }\n        if ((0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().hidden) {\n            container.pageHidden = true;\n            container.pause();\n        } else {\n            container.pageHidden = false;\n            if (container.animationStatus) {\n                container.play(true);\n            } else {\n                container.draw(true);\n            }\n        }\n    };\n    _handleWindowResize = ()=>{\n        if (this._resizeTimeout) {\n            clearTimeout(this._resizeTimeout);\n            delete this._resizeTimeout;\n        }\n        const handleResize = async ()=>{\n            const canvas = this.container.canvas;\n            await canvas.windowResize();\n        };\n        this._resizeTimeout = setTimeout(()=>void handleResize(), this.container.actualOptions.resize.delay * _Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds);\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers;\n        this._manageResize(add);\n        (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.manageListener)(document, _Constants_js__WEBPACK_IMPORTED_MODULE_1__.visibilityChangeEvent, handlers.visibilityChange, add, false);\n    };\n    _manageResize = (add)=>{\n        const handlers = this._handlers, container = this.container, options = container.actualOptions;\n        if (!options.resize.enable) {\n            return;\n        }\n        if (typeof ResizeObserver === \"undefined\") {\n            (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.manageListener)(globalThis, _Constants_js__WEBPACK_IMPORTED_MODULE_1__.resizeEvent, handlers.resize, add);\n            return;\n        }\n        const canvasEl = container.canvas.element;\n        if (this._resizeObserver && !add) {\n            if (canvasEl) {\n                this._resizeObserver.unobserve(canvasEl);\n            }\n            this._resizeObserver.disconnect();\n            delete this._resizeObserver;\n        } else if (!this._resizeObserver && add && canvasEl) {\n            this._resizeObserver = new ResizeObserver((entries)=>{\n                const entry = entries.find((e)=>e.target === canvasEl);\n                if (!entry) {\n                    return;\n                }\n                this._handleWindowResize();\n            });\n            this._resizeObserver.observe(canvasEl);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Utils/EventListeners.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Utils/SpatialHashGrid.js"
-/*!***************************************************************!*\
-  !*** ../../engine/dist/browser/Core/Utils/SpatialHashGrid.js ***!
-  \***************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SpatialHashGrid: () => (/* binding */ SpatialHashGrid)\n/* harmony export */ });\n/* harmony import */ var _Ranges_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Ranges.js */ \"../../engine/dist/browser/Core/Utils/Ranges.js\");\n\nclass SpatialHashGrid {\n    _cellSize;\n    _cells = new Map();\n    _circlePool = [];\n    _circlePoolIdx;\n    _pendingCellSize;\n    _rectanglePool = [];\n    _rectanglePoolIdx;\n    constructor(cellSize){\n        this._cellSize = cellSize;\n        this._circlePoolIdx = 0;\n        this._rectanglePoolIdx = 0;\n    }\n    clear() {\n        this._cells.clear();\n        const pendingCellSize = this._pendingCellSize;\n        if (pendingCellSize) {\n            this._cellSize = pendingCellSize;\n        }\n        this._pendingCellSize = undefined;\n    }\n    insert(particle) {\n        const { x, y } = particle.getPosition(), key = this._cellKeyFromCoords(x, y);\n        if (!this._cells.has(key)) {\n            this._cells.set(key, []);\n        }\n        this._cells.get(key)?.push(particle);\n    }\n    query(range, check, out = []) {\n        const bounds = this._getRangeBounds(range);\n        if (!bounds) {\n            return out;\n        }\n        const minCellX = Math.floor(bounds.minX / this._cellSize), maxCellX = Math.floor(bounds.maxX / this._cellSize), minCellY = Math.floor(bounds.minY / this._cellSize), maxCellY = Math.floor(bounds.maxY / this._cellSize);\n        for(let cx = minCellX; cx <= maxCellX; cx++){\n            for(let cy = minCellY; cy <= maxCellY; cy++){\n                const key = `${cx}_${cy}`, cellParticles = this._cells.get(key);\n                if (!cellParticles) {\n                    continue;\n                }\n                for (const p of cellParticles){\n                    if (check && !check(p)) {\n                        continue;\n                    }\n                    if (range.contains(p.getPosition())) {\n                        out.push(p);\n                    }\n                }\n            }\n        }\n        return out;\n    }\n    queryCircle(position, radius, check, out = []) {\n        const circle = this._acquireCircle(position.x, position.y, radius), result = this.query(circle, check, out);\n        this._releaseShapes();\n        return result;\n    }\n    queryRectangle(position, size, check, out = []) {\n        const rect = this._acquireRectangle(position.x, position.y, size.width, size.height), result = this.query(rect, check, out);\n        this._releaseShapes();\n        return result;\n    }\n    setCellSize(cellSize) {\n        this._pendingCellSize = cellSize;\n    }\n    _acquireCircle(x, y, r) {\n        return (this._circlePool[this._circlePoolIdx++] ??= new _Ranges_js__WEBPACK_IMPORTED_MODULE_0__.Circle(x, y, r)).reset(x, y, r);\n    }\n    _acquireRectangle(x, y, w, h) {\n        return (this._rectanglePool[this._rectanglePoolIdx++] ??= new _Ranges_js__WEBPACK_IMPORTED_MODULE_0__.Rectangle(x, y, w, h)).reset(x, y, w, h);\n    }\n    _cellKeyFromCoords(x, y) {\n        const cellX = Math.floor(x / this._cellSize), cellY = Math.floor(y / this._cellSize);\n        return `${cellX}_${cellY}`;\n    }\n    _getRangeBounds(range) {\n        if (range instanceof _Ranges_js__WEBPACK_IMPORTED_MODULE_0__.Circle) {\n            const r = range.radius, { x, y } = range.position;\n            return {\n                minX: x - r,\n                maxX: x + r,\n                minY: y - r,\n                maxY: y + r\n            };\n        }\n        if (range instanceof _Ranges_js__WEBPACK_IMPORTED_MODULE_0__.Rectangle) {\n            const { x, y } = range.position, { width, height } = range.size;\n            return {\n                minX: x,\n                maxX: x + width,\n                minY: y,\n                maxY: y + height\n            };\n        }\n        return null;\n    }\n    _releaseShapes() {\n        this._circlePoolIdx = 0;\n        this._rectanglePoolIdx = 0;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Utils/SpatialHashGrid.js?\n}");
-
-/***/ }
-
-}]);