@tsparticles/preset-squares 3.1.0 → 3.2.0

package/tsparticles.preset.squares.bundle.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.preset.squares.bundle.min.js.LICENSE.txt */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var i=e();for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(this,(()=>(()=>{"use strict";var t={d:(e,i)=>{for(var s in i)t.o(i,s)&&!t.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:i[s]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{loadSquaresPreset:()=>Gi,tsParticles:()=>wi});const i="generated",s="pointerleave",o="pointermove",n="touchend",a="tsParticles - Error",r=100,h=1e3;var c;function l(t){return"boolean"==typeof t}function d(t){return"string"==typeof t}function u(t){return"number"==typeof t}function p(t){return"object"==typeof t&&null!==t}function f(t){return Array.isArray(t)}!function(t){t.bottom="bottom",t.bottomLeft="bottom-left",t.bottomRight="bottom-right",t.left="left",t.none="none",t.right="right",t.top="top",t.topLeft="top-left",t.topRight="top-right",t.outside="outside",t.inside="inside"}(c||(c={}));const m=0,v=0,y=0;class g{constructor(t,e,i){if(this._updateFromAngle=(t,e)=>{this.x=Math.cos(t)*e,this.y=Math.sin(t)*e},!u(t)&&t){this.x=t.x,this.y=t.y;const e=t;this.z=e.z?e.z:y}else{if(void 0===t||void 0===e)throw new Error(`${a} Vector3d not initialized correctly`);this.x=t,this.y=e,this.z=i??y}}static get origin(){return g.create(m,v,y)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this._updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this._updateFromAngle(this.angle,t)}static clone(t){return g.create(t.x,t.y,t.z)}static create(t,e,i){return new g(t,e,i)}add(t){return g.create(this.x+t.x,this.y+t.y,this.z+t.z)}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=t.z}copy(){return g.clone(this)}distanceTo(t){return this.sub(t).length}distanceToSq(t){return this.sub(t).getLengthSq()}div(t){return g.create(this.x/t,this.y/t,this.z/t)}divTo(t){this.x/=t,this.y/=t,this.z/=t}getLengthSq(){return this.x**2+this.y**2}mult(t){return g.create(this.x*t,this.y*t,this.z*t)}multTo(t){this.x*=t,this.y*=t,this.z*=t}normalize(){const t=this.length;0!=t&&this.multTo(1/t)}rotate(t){return g.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t),y)}setTo(t){this.x=t.x,this.y=t.y;const e=t;this.z=e.z?e.z:y}sub(t){return g.create(this.x-t.x,this.y-t.y,this.z-t.z)}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=t.z}}class _ extends g{constructor(t,e){super(t,e,y)}static get origin(){return _.create(m,v)}static clone(t){return _.create(t.x,t.y)}static create(t,e){return new _(t,e)}}let w=Math.random;new Map;const b=2*Math.PI;function x(){return z(w(),0,1-Number.EPSILON)}function z(t,e,i){return Math.min(Math.max(t,e),i)}function k(t){const e=C(t);let i=M(t);return e===i&&(i=0),x()*(e-i)+i}function P(t){return u(t)?t:k(t)}function M(t){return u(t)?t:t.min}function C(t){return u(t)?t:t.max}function O(t,e){if(t===e||void 0===e&&u(t))return t;const i=M(t),s=C(t);return void 0!==e?{min:Math.min(i,e),max:Math.max(s,e)}:O(i,s)}function S(t,e){return function(t,e){const i=t.x-e.x,s=t.y-e.y;return{dx:i,dy:s,distance:Math.sqrt(i**2+s**2)}}(t,e).distance}function D(t){return t*Math.PI/180}function I(t){const e={x:void 0!==t.position?.x?P(t.position.x):void 0,y:void 0!==t.position?.y?P(t.position.y):void 0};return function(t){return{x:(t.position?.x??x()*r)*t.size.width/r,y:(t.position?.y??x()*r)*t.size.height/r}}({size:t.size,position:e})}function E(t){return{x:t.position?.x??x()*t.size.width,y:t.position?.y??x()*t.size.height}}function T(t){return t?t.endsWith("%")?parseFloat(t)/r:parseFloat(t):1}var R,L,A,F,q,B;!function(t){t.auto="auto",t.increase="increase",t.decrease="decrease",t.random="random"}(R||(R={})),function(t){t.increasing="increasing",t.decreasing="decreasing"}(L||(L={})),function(t){t.none="none",t.max="max",t.min="min"}(A||(A={})),function(t){t.bottom="bottom",t.left="left",t.right="right",t.top="top"}(F||(F={})),function(t){t.precise="precise",t.percent="percent"}(q||(q={})),function(t){t.max="max",t.min="min",t.random="random"}(B||(B={}));const H={debug:console.debug,error:console.error,info:console.info,log:console.log,verbose:console.log,warning:console.warn};function W(){return H}function V(){return"undefined"==typeof window||!window||void 0===window.document||!window.document}function G(t){if(!V()&&"undefined"!=typeof matchMedia)return matchMedia(t)}function U(t,e){return t===e||f(e)&&e.indexOf(t)>-1}function $(t){return Math.floor(x()*t.length)}function Q(t,e,i=!0){return t[void 0!==e&&i?e%t.length:$(t)]}function X(t,e,i,s,o){return function(t,e,i,s){let o=!0;s&&s!==F.bottom||(o=t.top<e.height+i.x);!o||s&&s!==F.left||(o=t.right>i.x);!o||s&&s!==F.right||(o=t.left<e.width+i.y);!o||s&&s!==F.top||(o=t.bottom>i.y);return o}(Y(t,s??0),e,i,o)}function Y(t,e){return{bottom:t.y+e,left:t.x-e,right:t.x+e,top:t.y-e}}function j(t,...e){for(const i of e){if(null==i)continue;if(!p(i)){t=i;continue}const e=Array.isArray(i);!e||!p(t)&&t&&Array.isArray(t)?e||!p(t)&&t&&!Array.isArray(t)||(t={}):t=[];for(const e in i){if("__proto__"===e)continue;const s=i[e],o=t;o[e]=p(s)&&Array.isArray(s)?s.map((t=>j(o[e],t))):j(o[e],s)}}return t}function N(t,e){return f(t)?t.map(((t,i)=>e(t,i))):e(t,0)}function Z(t,e,i){return f(t)?Q(t,e,i):t}function J(t,e){if(!(t.mode===q.percent)){const{mode:e,...i}=t;return i}return"x"in t?{x:t.x/r*e.width,y:t.y/r*e.height}:{width:t.width/r*e.width,height:t.height/r*e.height}}function K(t,e){return J(t,e)}function tt(t,e){return J(t,e)}function et(t,e,i,s,o){if(t.destroyed||!e||!e.enable||(e.maxLoops??0)>0&&(e.loops??0)>(e.maxLoops??0))return;const n=(e.velocity??0)*o.factor,a=e.min,r=e.max,h=e.decay??1;if(e.time||(e.time=0),(e.delayTime??0)>0&&e.time<(e.delayTime??0)&&(e.time+=o.value),!((e.delayTime??0)>0&&e.time<(e.delayTime??0))){switch(e.status){case L.increasing:e.value>=r?(i?e.status=L.decreasing:e.value-=r,e.loops||(e.loops=0),e.loops++):e.value+=n;break;case L.decreasing:e.value<=a?(i?e.status=L.increasing:e.value+=r,e.loops||(e.loops=0),e.loops++):e.value-=n}e.velocity&&1!==h&&(e.velocity*=h),function(t,e,i,s,o){switch(e){case A.max:i>=o&&t.destroy();break;case A.min:i<=s&&t.destroy()}}(t,s,e.value,a,r),t.destroyed||(e.value=z(e.value,a,r))}}var it,st;!function(t){t.darken="darken",t.enlighten="enlighten"}(it||(it={})),function(t){t[t.r=1]="r",t[t.g=2]="g",t[t.b=3]="b",t[t.a=4]="a"}(st||(st={}));const ot="random",nt=new Map;function at(t){nt.set(t.key,t)}function rt(t){for(const[,e]of nt)if(t.startsWith(e.stringPrefix))return e.parseString(t);const e=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,((t,e,i,s,o)=>e+e+i+i+s+s+(void 0!==o?o+o:""))),i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(e);return i?{a:void 0!==i[st.a]?parseInt(i[st.a],16)/255:1,b:parseInt(i[st.b],16),g:parseInt(i[st.g],16),r:parseInt(i[st.r],16)}:void 0}function ht(t,e,i=!0){if(!t)return;const s=d(t)?{value:t}:t;if(d(s.value))return ct(s.value,e,i);if(f(s.value))return ht({value:Q(s.value,e,i)});for(const[,t]of nt){const e=t.handleRangeColor(s);if(e)return e}}function ct(t,e,i=!0){if(!t)return;const s=d(t)?{value:t}:t;if(d(s.value))return s.value===ot?pt():function(t){return rt(t)}(s.value);if(f(s.value))return ct({value:Q(s.value,e,i)});for(const[,t]of nt){const e=t.handleColor(s);if(e)return e}}function lt(t,e,i=!0){const s=ht(t,e,i);return s?dt(s):void 0}function dt(t){const e=t.r/255,i=t.g/255,s=t.b/255,o=Math.max(e,i,s),n=Math.min(e,i,s),a={h:0,l:.5*(o+n),s:0};return o!==n&&(a.s=a.l<.5?(o-n)/(o+n):(o-n)/(2-o-n),a.h=e===o?(i-s)/(o-n):a.h=i===o?2+(s-e)/(o-n):4+(e-i)/(o-n)),a.l*=100,a.s*=100,a.h*=60,a.h<0&&(a.h+=360),a.h>=360&&(a.h-=360),a}function ut(t){const e=360,i=(t.h%e+e)%e,s=Math.max(0,Math.min(100,t.s)),o=i/e,n=s/100,a=Math.max(0,Math.min(100,t.l))/100,r=255;if(0===s){const t=Math.round(a*r);return{r:t,g:t,b:t}}const h=(t,e,i)=>{if(i<0&&i++,i>1&&i--,6*i<1)return t+6*(e-t)*i;if(2*i<1)return e;if(3*i<2){return t+(e-t)*(2/3-i)*6}return t},c=a<.5?a*(1+n):a+n-a*n,l=2*a-c,d=1/3,u=Math.min(r,r*h(l,c,o+d)),p=Math.min(r,r*h(l,c,o)),f=Math.min(r,r*h(l,c,o-d));return{r:Math.round(u),g:Math.round(p),b:Math.round(f)}}function pt(t){const e=t??0;return{b:Math.floor(k(O(e,256))),g:Math.floor(k(O(e,256))),r:Math.floor(k(O(e,256)))}}function ft(t,e){return`rgba(${t.r}, ${t.g}, ${t.b}, ${e??1})`}function mt(t,e){return`hsla(${t.h}, ${t.s}%, ${t.l}%, ${e??1})`}function vt(t){return void 0!==t?{h:t.h.value,s:t.s.value,l:t.l.value}:void 0}function yt(t,e,i){t.enable=e.enable;t.enable?(t.velocity=P(e.speed)/r*i,t.decay=1-P(e.decay),t.status=L.increasing,t.loops=0,t.maxLoops=P(e.count),t.time=0,t.delayTime=P(e.delay)*h,e.sync||(t.velocity*=x(),t.value*=x()),t.initialValue=t.value,t.offset=O(e.offset)):t.velocity=0}function gt(t,e,i,s){if(!t||!t.enable||(t.maxLoops??0)>0&&(t.loops??0)>(t.maxLoops??0))return;if(t.time||(t.time=0),(t.delayTime??0)>0&&t.time<(t.delayTime??0)&&(t.time+=s.value),(t.delayTime??0)>0&&t.time<(t.delayTime??0))return;const o=t.offset?k(t.offset):0,n=(t.velocity??0)*s.factor+3.6*o,a=t.decay??1,r=C(e),h=M(e);if(i&&t.status!==L.increasing){t.value-=n;const e=0;t.value<e&&(t.loops||(t.loops=0),t.loops++,t.status=L.increasing)}else t.value+=n,t.value>r&&(t.loops||(t.loops=0),t.loops++,i?t.status=L.decreasing:t.value-=r);t.velocity&&1!==a&&(t.velocity*=a),t.value=z(t.value,h,r)}const _t=0,wt=0,bt=1,xt=0,zt=0,kt=1;function Pt(t,e){t.clearRect(_t,wt,e.width,e.height)}function Mt(t,e,i){const s=e[i];void 0!==s&&(t[i]=(t[i]??1)*s)}function Ct(t,e,i=!1){if(!e)return;if(!t)return;const s=t.style;if(s)for(const t in e){const o=e[t];o&&s.setProperty(t,o,i?"important":"")}}class Ot{constructor(t){this.container=t,this._applyPostDrawUpdaters=t=>{for(const e of this._postDrawUpdaters)e.afterDraw?.(t)},this._applyPreDrawUpdaters=(t,e,i,s,o,n)=>{for(const a of this._preDrawUpdaters){if(a.getColorStyles){const{fill:n,stroke:r}=a.getColorStyles(e,t,i,s);n&&(o.fill=n),r&&(o.stroke=r)}if(a.getTransformValues){const t=a.getTransformValues(e);for(const e in t)Mt(n,t,e)}a.beforeDraw?.(e)}},this._applyResizePlugins=()=>{for(const t of this._resizePlugins)t.resize?.()},this._getPluginParticleColors=t=>{let e,i;for(const s of this._colorPlugins)if(!e&&s.particleFillColor&&(e=lt(s.particleFillColor(t))),!i&&s.particleStrokeColor&&(i=lt(s.particleStrokeColor(t))),e&&i)break;return[e,i]},this._initCover=async()=>{const t=this.container.actualOptions.backgroundMask.cover,e=t.color;if(e){const i=ht(e);if(i){const e={...i,a:t.opacity};this._coverColorStyle=ft(e,e.a)}}else await new Promise(((e,i)=>{if(!t.image)return;const s=document.createElement("img");s.addEventListener("load",(()=>{this._coverImage={image:s,opacity:t.opacity},e()})),s.addEventListener("error",(t=>{i(t.error)})),s.src=t.image}))},this._initStyle=()=>{const t=this.element,e=this.container.actualOptions;if(t){this._fullScreen?(this._originalStyle=j({},t.style),this._setFullScreenStyle()):this._resetOriginalStyle();for(const i in e.style){if(!i||!e.style)continue;const s=e.style[i];s&&t.style.setProperty(i,s,"important")}}},this._initTrail=async()=>{const t=this.container.actualOptions.particles.move.trail,e=t.fill;if(!t.enable)return;const i=1/t.length;if(e.color){const t=ht(e.color);if(!t)return;this._trailFill={color:{...t},opacity:i}}else await new Promise(((t,s)=>{if(!e.image)return;const o=document.createElement("img");o.addEventListener("load",(()=>{this._trailFill={image:o,opacity:i},t()})),o.addEventListener("error",(t=>{s(t.error)})),o.src=e.image}))},this._paintBase=t=>{this.draw((e=>function(t,e,i){t.fillStyle=i??"rgba(0,0,0,0)",t.fillRect(_t,wt,e.width,e.height)}(e,this.size,t)))},this._paintImage=(t,e)=>{this.draw((i=>function(t,e,i,s){i&&(t.globalAlpha=s,t.drawImage(i,_t,wt,e.width,e.height),t.globalAlpha=1)}(i,this.size,t,e)))},this._repairStyle=()=>{const t=this.element;t&&(this._safeMutationObserver((t=>t.disconnect())),this._initStyle(),this.initBackground(),this._safeMutationObserver((e=>{t&&t instanceof Node&&e.observe(t,{attributes:!0})})))},this._resetOriginalStyle=()=>{const t=this.element,e=this._originalStyle;t&&e&&Ct(t,e)},this._safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)},this._setFullScreenStyle=()=>{const t=this.element;if(!t)return;Ct(t,{position:"fixed",zIndex:this.container.actualOptions.fullScreen.zIndex.toString(10),top:"0",left:"0",width:"100%",height:"100%"},!0)},this.size={height:0,width:0},this._context=null,this._generated=!1,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}get _fullScreen(){return this.container.actualOptions.fullScreen.enable}clear(){const t=this.container.actualOptions,e=t.particles.move.trail,i=this._trailFill;t.backgroundMask.enable?this.paint():e.enable&&e.length>0&&i?i.color?this._paintBase(ft(i.color,i.opacity)):i.image&&this._paintImage(i.image,i.opacity):t.clear&&this.draw((t=>{Pt(t,this.size)}))}destroy(){if(this.stop(),this._generated){const t=this.element;t?.remove()}else this._resetOriginalStyle();this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}draw(t){const e=this._context;if(e)return t(e)}drawAsync(t){const e=this._context;if(e)return t(e)}drawParticle(t,e){if(t.spawning||t.destroyed)return;const i=t.getRadius();if(i<=0)return;const s=t.getFillColor(),o=t.getStrokeColor()??s;let[n,a]=this._getPluginParticleColors(t);n||(n=s),a||(a=o),(n||a)&&this.draw((s=>{const o=this.container,r=o.actualOptions,h=t.options.zIndex,c=1-t.zIndexFactor,l=c**h.opacityRate,d=t.bubble.opacity??t.opacity?.value??1,u=d*l,p=(t.strokeOpacity??d)*l,f={},m={fill:n?mt(n,u):void 0};m.stroke=a?mt(a,p):m.fill,this._applyPreDrawUpdaters(s,t,i,u,m,f),function(t){const{container:e,context:i,particle:s,delta:o,colorStyles:n,backgroundMask:a,composite:r,radius:h,opacity:c,shadow:l,transform:d}=t,u=s.getPosition(),p=s.rotation+(s.pathRotation?s.velocity.angle:0),f=Math.sin(p),m=Math.cos(p),v=!!p,y={a:m*(d.a??bt),b:v?f*(d.b??1):d.b??xt,c:v?-f*(d.c??1):d.c??zt,d:m*(d.d??kt)};i.setTransform(y.a,y.b,y.c,y.d,u.x,u.y),a&&(i.globalCompositeOperation=r);const g=s.shadowColor;l.enable&&g&&(i.shadowBlur=l.blur,i.shadowColor=ft(g),i.shadowOffsetX=l.offset.x,i.shadowOffsetY=l.offset.y),n.fill&&(i.fillStyle=n.fill);const _=s.strokeWidth??0;i.lineWidth=_,n.stroke&&(i.strokeStyle=n.stroke);const w={container:e,context:i,particle:s,radius:h,opacity:c,delta:o,transformData:y,strokeWidth:_};!function(t){const{container:e,context:i,particle:s,radius:o,opacity:n,delta:a,strokeWidth:r,transformData:h}=t,c=0;if(!s.shape)return;const l=e.shapeDrawers.get(s.shape);l&&(i.beginPath(),l.draw({context:i,particle:s,radius:o,opacity:n,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...h}}),s.shapeClose&&i.closePath(),r>c&&i.stroke(),s.shapeFill&&i.fill())}(w),function(t){const{container:e,context:i,particle:s,radius:o,opacity:n,delta:a,transformData:r}=t;if(!s.shape)return;const h=e.shapeDrawers.get(s.shape);h?.afterDraw&&h.afterDraw({context:i,particle:s,radius:o,opacity:n,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...r}})}(w),function(t){const{container:e,context:i,particle:s,radius:o,opacity:n,delta:a,transformData:r}=t;if(!s.effect)return;const h=e.effectDrawers.get(s.effect);h&&h.draw({context:i,particle:s,radius:o,opacity:n,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...r}})}(w),i.globalCompositeOperation="source-over",i.resetTransform()}({container:o,context:s,particle:t,delta:e,colorStyles:m,backgroundMask:r.backgroundMask.enable,composite:r.backgroundMask.composite,radius:i*c**h.sizeRate,opacity:u,shadow:t.options.shadow,transform:f}),this._applyPostDrawUpdaters(t)}))}drawParticlePlugin(t,e,i){this.draw((s=>function(t,e,i,s){e.drawParticle&&e.drawParticle(t,i,s)}(s,t,e,i)))}drawPlugin(t,e){this.draw((i=>function(t,e,i){e.draw&&e.draw(t,i)}(i,t,e)))}async init(){this._safeMutationObserver((t=>t.disconnect())),this._mutationObserver=function(t){if(!V()&&"undefined"!=typeof MutationObserver)return new MutationObserver(t)}((t=>{for(const e of t)"attributes"===e.type&&"style"===e.attributeName&&this._repairStyle()})),this.resize(),this._initStyle(),await this._initCover();try{await this._initTrail()}catch(t){W().error(t)}this.initBackground(),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})),this.initUpdaters(),this.initPlugins(),this.paint()}initBackground(){const t=this.container.actualOptions.background,e=this.element;if(!e)return;const i=e.style;if(i){if(t.color){const e=ht(t.color);i.backgroundColor=e?ft(e,t.opacity):""}else i.backgroundColor="";i.backgroundImage=t.image||"",i.backgroundPosition=t.position||"",i.backgroundRepeat=t.repeat||"",i.backgroundSize=t.size||""}}initPlugins(){this._resizePlugins=[];for(const[,t]of this.container.plugins)t.resize&&this._resizePlugins.push(t),(t.particleFillColor??t.particleStrokeColor)&&this._colorPlugins.push(t)}initUpdaters(){this._preDrawUpdaters=[],this._postDrawUpdaters=[];for(const t of this.container.particles.updaters)t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles??t.getTransformValues??t.beforeDraw)&&this._preDrawUpdaters.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove(),this._generated=t.dataset&&i in t.dataset?"true"===t.dataset[i]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=j({},this.element.style),this.size.height=t.offsetHeight,this.size.width=t.offsetWidth,this._context=this.element.getContext("2d"),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})),this.container.retina.init(),this.initBackground()}paint(){const t=this.container.actualOptions;this.draw((e=>{t.backgroundMask.enable&&t.backgroundMask.cover?(Pt(e,this.size),this._coverImage?this._paintImage(this._coverImage.image,this._coverImage.opacity):this._coverColorStyle?this._paintBase(this._coverColorStyle):this._paintBase()):this._paintBase()}))}resize(){if(!this.element)return!1;const t=this.container,e=t.retina.pixelRatio,i=t.canvas.size,s=this.element.offsetWidth*e,o=this.element.offsetHeight*e;if(o===i.height&&s===i.width&&o===this.element.height&&s===this.element.width)return!1;const n={...i};return this.element.width=i.width=this.element.offsetWidth*e,this.element.height=i.height=this.element.offsetHeight*e,this.container.started&&t.particles.setResizeFactor({width:i.width/n.width,height:i.height/n.height}),!0}stop(){this._safeMutationObserver((t=>t.disconnect())),this._mutationObserver=void 0,this.draw((t=>Pt(t,this.size)))}async windowResize(){if(!this.element||!this.resize())return;const t=this.container,e=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),e&&await t.refresh()}}var St;!function(t){t.canvas="canvas",t.parent="parent",t.window="window"}(St||(St={}));function Dt(t,e,i,s,o){if(s){let s={passive:!0};l(o)?s.capture=o:void 0!==o&&(s=o),t.addEventListener(e,i,s)}else{const s=o;t.removeEventListener(e,i,s)}}class It{constructor(t){this.container=t,this._doMouseTouchClick=t=>{const e=this.container,i=e.actualOptions;if(this._canPush){const t=e.interactivity.mouse,s=t.position;if(!s)return;t.clickPosition={...s},t.clickTime=(new Date).getTime();N(i.interactivity.events.onClick.mode,(t=>this.container.handleClickMode(t)))}if("touchend"===t.type){setTimeout((()=>this._mouseTouchFinish()),500)}},this._handleThemeChange=t=>{const e=t,i=this.container,s=i.options,o=s.defaultThemes,n=e.matches?o.dark:o.light,a=s.themes.find((t=>t.name===n));a?.default.auto&&i.loadTheme(n)},this._handleVisibilityChange=()=>{const t=this.container,e=t.actualOptions;this._mouseTouchFinish(),e.pauseOnBlur&&(document?.hidden?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.animationStatus?t.play(!0):t.draw(!0)))},this._handleWindowResize=()=>{this._resizeTimeout&&(clearTimeout(this._resizeTimeout),delete this._resizeTimeout);const t=async()=>{const t=this.container.canvas;await(t?.windowResize())};this._resizeTimeout=setTimeout((()=>{t()}),this.container.actualOptions.interactivity.events.resize.delay*h)},this._manageInteractivityListeners=(t,e)=>{const i=this._handlers,s=this.container,a=s.actualOptions,r=s.interactivity.element;if(!r)return;const h=r,c=s.canvas.element;c&&(c.style.pointerEvents=h===c?"initial":"none"),(a.interactivity.events.onHover.enable||a.interactivity.events.onClick.enable)&&(Dt(r,o,i.mouseMove,e),Dt(r,"touchstart",i.touchStart,e),Dt(r,"touchmove",i.touchMove,e),a.interactivity.events.onClick.enable?(Dt(r,n,i.touchEndClick,e),Dt(r,"pointerup",i.mouseUp,e),Dt(r,"pointerdown",i.mouseDown,e)):Dt(r,n,i.touchEnd,e),Dt(r,t,i.mouseLeave,e),Dt(r,"touchcancel",i.touchCancel,e))},this._manageListeners=t=>{const e=this._handlers,i=this.container,o=i.actualOptions.interactivity.detectsOn,n=i.canvas.element;let a=s;o===St.window?(i.interactivity.element=window,a="pointerout"):o===St.parent&&n?i.interactivity.element=n.parentElement??n.parentNode:i.interactivity.element=n,this._manageMediaMatch(t),this._manageResize(t),this._manageInteractivityListeners(a,t),document&&Dt(document,"visibilitychange",e.visibilityChange,t,!1)},this._manageMediaMatch=t=>{const e=this._handlers,i=G("(prefers-color-scheme: dark)");i&&(void 0===i.addEventListener?void 0!==i.addListener&&(t?i.addListener(e.oldThemeChange):i.removeListener(e.oldThemeChange)):Dt(i,"change",e.themeChange,t))},this._manageResize=t=>{const e=this._handlers,i=this.container;if(!i.actualOptions.interactivity.events.resize)return;if("undefined"==typeof ResizeObserver)return void Dt(window,"resize",e.resize,t);const s=i.canvas.element;this._resizeObserver&&!t?(s&&this._resizeObserver.unobserve(s),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&t&&s&&(this._resizeObserver=new ResizeObserver((t=>{t.find((t=>t.target===s))&&this._handleWindowResize()})),this._resizeObserver.observe(s))},this._mouseDown=()=>{const{interactivity:t}=this.container;if(!t)return;const{mouse:e}=t;e.clicking=!0,e.downPosition=e.position},this._mouseTouchClick=t=>{const e=this.container,i=e.actualOptions,{mouse:s}=e.interactivity;s.inside=!0;let o=!1;const n=s.position;if(n&&i.interactivity.events.onClick.enable){for(const[,t]of e.plugins)if(t.clickPositionValid&&(o=t.clickPositionValid(n),o))break;o||this._doMouseTouchClick(t),s.clicking=!1}},this._mouseTouchFinish=()=>{const t=this.container.interactivity;if(!t)return;const e=t.mouse;delete e.position,delete e.clickPosition,delete e.downPosition,t.status=s,e.inside=!1,e.clicking=!1},this._mouseTouchMove=t=>{const e=this.container,i=e.actualOptions,s=e.interactivity,n=e.canvas.element;if(!s?.element)return;let a;if(s.mouse.inside=!0,t.type.startsWith("pointer")){this._canPush=!0;const e=t;if(s.element===window){if(n){const t=n.getBoundingClientRect();a={x:e.clientX-t.left,y:e.clientY-t.top}}}else if(i.interactivity.detectsOn===St.parent){const t=e.target,i=e.currentTarget;if(t&&i&&n){const s=t.getBoundingClientRect(),o=i.getBoundingClientRect(),r=n.getBoundingClientRect();a={x:e.offsetX+2*s.left-(o.left+r.left),y:e.offsetY+2*s.top-(o.top+r.top)}}else a={x:e.offsetX??e.clientX,y:e.offsetY??e.clientY}}else e.target===n&&(a={x:e.offsetX??e.clientX,y:e.offsetY??e.clientY})}else if(this._canPush="touchmove"!==t.type,n){const e=t,i=1,s=e.touches[e.touches.length-i],o=n.getBoundingClientRect(),r=0;a={x:s.clientX-(o.left??r),y:s.clientY-(o.top??r)}}const r=e.retina.pixelRatio;a&&(a.x*=r,a.y*=r),s.mouse.position=a,s.status=o},this._touchEnd=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.delete(t.identifier);this._mouseTouchFinish()},this._touchEndClick=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.delete(t.identifier);this._mouseTouchClick(t)},this._touchStart=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.set(t.identifier,performance.now());this._mouseTouchMove(t)},this._canPush=!0,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(),themeChange:t=>this._handleThemeChange(t),oldThemeChange:t=>this._handleThemeChange(t),resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}}var Et,Tt;!function(t){t.configAdded="configAdded",t.containerInit="containerInit",t.particlesSetup="particlesSetup",t.containerStarted="containerStarted",t.containerStopped="containerStopped",t.containerDestroyed="containerDestroyed",t.containerPaused="containerPaused",t.containerPlay="containerPlay",t.containerBuilt="containerBuilt",t.particleAdded="particleAdded",t.particleDestroyed="particleDestroyed",t.particleRemoved="particleRemoved"}(Et||(Et={}));class Rt{constructor(){this.value=""}static create(t,e){const i=new Rt;return i.load(t),void 0!==e&&(d(e)||f(e)?i.load({value:e}):i.load(e)),i}load(t){void 0!==t?.value&&(this.value=t.value)}}class Lt{constructor(){this.color=new Rt,this.color.value="",this.image="",this.position="",this.repeat="",this.size="",this.opacity=1}load(t){t&&(void 0!==t.color&&(this.color=Rt.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.position&&(this.position=t.position),void 0!==t.repeat&&(this.repeat=t.repeat),void 0!==t.size&&(this.size=t.size),void 0!==t.opacity&&(this.opacity=t.opacity))}}class At{constructor(){this.opacity=1}load(t){t&&(void 0!==t.color&&(this.color=Rt.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.opacity&&(this.opacity=t.opacity))}}class Ft{constructor(){this.composite="destination-out",this.cover=new At,this.enable=!1}load(t){if(t){if(void 0!==t.composite&&(this.composite=t.composite),void 0!==t.cover){const e=t.cover,i=d(t.cover)?{color:t.cover}:t.cover;this.cover.load(void 0!==e.color||void 0!==e.image?e:{color:i})}void 0!==t.enable&&(this.enable=t.enable)}}}class qt{constructor(){this.enable=!0,this.zIndex=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.zIndex&&(this.zIndex=t.zIndex))}}class Bt{constructor(){this.enable=!1,this.mode=[]}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}!function(t){t.circle="circle",t.rectangle="rectangle"}(Tt||(Tt={}));class Ht{constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=Tt.circle}load(t){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))}}class Wt{constructor(){this.enable=!1,this.force=2,this.smooth=10}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.force&&(this.force=t.force),void 0!==t.smooth&&(this.smooth=t.smooth))}}class Vt{constructor(){this.enable=!1,this.mode=[],this.parallax=new Wt}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),this.parallax.load(t.parallax))}}class Gt{constructor(){this.delay=.5,this.enable=!0}load(t){void 0!==t&&(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.enable&&(this.enable=t.enable))}}class Ut{constructor(){this.onClick=new Bt,this.onDiv=new Ht,this.onHover=new Vt,this.resize=new Gt}load(t){if(!t)return;this.onClick.load(t.onClick);const e=t.onDiv;void 0!==e&&(this.onDiv=N(e,(t=>{const e=new Ht;return e.load(t),e}))),this.onHover.load(t.onHover),this.resize.load(t.resize)}}class $t{constructor(t,e){this._engine=t,this._container=e}load(t){if(!t)return;if(!this._container)return;const e=this._engine.interactors.get(this._container);if(e)for(const i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}class Qt{constructor(t,e){this.detectsOn=St.window,this.events=new Ut,this.modes=new $t(t,e)}load(t){if(!t)return;const e=t.detectsOn;void 0!==e&&(this.detectsOn=e),this.events.load(t.events),this.modes.load(t.modes)}}class Xt{load(t){t&&(t.position&&(this.position={x:t.position.x??50,y:t.position.y??50,mode:t.position.mode??q.percent}),t.options&&(this.options=j({},t.options)))}}var Yt,jt,Nt,Zt,Jt,Kt,te;!function(t){t.screen="screen",t.canvas="canvas"}(Yt||(Yt={}));class ee{constructor(){this.maxWidth=1/0,this.options={},this.mode=Yt.canvas}load(t){t&&(void 0!==t.maxWidth&&(this.maxWidth=t.maxWidth),void 0!==t.mode&&(t.mode===Yt.screen?this.mode=Yt.screen:this.mode=Yt.canvas),void 0!==t.options&&(this.options=j({},t.options)))}}!function(t){t.any="any",t.dark="dark",t.light="light"}(jt||(jt={}));class ie{constructor(){this.auto=!1,this.mode=jt.any,this.value=!1}load(t){t&&(void 0!==t.auto&&(this.auto=t.auto),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}class se{constructor(){this.name="",this.default=new ie}load(t){t&&(void 0!==t.name&&(this.name=t.name),this.default.load(t.default),void 0!==t.options&&(this.options=j({},t.options)))}}class oe{constructor(){this.count=0,this.enable=!1,this.speed=1,this.decay=0,this.delay=0,this.sync=!1}load(t){t&&(void 0!==t.count&&(this.count=O(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=O(t.speed)),void 0!==t.decay&&(this.decay=O(t.decay)),void 0!==t.delay&&(this.delay=O(t.delay)),void 0!==t.sync&&(this.sync=t.sync))}}class ne extends oe{constructor(){super(),this.mode=R.auto,this.startValue=B.random}load(t){super.load(t),t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.startValue&&(this.startValue=t.startValue))}}class ae extends oe{constructor(){super(),this.offset=0,this.sync=!0}load(t){super.load(t),t&&void 0!==t.offset&&(this.offset=O(t.offset))}}class re{constructor(){this.h=new ae,this.s=new ae,this.l=new ae}load(t){t&&(this.h.load(t.h),this.s.load(t.s),this.l.load(t.l))}}class he extends Rt{constructor(){super(),this.animation=new re}static create(t,e){const i=new he;return i.load(t),void 0!==e&&(d(e)||f(e)?i.load({value:e}):i.load(e)),i}load(t){if(super.load(t),!t)return;const e=t.animation;void 0!==e&&(void 0!==e.enable?this.animation.h.load(e):this.animation.load(t.animation))}}!function(t){t.absorb="absorb",t.bounce="bounce",t.destroy="destroy"}(Nt||(Nt={}));class ce{constructor(){this.speed=2}load(t){t&&void 0!==t.speed&&(this.speed=t.speed)}}class le{constructor(){this.enable=!0,this.retries=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.retries&&(this.retries=t.retries))}}class de{constructor(){this.value=0}load(t){t&&void 0!==t.value&&(this.value=O(t.value))}}class ue extends de{constructor(){super(),this.animation=new oe}load(t){if(super.load(t),!t)return;const e=t.animation;void 0!==e&&this.animation.load(e)}}class pe extends ue{constructor(){super(),this.animation=new ne}load(t){super.load(t)}}class fe extends de{constructor(){super(),this.value=1}}class me{constructor(){this.horizontal=new fe,this.vertical=new fe}load(t){t&&(this.horizontal.load(t.horizontal),this.vertical.load(t.vertical))}}class ve{constructor(){this.absorb=new ce,this.bounce=new me,this.enable=!1,this.maxSpeed=50,this.mode=Nt.bounce,this.overlap=new le}load(t){t&&(this.absorb.load(t.absorb),this.bounce.load(t.bounce),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.maxSpeed&&(this.maxSpeed=O(t.maxSpeed)),void 0!==t.mode&&(this.mode=t.mode),this.overlap.load(t.overlap))}}class ye{constructor(){this.close=!0,this.fill=!0,this.options={},this.type=[]}load(t){if(!t)return;const e=t.options;if(void 0!==e)for(const t in e){const i=e[t];i&&(this.options[t]=j(this.options[t]??{},i))}void 0!==t.close&&(this.close=t.close),void 0!==t.fill&&(this.fill=t.fill),void 0!==t.type&&(this.type=t.type)}}class ge{constructor(){this.offset=0,this.value=90}load(t){t&&(void 0!==t.offset&&(this.offset=O(t.offset)),void 0!==t.value&&(this.value=O(t.value)))}}class _e{constructor(){this.distance=200,this.enable=!1,this.rotate={x:3e3,y:3e3}}load(t){if(t&&(void 0!==t.distance&&(this.distance=O(t.distance)),void 0!==t.enable&&(this.enable=t.enable),t.rotate)){const e=t.rotate.x;void 0!==e&&(this.rotate.x=e);const i=t.rotate.y;void 0!==i&&(this.rotate.y=i)}}}class we{constructor(){this.x=50,this.y=50,this.mode=q.percent,this.radius=0}load(t){t&&(void 0!==t.x&&(this.x=t.x),void 0!==t.y&&(this.y=t.y),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.radius&&(this.radius=t.radius))}}class be{constructor(){this.acceleration=9.81,this.enable=!1,this.inverse=!1,this.maxSpeed=50}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=O(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.inverse&&(this.inverse=t.inverse),void 0!==t.maxSpeed&&(this.maxSpeed=O(t.maxSpeed)))}}class xe{constructor(){this.clamp=!0,this.delay=new de,this.enable=!1,this.options={}}load(t){t&&(void 0!==t.clamp&&(this.clamp=t.clamp),this.delay.load(t.delay),void 0!==t.enable&&(this.enable=t.enable),this.generator=t.generator,t.options&&(this.options=j(this.options,t.options)))}}class ze{load(t){t&&(void 0!==t.color&&(this.color=Rt.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image))}}class ke{constructor(){this.enable=!1,this.length=10,this.fill=new ze}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.fill&&this.fill.load(t.fill),void 0!==t.length&&(this.length=t.length))}}!function(t){t.bounce="bounce",t.none="none",t.out="out",t.destroy="destroy",t.split="split"}(Zt||(Zt={}));class Pe{constructor(){this.default=Zt.out}load(t){t&&(void 0!==t.default&&(this.default=t.default),this.bottom=t.bottom??t.default,this.left=t.left??t.default,this.right=t.right??t.default,this.top=t.top??t.default)}}class Me{constructor(){this.acceleration=0,this.enable=!1}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=O(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),t.position&&(this.position=j({},t.position)))}}class Ce{constructor(){this.angle=new ge,this.attract=new _e,this.center=new we,this.decay=0,this.distance={},this.direction=c.none,this.drift=0,this.enable=!1,this.gravity=new be,this.path=new xe,this.outModes=new Pe,this.random=!1,this.size=!1,this.speed=2,this.spin=new Me,this.straight=!1,this.trail=new ke,this.vibrate=!1,this.warp=!1}load(t){if(!t)return;this.angle.load(u(t.angle)?{value:t.angle}:t.angle),this.attract.load(t.attract),this.center.load(t.center),void 0!==t.decay&&(this.decay=O(t.decay)),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.distance&&(this.distance=u(t.distance)?{horizontal:t.distance,vertical:t.distance}:{...t.distance}),void 0!==t.drift&&(this.drift=O(t.drift)),void 0!==t.enable&&(this.enable=t.enable),this.gravity.load(t.gravity);const e=t.outModes;void 0!==e&&(p(e)?this.outModes.load(e):this.outModes.load({default:e})),this.path.load(t.path),void 0!==t.random&&(this.random=t.random),void 0!==t.size&&(this.size=t.size),void 0!==t.speed&&(this.speed=O(t.speed)),this.spin.load(t.spin),void 0!==t.straight&&(this.straight=t.straight),this.trail.load(t.trail),void 0!==t.vibrate&&(this.vibrate=t.vibrate),void 0!==t.warp&&(this.warp=t.warp)}}class Oe extends ne{constructor(){super(),this.destroy=A.none,this.speed=2}load(t){super.load(t),t&&void 0!==t.destroy&&(this.destroy=t.destroy)}}class Se extends pe{constructor(){super(),this.animation=new Oe,this.value=1}load(t){if(!t)return;super.load(t);const e=t.animation;void 0!==e&&this.animation.load(e)}}class De{constructor(){this.enable=!1,this.width=1920,this.height=1080}load(t){if(!t)return;void 0!==t.enable&&(this.enable=t.enable);const e=t.width;void 0!==e&&(this.width=e);const i=t.height;void 0!==i&&(this.height=i)}}!function(t){t.delete="delete",t.wait="wait"}(Jt||(Jt={}));class Ie{constructor(){this.mode=Jt.delete,this.value=0}load(t){t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}class Ee{constructor(){this.density=new De,this.limit=new Ie,this.value=0}load(t){t&&(this.density.load(t.density),this.limit.load(t.limit),void 0!==t.value&&(this.value=t.value))}}class Te{constructor(){this.blur=0,this.color=new Rt,this.enable=!1,this.offset={x:0,y:0},this.color.value="#000"}load(t){t&&(void 0!==t.blur&&(this.blur=t.blur),this.color=Rt.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(void 0!==t.offset.x&&(this.offset.x=t.offset.x),void 0!==t.offset.y&&(this.offset.y=t.offset.y)))}}class Re{constructor(){this.close=!0,this.fill=!0,this.options={},this.type="circle"}load(t){if(!t)return;const e=t.options;if(void 0!==e)for(const t in e){const i=e[t];i&&(this.options[t]=j(this.options[t]??{},i))}void 0!==t.close&&(this.close=t.close),void 0!==t.fill&&(this.fill=t.fill),void 0!==t.type&&(this.type=t.type)}}class Le extends ne{constructor(){super(),this.destroy=A.none,this.speed=5}load(t){super.load(t),t&&void 0!==t.destroy&&(this.destroy=t.destroy)}}class Ae extends pe{constructor(){super(),this.animation=new Le,this.value=3}load(t){if(super.load(t),!t)return;const e=t.animation;void 0!==e&&this.animation.load(e)}}class Fe{constructor(){this.width=0}load(t){t&&(void 0!==t.color&&(this.color=he.create(this.color,t.color)),void 0!==t.width&&(this.width=O(t.width)),void 0!==t.opacity&&(this.opacity=O(t.opacity)))}}class qe extends de{constructor(){super(),this.opacityRate=1,this.sizeRate=1,this.velocityRate=1}load(t){super.load(t),t&&(void 0!==t.opacityRate&&(this.opacityRate=t.opacityRate),void 0!==t.sizeRate&&(this.sizeRate=t.sizeRate),void 0!==t.velocityRate&&(this.velocityRate=t.velocityRate))}}class Be{constructor(t,e){this._engine=t,this._container=e,this.bounce=new me,this.collisions=new ve,this.color=new he,this.color.value="#fff",this.effect=new ye,this.groups={},this.move=new Ce,this.number=new Ee,this.opacity=new Se,this.reduceDuplicates=!1,this.shadow=new Te,this.shape=new Re,this.size=new Ae,this.stroke=new Fe,this.zIndex=new qe}load(t){if(!t)return;if(void 0!==t.groups)for(const e of Object.keys(t.groups)){if(!Object.hasOwn(t.groups,e))continue;const i=t.groups[e];void 0!==i&&(this.groups[e]=j(this.groups[e]??{},i))}void 0!==t.reduceDuplicates&&(this.reduceDuplicates=t.reduceDuplicates),this.bounce.load(t.bounce),this.color.load(he.create(this.color,t.color)),this.effect.load(t.effect),this.move.load(t.move),this.number.load(t.number),this.opacity.load(t.opacity),this.shape.load(t.shape),this.size.load(t.size),this.shadow.load(t.shadow),this.zIndex.load(t.zIndex),this.collisions.load(t.collisions),void 0!==t.interactivity&&(this.interactivity=j({},t.interactivity));const e=t.stroke;if(e&&(this.stroke=N(e,(t=>{const e=new Fe;return e.load(t),e}))),this._container){const e=this._engine.updaters.get(this._container);if(e)for(const i of e)i.loadOptions&&i.loadOptions(this,t);const i=this._engine.interactors.get(this._container);if(i)for(const e of i)e.loadParticlesOptions&&e.loadParticlesOptions(this,t)}}}function He(t,...e){for(const i of e)t.load(i)}function We(t,e,...i){const s=new Be(t,e);return He(s,...i),s}class Ve{constructor(t,e){this._findDefaultTheme=t=>this.themes.find((e=>e.default.value&&e.default.mode===t))??this.themes.find((t=>t.default.value&&t.default.mode===jt.any)),this._importPreset=t=>{this.load(this._engine.getPreset(t))},this._engine=t,this._container=e,this.autoPlay=!0,this.background=new Lt,this.backgroundMask=new Ft,this.clear=!0,this.defaultThemes={},this.delay=0,this.fullScreen=new qt,this.detectRetina=!0,this.duration=0,this.fpsLimit=120,this.interactivity=new Qt(t,e),this.manualParticles=[],this.particles=We(this._engine,this._container),this.pauseOnBlur=!0,this.pauseOnOutsideViewport=!0,this.responsive=[],this.smooth=!1,this.style={},this.themes=[],this.zLayers=100}load(t){if(!t)return;void 0!==t.preset&&N(t.preset,(t=>this._importPreset(t))),void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.clear&&(this.clear=t.clear),void 0!==t.key&&(this.key=t.key),void 0!==t.name&&(this.name=t.name),void 0!==t.delay&&(this.delay=O(t.delay));const e=t.detectRetina;void 0!==e&&(this.detectRetina=e),void 0!==t.duration&&(this.duration=O(t.duration));const i=t.fpsLimit;void 0!==i&&(this.fpsLimit=i),void 0!==t.pauseOnBlur&&(this.pauseOnBlur=t.pauseOnBlur),void 0!==t.pauseOnOutsideViewport&&(this.pauseOnOutsideViewport=t.pauseOnOutsideViewport),void 0!==t.zLayers&&(this.zLayers=t.zLayers),this.background.load(t.background);const s=t.fullScreen;l(s)?this.fullScreen.enable=s:this.fullScreen.load(s),this.backgroundMask.load(t.backgroundMask),this.interactivity.load(t.interactivity),t.manualParticles&&(this.manualParticles=t.manualParticles.map((t=>{const e=new Xt;return e.load(t),e}))),this.particles.load(t.particles),this.style=j(this.style,t.style),this._engine.loadOptions(this,t),void 0!==t.smooth&&(this.smooth=t.smooth);const o=this._engine.interactors.get(this._container);if(o)for(const e of o)e.loadOptions&&e.loadOptions(this,t);if(void 0!==t.responsive)for(const e of t.responsive){const t=new ee;t.load(e),this.responsive.push(t)}if(this.responsive.sort(((t,e)=>t.maxWidth-e.maxWidth)),void 0!==t.themes)for(const e of t.themes){const t=this.themes.find((t=>t.name===e.name));if(t)t.load(e);else{const t=new se;t.load(e),this.themes.push(t)}}this.defaultThemes.dark=this._findDefaultTheme(jt.dark)?.name,this.defaultThemes.light=this._findDefaultTheme(jt.light)?.name}setResponsive(t,e,i){this.load(i);const s=this.responsive.find((i=>i.mode===Yt.screen&&screen?i.maxWidth>screen.availWidth:i.maxWidth*e>t));return this.load(s?.options),s?.maxWidth}setTheme(t){if(t){const e=this.themes.find((e=>e.name===t));e&&this.load(e.options)}else{const t=G("(prefers-color-scheme: dark)"),e=t?.matches,i=this._findDefaultTheme(e?jt.dark:jt.light);i&&this.load(i.options)}}}!function(t){t.external="external",t.particles="particles"}(Kt||(Kt={}));class Ge{constructor(t,e){this.container=e,this._engine=t,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[]}externalInteract(t){for(const e of this._externalInteractors)e.isEnabled()&&e.interact(t)}handleClickMode(t){for(const e of this._externalInteractors)e.handleClickMode?.(t)}async init(){this._interactors=await this._engine.getInteractors(this.container,!0),this._externalInteractors=[],this._particleInteractors=[];for(const t of this._interactors){switch(t.type){case Kt.external:this._externalInteractors.push(t);break;case Kt.particles:this._particleInteractors.push(t)}t.init()}}particlesInteract(t,e){for(const i of this._externalInteractors)i.clear(t,e);for(const i of this._particleInteractors)i.isEnabled(t)&&i.interact(t,e)}reset(t){for(const e of this._externalInteractors)e.isEnabled()&&e.reset(t);for(const e of this._particleInteractors)e.isEnabled(t)&&e.reset(t)}}!function(t){t.normal="normal",t.inside="inside",t.outside="outside"}(te||(te={}));const Ue=.5,$e="random";function Qe(t){if(!U(t.outMode,t.checkModes))return;const e=2*t.radius;t.coord>t.maxCoord-e?t.setCb(-t.radius):t.coord<e&&t.setCb(t.radius)}class Xe{constructor(t,e){this.container=e,this._calcPosition=(t,e,i,s=0)=>{for(const[,s]of t.plugins){const t=void 0!==s.particlePosition?s.particlePosition(e,this):void 0;if(t)return g.create(t.x,t.y,i)}const o=E({size:t.canvas.size,position:e}),n=g.create(o.x,o.y,i),a=this.getRadius(),r=this.options.move.outModes,h=e=>{Qe({outMode:e,checkModes:[Zt.bounce],coord:n.x,maxCoord:t.canvas.size.width,setCb:t=>n.x+=t,radius:a})},c=e=>{Qe({outMode:e,checkModes:[Zt.bounce],coord:n.y,maxCoord:t.canvas.size.height,setCb:t=>n.y+=t,radius:a})};if(h(r.left??r.default),h(r.right??r.default),c(r.top??r.default),c(r.bottom??r.default),this._checkOverlap(n,s)){const e=1;return this._calcPosition(t,void 0,i,s+e)}return n},this._calculateVelocity=()=>{const t=function(t){const e=_.origin;return e.length=1,e.angle=t,e}(this.direction).copy(),e=this.options.move;if(e.direction===c.inside||e.direction===c.outside)return t;const i=D(P(e.angle.value)),s=D(P(e.angle.offset)),o={left:s-i*Ue,right:s+i*Ue};return e.straight||(t.angle+=k(O(o.left,o.right))),e.random&&"number"==typeof e.speed&&(t.length*=x()),t},this._checkOverlap=(t,e=0)=>{const i=this.options.collisions,s=this.getRadius();if(!i.enable)return!1;const o=i.overlap;if(o.enable)return!1;const n=o.retries;if(n>=0&&e>n)throw new Error(`${a} particle is overlapping and can't be placed`);return!!this.container.particles.find((e=>S(t,e.position)<s+e.getRadius()))},this._getRollColor=t=>{if(!t||!this.roll||!this.backColor&&!this.roll.alter)return t;const e=this.roll.horizontal&&this.roll.vertical?2:1,i=this.roll.horizontal?Math.PI*Ue:0;return Math.floor(((this.roll.angle??0)+i)/(Math.PI/e))%2?this.backColor?this.backColor:this.roll.alter?function(t,e,i){return{h:t.h,s:t.s,l:t.l+(e===it.darken?-1:1)*i}}(t,this.roll.alter.type,this.roll.alter.value):t:t},this._initPosition=t=>{const e=this.container,i=P(this.options.zIndex.value);this.position=this._calcPosition(e,t,z(i,0,e.zLayers)),this.initialPosition=this.position.copy();const s=e.canvas.size;switch(this.moveCenter={...K(this.options.move.center,s),radius:this.options.move.center.radius??0,mode:this.options.move.center.mode??q.percent},this.direction=function(t,e,i){if(u(t))return D(t);const s=.25;switch(t){case c.top:return.5*-Math.PI;case c.topRight:return-Math.PI*s;case c.right:return 0;case c.bottomRight:return Math.PI*s;case c.bottom:return.5*Math.PI;case c.bottomLeft:return.75*Math.PI;case c.left:return Math.PI;case c.topLeft:return.75*-Math.PI;case c.inside:return Math.atan2(i.y-e.y,i.x-e.x);case c.outside:return Math.atan2(e.y-i.y,e.x-i.x);default:return x()*b}}(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case c.inside:this.outType=te.inside;break;case c.outside:this.outType=te.outside}this.offset=_.origin},this._engine=t}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;const e=this.container,i=this.pathGenerator,s=e.shapeDrawers.get(this.shape);s?.particleDestroy?.(this);for(const[,i]of e.plugins)i.particleDestroyed?.(this,t);for(const i of e.particles.updaters)i.particleDestroyed?.(this,t);i?.reset(this),this._engine.dispatchEvent(Et.particleDestroyed,{container:this.container,data:{particle:this}})}draw(t){const e=this.container,i=e.canvas;for(const[,s]of e.plugins)i.drawParticlePlugin(s,this,t);i.drawParticle(this,t)}getFillColor(){return this._getRollColor(this.bubble.color??vt(this.color))}getMass(){return this.getRadius()**2*Math.PI*Ue}getPosition(){return{x:this.position.x+this.offset.x,y:this.position.y+this.offset.y,z:this.position.z}}getRadius(){return this.bubble.radius??this.size.value}getStrokeColor(){return this._getRollColor(this.bubble.color??vt(this.strokeColor))}init(t,e,i,s){const o=this.container,n=this._engine;this.id=t,this.group=s,this.effectClose=!0,this.effectFill=!0,this.shapeClose=!0,this.shapeFill=!0,this.pathRotation=!1,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.isRotating=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{}},this.outType=te.normal,this.ignoresResizeRatio=!0;const a=o.retina.pixelRatio,r=o.actualOptions,c=We(this._engine,o,r.particles),{reduceDuplicates:l}=c,d=c.effect.type,u=c.shape.type;this.effect=Z(d,this.id,l),this.shape=Z(u,this.id,l);const p=c.effect,f=c.shape;if(i){if(i.effect?.type){const t=Z(i.effect.type,this.id,l);t&&(this.effect=t,p.load(i.effect))}if(i.shape?.type){const t=Z(i.shape.type,this.id,l);t&&(this.shape=t,f.load(i.shape))}}if(this.effect===$e){const t=[...this.container.effectDrawers.keys()];this.effect=t[Math.floor(Math.random()*t.length)]}if(this.shape===$e){const t=[...this.container.shapeDrawers.keys()];this.shape=t[Math.floor(Math.random()*t.length)]}this.effectData=function(t,e,i,s){const o=e.options[t];if(o)return j({close:e.close,fill:e.fill},Z(o,i,s))}(this.effect,p,this.id,l),this.shapeData=function(t,e,i,s){const o=e.options[t];if(o)return j({close:e.close,fill:e.fill},Z(o,i,s))}(this.shape,f,this.id,l),c.load(i);const m=this.effectData;m&&c.load(m.particles);const v=this.shapeData;v&&c.load(v.particles);const y=new Qt(n,o);y.load(o.actualOptions.interactivity),y.load(c.interactivity),this.interactivity=y,this.effectFill=m?.fill??c.effect.fill,this.effectClose=m?.close??c.effect.close,this.shapeFill=v?.fill??c.shape.fill,this.shapeClose=v?.close??c.shape.close,this.options=c;const g=this.options.move.path;this.pathDelay=P(g.delay.value)*h,g.generator&&(this.pathGenerator=this._engine.getPathGenerator(g.generator),this.pathGenerator&&o.addPath(g.generator,this.pathGenerator)&&this.pathGenerator.init(o)),o.retina.initParticle(this),this.size=function(t,e){const i=t.value,s=t.animation,o={delayTime:P(s.delay)*h,enable:s.enable,value:P(t.value)*e,max:C(i)*e,min:M(i)*e,loops:0,maxLoops:P(s.count),time:0};if(s.enable){switch(o.decay=1-P(s.decay),s.mode){case R.increase:o.status=L.increasing;break;case R.decrease:o.status=L.decreasing;break;case R.random:o.status=x()>=.5?L.increasing:L.decreasing}const t=s.mode===R.auto;switch(s.startValue){case B.min:o.value=o.min,t&&(o.status=L.increasing);break;case B.max:o.value=o.max,t&&(o.status=L.decreasing);break;case B.random:default:o.value=k(o),t&&(o.status=x()>=.5?L.increasing:L.decreasing)}}return o.initialValue=o.value,o}(this.options.size,a),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(e),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy();this.moveDecay=1-P(this.options.move.decay);const _=o.particles;_.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/o.zLayers,this.sides=24;let w=o.effectDrawers.get(this.effect);w||(w=this._engine.getEffectDrawer(this.effect),w&&o.effectDrawers.set(this.effect,w)),w?.loadEffect&&w.loadEffect(this);let b=o.shapeDrawers.get(this.shape);b||(b=this._engine.getShapeDrawer(this.shape),b&&o.shapeDrawers.set(this.shape,b)),b?.loadShape&&b.loadShape(this);const z=b?.getSidesCount;z&&(this.sides=z(this)),this.spawning=!1,this.shadowColor=ht(this.options.shadow.color);for(const t of _.updaters)t.init(this);for(const t of _.movers)t.init?.(this);w?.particleInit?.(o,this),b?.particleInit?.(o,this);for(const[,t]of o.plugins)t.particleCreated?.(this)}isInsideCanvas(){const t=this.getRadius(),e=this.container.canvas.size,i=this.position;return i.x>=-t&&i.y>=-t&&i.y<=e.height+t&&i.x<=e.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(const t of this.container.particles.updaters)t.reset?.(this)}}class Ye{constructor(t,e){this.position=t,this.particle=e}}var je;!function(t){t.circle="circle",t.rectangle="rectangle"}(je||(je={}));class Ne{constructor(t,e,i){this.position={x:t,y:e},this.type=i}}class Ze extends Ne{constructor(t,e,i){super(t,e,je.circle),this.radius=i}contains(t){return S(t,this.position)<=this.radius}intersects(t){const e=this.position,i=t.position,s=Math.abs(i.x-e.x),o=Math.abs(i.y-e.y),n=this.radius;if(t instanceof Ze||t.type===je.circle){return n+t.radius>Math.sqrt(s**2+o**2)}if(t instanceof Je||t.type===je.rectangle){const e=t,{width:i,height:a}=e.size;return Math.pow(s-i,2)+Math.pow(o-a,2)<=n**2||s<=n+i&&o<=n+a||s<=i||o<=a}return!1}}class Je extends Ne{constructor(t,e,i,s){super(t,e,je.rectangle),this.size={height:s,width:i}}contains(t){const e=this.size.width,i=this.size.height,s=this.position;return t.x>=s.x&&t.x<=s.x+e&&t.y>=s.y&&t.y<=s.y+i}intersects(t){if(t instanceof Ze)return t.intersects(this);const e=this.size.width,i=this.size.height,s=this.position,o=t.position,n=t instanceof Je?t.size:{width:0,height:0},a=n.width,r=n.height;return o.x<s.x+e&&o.x+a>s.x&&o.y<s.y+i&&o.y+r>s.y}}const Ke=.5;class ti{constructor(t,e){this.rectangle=t,this.capacity=e,this._subdivide=()=>{const{x:t,y:e}=this.rectangle.position,{width:i,height:s}=this.rectangle.size,{capacity:o}=this;for(let n=0;n<4;n++){const a=n%2;this._subs.push(new ti(new Je(t+i*Ke*a,e+s*Ke*(Math.round(n*Ke)-a),i*Ke,s*Ke),o))}this._divided=!0},this._points=[],this._divided=!1,this._subs=[]}insert(t){return!!this.rectangle.contains(t.position)&&(this._points.length<this.capacity?(this._points.push(t),!0):(this._divided||this._subdivide(),this._subs.some((e=>e.insert(t)))))}query(t,e){const i=[];if(!t.intersects(this.rectangle))return[];for(const s of this._points)!t.contains(s.position)&&S(t.position,s.position)>s.particle.getRadius()&&(!e||e(s.particle))||i.push(s.particle);if(this._divided)for(const s of this._subs)i.push(...s.query(t,e));return i}queryCircle(t,e,i){return this.query(new Ze(t.x,t.y,e),i)}queryRectangle(t,e,i){return this.query(new Je(t.x,t.y,e.width,e.height),i)}}const ei=t=>{const{height:e,width:i}=t;return new Je(-.25*i,-.25*e,1.5*i,1.5*e)};class ii{constructor(t,e){this._addToPool=(...t)=>{this._pool.push(...t)},this._applyDensity=(t,e,i)=>{const s=t.number;if(!t.number.density?.enable)return void(void 0===i?this._limit=s.limit.value:s.limit&&this._groupLimits.set(i,s.limit.value));const o=this._initDensityFactor(s.density),n=s.value,a=s.limit.value>0?s.limit.value:n,r=Math.min(n,a)*o+e,h=Math.min(this.count,this.filter((t=>t.group===i)).length);void 0===i?this._limit=s.limit.value*o:this._groupLimits.set(i,s.limit.value*o),h<r?this.push(Math.abs(r-h),void 0,t,i):h>r&&this.removeQuantity(h-r,i)},this._initDensityFactor=t=>{const e=this._container;if(!e.canvas.element||!t.enable)return 1;const i=e.canvas.element,s=e.retina.pixelRatio;return i.width*i.height/(t.height*t.width*s**2)},this._pushParticle=(t,e,i,s)=>{try{let o=this._pool.pop();o||(o=new Xe(this._engine,this._container)),o.init(this._nextId,t,e,i);let n=!0;if(s&&(n=s(o)),!n)return;return this._array.push(o),this._zArray.push(o),this._nextId++,this._engine.dispatchEvent(Et.particleAdded,{container:this._container,data:{particle:o}}),o}catch(t){W().warning(`${a} adding particle: ${t}`)}},this._removeParticle=(t,e,i)=>{const s=this._array[t];if(!s||s.group!==e)return!1;const o=this._zArray.indexOf(s);return this._array.splice(t,1),this._zArray.splice(o,1),s.destroy(i),this._engine.dispatchEvent(Et.particleRemoved,{container:this._container,data:{particle:s}}),this._addToPool(s),!0},this._engine=t,this._container=e,this._nextId=0,this._array=[],this._zArray=[],this._pool=[],this._limit=0,this._groupLimits=new Map,this._needsSort=!1,this._lastZIndex=0,this._interactionManager=new Ge(t,e),this._pluginsInitialized=!1;const i=e.canvas.size;this.quadTree=new ti(ei(i),4),this.movers=[],this.updaters=[]}get count(){return this._array.length}addManualParticles(){const t=this._container;t.actualOptions.manualParticles.forEach((e=>this.addParticle(e.position?K(e.position,t.canvas.size):void 0,e.options)))}addParticle(t,e,i,s){const o=this._container.actualOptions.particles.number.limit.mode,n=void 0===i?this._limit:this._groupLimits.get(i)??this._limit,a=this.count;if(n>0)switch(o){case Jt.delete:{const t=a+1-n;t>0&&this.removeQuantity(t);break}case Jt.wait:if(a>=n)return}return this._pushParticle(t,e,i,s)}clear(){this._array=[],this._zArray=[],this._pluginsInitialized=!1}destroy(){this._array=[],this._zArray=[],this.movers=[],this.updaters=[]}draw(t){const e=this._container,i=e.canvas;i.clear(),this.update(t);for(const[,s]of e.plugins)i.drawPlugin(s,t);for(const e of this._zArray)e.draw(t)}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}get(t){return this._array[t]}handleClickMode(t){this._interactionManager.handleClickMode(t)}async init(){const t=this._container,e=t.actualOptions;this._lastZIndex=0,this._needsSort=!1,await this.initPlugins();let i=!1;for(const[,e]of t.plugins)if(i=e.particlesInitialization?.()??i,i)break;if(this.addManualParticles(),!i){const t=e.particles,i=t.groups;for(const e in i){const s=i[e];for(let i=this.count,o=0;o<s.number?.value&&i<t.number.value;i++,o++)this.addParticle(void 0,s,e)}for(let e=this.count;e<t.number.value;e++)this.addParticle()}}async initPlugins(){if(this._pluginsInitialized)return;const t=this._container;this.movers=await this._engine.getMovers(t,!0),this.updaters=await this._engine.getUpdaters(t,!0),await this._interactionManager.init();for(const[,e]of t.pathGenerators)e.init(t)}push(t,e,i,s){for(let o=0;o<t;o++)this.addParticle(e?.position,i,s)}async redraw(){this.clear(),await this.init(),this.draw({value:0,factor:0})}remove(t,e,i){this.removeAt(this._array.indexOf(t),void 0,e,i)}removeAt(t,e=1,i,s){if(t<0||t>this.count)return;let o=0;for(let n=t;o<e&&n<this.count;n++)this._removeParticle(n--,i,s)&&o++}removeQuantity(t,e){this.removeAt(0,t,e)}setDensity(){const t=this._container.actualOptions,e=t.particles.groups;for(const t in e)this._applyDensity(e[t],0,t);this._applyDensity(t.particles,t.manualParticles.length)}setLastZIndex(t){this._lastZIndex=t,this._needsSort=this._needsSort||this._lastZIndex<t}setResizeFactor(t){this._resizeFactor=t}update(t){const e=this._container,i=new Set;this.quadTree=new ti(ei(e.canvas.size),4);for(const[,t]of e.pathGenerators)t.update();for(const[,i]of e.plugins)i.update?.(t);const s=this._resizeFactor;for(const e of this._array){s&&!e.ignoresResizeRatio&&(e.position.x*=s.width,e.position.y*=s.height,e.initialPosition.x*=s.width,e.initialPosition.y*=s.height),e.ignoresResizeRatio=!1,this._interactionManager.reset(e);for(const[,i]of this._container.plugins){if(e.destroyed)break;i.particleUpdate?.(e,t)}for(const i of this.movers)i.isEnabled(e)&&i.move(e,t);e.destroyed?i.add(e):this.quadTree.insert(new Ye(e.getPosition(),e))}if(i.size){const t=t=>!i.has(t);this._array=this.filter(t),this._zArray=this._zArray.filter(t);for(const t of i)this._engine.dispatchEvent(Et.particleRemoved,{container:this._container,data:{particle:t}});this._addToPool(...i)}this._interactionManager.externalInteract(t);for(const e of this._array){for(const i of this.updaters)i.update(e,t);e.destroyed||e.spawning||this._interactionManager.particlesInteract(e,t)}if(delete this._resizeFactor,this._needsSort){const t=this._zArray;t.sort(((t,e)=>e.position.z-t.position.z||t.id-e.id));const e=1;this._lastZIndex=t[t.length-e].position.z,this._needsSort=!1}}}class si{constructor(t){this.container=t,this.pixelRatio=1,this.reduceFactor=1}init(){const t=this.container,e=t.actualOptions;this.pixelRatio=!e.detectRetina||V()?1:window.devicePixelRatio,this.reduceFactor=1;const i=this.pixelRatio,s=t.canvas;if(s.element){const t=s.element;s.size.width=t.offsetWidth*i,s.size.height=t.offsetHeight*i}const o=e.particles,n=o.move;this.maxSpeed=P(n.gravity.maxSpeed)*i,this.sizeAnimationSpeed=P(o.size.animation.speed)*i}initParticle(t){const e=t.options,i=this.pixelRatio,s=e.move,o=s.distance,n=t.retina;n.moveDrift=P(s.drift)*i,n.moveSpeed=P(s.speed)*i,n.sizeAnimationSpeed=P(e.size.animation.speed)*i;const a=n.maxDistance;a.horizontal=void 0!==o.horizontal?o.horizontal*i:void 0,a.vertical=void 0!==o.vertical?o.vertical*i:void 0,n.maxSpeed=P(s.gravity.maxSpeed)*i}}function oi(t){return t&&!t.destroyed}function ni(t,e,...i){const s=new Ve(t,e);return He(s,...i),s}class ai{constructor(t,e,i){this._intersectionManager=t=>{if(oi(this)&&this.actualOptions.pauseOnOutsideViewport)for(const e of t)e.target===this.interactivity.element&&(e.isIntersecting?this.play():this.pause())},this._nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+h/this.fpsLimit)return void this.draw(!1);this._lastFrameTime??=t;const e=function(t,e=60,i=!1){return{value:t,factor:i?60/e:60*t/h}}(t-this._lastFrameTime,this.fpsLimit,this._smooth);if(this.addLifeTime(e.value),this._lastFrameTime=t,e.value>h)return void this.draw(!1);if(this.particles.draw(e),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){W().error(`${a} in animation loop`,t)}},this._engine=t,this.id=Symbol(e),this.fpsLimit=120,this._smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this._lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._clickHandlers=new Map,this._sourceOptions=i,this._initialSourceOptions=i,this.retina=new si(this),this.canvas=new Ot(this),this.particles=new ii(this._engine,this),this.pathGenerators=new Map,this.interactivity={mouse:{clicking:!1,inside:!1}},this.plugins=new Map,this.effectDrawers=new Map,this.shapeDrawers=new Map,this._options=ni(this._engine,this),this.actualOptions=ni(this._engine,this),this._eventListeners=new It(this),this._intersectionObserver=function(t){if(!V()&&"undefined"!=typeof IntersectionObserver)return new IntersectionObserver(t)}((t=>this._intersectionManager(t))),this._engine.dispatchEvent(Et.containerBuilt,{container:this})}get animationStatus(){return!this._paused&&!this.pageHidden&&oi(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addClickHandler(t){if(!oi(this))return;const e=this.interactivity.element;if(!e)return;const i=(e,i,s)=>{if(!oi(this))return;const o=this.retina.pixelRatio,n={x:i.x*o,y:i.y*o},a=this.particles.quadTree.queryCircle(n,s*o);t(e,a)};let s=!1,o=!1;this._clickHandlers.set("click",(t=>{if(!oi(this))return;const e=t,s={x:e.offsetX||e.clientX,y:e.offsetY||e.clientY};i(t,s,1)})),this._clickHandlers.set("touchstart",(()=>{oi(this)&&(s=!0,o=!1)})),this._clickHandlers.set("touchmove",(()=>{oi(this)&&(o=!0)})),this._clickHandlers.set("touchend",(t=>{if(oi(this)){if(s&&!o){const e=t,s=1;let o=e.touches[e.touches.length-s];if(!o&&(o=e.changedTouches[e.changedTouches.length-s],!o))return;const n=this.canvas.element,a=n?n.getBoundingClientRect():void 0,r=0,h={x:o.clientX-(a?a.left:r),y:o.clientY-(a?a.top:r)};i(t,h,Math.max(o.radiusX,o.radiusY))}s=!1,o=!1}})),this._clickHandlers.set("touchcancel",(()=>{oi(this)&&(s=!1,o=!1)}));for(const[t,i]of this._clickHandlers)e.addEventListener(t,i)}addLifeTime(t){this._lifeTime+=t}addPath(t,e,i=!1){return!(!oi(this)||!i&&this.pathGenerators.has(t))&&(this.pathGenerators.set(t,e),!0)}alive(){return!this._duration||this._lifeTime<=this._duration}clearClickHandlers(){if(oi(this)){for(const[t,e]of this._clickHandlers)this.interactivity.element?.removeEventListener(t,e);this._clickHandlers.clear()}}destroy(t=!0){if(oi(this)){this.stop(),this.clearClickHandlers(),this.particles.destroy(),this.canvas.destroy();for(const[,t]of this.effectDrawers)t.destroy?.(this);for(const[,t]of this.shapeDrawers)t.destroy?.(this);for(const t of this.effectDrawers.keys())this.effectDrawers.delete(t);for(const t of this.shapeDrawers.keys())this.shapeDrawers.delete(t);if(this._engine.clearPlugins(this),this.destroyed=!0,t){const t=this._engine.items,e=t.findIndex((t=>t===this));if(e>=0){const i=1;t.splice(e,i)}}this._engine.dispatchEvent(Et.containerDestroyed,{container:this})}}draw(t){if(!oi(this))return;let e=t;const i=t=>{e&&(this._lastFrameTime=void 0,e=!1),this._nextFrame(t)};this._drawAnimationFrame=requestAnimationFrame((t=>i(t)))}async export(t,e={}){for(const[,i]of this.plugins){if(!i.export)continue;const s=await i.export(t,e);if(s.supported)return s.blob}W().error(`${a} - Export plugin with type ${t} not found`)}handleClickMode(t){if(oi(this)){this.particles.handleClickMode(t);for(const[,e]of this.plugins)e.handleClickMode?.(t)}}async init(){if(!oi(this))return;const t=this._engine.getSupportedEffects();for(const e of t){const t=this._engine.getEffectDrawer(e);t&&this.effectDrawers.set(e,t)}const e=this._engine.getSupportedShapes();for(const t of e){const e=this._engine.getShapeDrawer(t);e&&this.shapeDrawers.set(t,e)}await this.particles.initPlugins(),this._options=ni(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=ni(this._engine,this,this._options);const i=await this._engine.getAvailablePlugins(this);for(const[t,e]of i)this.plugins.set(t,e);this.retina.init(),await this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();const{zLayers:s,duration:o,delay:n,fpsLimit:a,smooth:r}=this.actualOptions;this.zLayers=s,this._duration=P(o)*h,this._delay=P(n)*h,this._lifeTime=0;this.fpsLimit=a>0?a:120,this._smooth=r;for(const[,t]of this.effectDrawers)await(t.init?.(this));for(const[,t]of this.shapeDrawers)await(t.init?.(this));for(const[,t]of this.plugins)await(t.init?.());this._engine.dispatchEvent(Et.containerInit,{container:this}),await this.particles.init(),this.particles.setDensity();for(const[,t]of this.plugins)t.particlesSetup?.();this._engine.dispatchEvent(Et.particlesSetup,{container:this})}async loadTheme(t){oi(this)&&(this._currentTheme=t,await this.refresh())}pause(){if(oi(this)&&(void 0!==this._drawAnimationFrame&&(cancelAnimationFrame(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(const[,t]of this.plugins)t.pause?.();this.pageHidden||(this._paused=!0),this._engine.dispatchEvent(Et.containerPaused,{container:this})}}play(t){if(!oi(this))return;const e=this._paused||t;if(!this._firstStart||this.actualOptions.autoPlay){if(this._paused&&(this._paused=!1),e)for(const[,t]of this.plugins)t.play&&t.play();this._engine.dispatchEvent(Et.containerPlay,{container:this}),this.draw(e??!1)}else this._firstStart=!1}async refresh(){if(oi(this))return this.stop(),this.start()}async reset(t){if(oi(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=ni(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=ni(this._engine,this,this._options),this.refresh()}async start(){oi(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise((t=>{const e=async()=>{this._eventListeners.addListeners(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(this.interactivity.element);for(const[,t]of this.plugins)await(t.start?.());this._engine.dispatchEvent(Et.containerStarted,{container:this}),this.play(),t()};this._delayTimeout=setTimeout((()=>{e()}),this._delay)})))}stop(){if(oi(this)&&this.started){this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(this.interactivity.element);for(const[,t]of this.plugins)t.stop?.();for(const t of this.plugins.keys())this.plugins.delete(t);this._sourceOptions=this._options,this._engine.dispatchEvent(Et.containerStopped,{container:this})}}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,this._options);return this.actualOptions.setTheme(this._currentTheme),this._responsiveMaxWidth!==t&&(this._responsiveMaxWidth=t,!0)}}class ri{constructor(){this._listeners=new Map}addEventListener(t,e){this.removeEventListener(t,e);let i=this._listeners.get(t);i||(i=[],this._listeners.set(t,i)),i.push(e)}dispatchEvent(t,e){const i=this._listeners.get(t);i?.forEach((t=>t(e)))}hasEventListener(t){return!!this._listeners.get(t)}removeAllEventListeners(t){t?this._listeners.delete(t):this._listeners=new Map}removeEventListener(t,e){const i=this._listeners.get(t);if(!i)return;const s=i.length,o=i.indexOf(e);if(o<0)return;1===s?this._listeners.delete(t):i.splice(o,1)}}async function hi(t,e,i,s=!1){let o=e.get(t);return o&&!s||(o=await Promise.all([...i.values()].map((e=>e(t)))),e.set(t,o)),o}const ci="true",li="false",di="canvas";class ui{constructor(){this._configs=new Map,this._domArray=[],this._eventDispatcher=new ri,this._initialized=!1,this.plugins=[],this._initializers={interactors:new Map,movers:new Map,updaters:new Map},this.interactors=new Map,this.movers=new Map,this.updaters=new Map,this.presets=new Map,this.effectDrawers=new Map,this.shapeDrawers=new Map,this.pathGenerators=new Map}get configs(){const t={};for(const[e,i]of this._configs)t[e]=i;return t}get items(){return this._domArray}get version(){return"3.4.0"}addConfig(t){const e=t.key??t.name??"default";this._configs.set(e,t),this._eventDispatcher.dispatchEvent(Et.configAdded,{data:{name:e,config:t}})}async addEffect(t,e,i=!0){N(t,(t=>{this.getEffectDrawer(t)||this.effectDrawers.set(t,e)})),await this.refresh(i)}addEventListener(t,e){this._eventDispatcher.addEventListener(t,e)}async addInteractor(t,e,i=!0){this._initializers.interactors.set(t,e),await this.refresh(i)}async addMover(t,e,i=!0){this._initializers.movers.set(t,e),await this.refresh(i)}async addParticleUpdater(t,e,i=!0){this._initializers.updaters.set(t,e),await this.refresh(i)}async addPathGenerator(t,e,i=!0){this.getPathGenerator(t)||this.pathGenerators.set(t,e),await this.refresh(i)}async addPlugin(t,e=!0){this.getPlugin(t.id)||this.plugins.push(t),await this.refresh(e)}async addPreset(t,e,i=!1,s=!0){!i&&this.getPreset(t)||this.presets.set(t,e),await this.refresh(s)}async addShape(t,e=!0){for(const e of t.validTypes)this.getShapeDrawer(e)||this.shapeDrawers.set(e,t);await this.refresh(e)}clearPlugins(t){this.updaters.delete(t),this.movers.delete(t),this.interactors.delete(t)}dispatchEvent(t,e){this._eventDispatcher.dispatchEvent(t,e)}dom(){return this.items}domItem(t){return this.item(t)}async getAvailablePlugins(t){const e=new Map;for(const i of this.plugins)i.needsPlugin(t.actualOptions)&&e.set(i.id,await i.getPlugin(t));return e}getEffectDrawer(t){return this.effectDrawers.get(t)}async getInteractors(t,e=!1){return hi(t,this.interactors,this._initializers.interactors,e)}async getMovers(t,e=!1){return hi(t,this.movers,this._initializers.movers,e)}getPathGenerator(t){return this.pathGenerators.get(t)}getPlugin(t){return this.plugins.find((e=>e.id===t))}getPreset(t){return this.presets.get(t)}getShapeDrawer(t){return this.shapeDrawers.get(t)}getSupportedEffects(){return this.effectDrawers.keys()}getSupportedShapes(){return this.shapeDrawers.keys()}async getUpdaters(t,e=!1){return hi(t,this.updaters,this._initializers.updaters,e)}init(){this._initialized||(this._initialized=!0)}item(t){const{items:e}=this,i=e[t];if(i&&!i.destroyed)return i;{const i=1;e.splice(t,i)}}async load(t){const e=t.id??t.element?.id??`tsparticles${Math.floor(1e4*x())}`,{index:s,url:o}=t,n=o?await async function(t){const e=Z(t.url,t.index);if(!e)return t.fallback;const i=await fetch(e);return i.ok?await i.json():(W().error(`${a} ${i.status} while retrieving config file`),t.fallback)}({fallback:t.options,url:o,index:s}):t.options,r=Z(n,s),{items:h}=this,c=h.findIndex((t=>t.id.description===e)),l=new ai(this,e,r);if(c>=0){const t=this.item(c),e=t?1:0;t&&!t.destroyed&&t.destroy(!1),h.splice(c,e,l)}else h.push(l);const d=((t,e)=>{let s=e??document.getElementById(t);return s||(s=document.createElement("div"),s.id=t,s.dataset[i]=ci,document.body.append(s),s)})(e,t.element),u=(t=>{let e;if(t instanceof HTMLCanvasElement||t.tagName.toLowerCase()===di)e=t,e.dataset[i]||(e.dataset[i]=li);else{const s=t.getElementsByTagName(di);s.length?(e=s[0],e.dataset[i]=li):(e=document.createElement(di),e.dataset[i]=ci,t.appendChild(e))}const s="100%";return e.style.width||(e.style.width=s),e.style.height||(e.style.height=s),e})(d);return l.canvas.loadCanvas(u),await l.start(),l}loadOptions(t,e){this.plugins.forEach((i=>i.loadOptions?.(t,e)))}loadParticlesOptions(t,e,...i){const s=this.updaters.get(t);s&&s.forEach((t=>t.loadOptions?.(e,...i)))}async refresh(t=!0){t&&await Promise.all(this.items.map((t=>t.refresh())))}removeEventListener(t,e){this._eventDispatcher.removeEventListener(t,e)}setOnClickHandler(t){const{items:e}=this;if(!e.length)throw new Error(`${a} can only set click handlers after calling tsParticles.load()`);e.forEach((e=>e.addClickHandler(t)))}}var pi,fi,mi,vi,yi;!function(t){t[t.h=1]="h",t[t.s=2]="s",t[t.l=3]="l",t[t.a=5]="a"}(pi||(pi={}));class gi{constructor(){this.key="hsl",this.stringPrefix="hsl"}handleColor(t){const e=t.value.hsl??t.value;if(void 0!==e.h&&void 0!==e.s&&void 0!==e.l)return ut(e)}handleRangeColor(t){const e=t.value.hsl??t.value;if(void 0!==e.h&&void 0!==e.l)return ut({h:P(e.h),l:P(e.l),s:P(e.s)})}parseString(t){if(!t.startsWith("hsl"))return;const e=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return e?function(t){const e=ut(t);return{a:t.a,b:e.b,g:e.g,r:e.r}}({a:e.length>4?T(e[pi.a]):1,h:parseInt(e[pi.h],10),l:parseInt(e[pi.l],10),s:parseInt(e[pi.s],10)}):void 0}}!function(t){t[t.r=1]="r",t[t.g=2]="g",t[t.b=3]="b",t[t.a=5]="a"}(fi||(fi={}));class _i{constructor(){this.key="rgb",this.stringPrefix="rgb"}handleColor(t){const e=t.value.rgb??t.value;if(void 0!==e.r)return e}handleRangeColor(t){const e=t.value.rgb??t.value;if(void 0!==e.r)return{r:P(e.r),g:P(e.g),b:P(e.b)}}parseString(t){if(!t.startsWith(this.stringPrefix))return;const e=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return e?{a:e.length>4?T(e[fi.a]):1,b:parseInt(e[fi.b],10),g:parseInt(e[fi.g],10),r:parseInt(e[fi.r],10)}:void 0}}!function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(mi||(mi={})),function(t){t.linear="linear",t.radial="radial",t.random="random"}(vi||(vi={})),function(t){t.easeInBack="ease-in-back",t.easeInCirc="ease-in-circ",t.easeInCubic="ease-in-cubic",t.easeInLinear="ease-in-linear",t.easeInQuad="ease-in-quad",t.easeInQuart="ease-in-quart",t.easeInQuint="ease-in-quint",t.easeInExpo="ease-in-expo",t.easeInSine="ease-in-sine",t.easeOutBack="ease-out-back",t.easeOutCirc="ease-out-circ",t.easeOutCubic="ease-out-cubic",t.easeOutLinear="ease-out-linear",t.easeOutQuad="ease-out-quad",t.easeOutQuart="ease-out-quart",t.easeOutQuint="ease-out-quint",t.easeOutExpo="ease-out-expo",t.easeOutSine="ease-out-sine",t.easeInOutBack="ease-in-out-back",t.easeInOutCirc="ease-in-out-circ",t.easeInOutCubic="ease-in-out-cubic",t.easeInOutLinear="ease-in-out-linear",t.easeInOutQuad="ease-in-out-quad",t.easeInOutQuart="ease-in-out-quart",t.easeInOutQuint="ease-in-out-quint",t.easeInOutExpo="ease-in-out-expo",t.easeInOutSine="ease-in-out-sine"}(yi||(yi={}));const wi=function(){const t=new _i,e=new gi;at(t),at(e);const i=new ui;return i.init(),i}();V()||(window.tsParticles=wi);class bi{constructor(){this.wait=!1}load(t){t&&(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=O(t.delay)),void 0!==t.duration&&(this.duration=O(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class xi{constructor(){this.quantity=1,this.delay=.1}load(t){void 0!==t&&(void 0!==t.quantity&&(this.quantity=O(t.quantity)),void 0!==t.delay&&(this.delay=O(t.delay)))}}class zi{constructor(){this.color=!1,this.opacity=!1}load(t){t&&(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class ki{constructor(){this.options={},this.replace=new zi,this.type="square"}load(t){t&&(void 0!==t.options&&(this.options=j({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}class Pi{constructor(){this.mode=q.percent,this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class Mi{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new bi,this.rate=new xi,this.shape=new ki,this.startCount=0}load(t){t&&(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size||(this.size=new Pi),this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=N(t.particles,(t=>j({},t))),this.rate.load(t.rate),this.shape.load(t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=O(t.position.x)),void 0!==t.position.y&&(this.position.y=O(t.position.y))),void 0!==t.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new he),this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}var Ci;!function(t){t.emitter="emitter"}(Ci||(Ci={}));function Oi(t,e){t.color?t.color.value=e:t.color={value:e}}class Si{constructor(t,e,i,s,o){this.emitters=e,this.container=i,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const t=void 0!==this.options.life?.duration?P(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*h)},this._setColorAnimation=(t,e,i,s=1)=>{const o=this.container;if(!t.enable)return e;const n=k(t.offset),a=P(this.options.rate.delay)*h/o.retina.reduceFactor;return(e+P(t.speed??0)*o.fpsLimit/a+n*s)%i},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=o,s instanceof Mi?this.options=s:(this.options=new Mi,this.options.load(s)),this._spawnDelay=P(this.options.life.delay??0)*h/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let n=j({},this.options.particles);if(n??={},n.move??={},n.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=lt(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=n,this._size=this._calcSize(),this.size=tt(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=document.getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const a=this.options.shape,r=this._engine.emitterShapeManager?.getShapeGenerator(a.type);r&&(this._shape=r.generate(this.position,this.size,this.fill,a.options)),this._engine.dispatchEvent("emitterCreated",{container:i,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const t=P(this.options.rate.delay);this._emitDelay=t*h/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const t=this._initialPosition;this.position=t&&X(t,this.container.canvas.size,_.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=tt(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}update(t){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=t.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=P(this.options.life.delay??0)*h/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=document.getElementById(this.options.domId);if(t){const e=t.getBoundingClientRect(),i=this.container.retina.pixelRatio;return{x:(e.x+.5*e.width)*i,y:(e.y+.5*e.height)*i}}}return I({size:this.container.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{width:i.width*t.retina.pixelRatio,height:i.height*t.retina.pixelRatio,mode:q.precise}}}return this.options.size??(()=>{const t=new Pi;return t.load({height:0,mode:q.percent,width:0}),t})()}_emit(){if(this._paused)return;const t=P(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){const e=Z(this._particlesOptions);for(let i=0;i<t;i++){const t=j({},e);if(this.spawnColor){const e=this.options.spawnColor?.animation;if(e){const t={h:360,s:100,l:100},i=3.6;this.spawnColor.h=this._setColorAnimation(e.h,this.spawnColor.h,t.h,i),this.spawnColor.s=this._setColorAnimation(e.s,this.spawnColor.s,t.s),this.spawnColor.l=this._setColorAnimation(e.l,this.spawnColor.l,t.l)}Oi(t,this.spawnColor)}const i=this.options.shape;let s=this.position;if(this._shape){const e=this._shape.randomPosition();if(e){s=e.position;const o=i.replace;o.color&&e.color&&Oi(t,e.color),o.opacity&&(t.opacity?t.opacity.value=e.opacity:t.opacity={value:e.opacity})}else s=null}s&&this.container.particles.addParticle(s,t)}}}class Di{constructor(t,e){this.container=e,this._engine=t,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]};e.getEmitter=t=>void 0===t||u(t)?this.array[t??0]:this.array.find((e=>e.name===t)),e.addEmitter=async(t,e)=>this.addEmitter(t,e),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}async addEmitter(t,e){const i=new Mi;i.load(t);const s=new Si(this._engine,this,this.container,i,e);return await s.init(),this.array.push(s),s}handleClickMode(t){const e=this.emitters,i=this.interactivityEmitters;if(t!==Ci.emitter)return;let s;if(i&&f(i.value)){const t=0;if(i.value.length>t&&i.random.enable){s=[];const t=[];for(let e=0;e<i.random.count;e++){const o=$(i.value);t.includes(o)&&t.length<i.value.length?e--:(t.push(o),s.push(Q(i.value,o)))}}else s=i.value}else s=i?.value;const o=s??e,n=this.container.interactivity.mouse.clickPosition;N(o,(async t=>{await this.addEmitter(t,n)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if(f(this.emitters))for(const t of this.emitters)await this.addEmitter(t);else await this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const e of this.array)e.update(t)}}class Ii{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return Promise.resolve(new Di(this._engine,t))}loadOptions(t,e){if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;e?.emitters&&(t.emitters=N(e.emitters,(t=>{const e=new Mi;return e.load(t),e})));const i=e?.interactivity?.modes?.emitters;if(i)if(f(i))t.interactivity.modes.emitters={random:{count:1,enable:!0},value:i.map((t=>{const e=new Mi;return e.load(t),e}))};else{const e=i;if(void 0!==e.value){const i=1;if(f(e.value))t.interactivity.modes.emitters={random:{count:e.random.count??i,enable:e.random.enable??!1},value:e.value.map((t=>{const e=new Mi;return e.load(t),e}))};else{const s=new Mi;s.load(e.value),t.interactivity.modes.emitters={random:{count:e.random.count??i,enable:e.random.enable??!1},value:s}}}else{(t.interactivity.modes.emitters={random:{count:1,enable:!1},value:new Mi}).value.load(i)}}}needsPlugin(t){if(!t)return!1;const e=t.emitters;return f(e)&&!!e.length||void 0!==e||!!t.interactivity?.events?.onClick?.mode&&U(Ci.emitter,t.interactivity.events.onClick.mode)}}const Ei=new Map;class Ti{constructor(t){this._engine=t}addShapeGenerator(t,e){this.getShapeGenerator(t)||Ei.set(t,e)}getShapeGenerator(t){return Ei.get(t)}getSupportedShapeGenerators(){return Ei.keys()}}class Ri{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=O(t.speed)),void 0!==t.decay&&(this.decay=O(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class Li extends de{constructor(){super(),this.animation=new Ri,this.direction=mi.clockwise,this.path=!1,this.value=0}load(t){t&&(super.load(t),void 0!==t.direction&&(this.direction=t.direction),this.animation.load(t.animation),void 0!==t.path&&(this.path=t.path))}}const Ai=2*Math.PI;class Fi{constructor(t){this.container=t}init(t){const e=t.options.rotate;if(!e)return;t.rotate={enable:e.animation.enable,value:D(P(e.value)),min:0,max:Ai},t.pathRotation=e.path;let i=e.direction;if(i===mi.random){i=Math.floor(2*x())>0?mi.counterClockwise:mi.clockwise}switch(i){case mi.counterClockwise:case"counterClockwise":t.rotate.status=L.decreasing;break;case mi.clockwise:t.rotate.status=L.increasing}const s=e.animation;s.enable&&(t.rotate.decay=1-P(s.decay),t.rotate.velocity=P(s.speed)/360*this.container.retina.reduceFactor,s.sync||(t.rotate.velocity*=x())),t.rotation=t.rotate.value}isEnabled(t){const e=t.options.rotate;return!!e&&(!t.destroyed&&!t.spawning&&(!!e.value||e.animation.enable||e.path))}loadOptions(t,...e){t.rotate||(t.rotate=new Li);for(const i of e)t.rotate.load(i?.rotate)}update(t,e){this.isEnabled(t)&&(t.isRotating=!!t.rotate,t.rotate&&(et(t,t.rotate,!1,A.none,e),t.rotation=t.rotate.value))}}class qi{init(t){const e=t.container,i=t.options.size.animation;i.enable&&(t.size.velocity=(t.retina.sizeAnimationSpeed??e.retina.sizeAnimationSpeed)/r*e.retina.reduceFactor,i.sync||(t.size.velocity*=x()))}isEnabled(t){return!t.destroyed&&!t.spawning&&t.size.enable&&((t.size.maxLoops??0)<=0||(t.size.maxLoops??0)>0&&(t.size.loops??0)<(t.size.maxLoops??0))}reset(t){t.size.loops=0}update(t,e){this.isEnabled(t)&&et(t,t.size,!0,t.options.size.animation.destroy,e)}}const Bi=Math.sqrt(2);class Hi{constructor(){this.validTypes=["edge","square"]}draw(t){!function(t){const{context:e,radius:i}=t,s=i/Bi,o=2*s;e.rect(-s,-s,o,o)}(t)}getSidesCount(){return 4}}class Wi{constructor(t){this.container=t}init(t){const e=this.container,i=t.options,s=Z(i.stroke,t.id,i.reduceDuplicates);t.strokeWidth=P(s.width)*e.retina.pixelRatio,t.strokeOpacity=P(s.opacity??1),t.strokeAnimation=s.color?.animation;const o=lt(s.color)??t.getFillColor();o&&(t.strokeColor=function(t,e,i){const s={h:{enable:!1,value:t.h},s:{enable:!1,value:t.s},l:{enable:!1,value:t.l}};return e&&(yt(s.h,e.h,i),yt(s.s,e.s,i),yt(s.l,e.l,i)),s}(o,t.strokeAnimation,e.retina.reduceFactor))}isEnabled(t){const e=t.strokeAnimation,{strokeColor:i}=t;return!t.destroyed&&!t.spawning&&!!e&&(void 0!==i?.h.value&&i.h.enable||void 0!==i?.s.value&&i.s.enable||void 0!==i?.l.value&&i.l.enable)}update(t,e){this.isEnabled(t)&&function(t,e){if(!t)return;const{h:i,s,l:o}=t,n={min:0,max:100},a={min:0,max:100};i&&gt(i,{min:0,max:360},!1,e),s&&gt(s,n,!0,e),o&&gt(o,a,!0,e)}(t.strokeColor,e)}}const Vi={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:mi.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:B.min,speed:60,sync:!0,destroy:A.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function Gi(t,e=!0){await async function(t,e=!0){t.emitterShapeManager||(t.emitterShapeManager=new Ti(t)),t.addEmitterShapeGenerator||(t.addEmitterShapeGenerator=(e,i)=>{t.emitterShapeManager?.addShapeGenerator(e,i)});const i=new Ii(t);await t.addPlugin(i,e)}(t,!1),await async function(t,e=!0){await t.addShape(new Hi,e)}(t,!1),await async function(t,e=!0){await t.addParticleUpdater("rotate",(t=>Promise.resolve(new Fi(t))),e)}(t,!1),await async function(t,e=!0){await t.addParticleUpdater("size",(()=>Promise.resolve(new qi)),e)}(t,!1),await async function(t,e=!0){await t.addParticleUpdater("strokeColor",(t=>Promise.resolve(new Wi(t))),e)}(t,!1),await t.addPreset("squares",Vi,!1),await t.refresh(e)}return e})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var i=e();for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(this,(()=>(()=>{"use strict";var t={d:(e,i)=>{for(var s in i)t.o(i,s)&&!t.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:i[s]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{loadSquaresPreset:()=>Vi,tsParticles:()=>fi});const i="generated",s="pointerleave",n="pointermove",o="touchend",a="tsParticles - Error",r=100,h=1e3;var c;function l(t){return"boolean"==typeof t}function d(t){return"string"==typeof t}function u(t){return"number"==typeof t}function p(t){return"object"==typeof t&&null!==t}function f(t){return Array.isArray(t)}function m(t){return null==t}!function(t){t.bottom="bottom",t.bottomLeft="bottom-left",t.bottomRight="bottom-right",t.left="left",t.none="none",t.right="right",t.top="top",t.topLeft="top-left",t.topRight="top-right",t.outside="outside",t.inside="inside"}(c||(c={}));const v=0,y=0,g=0;class _{constructor(t,e,i){if(this._updateFromAngle=(t,e)=>{this.x=Math.cos(t)*e,this.y=Math.sin(t)*e},!u(t)&&t){this.x=t.x,this.y=t.y;const e=t;this.z=e.z?e.z:g}else{if(void 0===t||void 0===e)throw new Error(`${a} Vector3d not initialized correctly`);this.x=t,this.y=e,this.z=i??g}}static get origin(){return _.create(v,y,g)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this._updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this._updateFromAngle(this.angle,t)}static clone(t){return _.create(t.x,t.y,t.z)}static create(t,e,i){return new _(t,e,i)}add(t){return _.create(this.x+t.x,this.y+t.y,this.z+t.z)}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=t.z}copy(){return _.clone(this)}distanceTo(t){return this.sub(t).length}distanceToSq(t){return this.sub(t).getLengthSq()}div(t){return _.create(this.x/t,this.y/t,this.z/t)}divTo(t){this.x/=t,this.y/=t,this.z/=t}getLengthSq(){return this.x**2+this.y**2}mult(t){return _.create(this.x*t,this.y*t,this.z*t)}multTo(t){this.x*=t,this.y*=t,this.z*=t}normalize(){const t=this.length;0!=t&&this.multTo(1/t)}rotate(t){return _.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t),g)}setTo(t){this.x=t.x,this.y=t.y;const e=t;this.z=e.z?e.z:g}sub(t){return _.create(this.x-t.x,this.y-t.y,this.z-t.z)}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=t.z}}class w extends _{constructor(t,e){super(t,e,g)}static get origin(){return w.create(v,y)}static clone(t){return w.create(t.x,t.y)}static create(t,e){return new w(t,e)}}let b=Math.random;const x={nextFrame:t=>requestAnimationFrame(t),cancel:t=>cancelAnimationFrame(t)},z=2*Math.PI;function P(){return k(b(),0,1-Number.EPSILON)}function k(t,e,i){return Math.min(Math.max(t,e),i)}function C(t){const e=S(t);let i=O(t);return e===i&&(i=0),P()*(e-i)+i}function M(t){return u(t)?t:C(t)}function O(t){return u(t)?t:t.min}function S(t){return u(t)?t:t.max}function D(t,e){if(t===e||void 0===e&&u(t))return t;const i=O(t),s=S(t);return void 0!==e?{min:Math.min(i,e),max:Math.max(s,e)}:D(i,s)}function E(t,e){return function(t,e){const i=t.x-e.x,s=t.y-e.y;return{dx:i,dy:s,distance:Math.sqrt(i**2+s**2)}}(t,e).distance}function I(t){return t*Math.PI/180}function T(t){const e={x:void 0!==t.position?.x?M(t.position.x):void 0,y:void 0!==t.position?.y?M(t.position.y):void 0};return function(t){return{x:(t.position?.x??P()*r)*t.size.width/r,y:(t.position?.y??P()*r)*t.size.height/r}}({size:t.size,position:e})}function R(t){return{x:t.position?.x??P()*t.size.width,y:t.position?.y??P()*t.size.height}}var L,F,A,q,B,H;!function(t){t.auto="auto",t.increase="increase",t.decrease="decrease",t.random="random"}(L||(L={})),function(t){t.increasing="increasing",t.decreasing="decreasing"}(F||(F={})),function(t){t.none="none",t.max="max",t.min="min"}(A||(A={})),function(t){t.bottom="bottom",t.left="left",t.right="right",t.top="top"}(q||(q={})),function(t){t.precise="precise",t.percent="percent"}(B||(B={})),function(t){t.max="max",t.min="min",t.random="random"}(H||(H={}));const V={debug:console.debug,error:console.error,info:console.info,log:console.log,verbose:console.log,warning:console.warn};function W(){return V}function G(){return"undefined"==typeof window||!window||void 0===window.document||!window.document}function U(t){if(!G()&&"undefined"!=typeof matchMedia)return matchMedia(t)}function $(t,e){return t===e||f(e)&&e.indexOf(t)>-1}function Q(t){return Math.floor(P()*t.length)}function X(t,e,i=!0){return t[void 0!==e&&i?e%t.length:Q(t)]}function Y(t,e,i,s,n){return function(t,e,i,s){let n=!0;s&&s!==q.bottom||(n=t.top<e.height+i.x);!n||s&&s!==q.left||(n=t.right>i.x);!n||s&&s!==q.right||(n=t.left<e.width+i.y);!n||s&&s!==q.top||(n=t.bottom>i.y);return n}(j(t,s??0),e,i,n)}function j(t,e){return{bottom:t.y+e,left:t.x-e,right:t.x+e,top:t.y-e}}function N(t,...e){for(const i of e){if(null==i)continue;if(!p(i)){t=i;continue}const e=Array.isArray(i);!e||!p(t)&&t&&Array.isArray(t)?e||!p(t)&&t&&!Array.isArray(t)||(t={}):t=[];for(const e in i){if("__proto__"===e)continue;const s=i[e],n=t;n[e]=p(s)&&Array.isArray(s)?s.map((t=>N(n[e],t))):N(n[e],s)}}return t}function Z(t,e){return f(t)?t.map(((t,i)=>e(t,i))):e(t,0)}function J(t,e,i){return f(t)?X(t,e,i):t}function K(t,e){if(!(t.mode===B.percent)){const{mode:e,...i}=t;return i}return"x"in t?{x:t.x/r*e.width,y:t.y/r*e.height}:{width:t.width/r*e.width,height:t.height/r*e.height}}function tt(t,e){return K(t,e)}function et(t,e){return K(t,e)}function it(t,e,i,s,n){if(t.destroyed||!e||!e.enable||(e.maxLoops??0)>0&&(e.loops??0)>(e.maxLoops??0))return;const o=(e.velocity??0)*n.factor,a=e.min,r=e.max,h=e.decay??1;if(e.time||(e.time=0),(e.delayTime??0)>0&&e.time<(e.delayTime??0)&&(e.time+=n.value),!((e.delayTime??0)>0&&e.time<(e.delayTime??0))){switch(e.status){case F.increasing:e.value>=r?(i?e.status=F.decreasing:e.value-=r,e.loops||(e.loops=0),e.loops++):e.value+=o;break;case F.decreasing:e.value<=a?(i?e.status=F.increasing:e.value+=r,e.loops||(e.loops=0),e.loops++):e.value-=o}e.velocity&&1!==h&&(e.velocity*=h),function(t,e,i,s,n){switch(e){case A.max:i>=n&&t.destroy();break;case A.min:i<=s&&t.destroy()}}(t,s,e.value,a,r),t.destroyed||(e.value=k(e.value,a,r))}}function st(t,e){if(t.version!==e)throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${t.version}. Plugins version: ${e}`)}var nt;!function(t){t.darken="darken",t.enlighten="enlighten"}(nt||(nt={}));const ot="random";function at(t,e){if(e)for(const i of t.colorManagers.values())if(e.startsWith(i.stringPrefix))return i.parseString(e)}function rt(t,e,i,s=!0){if(!e)return;const n=d(e)?{value:e}:e;if(d(n.value))return ht(t,n.value,i,s);if(f(n.value))return rt(t,{value:X(n.value,i,s)});for(const e of t.colorManagers.values()){const t=e.handleRangeColor(n);if(t)return t}}function ht(t,e,i,s=!0){if(!e)return;const n=d(e)?{value:e}:e;if(d(n.value))return n.value===ot?dt():function(t,e){return at(t,e)}(t,n.value);if(f(n.value))return ht(t,{value:X(n.value,i,s)});for(const e of t.colorManagers.values()){const t=e.handleColor(n);if(t)return t}}function ct(t,e,i,s=!0){const n=rt(t,e,i,s);return n?lt(n):void 0}function lt(t){const e=t.r/255,i=t.g/255,s=t.b/255,n=Math.max(e,i,s),o=Math.min(e,i,s),a={h:0,l:.5*(n+o),s:0};return n!==o&&(a.s=a.l<.5?(n-o)/(n+o):(n-o)/(2-n-o),a.h=e===n?(i-s)/(n-o):a.h=i===n?2+(s-e)/(n-o):4+(e-i)/(n-o)),a.l*=100,a.s*=100,a.h*=60,a.h<0&&(a.h+=360),a.h>=360&&(a.h-=360),a}function dt(t){const e=t??0;return{b:Math.floor(C(D(e,256))),g:Math.floor(C(D(e,256))),r:Math.floor(C(D(e,256)))}}function ut(t,e){return`rgba(${t.r}, ${t.g}, ${t.b}, ${e??1})`}function pt(t,e){return`hsla(${t.h}, ${t.s}%, ${t.l}%, ${e??1})`}function ft(t){return void 0!==t?{h:t.h.value,s:t.s.value,l:t.l.value}:void 0}function mt(t,e,i){t.enable=e.enable;t.enable?(t.velocity=M(e.speed)/r*i,t.decay=1-M(e.decay),t.status=F.increasing,t.loops=0,t.maxLoops=M(e.count),t.time=0,t.delayTime=M(e.delay)*h,e.sync||(t.velocity*=P(),t.value*=P()),t.initialValue=t.value,t.offset=D(e.offset)):t.velocity=0}function vt(t,e,i,s){if(!t||!t.enable||(t.maxLoops??0)>0&&(t.loops??0)>(t.maxLoops??0))return;if(t.time||(t.time=0),(t.delayTime??0)>0&&t.time<(t.delayTime??0)&&(t.time+=s.value),(t.delayTime??0)>0&&t.time<(t.delayTime??0))return;const n=t.offset?C(t.offset):0,o=(t.velocity??0)*s.factor+3.6*n,a=t.decay??1,r=S(e),h=O(e);if(i&&t.status!==F.increasing){t.value-=o;const e=0;t.value<e&&(t.loops||(t.loops=0),t.loops++,t.status=F.increasing)}else t.value+=o,t.value>r&&(t.loops||(t.loops=0),t.loops++,i?t.status=F.decreasing:t.value-=r);t.velocity&&1!==a&&(t.velocity*=a),t.value=k(t.value,h,r)}const yt=0,gt=0,_t=1,wt=0,bt=0,xt=1;function zt(t,e){t.clearRect(yt,gt,e.width,e.height)}function Pt(t,e,i){const s=e[i];void 0!==s&&(t[i]=(t[i]??1)*s)}function kt(t,e,i=!1){if(!e)return;if(!t)return;const s=t.style;if(s)for(const t in e){const n=e[t];s.setProperty(t,n,i?"important":"")}}class Ct{constructor(t,e){this.container=t,this._applyPostDrawUpdaters=t=>{for(const e of this._postDrawUpdaters)e.afterDraw?.(t)},this._applyPreDrawUpdaters=(t,e,i,s,n,o)=>{for(const a of this._preDrawUpdaters){if(a.getColorStyles){const{fill:o,stroke:r}=a.getColorStyles(e,t,i,s);o&&(n.fill=o),r&&(n.stroke=r)}if(a.getTransformValues){const t=a.getTransformValues(e);for(const e in t)Pt(o,t,e)}a.beforeDraw?.(e)}},this._applyResizePlugins=()=>{for(const t of this._resizePlugins)t.resize?.()},this._getPluginParticleColors=t=>{let e,i;for(const s of this._colorPlugins)if(!e&&s.particleFillColor&&(e=ct(this._engine,s.particleFillColor(t))),!i&&s.particleStrokeColor&&(i=ct(this._engine,s.particleStrokeColor(t))),e&&i)break;return[e,i]},this._initCover=async()=>{const t=this.container.actualOptions.backgroundMask.cover,e=t.color;if(e){const i=rt(this._engine,e);if(i){const e={...i,a:t.opacity};this._coverColorStyle=ut(e,e.a)}}else await new Promise(((e,i)=>{if(!t.image)return;const s=document.createElement("img");s.addEventListener("load",(()=>{this._coverImage={image:s,opacity:t.opacity},e()})),s.addEventListener("error",(t=>{i(t.error)})),s.src=t.image}))},this._initStyle=()=>{const t=this.element,e=this.container.actualOptions;if(t){this._fullScreen?(this._originalStyle=N({},t.style),this._setFullScreenStyle()):this._resetOriginalStyle();for(const i in e.style){if(!i||!e.style)continue;const s=e.style[i];s&&t.style.setProperty(i,s,"important")}}},this._initTrail=async()=>{const t=this.container.actualOptions.particles.move.trail,e=t.fill;if(!t.enable)return;const i=1/t.length;if(e.color){const t=rt(this._engine,e.color);if(!t)return;this._trailFill={color:{...t},opacity:i}}else await new Promise(((t,s)=>{if(!e.image)return;const n=document.createElement("img");n.addEventListener("load",(()=>{this._trailFill={image:n,opacity:i},t()})),n.addEventListener("error",(t=>{s(t.error)})),n.src=e.image}))},this._paintBase=t=>{this.draw((e=>function(t,e,i){t.fillStyle=i??"rgba(0,0,0,0)",t.fillRect(yt,gt,e.width,e.height)}(e,this.size,t)))},this._paintImage=(t,e)=>{this.draw((i=>function(t,e,i,s){i&&(t.globalAlpha=s,t.drawImage(i,yt,gt,e.width,e.height),t.globalAlpha=1)}(i,this.size,t,e)))},this._repairStyle=()=>{const t=this.element;t&&(this._safeMutationObserver((t=>t.disconnect())),this._initStyle(),this.initBackground(),this._safeMutationObserver((e=>{t&&t instanceof Node&&e.observe(t,{attributes:!0})})))},this._resetOriginalStyle=()=>{const t=this.element,e=this._originalStyle;t&&e&&kt(t,e)},this._safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)},this._setFullScreenStyle=()=>{const t=this.element;if(!t)return;const e=this.container.actualOptions.fullScreen.zIndex.toString(10);kt(t,{position:"fixed","z-index":e,zIndex:e,top:"0",left:"0",width:"100%",height:"100%"},!0)},this._engine=e,this._standardSize={height:0,width:0};const i=t.retina.pixelRatio,s=this._standardSize;this.size={height:s.height*i,width:s.width*i},this._context=null,this._generated=!1,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}get _fullScreen(){return this.container.actualOptions.fullScreen.enable}clear(){const t=this.container.actualOptions,e=t.particles.move.trail,i=this._trailFill;t.backgroundMask.enable?this.paint():e.enable&&e.length>0&&i?i.color?this._paintBase(ut(i.color,i.opacity)):i.image&&this._paintImage(i.image,i.opacity):t.clear&&this.draw((t=>{zt(t,this.size)}))}destroy(){if(this.stop(),this._generated){const t=this.element;t?.remove()}else this._resetOriginalStyle();this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}draw(t){const e=this._context;if(e)return t(e)}drawAsync(t){const e=this._context;if(e)return t(e)}drawParticle(t,e){if(t.spawning||t.destroyed)return;const i=t.getRadius();if(i<=0)return;const s=t.getFillColor(),n=t.getStrokeColor()??s;let[o,a]=this._getPluginParticleColors(t);o||(o=s),a||(a=n),(o||a)&&this.draw((s=>{const n=this.container,r=n.actualOptions,h=t.options.zIndex,c=1-t.zIndexFactor,l=c**h.opacityRate,d=t.bubble.opacity??t.opacity?.value??1,u=d*l,p=(t.strokeOpacity??d)*l,f={},m={fill:o?pt(o,u):void 0};m.stroke=a?pt(a,p):m.fill,this._applyPreDrawUpdaters(s,t,i,u,m,f),function(t){const{container:e,context:i,particle:s,delta:n,colorStyles:o,backgroundMask:a,composite:r,radius:h,opacity:c,shadow:l,transform:d}=t,u=s.getPosition(),p=s.rotation+(s.pathRotation?s.velocity.angle:0),f=Math.sin(p),m=Math.cos(p),v=!!p,y={a:m*(d.a??_t),b:v?f*(d.b??1):d.b??wt,c:v?-f*(d.c??1):d.c??bt,d:m*(d.d??xt)};i.setTransform(y.a,y.b,y.c,y.d,u.x,u.y),a&&(i.globalCompositeOperation=r);const g=s.shadowColor;l.enable&&g&&(i.shadowBlur=l.blur,i.shadowColor=ut(g),i.shadowOffsetX=l.offset.x,i.shadowOffsetY=l.offset.y),o.fill&&(i.fillStyle=o.fill);const _=s.strokeWidth??0;i.lineWidth=_,o.stroke&&(i.strokeStyle=o.stroke);const w={container:e,context:i,particle:s,radius:h,opacity:c,delta:n,transformData:y,strokeWidth:_};!function(t){const{container:e,context:i,particle:s,radius:n,opacity:o,delta:a,strokeWidth:r,transformData:h}=t,c=0;if(!s.shape)return;const l=e.shapeDrawers.get(s.shape);l&&(i.beginPath(),l.draw({context:i,particle:s,radius:n,opacity:o,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...h}}),s.shapeClose&&i.closePath(),r>c&&i.stroke(),s.shapeFill&&i.fill())}(w),function(t){const{container:e,context:i,particle:s,radius:n,opacity:o,delta:a,transformData:r}=t;if(!s.shape)return;const h=e.shapeDrawers.get(s.shape);h?.afterDraw&&h.afterDraw({context:i,particle:s,radius:n,opacity:o,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...r}})}(w),function(t){const{container:e,context:i,particle:s,radius:n,opacity:o,delta:a,transformData:r}=t;if(!s.effect)return;const h=e.effectDrawers.get(s.effect);h&&h.draw({context:i,particle:s,radius:n,opacity:o,delta:a,pixelRatio:e.retina.pixelRatio,transformData:{...r}})}(w),i.globalCompositeOperation="source-over",i.resetTransform()}({container:n,context:s,particle:t,delta:e,colorStyles:m,backgroundMask:r.backgroundMask.enable,composite:r.backgroundMask.composite,radius:i*c**h.sizeRate,opacity:u,shadow:t.options.shadow,transform:f}),this._applyPostDrawUpdaters(t)}))}drawParticlePlugin(t,e,i){this.draw((s=>function(t,e,i,s){e.drawParticle&&e.drawParticle(t,i,s)}(s,t,e,i)))}drawPlugin(t,e){this.draw((i=>function(t,e,i){e.draw&&e.draw(t,i)}(i,t,e)))}async init(){this._safeMutationObserver((t=>t.disconnect())),this._mutationObserver=function(t){if(!G()&&"undefined"!=typeof MutationObserver)return new MutationObserver(t)}((t=>{for(const e of t)"attributes"===e.type&&"style"===e.attributeName&&this._repairStyle()})),this.resize(),this._initStyle(),await this._initCover();try{await this._initTrail()}catch(t){W().error(t)}this.initBackground(),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})),this.initUpdaters(),this.initPlugins(),this.paint()}initBackground(){const t=this.container.actualOptions.background,e=this.element;if(!e)return;const i=e.style;if(i){if(t.color){const e=rt(this._engine,t.color);i.backgroundColor=e?ut(e,t.opacity):""}else i.backgroundColor="";i.backgroundImage=t.image||"",i.backgroundPosition=t.position||"",i.backgroundRepeat=t.repeat||"",i.backgroundSize=t.size||""}}initPlugins(){this._resizePlugins=[];for(const t of this.container.plugins.values())t.resize&&this._resizePlugins.push(t),(t.particleFillColor??t.particleStrokeColor)&&this._colorPlugins.push(t)}initUpdaters(){this._preDrawUpdaters=[],this._postDrawUpdaters=[];for(const t of this.container.particles.updaters)t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles??t.getTransformValues??t.beforeDraw)&&this._preDrawUpdaters.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove(),this._generated=t.dataset&&i in t.dataset?"true"===t.dataset[i]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=N({},this.element.style);const e=this._standardSize;e.height=t.offsetHeight,e.width=t.offsetWidth;const s=this.container.retina.pixelRatio,n=this.size;t.height=n.height=e.height*s,t.width=n.width=e.width*s,this._context=this.element.getContext("2d"),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})),this.container.retina.init(),this.initBackground()}paint(){const t=this.container.actualOptions;this.draw((e=>{t.backgroundMask.enable&&t.backgroundMask.cover?(zt(e,this.size),this._coverImage?this._paintImage(this._coverImage.image,this._coverImage.opacity):this._coverColorStyle?this._paintBase(this._coverColorStyle):this._paintBase()):this._paintBase()}))}resize(){if(!this.element)return!1;const t=this.container,e=t.canvas._standardSize,i={width:this.element.offsetWidth,height:this.element.offsetHeight},s=t.retina.pixelRatio,n={width:i.width*s,height:i.height*s};if(i.height===e.height&&i.width===e.width&&n.height===this.element.height&&n.width===this.element.width)return!1;const o={...e};e.height=i.height,e.width=i.width;const a=this.size;return this.element.width=a.width=n.width,this.element.height=a.height=n.height,this.container.started&&t.particles.setResizeFactor({width:e.width/o.width,height:e.height/o.height}),!0}stop(){this._safeMutationObserver((t=>t.disconnect())),this._mutationObserver=void 0,this.draw((t=>zt(t,this.size)))}async windowResize(){if(!this.element||!this.resize())return;const t=this.container,e=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),e&&await t.refresh()}}var Mt;!function(t){t.canvas="canvas",t.parent="parent",t.window="window"}(Mt||(Mt={}));function Ot(t,e,i,s,n){if(s){let s={passive:!0};l(n)?s.capture=n:void 0!==n&&(s=n),t.addEventListener(e,i,s)}else{const s=n;t.removeEventListener(e,i,s)}}class St{constructor(t){this.container=t,this._doMouseTouchClick=t=>{const e=this.container,i=e.actualOptions;if(this._canPush){const t=e.interactivity.mouse,s=t.position;if(!s)return;t.clickPosition={...s},t.clickTime=(new Date).getTime();Z(i.interactivity.events.onClick.mode,(t=>this.container.handleClickMode(t)))}if("touchend"===t.type){setTimeout((()=>this._mouseTouchFinish()),500)}},this._handleThemeChange=t=>{const e=t,i=this.container,s=i.options,n=s.defaultThemes,o=e.matches?n.dark:n.light,a=s.themes.find((t=>t.name===o));a?.default.auto&&i.loadTheme(o)},this._handleVisibilityChange=()=>{const t=this.container,e=t.actualOptions;this._mouseTouchFinish(),e.pauseOnBlur&&(document?.hidden?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.animationStatus?t.play(!0):t.draw(!0)))},this._handleWindowResize=()=>{this._resizeTimeout&&(clearTimeout(this._resizeTimeout),delete this._resizeTimeout);const t=async()=>{const t=this.container.canvas;await(t?.windowResize())};this._resizeTimeout=setTimeout((()=>{t()}),this.container.actualOptions.interactivity.events.resize.delay*h)},this._manageInteractivityListeners=(t,e)=>{const i=this._handlers,s=this.container,a=s.actualOptions,r=s.interactivity.element;if(!r)return;const h=r,c=s.canvas.element;c&&(c.style.pointerEvents=h===c?"initial":"none"),(a.interactivity.events.onHover.enable||a.interactivity.events.onClick.enable)&&(Ot(r,n,i.mouseMove,e),Ot(r,"touchstart",i.touchStart,e),Ot(r,"touchmove",i.touchMove,e),a.interactivity.events.onClick.enable?(Ot(r,o,i.touchEndClick,e),Ot(r,"pointerup",i.mouseUp,e),Ot(r,"pointerdown",i.mouseDown,e)):Ot(r,o,i.touchEnd,e),Ot(r,t,i.mouseLeave,e),Ot(r,"touchcancel",i.touchCancel,e))},this._manageListeners=t=>{const e=this._handlers,i=this.container,n=i.actualOptions.interactivity.detectsOn,o=i.canvas.element;let a=s;n===Mt.window?(i.interactivity.element=window,a="pointerout"):n===Mt.parent&&o?i.interactivity.element=o.parentElement??o.parentNode:i.interactivity.element=o,this._manageMediaMatch(t),this._manageResize(t),this._manageInteractivityListeners(a,t),document&&Ot(document,"visibilitychange",e.visibilityChange,t,!1)},this._manageMediaMatch=t=>{const e=this._handlers,i=U("(prefers-color-scheme: dark)");i&&(void 0===i.addEventListener?void 0!==i.addListener&&(t?i.addListener(e.oldThemeChange):i.removeListener(e.oldThemeChange)):Ot(i,"change",e.themeChange,t))},this._manageResize=t=>{const e=this._handlers,i=this.container;if(!i.actualOptions.interactivity.events.resize)return;if("undefined"==typeof ResizeObserver)return void Ot(window,"resize",e.resize,t);const s=i.canvas.element;this._resizeObserver&&!t?(s&&this._resizeObserver.unobserve(s),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&t&&s&&(this._resizeObserver=new ResizeObserver((t=>{t.find((t=>t.target===s))&&this._handleWindowResize()})),this._resizeObserver.observe(s))},this._mouseDown=()=>{const{interactivity:t}=this.container;if(!t)return;const{mouse:e}=t;e.clicking=!0,e.downPosition=e.position},this._mouseTouchClick=t=>{const e=this.container,i=e.actualOptions,{mouse:s}=e.interactivity;s.inside=!0;let n=!1;const o=s.position;if(o&&i.interactivity.events.onClick.enable){for(const t of e.plugins.values())if(t.clickPositionValid&&(n=t.clickPositionValid(o),n))break;n||this._doMouseTouchClick(t),s.clicking=!1}},this._mouseTouchFinish=()=>{const t=this.container.interactivity;if(!t)return;const e=t.mouse;delete e.position,delete e.clickPosition,delete e.downPosition,t.status=s,e.inside=!1,e.clicking=!1},this._mouseTouchMove=t=>{const e=this.container,i=e.actualOptions,s=e.interactivity,o=e.canvas.element;if(!s?.element)return;let a;if(s.mouse.inside=!0,t.type.startsWith("pointer")){this._canPush=!0;const e=t;if(s.element===window){if(o){const t=o.getBoundingClientRect();a={x:e.clientX-t.left,y:e.clientY-t.top}}}else if(i.interactivity.detectsOn===Mt.parent){const t=e.target,i=e.currentTarget;if(t&&i&&o){const s=t.getBoundingClientRect(),n=i.getBoundingClientRect(),r=o.getBoundingClientRect();a={x:e.offsetX+2*s.left-(n.left+r.left),y:e.offsetY+2*s.top-(n.top+r.top)}}else a={x:e.offsetX??e.clientX,y:e.offsetY??e.clientY}}else e.target===o&&(a={x:e.offsetX??e.clientX,y:e.offsetY??e.clientY})}else if(this._canPush="touchmove"!==t.type,o){const e=t,i=1,s=e.touches[e.touches.length-i],n=o.getBoundingClientRect(),r=0;a={x:s.clientX-(n.left??r),y:s.clientY-(n.top??r)}}const r=e.retina.pixelRatio;a&&(a.x*=r,a.y*=r),s.mouse.position=a,s.status=n},this._touchEnd=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.delete(t.identifier);this._mouseTouchFinish()},this._touchEndClick=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.delete(t.identifier);this._mouseTouchClick(t)},this._touchStart=t=>{const e=t,i=Array.from(e.changedTouches);for(const t of i)this._touches.set(t.identifier,performance.now());this._mouseTouchMove(t)},this._canPush=!0,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(),themeChange:t=>this._handleThemeChange(t),oldThemeChange:t=>this._handleThemeChange(t),resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}}var Dt,Et;!function(t){t.configAdded="configAdded",t.containerInit="containerInit",t.particlesSetup="particlesSetup",t.containerStarted="containerStarted",t.containerStopped="containerStopped",t.containerDestroyed="containerDestroyed",t.containerPaused="containerPaused",t.containerPlay="containerPlay",t.containerBuilt="containerBuilt",t.particleAdded="particleAdded",t.particleDestroyed="particleDestroyed",t.particleRemoved="particleRemoved"}(Dt||(Dt={}));class It{constructor(){this.value=""}static create(t,e){const i=new It;return i.load(t),void 0!==e&&(d(e)||f(e)?i.load({value:e}):i.load(e)),i}load(t){m(t)||m(t.value)||(this.value=t.value)}}class Tt{constructor(){this.color=new It,this.color.value="",this.image="",this.position="",this.repeat="",this.size="",this.opacity=1}load(t){m(t)||(void 0!==t.color&&(this.color=It.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.position&&(this.position=t.position),void 0!==t.repeat&&(this.repeat=t.repeat),void 0!==t.size&&(this.size=t.size),void 0!==t.opacity&&(this.opacity=t.opacity))}}class Rt{constructor(){this.opacity=1}load(t){m(t)||(void 0!==t.color&&(this.color=It.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.opacity&&(this.opacity=t.opacity))}}class Lt{constructor(){this.composite="destination-out",this.cover=new Rt,this.enable=!1}load(t){if(!m(t)){if(void 0!==t.composite&&(this.composite=t.composite),void 0!==t.cover){const e=t.cover,i=d(t.cover)?{color:t.cover}:t.cover;this.cover.load(void 0!==e.color||void 0!==e.image?e:{color:i})}void 0!==t.enable&&(this.enable=t.enable)}}}class Ft{constructor(){this.enable=!0,this.zIndex=0}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.zIndex&&(this.zIndex=t.zIndex))}}class At{constructor(){this.enable=!1,this.mode=[]}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}!function(t){t.circle="circle",t.rectangle="rectangle"}(Et||(Et={}));class qt{constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=Et.circle}load(t){m(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))}}class Bt{constructor(){this.enable=!1,this.force=2,this.smooth=10}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.force&&(this.force=t.force),void 0!==t.smooth&&(this.smooth=t.smooth))}}class Ht{constructor(){this.enable=!1,this.mode=[],this.parallax=new Bt}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),this.parallax.load(t.parallax))}}class Vt{constructor(){this.delay=.5,this.enable=!0}load(t){m(t)||(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.enable&&(this.enable=t.enable))}}class Wt{constructor(){this.onClick=new At,this.onDiv=new qt,this.onHover=new Ht,this.resize=new Vt}load(t){if(m(t))return;this.onClick.load(t.onClick);const e=t.onDiv;void 0!==e&&(this.onDiv=Z(e,(t=>{const e=new qt;return e.load(t),e}))),this.onHover.load(t.onHover),this.resize.load(t.resize)}}class Gt{constructor(t,e){this._engine=t,this._container=e}load(t){if(m(t))return;if(!this._container)return;const e=this._engine.interactors.get(this._container);if(e)for(const i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}class Ut{constructor(t,e){this.detectsOn=Mt.window,this.events=new Wt,this.modes=new Gt(t,e)}load(t){if(m(t))return;const e=t.detectsOn;void 0!==e&&(this.detectsOn=e),this.events.load(t.events),this.modes.load(t.modes)}}class $t{load(t){m(t)||(t.position&&(this.position={x:t.position.x??50,y:t.position.y??50,mode:t.position.mode??B.percent}),t.options&&(this.options=N({},t.options)))}}var Qt,Xt,Yt,jt,Nt,Zt,Jt;!function(t){t.screen="screen",t.canvas="canvas"}(Qt||(Qt={}));class Kt{constructor(){this.maxWidth=1/0,this.options={},this.mode=Qt.canvas}load(t){m(t)||(m(t.maxWidth)||(this.maxWidth=t.maxWidth),m(t.mode)||(t.mode===Qt.screen?this.mode=Qt.screen:this.mode=Qt.canvas),m(t.options)||(this.options=N({},t.options)))}}!function(t){t.any="any",t.dark="dark",t.light="light"}(Xt||(Xt={}));class te{constructor(){this.auto=!1,this.mode=Xt.any,this.value=!1}load(t){m(t)||(void 0!==t.auto&&(this.auto=t.auto),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}class ee{constructor(){this.name="",this.default=new te}load(t){m(t)||(void 0!==t.name&&(this.name=t.name),this.default.load(t.default),void 0!==t.options&&(this.options=N({},t.options)))}}class ie{constructor(){this.count=0,this.enable=!1,this.speed=1,this.decay=0,this.delay=0,this.sync=!1}load(t){m(t)||(void 0!==t.count&&(this.count=D(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=D(t.speed)),void 0!==t.decay&&(this.decay=D(t.decay)),void 0!==t.delay&&(this.delay=D(t.delay)),void 0!==t.sync&&(this.sync=t.sync))}}class se extends ie{constructor(){super(),this.mode=L.auto,this.startValue=H.random}load(t){super.load(t),m(t)||(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.startValue&&(this.startValue=t.startValue))}}class ne extends ie{constructor(){super(),this.offset=0,this.sync=!0}load(t){super.load(t),m(t)||void 0!==t.offset&&(this.offset=D(t.offset))}}class oe{constructor(){this.h=new ne,this.s=new ne,this.l=new ne}load(t){m(t)||(this.h.load(t.h),this.s.load(t.s),this.l.load(t.l))}}class ae extends It{constructor(){super(),this.animation=new oe}static create(t,e){const i=new ae;return i.load(t),void 0!==e&&(d(e)||f(e)?i.load({value:e}):i.load(e)),i}load(t){if(super.load(t),m(t))return;const e=t.animation;void 0!==e&&(void 0!==e.enable?this.animation.h.load(e):this.animation.load(t.animation))}}!function(t){t.absorb="absorb",t.bounce="bounce",t.destroy="destroy"}(Yt||(Yt={}));class re{constructor(){this.speed=2}load(t){m(t)||void 0!==t.speed&&(this.speed=t.speed)}}class he{constructor(){this.enable=!0,this.retries=0}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.retries&&(this.retries=t.retries))}}class ce{constructor(){this.value=0}load(t){m(t)||m(t.value)||(this.value=D(t.value))}}class le extends ce{constructor(){super(),this.animation=new ie}load(t){if(super.load(t),m(t))return;const e=t.animation;void 0!==e&&this.animation.load(e)}}class de extends le{constructor(){super(),this.animation=new se}load(t){super.load(t)}}class ue extends ce{constructor(){super(),this.value=1}}class pe{constructor(){this.horizontal=new ue,this.vertical=new ue}load(t){m(t)||(this.horizontal.load(t.horizontal),this.vertical.load(t.vertical))}}class fe{constructor(){this.absorb=new re,this.bounce=new pe,this.enable=!1,this.maxSpeed=50,this.mode=Yt.bounce,this.overlap=new he}load(t){m(t)||(this.absorb.load(t.absorb),this.bounce.load(t.bounce),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.maxSpeed&&(this.maxSpeed=D(t.maxSpeed)),void 0!==t.mode&&(this.mode=t.mode),this.overlap.load(t.overlap))}}class me{constructor(){this.close=!0,this.fill=!0,this.options={},this.type=[]}load(t){if(m(t))return;const e=t.options;if(void 0!==e)for(const t in e){const i=e[t];i&&(this.options[t]=N(this.options[t]??{},i))}void 0!==t.close&&(this.close=t.close),void 0!==t.fill&&(this.fill=t.fill),void 0!==t.type&&(this.type=t.type)}}class ve{constructor(){this.offset=0,this.value=90}load(t){m(t)||(void 0!==t.offset&&(this.offset=D(t.offset)),void 0!==t.value&&(this.value=D(t.value)))}}class ye{constructor(){this.distance=200,this.enable=!1,this.rotate={x:3e3,y:3e3}}load(t){if(!m(t)&&(void 0!==t.distance&&(this.distance=D(t.distance)),void 0!==t.enable&&(this.enable=t.enable),t.rotate)){const e=t.rotate.x;void 0!==e&&(this.rotate.x=e);const i=t.rotate.y;void 0!==i&&(this.rotate.y=i)}}}class ge{constructor(){this.x=50,this.y=50,this.mode=B.percent,this.radius=0}load(t){m(t)||(void 0!==t.x&&(this.x=t.x),void 0!==t.y&&(this.y=t.y),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.radius&&(this.radius=t.radius))}}class _e{constructor(){this.acceleration=9.81,this.enable=!1,this.inverse=!1,this.maxSpeed=50}load(t){m(t)||(void 0!==t.acceleration&&(this.acceleration=D(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.inverse&&(this.inverse=t.inverse),void 0!==t.maxSpeed&&(this.maxSpeed=D(t.maxSpeed)))}}class we{constructor(){this.clamp=!0,this.delay=new ce,this.enable=!1,this.options={}}load(t){m(t)||(void 0!==t.clamp&&(this.clamp=t.clamp),this.delay.load(t.delay),void 0!==t.enable&&(this.enable=t.enable),this.generator=t.generator,t.options&&(this.options=N(this.options,t.options)))}}class be{load(t){m(t)||(void 0!==t.color&&(this.color=It.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image))}}class xe{constructor(){this.enable=!1,this.length=10,this.fill=new be}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.fill&&this.fill.load(t.fill),void 0!==t.length&&(this.length=t.length))}}!function(t){t.bounce="bounce",t.none="none",t.out="out",t.destroy="destroy",t.split="split"}(jt||(jt={}));class ze{constructor(){this.default=jt.out}load(t){m(t)||(void 0!==t.default&&(this.default=t.default),this.bottom=t.bottom??t.default,this.left=t.left??t.default,this.right=t.right??t.default,this.top=t.top??t.default)}}class Pe{constructor(){this.acceleration=0,this.enable=!1}load(t){m(t)||(void 0!==t.acceleration&&(this.acceleration=D(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),t.position&&(this.position=N({},t.position)))}}class ke{constructor(){this.angle=new ve,this.attract=new ye,this.center=new ge,this.decay=0,this.distance={},this.direction=c.none,this.drift=0,this.enable=!1,this.gravity=new _e,this.path=new we,this.outModes=new ze,this.random=!1,this.size=!1,this.speed=2,this.spin=new Pe,this.straight=!1,this.trail=new xe,this.vibrate=!1,this.warp=!1}load(t){if(m(t))return;this.angle.load(u(t.angle)?{value:t.angle}:t.angle),this.attract.load(t.attract),this.center.load(t.center),void 0!==t.decay&&(this.decay=D(t.decay)),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.distance&&(this.distance=u(t.distance)?{horizontal:t.distance,vertical:t.distance}:{...t.distance}),void 0!==t.drift&&(this.drift=D(t.drift)),void 0!==t.enable&&(this.enable=t.enable),this.gravity.load(t.gravity);const e=t.outModes;void 0!==e&&(p(e)?this.outModes.load(e):this.outModes.load({default:e})),this.path.load(t.path),void 0!==t.random&&(this.random=t.random),void 0!==t.size&&(this.size=t.size),void 0!==t.speed&&(this.speed=D(t.speed)),this.spin.load(t.spin),void 0!==t.straight&&(this.straight=t.straight),this.trail.load(t.trail),void 0!==t.vibrate&&(this.vibrate=t.vibrate),void 0!==t.warp&&(this.warp=t.warp)}}class Ce extends se{constructor(){super(),this.destroy=A.none,this.speed=2}load(t){super.load(t),m(t)||void 0!==t.destroy&&(this.destroy=t.destroy)}}class Me extends de{constructor(){super(),this.animation=new Ce,this.value=1}load(t){if(m(t))return;super.load(t);const e=t.animation;void 0!==e&&this.animation.load(e)}}class Oe{constructor(){this.enable=!1,this.width=1920,this.height=1080}load(t){if(m(t))return;void 0!==t.enable&&(this.enable=t.enable);const e=t.width;void 0!==e&&(this.width=e);const i=t.height;void 0!==i&&(this.height=i)}}!function(t){t.delete="delete",t.wait="wait"}(Nt||(Nt={}));class Se{constructor(){this.mode=Nt.delete,this.value=0}load(t){m(t)||(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}class De{constructor(){this.density=new Oe,this.limit=new Se,this.value=0}load(t){m(t)||(this.density.load(t.density),this.limit.load(t.limit),void 0!==t.value&&(this.value=t.value))}}class Ee{constructor(){this.blur=0,this.color=new It,this.enable=!1,this.offset={x:0,y:0},this.color.value="#000"}load(t){m(t)||(void 0!==t.blur&&(this.blur=t.blur),this.color=It.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(void 0!==t.offset.x&&(this.offset.x=t.offset.x),void 0!==t.offset.y&&(this.offset.y=t.offset.y)))}}class Ie{constructor(){this.close=!0,this.fill=!0,this.options={},this.type="circle"}load(t){if(m(t))return;const e=t.options;if(void 0!==e)for(const t in e){const i=e[t];i&&(this.options[t]=N(this.options[t]??{},i))}void 0!==t.close&&(this.close=t.close),void 0!==t.fill&&(this.fill=t.fill),void 0!==t.type&&(this.type=t.type)}}class Te extends se{constructor(){super(),this.destroy=A.none,this.speed=5}load(t){super.load(t),m(t)||void 0!==t.destroy&&(this.destroy=t.destroy)}}class Re extends de{constructor(){super(),this.animation=new Te,this.value=3}load(t){if(super.load(t),m(t))return;const e=t.animation;void 0!==e&&this.animation.load(e)}}class Le{constructor(){this.width=0}load(t){m(t)||(void 0!==t.color&&(this.color=ae.create(this.color,t.color)),void 0!==t.width&&(this.width=D(t.width)),void 0!==t.opacity&&(this.opacity=D(t.opacity)))}}class Fe extends ce{constructor(){super(),this.opacityRate=1,this.sizeRate=1,this.velocityRate=1}load(t){super.load(t),m(t)||(void 0!==t.opacityRate&&(this.opacityRate=t.opacityRate),void 0!==t.sizeRate&&(this.sizeRate=t.sizeRate),void 0!==t.velocityRate&&(this.velocityRate=t.velocityRate))}}class Ae{constructor(t,e){this._engine=t,this._container=e,this.bounce=new pe,this.collisions=new fe,this.color=new ae,this.color.value="#fff",this.effect=new me,this.groups={},this.move=new ke,this.number=new De,this.opacity=new Me,this.reduceDuplicates=!1,this.shadow=new Ee,this.shape=new Ie,this.size=new Re,this.stroke=new Le,this.zIndex=new Fe}load(t){if(m(t))return;if(void 0!==t.groups)for(const e of Object.keys(t.groups)){if(!Object.hasOwn(t.groups,e))continue;const i=t.groups[e];void 0!==i&&(this.groups[e]=N(this.groups[e]??{},i))}void 0!==t.reduceDuplicates&&(this.reduceDuplicates=t.reduceDuplicates),this.bounce.load(t.bounce),this.color.load(ae.create(this.color,t.color)),this.effect.load(t.effect),this.move.load(t.move),this.number.load(t.number),this.opacity.load(t.opacity),this.shape.load(t.shape),this.size.load(t.size),this.shadow.load(t.shadow),this.zIndex.load(t.zIndex),this.collisions.load(t.collisions),void 0!==t.interactivity&&(this.interactivity=N({},t.interactivity));const e=t.stroke;if(e&&(this.stroke=Z(e,(t=>{const e=new Le;return e.load(t),e}))),this._container){const e=this._engine.updaters.get(this._container);if(e)for(const i of e)i.loadOptions&&i.loadOptions(this,t);const i=this._engine.interactors.get(this._container);if(i)for(const e of i)e.loadParticlesOptions&&e.loadParticlesOptions(this,t)}}}function qe(t,...e){for(const i of e)t.load(i)}function Be(t,e,...i){const s=new Ae(t,e);return qe(s,...i),s}class He{constructor(t,e){this._findDefaultTheme=t=>this.themes.find((e=>e.default.value&&e.default.mode===t))??this.themes.find((t=>t.default.value&&t.default.mode===Xt.any)),this._importPreset=t=>{this.load(this._engine.getPreset(t))},this._engine=t,this._container=e,this.autoPlay=!0,this.background=new Tt,this.backgroundMask=new Lt,this.clear=!0,this.defaultThemes={},this.delay=0,this.fullScreen=new Ft,this.detectRetina=!0,this.duration=0,this.fpsLimit=120,this.interactivity=new Ut(t,e),this.manualParticles=[],this.particles=Be(this._engine,this._container),this.pauseOnBlur=!0,this.pauseOnOutsideViewport=!0,this.responsive=[],this.smooth=!1,this.style={},this.themes=[],this.zLayers=100}load(t){if(m(t))return;void 0!==t.preset&&Z(t.preset,(t=>this._importPreset(t))),void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.clear&&(this.clear=t.clear),void 0!==t.key&&(this.key=t.key),void 0!==t.name&&(this.name=t.name),void 0!==t.delay&&(this.delay=D(t.delay));const e=t.detectRetina;void 0!==e&&(this.detectRetina=e),void 0!==t.duration&&(this.duration=D(t.duration));const i=t.fpsLimit;void 0!==i&&(this.fpsLimit=i),void 0!==t.pauseOnBlur&&(this.pauseOnBlur=t.pauseOnBlur),void 0!==t.pauseOnOutsideViewport&&(this.pauseOnOutsideViewport=t.pauseOnOutsideViewport),void 0!==t.zLayers&&(this.zLayers=t.zLayers),this.background.load(t.background);const s=t.fullScreen;l(s)?this.fullScreen.enable=s:this.fullScreen.load(s),this.backgroundMask.load(t.backgroundMask),this.interactivity.load(t.interactivity),t.manualParticles&&(this.manualParticles=t.manualParticles.map((t=>{const e=new $t;return e.load(t),e}))),this.particles.load(t.particles),this.style=N(this.style,t.style),this._engine.loadOptions(this,t),void 0!==t.smooth&&(this.smooth=t.smooth);const n=this._engine.interactors.get(this._container);if(n)for(const e of n)e.loadOptions&&e.loadOptions(this,t);if(void 0!==t.responsive)for(const e of t.responsive){const t=new Kt;t.load(e),this.responsive.push(t)}if(this.responsive.sort(((t,e)=>t.maxWidth-e.maxWidth)),void 0!==t.themes)for(const e of t.themes){const t=this.themes.find((t=>t.name===e.name));if(t)t.load(e);else{const t=new ee;t.load(e),this.themes.push(t)}}this.defaultThemes.dark=this._findDefaultTheme(Xt.dark)?.name,this.defaultThemes.light=this._findDefaultTheme(Xt.light)?.name}setResponsive(t,e,i){this.load(i);const s=this.responsive.find((i=>i.mode===Qt.screen&&screen?i.maxWidth>screen.availWidth:i.maxWidth*e>t));return this.load(s?.options),s?.maxWidth}setTheme(t){if(t){const e=this.themes.find((e=>e.name===t));e&&this.load(e.options)}else{const t=U("(prefers-color-scheme: dark)"),e=t?.matches,i=this._findDefaultTheme(e?Xt.dark:Xt.light);i&&this.load(i.options)}}}!function(t){t.external="external",t.particles="particles"}(Zt||(Zt={}));class Ve{constructor(t,e){this.container=e,this._engine=t,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[]}externalInteract(t){for(const e of this._externalInteractors)e.isEnabled()&&e.interact(t)}handleClickMode(t){for(const e of this._externalInteractors)e.handleClickMode?.(t)}async init(){this._interactors=await this._engine.getInteractors(this.container,!0),this._externalInteractors=[],this._particleInteractors=[];for(const t of this._interactors){switch(t.type){case Zt.external:this._externalInteractors.push(t);break;case Zt.particles:this._particleInteractors.push(t)}t.init()}}particlesInteract(t,e){for(const i of this._externalInteractors)i.clear(t,e);for(const i of this._particleInteractors)i.isEnabled(t)&&i.interact(t,e)}reset(t){for(const e of this._externalInteractors)e.isEnabled()&&e.reset(t);for(const e of this._particleInteractors)e.isEnabled(t)&&e.reset(t)}}!function(t){t.normal="normal",t.inside="inside",t.outside="outside"}(Jt||(Jt={}));const We=.5,Ge="random";function Ue(t){if(!$(t.outMode,t.checkModes))return;const e=2*t.radius;t.coord>t.maxCoord-e?t.setCb(-t.radius):t.coord<e&&t.setCb(t.radius)}class $e{constructor(t,e){this.container=e,this._calcPosition=(t,e,i,s=0)=>{for(const s of t.plugins.values()){const t=void 0!==s.particlePosition?s.particlePosition(e,this):void 0;if(t)return _.create(t.x,t.y,i)}const n=R({size:t.canvas.size,position:e}),o=_.create(n.x,n.y,i),a=this.getRadius(),r=this.options.move.outModes,h=e=>{Ue({outMode:e,checkModes:[jt.bounce],coord:o.x,maxCoord:t.canvas.size.width,setCb:t=>o.x+=t,radius:a})},c=e=>{Ue({outMode:e,checkModes:[jt.bounce],coord:o.y,maxCoord:t.canvas.size.height,setCb:t=>o.y+=t,radius:a})};if(h(r.left??r.default),h(r.right??r.default),c(r.top??r.default),c(r.bottom??r.default),this._checkOverlap(o,s)){const e=1;return this._calcPosition(t,void 0,i,s+e)}return o},this._calculateVelocity=()=>{const t=function(t){const e=w.origin;return e.length=1,e.angle=t,e}(this.direction).copy(),e=this.options.move;if(e.direction===c.inside||e.direction===c.outside)return t;const i=I(M(e.angle.value)),s=I(M(e.angle.offset)),n={left:s-i*We,right:s+i*We};return e.straight||(t.angle+=C(D(n.left,n.right))),e.random&&"number"==typeof e.speed&&(t.length*=P()),t},this._checkOverlap=(t,e=0)=>{const i=this.options.collisions,s=this.getRadius();if(!i.enable)return!1;const n=i.overlap;if(n.enable)return!1;const o=n.retries;if(o>=0&&e>o)throw new Error(`${a} particle is overlapping and can't be placed`);return!!this.container.particles.find((e=>E(t,e.position)<s+e.getRadius()))},this._getRollColor=t=>{if(!t||!this.roll||!this.backColor&&!this.roll.alter)return t;const e=this.roll.horizontal&&this.roll.vertical?2:1,i=this.roll.horizontal?Math.PI*We:0;return Math.floor(((this.roll.angle??0)+i)/(Math.PI/e))%2?this.backColor?this.backColor:this.roll.alter?function(t,e,i){return{h:t.h,s:t.s,l:t.l+(e===nt.darken?-1:1)*i}}(t,this.roll.alter.type,this.roll.alter.value):t:t},this._initPosition=t=>{const e=this.container,i=M(this.options.zIndex.value);this.position=this._calcPosition(e,t,k(i,0,e.zLayers)),this.initialPosition=this.position.copy();const s=e.canvas.size;switch(this.moveCenter={...tt(this.options.move.center,s),radius:this.options.move.center.radius??0,mode:this.options.move.center.mode??B.percent},this.direction=function(t,e,i){if(u(t))return I(t);const s=.25;switch(t){case c.top:return.5*-Math.PI;case c.topRight:return-Math.PI*s;case c.right:return 0;case c.bottomRight:return Math.PI*s;case c.bottom:return.5*Math.PI;case c.bottomLeft:return.75*Math.PI;case c.left:return Math.PI;case c.topLeft:return.75*-Math.PI;case c.inside:return Math.atan2(i.y-e.y,i.x-e.x);case c.outside:return Math.atan2(e.y-i.y,e.x-i.x);default:return P()*z}}(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case c.inside:this.outType=Jt.inside;break;case c.outside:this.outType=Jt.outside}this.offset=w.origin},this._engine=t}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;const e=this.container,i=this.pathGenerator,s=e.shapeDrawers.get(this.shape);s?.particleDestroy?.(this);for(const i of e.plugins.values())i.particleDestroyed?.(this,t);for(const i of e.particles.updaters)i.particleDestroyed?.(this,t);i?.reset(this),this._engine.dispatchEvent(Dt.particleDestroyed,{container:this.container,data:{particle:this}})}draw(t){const e=this.container,i=e.canvas;for(const s of e.plugins.values())i.drawParticlePlugin(s,this,t);i.drawParticle(this,t)}getFillColor(){return this._getRollColor(this.bubble.color??ft(this.color))}getMass(){return this.getRadius()**2*Math.PI*We}getPosition(){return{x:this.position.x+this.offset.x,y:this.position.y+this.offset.y,z:this.position.z}}getRadius(){return this.bubble.radius??this.size.value}getStrokeColor(){return this._getRollColor(this.bubble.color??ft(this.strokeColor))}init(t,e,i,s){const n=this.container,o=this._engine;this.id=t,this.group=s,this.effectClose=!0,this.effectFill=!0,this.shapeClose=!0,this.shapeFill=!0,this.pathRotation=!1,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.isRotating=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{}},this.outType=Jt.normal,this.ignoresResizeRatio=!0;const a=n.retina.pixelRatio,r=n.actualOptions,c=Be(this._engine,n,r.particles),{reduceDuplicates:l}=c,d=c.effect.type,u=c.shape.type;this.effect=J(d,this.id,l),this.shape=J(u,this.id,l);const p=c.effect,f=c.shape;if(i){if(i.effect?.type){const t=J(i.effect.type,this.id,l);t&&(this.effect=t,p.load(i.effect))}if(i.shape?.type){const t=J(i.shape.type,this.id,l);t&&(this.shape=t,f.load(i.shape))}}if(this.effect===Ge){const t=[...this.container.effectDrawers.keys()];this.effect=t[Math.floor(Math.random()*t.length)]}if(this.shape===Ge){const t=[...this.container.shapeDrawers.keys()];this.shape=t[Math.floor(Math.random()*t.length)]}this.effectData=function(t,e,i,s){const n=e.options[t];if(n)return N({close:e.close,fill:e.fill},J(n,i,s))}(this.effect,p,this.id,l),this.shapeData=function(t,e,i,s){const n=e.options[t];if(n)return N({close:e.close,fill:e.fill},J(n,i,s))}(this.shape,f,this.id,l),c.load(i);const m=this.effectData;m&&c.load(m.particles);const v=this.shapeData;v&&c.load(v.particles);const y=new Ut(o,n);y.load(n.actualOptions.interactivity),y.load(c.interactivity),this.interactivity=y,this.effectFill=m?.fill??c.effect.fill,this.effectClose=m?.close??c.effect.close,this.shapeFill=v?.fill??c.shape.fill,this.shapeClose=v?.close??c.shape.close,this.options=c;const g=this.options.move.path;this.pathDelay=M(g.delay.value)*h,g.generator&&(this.pathGenerator=this._engine.getPathGenerator(g.generator),this.pathGenerator&&n.addPath(g.generator,this.pathGenerator)&&this.pathGenerator.init(n)),n.retina.initParticle(this),this.size=function(t,e){const i=t.value,s=t.animation,n={delayTime:M(s.delay)*h,enable:s.enable,value:M(t.value)*e,max:S(i)*e,min:O(i)*e,loops:0,maxLoops:M(s.count),time:0};if(s.enable){switch(n.decay=1-M(s.decay),s.mode){case L.increase:n.status=F.increasing;break;case L.decrease:n.status=F.decreasing;break;case L.random:n.status=P()>=.5?F.increasing:F.decreasing}const t=s.mode===L.auto;switch(s.startValue){case H.min:n.value=n.min,t&&(n.status=F.increasing);break;case H.max:n.value=n.max,t&&(n.status=F.decreasing);break;case H.random:default:n.value=C(n),t&&(n.status=P()>=.5?F.increasing:F.decreasing)}}return n.initialValue=n.value,n}(this.options.size,a),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(e),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy();this.moveDecay=1-M(this.options.move.decay);const _=n.particles;_.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/n.zLayers,this.sides=24;let w=n.effectDrawers.get(this.effect);w||(w=this._engine.getEffectDrawer(this.effect),w&&n.effectDrawers.set(this.effect,w)),w?.loadEffect&&w.loadEffect(this);let b=n.shapeDrawers.get(this.shape);b||(b=this._engine.getShapeDrawer(this.shape),b&&n.shapeDrawers.set(this.shape,b)),b?.loadShape&&b.loadShape(this);const x=b?.getSidesCount;x&&(this.sides=x(this)),this.spawning=!1,this.shadowColor=rt(this._engine,this.options.shadow.color);for(const t of _.updaters)t.init(this);for(const t of _.movers)t.init?.(this);w?.particleInit?.(n,this),b?.particleInit?.(n,this);for(const t of n.plugins.values())t.particleCreated?.(this)}isInsideCanvas(){const t=this.getRadius(),e=this.container.canvas.size,i=this.position;return i.x>=-t&&i.y>=-t&&i.y<=e.height+t&&i.x<=e.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(const t of this.container.particles.updaters)t.reset?.(this)}}class Qe{constructor(t,e){this.position=t,this.particle=e}}var Xe;!function(t){t.circle="circle",t.rectangle="rectangle"}(Xe||(Xe={}));class Ye{constructor(t,e,i){this.position={x:t,y:e},this.type=i}}class je extends Ye{constructor(t,e,i){super(t,e,Xe.circle),this.radius=i}contains(t){return E(t,this.position)<=this.radius}intersects(t){const e=this.position,i=t.position,s=Math.abs(i.x-e.x),n=Math.abs(i.y-e.y),o=this.radius;if(t instanceof je||t.type===Xe.circle){return o+t.radius>Math.sqrt(s**2+n**2)}if(t instanceof Ne||t.type===Xe.rectangle){const e=t,{width:i,height:a}=e.size;return Math.pow(s-i,2)+Math.pow(n-a,2)<=o**2||s<=o+i&&n<=o+a||s<=i||n<=a}return!1}}class Ne extends Ye{constructor(t,e,i,s){super(t,e,Xe.rectangle),this.size={height:s,width:i}}contains(t){const e=this.size.width,i=this.size.height,s=this.position;return t.x>=s.x&&t.x<=s.x+e&&t.y>=s.y&&t.y<=s.y+i}intersects(t){if(t instanceof je)return t.intersects(this);const e=this.size.width,i=this.size.height,s=this.position,n=t.position,o=t instanceof Ne?t.size:{width:0,height:0},a=o.width,r=o.height;return n.x<s.x+e&&n.x+a>s.x&&n.y<s.y+i&&n.y+r>s.y}}const Ze=.5;class Je{constructor(t,e){this.rectangle=t,this.capacity=e,this._subdivide=()=>{const{x:t,y:e}=this.rectangle.position,{width:i,height:s}=this.rectangle.size,{capacity:n}=this;for(let o=0;o<4;o++){const a=o%2;this._subs.push(new Je(new Ne(t+i*Ze*a,e+s*Ze*(Math.round(o*Ze)-a),i*Ze,s*Ze),n))}this._divided=!0},this._points=[],this._divided=!1,this._subs=[]}insert(t){return!!this.rectangle.contains(t.position)&&(this._points.length<this.capacity?(this._points.push(t),!0):(this._divided||this._subdivide(),this._subs.some((e=>e.insert(t)))))}query(t,e){const i=[];if(!t.intersects(this.rectangle))return[];for(const s of this._points)!t.contains(s.position)&&E(t.position,s.position)>s.particle.getRadius()&&(!e||e(s.particle))||i.push(s.particle);if(this._divided)for(const s of this._subs)i.push(...s.query(t,e));return i}queryCircle(t,e,i){return this.query(new je(t.x,t.y,e),i)}queryRectangle(t,e,i){return this.query(new Ne(t.x,t.y,e.width,e.height),i)}}const Ke=t=>{const{height:e,width:i}=t;return new Ne(-.25*i,-.25*e,1.5*i,1.5*e)};class ti{constructor(t,e){this._addToPool=(...t)=>{this._pool.push(...t)},this._applyDensity=(t,e,i)=>{const s=t.number;if(!t.number.density?.enable)return void(void 0===i?this._limit=s.limit.value:s.limit&&this._groupLimits.set(i,s.limit.value));const n=this._initDensityFactor(s.density),o=s.value,a=s.limit.value>0?s.limit.value:o,r=Math.min(o,a)*n+e,h=Math.min(this.count,this.filter((t=>t.group===i)).length);void 0===i?this._limit=s.limit.value*n:this._groupLimits.set(i,s.limit.value*n),h<r?this.push(Math.abs(r-h),void 0,t,i):h>r&&this.removeQuantity(h-r,i)},this._initDensityFactor=t=>{const e=this._container;if(!e.canvas.element||!t.enable)return 1;const i=e.canvas.element,s=e.retina.pixelRatio;return i.width*i.height/(t.height*t.width*s**2)},this._pushParticle=(t,e,i,s)=>{try{let n=this._pool.pop();n||(n=new $e(this._engine,this._container)),n.init(this._nextId,t,e,i);let o=!0;if(s&&(o=s(n)),!o)return;return this._array.push(n),this._zArray.push(n),this._nextId++,this._engine.dispatchEvent(Dt.particleAdded,{container:this._container,data:{particle:n}}),n}catch(t){W().warning(`${a} adding particle: ${t}`)}},this._removeParticle=(t,e,i)=>{const s=this._array[t];if(!s||s.group!==e)return!1;const n=this._zArray.indexOf(s);return this._array.splice(t,1),this._zArray.splice(n,1),s.destroy(i),this._engine.dispatchEvent(Dt.particleRemoved,{container:this._container,data:{particle:s}}),this._addToPool(s),!0},this._engine=t,this._container=e,this._nextId=0,this._array=[],this._zArray=[],this._pool=[],this._limit=0,this._groupLimits=new Map,this._needsSort=!1,this._lastZIndex=0,this._interactionManager=new Ve(t,e),this._pluginsInitialized=!1;const i=e.canvas.size;this.quadTree=new Je(Ke(i),4),this.movers=[],this.updaters=[]}get count(){return this._array.length}addManualParticles(){const t=this._container;t.actualOptions.manualParticles.forEach((e=>this.addParticle(e.position?tt(e.position,t.canvas.size):void 0,e.options)))}addParticle(t,e,i,s){const n=this._container.actualOptions.particles.number.limit.mode,o=void 0===i?this._limit:this._groupLimits.get(i)??this._limit,a=this.count;if(o>0)switch(n){case Nt.delete:{const t=a+1-o;t>0&&this.removeQuantity(t);break}case Nt.wait:if(a>=o)return}return this._pushParticle(t,e,i,s)}clear(){this._array=[],this._zArray=[],this._pluginsInitialized=!1}destroy(){this._array=[],this._zArray=[],this.movers=[],this.updaters=[]}draw(t){const e=this._container,i=e.canvas;i.clear(),this.update(t);for(const s of e.plugins.values())i.drawPlugin(s,t);for(const e of this._zArray)e.draw(t)}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}get(t){return this._array[t]}handleClickMode(t){this._interactionManager.handleClickMode(t)}async init(){const t=this._container,e=t.actualOptions;this._lastZIndex=0,this._needsSort=!1,await this.initPlugins();let i=!1;for(const e of t.plugins.values())if(i=e.particlesInitialization?.()??i,i)break;if(this.addManualParticles(),!i){const t=e.particles,i=t.groups;for(const e in i){const s=i[e];for(let i=this.count,n=0;n<s.number?.value&&i<t.number.value;i++,n++)this.addParticle(void 0,s,e)}for(let e=this.count;e<t.number.value;e++)this.addParticle()}}async initPlugins(){if(this._pluginsInitialized)return;const t=this._container;this.movers=await this._engine.getMovers(t,!0),this.updaters=await this._engine.getUpdaters(t,!0),await this._interactionManager.init();for(const e of t.pathGenerators.values())e.init(t)}push(t,e,i,s){for(let n=0;n<t;n++)this.addParticle(e?.position,i,s)}async redraw(){this.clear(),await this.init(),this.draw({value:0,factor:0})}remove(t,e,i){this.removeAt(this._array.indexOf(t),void 0,e,i)}removeAt(t,e=1,i,s){if(t<0||t>this.count)return;let n=0;for(let o=t;n<e&&o<this.count;o++)this._removeParticle(o,i,s)&&(o--,n++)}removeQuantity(t,e){this.removeAt(0,t,e)}setDensity(){const t=this._container.actualOptions,e=t.particles.groups;for(const t in e)this._applyDensity(e[t],0,t);this._applyDensity(t.particles,t.manualParticles.length)}setLastZIndex(t){this._lastZIndex=t,this._needsSort=this._needsSort||this._lastZIndex<t}setResizeFactor(t){this._resizeFactor=t}update(t){const e=this._container,i=new Set;this.quadTree=new Je(Ke(e.canvas.size),4);for(const t of e.pathGenerators.values())t.update();for(const i of e.plugins.values())i.update?.(t);const s=this._resizeFactor;for(const e of this._array){s&&!e.ignoresResizeRatio&&(e.position.x*=s.width,e.position.y*=s.height,e.initialPosition.x*=s.width,e.initialPosition.y*=s.height),e.ignoresResizeRatio=!1,this._interactionManager.reset(e);for(const i of this._container.plugins.values()){if(e.destroyed)break;i.particleUpdate?.(e,t)}for(const i of this.movers)i.isEnabled(e)&&i.move(e,t);e.destroyed?i.add(e):this.quadTree.insert(new Qe(e.getPosition(),e))}if(i.size){const t=t=>!i.has(t);this._array=this.filter(t),this._zArray=this._zArray.filter(t);for(const t of i)this._engine.dispatchEvent(Dt.particleRemoved,{container:this._container,data:{particle:t}});this._addToPool(...i)}this._interactionManager.externalInteract(t);for(const e of this._array){for(const i of this.updaters)i.update(e,t);e.destroyed||e.spawning||this._interactionManager.particlesInteract(e,t)}if(delete this._resizeFactor,this._needsSort){const t=this._zArray;t.sort(((t,e)=>e.position.z-t.position.z||t.id-e.id));const e=1;this._lastZIndex=t[t.length-e].position.z,this._needsSort=!1}}}class ei{constructor(t){this.container=t,this.pixelRatio=1,this.reduceFactor=1}init(){const t=this.container,e=t.actualOptions;this.pixelRatio=!e.detectRetina||G()?1:window.devicePixelRatio,this.reduceFactor=1;const i=this.pixelRatio,s=t.canvas;if(s.element){const t=s.element;s.size.width=t.offsetWidth*i,s.size.height=t.offsetHeight*i}const n=e.particles,o=n.move;this.maxSpeed=M(o.gravity.maxSpeed)*i,this.sizeAnimationSpeed=M(n.size.animation.speed)*i}initParticle(t){const e=t.options,i=this.pixelRatio,s=e.move,n=s.distance,o=t.retina;o.moveDrift=M(s.drift)*i,o.moveSpeed=M(s.speed)*i,o.sizeAnimationSpeed=M(e.size.animation.speed)*i;const a=o.maxDistance;a.horizontal=void 0!==n.horizontal?n.horizontal*i:void 0,a.vertical=void 0!==n.vertical?n.vertical*i:void 0,o.maxSpeed=M(s.gravity.maxSpeed)*i}}function ii(t){return t&&!t.destroyed}function si(t,e,...i){const s=new He(t,e);return qe(s,...i),s}class ni{constructor(t,e,i){this._intersectionManager=t=>{if(ii(this)&&this.actualOptions.pauseOnOutsideViewport)for(const e of t)e.target===this.interactivity.element&&(e.isIntersecting?this.play():this.pause())},this._nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+h/this.fpsLimit)return void this.draw(!1);this._lastFrameTime??=t;const e=function(t,e=60,i=!1){return{value:t,factor:i?60/e:60*t/h}}(t-this._lastFrameTime,this.fpsLimit,this._smooth);if(this.addLifeTime(e.value),this._lastFrameTime=t,e.value>h)return void this.draw(!1);if(this.particles.draw(e),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){W().error(`${a} in animation loop`,t)}},this._engine=t,this.id=Symbol(e),this.fpsLimit=120,this._smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this._lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._clickHandlers=new Map,this._sourceOptions=i,this._initialSourceOptions=i,this.retina=new ei(this),this.canvas=new Ct(this,this._engine),this.particles=new ti(this._engine,this),this.pathGenerators=new Map,this.interactivity={mouse:{clicking:!1,inside:!1}},this.plugins=new Map,this.effectDrawers=new Map,this.shapeDrawers=new Map,this._options=si(this._engine,this),this.actualOptions=si(this._engine,this),this._eventListeners=new St(this),this._intersectionObserver=function(t){if(!G()&&"undefined"!=typeof IntersectionObserver)return new IntersectionObserver(t)}((t=>this._intersectionManager(t))),this._engine.dispatchEvent(Dt.containerBuilt,{container:this})}get animationStatus(){return!this._paused&&!this.pageHidden&&ii(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addClickHandler(t){if(!ii(this))return;const e=this.interactivity.element;if(!e)return;const i=(e,i,s)=>{if(!ii(this))return;const n=this.retina.pixelRatio,o={x:i.x*n,y:i.y*n},a=this.particles.quadTree.queryCircle(o,s*n);t(e,a)};let s=!1,n=!1;this._clickHandlers.set("click",(t=>{if(!ii(this))return;const e=t,s={x:e.offsetX||e.clientX,y:e.offsetY||e.clientY};i(t,s,1)})),this._clickHandlers.set("touchstart",(()=>{ii(this)&&(s=!0,n=!1)})),this._clickHandlers.set("touchmove",(()=>{ii(this)&&(n=!0)})),this._clickHandlers.set("touchend",(t=>{if(ii(this)){if(s&&!n){const e=t,s=1;let n=e.touches[e.touches.length-s];if(!n&&(n=e.changedTouches[e.changedTouches.length-s],!n))return;const o=this.canvas.element,a=o?o.getBoundingClientRect():void 0,r=0,h={x:n.clientX-(a?a.left:r),y:n.clientY-(a?a.top:r)};i(t,h,Math.max(n.radiusX,n.radiusY))}s=!1,n=!1}})),this._clickHandlers.set("touchcancel",(()=>{ii(this)&&(s=!1,n=!1)}));for(const[t,i]of this._clickHandlers)e.addEventListener(t,i)}addLifeTime(t){this._lifeTime+=t}addPath(t,e,i=!1){return!(!ii(this)||!i&&this.pathGenerators.has(t))&&(this.pathGenerators.set(t,e),!0)}alive(){return!this._duration||this._lifeTime<=this._duration}clearClickHandlers(){if(ii(this)){for(const[t,e]of this._clickHandlers)this.interactivity.element?.removeEventListener(t,e);this._clickHandlers.clear()}}destroy(t=!0){if(ii(this)){this.stop(),this.clearClickHandlers(),this.particles.destroy(),this.canvas.destroy();for(const t of this.effectDrawers.values())t.destroy?.(this);for(const t of this.shapeDrawers.values())t.destroy?.(this);for(const t of this.effectDrawers.keys())this.effectDrawers.delete(t);for(const t of this.shapeDrawers.keys())this.shapeDrawers.delete(t);if(this._engine.clearPlugins(this),this.destroyed=!0,t){const t=this._engine.items,e=t.findIndex((t=>t===this));if(e>=0){const i=1;t.splice(e,i)}}this._engine.dispatchEvent(Dt.containerDestroyed,{container:this})}}draw(t){if(!ii(this))return;let e=t;const i=t=>{e&&(this._lastFrameTime=void 0,e=!1),this._nextFrame(t)};var s;this._drawAnimationFrame=(s=t=>i(t),x.nextFrame(s))}async export(t,e={}){for(const i of this.plugins.values()){if(!i.export)continue;const s=await i.export(t,e);if(s.supported)return s.blob}W().error(`${a} - Export plugin with type ${t} not found`)}handleClickMode(t){if(ii(this)){this.particles.handleClickMode(t);for(const e of this.plugins.values())e.handleClickMode?.(t)}}async init(){if(!ii(this))return;const t=this._engine.getSupportedEffects();for(const e of t){const t=this._engine.getEffectDrawer(e);t&&this.effectDrawers.set(e,t)}const e=this._engine.getSupportedShapes();for(const t of e){const e=this._engine.getShapeDrawer(t);e&&this.shapeDrawers.set(t,e)}await this.particles.initPlugins(),this._options=si(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=si(this._engine,this,this._options);const i=await this._engine.getAvailablePlugins(this);for(const[t,e]of i)this.plugins.set(t,e);this.retina.init(),await this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();const{zLayers:s,duration:n,delay:o,fpsLimit:a,smooth:r}=this.actualOptions;this.zLayers=s,this._duration=M(n)*h,this._delay=M(o)*h,this._lifeTime=0;this.fpsLimit=a>0?a:120,this._smooth=r;for(const t of this.effectDrawers.values())await(t.init?.(this));for(const t of this.shapeDrawers.values())await(t.init?.(this));for(const t of this.plugins.values())await(t.init?.());this._engine.dispatchEvent(Dt.containerInit,{container:this}),await this.particles.init(),this.particles.setDensity();for(const t of this.plugins.values())t.particlesSetup?.();this._engine.dispatchEvent(Dt.particlesSetup,{container:this})}async loadTheme(t){ii(this)&&(this._currentTheme=t,await this.refresh())}pause(){var t;if(ii(this)&&(void 0!==this._drawAnimationFrame&&(t=this._drawAnimationFrame,x.cancel(t),delete this._drawAnimationFrame),!this._paused)){for(const t of this.plugins.values())t.pause?.();this.pageHidden||(this._paused=!0),this._engine.dispatchEvent(Dt.containerPaused,{container:this})}}play(t){if(!ii(this))return;const e=this._paused||t;if(!this._firstStart||this.actualOptions.autoPlay){if(this._paused&&(this._paused=!1),e)for(const t of this.plugins.values())t.play&&t.play();this._engine.dispatchEvent(Dt.containerPlay,{container:this}),this.draw(e??!1)}else this._firstStart=!1}async refresh(){if(ii(this))return this.stop(),this.start()}async reset(t){if(ii(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=si(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=si(this._engine,this,this._options),this.refresh()}async start(){ii(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise((t=>{const e=async()=>{this._eventListeners.addListeners(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(this.interactivity.element);for(const t of this.plugins.values())await(t.start?.());this._engine.dispatchEvent(Dt.containerStarted,{container:this}),this.play(),t()};this._delayTimeout=setTimeout((()=>{e()}),this._delay)})))}stop(){if(ii(this)&&this.started){this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(this.interactivity.element);for(const t of this.plugins.values())t.stop?.();for(const t of this.plugins.keys())this.plugins.delete(t);this._sourceOptions=this._options,this._engine.dispatchEvent(Dt.containerStopped,{container:this})}}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,this._options);return this.actualOptions.setTheme(this._currentTheme),this._responsiveMaxWidth!==t&&(this._responsiveMaxWidth=t,!0)}}class oi{constructor(){this._listeners=new Map}addEventListener(t,e){this.removeEventListener(t,e);let i=this._listeners.get(t);i||(i=[],this._listeners.set(t,i)),i.push(e)}dispatchEvent(t,e){const i=this._listeners.get(t);i?.forEach((t=>t(e)))}hasEventListener(t){return!!this._listeners.get(t)}removeAllEventListeners(t){t?this._listeners.delete(t):this._listeners=new Map}removeEventListener(t,e){const i=this._listeners.get(t);if(!i)return;const s=i.length,n=i.indexOf(e);if(n<0)return;1===s?this._listeners.delete(t):i.splice(n,1)}}async function ai(t,e,i,s=!1){let n=e.get(t);return n&&!s||(n=await Promise.all([...i.values()].map((e=>e(t)))),e.set(t,n)),n}const ri="true",hi="false",ci="canvas";class li{constructor(){this._configs=new Map,this._domArray=[],this._eventDispatcher=new oi,this._initialized=!1,this.plugins=[],this.colorManagers=new Map,this.easingFunctions=new Map,this._initializers={interactors:new Map,movers:new Map,updaters:new Map},this.interactors=new Map,this.movers=new Map,this.updaters=new Map,this.presets=new Map,this.effectDrawers=new Map,this.shapeDrawers=new Map,this.pathGenerators=new Map}get configs(){const t={};for(const[e,i]of this._configs)t[e]=i;return t}get items(){return this._domArray}get version(){return"3.7.1"}async addColorManager(t,e=!0){this.colorManagers.set(t.key,t),await this.refresh(e)}addConfig(t){const e=t.key??t.name??"default";this._configs.set(e,t),this._eventDispatcher.dispatchEvent(Dt.configAdded,{data:{name:e,config:t}})}async addEasing(t,e,i=!0){this.getEasing(t)||(this.easingFunctions.set(t,e),await this.refresh(i))}async addEffect(t,e,i=!0){Z(t,(t=>{this.getEffectDrawer(t)||this.effectDrawers.set(t,e)})),await this.refresh(i)}addEventListener(t,e){this._eventDispatcher.addEventListener(t,e)}async addInteractor(t,e,i=!0){this._initializers.interactors.set(t,e),await this.refresh(i)}async addMover(t,e,i=!0){this._initializers.movers.set(t,e),await this.refresh(i)}async addParticleUpdater(t,e,i=!0){this._initializers.updaters.set(t,e),await this.refresh(i)}async addPathGenerator(t,e,i=!0){this.getPathGenerator(t)||this.pathGenerators.set(t,e),await this.refresh(i)}async addPlugin(t,e=!0){this.getPlugin(t.id)||this.plugins.push(t),await this.refresh(e)}async addPreset(t,e,i=!1,s=!0){!i&&this.getPreset(t)||this.presets.set(t,e),await this.refresh(s)}async addShape(t,e=!0){for(const e of t.validTypes)this.getShapeDrawer(e)||this.shapeDrawers.set(e,t);await this.refresh(e)}clearPlugins(t){this.updaters.delete(t),this.movers.delete(t),this.interactors.delete(t)}dispatchEvent(t,e){this._eventDispatcher.dispatchEvent(t,e)}dom(){return this.items}domItem(t){return this.item(t)}async getAvailablePlugins(t){const e=new Map;for(const i of this.plugins)i.needsPlugin(t.actualOptions)&&e.set(i.id,await i.getPlugin(t));return e}getEasing(t){return this.easingFunctions.get(t)??(t=>t)}getEffectDrawer(t){return this.effectDrawers.get(t)}async getInteractors(t,e=!1){return ai(t,this.interactors,this._initializers.interactors,e)}async getMovers(t,e=!1){return ai(t,this.movers,this._initializers.movers,e)}getPathGenerator(t){return this.pathGenerators.get(t)}getPlugin(t){return this.plugins.find((e=>e.id===t))}getPreset(t){return this.presets.get(t)}getShapeDrawer(t){return this.shapeDrawers.get(t)}getSupportedEffects(){return this.effectDrawers.keys()}getSupportedShapes(){return this.shapeDrawers.keys()}async getUpdaters(t,e=!1){return ai(t,this.updaters,this._initializers.updaters,e)}init(){this._initialized||(this._initialized=!0)}item(t){const{items:e}=this,i=e[t];if(i&&!i.destroyed)return i;{const i=1;e.splice(t,i)}}async load(t){const e=t.id??t.element?.id??`tsparticles${Math.floor(1e4*P())}`,{index:s,url:n}=t,o=n?await async function(t){const e=J(t.url,t.index);if(!e)return t.fallback;const i=await fetch(e);return i.ok?await i.json():(W().error(`${a} ${i.status} while retrieving config file`),t.fallback)}({fallback:t.options,url:n,index:s}):t.options,r=J(o,s),{items:h}=this,c=h.findIndex((t=>t.id.description===e)),l=new ni(this,e,r);if(c>=0){const t=this.item(c),e=t?1:0;t&&!t.destroyed&&t.destroy(!1),h.splice(c,e,l)}else h.push(l);const d=((t,e)=>{let s=e??document.getElementById(t);return s||(s=document.createElement("div"),s.id=t,s.dataset[i]=ri,document.body.append(s),s)})(e,t.element),u=(t=>{let e;if(t instanceof HTMLCanvasElement||t.tagName.toLowerCase()===ci)e=t,e.dataset[i]||(e.dataset[i]=hi);else{const s=t.getElementsByTagName(ci);s.length?(e=s[0],e.dataset[i]=hi):(e=document.createElement(ci),e.dataset[i]=ri,t.appendChild(e))}const s="100%";return e.style.width||(e.style.width=s),e.style.height||(e.style.height=s),e})(d);return l.canvas.loadCanvas(u),await l.start(),l}loadOptions(t,e){this.plugins.forEach((i=>i.loadOptions?.(t,e)))}loadParticlesOptions(t,e,...i){const s=this.updaters.get(t);s&&s.forEach((t=>t.loadOptions?.(e,...i)))}async refresh(t=!0){t&&await Promise.all(this.items.map((t=>t.refresh())))}removeEventListener(t,e){this._eventDispatcher.removeEventListener(t,e)}setOnClickHandler(t){const{items:e}=this;if(!e.length)throw new Error(`${a} can only set click handlers after calling tsParticles.load()`);e.forEach((e=>e.addClickHandler(t)))}}var di,ui,pi;!function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(di||(di={})),function(t){t.linear="linear",t.radial="radial",t.random="random"}(ui||(ui={})),function(t){t.easeInBack="ease-in-back",t.easeInCirc="ease-in-circ",t.easeInCubic="ease-in-cubic",t.easeInLinear="ease-in-linear",t.easeInQuad="ease-in-quad",t.easeInQuart="ease-in-quart",t.easeInQuint="ease-in-quint",t.easeInExpo="ease-in-expo",t.easeInSine="ease-in-sine",t.easeOutBack="ease-out-back",t.easeOutCirc="ease-out-circ",t.easeOutCubic="ease-out-cubic",t.easeOutLinear="ease-out-linear",t.easeOutQuad="ease-out-quad",t.easeOutQuart="ease-out-quart",t.easeOutQuint="ease-out-quint",t.easeOutExpo="ease-out-expo",t.easeOutSine="ease-out-sine",t.easeInOutBack="ease-in-out-back",t.easeInOutCirc="ease-in-out-circ",t.easeInOutCubic="ease-in-out-cubic",t.easeInOutLinear="ease-in-out-linear",t.easeInOutQuad="ease-in-out-quad",t.easeInOutQuart="ease-in-out-quart",t.easeInOutQuint="ease-in-out-quint",t.easeInOutExpo="ease-in-out-expo",t.easeInOutSine="ease-in-out-sine"}(pi||(pi={}));const fi=function(){const t=new li;return t.init(),t}();G()||(window.tsParticles=fi);class mi{constructor(){this.wait=!1}load(t){m(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=D(t.delay)),void 0!==t.duration&&(this.duration=D(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class vi{constructor(){this.quantity=1,this.delay=.1}load(t){m(t)||(void 0!==t.quantity&&(this.quantity=D(t.quantity)),void 0!==t.delay&&(this.delay=D(t.delay)))}}class yi{constructor(){this.color=!1,this.opacity=!1}load(t){m(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class gi{constructor(){this.options={},this.replace=new yi,this.type="square"}load(t){m(t)||(void 0!==t.options&&(this.options=N({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}class _i{constructor(){this.mode=B.percent,this.height=0,this.width=0}load(t){m(t)||(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class wi{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new mi,this.rate=new vi,this.shape=new gi,this.startCount=0}load(t){m(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size||(this.size=new _i),this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=Z(t.particles,(t=>N({},t))),this.rate.load(t.rate),this.shape.load(t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=D(t.position.x)),void 0!==t.position.y&&(this.position.y=D(t.position.y))),void 0!==t.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new ae),this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}var bi;!function(t){t.emitter="emitter"}(bi||(bi={}));function xi(t,e){t.color?t.color.value=e:t.color={value:e}}class zi{constructor(t,e,i,s,n){this.emitters=e,this.container=i,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const t=void 0!==this.options.life?.duration?M(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*h)},this._setColorAnimation=(t,e,i,s=1)=>{const n=this.container;if(!t.enable)return e;const o=C(t.offset),a=M(this.options.rate.delay)*h/n.retina.reduceFactor;return(e+M(t.speed??0)*n.fpsLimit/a+o*s)%i},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,s instanceof wi?this.options=s:(this.options=new wi,this.options.load(s)),this._spawnDelay=M(this.options.life.delay??0)*h/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let o=N({},this.options.particles);if(o??={},o.move??={},o.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=ct(this._engine,this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=o,this._size=this._calcSize(),this.size=et(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=document.getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const a=this.options.shape,r=this._engine.emitterShapeManager?.getShapeGenerator(a.type);r&&(this._shape=r.generate(this.position,this.size,this.fill,a.options)),this._engine.dispatchEvent("emitterCreated",{container:i,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const t=M(this.options.rate.delay);this._emitDelay=t*h/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const t=this._initialPosition;this.position=t&&Y(t,this.container.canvas.size,w.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=et(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}update(t){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=t.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=M(this.options.life.delay??0)*h/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=document.getElementById(this.options.domId);if(t){const e=t.getBoundingClientRect(),i=this.container.retina.pixelRatio;return{x:(e.x+.5*e.width)*i,y:(e.y+.5*e.height)*i}}}return T({size:this.container.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{width:i.width*t.retina.pixelRatio,height:i.height*t.retina.pixelRatio,mode:B.precise}}}return this.options.size??(()=>{const t=new _i;return t.load({height:0,mode:B.percent,width:0}),t})()}_emit(){if(this._paused)return;const t=M(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){const e=J(this._particlesOptions);for(let i=0;i<t;i++){const t=N({},e);if(this.spawnColor){const e=this.options.spawnColor?.animation;if(e){const t={h:360,s:100,l:100},i=3.6;this.spawnColor.h=this._setColorAnimation(e.h,this.spawnColor.h,t.h,i),this.spawnColor.s=this._setColorAnimation(e.s,this.spawnColor.s,t.s),this.spawnColor.l=this._setColorAnimation(e.l,this.spawnColor.l,t.l)}xi(t,this.spawnColor)}const i=this.options.shape;let s=this.position;if(this._shape){const e=this._shape.randomPosition();if(e){s=e.position;const n=i.replace;n.color&&e.color&&xi(t,e.color),n.opacity&&(t.opacity?t.opacity.value=e.opacity:t.opacity={value:e.opacity})}else s=null}s&&this.container.particles.addParticle(s,t)}}}class Pi{constructor(t,e){this.container=e,this._engine=t,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]};e.getEmitter=t=>void 0===t||u(t)?this.array[t??0]:this.array.find((e=>e.name===t)),e.addEmitter=async(t,e)=>this.addEmitter(t,e),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}async addEmitter(t,e){const i=new wi;i.load(t);const s=new zi(this._engine,this,this.container,i,e);return await s.init(),this.array.push(s),s}handleClickMode(t){const e=this.emitters,i=this.interactivityEmitters;if(t!==bi.emitter)return;let s;if(i&&f(i.value)){const t=0;if(i.value.length>t&&i.random.enable){s=[];const t=[];for(let e=0;e<i.random.count;e++){const n=Q(i.value);t.includes(n)&&t.length<i.value.length?e--:(t.push(n),s.push(X(i.value,n)))}}else s=i.value}else s=i?.value;const n=s??e,o=this.container.interactivity.mouse.clickPosition;Z(n,(async t=>{await this.addEmitter(t,o)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if(f(this.emitters))for(const t of this.emitters)await this.addEmitter(t);else await this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const e of this.array)e.update(t)}}class ki{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return Promise.resolve(new Pi(this._engine,t))}loadOptions(t,e){if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;e?.emitters&&(t.emitters=Z(e.emitters,(t=>{const e=new wi;return e.load(t),e})));const i=e?.interactivity?.modes?.emitters;if(i)if(f(i))t.interactivity.modes.emitters={random:{count:1,enable:!0},value:i.map((t=>{const e=new wi;return e.load(t),e}))};else{const e=i;if(void 0!==e.value){const i=1;if(f(e.value))t.interactivity.modes.emitters={random:{count:e.random.count??i,enable:e.random.enable??!1},value:e.value.map((t=>{const e=new wi;return e.load(t),e}))};else{const s=new wi;s.load(e.value),t.interactivity.modes.emitters={random:{count:e.random.count??i,enable:e.random.enable??!1},value:s}}}else{(t.interactivity.modes.emitters={random:{count:1,enable:!1},value:new wi}).value.load(i)}}}needsPlugin(t){if(!t)return!1;const e=t.emitters;return f(e)&&!!e.length||void 0!==e||!!t.interactivity?.events?.onClick?.mode&&$(bi.emitter,t.interactivity.events.onClick.mode)}}const Ci=new Map;class Mi{constructor(t){this._engine=t}addShapeGenerator(t,e){this.getShapeGenerator(t)||Ci.set(t,e)}getShapeGenerator(t){return Ci.get(t)}getSupportedShapeGenerators(){return Ci.keys()}}var Oi;!function(t){t[t.r=1]="r",t[t.g=2]="g",t[t.b=3]="b",t[t.a=4]="a"}(Oi||(Oi={}));const Si=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,Di=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class Ei{constructor(){this.key="hex",this.stringPrefix="#"}handleColor(t){return this._parseString(t.value)}handleRangeColor(t){return this._parseString(t.value)}parseString(t){return this._parseString(t)}_parseString(t){if("string"!=typeof t)return;if(!t?.startsWith(this.stringPrefix))return;const e=t.replace(Si,((t,e,i,s,n)=>e+e+i+i+s+s+(void 0!==n?n+n:""))),i=Di.exec(e);return i?{a:void 0!==i[Oi.a]?parseInt(i[Oi.a],16)/255:1,b:parseInt(i[Oi.b],16),g:parseInt(i[Oi.g],16),r:parseInt(i[Oi.r],16)}:void 0}}class Ii{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){m(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=D(t.speed)),void 0!==t.decay&&(this.decay=D(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class Ti extends ce{constructor(){super(),this.animation=new Ii,this.direction=di.clockwise,this.path=!1,this.value=0}load(t){m(t)||(super.load(t),void 0!==t.direction&&(this.direction=t.direction),this.animation.load(t.animation),void 0!==t.path&&(this.path=t.path))}}const Ri=2*Math.PI;class Li{constructor(t){this.container=t}init(t){const e=t.options.rotate;if(!e)return;t.rotate={enable:e.animation.enable,value:I(M(e.value)),min:0,max:Ri},t.pathRotation=e.path;let i=e.direction;if(i===di.random){i=Math.floor(2*P())>0?di.counterClockwise:di.clockwise}switch(i){case di.counterClockwise:case"counterClockwise":t.rotate.status=F.decreasing;break;case di.clockwise:t.rotate.status=F.increasing}const s=e.animation;s.enable&&(t.rotate.decay=1-M(s.decay),t.rotate.velocity=M(s.speed)/360*this.container.retina.reduceFactor,s.sync||(t.rotate.velocity*=P())),t.rotation=t.rotate.value}isEnabled(t){const e=t.options.rotate;return!!e&&(!t.destroyed&&!t.spawning&&(!!e.value||e.animation.enable||e.path))}loadOptions(t,...e){t.rotate||(t.rotate=new Ti);for(const i of e)t.rotate.load(i?.rotate)}update(t,e){this.isEnabled(t)&&(t.isRotating=!!t.rotate,t.rotate&&(it(t,t.rotate,!1,A.none,e),t.rotation=t.rotate.value))}}class Fi{init(t){const e=t.container,i=t.options.size.animation;i.enable&&(t.size.velocity=(t.retina.sizeAnimationSpeed??e.retina.sizeAnimationSpeed)/r*e.retina.reduceFactor,i.sync||(t.size.velocity*=P()))}isEnabled(t){return!t.destroyed&&!t.spawning&&t.size.enable&&((t.size.maxLoops??0)<=0||(t.size.maxLoops??0)>0&&(t.size.loops??0)<(t.size.maxLoops??0))}reset(t){t.size.loops=0}update(t,e){this.isEnabled(t)&&it(t,t.size,!0,t.options.size.animation.destroy,e)}}const Ai=Math.sqrt(2);class qi{constructor(){this.validTypes=["edge","square"]}draw(t){!function(t){const{context:e,radius:i}=t,s=i/Ai,n=2*s;e.rect(-s,-s,n,n)}(t)}getSidesCount(){return 4}}class Bi{constructor(t,e){this._container=t,this._engine=e}init(t){const e=this._container,i=t.options,s=J(i.stroke,t.id,i.reduceDuplicates);t.strokeWidth=M(s.width)*e.retina.pixelRatio,t.strokeOpacity=M(s.opacity??1),t.strokeAnimation=s.color?.animation;const n=ct(this._engine,s.color)??t.getFillColor();n&&(t.strokeColor=function(t,e,i){const s={h:{enable:!1,value:t.h},s:{enable:!1,value:t.s},l:{enable:!1,value:t.l}};return e&&(mt(s.h,e.h,i),mt(s.s,e.s,i),mt(s.l,e.l,i)),s}(n,t.strokeAnimation,e.retina.reduceFactor))}isEnabled(t){const e=t.strokeAnimation,{strokeColor:i}=t;return!t.destroyed&&!t.spawning&&!!e&&(void 0!==i?.h.value&&i.h.enable||void 0!==i?.s.value&&i.s.enable||void 0!==i?.l.value&&i.l.enable)}update(t,e){this.isEnabled(t)&&function(t,e){if(!t)return;const{h:i,s,l:n}=t,o={min:0,max:100},a={min:0,max:100};i&&vt(i,{min:0,max:360},!1,e),s&&vt(s,o,!0,e),n&&vt(n,a,!0,e)}(t.strokeColor,e)}}const Hi={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:di.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:H.min,speed:60,sync:!0,destroy:A.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function Vi(t,e=!0){await async function(t,e=!0){st(t,"3.7.1"),await t.addColorManager(new Ei,e)}(t,!1),await async function(t,e=!0){st(t,"3.7.1"),t.emitterShapeManager||(t.emitterShapeManager=new Mi(t)),t.addEmitterShapeGenerator||(t.addEmitterShapeGenerator=(e,i)=>{t.emitterShapeManager?.addShapeGenerator(e,i)});const i=new ki(t);await t.addPlugin(i,e)}(t,!1),await async function(t,e=!0){st(t,"3.7.1"),await t.addShape(new qi,e)}(t,!1),await async function(t,e=!0){st(t,"3.7.1"),await t.addParticleUpdater("rotate",(t=>Promise.resolve(new Li(t))),e)}(t,!1),await async function(t,e=!0){st(t,"3.7.1"),await t.addParticleUpdater("size",(()=>Promise.resolve(new Fi)),e)}(t,!1),await async function(t,e=!0){st(t,"3.7.1"),await t.addParticleUpdater("strokeColor",(e=>Promise.resolve(new Bi(e,t))),e)}(t,!1),await t.addPreset("squares",Hi,!1),await t.refresh(e)}return e})()));

package/tsparticles.preset.squares.bundle.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles undefined Preset v3.1.0 by Matteo Bruni */
+/*! tsParticles undefined Preset v3.2.0 by Matteo Bruni */

package/tsparticles.preset.squares.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
- * v3.1.0
+ * v3.2.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -126,7 +126,61 @@ __webpack_require__.d(__webpack_exports__, {
 var plugin_emitters_root_window_ = __webpack_require__(68);
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/HexColorManager.js
+var RgbIndexes;
+(function (RgbIndexes) {
+    RgbIndexes[RgbIndexes["r"] = 1] = "r";
+    RgbIndexes[RgbIndexes["g"] = 2] = "g";
+    RgbIndexes[RgbIndexes["b"] = 3] = "b";
+    RgbIndexes[RgbIndexes["a"] = 4] = "a";
+})(RgbIndexes || (RgbIndexes = {}));
+const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
+class HexColorManager {
+    constructor() {
+        this.key = "hex";
+        this.stringPrefix = "#";
+    }
+    handleColor(color) {
+        return this._parseString(color.value);
+    }
+    handleRangeColor(color) {
+        return this._parseString(color.value);
+    }
+    parseString(input) {
+        return this._parseString(input);
+    }
+    _parseString(hexColor) {
+        if (typeof hexColor !== "string") {
+            return;
+        }
+        if (!hexColor?.startsWith(this.stringPrefix)) {
+            return;
+        }
+        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
+            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+        }), result = hexRegex.exec(hexFixed);
+        return result
+            ? {
+                a: result[RgbIndexes.a] !== undefined
+                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
+                    : defaultAlpha,
+                b: parseInt(result[RgbIndexes.b], hexRadix),
+                g: parseInt(result[RgbIndexes.g], hexRadix),
+                r: parseInt(result[RgbIndexes.r], hexRadix),
+            }
+            : undefined;
+    }
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/index.js
+
+
+async function loadHexColorPlugin(engine, refresh = true) {
+    (0,engine_root_window_.assertValidVersion)(engine, "3.7.1");
+    await engine.addColorManager(new HexColorManager(), refresh);
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
 
 class RotateAnimation {
     constructor() {
@@ -136,7 +190,7 @@ class RotateAnimation {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if ((0,engine_root_window_.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -154,7 +208,7 @@ class RotateAnimation {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
 
 
 class Rotate extends engine_root_window_.ValueWithRandom {
@@ -166,7 +220,7 @@ class Rotate extends engine_root_window_.ValueWithRandom {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0,engine_root_window_.isNull)(data)) {
             return;
         }
         super.load(data);
@@ -180,7 +234,7 @@ class Rotate extends engine_root_window_.ValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
 
 
 const RotateUpdater_double = 2, doublePI = Math.PI * RotateUpdater_double, identity = 1, doublePIDeg = 360;
@@ -253,9 +307,11 @@ class RotateUpdater {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/index.js
+
 
 async function loadRotateUpdater(engine, refresh = true) {
+    (0,engine_root_window_.assertValidVersion)(engine, "3.7.1");
     await engine.addParticleUpdater("rotate", container => {
         return Promise.resolve(new RotateUpdater(container));
     }, refresh);
@@ -329,7 +385,9 @@ const options = {
 
 
 
+
 async function loadSquaresPreset(engine, refresh = true) {
+  await loadHexColorPlugin(engine, false);
   await (0,plugin_emitters_root_window_.loadEmittersPlugin)(engine, false);
   await (0,shape_square_root_window_.loadSquareShape)(engine, false);
   await loadRotateUpdater(engine, false);

package/tsparticles.preset.squares.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.preset.squares.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine","@tsparticles/updater-size","@tsparticles/shape-square","@tsparticles/updater-stroke-color"],t);else{var a="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color")):t(e.window,e.window,e.window,e.window,e.window);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(this,((e,t,a,o,i)=>(()=>{"use strict";var r={533:e=>{e.exports=t},68:t=>{t.exports=e},652:e=>{e.exports=o},2:e=>{e.exports=a},204:e=>{e.exports=i}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var a=s[e]={exports:{}};return r[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{n.r(c),n.d(c,{loadSquaresPreset:()=>u});var e=n(68),t=n(533);class a{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){e&&(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,t.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,t.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class o extends t.ValueWithRandom{constructor(){super(),this.animation=new a,this.direction=t.RotateDirection.clockwise,this.path=!1,this.value=0}load(e){e&&(super.load(e),void 0!==e.direction&&(this.direction=e.direction),this.animation.load(e.animation),void 0!==e.path&&(this.path=e.path))}}const i=2*Math.PI;class r{constructor(e){this.container=e}init(e){const a=e.options.rotate;if(!a)return;e.rotate={enable:a.animation.enable,value:(0,t.degToRad)((0,t.getRangeValue)(a.value)),min:0,max:i},e.pathRotation=a.path;let o=a.direction;if(o===t.RotateDirection.random){o=Math.floor(2*(0,t.getRandom)())>0?t.RotateDirection.counterClockwise:t.RotateDirection.clockwise}switch(o){case t.RotateDirection.counterClockwise:case"counterClockwise":e.rotate.status=t.AnimationStatus.decreasing;break;case t.RotateDirection.clockwise:e.rotate.status=t.AnimationStatus.increasing}const r=a.animation;r.enable&&(e.rotate.decay=1-(0,t.getRangeValue)(r.decay),e.rotate.velocity=(0,t.getRangeValue)(r.speed)/360*this.container.retina.reduceFactor,r.sync||(e.rotate.velocity*=(0,t.getRandom)())),e.rotation=e.rotate.value}isEnabled(e){const t=e.options.rotate;return!!t&&(!e.destroyed&&!e.spawning&&(!!t.value||t.animation.enable||t.path))}loadOptions(e,...t){e.rotate||(e.rotate=new o);for(const a of t)e.rotate.load(a?.rotate)}update(e,a){this.isEnabled(e)&&(e.isRotating=!!e.rotate,e.rotate&&((0,t.updateAnimation)(e,e.rotate,!1,t.DestroyType.none,a),e.rotation=e.rotate.value))}}var s=n(2),l=n(652),d=n(204);const p={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:t.RotateDirection.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:t.StartValueType.min,speed:60,sync:!0,destroy:t.DestroyType.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function u(t,a=!0){await(0,e.loadEmittersPlugin)(t,!1),await(0,l.loadSquareShape)(t,!1),await async function(e,t=!0){await e.addParticleUpdater("rotate",(e=>Promise.resolve(new r(e))),t)}(t,!1),await(0,s.loadSizeUpdater)(t,!1),await(0,d.loadStrokeColorUpdater)(t,!1),await t.addPreset("squares",p,!1),await t.refresh(a)}})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine","@tsparticles/updater-size","@tsparticles/shape-square","@tsparticles/updater-stroke-color"],t);else{var a="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color")):t(e.window,e.window,e.window,e.window,e.window);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(this,((e,t,a,r,i)=>(()=>{"use strict";var o={533:e=>{e.exports=t},68:t=>{t.exports=e},652:e=>{e.exports=r},2:e=>{e.exports=a},204:e=>{e.exports=i}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var a=s[e]={exports:{}};return o[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{n.r(c),n.d(c,{loadSquaresPreset:()=>g});var e,t=n(68),a=n(533);!function(e){e[e.r=1]="r",e[e.g=2]="g",e[e.b=3]="b",e[e.a=4]="a"}(e||(e={}));const r=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class o{constructor(){this.key="hex",this.stringPrefix="#"}handleColor(e){return this._parseString(e.value)}handleRangeColor(e){return this._parseString(e.value)}parseString(e){return this._parseString(e)}_parseString(t){if("string"!=typeof t)return;if(!t?.startsWith(this.stringPrefix))return;const a=t.replace(r,((e,t,a,r,i)=>t+t+a+a+r+r+(void 0!==i?i+i:""))),o=i.exec(a);return o?{a:void 0!==o[e.a]?parseInt(o[e.a],16)/255:1,b:parseInt(o[e.b],16),g:parseInt(o[e.g],16),r:parseInt(o[e.r],16)}:void 0}}class s{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){(0,a.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,a.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,a.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class l extends a.ValueWithRandom{constructor(){super(),this.animation=new s,this.direction=a.RotateDirection.clockwise,this.path=!1,this.value=0}load(e){(0,a.isNull)(e)||(super.load(e),void 0!==e.direction&&(this.direction=e.direction),this.animation.load(e.animation),void 0!==e.path&&(this.path=e.path))}}const d=2*Math.PI;class p{constructor(e){this.container=e}init(e){const t=e.options.rotate;if(!t)return;e.rotate={enable:t.animation.enable,value:(0,a.degToRad)((0,a.getRangeValue)(t.value)),min:0,max:d},e.pathRotation=t.path;let r=t.direction;if(r===a.RotateDirection.random){r=Math.floor(2*(0,a.getRandom)())>0?a.RotateDirection.counterClockwise:a.RotateDirection.clockwise}switch(r){case a.RotateDirection.counterClockwise:case"counterClockwise":e.rotate.status=a.AnimationStatus.decreasing;break;case a.RotateDirection.clockwise:e.rotate.status=a.AnimationStatus.increasing}const i=t.animation;i.enable&&(e.rotate.decay=1-(0,a.getRangeValue)(i.decay),e.rotate.velocity=(0,a.getRangeValue)(i.speed)/360*this.container.retina.reduceFactor,i.sync||(e.rotate.velocity*=(0,a.getRandom)())),e.rotation=e.rotate.value}isEnabled(e){const t=e.options.rotate;return!!t&&(!e.destroyed&&!e.spawning&&(!!t.value||t.animation.enable||t.path))}loadOptions(e,...t){e.rotate||(e.rotate=new l);for(const a of t)e.rotate.load(a?.rotate)}update(e,t){this.isEnabled(e)&&(e.isRotating=!!e.rotate,e.rotate&&((0,a.updateAnimation)(e,e.rotate,!1,a.DestroyType.none,t),e.rotation=e.rotate.value))}}var u=n(2),h=n(652),f=n(204);const y={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:a.RotateDirection.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:a.StartValueType.min,speed:60,sync:!0,destroy:a.DestroyType.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function g(e,r=!0){await async function(e,t=!0){(0,a.assertValidVersion)(e,"3.7.1"),await e.addColorManager(new o,t)}(e,!1),await(0,t.loadEmittersPlugin)(e,!1),await(0,h.loadSquareShape)(e,!1),await async function(e,t=!0){(0,a.assertValidVersion)(e,"3.7.1"),await e.addParticleUpdater("rotate",(e=>Promise.resolve(new p(e))),t)}(e,!1),await(0,u.loadSizeUpdater)(e,!1),await(0,f.loadStrokeColorUpdater)(e,!1),await e.addPreset("squares",y,!1),await e.refresh(r)}})(),c})()));