@tsparticles/all 4.0.0-beta.0 → 4.0.0-beta.2

package/9643.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9643],{9643(a,e,n){async function i(a){a.checkVersion("4.0.0-beta.2"),await a.pluginManager.register(async a=>{let[{ensureInteractivityPluginLoaded:e},{OverlapPlugin:i}]=await Promise.all([n.e(2454).then(n.bind(n,2454)),n.e(4991).then(n.bind(n,4991))]);e(a),a.pluginManager.addPlugin(new i),a.pluginManager.addInteractor?.("particlesCollisions",async a=>{let{Collider:e}=await n.e(8082).then(n.bind(n,8082));return new e(a)})})}n.r(e),n.d(e,{loadParticlesCollisionsInteraction:()=>i}),n(2540)}}]);

package/9654.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9654],{9654(s,t,e){e.d(t,{easingsFunctions:()=>n});var a=e(2540);let n=new Map;n.set(a.mgy.easeInQuint,s=>s**5),n.set(a.mgy.easeOutQuint,s=>1-(1-s)**5),n.set(a.mgy.easeInOutQuint,s=>s<.5?16*s**5:1-(-2*s+2)**5/2)}}]);

package/{5997.min.js → 9673.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[5997],{5997(s,e,t){t.d(e,{easingsFunctions:()=>p});var a=t(1989);let p=new Map;p.set(a.mgy.easeInExpo,s=>s?2**(10*s-10):0),p.set(a.mgy.easeOutExpo,s=>1===s?1:1-Math.pow(2,-10*s)),p.set(a.mgy.easeInOutExpo,s=>1===s?1:s?s<.5?2**(20*s-10)/2:(2-2**(-20*s+10))/2:0)}}]);
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9673],{9673(s,e,t){t.d(e,{easingsFunctions:()=>p});var a=t(2540);let p=new Map;p.set(a.mgy.easeInExpo,s=>s?2**(10*s-10):0),p.set(a.mgy.easeOutExpo,s=>1===s?1:1-Math.pow(2,-10*s)),p.set(a.mgy.easeInOutExpo,s=>1===s?1:s?s<.5?2**(20*s-10)/2:(2-2**(-20*s+10))/2:0)}}]);

package/9720.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9720],{9720(a,e,t){async function i(a){a.checkVersion("4.0.0-beta.2"),await a.pluginManager.register(a=>{a.pluginManager.addEffect("particles",async a=>{let{ParticlesDrawer:e}=await t.e(6938).then(t.bind(t,6938));return new e(a)})})}t.r(e),t.d(e,{loadParticlesEffect:()=>i}),t(2540)}}]);

package/9748.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[2454,9748],{9748(t,e,i){i.d(e,{EmittersInteractor:()=>l});var a=i(2454),o=i(2540),s=i(8923);let n={count:1,enable:!0},r="emitters";class l extends a.ExternalInteractorBase{handleClickMode;maxDistance;_instancesManager;constructor(t,e){super(e),this._instancesManager=t,this.maxDistance=0,this.handleClickMode=(t,e)=>{let i,a=this.container.actualOptions.interactivity.modes.emitters;if(!a||t!==r)return;if((0,o.cyL)(a.value)){let t=a.value.length;if(t>0&&a.random.enable){i=[];let e=new Set;for(let s=0;s<a.random.count;s++){let n=(0,o.n02)(a.value);if(e.has(n)&&e.size<t){s--;continue}e.add(n);let r=(0,o.Vh1)(a.value,n);r&&i.push(r)}}else i=a.value}else i=a.value;let s=i,n=e.mouse.clickPosition;(0,o.wJ2)(s,async t=>{await this._instancesManager.addEmitter(this.container,t,n)})}}clear(){}init(){}interact(t,e){for(let t of this._instancesManager.getArray(this.container))t.update(e)}isEnabled(t,e){let i=this.container.actualOptions,a=t.mouse,s=(e?.interactivity??i.interactivity).events;return!!a.clickPosition&&!!s.onClick.enable&&(0,o.hnD)(r,s.onClick.mode)}loadModeOptions(t,...e){for(let i of(t.emitters={random:n,value:[]},e))if(i?.emitters)if((0,o.cyL)(i.emitters))for(let e of i.emitters){let i=new s.v;i.load(e),t.emitters.value.push(i)}else if("value"in i.emitters){let e=i.emitters;if(t.emitters.random.enable=e.random?.enable??t.emitters.random.enable,t.emitters.random.count=e.random?.count??t.emitters.random.count,(0,o.cyL)(e.value))for(let i of e.value){let e=new s.v;e.load(i),t.emitters.value.push(e)}else{let i=new s.v;i.load(e.value),t.emitters.value.push(i)}}else{let e=new s.v;e.load(i.emitters),t.emitters.value.push(e)}}removeEmitter(t){let e=this._instancesManager.getArray(this.container).indexOf(t);e>=0&&this._instancesManager.getArray(this.container).splice(e,1)}reset(){}}},8923(t,e,i){i.d(e,{v:()=>d});var a=i(2540);class o{count;delay;duration;wait;constructor(){this.wait=!1}load(t){(0,a.kZJ)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,a.DT4)(t.delay)),void 0!==t.duration&&(this.duration=(0,a.DT4)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class s{delay;quantity;constructor(){this.quantity=1,this.delay=.1}load(t){(0,a.kZJ)(t)||(void 0!==t.quantity&&(this.quantity=(0,a.DT4)(t.quantity)),void 0!==t.delay&&(this.delay=(0,a.DT4)(t.delay)))}}class n{color;opacity;constructor(){this.color=!1,this.opacity=!1}load(t){(0,a.kZJ)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class r{options;replace;type;constructor(){this.options={},this.replace=new n,this.type="square"}load(t){(0,a.kZJ)(t)||(void 0!==t.options&&(this.options=(0,a.zwS)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var l=i(9085);class c{fill;stroke;load(t){!(0,a.kZJ)(t)&&(t.fill&&(this.fill??=new a.SQl,this.fill.load(t.fill)),t.stroke&&(this.stroke??=new a.tcj,this.stroke.load(t.stroke)))}}class d{autoPlay;direction;domId;fill;life;name;particles;position;rate;shape;size;spawn;spawnFillColor;spawnStrokeColor;startCount;constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new s,this.shape=new r,this.spawn=new c,this.startCount=0}load(t){(0,a.kZJ)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new l.G,this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=(0,a.wJ2)(t.particles,t=>(0,a.zwS)({},t)),this.rate.load(t.rate),this.shape.load(t.shape),this.spawn.load(t.spawn),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,a.DT4)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,a.DT4)(t.position.y))),void 0!==t.spawnFillColor&&(this.spawnFillColor??=new a.A9e,this.spawnFillColor.load(t.spawnFillColor)),void 0!==t.spawnStrokeColor&&(this.spawnStrokeColor??=new a.A9e,this.spawnStrokeColor.load(t.spawnStrokeColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},9085(t,e,i){i.d(e,{G:()=>o});var a=i(2540);class o{height;mode;width;constructor(){this.mode=a.qiC.percent,this.height=0,this.width=0}load(t){(0,a.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))}}},2516(t,e,i){var a,o;i.d(e,{Q:()=>a}),(o=a||(a={})).circle="circle",o.rectangle="rectangle"},2123(t,e,i){var a,o;i.d(e,{h:()=>a}),(o=a||(a={})).canvas="canvas",o.parent="parent",o.window="window"},1044(t,e,i){var a,o;i.d(e,{e:()=>a}),(o=a||(a={})).external="external",o.particles="particles"},3296(t,e,i){i.d(e,{Bp:()=>c,DG:()=>d,G3:()=>h,Rb:()=>r,Z0:()=>n,ms:()=>o,s7:()=>l,vo:()=>s,xO:()=>a});let a="click",o="pointerdown",s="pointerup",n="pointerleave",r="pointermove",l="touchstart",c="touchend",d="touchmove",h="touchcancel"},6607(t,e,i){i.d(e,{G:()=>s});var a=i(2540),o=i(2516);class s{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=o.Q.circle}load(t){(0,a.kZJ)(t)||(void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type))}}},3332(t,e,i){i.d(e,{d:()=>o});var a=i(2540);class o{_container;_pluginManager;constructor(t,e){this._pluginManager=t,this._container=e}load(t){if((0,a.kZJ)(t)||!this._container)return;let e=this._pluginManager.interactors?.get(this._container);if(e)for(let i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}},2454(t,e,i){i.r(e),i.d(e,{DivEvent:()=>v.G,DivType:()=>l.Q,ExternalInteractorBase:()=>s,InteractivityDetect:()=>c.h,InteractorType:()=>o.e,Modes:()=>w.d,ParticlesInteractorBase:()=>n,clickEvent:()=>r.xO,divMode:()=>p,divModeExecute:()=>h,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>m,mouseDownEvent:()=>r.ms,mouseLeaveEvent:()=>r.Z0,mouseMoveEvent:()=>r.Rb,mouseUpEvent:()=>r.vo,singleDivModeExecute:()=>u,touchCancelEvent:()=>r.G3,touchEndEvent:()=>r.Bp,touchMoveEvent:()=>r.DG,touchStartEvent:()=>r.s7});var a=i(2540),o=i(1044);class s{type=o.e.external;container;constructor(t){this.container=t}}class n{type=o.e.particles;container;constructor(t){this.container=t}}var r=i(3296),l=i(2516),c=i(2123);function d(t,e){return!!(0,a.w3Z)(e,e=>e.enable&&(0,a.hnD)(t,e.mode))}function h(t,e,i){(0,a.wJ2)(e,e=>{let o=e.mode;e.enable&&(0,a.hnD)(t,o)&&u(e,i)})}function u(t,e){let i=t.selectors;(0,a.wJ2)(i,i=>{e(i,t)})}function p(t,e){if(e&&t)return(0,a.w3Z)(t,t=>{var i;let o;return i=t.selectors,o=(0,a.wJ2)(i,t=>e.matches(t)),(0,a.cyL)(o)?o.some(t=>t):o})}var v=i(6607),w=i(3332);async function m(t){t.checkVersion("4.0.0-beta.2"),await t.pluginManager.register(async t=>{let e=t.pluginManager,{InteractivityPlugin:o}=await i.e(6598).then(i.bind(i,6598));e.addPlugin(new o(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,i)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,i)},e.getInteractors=async(t,i=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,a.HQK)(t,e.interactors,e.initializers.interactors,i)),e.setOnClickHandler=e=>{let{items:i}=t;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(t=>{t.addClickHandler?.(e)})}})}function y(t){if(!t.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/9782.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9782],{9782(a,i,n){async function e(a){a.checkVersion("4.0.0-beta.2"),await a.pluginManager.register(async a=>{let{PoissonDiscPlugin:i}=await n.e(886).then(n.bind(n,886));a.pluginManager.addPlugin(new i)})}n.r(i),n.d(i,{loadPoissonDiscPlugin:()=>e}),n(2540)}}]);

package/9838.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[2454,9838],{9838(t,e,n){n.d(e,{ExternalLighter:()=>s});var a=n(2454),i=n(2540),r=n(1125),o=n(1058);class s extends a.ExternalInteractorBase{maxDistance=0;_pluginManager;constructor(t,e){super(e),this._pluginManager=t}clear(){}init(){}interact(t){let e=this.container,n=e.actualOptions;if(!n.interactivity?.events.onHover.enable||"pointermove"!==t.status)return;let a=t.mouse.position;a&&e.canvas.render.draw(t=>{(0,r.tM)(e,t,a)})}isEnabled(t,e){let n=this.container,a=t.mouse,o=e?.interactivity??n.actualOptions.interactivity,s=o?.events;if(!(s?.onHover.enable&&a.position))return!1;let l=(0,i.hnD)(r.EF,s.onHover.mode);if(l&&o?.modes.light){let t=o.modes.light.area.gradient;n.canvas.mouseLight={start:(0,i.BN0)(this._pluginManager,t.start),stop:(0,i.BN0)(this._pluginManager,t.stop)}}return l}loadModeOptions(t,...e){for(let n of(t.light??=new o.v,e))t.light.load(n?.light)}reset(){}}},1125(t,e,n){n.d(e,{EF:()=>o,No:()=>l,tM:()=>s});var a=n(2540);let i=Math.PI*a.MXx,r=Math.PI*a.$GP,o="light";function s(t,e,n){let i=t.actualOptions.interactivity?.modes.light?.area;if(!i)return;e.beginPath(),e.arc(n.x,n.y,i.radius,0,a.R1e);let r=e.createRadialGradient(n.x,n.y,0,n.x,n.y,i.radius),o=t.canvas.mouseLight;o?.start&&o.stop&&(r.addColorStop(0,(0,a.xxz)(o.start,t.hdr)),r.addColorStop(1,(0,a.xxz)(o.stop,t.hdr)),e.fillStyle=r,e.fill())}function l(t,e,n,o){let s=n.getPosition(),l=t.actualOptions.interactivity?.modes.light?.shadow;if(!l)return;let c=n.lightShadow;if(!c)return;let d=n.getRadius(),h=n.sides,u=a.R1e/h,p=-n.rotation+r,v=[];for(let t=0;t<h;t++)v.push({x:s.x+d*Math.sin(p+u*t)*1,y:s.y+d*Math.cos(p+u*t)*1});let g=[],y=l.length;for(let t of v){let e=Math.atan2(o.y-t.y,o.x-t.x),n={x:t.x+y*Math.sin(-e-i),y:t.y+y*Math.cos(-e-i)};g.push({end:n,start:t})}let M=(0,a.xxz)(c,t.hdr),f=g.length-1;for(let t=f,n=0;t>=0;n=t--){e.beginPath();let a=g[t],i=g[n];a&&i&&(e.moveTo(a.start.x,a.start.y),e.lineTo(i.start.x,i.start.y),e.lineTo(i.end.x,i.end.y),e.lineTo(a.end.x,a.end.y),e.fillStyle=M,e.fill())}}},2516(t,e,n){var a,i;n.d(e,{Q:()=>a}),(i=a||(a={})).circle="circle",i.rectangle="rectangle"},2123(t,e,n){var a,i;n.d(e,{h:()=>a}),(i=a||(a={})).canvas="canvas",i.parent="parent",i.window="window"},1044(t,e,n){var a,i;n.d(e,{e:()=>a}),(i=a||(a={})).external="external",i.particles="particles"},3296(t,e,n){n.d(e,{Bp:()=>c,DG:()=>d,G3:()=>h,Rb:()=>s,Z0:()=>o,ms:()=>i,s7:()=>l,vo:()=>r,xO:()=>a});let a="click",i="pointerdown",r="pointerup",o="pointerleave",s="pointermove",l="touchstart",c="touchend",d="touchmove",h="touchcancel"},6607(t,e,n){n.d(e,{G:()=>r});var a=n(2540),i=n(2516);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=i.Q.circle}load(t){(0,a.kZJ)(t)||(void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type))}}},3332(t,e,n){n.d(e,{d:()=>i});var a=n(2540);class i{_container;_pluginManager;constructor(t,e){this._pluginManager=t,this._container=e}load(t){if((0,a.kZJ)(t)||!this._container)return;let e=this._pluginManager.interactors?.get(this._container);if(e)for(let n of e)n.loadModeOptions&&n.loadModeOptions(this,t)}}},2454(t,e,n){n.r(e),n.d(e,{DivEvent:()=>v.G,DivType:()=>l.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>c.h,InteractorType:()=>i.e,Modes:()=>g.d,ParticlesInteractorBase:()=>o,clickEvent:()=>s.xO,divMode:()=>p,divModeExecute:()=>h,ensureInteractivityPluginLoaded:()=>M,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>y,mouseDownEvent:()=>s.ms,mouseLeaveEvent:()=>s.Z0,mouseMoveEvent:()=>s.Rb,mouseUpEvent:()=>s.vo,singleDivModeExecute:()=>u,touchCancelEvent:()=>s.G3,touchEndEvent:()=>s.Bp,touchMoveEvent:()=>s.DG,touchStartEvent:()=>s.s7});var a=n(2540),i=n(1044);class r{type=i.e.external;container;constructor(t){this.container=t}}class o{type=i.e.particles;container;constructor(t){this.container=t}}var s=n(3296),l=n(2516),c=n(2123);function d(t,e){return!!(0,a.w3Z)(e,e=>e.enable&&(0,a.hnD)(t,e.mode))}function h(t,e,n){(0,a.wJ2)(e,e=>{let i=e.mode;e.enable&&(0,a.hnD)(t,i)&&u(e,n)})}function u(t,e){let n=t.selectors;(0,a.wJ2)(n,n=>{e(n,t)})}function p(t,e){if(e&&t)return(0,a.w3Z)(t,t=>{var n;let i;return n=t.selectors,i=(0,a.wJ2)(n,t=>e.matches(t)),(0,a.cyL)(i)?i.some(t=>t):i})}var v=n(6607),g=n(3332);async function y(t){t.checkVersion("4.0.0-beta.2"),await t.pluginManager.register(async t=>{let e=t.pluginManager,{InteractivityPlugin:i}=await n.e(6598).then(n.bind(n,6598));e.addPlugin(new i(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,n)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,n)},e.getInteractors=async(t,n=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,a.HQK)(t,e.interactors,e.initializers.interactors,n)),e.setOnClickHandler=e=>{let{items:n}=t;if(!n.length)throw Error("Click handlers can only be set after calling tsParticles.load()");n.forEach(t=>{t.addClickHandler?.(e)})}})}function M(t){if(!t.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/{9569.min.js → 9920.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9569],{9569(e,a,t){t.d(a,{RoundedRectDrawer:()=>r});var i=t(1989);class r{draw(e){let{context:a,particle:t,radius:r}=e,u=r*Math.SQRT1_2,d=u*i.gdl,l=t.borderRadius??5;"roundRect"in a?a.roundRect(-u,-u,d,d,l):function(e,a,t,i){let{x:r,y:u,width:d,height:l}={x:-a,y:-a,height:t,width:t},o=r+d,c=u+l;e.moveTo(r+i,u),e.lineTo(o-i,u),e.quadraticCurveTo(o,u,o,u+i),e.lineTo(o,u+l-i),e.quadraticCurveTo(o,c,o-i,c),e.lineTo(r+i,c),e.quadraticCurveTo(r,c,r,c-i),e.lineTo(r,u+i),e.quadraticCurveTo(r,u,r+i,u)}(a,u,d,l)}particleInit(e,a){let t=a.shapeData;a.borderRadius=(0,i.VGA)(t?.radius??5)*e.retina.pixelRatio}}}}]);
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9920],{9920(e,a,t){t.d(a,{RoundedRectDrawer:()=>r});var i=t(2540);class r{draw(e){let{context:a,particle:t,radius:r}=e,u=r*Math.SQRT1_2,d=u*i.gdl,l=t.borderRadius??5;"roundRect"in a?a.roundRect(-u,-u,d,d,l):function(e,a,t,i){let{x:r,y:u,width:d,height:l}={x:-a,y:-a,height:t,width:t},o=r+d,c=u+l;e.moveTo(r+i,u),e.lineTo(o-i,u),e.quadraticCurveTo(o,u,o,u+i),e.lineTo(o,u+l-i),e.quadraticCurveTo(o,c,o-i,c),e.lineTo(r+i,c),e.quadraticCurveTo(r,c,r,c-i),e.lineTo(r,u+i),e.quadraticCurveTo(r,u,r+i,u)}(a,u,d,l)}particleInit(e,a){let t=a.shapeData;a.borderRadius=(0,i.VGA)(t?.radius??5)*e.retina.pixelRatio}}}}]);

package/9950.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9950],{9950(a,e,t){async function n(a){a.checkVersion("4.0.0-beta.2"),await a.pluginManager.register(a=>{a.pluginManager.addParticleUpdater("roll",async()=>{let{RollUpdater:e}=await t.e(5532).then(t.bind(t,5532));return new e(a.pluginManager)})})}t.r(e),t.d(e,{loadRollUpdater:()=>n}),t(2540)}}]);

package/9994.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[9994],{9994(s,e,a){a.d(e,{easingsFunctions:()=>u});var t=a(2540);let u=new Map;u.set(t.mgy.easeInQuad,s=>s**2),u.set(t.mgy.easeOutQuad,s=>1-(1-s)**2),u.set(t.mgy.easeInOutQuad,s=>s<.5?2*s**2:1-(-2*s+2)**2/2)}}]);

package/basic_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\nasync function loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../plugins/colors/hex/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../plugins/colors/hsl/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../plugins/colors/rgb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../shapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-fill-color */ \"../../updaters/fillColor/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../updaters/opacity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../updaters/outModes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../updaters/size/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadHexColorPlugin(e),\n            loadHslColorPlugin(e),\n            loadRgbColorPlugin(e),\n            loadMovePlugin(e),\n            loadCircleShape(e),\n            loadFillColorUpdater(e),\n            loadOpacityUpdater(e),\n            loadOutModesUpdater(e),\n            loadSizeUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../basic/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../plugins/colors/hex/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../plugins/colors/hsl/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../plugins/colors/rgb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../shapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-fill-color */ \"../../updaters/fillColor/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../updaters/opacity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../updaters/outModes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../updaters/size/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadHexColorPlugin(e),\n            loadHslColorPlugin(e),\n            loadRgbColorPlugin(e),\n            loadMovePlugin(e),\n            loadCircleShape(e),\n            loadFillColorUpdater(e),\n            loadOpacityUpdater(e),\n            loadOutModesUpdater(e),\n            loadSizeUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../basic/dist/browser/index.js?\n}");
 
 /***/ }
 

package/browser/index.js

@@ -1,7 +1,8 @@
+import {} from "@tsparticles/engine";
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalCannonInteraction }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
             import("tsparticles"),
             import("@tsparticles/plugin-hsv-color"),
             import("@tsparticles/plugin-hwb-color"),
@@ -39,6 +40,7 @@ export async function loadAll(engine) {
             import("@tsparticles/plugin-export-image"),
             import("@tsparticles/plugin-export-json"),
             import("@tsparticles/plugin-export-video"),
+            import("@tsparticles/interaction-external-cannon"),
             import("@tsparticles/interaction-external-particle"),
             import("@tsparticles/interaction-external-pop"),
             import("@tsparticles/interaction-light"),
@@ -82,6 +84,7 @@ export async function loadAll(engine) {
             (async () => {
                 await loadFull(e);
                 await Promise.all([
+                    loadExternalCannonInteraction(e),
                     loadExternalParticleInteraction(e),
                     loadExternalPopInteraction(e),
                     loadLightInteraction(e),

package/cjs/index.js

@@ -1,7 +1,8 @@
+import {} from "@tsparticles/engine";
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalCannonInteraction }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
             import("tsparticles"),
             import("@tsparticles/plugin-hsv-color"),
             import("@tsparticles/plugin-hwb-color"),
@@ -39,6 +40,7 @@ export async function loadAll(engine) {
             import("@tsparticles/plugin-export-image"),
             import("@tsparticles/plugin-export-json"),
             import("@tsparticles/plugin-export-video"),
+            import("@tsparticles/interaction-external-cannon"),
             import("@tsparticles/interaction-external-particle"),
             import("@tsparticles/interaction-external-pop"),
             import("@tsparticles/interaction-light"),
@@ -82,6 +84,7 @@ export async function loadAll(engine) {
             (async () => {
                 await loadFull(e);
                 await Promise.all([
+                    loadExternalCannonInteraction(e),
                     loadExternalParticleInteraction(e),
                     loadExternalPopInteraction(e),
                     loadLightInteraction(e),

package/effects_bubble_dist_browser_BubbleDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/effects_bubble_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBubbleEffect: () => (/* binding */ loadBubbleEffect)\n/* harmony export */ });\nasync function loadBubbleEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addEffect(\"bubble\", async ()=>{\n            const { BubbleDrawer } = await __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_BubbleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BubbleDrawer.js */ \"../../effects/bubble/dist/browser/BubbleDrawer.js\"));\n            return new BubbleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBubbleEffect: () => (/* binding */ loadBubbleEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadBubbleEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"bubble\", async ()=>{\n            const { BubbleDrawer } = await __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_BubbleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BubbleDrawer.js */ \"../../effects/bubble/dist/browser/BubbleDrawer.js\"));\n            return new BubbleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_particles_dist_browser_ParticlesDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesDrawer: () => (/* binding */ ParticlesDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minSpawnRate = 0, defaultSpawnRate = 1, defaultSpawnQuantity = 1;\nclass ParticlesDrawer {\n    drawAfter(data) {\n        const { particle } = data, { container } = particle;\n        if (!particle.particlesNextSpawn) {\n            return;\n        }\n        const currentTime = performance.now();\n        if (currentTime < particle.particlesNextSpawn) {\n            return;\n        }\n        particle.particlesNextSpawn = currentTime + (particle.particlesSpawnRate ?? defaultSpawnRate * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n        const quantity = particle.particlesSpawnQuantity ?? defaultSpawnQuantity, pOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particle.particlesData?.spawn?.particles), pos = {\n            ...particle.getPosition()\n        };\n        for(let i = 0; i < quantity; i++){\n            container.particles.addParticle(pos, pOptions);\n        }\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, spawnRate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.spawn?.rate?.delay ?? defaultSpawnRate);\n        particle.particlesSpawnQuantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.spawn?.rate?.quantity ?? defaultSpawnQuantity);\n        particle.particlesSpawnRate = (spawnRate > minSpawnRate ? spawnRate : defaultSpawnRate) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        particle.particlesNextSpawn = performance.now() + particle.particlesSpawnRate;\n        particle.particlesData = effectData;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/ParticlesDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesDrawer: () => (/* binding */ ParticlesDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minSpawnRate = 0, defaultSpawnRate = 1, defaultSpawnQuantity = 1;\nclass ParticlesDrawer {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    drawAfter(data) {\n        const { particle } = data, { _container: container } = this;\n        if (!particle.particlesNextSpawn) {\n            return;\n        }\n        const currentTime = performance.now();\n        if (currentTime < particle.particlesNextSpawn) {\n            return;\n        }\n        particle.particlesNextSpawn = currentTime + (particle.particlesSpawnRate ?? defaultSpawnRate * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n        const quantity = particle.particlesSpawnQuantity ?? defaultSpawnQuantity, pOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particle.particlesData?.spawn?.particles), pos = {\n            ...particle.getPosition()\n        };\n        for(let i = 0; i < quantity; i++){\n            container.particles.addParticle(pos, pOptions);\n        }\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, spawnRate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.spawn?.rate?.delay ?? defaultSpawnRate);\n        particle.particlesSpawnQuantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.spawn?.rate?.quantity ?? defaultSpawnQuantity);\n        particle.particlesSpawnRate = (spawnRate > minSpawnRate ? spawnRate : defaultSpawnRate) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        particle.particlesNextSpawn = performance.now() + particle.particlesSpawnRate;\n        particle.particlesData = effectData;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/ParticlesDrawer.js?\n}");
 
 /***/ }
 

package/effects_particles_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*****************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesEffect: () => (/* binding */ loadParticlesEffect)\n/* harmony export */ });\nasync function loadParticlesEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addEffect(\"particles\", async ()=>{\n            const { ParticlesDrawer } = await __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_ParticlesDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesDrawer.js */ \"../../effects/particles/dist/browser/ParticlesDrawer.js\"));\n            return new ParticlesDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesEffect: () => (/* binding */ loadParticlesEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadParticlesEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"particles\", async (container)=>{\n            const { ParticlesDrawer } = await __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_ParticlesDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesDrawer.js */ \"../../effects/particles/dist/browser/ParticlesDrawer.js\"));\n            return new ParticlesDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_shadow_dist_browser_ShadowDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultShadowBlur = 0, defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    drawAfter(data) {\n        const { context } = data;\n        context.shadowBlur = 0;\n        context.shadowColor = \"transparent\";\n        context.shadowOffsetX = 0;\n        context.shadowOffsetY = 0;\n    }\n    drawBefore(data) {\n        const { particle, context } = data, { container } = particle, shadowParticle = particle, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;\n        if (!shadowColor) {\n            return;\n        }\n        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n        context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData?.color);\n        particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, shadowColor);\n        particle.shadowBlur = effectData?.blur ?? defaultShadowBlur;\n        particle.shadowOffset = effectData?.offset ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/ShadowDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultShadowBlur = 0, defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    drawAfter(data) {\n        const { context } = data;\n        context.shadowBlur = 0;\n        context.shadowColor = \"transparent\";\n        context.shadowOffsetX = 0;\n        context.shadowOffsetY = 0;\n    }\n    drawBefore(data) {\n        const { particle, context } = data, { _container: container } = this, shadowParticle = particle, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;\n        if (!shadowColor) {\n            return;\n        }\n        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n        context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData?.color);\n        particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, shadowColor);\n        particle.shadowBlur = effectData?.blur ?? defaultShadowBlur;\n        particle.shadowOffset = effectData?.offset ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/ShadowDrawer.js?\n}");
 
 /***/ }
 

package/effects_shadow_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadShadowEffect: () => (/* binding */ loadShadowEffect)\n/* harmony export */ });\nasync function loadShadowEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addEffect(\"shadow\", async ()=>{\n            const { ShadowDrawer } = await __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_ShadowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShadowDrawer.js */ \"../../effects/shadow/dist/browser/ShadowDrawer.js\"));\n            return new ShadowDrawer(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadShadowEffect: () => (/* binding */ loadShadowEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadShadowEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"shadow\", async (container)=>{\n            const { ShadowDrawer } = await __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_ShadowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShadowDrawer.js */ \"../../effects/shadow/dist/browser/ShadowDrawer.js\"));\n            return new ShadowDrawer(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_trail_dist_browser_TrailDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;\nconst defaultTransform = {\n    a: 1,\n    b: 0,\n    c: 0,\n    d: 1\n};\nclass TrailDrawer {\n    drawAfter(data) {\n        const { context, drawPosition, drawRadius, drawScale, particle, transformData } = data, diameter = drawRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, pxRatio = particle.container.retina.pixelRatio, trail = particle.trail;\n        if (!trail || !particle.trailLength) {\n            return;\n        }\n        const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;\n        trail.push({\n            color: context.fillStyle || context.strokeStyle,\n            position: {\n                x: currentPos.x,\n                y: currentPos.y\n            },\n            transformData\n        });\n        if (trail.length < minTrailLength) {\n            return;\n        }\n        const pathLengthFloor = Math.floor(pathLength);\n        if (trail.length > pathLengthFloor) {\n            trail.splice(firstIndex, trail.length - pathLengthFloor);\n        }\n        const trailLength = Math.min(trail.length, pathLength), canvasSize = {\n            width: particle.container.canvas.size.width * drawScale + diameter,\n            height: particle.container.canvas.size.height * drawScale + diameter\n        };\n        context.save();\n        context.lineCap = \"butt\";\n        context.lineJoin = \"round\";\n        for(let i = trailLength - loopTrailLengthOffset; i > loopTrailLengthMinIndex; i--){\n            const previousStep = trail[i + trailLengthOffset], step = trail[i], nextStep = trail[i - trailLengthOffset];\n            if (!previousStep || !step || !nextStep) {\n                continue;\n            }\n            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? step.transformData ?? defaultTransform : defaultTransform, { distance: previousDistance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(previousPosition, position), { distance: nextDistance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(position, nextPosition);\n            if (previousDistance > pathLength * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double || nextDistance > pathLength * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double) {\n                continue;\n            }\n            if (Math.abs(previousPosition.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(previousPosition.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(position.x - nextPosition.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(position.y - nextPosition.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n                continue;\n            }\n            context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n            const startX = (previousPosition.x + position.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.x, startY = (previousPosition.y + position.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.y, endX = (position.x + nextPosition.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.x, endY = (position.y + nextPosition.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.y;\n            context.beginPath();\n            context.moveTo(startX, startY);\n            context.quadraticCurveTo(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, endX, endY);\n            const width = Math.max(i / trailLength * diameter, pxRatio, (particle.trailMinWidth ?? minWidth) * drawScale), oldAlpha = context.globalAlpha;\n            context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n            context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth * drawScale) : width;\n            context.strokeStyle = step.color;\n            context.stroke();\n            context.globalAlpha = oldAlpha;\n        }\n        context.restore();\n    }\n    particleInit(container, particle) {\n        particle.trail = [];\n        const effectData = particle.effectData;\n        particle.trailFade = effectData?.fade ?? true;\n        particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n        particle.trailMaxWidth = effectData?.maxWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio : undefined;\n        particle.trailMinWidth = effectData?.minWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio : undefined;\n        particle.trailTransform = effectData?.transform ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/TrailDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;\nconst defaultTransform = {\n    a: 1,\n    b: 0,\n    c: 0,\n    d: 1\n};\nclass TrailDrawer {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    drawAfter(data) {\n        const { context, drawPosition, drawRadius, drawScale, particle, transformData } = data, container = this._container, diameter = drawRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, pxRatio = container.retina.pixelRatio, trail = particle.trail;\n        if (!trail || !particle.trailLength) {\n            return;\n        }\n        const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;\n        trail.push({\n            color: context.fillStyle || context.strokeStyle,\n            position: {\n                x: currentPos.x,\n                y: currentPos.y\n            },\n            transformData\n        });\n        if (trail.length < minTrailLength) {\n            return;\n        }\n        const pathLengthFloor = Math.floor(pathLength);\n        if (trail.length > pathLengthFloor) {\n            trail.splice(firstIndex, trail.length - pathLengthFloor);\n        }\n        const trailLength = Math.min(trail.length, pathLength), canvasSize = {\n            width: container.canvas.size.width * drawScale + diameter,\n            height: container.canvas.size.height * drawScale + diameter\n        };\n        context.save();\n        context.lineCap = \"butt\";\n        context.lineJoin = \"round\";\n        for(let i = trailLength - loopTrailLengthOffset; i > loopTrailLengthMinIndex; i--){\n            const previousStep = trail[i + trailLengthOffset], step = trail[i], nextStep = trail[i - trailLengthOffset];\n            if (!previousStep || !step || !nextStep) {\n                continue;\n            }\n            const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? step.transformData ?? defaultTransform : defaultTransform, { distance: previousDistance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(previousPosition, position), { distance: nextDistance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(position, nextPosition);\n            if (previousDistance > pathLength * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double || nextDistance > pathLength * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double) {\n                continue;\n            }\n            if (Math.abs(previousPosition.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(previousPosition.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(position.x - nextPosition.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(position.y - nextPosition.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n                continue;\n            }\n            context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n            const startX = (previousPosition.x + position.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.x, startY = (previousPosition.y + position.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.y, endX = (position.x + nextPosition.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.x, endY = (position.y + nextPosition.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - position.y;\n            context.beginPath();\n            context.moveTo(startX, startY);\n            context.quadraticCurveTo(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, endX, endY);\n            const width = Math.max(i / trailLength * diameter, pxRatio, (particle.trailMinWidth ?? minWidth) * drawScale), oldAlpha = context.globalAlpha;\n            context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n            context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth * drawScale) : width;\n            context.strokeStyle = step.color;\n            context.stroke();\n            context.globalAlpha = oldAlpha;\n        }\n        context.restore();\n    }\n    particleInit(container, particle) {\n        particle.trail = [];\n        const effectData = particle.effectData;\n        particle.trailFade = effectData?.fade ?? true;\n        particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n        particle.trailMaxWidth = effectData?.maxWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio : undefined;\n        particle.trailMinWidth = effectData?.minWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio : undefined;\n        particle.trailTransform = effectData?.transform ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/TrailDrawer.js?\n}");
 
 /***/ }
 

package/effects_trail_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addEffect(\"trail\", async ()=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"trail\", async (container)=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/index.js?\n}");
 
 /***/ }