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

package/9630.min.js

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[514,9630],{9630(e,t,i){i.d(t,{Dragger:()=>n});var s=i(514),a=i(1989),r=i(1356);let o=a.XuV/a.z$P;class n extends s.ExternalInteractorBase{maxDistance=0;_dragStartClickTime;_dragStartClickingFalseTime;_draggedParticle;_grabOffset;_lastMousePosition;_momentumSamples=[];_mouseDownHandled=!1;_savedVelocity;constructor(e){super(e)}clear(e,t){}init(){}interact(e,t){let i=e.mouse,s=i.position;if(s&&(this._lastMousePosition=s),this._draggedParticle){let e=performance.now();i.clicking?this._dragStartClickingFalseTime=void 0:this._dragStartClickingFalseTime??=e;let t=void 0===this._dragStartClickTime&&void 0!==this._dragStartClickingFalseTime&&e-this._dragStartClickingFalseTime>=50;if(!i.inside||this._hasClickEnded(i)||t){this._releaseDragged(),this._mouseDownHandled=!1;return}let a=s??this._lastMousePosition;if(!a)return;this._momentumSamples.push({x:a.x,y:a.y,t:e}),this._momentumSamples.length>5&&this._momentumSamples.shift();let r=a.x+(this._grabOffset?.x??0),o=a.y+(this._grabOffset?.y??0);this._draggedParticle.position.x=r-this._draggedParticle.offset.x,this._draggedParticle.position.y=o-this._draggedParticle.offset.y,this._draggedParticle.velocity.x=0,this._draggedParticle.velocity.y=0,this._draggedParticle.initialPosition.x=this._draggedParticle.position.x,this._draggedParticle.initialPosition.y=this._draggedParticle.position.y,this._draggedParticle.misplaced=!1;return}if(!i.clicking){this._releaseDragged(),this._mouseDownHandled=!1;return}if(this._mouseDownHandled)return;this._mouseDownHandled=!0;let a=i.downPosition??s??this._lastMousePosition,r=this._findParticleUnderCursor(e,a);if(!r||!s){r||(this._mouseDownHandled=!1);return}let o=r.getPosition();this._draggedParticle=r,this._dragStartClickTime=i.clickTime,this._grabOffset={x:o.x-s.x,y:o.y-s.y},this._savedVelocity={x:r.velocity.x,y:r.velocity.y},this._dragStartClickingFalseTime=void 0,this._momentumSamples=[{x:s.x,y:s.y,t:performance.now()}],r.velocity.x=0,r.velocity.y=0,r.position.x=o.x-r.offset.x,r.position.y=o.y-r.offset.y,r.initialPosition.x=r.position.x,r.initialPosition.y=r.position.y,r.misplaced=!1}isEnabled(e,t){let i=this.container,s=e.mouse,r=(t?.interactivity??i.actualOptions.interactivity)?.events;return!!this._draggedParticle||!!this._mouseDownHandled||!!r?.onClick.enable&&s.clicking&&!!s.position&&(0,a.hnD)("drag",r.onClick.mode)}loadModeOptions(e,...t){for(let i of(e.drag??=new r.X,t))e.drag.load(i?.drag)}reset(e,t){}_findParticleUnderCursor(e,t){if(!t)return;let i=this.container.particles.filter(t=>this.isEnabled(e,t)),s,r=1/0;for(let e of i){let i=(0,a.YfF)(e.getPosition(),t),o=e.getRadius();Number.isFinite(i)&&Number.isFinite(o)&&!(i>o)&&!(i>=r)&&(s=e,r=i)}return s}_hasClickEnded(e){return void 0!==this._dragStartClickTime&&void 0!==e.clickTime&&e.clickTime!==this._dragStartClickTime}_releaseDragged(){if(this._draggedParticle){let e=this.container.actualOptions.interactivity?.modes.drag;if(e?.preserveMomentum&&this._momentumSamples.length>=2){let t=this._momentumSamples[0],i=this._momentumSamples[this._momentumSamples.length-1];if(t&&i){let s=i.t-t.t;if(s>0){let a=e?.momentumFactor??.03;this._draggedParticle.velocity.x=(i.x-t.x)/s*o*a,this._draggedParticle.velocity.y=(i.y-t.y)/s*o*a}else this._savedVelocity&&(this._draggedParticle.velocity.x=this._savedVelocity.x,this._draggedParticle.velocity.y=this._savedVelocity.y)}else this._savedVelocity&&(this._draggedParticle.velocity.x=this._savedVelocity.x,this._draggedParticle.velocity.y=this._savedVelocity.y)}else this._savedVelocity&&(this._draggedParticle.velocity.x=this._savedVelocity.x,this._draggedParticle.velocity.y=this._savedVelocity.y)}this._draggedParticle=void 0,this._dragStartClickTime=void 0,this._dragStartClickingFalseTime=void 0,this._grabOffset=void 0,this._lastMousePosition=void 0,this._momentumSamples=[],this._savedVelocity=void 0}}},5368(e,t,i){var s,a;i.d(t,{Q:()=>s}),(a=s||(s={})).circle="circle",a.rectangle="rectangle"},823(e,t,i){var s,a;i.d(t,{h:()=>s}),(a=s||(s={})).canvas="canvas",a.parent="parent",a.window="window"},2120(e,t,i){var s,a;i.d(t,{e:()=>s}),(a=s||(s={})).external="external",a.particles="particles"},6316(e,t,i){i.d(t,{Bp:()=>d,DG:()=>h,G3:()=>g,Rb:()=>l,Z0:()=>o,ms:()=>a,s7:()=>c,sf:()=>n,vo:()=>r,xO:()=>s});let s="click",a="pointerdown",r="pointerup",o="pointerleave",n="pointerout",l="pointermove",c="touchstart",d="touchend",h="touchmove",g="touchcancel"},6867(e,t,i){i.d(t,{G:()=>r});var s=i(1989),a=i(5368);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.Q.circle}load(e){(0,s.kZJ)(e)||(void 0!==e.selectors&&(this.selectors=e.selectors),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.type&&(this.type=e.type))}}},11(e,t,i){i.d(t,{d:()=>a});var s=i(1989);class a{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,s.kZJ)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},514(e,t,i){i.r(t),i.d(t,{DivEvent:()=>_.G,DivType:()=>l.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>c.h,InteractorType:()=>a.e,Modes:()=>u.d,ParticlesInteractorBase:()=>o,clickEvent:()=>n.xO,divMode:()=>m,divModeExecute:()=>h,ensureInteractivityPluginLoaded:()=>y,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>v,mouseDownEvent:()=>n.ms,mouseLeaveEvent:()=>n.Z0,mouseMoveEvent:()=>n.Rb,mouseOutEvent:()=>n.sf,mouseUpEvent:()=>n.vo,singleDivModeExecute:()=>g,touchCancelEvent:()=>n.G3,touchEndEvent:()=>n.Bp,touchMoveEvent:()=>n.DG,touchStartEvent:()=>n.s7});var s=i(1989),a=i(2120);class r{type=a.e.external;container;constructor(e){this.container=e}}class o{type=a.e.particles;container;constructor(e){this.container=e}}var n=i(6316),l=i(5368),c=i(823);function d(e,t){return!!(0,s.w3Z)(t,t=>t.enable&&(0,s.hnD)(e,t.mode))}function h(e,t,i){(0,s.wJ2)(t,t=>{let a=t.mode;t.enable&&(0,s.hnD)(e,a)&&g(t,i)})}function g(e,t){let i=e.selectors;(0,s.wJ2)(i,i=>{t(i,e)})}function m(e,t){if(t&&e)return(0,s.w3Z)(e,e=>{var i;let a;return i=e.selectors,a=(0,s.wJ2)(i,e=>t.matches(e)),(0,s.cyL)(a)?a.some(e=>e):a})}var _=i(6867),u=i(11);async function v(e){e.checkVersion("4.0.0-beta.0"),await e.register(async e=>{let{InteractivityPlugin:t}=await i.e(1298).then(i.bind(i,1298));e.addPlugin(new t(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,i)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,i)},e.getInteractors=async(t,i=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,s.HQK)(t,e.interactors,e.initializers.interactors,i)),e.setOnClickHandler=t=>{let{items:i}=e;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(e=>{e.addClickHandler?.(t)})}})}function y(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);
+"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[2454,9630],{9630(e,t,i){i.d(t,{TrailMaker:()=>o});var n=i(2540),a=i(2454),r=i(9485);let s="trail";class o extends a.ExternalInteractorBase{maxDistance=0;_delay;_lastPosition;_pluginManager;constructor(e,t){super(t),this._pluginManager=e,this._delay=0}clear(){}init(){}interact(e,t){let i=this.container;if(!i.retina.reduceFactor)return;let a=i.actualOptions,r=a.interactivity?.modes.trail;if(!r)return;let s=r.delay*n.XuV/this.container.retina.reduceFactor;if(this._delay<s&&(this._delay+=t.value),this._delay<s)return;let o=e.mouse.position,l=!(r.pauseOnStop&&(o===this._lastPosition||o?.x===this._lastPosition?.x&&o?.y===this._lastPosition?.y));if(o?this._lastPosition={...o}:delete this._lastPosition,l&&o){let e=r.particles,t=r.colorCoords;if(t){let{width:a,height:s}=i.canvas.size,l={x:o.x/a,y:o.y/s},c=(e,t,i)=>{if(!(e?.weights?.x??e?.weights?.y))return;let a=e?.weights,r=l.x*(a?.x??0)+l.y*(a?.y??0),s=e?.value??t,o=(0,n.Sgh)(s??0),c=(0,n.W9e)(s??i);return Math.min(c,Math.max(o,o+r*(c-o)))},d=r.particles?.fill?(0,n.TA3)(r.particles.fill):void 0,h=d?(0,n.R5R)(this._pluginManager,n.A9e.create(void 0,d.color)):void 0,u=c(t.h,h?.h,n.vSh),p=c(t.s,h?.s,n.euA),v=c(t.l,h?.l,n.$_c);(void 0!==u||void 0!==p||void 0!==v)&&(e=(0,n.zwS)({},r.particles,{color:{value:{h:u??h?.h,s:p??h?.s,l:v??h?.l}}}))}i.particles.push(r.quantity,o,e)}this._delay-=s}isEnabled(e,t){let i=this.container.actualOptions,a=e.mouse,r=(t?.interactivity??i.interactivity)?.events;return!!r&&(a.clicking&&a.inside&&!!a.position&&(0,n.hnD)(s,r.onClick.mode)||a.inside&&!!a.position&&(0,n.hnD)(s,r.onHover.mode))}loadModeOptions(e,...t){for(let i of(e.trail??=new r.X,t))e.trail.load(i?.trail)}reset(){}}},2516(e,t,i){var n,a;i.d(t,{Q:()=>n}),(a=n||(n={})).circle="circle",a.rectangle="rectangle"},2123(e,t,i){var n,a;i.d(t,{h:()=>n}),(a=n||(n={})).canvas="canvas",a.parent="parent",a.window="window"},1044(e,t,i){var n,a;i.d(t,{e:()=>n}),(a=n||(n={})).external="external",a.particles="particles"},3296(e,t,i){i.d(t,{Bp:()=>c,DG:()=>d,G3:()=>h,Rb:()=>o,Z0:()=>s,ms:()=>a,s7:()=>l,vo:()=>r,xO:()=>n});let n="click",a="pointerdown",r="pointerup",s="pointerleave",o="pointermove",l="touchstart",c="touchend",d="touchmove",h="touchcancel"},6607(e,t,i){i.d(t,{G:()=>r});var n=i(2540),a=i(2516);class r{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=a.Q.circle}load(e){(0,n.kZJ)(e)||(void 0!==e.selectors&&(this.selectors=e.selectors),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.type&&(this.type=e.type))}}},3332(e,t,i){i.d(t,{d:()=>a});var n=i(2540);class a{_container;_pluginManager;constructor(e,t){this._pluginManager=e,this._container=t}load(e){if((0,n.kZJ)(e)||!this._container)return;let t=this._pluginManager.interactors?.get(this._container);if(t)for(let i of t)i.loadModeOptions&&i.loadModeOptions(this,e)}}},2454(e,t,i){i.r(t),i.d(t,{DivEvent:()=>v.G,DivType:()=>l.Q,ExternalInteractorBase:()=>r,InteractivityDetect:()=>c.h,InteractorType:()=>a.e,Modes:()=>y.d,ParticlesInteractorBase:()=>s,clickEvent:()=>o.xO,divMode:()=>p,divModeExecute:()=>h,ensureInteractivityPluginLoaded:()=>w,isDivModeEnabled:()=>d,loadInteractivityPlugin:()=>g,mouseDownEvent:()=>o.ms,mouseLeaveEvent:()=>o.Z0,mouseMoveEvent:()=>o.Rb,mouseUpEvent:()=>o.vo,singleDivModeExecute:()=>u,touchCancelEvent:()=>o.G3,touchEndEvent:()=>o.Bp,touchMoveEvent:()=>o.DG,touchStartEvent:()=>o.s7});var n=i(2540),a=i(1044);class r{type=a.e.external;container;constructor(e){this.container=e}}class s{type=a.e.particles;container;constructor(e){this.container=e}}var o=i(3296),l=i(2516),c=i(2123);function d(e,t){return!!(0,n.w3Z)(t,t=>t.enable&&(0,n.hnD)(e,t.mode))}function h(e,t,i){(0,n.wJ2)(t,t=>{let a=t.mode;t.enable&&(0,n.hnD)(e,a)&&u(t,i)})}function u(e,t){let i=e.selectors;(0,n.wJ2)(i,i=>{t(i,e)})}function p(e,t){if(t&&e)return(0,n.w3Z)(e,e=>{var i;let a;return i=e.selectors,a=(0,n.wJ2)(i,e=>t.matches(e)),(0,n.cyL)(a)?a.some(e=>e):a})}var v=i(6607),y=i(3332);async function g(e){e.checkVersion("4.0.0-beta.2"),await e.pluginManager.register(async e=>{let t=e.pluginManager,{InteractivityPlugin:a}=await i.e(6598).then(i.bind(i,6598));t.addPlugin(new a(t)),t.initializers.interactors??=new Map,t.interactors??=new Map,t.addInteractor=(e,i)=>{t.initializers.interactors??=new Map,t.initializers.interactors.set(e,i)},t.getInteractors=async(e,i=!1)=>(t.interactors??=new Map,t.initializers.interactors??=new Map,(0,n.HQK)(e,t.interactors,t.initializers.interactors,i)),t.setOnClickHandler=t=>{let{items:i}=e;if(!i.length)throw Error("Click handlers can only be set after calling tsParticles.load()");i.forEach(e=>{e.addClickHandler?.(t)})}})}function w(e){if(!e.pluginManager.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}}}]);

package/9643.min.js

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

package/9748.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).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/9950.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).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_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[9994],{9994(s,e,t){t.d(e,{easingsFunctions:()=>u});var a=t(2540);let u=new Map;u.set(a.mgy.easeInQuad,s=>s**2),u.set(a.mgy.easeOutQuad,s=>1-(1-s)**2),u.set(a.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/pjs/../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/pjs/../basic/dist/browser/index.js?\n}");
 
 /***/ }
 

package/browser/VincentGarreau/particles.js

@@ -260,7 +260,7 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
         });
     };
     particlesJS.setOnClickHandler = (callback) => {
-        engine.setOnClickHandler?.(callback);
+        engine.pluginManager.setOnClickHandler?.(callback);
     };
     const pJSDom = engine.items;
     return { particlesJS, pJSDom };

package/browser/index.js

@@ -1,8 +1,9 @@
+import {} from "@tsparticles/engine";
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
         const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
             import("tsparticles"),
             import("@tsparticles/plugin-responsive"),

package/cjs/VincentGarreau/particles.js

@@ -260,7 +260,7 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
         });
     };
     particlesJS.setOnClickHandler = (callback) => {
-        engine.setOnClickHandler?.(callback);
+        engine.pluginManager.setOnClickHandler?.(callback);
     };
     const pJSDom = engine.items;
     return { particlesJS, pJSDom };

package/cjs/index.js

@@ -1,8 +1,9 @@
+import {} from "@tsparticles/engine";
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
         const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
             import("tsparticles"),
             import("@tsparticles/plugin-responsive"),