@tsparticles/slim 4.0.0-alpha.26 → 4.0.0-alpha.27

package/6684.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,6684],{6684(e,t,i){i.d(t,{Repulser:()=>c});var n=i(1989),s=i(514),r=i(6730);let o="repulse";class c extends s.ExternalInteractorBase{handleClickMode;_clickVec;_engine;_maxDistance;_normVec;constructor(e,t){super(t),this._engine=e,this._maxDistance=0,this._normVec=n.Miz.origin,this._clickVec=n.Miz.origin,t.repulse??={particles:[]},this.handleClickMode=(e,i)=>{let s=this.container.actualOptions,r=s.interactivity?.modes.repulse;if(!r||e!==o)return;t.repulse??={particles:[]};let c=t.repulse;for(let e of(c.clicking=!0,c.count=0,t.repulse.particles))this.isEnabled(i,e)&&e.velocity.setTo(e.initialVelocity);c.particles=[],c.finish=!1,setTimeout(()=>{t.destroyed||(c.clicking=!1)},r.duration*n.XuV)}}get maxDistance(){return this._maxDistance}clear(){}init(){let e=this.container,t=e.actualOptions.interactivity?.modes.repulse;t&&(this._maxDistance=t.distance,e.retina.repulseModeDistance=t.distance*e.retina.pixelRatio)}interact(e){let t=this.container.actualOptions,i=e.status===s.mouseMoveEvent,r=t.interactivity?.events;if(!r)return;let c=r.onHover,a=c.enable,l=c.mode,u=r.onClick,d=u.enable,p=u.mode,h=r.onDiv;i&&a&&(0,n.hnD)(o,l)?this._hoverRepulse(e):d&&(0,n.hnD)(o,p)?this._clickRepulse(e):(0,s.divModeExecute)(o,h,(t,i)=>{this._singleSelectorRepulse(e,t,i)})}isEnabled(e,t){let i=this.container.actualOptions,r=e.mouse,c=(t?.interactivity??i.interactivity)?.events;if(!c)return!1;let a=c.onDiv,l=c.onHover,u=c.onClick,d=(0,s.isDivModeEnabled)(o,a);if(!(d||l.enable&&r.position||u.enable&&r.clickPosition))return!1;let p=l.mode,h=u.mode;return(0,n.hnD)(o,p)||(0,n.hnD)(o,h)||d}loadModeOptions(e,...t){for(let i of(e.repulse??=new r.Z,t))e.repulse.load(i?.repulse)}reset(){}_clickRepulse=e=>{let t=this.container,i=t.actualOptions.interactivity?.modes.repulse;if(!i)return;let s=t.repulse??{particles:[]};if(s.finish||(s.count??=0,s.count++,s.count===t.particles.count&&(s.finish=!0)),s.clicking){let r=t.retina.repulseModeDistance;if(!r||r<0)return;let o=Math.pow(r/6,3),c=e.mouse.clickPosition;if(void 0===c)return;let a=new n.jlt(c.x,c.y,o);for(let r of t.particles.grid.query(a,t=>this.isEnabled(e,t))){let{dx:e,dy:t,distance:a}=(0,n.vrU)(c,r.position),l=a**2,u=-o*i.speed/l;l<=o&&(s.particles.push(r),this._clickVec.x=e,this._clickVec.y=t,this._clickVec.length=u,r.velocity.setTo(this._clickVec))}}else if(!1===s.clicking){for(let e of s.particles)e.velocity.setTo(e.initialVelocity);s.particles=[]}};_hoverRepulse=e=>{let t=this.container,i=e.mouse.position,s=t.retina.repulseModeDistance;s&&!(s<0)&&i&&this._processRepulse(e,i,s,new n.jlt(i.x,i.y,s))};_processRepulse=(e,t,i,s,r)=>{let o=this.container,c=o.particles.grid.query(s,t=>this.isEnabled(e,t)),a=o.actualOptions.interactivity?.modes.repulse;if(!a)return;let{easing:l,speed:u,factor:d,maxSpeed:p}=a,h=this._engine.getEasing(l),v=(r?.speed??u)*d;for(let e of c){let{dx:s,dy:r,distance:o}=(0,n.vrU)(e.position,t),c=(0,n.qE8)(h(1-o/i)*v,0,p);this._normVec.x=o?s/o*c:v,this._normVec.y=o?r/o*c:v,e.position.addTo(this._normVec)}};_singleSelectorRepulse=(e,t,i)=>{let r=this.container,o=r.actualOptions.interactivity?.modes.repulse;if(!o)return;let c=(0,n.T5G)().querySelectorAll(t);c.length&&c.forEach(t=>{let c=r.retina.pixelRatio,a={x:(t.offsetLeft+t.offsetWidth*n.MXx)*c,y:(t.offsetTop+t.offsetHeight*n.MXx)*c},l=t.offsetWidth*n.MXx*c,u=i.type===s.DivType.circle?new n.jlt(a.x,a.y,l):new n.M_G(t.offsetLeft*c,t.offsetTop*c,t.offsetWidth*c,t.offsetHeight*c),d=o.divs,p=(0,s.divMode)(d,t);this._processRepulse(e,a,l,u,p)})}}},5368(e,t,i){var n,s;i.d(t,{Q:()=>n}),(s=n||(n={})).circle="circle",s.rectangle="rectangle"},823(e,t,i){var n,s;i.d(t,{h:()=>n}),(s=n||(n={})).canvas="canvas",s.parent="parent",s.window="window"},2120(e,t,i){var n,s;i.d(t,{e:()=>n}),(s=n||(n={})).external="external",s.particles="particles"},6316(e,t,i){i.d(t,{Bp:()=>u,DG:()=>d,G3:()=>p,Rb:()=>a,Z0:()=>o,ms:()=>s,s7:()=>l,sf:()=>c,vo:()=>r,xO:()=>n});let n="click",s="pointerdown",r="pointerup",o="pointerleave",c="pointerout",a="pointermove",l="touchstart",u="touchend",d="touchmove",p="touchcancel"},6867(e,t,i){i.d(t,{G:()=>r});var n=i(1989),s=i(5368);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=s.Q.circle}load(e){(0,n.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))}}},11(e,t,i){i.d(t,{d:()=>s});var n=i(1989);class s{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,n.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},514(e,t,i){i.r(t),i.d(t,{DivEvent:()=>v.G,DivType:()=>a.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>s.e,Modes:()=>f.d,ParticlesInteractorBase:()=>o,clickEvent:()=>c.xO,divMode:()=>h,divModeExecute:()=>d,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>u,loadInteractivityPlugin:()=>m,mouseDownEvent:()=>c.ms,mouseLeaveEvent:()=>c.Z0,mouseMoveEvent:()=>c.Rb,mouseOutEvent:()=>c.sf,mouseUpEvent:()=>c.vo,singleDivModeExecute:()=>p,touchCancelEvent:()=>c.G3,touchEndEvent:()=>c.Bp,touchMoveEvent:()=>c.DG,touchStartEvent:()=>c.s7});var n=i(1989),s=i(2120);class r{type=s.e.external;container;constructor(e){this.container=e}}class o{type=s.e.particles;container;constructor(e){this.container=e}}var c=i(6316),a=i(5368),l=i(823);function u(e,t){return!!(0,n.w3Z)(t,t=>t.enable&&(0,n.hnD)(e,t.mode))}function d(e,t,i){(0,n.wJ2)(t,t=>{let s=t.mode;t.enable&&(0,n.hnD)(e,s)&&p(t,i)})}function p(e,t){let i=e.selectors;(0,n.wJ2)(i,i=>{t(i,e)})}function h(e,t){if(t&&e)return(0,n.w3Z)(e,e=>{var i;let s;return i=e.selectors,s=(0,n.wJ2)(i,e=>t.matches(e)),(0,n.cyL)(s)?s.some(e=>e):s})}var v=i(6867),f=i(11);async function m(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{InteractivityPlugin:t}=await i.e(1298).then(i.bind(i,1298));e.addPlugin(new t(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=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.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/{2683.min.js → 6839.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[2683],{2683(t,e,s){s.d(e,{LineDrawer:()=>a});class a{draw(t){!function(t){let{context:e,particle:s,radius:a}=t,i=s.shapeData;e.moveTo(-a,0),e.lineTo(a,0),e.lineCap=i?.cap??"butt"}(t)}getSidesCount(){return 1}}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[6839],{6839(t,e,s){s.d(e,{LineDrawer:()=>a});class a{draw(t){!function(t){let{context:e,particle:s,radius:a}=t,i=s.shapeData;e.moveTo(-a,0),e.lineTo(a,0),e.lineCap=i?.cap??"butt"}(t)}getSidesCount(){return 1}}}}]);

package/{5123.min.js → 6970.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[5123],{5123(e,i,s){s.d(i,{SizeUpdater:()=>a});var t=s(2005);class a{init(e){let i=e.container,s=e.options.size.animation;s.enable&&(e.size.velocity=(e.retina.sizeAnimationSpeed??i.retina.sizeAnimationSpeed)/t.a56*i.retina.reduceFactor,s.sync||(e.size.velocity*=(0,t.G0i)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&e.size.enable&&((e.size.maxLoops??0)<=0||(e.size.maxLoops??0)>0&&(e.size.loops??0)<(e.size.maxLoops??0))}reset(e){e.size.loops=0}update(e,i){this.isEnabled(e)&&(0,t.UC0)(e,e.size,!0,e.options.size.animation.destroy,i)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[6970],{6970(e,i,s){s.d(i,{SizeUpdater:()=>a});var t=s(1989);class a{init(e){let i=e.container,s=e.options.size.animation;s.enable&&(e.size.velocity=(e.retina.sizeAnimationSpeed??i.retina.sizeAnimationSpeed)/t.a56*i.retina.reduceFactor,s.sync||(e.size.velocity*=(0,t.G0i)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&e.size.enable&&((e.size.maxLoops??0)<=0||(e.size.maxLoops??0)>0&&(e.size.loops??0)<(e.size.maxLoops??0))}reset(e){e.size.loops=0}update(e,i){this.isEnabled(e)&&(0,t.UC0)(e,e.size,!0,e.options.size.animation.destroy,i)}}}}]);

package/6982.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,6982],{6982(e,t,i){i.d(t,{Linker:()=>a});var n=i(1989);class s extends n.jlt{canvasSize;constructor(e,t,i,n){super(e,t,i),this.canvasSize=n}contains(e){if(super.contains(e))return!0;let{width:t,height:i}=this.canvasSize,{x:n,y:s}=e;return super.contains({x:n-t,y:s})||super.contains({x:n+t,y:s})||super.contains({x:n,y:s-i})||super.contains({x:n,y:s+i})||super.contains({x:n-t,y:s-i})||super.contains({x:n+t,y:s+i})||super.contains({x:n-t,y:s+i})||super.contains({x:n+t,y:s-i})}intersects(e){if(super.intersects(e))return!0;let{width:t,height:i}=this.canvasSize,s=e.position;for(let r of[{x:-t,y:0},{x:t,y:0},{x:0,y:-i},{x:0,y:i},{x:-t,y:-i},{x:t,y:i},{x:-t,y:i},{x:t,y:-i}]){let t,i={x:s.x+r.x,y:s.y+r.y};if(t=e instanceof n.jlt?new n.jlt(i.x,i.y,e.radius):new n.M_G(i.x,i.y,e.size.width,e.size.height),super.intersects(t))return!0}return!1}}var r=i(1516),o=i(514);class a extends o.ParticlesInteractorBase{_engine;_maxDistance;constructor(e,t){super(e),this._engine=t,this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){this.container.particles.linksColor=void 0,this.container.particles.linksColors=new Map}interact(e){if(!e.options.links)return;e.links=[],e.linksDistance&&e.linksDistance>this._maxDistance&&(this._maxDistance=e.linksDistance);let t=e.getPosition(),i=this.container,r=i.canvas.size;if(t.x<n.boI.x||t.y<n.boI.y||t.x>r.width||t.y>r.height)return;let o=e.options.links,a=o.opacity,c=e.retina.linksDistance??0,l=o.warp,d=l?new s(t.x,t.y,c,r):new n.jlt(t.x,t.y,c);for(let s of i.particles.grid.query(d)){let i=s.options.links;if(e===s||!i?.enable||o.id!==i.id||s.spawning||s.destroyed||!s.links||e.links.some(e=>e.destination===s)||s.links.some(t=>t.destination===e))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 h=(0,n.vrU)(t,d).distance,p=l&&i.warp?function(e,t,i){let{dx:s,dy:r}=(0,n.vrU)(e,t),o={x:Math.abs(s),y:Math.abs(r)},a={x:Math.min(o.x,i.width-o.x),y:Math.min(o.y,i.height-o.y)};return Math.hypot(a.x,a.y)}(t,d,r):h,u=Math.min(h,p);if(u>c)continue;let v=(1-u/c)*a;this._setColor(e),e.links.push({destination:s,opacity:v,color:this._getLinkColor(e,s),isWarped:p<h})}}isEnabled(e){return!!e.options.links?.enable}loadParticlesOptions(e,...t){for(let i of(e.links??=new r.q,t))e.links.load(i?.links)}reset(){}_getLinkColor(e,t){let i=this.container,s=e.options.links;if(!s)return;let r=void 0!==s.id?i.particles.linksColors.get(s.id):i.particles.linksColor;return(0,n._hh)(e,t,r)}_setColor(e){if(!e.options.links)return;let t=this.container,i=e.options.links,s=void 0===i.id?t.particles.linksColor:t.particles.linksColors.get(i.id);s||(s=(0,n.PGG)(this._engine,i.color,i.blink,i.consent),void 0===i.id?t.particles.linksColor=s:t.particles.linksColors.set(i.id,s))}}},5368(e,t,i){var n,s;i.d(t,{Q:()=>n}),(s=n||(n={})).circle="circle",s.rectangle="rectangle"},823(e,t,i){var n,s;i.d(t,{h:()=>n}),(s=n||(n={})).canvas="canvas",s.parent="parent",s.window="window"},2120(e,t,i){var n,s;i.d(t,{e:()=>n}),(s=n||(n={})).external="external",s.particles="particles"},6316(e,t,i){i.d(t,{Bp:()=>d,DG:()=>h,G3:()=>p,Rb:()=>c,Z0:()=>o,ms:()=>s,s7:()=>l,sf:()=>a,vo:()=>r,xO:()=>n});let n="click",s="pointerdown",r="pointerup",o="pointerleave",a="pointerout",c="pointermove",l="touchstart",d="touchend",h="touchmove",p="touchcancel"},6867(e,t,i){i.d(t,{G:()=>r});var n=i(1989),s=i(5368);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=s.Q.circle}load(e){(0,n.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))}}},11(e,t,i){i.d(t,{d:()=>s});var n=i(1989);class s{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,n.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},514(e,t,i){i.r(t),i.d(t,{DivEvent:()=>v.G,DivType:()=>c.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>s.e,Modes:()=>y.d,ParticlesInteractorBase:()=>o,clickEvent:()=>a.xO,divMode:()=>u,divModeExecute:()=>h,ensureInteractivityPluginLoaded:()=>k,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>x,mouseDownEvent:()=>a.ms,mouseLeaveEvent:()=>a.Z0,mouseMoveEvent:()=>a.Rb,mouseOutEvent:()=>a.sf,mouseUpEvent:()=>a.vo,singleDivModeExecute:()=>p,touchCancelEvent:()=>a.G3,touchEndEvent:()=>a.Bp,touchMoveEvent:()=>a.DG,touchStartEvent:()=>a.s7});var n=i(1989),s=i(2120);class r{type=s.e.external;container;constructor(e){this.container=e}}class o{type=s.e.particles;container;constructor(e){this.container=e}}var a=i(6316),c=i(5368),l=i(823);function d(e,t){return!!(0,n.w3Z)(t,t=>t.enable&&(0,n.hnD)(e,t.mode))}function h(e,t,i){(0,n.wJ2)(t,t=>{let s=t.mode;t.enable&&(0,n.hnD)(e,s)&&p(t,i)})}function p(e,t){let i=e.selectors;(0,n.wJ2)(i,i=>{t(i,e)})}function u(e,t){if(t&&e)return(0,n.w3Z)(e,e=>{var i;let s;return i=e.selectors,s=(0,n.wJ2)(i,e=>t.matches(e)),(0,n.cyL)(s)?s.some(e=>e):s})}var v=i(6867),y=i(11);async function x(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{InteractivityPlugin:t}=await i.e(1298).then(i.bind(i,1298));e.addPlugin(new t(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=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 k(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/7116.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7116],{7116(i,l,e){e.d(l,{FillColorUpdater:()=>t});var n=e(1989);class t{_container;_engine;constructor(i,l){this._container=l,this._engine=i}init(i){let l=this._container,e=i.options,t=(0,n.TA3)(e.fill,i.id,e.reduceDuplicates);if(!t)return;i.fillEnabled=t.enable,i.fillOpacity=(0,n.VGA)(t.opacity),i.fillAnimation=t.color.animation;let a=(0,n.R5R)(this._engine,t.color);a&&(i.fillColor=(0,n.pzy)(a,i.fillAnimation,l.retina.reduceFactor))}isEnabled(i){let l=i.fillAnimation,{fillColor:e}=i;return!i.destroyed&&!i.spawning&&!!l&&(e?.h.value!==void 0&&e.h.enable||e?.s.value!==void 0&&e.s.enable||e?.l.value!==void 0&&e.l.enable)}update(i,l){this.isEnabled(i)&&(0,n.JvX)(i.fillColor,l)}}}}]);

package/7256.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7256],{7256(t,e,i){i.d(e,{InteractivityPluginInstance:()=>h});var n=i(1989),s=i(6316),a=i(823);class r{_canPush=!0;_clickPositionPlugins;_container;_handlers;_interactionManager;_touches;constructor(t,e){this._container=t,this._clickPositionPlugins=[],this._interactionManager=e,this._touches=new Map,this._handlers={mouseDown:()=>{this._mouseDown()},mouseLeave:()=>{this._mouseTouchFinish()},mouseMove:t=>{this._mouseTouchMove(t)},mouseUp:t=>{this._mouseTouchClick(t)},touchStart:t=>{this._touchStart(t)},touchMove:t=>{this._mouseTouchMove(t)},touchEnd:t=>{this._touchEnd(t)},touchCancel:t=>{this._touchEnd(t)},touchEndClick:t=>{this._touchEndClick(t)},visibilityChange:()=>{this._handleVisibilityChange()}}}addListeners(){this._manageListeners(!0)}init(){for(let t of(this._clickPositionPlugins.length=0,this._container.plugins.filter(t=>!!t.clickPositionValid)))this._clickPositionPlugins.push(t)}removeListeners(){this._manageListeners(!1)}_doMouseTouchClick=t=>{let e=this._container,i=this._interactionManager,s=e.actualOptions;if(this._canPush){let t=i.interactivityData.mouse,e=t.position;if(!e)return;t.clickPosition={...e},t.clickTime=performance.now();let a=s.interactivity?.events.onClick;if(!a?.mode)return;(0,n.wJ2)(a.mode,t=>{i.handleClickMode(t)})}"touchend"===t.type&&setTimeout(()=>{this._mouseTouchFinish()},n.pHD)};_handleVisibilityChange=()=>{this._mouseTouchFinish()};_manageInteractivityListeners=(t,e)=>{let i=this._handlers,a=this._container,r=this._interactionManager,o=a.actualOptions,c=r.interactivityData.element;if(!c)return;let l=a.canvas;l.setPointerEvents(c===l.element?"initial":"none"),(!e||o.interactivity?.events.onHover.enable||o.interactivity?.events.onClick.enable)&&((0,n.KpY)(c,s.Rb,i.mouseMove,e),(0,n.KpY)(c,s.s7,i.touchStart,e),(0,n.KpY)(c,s.DG,i.touchMove,e),e?o.interactivity?.events.onClick.enable?((0,n.KpY)(c,s.Bp,i.touchEndClick,e),(0,n.KpY)(c,s.vo,i.mouseUp,e),(0,n.KpY)(c,s.ms,i.mouseDown,e)):(0,n.KpY)(c,s.Bp,i.touchEnd,e):((0,n.KpY)(c,s.Bp,i.touchEndClick,e),(0,n.KpY)(c,s.vo,i.mouseUp,e),(0,n.KpY)(c,s.ms,i.mouseDown,e),(0,n.KpY)(c,s.Bp,i.touchEnd,e)),(0,n.KpY)(c,t,i.mouseLeave,e),(0,n.KpY)(c,s.G3,i.touchCancel,e))};_manageListeners=t=>{let e=this._handlers,i=this._container,r=this._interactionManager,o=i.actualOptions,c=o.interactivity?.detectsOn,l=i.canvas.element,h=s.Z0;c===a.h.window?(r.interactivityData.element=globalThis,h=s.sf):c===a.h.parent&&l?r.interactivityData.element=l.parentElement??l.parentNode:r.interactivityData.element=l,this._manageInteractivityListeners(h,t),(0,n.KpY)(document,n.nKi,e.visibilityChange,t,!1)};_mouseDown=()=>{let{interactivityData:t}=this._interactionManager,{mouse:e}=t;e.clicking=!0,e.downPosition=e.position};_mouseTouchClick=t=>{let e=this._container,i=this._interactionManager,n=e.actualOptions,{mouse:s}=i.interactivityData;s.inside=!0;let a=!1,r=s.position;if(r&&n.interactivity?.events.onClick.enable){for(let t of this._clickPositionPlugins)if(a=t.clickPositionValid?.(r)??!1)break;a||this._doMouseTouchClick(t),s.clicking=!1}};_mouseTouchFinish=()=>{let{interactivityData:t}=this._interactionManager,{mouse:e}=t;delete e.position,delete e.clickPosition,delete e.downPosition,t.status=s.Z0,e.inside=!1,e.clicking=!1};_mouseTouchMove=t=>{let e,i=this._container,r=this._interactionManager,o=i.actualOptions,c=r.interactivityData,l=i.canvas.element;if(!c.element)return;if(c.mouse.inside=!0,t.type.startsWith("pointer"))if(this._canPush=!0,c.element===globalThis){if(l){let i=l.getBoundingClientRect();e={x:t.clientX-i.left,y:t.clientY-i.top}}}else if(o.interactivity?.detectsOn===a.h.parent){let i=t.target,s=t.currentTarget;if(l){let a=i.getBoundingClientRect(),r=s.getBoundingClientRect(),o=l.getBoundingClientRect();e={x:t.offsetX+n.gdl*a.left-(r.left+o.left),y:t.offsetY+n.gdl*a.top-(r.top+o.top)}}else e={x:t.offsetX,y:t.offsetY}}else t.target===l&&(e={x:t.offsetX,y:t.offsetY});else if(this._canPush="touchmove"!==t.type,l){let i=t.touches[t.touches.length-n.K3],s=l.getBoundingClientRect();if(!i)return;e={x:i.clientX-s.left,y:i.clientY-s.top}}let h=i.retina.pixelRatio;e&&(e.x*=h,e.y*=h),c.mouse.position=e,c.status=s.Rb};_touchEnd=t=>{for(let e of Array.from(t.changedTouches))this._touches.delete(e.identifier);this._mouseTouchFinish()};_touchEndClick=t=>{for(let e of Array.from(t.changedTouches))this._touches.delete(e.identifier);this._mouseTouchClick(t)};_touchStart=t=>{for(let e of Array.from(t.changedTouches))this._touches.set(e.identifier,performance.now());this._mouseTouchMove(t)}}var o=i(2120);class c{container;interactivityData;_clickHandlers;_engine;_eventListeners;_externalInteractors;_interactors;_intersectionObserver;_particleInteractors;constructor(t,e){this.container=e,this._engine=t,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[],this._clickHandlers=new Map,this._eventListeners=new r(e,this),this.interactivityData={mouse:{clicking:!1,inside:!1}},this._intersectionObserver=(0,n.BRq)(t=>{this._intersectionManager(t)})}addClickHandler(t){let{container:e,interactivityData:i}=this;if(e.destroyed)return;let a=i.element;if(!a)return;let r=(i,n,s)=>{if(e.destroyed)return;let a=e.retina.pixelRatio,r={x:n.x*a,y:n.y*a};t(i,e.particles.grid.queryCircle(r,s*a))},o=!1,c=!1;for(let[t,i]of(this._clickHandlers.set(s.xO,t=>{if(e.destroyed)return;let i={x:t.offsetX,y:t.offsetY};r(t,i,n.FSi)}),this._clickHandlers.set(s.s7,()=>{e.destroyed||(o=!0,c=!1)}),this._clickHandlers.set(s.DG,()=>{e.destroyed||(c=!0)}),this._clickHandlers.set(s.Bp,t=>{if(!e.destroyed){if(o&&!c){let i=t.touches[t.touches.length-n.KZx];if(!i)return;let s=e.canvas.element,a=s?s.getBoundingClientRect():void 0;r(t,{x:i.clientX-(a?a.left:n.TLE),y:i.clientY-(a?a.top:n.TLE)},Math.max(i.radiusX,i.radiusY))}o=!1,c=!1}}),this._clickHandlers.set(s.G3,()=>{e.destroyed||(o=!1,c=!1)}),this._clickHandlers))a.addEventListener(t,i)}addListeners(){this._eventListeners.addListeners()}clearClickHandlers(){let{container:t,interactivityData:e}=this;if(!t.destroyed){for(let[t,i]of this._clickHandlers)e.element?.removeEventListener(t,i);this._clickHandlers.clear()}}externalInteract(t){for(let e of this._externalInteractors){let{interactivityData:i}=this;e.isEnabled(i)&&e.interact(i,t)}}handleClickMode(t){if(this.container.destroyed)return;let{interactivityData:e}=this;for(let i of this._externalInteractors)i.handleClickMode?.(t,e)}init(){for(let t of(this._eventListeners.init(),this._interactors)){switch(t.type){case o.e.external:this._externalInteractors.push(t);break;case o.e.particles:this._particleInteractors.push(t)}t.init()}}async initInteractors(){let t=await this._engine.getInteractors?.(this.container,!0);t&&(this._interactors=t,this._externalInteractors=[],this._particleInteractors=[])}particlesInteract(t,e){let{interactivityData:i}=this;for(let i of this._externalInteractors)i.clear(t,e);for(let n of this._particleInteractors)n.isEnabled(t,i)&&n.interact(t,i,e)}removeListeners(){this._eventListeners.removeListeners()}reset(t){let{interactivityData:e}=this;for(let i of this._externalInteractors)i.isEnabled(e)&&i.reset(e,t);for(let i of this._particleInteractors)i.isEnabled(t,e)&&i.reset(e,t)}startObserving(){let{interactivityData:t}=this;t.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(t.element)}stopObserving(){let{interactivityData:t}=this;t.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(t.element)}updateMaxDistance(){let t=0;for(let e of this._interactors)e.maxDistance>t&&(t=e.maxDistance);let e=this.container;e.particles.grid.setCellSize(t*e.retina.pixelRatio)}_intersectionManager=t=>{let{container:e}=this;if(!e.destroyed&&e.actualOptions.pauseOnOutsideViewport)for(let i of t)i.target===this.interactivityData.element&&(i.isIntersecting?e.play():e.pause())}}var l=i(5385);class h{interactionManager;_container;_engine;constructor(t,e){this._container=e,this._engine=t,this.interactionManager=new c(t,e),this._container.addClickHandler=t=>{this.interactionManager.addClickHandler(t)}}addClickHandler(t){this.interactionManager.addClickHandler(t)}clearClickHandlers(){this.interactionManager.clearClickHandlers()}destroy(){this.clearClickHandlers(),this._engine.interactors?.delete(this._container)}particleCreated(t){let e=new l.k(this._engine,this._container);e.load(this._container.actualOptions.interactivity),e.load(t.options.interactivity),t.interactivity=e}particleReset(t){this.interactionManager.reset(t)}postParticleUpdate(t,e){this.interactionManager.particlesInteract(t,e)}postUpdate(t){this.interactionManager.externalInteract(t),this.interactionManager.updateMaxDistance()}async preInit(){await this.interactionManager.initInteractors(),this.interactionManager.init()}async redrawInit(){await this.interactionManager.initInteractors(),this.interactionManager.init()}start(){return this.interactionManager.addListeners(),this.interactionManager.startObserving(),Promise.resolve()}stop(){this.interactionManager.removeListeners(),this.interactionManager.stopObserving()}}}}]);

package/{3539.min.js → 7258.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[3539],{3539(e,s,t){t.d(s,{ImagePreloaderInstance:()=>i});class i{_container;_engine;constructor(e,s){this._engine=e,this._container=s}destroy(){this._engine.images?.delete(this._container)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7258],{7258(e,s,t){t.d(s,{ImagePreloaderInstance:()=>i});class i{_container;_engine;constructor(e,s){this._engine=e,this._container=s}destroy(){this._engine.images?.delete(this._container)}}}}]);

package/7318.min.js

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

package/7475.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7475],{3776(a,t,r){r.d(t,{w:()=>i});var s=r(1989);class i{factor;radius;constructor(){this.factor=3,this.radius=200}load(a){(0,s.kZJ)(a)||(void 0!==a.factor&&(this.factor=a.factor),void 0!==a.radius&&(this.radius=a.radius))}}},7475(a,t,r){r.r(t),r.d(t,{Slow:()=>s.w,loadExternalSlowInteraction:()=>i});var s=r(3776);async function i(a){a.checkVersion("4.0.0-alpha.27"),await a.register(async a=>{let{ensureInteractivityPluginLoaded:t}=await r.e(514).then(r.bind(r,514));t(a),a.addInteractor?.("externalSlow",async a=>{let{Slower:t}=await r.e(8689).then(r.bind(r,8689));return new t(a)})})}}}]);

package/7520.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7520],{8252(t,e,a){a.d(e,{n:()=>i});var n=a(1989);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))}}},7520(t,e,a){a.r(e),a.d(e,{Remove:()=>n.n,loadExternalRemoveInteraction:()=>i});var n=a(8252);async function i(t){t.checkVersion("4.0.0-alpha.27"),await t.register(async t=>{let{ensureInteractivityPluginLoaded:e}=await a.e(514).then(a.bind(a,514));e(t),t.addInteractor?.("externalRemove",async t=>{let{Remover:e}=await a.e(4270).then(a.bind(a,4270));return new e(t)})})}}}]);

package/7812.min.js

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7812],{861(a,e,t){t.d(e,{j:()=>s,u:()=>i});var l=t(2005);let i=["emoji"];function s(a,e){let{context:t,opacity:i}=a,s=t.globalAlpha,h=e.width,n=h*l.MXx;t.globalAlpha=i,t.drawImage(e,-n,-n,h,h),t.globalAlpha=s}},7812(a,e,t){t.r(e),t.d(e,{loadEmojiShape:()=>i});var l=t(861);async function i(a){a.checkVersion("4.0.0-alpha.26"),await a.register(a=>{a.addShape(l.u,async()=>{let{EmojiDrawer:a}=await t.e(4443).then(t.bind(t,4443));return new a})})}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7812],{7804(t,a,e){e.d(a,{b:()=>s});var n=e(1989);class s{distance;constructor(){this.distance=200}load(t){(0,n.kZJ)(t)||void 0!==t.distance&&(this.distance=t.distance)}}},7812(t,a,e){e.r(a),e.d(a,{Bounce:()=>n.b,loadExternalBounceInteraction:()=>s});var n=e(7804);async function s(t){t.checkVersion("4.0.0-alpha.27"),await t.register(async t=>{let{ensureInteractivityPluginLoaded:a}=await e.e(514).then(e.bind(e,514));a(t),t.addInteractor?.("externalBounce",async t=>{let{Bouncer:a}=await e.e(4285).then(e.bind(e,4285));return new a(t)})})}}}]);

package/{6907.min.js → 7876.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[6907],{6907(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}}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7876],{7876(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/{7962.min.js → 7925.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7962],{7962(n,i,s){s.r(i),s.d(i,{LinksPlugin:()=>e});class e{id="links";_engine;constructor(n){this._engine=n}async getPlugin(n){let{LinkInstance:i}=await s.e(3533).then(s.bind(s,3533));return new i(n,this._engine)}loadOptions(){}needsPlugin(){return!0}}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7925],{7925(n,i,s){s.r(i),s.d(i,{LinksPlugin:()=>e});class e{id="links";_engine;constructor(n){this._engine=n}async getPlugin(n){let{LinkInstance:i}=await s.e(3407).then(s.bind(s,3407));return new i(n,this._engine)}loadOptions(){}needsPlugin(){return!0}}}}]);

package/7977.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,7977],{358(t,e,n){n.d(e,{Connector:()=>s});var i=n(514),a=n(1989),o=n(6978),r=n(8888);class s extends i.ExternalInteractorBase{_maxDistance;constructor(t){super(t),this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){let t=this.container,e=t.actualOptions.interactivity?.modes.connect;e&&(this._maxDistance=e.distance,t.retina.connectModeDistance=e.distance*t.retina.pixelRatio,t.retina.connectModeRadius=e.radius*t.retina.pixelRatio)}interact(t){let e=this.container,n=e.actualOptions;if(n.interactivity?.events.onHover.enable&&"pointermove"===t.status){let n=t.mouse.position,{connectModeDistance:i,connectModeRadius:o}=e.retina;if(!i||i<0||!o||o<0||!n)return;let s=Math.abs(o),c=e.particles.grid.queryCircle(n,s,e=>this.isEnabled(t,e));c.forEach((t,n)=>{let o=t.getPosition();for(let s of c.slice(n+1)){let n=s.getPosition(),c=Math.abs(i),l=Math.abs(o.x-n.x),d=Math.abs(o.y-n.y);l<c&&d<c&&function(t,e,n){t.canvas.draw(i=>{var o;let s=function(t,e,n,i){let o=t.actualOptions,r=o.interactivity?.modes.connect;if(r)return function(t,e,n,i){let o=Math.floor(n.getRadius()/e.getRadius()),r=e.getFillColor(),s=n.getFillColor();if(!r||!s)return;let{container:c}=e,l=e.getPosition(),d=n.getPosition(),u=(0,a.EYT)(r,s,e.getRadius(),n.getRadius()),h=t.createLinearGradient(l.x,l.y,d.x,d.y);return h.addColorStop(0,(0,a.LCf)(r,c.hdr,i)),h.addColorStop((0,a.qE8)(o,0,1),(0,a.xxz)(u,c.hdr,i)),h.addColorStop(1,(0,a.LCf)(s,c.hdr,i)),h}(e,n,i,r.links.opacity)}(t,i,e,n);if(!s)return;let c=e.getPosition(),l=n.getPosition();o=e.retina.linksWidth??0,(0,r.V6)(i,c,l),i.lineWidth=o,i.strokeStyle=s,i.stroke()})}(e,t,s)}})}}isEnabled(t,e){let n=this.container,i=t.mouse,o=(e?.interactivity??n.actualOptions.interactivity)?.events;return!!(o?.onHover.enable&&i.position)&&(0,a.hnD)("connect",o.onHover.mode)}loadModeOptions(t,...e){for(let n of(t.connect??=new o.d,e))t.connect.load(n?.connect)}reset(){}}},5368(t,e,n){var i,a;n.d(e,{Q:()=>i}),(a=i||(i={})).circle="circle",a.rectangle="rectangle"},823(t,e,n){var i,a;n.d(e,{h:()=>i}),(a=i||(i={})).canvas="canvas",a.parent="parent",a.window="window"},2120(t,e,n){var i,a;n.d(e,{e:()=>i}),(a=i||(i={})).external="external",a.particles="particles"},6316(t,e,n){n.d(e,{Bp:()=>d,DG:()=>u,G3:()=>h,Rb:()=>c,Z0:()=>r,ms:()=>a,s7:()=>l,sf:()=>s,vo:()=>o,xO:()=>i});let i="click",a="pointerdown",o="pointerup",r="pointerleave",s="pointerout",c="pointermove",l="touchstart",d="touchend",u="touchmove",h="touchcancel"},6867(t,e,n){n.d(e,{G:()=>o});var i=n(1989),a=n(5368);class o{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.Q.circle}load(t){(0,i.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))}}},11(t,e,n){n.d(e,{d:()=>a});var i=n(1989);class a{_container;_engine;constructor(t,e){this._engine=t,this._container=e}load(t){if((0,i.kZJ)(t)||!this._container)return;let e=this._engine.interactors?.get(this._container);if(e)for(let n of e)n.loadModeOptions&&n.loadModeOptions(this,t)}}},514(t,e,n){n.r(e),n.d(e,{DivEvent:()=>p.G,DivType:()=>c.Q,ExternalInteractorBase:()=>o,InteractivityDetect:()=>l.h,InteractorType:()=>a.e,Modes:()=>f.d,ParticlesInteractorBase:()=>r,clickEvent:()=>s.xO,divMode:()=>v,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>m,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>y,mouseDownEvent:()=>s.ms,mouseLeaveEvent:()=>s.Z0,mouseMoveEvent:()=>s.Rb,mouseOutEvent:()=>s.sf,mouseUpEvent:()=>s.vo,singleDivModeExecute:()=>h,touchCancelEvent:()=>s.G3,touchEndEvent:()=>s.Bp,touchMoveEvent:()=>s.DG,touchStartEvent:()=>s.s7});var i=n(1989),a=n(2120);class o{type=a.e.external;container;constructor(t){this.container=t}}class r{type=a.e.particles;container;constructor(t){this.container=t}}var s=n(6316),c=n(5368),l=n(823);function d(t,e){return!!(0,i.w3Z)(e,e=>e.enable&&(0,i.hnD)(t,e.mode))}function u(t,e,n){(0,i.wJ2)(e,e=>{let a=e.mode;e.enable&&(0,i.hnD)(t,a)&&h(e,n)})}function h(t,e){let n=t.selectors;(0,i.wJ2)(n,n=>{e(n,t)})}function v(t,e){if(e&&t)return(0,i.w3Z)(t,t=>{var n;let a;return n=t.selectors,a=(0,i.wJ2)(n,t=>e.matches(t)),(0,i.cyL)(a)?a.some(t=>t):a})}var p=n(6867),f=n(11);async function y(t){t.checkVersion("4.0.0-alpha.27"),await t.register(async t=>{let{InteractivityPlugin:e}=await n.e(1298).then(n.bind(n,1298));t.addPlugin(new e(t)),t.initializers.interactors??=new Map,t.interactors??=new Map,t.addInteractor=(e,n)=>{t.initializers.interactors??=new Map,t.initializers.interactors.set(e,n)},t.getInteractors=async(e,n=!1)=>(t.interactors??=new Map,t.initializers.interactors??=new Map,(0,i.HQK)(e,t.interactors,t.initializers.interactors,n)),t.setOnClickHandler=e=>{let{items:n}=t;if(!n.length)throw Error("Click handlers can only be set after calling tsParticles.load()");n.forEach(t=>{t.addClickHandler?.(e)})}})}function m(t){if(!t.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}},8888(t,e,n){n.d(e,{V6:()=>a,Al:()=>o});var i=n(1989);function a(t,e,n){t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(n.x,n.y),t.closePath()}async function o(t,e){try{await (0,i.T5G)().fonts.load(`${e??"400"} 36px '${t??"Verdana"}'`)}catch{}}}}]);

package/8109.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,8109],{8109(e,t,n){n.d(t,{Grabber:()=>s});var i=n(1989),a=n(514),r=n(2484),o=n(8888);class s extends a.ExternalInteractorBase{_engine;_maxDistance;constructor(e,t){super(e),this._engine=t,this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){let e=this.container,t=e.actualOptions.interactivity?.modes.grab;t&&(this._maxDistance=t.distance,e.retina.grabModeDistance=t.distance*e.retina.pixelRatio)}interact(e){let t=this.container,n=t.actualOptions.interactivity;if(!n?.modes.grab||!n.events.onHover.enable||e.status!==a.mouseMoveEvent)return;let r=e.mouse.position;if(!r)return;let s=t.retina.grabModeDistance;if(s&&!(s<0))for(let a of t.particles.grid.queryCircle(r,s,t=>this.isEnabled(e,t))){let e=a.getPosition(),c=(0,i.YfF)(e,r);if(c>s)continue;let l=n.modes.grab.links,d=l.opacity,u=d-c*d/s;if(u<=0)continue;let h=l.color??a.options.links?.color;if(!t.particles.grabLineColor&&h){let e=n.modes.grab.links;t.particles.grabLineColor=(0,i.PGG)(this._engine,h,e.blink,e.consent)}let v=(0,i._hh)(a,void 0,t.particles.grabLineColor);v&&function(e,t,n,a,r){e.canvas.draw(s=>{let c=t.getPosition();!function(e,t,n,a,r,s,c=!1){(0,o.V6)(e,n,a),e.strokeStyle=(0,i.xxz)(r,c,s),e.lineWidth=t,e.stroke()}(s,t.retina.linksWidth??0,c,r,n,a,e.hdr)})}(t,a,v,u,r)}}isEnabled(e,t){let n=this.container,a=e.mouse,r=(t?.interactivity??n.actualOptions.interactivity)?.events;return!!r?.onHover.enable&&!!a.position&&(0,i.hnD)("grab",r.onHover.mode)}loadModeOptions(e,...t){for(let n of(e.grab??=new r.f,t))e.grab.load(n?.grab)}reset(){}}},5368(e,t,n){var i,a;n.d(t,{Q:()=>i}),(a=i||(i={})).circle="circle",a.rectangle="rectangle"},823(e,t,n){var i,a;n.d(t,{h:()=>i}),(a=i||(i={})).canvas="canvas",a.parent="parent",a.window="window"},2120(e,t,n){var i,a;n.d(t,{e:()=>i}),(a=i||(i={})).external="external",a.particles="particles"},6316(e,t,n){n.d(t,{Bp:()=>d,DG:()=>u,G3:()=>h,Rb:()=>c,Z0:()=>o,ms:()=>a,s7:()=>l,sf:()=>s,vo:()=>r,xO:()=>i});let i="click",a="pointerdown",r="pointerup",o="pointerleave",s="pointerout",c="pointermove",l="touchstart",d="touchend",u="touchmove",h="touchcancel"},6867(e,t,n){n.d(t,{G:()=>r});var i=n(1989),a=n(5368);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.Q.circle}load(e){(0,i.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))}}},11(e,t,n){n.d(t,{d:()=>a});var i=n(1989);class a{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,i.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let n of t)n.loadModeOptions&&n.loadModeOptions(this,e)}}},514(e,t,n){n.r(t),n.d(t,{DivEvent:()=>p.G,DivType:()=>c.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>a.e,Modes:()=>g.d,ParticlesInteractorBase:()=>o,clickEvent:()=>s.xO,divMode:()=>v,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>f,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>b,mouseDownEvent:()=>s.ms,mouseLeaveEvent:()=>s.Z0,mouseMoveEvent:()=>s.Rb,mouseOutEvent:()=>s.sf,mouseUpEvent:()=>s.vo,singleDivModeExecute:()=>h,touchCancelEvent:()=>s.G3,touchEndEvent:()=>s.Bp,touchMoveEvent:()=>s.DG,touchStartEvent:()=>s.s7});var i=n(1989),a=n(2120);class r{type=a.e.external;container;constructor(e){this.container=e}}class o{type=a.e.particles;container;constructor(e){this.container=e}}var s=n(6316),c=n(5368),l=n(823);function d(e,t){return!!(0,i.w3Z)(t,t=>t.enable&&(0,i.hnD)(e,t.mode))}function u(e,t,n){(0,i.wJ2)(t,t=>{let a=t.mode;t.enable&&(0,i.hnD)(e,a)&&h(t,n)})}function h(e,t){let n=e.selectors;(0,i.wJ2)(n,n=>{t(n,e)})}function v(e,t){if(t&&e)return(0,i.w3Z)(e,e=>{var n;let a;return n=e.selectors,a=(0,i.wJ2)(n,e=>t.matches(e)),(0,i.cyL)(a)?a.some(e=>e):a})}var p=n(6867),g=n(11);async function b(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{InteractivityPlugin:t}=await n.e(1298).then(n.bind(n,1298));e.addPlugin(new t(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,n)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,n)},e.getInteractors=async(t,n=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,i.HQK)(t,e.interactors,e.initializers.interactors,n)),e.setOnClickHandler=t=>{let{items:n}=e;if(!n.length)throw Error("Click handlers can only be set after calling tsParticles.load()");n.forEach(e=>{e.addClickHandler?.(t)})}})}function f(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}},8888(e,t,n){n.d(t,{V6:()=>a,Al:()=>r});var i=n(1989);function a(e,t,n){e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(n.x,n.y),e.closePath()}async function r(e,t){try{await (0,i.T5G)().fonts.load(`${t??"400"} 36px '${e??"Verdana"}'`)}catch{}}}}]);

package/8222.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8222],{8222(t,a,e){async function i(t){t.checkVersion("4.0.0-alpha.27"),await t.register(t=>{t.addParticleUpdater("opacity",async t=>{let{OpacityUpdater:a}=await e.e(1510).then(e.bind(e,1510));return new a(t)})})}e.r(a),e.d(a,{loadOpacityUpdater:()=>i})}}]);

package/84.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[84],{84(s,e,l){l.d(e,{HslColorManager:()=>n});var a,t,r=l(1989);(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/8484.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8484],{8484(e,t,a){a.d(t,{EmojiDrawer:()=>l});var i=a(1989),n=a(5390),s=a(8888);let o='"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif';class l{_emojiShapeDict=new Map;destroy(){for(let[e,t]of this._emojiShapeDict)t instanceof ImageBitmap&&t.close(),this._emojiShapeDict.delete(e)}draw(e){let t=e.particle.emojiDataKey;if(!t)return;let a=this._emojiShapeDict.get(t);a&&(0,n.j)(e,a)}async init(e){let t=e.actualOptions.particles.shape;if(!n.u.some(e=>(0,i.hnD)(e,t.type)))return;let a=[(0,s.Al)(o)],l=n.u.map(e=>t.options[e])[0];(0,i.wJ2)(l,e=>{e.font&&a.push((0,s.Al)(e.font))}),await Promise.all(a)}particleDestroy(e){e.emojiDataKey=void 0}particleInit(e,t){let a,n,s=t.shapeData;if(!s.value)return;let l=(0,i.TA3)(s.value,t.randomIndexData);if(!l)return;let r="string"==typeof l?{font:s.font??o,padding:s.padding??0,value:l}:{font:o,padding:0,...s,...l},p=r.font,c=r.value,f=`${c}_${p}`;if(this._emojiShapeDict.has(f)){t.emojiDataKey=f;return}let m=r.padding*i.gdl,h=(0,i.W9e)(t.size.value),d=h+m,u=d*i.gdl;if("u"<typeof OffscreenCanvas){let t=(0,i.T5G)().createElement("canvas");t.width=u,t.height=u,n=t.getContext("2d",e.canvas.settings),a=t}else n=(a=new OffscreenCanvas(u,u)).getContext("2d",e.canvas.settings);if(!n)return;n.font=`400 ${(h*i.gdl).toString()}px ${p}`,n.textBaseline="middle",n.textAlign="center",n.fillText(c,d,d);let g=a instanceof HTMLCanvasElement?a:a.transferToImageBitmap();this._emojiShapeDict.set(f,g),t.emojiDataKey=f}}},8888(e,t,a){a.d(t,{V6:()=>n,Al:()=>s});var i=a(1989);function n(e,t,a){e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(a.x,a.y),e.closePath()}async function s(e,t){try{await (0,i.T5G)().fonts.load(`${t??"400"} 36px '${e??"Verdana"}'`)}catch{}}}}]);

package/8589.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,8589],{8589(t,e,i){i.d(e,{Attractor:()=>l});var n=i(1989),a=i(514);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(496);let s="attract";class l extends a.ExternalInteractorBase{handleClickMode;_engine;_maxDistance;constructor(t,e){super(e),this._engine=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 h,v,p;let e,i;h=this._engine,v=this.container,p=e=>this.isEnabled(t,e),e=t.mouse.position,(i=v.retina.attractModeDistance)&&!(i<0)&&e&&c(h,v,e,i,new n.jlt(e.x,e.y,i),t=>p(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._engine,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(){}}},5368(t,e,i){var n,a;i.d(e,{Q:()=>n}),(a=n||(n={})).circle="circle",a.rectangle="rectangle"},823(t,e,i){var n,a;i.d(e,{h:()=>n}),(a=n||(n={})).canvas="canvas",a.parent="parent",a.window="window"},2120(t,e,i){var n,a;i.d(e,{e:()=>n}),(a=n||(n={})).external="external",a.particles="particles"},6316(t,e,i){i.d(e,{Bp:()=>d,DG:()=>u,G3:()=>h,Rb:()=>s,Z0:()=>c,ms:()=>a,s7:()=>l,sf:()=>o,vo:()=>r,xO:()=>n});let n="click",a="pointerdown",r="pointerup",c="pointerleave",o="pointerout",s="pointermove",l="touchstart",d="touchend",u="touchmove",h="touchcancel"},6867(t,e,i){i.d(e,{G:()=>r});var n=i(1989),a=i(5368);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.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))}}},11(t,e,i){i.d(e,{d:()=>a});var n=i(1989);class a{_container;_engine;constructor(t,e){this._engine=t,this._container=e}load(t){if((0,n.kZJ)(t)||!this._container)return;let e=this._engine.interactors?.get(this._container);if(e)for(let i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}},514(t,e,i){i.r(e),i.d(e,{DivEvent:()=>p.G,DivType:()=>s.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>l.h,InteractorType:()=>a.e,Modes:()=>m.d,ParticlesInteractorBase:()=>c,clickEvent:()=>o.xO,divMode:()=>v,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>f,mouseDownEvent:()=>o.ms,mouseLeaveEvent:()=>o.Z0,mouseMoveEvent:()=>o.Rb,mouseOutEvent:()=>o.sf,mouseUpEvent:()=>o.vo,singleDivModeExecute:()=>h,touchCancelEvent:()=>o.G3,touchEndEvent:()=>o.Bp,touchMoveEvent:()=>o.DG,touchStartEvent:()=>o.s7});var n=i(1989),a=i(2120);class r{type=a.e.external;container;constructor(t){this.container=t}}class c{type=a.e.particles;container;constructor(t){this.container=t}}var o=i(6316),s=i(5368),l=i(823);function d(t,e){return!!(0,n.w3Z)(e,e=>e.enable&&(0,n.hnD)(t,e.mode))}function u(t,e,i){(0,n.wJ2)(e,e=>{let a=e.mode;e.enable&&(0,n.hnD)(t,a)&&h(e,i)})}function h(t,e){let i=t.selectors;(0,n.wJ2)(i,i=>{e(i,t)})}function v(t,e){if(e&&t)return(0,n.w3Z)(t,t=>{var i;let a;return i=t.selectors,a=(0,n.wJ2)(i,t=>e.matches(t)),(0,n.cyL)(a)?a.some(t=>t):a})}var p=i(6867),m=i(11);async function f(t){t.checkVersion("4.0.0-alpha.27"),await t.register(async t=>{let{InteractivityPlugin:e}=await i.e(1298).then(i.bind(i,1298));t.addPlugin(new e(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,n.HQK)(e,t.interactors,t.initializers.interactors,i)),t.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 y(t){if(!t.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/8689.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,8689],{8689(e,t,n){n.d(t,{Slower:()=>r});var i=n(514),a=n(1989),o=n(3776);class r extends i.ExternalInteractorBase{_maxDistance;constructor(e){super(e),this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(e,t,n){(!e.slow.inRange||n)&&(e.slow.factor=1)}init(){let e=this.container,t=e.actualOptions.interactivity?.modes.slow;t&&(this._maxDistance=t.radius,e.retina.slowModeRadius=t.radius*e.retina.pixelRatio)}interact(){}isEnabled(e,t){let n=this.container,i=e.mouse,o=(t?.interactivity??n.actualOptions.interactivity)?.events;return!!o?.onHover.enable&&!!i.position&&(0,a.hnD)("slow",o.onHover.mode)}loadModeOptions(e,...t){for(let n of(e.slow??=new o.w,t))e.slow.load(n?.slow)}reset(e,t){t.slow.inRange=!1;let n=this.container,i=n.actualOptions,o=e.mouse.position,r=n.retina.slowModeRadius,s=i.interactivity?.modes.slow;if(!s||!r||r<0||!o)return;let c=t.getPosition(),l=(0,a.YfF)(o,c),d=s.factor,{slow:u}=t;l>r||(u.inRange=!0,u.factor=l/r/d)}}},5368(e,t,n){var i,a;n.d(t,{Q:()=>i}),(a=i||(i={})).circle="circle",a.rectangle="rectangle"},823(e,t,n){var i,a;n.d(t,{h:()=>i}),(a=i||(i={})).canvas="canvas",a.parent="parent",a.window="window"},2120(e,t,n){var i,a;n.d(t,{e:()=>i}),(a=i||(i={})).external="external",a.particles="particles"},6316(e,t,n){n.d(t,{Bp:()=>d,DG:()=>u,G3:()=>v,Rb:()=>c,Z0:()=>r,ms:()=>a,s7:()=>l,sf:()=>s,vo:()=>o,xO:()=>i});let i="click",a="pointerdown",o="pointerup",r="pointerleave",s="pointerout",c="pointermove",l="touchstart",d="touchend",u="touchmove",v="touchcancel"},6867(e,t,n){n.d(t,{G:()=>o});var i=n(1989),a=n(5368);class o{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.Q.circle}load(e){(0,i.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))}}},11(e,t,n){n.d(t,{d:()=>a});var i=n(1989);class a{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,i.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let n of t)n.loadModeOptions&&n.loadModeOptions(this,e)}}},514(e,t,n){n.r(t),n.d(t,{DivEvent:()=>p.G,DivType:()=>c.Q,ExternalInteractorBase:()=>o,InteractivityDetect:()=>l.h,InteractorType:()=>a.e,Modes:()=>w.d,ParticlesInteractorBase:()=>r,clickEvent:()=>s.xO,divMode:()=>h,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>f,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>m,mouseDownEvent:()=>s.ms,mouseLeaveEvent:()=>s.Z0,mouseMoveEvent:()=>s.Rb,mouseOutEvent:()=>s.sf,mouseUpEvent:()=>s.vo,singleDivModeExecute:()=>v,touchCancelEvent:()=>s.G3,touchEndEvent:()=>s.Bp,touchMoveEvent:()=>s.DG,touchStartEvent:()=>s.s7});var i=n(1989),a=n(2120);class o{type=a.e.external;container;constructor(e){this.container=e}}class r{type=a.e.particles;container;constructor(e){this.container=e}}var s=n(6316),c=n(5368),l=n(823);function d(e,t){return!!(0,i.w3Z)(t,t=>t.enable&&(0,i.hnD)(e,t.mode))}function u(e,t,n){(0,i.wJ2)(t,t=>{let a=t.mode;t.enable&&(0,i.hnD)(e,a)&&v(t,n)})}function v(e,t){let n=e.selectors;(0,i.wJ2)(n,n=>{t(n,e)})}function h(e,t){if(t&&e)return(0,i.w3Z)(e,e=>{var n;let a;return n=e.selectors,a=(0,i.wJ2)(n,e=>t.matches(e)),(0,i.cyL)(a)?a.some(e=>e):a})}var p=n(6867),w=n(11);async function m(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{InteractivityPlugin:t}=await n.e(1298).then(n.bind(n,1298));e.addPlugin(new t(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,n)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,n)},e.getInteractors=async(t,n=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,i.HQK)(t,e.interactors,e.initializers.interactors,n)),e.setOnClickHandler=t=>{let{items:n}=e;if(!n.length)throw Error("Click handlers can only be set after calling tsParticles.load()");n.forEach(e=>{e.addClickHandler?.(t)})}})}function f(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/8902.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[8902],{6730(e,s,t){t.d(s,{Z:()=>r});var a=t(1989),i=t(5931),d=t(8203);class r 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}))}}},5931(e,s,t){t.d(s,{_:()=>i});var a=t(1989);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))}}},8203(e,s,t){t.d(s,{W:()=>d});var a=t(1989),i=t(5931);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)}}},8902(e,s,t){t.r(s),t.d(s,{Repulse:()=>d.Z,RepulseBase:()=>a._,RepulseDiv:()=>i.W,loadExternalRepulseInteraction:()=>r});var a=t(5931),i=t(8203),d=t(6730);async function r(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async s=>{let{ensureInteractivityPluginLoaded:a}=await t.e(514).then(t.bind(t,514));a(s),s.addInteractor?.("externalRepulse",async s=>{let{Repulser:a}=await t.e(6684).then(t.bind(t,6684));return new a(e,s)})})}}}]);

package/9082.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9082],{9051(e,r,a){a.d(r,{d:()=>l,downloadSvgImage:()=>s,loadImage:()=>o,z:()=>i});var t=a(1989);let i=["image","images"],n=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;async function o(e){return new Promise(r=>{e.loading=!0;let a=new Image;e.element=a,a.addEventListener("load",()=>{e.loading=!1,r()}),a.addEventListener("error",()=>{e.element=void 0,e.error=!0,e.loading=!1,(0,t.tZQ)().error(`Error loading image: ${e.source}`),r()}),a.src=e.source})}async function s(e){if("svg"!==e.type)return void await o(e);e.loading=!0;let r=await fetch(e.source);r.ok?e.svgData=await r.text():((0,t.tZQ)().error("Image not found"),e.error=!0),e.loading=!1}function l(e,r,a,i,s=!1){let d=function(e,r,a,i=!1){let{svgData:o}=e;if(!o)return"";let s=(0,t.LCf)(r,i,a);if(o.includes("fill"))return o.replaceAll(n,()=>s);let l=o.indexOf(">");return`${o.substring(0,l)} fill="${s}"${o.substring(l)}`}(e,a,i.opacity?.value??1,s),c={color:a,gif:r.gif,data:{...e,svgData:d},loaded:!1,ratio:r.width/r.height,replaceColor:r.replaceColor,source:r.src};return new Promise(r=>{let a=new Blob([d],{type:"image/svg+xml"}),t=URL.createObjectURL(a),i=new Image;i.addEventListener("load",()=>{c.loaded=!0,c.element=i,r(c),URL.revokeObjectURL(t)});let n=async()=>{URL.revokeObjectURL(t);let a={...e,error:!1,loading:!0};await o(a),c.loaded=!0,c.element=a.element,r(c)};i.addEventListener("error",()=>void n()),i.src=t})}},9082(e,r,a){a.r(r),a.d(r,{loadImageShape:()=>i});var t=a(9051);async function i(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{ImagePreloaderPlugin:r}=await a.e(243).then(a.bind(a,243));e.getImages??=r=>{e.images??=new Map;let a=e.images.get(r);return a||(a=[],e.images.set(r,a)),a},e.loadImage??=async(r,t)=>{if(!e.getImages)throw Error("No images collection found");if(!t.name&&!t.src)throw Error("No image source provided");e.images??=new Map;let i=e.getImages(r);if(!i.some(e=>e.name===t.name||e.source===t.src))try{let n,o={gif:t.gif,name:t.name??t.src,source:t.src,type:t.src.substring(t.src.length-3),error:!1,loading:!0,replaceColor:t.replaceColor,ratio:t.width&&t.height?t.width/t.height:void 0};if(i.push(o),e.images.set(r,i),t.gif){let{loadGifImage:e}=await a.e(4570).then(a.bind(a,4570));n=r=>e(r,{colorSpace:"srgb"})}else if(t.replaceColor){let{downloadSvgImage:e}=await Promise.resolve().then(a.bind(a,9051));n=e}else{let{loadImage:e}=await Promise.resolve().then(a.bind(a,9051));n=e}await n(o)}catch{throw Error(`${t.name??t.src} not found`)}},e.addPlugin(new r(e)),e.addShape(t.z,async()=>{let{ImageDrawer:r}=await a.e(2846).then(a.bind(a,2846));return new r(e)})})}}}]);

package/9544.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[514,9544],{9544(e,t,i){i.d(t,{Collider:()=>p});var o,s,n=i(1989),a=i(514);(o=s||(s={})).absorb="absorb",o.bounce="bounce",o.destroy="destroy";class r{speed;constructor(){this.speed=2}load(e){(0,n.kZJ)(e)||void 0!==e.speed&&(this.speed=e.speed)}}class l{enable;retries;constructor(){this.enable=!0,this.retries=0}load(e){(0,n.kZJ)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.retries&&(this.retries=e.retries))}}class c{absorb;bounce;enable;maxSpeed;mode;overlap;constructor(){this.absorb=new r,this.bounce=new n.wvn,this.enable=!1,this.maxSpeed=50,this.mode=s.bounce,this.overlap=new l}load(e){(0,n.kZJ)(e)||(this.absorb.load(e.absorb),this.bounce.load(e.bounce),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.maxSpeed&&(this.maxSpeed=(0,n.DT4)(e.maxSpeed)),void 0!==e.mode&&(this.mode=e.mode),this.overlap.load(e.overlap))}}function d(e,t,i,o,s,a){if(!e.options.collisions||!i.options.collisions)return;let r=e.options.collisions.absorb.speed,l=(0,n.qE8)(r*s.factor,0,o);e.size.value=Math.sqrt(t*t+l*l),i.size.value-=l,i.size.value<=a&&(i.size.value=0,i.destroy())}let u=e=>{e.options.collisions&&(e.collisionMaxSpeed??=(0,n.VGA)(e.options.collisions.maxSpeed),e.velocity.length>e.collisionMaxSpeed&&(e.velocity.length=e.collisionMaxSpeed))};function h(e,t){let i=e.getMass(),o=t.getMass(),s=e.velocity.length,a=t.velocity.length,r=i*s*s+o*a*a;(0,n.pEn)((0,n.Tgl)(e),(0,n.Tgl)(t));let l=e.velocity.length,c=t.velocity.length,d=i*l*l+o*c*c;if(d>1e-6*r){let i=Math.sqrt(r/d);Math.abs(i-1)>1e-4&&(e.velocity.length=l*i,t.velocity.length=c*i)}u(e),u(t)}class p extends a.ParticlesInteractorBase{maxDistance;constructor(e){super(e),this.maxDistance=0}clear(){}init(){}interact(e,t,i){if(e.destroyed||e.spawning)return;let o=this.container,a=e.getPosition(),r=e.getRadius();for(let t of o.particles.grid.queryCircle(a,r*n.gdl)){if(e===t||e.id>=t.id||!e.options.collisions?.enable||!t.options.collisions?.enable||e.options.collisions.mode!==t.options.collisions.mode||t.destroyed||t.spawning)continue;let l=t.getPosition(),c=t.getRadius();if(!(Math.abs(Math.round(a.z)-Math.round(l.z))>r+c))(0,n.YfF)(a,l)>r+c||function(e,t,i,o){if(e.options.collisions&&t.options.collisions)switch(e.options.collisions.mode){case s.absorb:let n,a;n=e.getRadius(),a=t.getRadius(),!n&&a?e.destroy():n&&!a?t.destroy():n&&a&&(n>=a?d(e,n,t,a,i,o):d(t,a,e,n,i,o));break;case s.bounce:h(e,t);break;case s.destroy:let r,l;e.unbreakable||t.unbreakable||h(e,t),r=e.getRadius(),l=t.getRadius(),!r&&l?e.destroy():r&&!l?t.destroy():r&&l&&(e.getRadius()>=t.getRadius()?t:e).destroy()}}(e,t,i,o.retina.pixelRatio)}}isEnabled(e){return!!e.options.collisions?.enable}loadParticlesOptions(e,...t){for(let i of(e.collisions??=new c,t))e.collisions.load(i?.collisions)}reset(){}}},5368(e,t,i){var o,s;i.d(t,{Q:()=>o}),(s=o||(o={})).circle="circle",s.rectangle="rectangle"},823(e,t,i){var o,s;i.d(t,{h:()=>o}),(s=o||(o={})).canvas="canvas",s.parent="parent",s.window="window"},2120(e,t,i){var o,s;i.d(t,{e:()=>o}),(s=o||(o={})).external="external",s.particles="particles"},6316(e,t,i){i.d(t,{Bp:()=>d,DG:()=>u,G3:()=>h,Rb:()=>l,Z0:()=>a,ms:()=>s,s7:()=>c,sf:()=>r,vo:()=>n,xO:()=>o});let o="click",s="pointerdown",n="pointerup",a="pointerleave",r="pointerout",l="pointermove",c="touchstart",d="touchend",u="touchmove",h="touchcancel"},6867(e,t,i){i.d(t,{G:()=>n});var o=i(1989),s=i(5368);class n{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=s.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))}}},11(e,t,i){i.d(t,{d:()=>s});var o=i(1989);class s{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,o.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},514(e,t,i){i.r(t),i.d(t,{DivEvent:()=>v.G,DivType:()=>l.Q,ExternalInteractorBase:()=>n,InteractivityDetect:()=>c.h,InteractorType:()=>s.e,Modes:()=>b.d,ParticlesInteractorBase:()=>a,clickEvent:()=>r.xO,divMode:()=>p,divModeExecute:()=>u,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>g,mouseDownEvent:()=>r.ms,mouseLeaveEvent:()=>r.Z0,mouseMoveEvent:()=>r.Rb,mouseOutEvent:()=>r.sf,mouseUpEvent:()=>r.vo,singleDivModeExecute:()=>h,touchCancelEvent:()=>r.G3,touchEndEvent:()=>r.Bp,touchMoveEvent:()=>r.DG,touchStartEvent:()=>r.s7});var o=i(1989),s=i(2120);class n{type=s.e.external;container;constructor(e){this.container=e}}class a{type=s.e.particles;container;constructor(e){this.container=e}}var r=i(6316),l=i(5368),c=i(823);function d(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 s=t.mode;t.enable&&(0,o.hnD)(e,s)&&h(t,i)})}function h(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 s;return i=e.selectors,s=(0,o.wJ2)(i,e=>t.matches(e)),(0,o.cyL)(s)?s.some(e=>e):s})}var v=i(6867),b=i(11);async function g(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{let{InteractivityPlugin:t}=await i.e(1298).then(i.bind(i,1298));e.addPlugin(new t(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,o.HQK)(t,e.interactors,e.initializers.interactors,i)),e.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.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/{7217.min.js → 9578.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[7217],{7217(e,a,t){t.r(a),t.d(a,{ensureBaseMoverLoaded:()=>n,loadMovePlugin:()=>i});var r=t(2005);async function i(e){e.checkVersion("4.0.0-alpha.26"),await e.register(async e=>{e.initializers.pathGenerators??=new Map,e.pathGenerators??=new Map,e.addPathGenerator=(a,t)=>{e.initializers.pathGenerators??=new Map,e.initializers.pathGenerators.set(a,t)},e.getPathGenerators=async(a,t=!1)=>(e.initializers.pathGenerators??=new Map,e.pathGenerators??=new Map,(0,r.OtU)(a,e.pathGenerators,e.initializers.pathGenerators,t));let{MovePlugin:a}=await t.e(6763).then(t.bind(t,6763));e.addPlugin(new a(e))})}function n(e){if(!e.addPathGenerator)throw Error("tsParticles Base Mover is not loaded")}}}]);
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9578],{9578(e,a,t){t.r(a),t.d(a,{ensureBaseMoverLoaded:()=>n,loadMovePlugin:()=>i});var r=t(1989);async function i(e){e.checkVersion("4.0.0-alpha.27"),await e.register(async e=>{e.initializers.pathGenerators??=new Map,e.pathGenerators??=new Map,e.addPathGenerator=(a,t)=>{e.initializers.pathGenerators??=new Map,e.initializers.pathGenerators.set(a,t)},e.getPathGenerators=async(a,t=!1)=>(e.initializers.pathGenerators??=new Map,e.pathGenerators??=new Map,(0,r.OtU)(a,e.pathGenerators,e.initializers.pathGenerators,t));let{MovePlugin:a}=await t.e(6638).then(t.bind(t,6638));e.addPlugin(new a(e))})}function n(e){if(!e.addPathGenerator)throw Error("tsParticles Base Mover is not loaded")}}}]);

package/9739.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_slim=this.webpackChunk_tsparticles_slim||[]).push([[9739],{9739(t,a,e){async function i(t){t.checkVersion("4.0.0-alpha.27"),await t.register(async t=>{let{ensureInteractivityPluginLoaded:a}=await e.e(514).then(e.bind(e,514));a(t),t.addInteractor?.("particlesAttract",async t=>{let{Attractor:a}=await e.e(5552).then(e.bind(e,5552));return new a(t)})})}e.r(a),e.d(a,{loadParticlesAttractInteraction:()=>i})}}]);

package/basic_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.26
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************/
 (__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-alpha.26\");\n    await engine.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadColorUpdater }, { 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_color_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-color */ \"../../updaters/color/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            loadColorUpdater(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}");
+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-alpha.27\");\n    await engine.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { 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_fillColor_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-fill-color */ \"../../updaters/fillColor/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            loadFillColorUpdater(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/browser/index.js

@@ -1,5 +1,5 @@
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-alpha.26");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater }, { loadBasic }, { loadInteractivityPlugin },] = await Promise.all([
             import("@tsparticles/interaction-external-parallax"),

package/cjs/index.js

@@ -1,5 +1,5 @@
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-alpha.26");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater }, { loadBasic }, { loadInteractivityPlugin },] = await Promise.all([
             import("@tsparticles/interaction-external-parallax"),

package/engine_dist_browser_Core_Container_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.26
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \************************************************/
 (__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 */   Canvas: () => (/* binding */ Canvas)\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_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n\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_2__.defaultTransformValue) * newValue;\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 Canvas {\n    container;\n    element;\n    size;\n    zoom = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultZoom;\n    _canvasClearPlugins;\n    _canvasPaintPlugins;\n    _canvasSettings;\n    _clearDrawPlugins;\n    _colorPlugins;\n    _context;\n    _drawParticlePlugins;\n    _drawParticlesCleanupPlugins;\n    _drawParticlesSetupPlugins;\n    _drawPlugins;\n    _drawSettingsCleanupPlugins;\n    _drawSettingsSetupPlugins;\n    _engine;\n    _generated;\n    _mutationObserver;\n    _originalStyle;\n    _pointerEvents;\n    _postDrawUpdaters;\n    _preDrawUpdaters;\n    _resizePlugins;\n    _reusableColorStyles = {};\n    _reusablePluginColors = [\n        undefined,\n        undefined\n    ];\n    _reusableTransform = {};\n    _standardSize;\n    _zoomCenter;\n    constructor(container, engine){\n        this.container = container;\n        this._engine = engine;\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._context = null;\n        this._generated = false;\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\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        this._pointerEvents = \"none\";\n    }\n    get settings() {\n        return this._canvasSettings;\n    }\n    get _fullScreen() {\n        return this.container.actualOptions.fullScreen.enable;\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.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        if (this._generated) {\n            const element = this.element;\n            element?.remove();\n            this.element = undefined;\n        } else {\n            this._resetOriginalStyle();\n        }\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\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_2__.minimumSize) {\n            return;\n        }\n        const pfColor = particle.getFillColor(), psColor = particle.getStrokeColor() ?? pfColor;\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_2__.zIndexFactorOffset - particle.zIndexFactor, { opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(fColor, container.hdr, opacity) : undefined, stroke = sColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(sColor, container.hdr, strokeOpacity) : 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    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_2__.half / pxRatio,\n            y: height * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio\n        };\n    }\n    init() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.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.initUpdaters();\n        this.initPlugins();\n        this.paint();\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_3__.rangeColorToRgb)(this._engine, background.color);\n        if (color) {\n            elementStyle.backgroundColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.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        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.resize) {\n                this._resizePlugins.push(plugin);\n            }\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.particles.updaters){\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    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_2__.generatedAttribute in canvas.dataset ? canvas.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute] === \"true\" : this._generated;\n        this.element = canvas;\n        this.element.ariaHidden = \"true\";\n        this._originalStyle = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.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_1__.safeMatchMedia)(\"(color-gamut: p3)\");\n        this._canvasSettings = {\n            alpha: true,\n            colorSpace: canSupportHdrQuery?.matches && container.hdr ? \"display-p3\" : \"srgb\",\n            desynchronized: true,\n            willReadFrequently: false\n        };\n        this._context = this.element.getContext(\"2d\", this._canvasSettings);\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    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.size, baseColor);\n        });\n    }\n    paintImage(image, opacity) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintImage)(ctx, this.size, image, opacity);\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.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\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    _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    _applyResizePlugins = ()=>{\n        for (const plugin of this._resizePlugins){\n            plugin.resize?.();\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_3__.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));\n            }\n            if (!sColor && plugin.particleStrokeColor) {\n                sColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, 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    _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 || !Object.hasOwn(options.style, key)) {\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_1__.getFullScreenStyle)(this.container.actualOptions.fullScreen.zIndex), true);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Canvas.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Canvas: () => (/* binding */ Canvas)\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_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n\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_2__.defaultTransformValue) * newValue;\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 Canvas {\n    container;\n    element;\n    size;\n    zoom = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultZoom;\n    _canvasClearPlugins;\n    _canvasPaintPlugins;\n    _canvasSettings;\n    _clearDrawPlugins;\n    _colorPlugins;\n    _context;\n    _drawParticlePlugins;\n    _drawParticlesCleanupPlugins;\n    _drawParticlesSetupPlugins;\n    _drawPlugins;\n    _drawSettingsCleanupPlugins;\n    _drawSettingsSetupPlugins;\n    _engine;\n    _generated;\n    _mutationObserver;\n    _originalStyle;\n    _pointerEvents;\n    _postDrawUpdaters;\n    _preDrawUpdaters;\n    _resizePlugins;\n    _reusableColorStyles = {};\n    _reusablePluginColors = [\n        undefined,\n        undefined\n    ];\n    _reusableTransform = {};\n    _standardSize;\n    _zoomCenter;\n    constructor(container, engine){\n        this.container = container;\n        this._engine = engine;\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._context = null;\n        this._generated = false;\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\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        this._pointerEvents = \"none\";\n    }\n    get settings() {\n        return this._canvasSettings;\n    }\n    get _fullScreen() {\n        return this.container.actualOptions.fullScreen.enable;\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.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        if (this._generated) {\n            const element = this.element;\n            element?.remove();\n            this.element = undefined;\n        } else {\n            this._resetOriginalStyle();\n        }\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\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_2__.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_2__.zIndexFactorOffset - particle.zIndexFactor, { fillOpacity, opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(fColor, container.hdr, fillOpacity * opacity) : undefined, stroke = sColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.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    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_2__.half / pxRatio,\n            y: height * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio\n        };\n    }\n    init() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.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.initUpdaters();\n        this.initPlugins();\n        this.paint();\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_3__.rangeColorToRgb)(this._engine, background.color);\n        if (color) {\n            elementStyle.backgroundColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.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        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.resize) {\n                this._resizePlugins.push(plugin);\n            }\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.particles.updaters){\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    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_2__.generatedAttribute in canvas.dataset ? canvas.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute] === \"true\" : this._generated;\n        this.element = canvas;\n        this.element.ariaHidden = \"true\";\n        this._originalStyle = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.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_1__.safeMatchMedia)(\"(color-gamut: p3)\");\n        this._canvasSettings = {\n            alpha: true,\n            colorSpace: canSupportHdrQuery?.matches && container.hdr ? \"display-p3\" : \"srgb\",\n            desynchronized: true,\n            willReadFrequently: false\n        };\n        this._context = this.element.getContext(\"2d\", this._canvasSettings);\n        if (this._context) {\n            this._context.globalCompositeOperation = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultCompositeValue;\n        }\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    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.size, baseColor);\n        });\n    }\n    paintImage(image, opacity) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintImage)(ctx, this.size, image, opacity);\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.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\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    _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    _applyResizePlugins = ()=>{\n        for (const plugin of this._resizePlugins){\n            plugin.resize?.();\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_3__.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));\n            }\n            if (!sColor && plugin.particleStrokeColor) {\n                sColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, 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    _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_1__.getFullScreenStyle)(this.container.actualOptions.fullScreen.zIndex), true);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/slim/../../engine/dist/browser/Core/Canvas.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************/
 (__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        fill: effectOptions.fill\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        fill: shapeOptions.fill\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    container;\n    backColor;\n    bubble;\n    color;\n    destroyed;\n    direction;\n    effect;\n    effectClose;\n    effectData;\n    effectFill;\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    shapeFill;\n    sides;\n    size;\n    slow;\n    spawning;\n    strokeColor;\n    strokeOpacity;\n    strokeWidth;\n    unbreakable;\n    velocity;\n    zIndexFactor;\n    _cachedOpacityData = {\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    _engine;\n    constructor(engine, container){\n        this.container = container;\n        this._engine = engine;\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.particles.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.particles.updaters){\n            updater.particleDestroyed?.(this, override);\n        }\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__.EventType.particleDestroyed, {\n            container: this.container,\n            data: {\n                particle: this\n            }\n        });\n    }\n    draw(delta) {\n        const container = this.container, canvas = container.canvas;\n        canvas.drawParticlePlugins(this, delta);\n        canvas.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.color));\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), strokeOpacity = this.strokeOpacity ?? opacity;\n        this._cachedOpacityData.opacity = opacity * zOpacityFactor;\n        this._cachedOpacityData.strokeOpacity = 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.effectFill = true;\n        this.shapeClose = true;\n        this.shapeFill = 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        };\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._engine, 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.particles.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.particles.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.effectFill = effectData?.fill ?? particlesOptions.effect.fill;\n        this.effectClose = effectData?.close ?? particlesOptions.effect.close;\n        this.shapeFill = shapeData?.fill ?? particlesOptions.shape.fill;\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.particles.effectDrawers.get(this.effect);\n        }\n        if (effectDrawer?.loadEffect) {\n            effectDrawer.loadEffect(this);\n        }\n        if (this.shape) {\n            shapeDrawer = container.particles.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 particles.updaters){\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.particles.updaters){\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}");
+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    container;\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    _engine;\n    constructor(engine, container){\n        this.container = container;\n        this._engine = engine;\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.particles.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.particles.updaters){\n            updater.particleDestroyed?.(this, override);\n        }\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__.EventType.particleDestroyed, {\n            container: this.container,\n            data: {\n                particle: this\n            }\n        });\n    }\n    draw(delta) {\n        const container = this.container, canvas = container.canvas;\n        canvas.drawParticlePlugins(this, delta);\n        canvas.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        };\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._engine, 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.particles.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.particles.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.particles.effectDrawers.get(this.effect);\n        }\n        if (effectDrawer?.loadEffect) {\n            effectDrawer.loadEffect(this);\n        }\n        if (this.shape) {\n            shapeDrawer = container.particles.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 particles.updaters){\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.particles.updaters){\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}");
 
 /***/ },
 

package/esm/index.js

@@ -1,5 +1,5 @@
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-alpha.26");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater }, { loadBasic }, { loadInteractivityPlugin },] = await Promise.all([
             import("@tsparticles/interaction-external-parallax"),