@tsparticles/preset-squares 3.1.0 → 4.0.0-alpha.0

package/227.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 227.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[227],{2227(e,a,s){function r(e){e.checkVersion("4.0.0-alpha.2"),e.register(async e=>{const{SquareDrawer:a}=await s.e(717).then(s.bind(s,7717));e.addShape(new a)})}s.d(a,{loadSquareShape:()=>r})}}]);

package/227.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/237.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 237.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[237],{8237(t,e,a){a.d(e,{RotateUpdater:()=>c});var o=a(4929);class i{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){(0,o.kZJ)(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,o.DT4)(t.speed)),void 0!==t.decay&&(this.decay=(0,o.DT4)(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class s extends o.PVU{constructor(){super(),this.animation=new i,this.direction=o.pTR.clockwise,this.path=!1,this.value=0}load(t){(0,o.kZJ)(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 n=2*Math.PI;class c{constructor(t){this.container=t}init(t){const e=t.options.rotate;if(!e)return;t.rotate={enable:e.animation.enable,value:(0,o.puj)((0,o.VGA)(e.value)),min:0,max:n},t.pathRotation=e.path;let a=e.direction;if(a===o.pTR.random){a=Math.floor(2*(0,o.G0i)())>0?o.pTR.counterClockwise:o.pTR.clockwise}switch(a){case o.pTR.counterClockwise:case"counterClockwise":t.rotate.status=o.H_P.decreasing;break;case o.pTR.clockwise:t.rotate.status=o.H_P.increasing}const i=e.animation;i.enable&&(t.rotate.decay=1-(0,o.VGA)(i.decay),t.rotate.velocity=(0,o.VGA)(i.speed)/360*this.container.retina.reduceFactor,i.sync||(t.rotate.velocity*=(0,o.G0i)())),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??=new s;for(const a of e)t.rotate.load(a?.rotate)}update(t,e){this.isEnabled(t)&&(t.isRotating=!!t.rotate,t.rotate&&((0,o.UC0)(t,t.rotate,!1,o.VKE.none,e),t.rotation=t.rotate.value))}}}}]);

package/237.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/264.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 264.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[264],{9264(r,a,e){var t;e.d(a,{HexColorManager:()=>i}),function(r){r[r.r=1]="r",r[r.g=2]="g",r[r.b=3]="b",r[r.a=4]="a"}(t||(t={}));const s=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class i{constructor(){this.key="hex"}accepts(r){return r.startsWith("#")}handleColor(r){return this._parseString(r.value)}handleRangeColor(r){return this._parseString(r.value)}parseString(r){return this._parseString(r)}_parseString(r){if("string"!=typeof r||!this.accepts(r))return;const a=r.replace(s,(r,a,e,t,s)=>a+a+e+e+t+t+(void 0!==s?s+s:"")),e=n.exec(a);return e?{a:e[t.a]?parseInt(e[t.a],16)/255:1,b:parseInt(e[t.b]??"0",16),g:parseInt(e[t.g]??"0",16),r:parseInt(e[t.r]??"0",16)}:void 0}}}}]);

package/264.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/283.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 283.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[283],{8283(e,s,a){a.d(s,{options:()=>r,presetName:()=>i});var t=a(4929);const i="squares",r={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.pTR.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:t.SKz.min,speed:60,sync:!0,destroy:t.VKE.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}}}}]);

package/283.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/293.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 293.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[293],{8293(e,t,a){a.d(t,{loadEmittersPlugin:()=>n});a(9883);function n(e){e.checkVersion("4.0.0-alpha.2"),e.register(async e=>{const{ShapeManager:t}=await a.e(397).then(a.bind(a,5397)),{EmittersPlugin:n}=await a.e(669).then(a.bind(a,3669));e.emitterShapeManager??=new t,e.addEmitterShapeGenerator??=(t,a)=>{e.emitterShapeManager?.addShapeGenerator(t,a)};const r=new n(e);e.addPlugin(r)})}},9883(e,t,a){var n;a.d(t,{c:()=>n}),function(e){e.emitter="emitter"}(n||(n={}))}}]);

package/293.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/301.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 301.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[301],{3301(e,r,t){function s(e){e.checkVersion("4.0.0-alpha.2"),e.register(e=>{e.addParticleUpdater("strokeColor",async r=>{const{StrokeColorUpdater:s}=await t.e(541).then(t.bind(t,3541));return new s(e,r)})})}t.d(r,{loadStrokeColorUpdater:()=>s})}}]);

package/301.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/397.min.js

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

package/397.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/418.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 418.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[418],{8418(t,i,e){e.d(i,{Container:()=>A});var s=e(604),n=e(9622),o=e(1886),a=e(9322),r=e(2987);function h(t,i,e){const s=i[e];void 0!==s&&(t[e]=(t[e]??n.zs)*s)}function c(t,i,e=!1){if(!i)return;const s=t.style,n=new Set;for(let t=0;t<s.length;t++){const i=s.item(t);i&&n.add(i)}for(let t=0;t<i.length;t++){const e=i.item(t);e&&n.add(e)}for(const t of n){const n=i.getPropertyValue(t);n?s.setProperty(t,n,e?"important":""):s.removeProperty(t)}}class l{constructor(t,i){this.container=t,this._applyPostDrawUpdaters=t=>{for(const i of this._postDrawUpdaters)i.afterDraw?.(t)},this._applyPreDrawUpdaters=(t,i,e,s,n,o)=>{for(const a of this._preDrawUpdaters){if(a.getColorStyles){const{fill:o,stroke:r}=a.getColorStyles(i,t,e,s);o&&(n.fill=o),r&&(n.stroke=r)}if(a.getTransformValues){const t=a.getTransformValues(i);for(const i in t)h(o,t,i)}a.beforeDraw?.(i)}},this._applyResizePlugins=()=>{for(const t of this._resizePlugins)t.resize?.()},this._getPluginParticleColors=t=>{let i,e;for(const s of this._colorPlugins)if(!i&&s.particleFillColor&&(i=(0,r.R5)(this._engine,s.particleFillColor(t))),!e&&s.particleStrokeColor&&(e=(0,r.R5)(this._engine,s.particleStrokeColor(t))),i&&e)break;return[i,e]},this._initStyle=()=>{const t=this.element,i=this.container.actualOptions;if(t){this._fullScreen?this._setFullScreenStyle():this._resetOriginalStyle();for(const e in i.style){if(!e||!Object.prototype.hasOwnProperty.call(i.style,e))continue;const s=i.style[e];s&&t.style.setProperty(e,s,"important")}}},this._repairStyle=()=>{const t=this.element;if(!t)return;this._safeMutationObserver(t=>{t.disconnect()}),this._initStyle(),this.initBackground();const i=this._pointerEvents;t.style.pointerEvents=i,t.setAttribute("pointer-events",i),this._safeMutationObserver(i=>{t instanceof Node&&i.observe(t,{attributes:!0})})},this._resetOriginalStyle=()=>{const t=this.element,i=this._originalStyle;t&&i&&c(t,i,!0)},this._safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)},this._setFullScreenStyle=()=>{const t=this.element;t&&c(t,(0,a.hJ)(this.container.actualOptions.fullScreen.zIndex),!0)},this._engine=i,this._standardSize={height:0,width:0};const e=t.retina.pixelRatio,s=this._standardSize;this.size={height:s.height*e,width:s.width*e},this._context=null,this._generated=!1,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[],this._pointerEvents="none"}get _fullScreen(){return this.container.actualOptions.fullScreen.enable}canvasClear(){this.container.actualOptions.clear&&this.draw(t=>{(0,o.IU)(t,this.size)})}clear(){let t=!1;for(const i of this.container.plugins.values())!t&&i.canvasClear&&(t=i.canvasClear());t||this.canvasClear()}clearDrawPlugin(t,i){this.draw(e=>{(0,o.l7)(e,t,i)})}destroy(){if(this.stop(),this._generated){const t=this.element;t?.remove(),this.element=void 0}else this._resetOriginalStyle();this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}draw(t){const i=this._context;if(i)return t(i)}drawParticle(t,i){if(t.spawning||t.destroyed)return;const e=t.getRadius();if(e<=n.w2)return;const s=t.getFillColor(),a=t.getStrokeColor()??s;let[h,c]=this._getPluginParticleColors(t);if(h??=s,c??=a,!h&&!c)return;const l=this.container,d=t.options.zIndex,u=n.RV-t.zIndexFactor,p=u**d.opacityRate,f=t.bubble.opacity??t.opacity?.value??n.hv,_=t.strokeOpacity??f,g=f*p,v=_*p,m={},y={fill:(()=>{if(h)return(0,r.LC)(h,l.hdr,g)})()};y.stroke=c?(0,r.LC)(c,l.hdr,v):y.fill,this.draw(s=>{this._applyPreDrawUpdaters(s,t,e,g,y,m),(0,o.p0)({container:l,context:s,particle:t,delta:i,colorStyles:y,radius:e*u**d.sizeRate,opacity:g,transform:m})}),this._applyPostDrawUpdaters(t)}drawParticlePlugin(t,i,e){this.draw(s=>{(0,o.Wb)(s,t,i,e)})}drawParticles(t){const{particles:i,plugins:e}=this.container;this.clear(),i.update(t);for(const i of e.values())this.drawPlugin(i,t);this.draw(()=>{i.drawParticles(t)});for(const i of e.values())this.clearDrawPlugin(i,t)}drawPlugin(t,i){this.draw(e=>{(0,o.e_)(e,t,i)})}init(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=(0,a.tG)(t=>{for(const i of t)"attributes"===i.type&&"style"===i.attributeName&&this._repairStyle()}),this.resize(),this._initStyle(),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{container:t}=this,i=t.actualOptions.background,e=this.element;if(!e)return;const s=e.style,n=(0,r.BN)(this._engine,i.color);s.backgroundColor=n?(0,r.xx)(n,t.hdr,i.opacity):"",s.backgroundImage=i.image||"",s.backgroundPosition=i.position||"",s.backgroundRepeat=i.repeat||"",s.backgroundSize=i.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();const i=this.container;this._generated=n.eb in t.dataset?"true"===t.dataset[n.eb]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=(0,a.td)(this.element.style);const e=this._standardSize;e.height=t.offsetHeight,e.width=t.offsetWidth;const s=this.container.retina.pixelRatio,o=this.size;t.height=o.height=e.height*s,t.width=o.width=e.width*s;const r=(0,a.lV)("(color-gamut: p3)");this._context=this.element.getContext("2d",{alpha:!0,colorSpace:r?.matches&&i.hdr?"display-p3":"srgb",desynchronized:!0,willReadFrequently:!1}),this._safeMutationObserver(t=>{t.disconnect()}),i.retina.init(),this.initBackground(),this._safeMutationObserver(t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})}paint(){let t=!1;for(const i of this.container.plugins.values()){if(t)break;t=i.canvasPaint?.()??!1}t||this.paintBase()}paintBase(t){this.draw(i=>{(0,o.Sn)(i,this.size,t)})}paintImage(t,i){this.draw(e=>{(0,o.Md)(e,this.size,t,i)})}resize(){if(!this.element)return!1;const t=this.container,i=t.canvas._standardSize,e={width:this.element.offsetWidth,height:this.element.offsetHeight},s=t.retina.pixelRatio,n={width:e.width*s,height:e.height*s};if(e.height===i.height&&e.width===i.width&&n.height===this.element.height&&n.width===this.element.width)return!1;const o={...i};i.height=e.height,i.width=e.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:i.width/o.width,height:i.height/o.height}),!0}setPointerEvents(t){this.element&&(this._pointerEvents=t,this._repairStyle())}stop(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=void 0,this.draw(t=>{(0,o.IU)(t,this.size)})}async windowResize(){if(!this.element||!this.resize())return;const t=this.container,i=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),i&&await t.refresh()}}var d=e(2680),u=e(594);function p(t,i,e,s,n){if(s){let s={passive:!0};(0,u.Lm)(n)?s.capture=n:void 0!==n&&(s=n),t.addEventListener(i,e,s)}else{const s=n;t.removeEventListener(i,e,s)}}class f{constructor(t){this.container=t,this._canPush=!0,this._doMouseTouchClick=t=>{const i=this.container,e=i.actualOptions;if(this._canPush){const t=i.interactivity.mouse,s=t.position;if(!s)return;t.clickPosition={...s},t.clickTime=Date.now();const n=e.interactivity.events.onClick;(0,a.wJ)(n.mode,t=>{this.container.handleClickMode(t)})}"touchend"===t.type&&setTimeout(()=>{this._mouseTouchFinish()},n.pH)},this._handleThemeChange=t=>{const i=t,e=this.container,s=e.options,n=s.defaultThemes,o=i.matches?n.dark:n.light,a=s.themes.find(t=>t.name===o);a?.default.auto&&e.loadTheme(o)},this._handleVisibilityChange=()=>{const t=this.container,i=t.actualOptions;this._mouseTouchFinish(),i.pauseOnBlur&&((0,a.T5)().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*n.Xu)},this._manageInteractivityListeners=(t,i)=>{const e=this._handlers,s=this.container,o=s.actualOptions,a=s.interactivity.element;if(!a)return;const r=a,h=s.canvas;h.setPointerEvents(r===h.element?"initial":"none"),(o.interactivity.events.onHover.enable||o.interactivity.events.onClick.enable)&&(p(a,n.Rb,e.mouseMove,i),p(a,n.s7,e.touchStart,i),p(a,n.DG,e.touchMove,i),o.interactivity.events.onClick.enable?(p(a,n.Bp,e.touchEndClick,i),p(a,n.vo,e.mouseUp,i),p(a,n.ms,e.mouseDown,i)):p(a,n.Bp,e.touchEnd,i),p(a,t,e.mouseLeave,i),p(a,n.G3,e.touchCancel,i))},this._manageListeners=t=>{const i=this._handlers,e=this.container,s=e.actualOptions.interactivity.detectsOn,o=e.canvas.element;let a=n.Z0;s===d.h.window?(e.interactivity.element=window,a=n.sf):s===d.h.parent&&o?e.interactivity.element=o.parentElement??o.parentNode:e.interactivity.element=o,this._manageMediaMatch(t),this._manageResize(t),this._manageInteractivityListeners(a,t),p(document,n.nK,i.visibilityChange,t,!1)},this._manageMediaMatch=t=>{const i=this._handlers;this._matchMedia&&p(this._matchMedia,"change",i.themeChange,t)},this._manageResize=t=>{const i=this._handlers,e=this.container;if(!e.actualOptions.interactivity.events.resize.enable)return;if("undefined"==typeof ResizeObserver)return void p(globalThis,n.NF,i.resize,t);const s=e.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,{mouse:i}=t;i.clicking=!0,i.downPosition=i.position},this._mouseTouchClick=t=>{const i=this.container,e=i.actualOptions,{mouse:s}=i.interactivity;s.inside=!0;let n=!1;const o=s.position;if(o&&e.interactivity.events.onClick.enable){for(const t of i.plugins.values())if(t.clickPositionValid&&(n=t.clickPositionValid(o),n))break;n||this._doMouseTouchClick(t),s.clicking=!1}},this._mouseTouchFinish=()=>{const{interactivity:t}=this.container,{mouse:i}=t;delete i.position,delete i.clickPosition,delete i.downPosition,t.status=n.Z0,i.inside=!1,i.clicking=!1},this._mouseTouchMove=t=>{const i=this.container,e=i.actualOptions,s=i.interactivity,o=i.canvas.element;if(!s.element)return;let a;if(s.mouse.inside=!0,t.type.startsWith("pointer")){this._canPush=!0;const i=t;if(s.element===window){if(o){const t=o.getBoundingClientRect();a={x:i.clientX-t.left,y:i.clientY-t.top}}}else if(e.interactivity.detectsOn===d.h.parent){const t=i.target,e=i.currentTarget;if(o){const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),h=o.getBoundingClientRect();a={x:i.offsetX+n.gd*s.left-(r.left+h.left),y:i.offsetY+n.gd*s.top-(r.top+h.top)}}else a={x:i.offsetX,y:i.offsetY}}else i.target===o&&(a={x:i.offsetX,y:i.offsetY})}else if(this._canPush="touchmove"!==t.type,o){const i=t,e=i.touches[i.touches.length-n.K3],s=o.getBoundingClientRect();if(!e)return;a={x:e.clientX-s.left,y:e.clientY-s.top}}const r=i.retina.pixelRatio;a&&(a.x*=r,a.y*=r),s.mouse.position=a,s.status=n.Rb},this._touchEnd=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.delete(t.identifier);this._mouseTouchFinish()},this._touchEndClick=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.delete(t.identifier);this._mouseTouchClick(t)},this._touchStart=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.set(t.identifier,performance.now());this._mouseTouchMove(t)},this._matchMedia=(0,a.lV)("(prefers-color-scheme: dark)"),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 _=e(346),g=e(4552),v=e(9495);class m{constructor(t,i){this.container=i,this._engine=t,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[]}externalInteract(t){for(const i of this._externalInteractors)i.isEnabled()&&i.interact(t)}handleClickMode(t){for(const i of this._externalInteractors)i.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 v.e.external:this._externalInteractors.push(t);break;case v.e.particles:this._particleInteractors.push(t)}t.init()}}particlesInteract(t,i){for(const e of this._externalInteractors)e.clear(t,i);for(const e of this._particleInteractors)e.isEnabled(t)&&e.interact(t,i)}reset(t){for(const i of this._externalInteractors)i.isEnabled()&&i.reset(t);for(const i of this._particleInteractors)i.isEnabled(t)&&i.reset(t)}}var y=e(7075),w=e(6723),b=e(5185),z=e(7933),P=e(7348),x=e(9948),C=e(7900);function k(t){if(!(0,a.hn)(t.outMode,t.checkModes))return;const i=t.radius*n.gd;t.coord>t.maxCoord-i?t.setCb(-t.radius):t.coord<i&&t.setCb(t.radius)}class M{constructor(t,i){this.container=i,this._calcPosition=(t,i,e,o=n.rq)=>{const a=t.plugins.values();for(const t of a){const s=t.particlePosition?.(i,this);if(s)return w.p.create(s.x,s.y,e)}const r=t.canvas.size,h=(0,s.Nx)({size:r,position:i}),c=w.p.create(h.x,h.y,e),l=this.getRadius(),d=this.options.move.outModes,u=i=>{k({outMode:i,checkModes:[P.Y.bounce],coord:c.x,maxCoord:t.canvas.size.width,setCb:t=>c.x+=t,radius:l})},p=i=>{k({outMode:i,checkModes:[P.Y.bounce],coord:c.y,maxCoord:t.canvas.size.height,setCb:t=>c.y+=t,radius:l})};u(d.left??d.default),u(d.right??d.default),p(d.top??d.default),p(d.bottom??d.default);let f=!0;for(const t of a)if(f=t.checkParticlePosition?.(this,c,o),!1===f)break;return f?c:this._calcPosition(t,void 0,e,o+n.Eo)},this._calculateVelocity=()=>{const t=(0,s.$m)(this.direction).copy(),i=this.options.move;if(i.direction===z.F.inside||i.direction===z.F.outside)return t;const e=(0,s.pu)((0,s.VG)(i.angle.value)),o=(0,s.pu)((0,s.VG)(i.angle.offset)),a={left:o-e*n.MX,right:o+e*n.MX};return i.straight||(t.angle+=(0,s.vE)((0,s.DT)(a.left,a.right))),i.random&&"number"==typeof i.speed&&(t.length*=(0,s.G0)()),t},this._getRollColor=t=>{if(!t||!this.roll||!this.backColor&&!this.roll.alter)return t;const i=this.roll.horizontal&&this.roll.vertical?n.gd*n.l:n.l,e=this.roll.horizontal?Math.PI*n.MX:n.dv;return Math.floor((this.roll.angle+e)/(Math.PI/i))%n.gd?this.backColor?this.backColor:this.roll.alter?(0,o.yx)(t,this.roll.alter.type,this.roll.alter.value):t:t},this._initPosition=t=>{const i=this.container,e=(0,s.VG)(this.options.zIndex.value);this.position=this._calcPosition(i,t,(0,s.qE)(e,n.X_,i.zLayers)),this.initialPosition=this.position.copy();const o=i.canvas.size;switch(this.moveCenter={...(0,a.E9)(this.options.move.center,o),radius:this.options.move.center.radius,mode:this.options.move.center.mode},this.direction=(0,s.JY)(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case z.F.inside:this.outType=x.x.inside;break;case z.F.outside:this.outType=x.x.outside}this.offset=w.M.origin},this._engine=t}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;const i=this.container,e=this.pathGenerator,s=this.shape?i.shapeDrawers.get(this.shape):void 0;s?.particleDestroy?.(this);for(const e of i.plugins.values())e.particleDestroyed?.(this,t);for(const e of i.particles.updaters)e.particleDestroyed?.(this,t);e?.reset(this),this._engine.dispatchEvent(_.B.particleDestroyed,{container:this.container,data:{particle:this}})}draw(t){const i=this.container,e=i.canvas;for(const s of i.plugins.values())e.drawParticlePlugin(s,this,t);e.drawParticle(this,t)}getAngle(){return this.rotation+(this.pathRotation?this.velocity.angle:n.tA)}getFillColor(){return this._getRollColor(this.bubble.color??(0,r.O_)(this.color))}getMass(){return this.getRadius()**n.dm*Math.PI*n.MX}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??(0,r.O_)(this.strokeColor))}init(t,i,e,o){const r=this.container,h=this._engine;this.id=t,this.group=o,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=x.x.normal,this.ignoresResizeRatio=!0;const c=r.retina.pixelRatio,l=r.actualOptions,d=(0,C.y)(this._engine,r,l.particles),u=d.reduceDuplicates,p=d.effect.type,f=d.shape.type;this.effect=(0,a.TA)(p,this.id,u),this.shape=(0,a.TA)(f,this.id,u);const _=d.effect,g=d.shape;if(e){if(e.effect?.type){const t=e.effect.type,i=(0,a.TA)(t,this.id,u);i&&(this.effect=i,_.load(e.effect))}if(e.shape?.type){const t=e.shape.type,i=(0,a.TA)(t,this.id,u);i&&(this.shape=i,g.load(e.shape))}}if(this.effect===n.mR){const t=[...this.container.effectDrawers.keys()];this.effect=t[Math.floor((0,s.G0)()*t.length)]}if(this.shape===n.mR){const t=[...this.container.shapeDrawers.keys()];this.shape=t[Math.floor((0,s.G0)()*t.length)]}this.effectData=this.effect?function(t,i,e,s){const n=i.options[t];return(0,a.zw)({close:i.close,fill:i.fill},(0,a.TA)(n,e,s))}(this.effect,_,this.id,u):void 0,this.shapeData=this.shape?function(t,i,e,s){const n=i.options[t];return(0,a.zw)({close:i.close,fill:i.fill},(0,a.TA)(n,e,s))}(this.shape,g,this.id,u):void 0,d.load(e);const v=this.effectData;v&&d.load(v.particles);const m=this.shapeData;m&&d.load(m.particles);const y=new b.k(h,r);y.load(r.actualOptions.interactivity),y.load(d.interactivity),this.interactivity=y,this.effectFill=v?.fill??d.effect.fill,this.effectClose=v?.close??d.effect.close,this.shapeFill=m?.fill??d.shape.fill,this.shapeClose=m?.close??d.shape.close,this.options=d;const w=this.options.move.path;this.pathDelay=(0,s.VG)(w.delay.value)*n.Xu,w.generator&&(this.pathGenerator=this._engine.getPathGenerator(w.generator),this.pathGenerator&&r.addPath(w.generator,this.pathGenerator)&&this.pathGenerator.init(r)),r.retina.initParticle(this),this.size=(0,a.Xs)(this.options.size,c),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(i),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy(),this.moveDecay=n.WH-(0,s.VG)(this.options.move.decay);const z=r.particles;let P,k;z.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/r.zLayers,this.sides=24,this.effect&&(P=r.effectDrawers.get(this.effect),P||(P=this._engine.getEffectDrawer(this.effect),P&&r.effectDrawers.set(this.effect,P))),P?.loadEffect&&P.loadEffect(this),this.shape&&(k=r.shapeDrawers.get(this.shape),k||(k=this._engine.getShapeDrawer(this.shape),k&&r.shapeDrawers.set(this.shape,k))),k?.loadShape&&k.loadShape(this);const M=k?.getSidesCount;M&&(this.sides=M(this)),this.spawning=!1;for(const t of z.updaters)t.init(this);for(const t of z.movers)t.init(this);P?.particleInit?.(r,this),k?.particleInit?.(r,this);for(const t of r.plugins.values())t.particleCreated?.(this)}isInsideCanvas(){const t=this.getRadius(),i=this.container.canvas.size,e=this.position;return e.x>=-t&&e.y>=-t&&e.y<=i.height+t&&e.x<=i.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(const t of this.container.particles.updaters)t.reset?.(this)}}class O{constructor(t,i){this.position=t,this.particle=i}}var T=e(555);class S{constructor(t,i){this.rectangle=t,this.capacity=i,this._subdivide=()=>{const{x:t,y:i}=this.rectangle.position,{width:e,height:s}=this.rectangle.size,{capacity:o}=this;for(let a=0;a<n.Pg;a++){const r=a%n.gd;this._subs.push(new S(new T.M_(t+e*n.MX*r,i+s*n.MX*(Math.round(a*n.MX)-r),e*n.MX,s*n.MX),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(i=>i.insert(t))))}query(t,i){const e=[];if(!t.intersects(this.rectangle))return[];for(const n of this._points)!t.contains(n.position)&&(0,s.Yf)(t.position,n.position)>n.particle.getRadius()&&(!i||i(n.particle))||e.push(n.particle);if(this._divided)for(const s of this._subs)e.push(...s.query(t,i));return e}queryCircle(t,i,e){return this.query(new T.jl(t.x,t.y,i),e)}queryRectangle(t,i,e){return this.query(new T.M_(t.x,t.y,i.width,i.height),e)}}var D=e(1688);const R=t=>{const{height:i,width:e}=t;return new T.M_(n.un*e,n.un*i,n.Rh*e,n.Rh*i)};class I{constructor(t,i){this._addToPool=(...t)=>{this._pool.push(...t)},this._applyDensity=(t,i,e,s)=>{const o=t.number;if(!o.density.enable)return void(void 0===e?this._limit=o.limit.value:(s?.number.limit.value??o.limit.value)&&this._groupLimits.set(e,s?.number.limit.value??o.limit.value));const a=this._initDensityFactor(o.density),r=o.value,h=o.limit.value>n.ou?o.limit.value:r,c=Math.min(r,h)*a+i,l=Math.min(this.count,this.filter(t=>t.group===e).length);void 0===e?this._limit=o.limit.value*a:this._groupLimits.set(e,o.limit.value*a),l<c?this.push(Math.abs(c-l),void 0,t,e):l>c&&this.removeQuantity(l-c,e)},this._initDensityFactor=t=>{const i=this._container;if(!i.canvas.element||!t.enable)return n.lA;const e=i.canvas.element,s=i.retina.pixelRatio;return e.width*e.height/(t.height*t.width*s**n.dm)},this._pushParticle=(t,i,e,s)=>{try{const n=this._pool.pop()??new M(this._engine,this._container);n.init(this._nextId,t,i,e);let o=!0;if(s&&(o=s(n)),!o)return;return this._array.push(n),this._zArray.push(n),this._nextId++,this._engine.dispatchEvent(_.B.particleAdded,{container:this._container,data:{particle:n}}),n}catch(t){(0,D.t)().warning(`error adding particle: ${t}`)}},this._removeParticle=(t,i,e)=>{const s=this._array[t];if(!s)return!1;if(s.group!==i)return!1;const o=this._zArray.indexOf(s);return this._array.splice(t,n.LD),this._zArray.splice(o,n.LD),s.destroy(e),this._engine.dispatchEvent(_.B.particleRemoved,{container:this._container,data:{particle:s}}),this._addToPool(s),!0},this._engine=t,this._container=i,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 m(t,i),this._pluginsInitialized=!1;const e=i.canvas.size;this.quadTree=new S(R(e),n.Kw),this.movers=[],this.updaters=[]}get count(){return this._array.length}addManualParticles(){const t=this._container;t.actualOptions.manualParticles.forEach(i=>this.addParticle(i.position?(0,a.E9)(i.position,t.canvas.size):void 0,i.options))}addParticle(t,i,e,s){const o=this._container.actualOptions.particles.number.limit.mode,a=void 0===e?this._limit:this._groupLimits.get(e)??this._limit,r=this.count;if(a>n.ou)switch(o){case y.d.delete:{const t=r+n.nq-a;t>n.wM&&this.removeQuantity(t);break}case y.d.wait:if(r>=a)return}return this._pushParticle(t,i,e,s)}clear(){this._array=[],this._zArray=[],this._pluginsInitialized=!1}destroy(){this._array=[],this._zArray=[],this.movers=[],this.updaters=[]}drawParticles(t){for(const i of this._zArray)i.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,i=t.actualOptions;this._lastZIndex=0,this._needsSort=!1,await this.initPlugins();let e=!1;for(const i of t.plugins.values())if(e=i.particlesInitialization?.()??e,e)break;if(this.addManualParticles(),!e){const t=i.particles,e=t.groups;for(const i in e){const s=e[i];if(s)for(let e=this.count,n=0;n<s.number.value&&e<t.number.value;e++,n++)this.addParticle(void 0,s,i)}for(let i=this.count;i<t.number.value;i++)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 i of t.pathGenerators.values())i.init(t)}push(t,i,e,s){for(let n=0;n<t;n++)this.addParticle(i?.position,e,s)}async redraw(){this.clear(),await this.init(),this._container.canvas.drawParticles({value:0,factor:0})}remove(t,i,e){this.removeAt(this._array.indexOf(t),void 0,i,e)}removeAt(t,i=n.xd,e,s){if(t<n.z9||t>this.count)return;let o=0;for(let n=t;o<i&&n<this.count;n++)this._removeParticle(n,e,s)&&(n--,o++)}removeQuantity(t,i){this.removeAt(n.z9,t,i)}setDensity(){const t=this._container.actualOptions,i=t.particles.groups,e=t.manualParticles.length;for(const t in i){const s=i[t];if(!s)continue;const n=(0,C.y)(this._engine,this._container,s);this._applyDensity(n,e,t)}this._applyDensity(t.particles,e)}setLastZIndex(t){this._lastZIndex=t,this._needsSort=this._needsSort||this._lastZIndex<t}setResizeFactor(t){this._resizeFactor=t}update(t){const i=this._container,e=new Set;this.quadTree=new S(R(i.canvas.size),n.Kw);for(const t of i.pathGenerators.values())t.update();for(const e of i.plugins.values())e.update?.(t);const s=this._resizeFactor;for(const i of this._array){s&&!i.ignoresResizeRatio&&(i.position.x*=s.width,i.position.y*=s.height,i.initialPosition.x*=s.width,i.initialPosition.y*=s.height),i.ignoresResizeRatio=!1,this._interactionManager.reset(i);for(const e of this._container.plugins.values()){if(i.destroyed)break;e.particleUpdate?.(i,t)}for(const e of this.movers)e.isEnabled(i)&&e.move(i,t);i.destroyed?e.add(i):this.quadTree.insert(new O(i.getPosition(),i))}if(e.size){const t=t=>!e.has(t);this._array=this.filter(t),this._zArray=this._zArray.filter(t);for(const t of e)this._engine.dispatchEvent(_.B.particleRemoved,{container:this._container,data:{particle:t}});this._addToPool(...e)}this._interactionManager.externalInteract(t);for(const i of this._array){for(const e of this.updaters)e.update(i,t);i.destroyed||i.spawning||this._interactionManager.particlesInteract(i,t)}if(delete this._resizeFactor,this._needsSort){const t=this._zArray;t.sort((t,i)=>i.position.z-t.position.z||t.id-i.id);const i=t[t.length-n.K3];if(!i)return;this._lastZIndex=i.position.z,this._needsSort=!1}}}class E{constructor(t){this.container=t,this.pixelRatio=n.$x,this.reduceFactor=n.Zp}init(){const t=this.container,i=t.actualOptions;this.pixelRatio=i.detectRetina?devicePixelRatio:n.$x,this.reduceFactor=n.Zp;const e=this.pixelRatio,o=t.canvas;if(o.element){const t=o.element;o.size.width=t.offsetWidth*e,o.size.height=t.offsetHeight*e}const a=i.particles,r=a.move;this.maxSpeed=(0,s.VG)(r.gravity.maxSpeed)*e,this.sizeAnimationSpeed=(0,s.VG)(a.size.animation.speed)*e}initParticle(t){const i=t.options,e=this.pixelRatio,n=i.move,o=n.distance,a=t.retina;a.moveDrift=(0,s.VG)(n.drift)*e,a.moveSpeed=(0,s.VG)(n.speed)*e,a.sizeAnimationSpeed=(0,s.VG)(i.size.animation.speed)*e;const r=a.maxDistance;r.horizontal=void 0!==o.horizontal?o.horizontal*e:void 0,r.vertical=void 0!==o.vertical?o.vertical*e:void 0,a.maxSpeed=(0,s.VG)(n.gravity.maxSpeed)*e}}function F(t){return!t.destroyed}function L(t,i,...e){const s=new g.J(t,i);return(0,C.Z)(s,...e),s}class A{constructor(t,i,e){this._intersectionManager=t=>{if(F(this)&&this.actualOptions.pauseOnOutsideViewport)for(const i of t)i.target===this.interactivity.element&&(i.isIntersecting?this.play():this.pause())},this._nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+n.Xu/this.fpsLimit)return void this.draw(!1);this._lastFrameTime??=t;const i=function(t,i=n.z$,e=!1){return{value:t,factor:e?n.z$/i:n.z$*t/n.Xu}}(t-this._lastFrameTime,this.fpsLimit,this._smooth);if(this.addLifeTime(i.value),this._lastFrameTime=t,i.value>n.Xu)return void this.draw(!1);if(this.canvas.drawParticles(i),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){(0,D.t)().error("error in animation loop",t)}},this._engine=t,this.id=Symbol(i),this.fpsLimit=120,this.hdr=!1,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=e,this._initialSourceOptions=e,this.retina=new E(this),this.canvas=new l(this,this._engine),this.particles=new I(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=L(this._engine,this),this.actualOptions=L(this._engine,this),this._eventListeners=new f(this),this._intersectionObserver=(0,a.BR)(t=>{this._intersectionManager(t)}),this._engine.dispatchEvent(_.B.containerBuilt,{container:this})}get animationStatus(){return!this._paused&&!this.pageHidden&&F(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addClickHandler(t){if(!F(this))return;const i=this.interactivity.element;if(!i)return;const e=(i,e,s)=>{if(!F(this))return;const n=this.retina.pixelRatio,o={x:e.x*n,y:e.y*n},a=this.particles.quadTree.queryCircle(o,s*n);t(i,a)};let s=!1,o=!1;this._clickHandlers.set("click",t=>{if(!F(this))return;const i=t,s={x:i.offsetX||i.clientX,y:i.offsetY||i.clientY};e(t,s,n.FS)}),this._clickHandlers.set("touchstart",()=>{F(this)&&(s=!0,o=!1)}),this._clickHandlers.set("touchmove",()=>{F(this)&&(o=!0)}),this._clickHandlers.set("touchend",t=>{if(F(this)){if(s&&!o){const i=t,s=i.touches[i.touches.length-n.KZ];if(!s)return;const o=this.canvas.element,a=o?o.getBoundingClientRect():void 0,r={x:s.clientX-(a?a.left:n.TL),y:s.clientY-(a?a.top:n.TL)};e(t,r,Math.max(s.radiusX,s.radiusY))}s=!1,o=!1}}),this._clickHandlers.set("touchcancel",()=>{F(this)&&(s=!1,o=!1)});for(const[t,e]of this._clickHandlers)i.addEventListener(t,e)}addLifeTime(t){this._lifeTime+=t}addPath(t,i,e=!1){return!(!F(this)||!e&&this.pathGenerators.has(t))&&(this.pathGenerators.set(t,i),!0)}alive(){return!this._duration||this._lifeTime<=this._duration}clearClickHandlers(){if(F(this)){for(const[t,i]of this._clickHandlers)this.interactivity.element?.removeEventListener(t,i);this._clickHandlers.clear()}}destroy(t=!0){if(F(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,i=t.findIndex(t=>t===this);i>=n.vF&&t.splice(i,n.JC)}this._engine.dispatchEvent(_.B.containerDestroyed,{container:this})}}draw(t){if(!F(this))return;let i=t;const e=t=>{i&&(this._lastFrameTime=void 0,i=!1),this._nextFrame(t)};this._drawAnimationFrame=(0,s.i0)(t=>{e(t)})}async export(t,i={}){for(const e of this.plugins.values()){if(!e.export)continue;const s=await e.export(t,i);if(s.supported)return s.blob}(0,D.t)().error(`Export plugin with type ${t} not found`)}handleClickMode(t){if(F(this)){this.particles.handleClickMode(t);for(const i of this.plugins.values())i.handleClickMode?.(t)}}async init(){if(!F(this))return;const t=this._engine.getSupportedEffects();for(const i of t){const t=this._engine.getEffectDrawer(i);t&&this.effectDrawers.set(i,t)}const i=this._engine.getSupportedShapes();for(const t of i){const i=this._engine.getShapeDrawer(t);i&&this.shapeDrawers.set(t,i)}await this.particles.initPlugins(),this._options=L(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=L(this._engine,this,this._options);const e=await this._engine.getAvailablePlugins(this);for(const[t,i]of e)this.plugins.set(t,i);this.retina.init(),this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();const{delay:o,duration:a,fpsLimit:r,hdr:h,smooth:c,zLayers:l}=this.actualOptions;this.hdr=h,this.zLayers=l,this._duration=(0,s.VG)(a)*n.Xu,this._delay=(0,s.VG)(o)*n.Xu,this._lifeTime=0,this.fpsLimit=r>n.DN?r:n.i8,this._smooth=c;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(_.B.containerInit,{container:this}),await this.particles.init(),this.particles.setDensity();for(const t of this.plugins.values())t.particlesSetup?.();this._engine.dispatchEvent(_.B.particlesSetup,{container:this})}async loadTheme(t){F(this)&&(this._currentTheme=t,await this.refresh())}pause(){if(F(this)&&(void 0!==this._drawAnimationFrame&&((0,s.px)(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(const t of this.plugins.values())t.pause?.();this.pageHidden||(this._paused=!0),this._engine.dispatchEvent(_.B.containerPaused,{container:this})}}play(t){if(!F(this))return;const i=this._paused||t;if(!this._firstStart||this.actualOptions.autoPlay){if(this._paused&&(this._paused=!1),i)for(const t of this.plugins.values())t.play&&t.play();this._engine.dispatchEvent(_.B.containerPlay,{container:this}),this.draw(i??!1)}else this._firstStart=!1}async refresh(){if(F(this))return this.stop(),this.start()}async reset(t){if(F(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=L(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=L(this._engine,this,this._options),this.refresh()}async start(){F(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise(t=>{const i=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(_.B.containerStarted,{container:this}),this.play(),t()};this._delayTimeout=setTimeout(()=>{i()},this._delay)}))}stop(){if(F(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(_.B.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)}}}}]);

package/418.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/455.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 455.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[455],{2455(e,a,s){function r(e){e.checkVersion("4.0.0-alpha.2"),e.register(async e=>{const{HexColorManager:a}=await s.e(264).then(s.bind(s,9264));e.addColorManager(new a)})}s.d(a,{loadHexColorPlugin:()=>r})}}]);

package/455.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/459.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 459.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[459],{5459(e,s,t){function a(e){e.checkVersion("4.0.0-alpha.2"),e.register(e=>{e.addParticleUpdater("size",async()=>{const{SizeUpdater:e}=await t.e(481).then(t.bind(t,481));return new e})})}t.d(s,{loadSizeUpdater:()=>a})}}]);

package/459.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/481.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 481.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[481],{481(e,s,i){i.d(s,{SizeUpdater:()=>t});var a=i(4929);class t{init(e){const s=e.container,i=e.options.size.animation;i.enable&&(e.size.velocity=(e.retina.sizeAnimationSpeed??s.retina.sizeAnimationSpeed)/a.a56*s.retina.reduceFactor,i.sync||(e.size.velocity*=(0,a.G0i)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&e.size.enable&&((e.size.maxLoops??0)<=0||(e.size.maxLoops??0)>0&&(e.size.loops??0)<(e.size.maxLoops??0))}reset(e){e.size.loops=0}update(e,s){this.isEnabled(e)&&(0,a.UC0)(e,e.size,!0,e.options.size.animation.destroy,s)}}}}]);

package/481.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/527.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 527.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[527],{3527(e,t,a){function s(e){e.checkVersion("4.0.0-alpha.2"),e.register(e=>{e.addParticleUpdater("rotate",async e=>{const{RotateUpdater:t}=await a.e(237).then(a.bind(a,8237));return new t(e)})})}a.d(t,{loadRotateUpdater:()=>s})}}]);

package/527.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/541.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 541.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[541],{3541(e,t,o){o.d(t,{StrokeColorUpdater:()=>s});var i=o(4929);class s{constructor(e,t){this._container=t,this._engine=e}init(e){const t=this._container,o=e.options,s=(0,i.TA3)(o.stroke,e.id,o.reduceDuplicates);if(!s)return;e.strokeWidth=(0,i.VGA)(s.width)*t.retina.pixelRatio,e.strokeOpacity=(0,i.VGA)(s.opacity??1),e.strokeAnimation=s.color?.animation;const r=(0,i.R5R)(this._engine,s.color)??e.getFillColor();r&&(e.strokeColor=(0,i.pzy)(r,e.strokeAnimation,t.retina.reduceFactor))}isEnabled(e){const t=e.strokeAnimation,{strokeColor:o}=e;return!e.destroyed&&!e.spawning&&!!t&&(void 0!==o?.h.value&&o.h.enable||void 0!==o?.s.value&&o.s.enable||void 0!==o?.l.value&&o.l.enable)}update(e,t){this.isEnabled(e)&&(0,i.JvX)(e.strokeColor,t)}}}}]);

package/541.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/669.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 669.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[669],{3669(t,i,s){s.d(i,{EmittersPlugin:()=>m});var e=s(4929);class o{constructor(){this.wait=!1}load(t){(0,e.kZJ)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,e.DT4)(t.delay)),void 0!==t.duration&&(this.duration=(0,e.DT4)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class n{constructor(){this.quantity=1,this.delay=.1}load(t){(0,e.kZJ)(t)||(void 0!==t.quantity&&(this.quantity=(0,e.DT4)(t.quantity)),void 0!==t.delay&&(this.delay=(0,e.DT4)(t.delay)))}}class a{constructor(){this.color=!1,this.opacity=!1}load(t){(0,e.kZJ)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class r{constructor(){this.options={},this.replace=new a,this.type="square"}load(t){(0,e.kZJ)(t)||(void 0!==t.options&&(this.options=(0,e.zwS)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}class h{constructor(){this.mode=e.qiC.percent,this.height=0,this.width=0}load(t){(0,e.kZJ)(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 l{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new n,this.shape=new r,this.startCount=0}load(t){(0,e.kZJ)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new h,this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=(0,e.wJ2)(t.particles,t=>(0,e.zwS)({},t)),this.rate.load(t.rate),this.shape.load(t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,e.DT4)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,e.DT4)(t.position.y))),void 0!==t.spawnColor&&(this.spawnColor??=new e.A9e,this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}var c=s(9883);function d(t,i){t.color?t.color.value=i:t.color={value:i}}class p{constructor(t,i,s,o,n){this.emitters=i,this.container=s,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?(0,e.VGA)(this.options.life.duration):void 0;(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*e.XuV)},this._setColorAnimation=(t,i,s,o=1)=>{const n=this.container;if(!t.enable)return i;const a=(0,e.vEz)(t.offset),r=(0,e.VGA)(this.options.rate.delay),h=n.retina.reduceFactor?r*e.XuV/n.retina.reduceFactor:1/0;return(i+(0,e.VGA)(t.speed)*n.fpsLimit/h+a*o)%s},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,o instanceof l?this.options=o:(this.options=new l,this.options.load(o)),this._spawnDelay=s.retina.reduceFactor?(0,e.VGA)(this.options.life.delay??0)*e.XuV/s.retina.reduceFactor:1/0,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;const a=(0,e.zwS)({},this.options.particles);if(a.move??={},a.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,e.R5R)(this._engine,this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=a,this._size=this._calcSize(),this.size=(0,e.YCE)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=(0,e.T5G)().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 r=this.options.shape,h=this._engine.emitterShapeManager?.getShapeGenerator(r.type);h&&(this._shape=h.generate(this.position,this.size,this.fill,r.options)),this._engine.dispatchEvent("emitterCreated",{container:s,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(this._paused)return;if(!(this._lifeCount>0||this._immortal)&&this.options.life.count||!(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0)))return;const t=this.container;if(void 0===this._emitDelay){const i=(0,e.VGA)(this.options.rate.delay);this._emitDelay=t.retina.reduceFactor?i*e.XuV/t.retina.reduceFactor:1/0}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}resize(){const t=this._initialPosition,i=this.container;this.position=t&&(0,e.Tj8)(t,i.canvas.size,e.Miz.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=(0,e.YCE)(this._size,i.canvas.size),this._shape?.resize(this.position,this.size)}update(t){if(this._paused)return;const i=this.container;this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=t.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=i.retina.reduceFactor?(0,e.VGA)(this.options.life.delay??0)*e.XuV/i.retina.reduceFactor:1/0):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay))}_calcPosition(){const t=this.container;if(this.options.domId){const i=(0,e.T5G)().getElementById(this.options.domId);if(i){const s=i.getBoundingClientRect(),o=t.retina.pixelRatio;return{x:(s.x+s.width*e.MXx)*o,y:(s.y+s.height*e.MXx)*o}}}return(0,e.l1q)({size:t.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=(0,e.T5G)().getElementById(this.options.domId);if(i){const s=i.getBoundingClientRect();return{width:s.width*t.retina.pixelRatio,height:s.height*t.retina.pixelRatio,mode:e.qiC.precise}}}return this.options.size??(()=>{const t=new h;return t.load({height:0,mode:e.qiC.percent,width:0}),t})()}_emit(){if(this._paused)return;const t=(0,e.VGA)(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){const i=(0,e.TA3)(this._particlesOptions),s=this.container.retina.reduceFactor;for(let o=0;o<t*s;o++){const t=(0,e.zwS)({},i);if(this.spawnColor){const i=this.options.spawnColor?.animation;if(i){const t={h:e.vSh,s:e.euA,l:e.$_c},s=3.6;this.spawnColor.h=this._setColorAnimation(i.h,this.spawnColor.h,t.h,s),this.spawnColor.s=this._setColorAnimation(i.s,this.spawnColor.s,t.s),this.spawnColor.l=this._setColorAnimation(i.l,this.spawnColor.l,t.l)}d(t,this.spawnColor)}const s=this.options.shape;let o=this.position;if(this._shape){const i=this._shape.randomPosition();if(i){o=i.position;const e=s.replace;e.color&&i.color&&d(t,i.color),e.opacity&&(t.opacity?t.opacity.value=i.opacity:t.opacity={value:i.opacity})}else o=null}o&&this.container.particles.addParticle(o,t)}}}class u{constructor(t,i){this.container=i,this._engine=t,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]};i.getEmitter=t=>void 0===t||(0,e.EtT)(t)?this.array[t??0]:this.array.find(i=>i.name===t),i.addEmitter=async(t,i)=>this.addEmitter(t,i),i.removeEmitter=t=>{const s=i.getEmitter(t);s&&this.removeEmitter(s)},i.playEmitter=t=>{const s=i.getEmitter(t);s&&s.externalPlay()},i.pauseEmitter=t=>{const s=i.getEmitter(t);s&&s.externalPause()}}async addEmitter(t,i){const s=new l;s.load(t);const e=new p(this._engine,this,this.container,s,i);return await e.init(),this.array.push(e),e}handleClickMode(t){const i=this.interactivityEmitters;if(t!==c.c.emitter)return;let s;if((0,e.cyL)(i.value)){const t=0;if(i.value.length>t&&i.random.enable){s=[];const t=[];for(let o=0;o<i.random.count;o++){const n=(0,e.n02)(i.value);if(t.includes(n)&&t.length<i.value.length){o--;continue}t.push(n);const a=(0,e.Vh1)(i.value,n);a&&s.push(a)}}else s=i.value}else s=i.value;const o=s,n=this.container.interactivity.mouse.clickPosition;(0,e.wJ2)(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,(0,e.cyL)(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 i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const i of this.array)i.update(t)}}class m{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return Promise.resolve(new u(this._engine,t))}loadOptions(t,i){if(!this.needsPlugin(t)&&!this.needsPlugin(i))return;i?.emitters&&(t.emitters=(0,e.wJ2)(i.emitters,t=>{const i=new l;return i.load(t),i}));const s=i?.interactivity?.modes?.emitters;if(s)if((0,e.cyL)(s))t.interactivity.modes.emitters={random:{count:1,enable:!0},value:s.map(t=>{const i=new l;return i.load(t),i})};else{const i=s;if((0,e.cyL)(i.value))t.interactivity.modes.emitters={random:{count:i.random.count,enable:i.random.enable},value:i.value.map(t=>{const i=new l;return i.load(t),i})};else{const s=new l;s.load(i.value),t.interactivity.modes.emitters={random:{count:i.random.count,enable:i.random.enable},value:s}}}}needsPlugin(t){if(!t)return!1;const i=t.emitters;return(0,e.cyL)(i)&&!!i.length||void 0!==i||!!t.interactivity?.events?.onClick?.mode&&(0,e.hnD)(c.c.emitter,t.interactivity.events.onClick.mode)}}}}]);

package/669.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/717.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 717.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_preset_squares=this.webpackChunk_tsparticles_preset_squares||[]).push([[717],{7717(s,t,e){e.d(t,{SquareDrawer:()=>a});const r=Math.sqrt(2);class a{constructor(){this.validTypes=["edge","square"]}draw(s){!function(s){const{context:t,radius:e}=s,a=e/r,c=2*a;t.rect(-a,-a,c,c)}(s)}getSidesCount(){return 4}}}}]);

package/717.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles undefined Preset v4.0.0-alpha.0 by Matteo Bruni */

package/README.md

@@ -6,7 +6,7 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) preset creating a squares effect with falling particles.
 
-[![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
+[![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
 
 [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") <a href="https://www.buymeacoffee.com/matteobruni"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00"></a>
 

package/browser/bundle.js

@@ -1,3 +1,2 @@
-import { loadSquaresPreset } from "./index.js";
-import { tsParticles } from "@tsparticles/engine";
-export { loadSquaresPreset, tsParticles };
+export { loadSquaresPreset } from "./index.js";
+export { tsParticles } from "@tsparticles/engine";

package/browser/index.js

@@ -1,15 +1,12 @@
-import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
-import { loadRotateUpdater } from "@tsparticles/updater-rotate";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
-import { loadSquareShape } from "@tsparticles/shape-square";
-import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-import { options } from "./options.js";
-export async function loadSquaresPreset(engine, refresh = true) {
-    await loadEmittersPlugin(engine, false);
-    await loadSquareShape(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadSizeUpdater(engine, false);
-    await loadStrokeColorUpdater(engine, false);
-    await engine.addPreset("squares", options, false);
-    await engine.refresh(refresh);
+export function loadSquaresPreset(engine) {
+    engine.register(async (e) => {
+        const { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadSizeUpdater } = await import("@tsparticles/updater-size"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { options, presetName } = await import("./options.js");
+        loadHexColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadSquareShape(e);
+        loadRotateUpdater(e);
+        loadSizeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, options);
+    });
 }

package/browser/options.js

@@ -1,4 +1,5 @@
 import { DestroyType, RotateDirection, StartValueType } from "@tsparticles/engine";
+export const presetName = "squares";
 export const options = {
     particles: {
         stroke: {

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/bundle.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsParticles = exports.loadSquaresPreset = void 0;
-const index_js_1 = require("./index.js");
-Object.defineProperty(exports, "loadSquaresPreset", { enumerable: true, get: function () { return index_js_1.loadSquaresPreset; } });
-const engine_1 = require("@tsparticles/engine");
-Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
+export { loadSquaresPreset } from "./index.js";
+export { tsParticles } from "@tsparticles/engine";

package/cjs/index.js

@@ -1,19 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadSquaresPreset = void 0;
-const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
-const updater_rotate_1 = require("@tsparticles/updater-rotate");
-const updater_size_1 = require("@tsparticles/updater-size");
-const shape_square_1 = require("@tsparticles/shape-square");
-const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
-const options_js_1 = require("./options.js");
-async function loadSquaresPreset(engine, refresh = true) {
-    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
-    await (0, shape_square_1.loadSquareShape)(engine, false);
-    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
-    await (0, updater_size_1.loadSizeUpdater)(engine, false);
-    await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
-    await engine.addPreset("squares", options_js_1.options, false);
-    await engine.refresh(refresh);
+export function loadSquaresPreset(engine) {
+    engine.register(async (e) => {
+        const { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadSizeUpdater } = await import("@tsparticles/updater-size"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { options, presetName } = await import("./options.js");
+        loadHexColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadSquareShape(e);
+        loadRotateUpdater(e);
+        loadSizeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, options);
+    });
 }
-exports.loadSquaresPreset = loadSquaresPreset;

package/cjs/options.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.options = void 0;
-const engine_1 = require("@tsparticles/engine");
-exports.options = {
+import { DestroyType, RotateDirection, StartValueType } from "@tsparticles/engine";
+export const presetName = "squares";
+export const options = {
     particles: {
         stroke: {
             width: 5,
@@ -30,7 +28,7 @@ exports.options = {
         },
         rotate: {
             value: 0,
-            direction: engine_1.RotateDirection.counterClockwise,
+            direction: RotateDirection.counterClockwise,
             animation: {
                 enable: true,
                 speed: 2,
@@ -41,10 +39,10 @@ exports.options = {
             value: { min: 1, max: 500 },
             animation: {
                 enable: true,
-                startValue: engine_1.StartValueType.min,
+                startValue: StartValueType.min,
                 speed: 60,
                 sync: true,
-                destroy: engine_1.DestroyType.max,
+                destroy: DestroyType.max,
             },
         },
     },

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist_browser_options_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["dist_browser_options_js"],{
+
+/***/ "./dist/browser/options.js"
+/*!*********************************!*\
+  !*** ./dist/browser/options.js ***!
+  \*********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   options: () => (/* binding */ options),\n/* harmony export */   presetName: () => (/* binding */ presetName)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../node_modules/.pnpm/@tsparticles+engine@4.0.0-alpha.2/node_modules/@tsparticles/engine/browser/index.js\");\n\nconst presetName = \"squares\";\nconst options = {\n  particles: {\n    stroke: {\n      width: 5,\n      color: {\n        value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\", \"#2FF3E0\", \"#F8D210\", \"#FA26A0\", \"#F51720\"]\n      }\n    },\n    shape: {\n      type: \"square\",\n      options: {\n        square: {\n          fill: false\n        }\n      }\n    },\n    rotate: {\n      value: 0,\n      direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise,\n      animation: {\n        enable: true,\n        speed: 2,\n        sync: true\n      }\n    },\n    size: {\n      value: {\n        min: 1,\n        max: 500\n      },\n      animation: {\n        enable: true,\n        startValue: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.StartValueType.min,\n        speed: 60,\n        sync: true,\n        destroy: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.DestroyType.max\n      }\n    }\n  },\n  background: {\n    color: \"#000\"\n  },\n  emitters: {\n    position: {\n      y: 50,\n      x: 50\n    },\n    rate: {\n      delay: 1,\n      quantity: 1\n    }\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/preset-squares/./dist/browser/options.js?\n}");
+
+/***/ }
+
+}]);

package/esm/bundle.js

@@ -1,3 +1,2 @@
-import { loadSquaresPreset } from "./index.js";
-import { tsParticles } from "@tsparticles/engine";
-export { loadSquaresPreset, tsParticles };
+export { loadSquaresPreset } from "./index.js";
+export { tsParticles } from "@tsparticles/engine";

package/esm/index.js

@@ -1,15 +1,12 @@
-import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
-import { loadRotateUpdater } from "@tsparticles/updater-rotate";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
-import { loadSquareShape } from "@tsparticles/shape-square";
-import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-import { options } from "./options.js";
-export async function loadSquaresPreset(engine, refresh = true) {
-    await loadEmittersPlugin(engine, false);
-    await loadSquareShape(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadSizeUpdater(engine, false);
-    await loadStrokeColorUpdater(engine, false);
-    await engine.addPreset("squares", options, false);
-    await engine.refresh(refresh);
+export function loadSquaresPreset(engine) {
+    engine.register(async (e) => {
+        const { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadSizeUpdater } = await import("@tsparticles/updater-size"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { options, presetName } = await import("./options.js");
+        loadHexColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadSquareShape(e);
+        loadRotateUpdater(e);
+        loadSizeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, options);
+    });
 }

package/esm/options.js

@@ -1,4 +1,5 @@
 import { DestroyType, RotateDirection, StartValueType } from "@tsparticles/engine";
+export const presetName = "squares";
 export const options = {
     particles: {
         stroke: {

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_plugin-e-122a51.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_plugin-e-122a51"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js"
+/*!*********************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js ***!
+  \*********************************************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShapeManager: () => (/* binding */ ShapeManager)\n/* harmony export */ });\nconst shapeGeneratorss = new Map();\nclass ShapeManager {\n    addShapeGenerator(name, generator) {\n        if (!this.getShapeGenerator(name)) {\n            shapeGeneratorss.set(name, generator);\n        }\n    }\n    getShapeGenerator(name) {\n        return shapeGeneratorss.get(name);\n    }\n    getSupportedShapeGenerators() {\n        return shapeGeneratorss.keys();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js?\n}");
+
+/***/ }
+
+}]);

package/node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_plugin-e-6bd6f8.js

@@ -0,0 +1,50 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_plugin-e-6bd6f8"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/EmitterShapeBase.js"
+/*!*************************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/EmitterShapeBase.js ***!
+  \*************************************************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeBase: () => (/* binding */ EmitterShapeBase)\n/* harmony export */ });\nclass EmitterShapeBase {\n    constructor(position, size, fill, options) {\n        this.position = position;\n        this.size = size;\n        this.fill = fill;\n        this.options = options;\n    }\n    resize(position, size) {\n        this.position = position;\n        this.size = size;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/EmitterShapeBase.js?\n}");
+
+/***/ },
+
+/***/ "../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js"
+/*!*******************************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js ***!
+  \*******************************************************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* binding */ EmitterClickMode)\n/* harmony export */ });\nvar EmitterClickMode;\n(function (EmitterClickMode) {\n    EmitterClickMode[\"emitter\"] = \"emitter\";\n})(EmitterClickMode || (EmitterClickMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js?\n}");
+
+/***/ },
+
+/***/ "../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/index.js"
+/*!**************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/index.js ***!
+  \**************************************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js\");\nfunction loadEmittersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.2\");\n    engine.register(async (e) => {\n        const { ShapeManager } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_plugin-e-122a51\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js\")), { EmittersPlugin } = await __webpack_require__.e(/*! import() */ \"vendors-node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_2_node_modules_tsparticles_-1e60b5\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/EmittersPlugin.js\"));\n        e.emitterShapeManager ??= new ShapeManager();\n        e.addEmitterShapeGenerator ??= (name, generator) => {\n            e.emitterShapeManager?.addShapeGenerator(name, generator);\n        };\n        const plugin = new EmittersPlugin(e);\n        e.addPlugin(plugin);\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.2/node_modules/@tsparticles/plugin-emitters/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--91288b.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--91288b"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+plugin-hex-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hex-color/browser/index.js"
+/*!****************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hex-color/browser/index.js ***!
+  \****************************************************************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nfunction loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.2\");\n    engine.register(async (e) => {\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--d06b2a\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-hex-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hex-color/browser/HexColorManager.js\"));\n        e.addColorManager(new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-hex-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hex-color/browser/index.js?\n}");
+
+/***/ }
+
+}]);