@tsparticles/all 4.0.0-beta.5 → 4.0.0-beta.6

package/9838.min.js

@@ -1 +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.5"),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")}}}]);
+"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.6"),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/9950.min.js

@@ -1 +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.5"),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})}}]);
+"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.6"),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})}}]);

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.5
+ * v4.0.0-beta.6
  */
 "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.5\");\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}");
+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.6\");\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,7 @@
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.5");
+    engine.checkVersion("4.0.0-beta.6");
     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([
+        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 }, { loadFilterEffect }, { 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"),
@@ -61,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -146,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(e),

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.5");
+    engine.checkVersion("4.0.0-beta.6");
     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([
+        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 }, { loadFilterEffect }, { 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"),
@@ -61,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -146,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(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.5
+ * v4.0.0-beta.6
  */
 "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.5
+ * v4.0.0-beta.6
  */
 "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.5\");\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}");
+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.6\");\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_filter_dist_browser_FilterDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.6
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_filter_dist_browser_FilterDrawer_js"],{
+
+/***/ "../../effects/filter/dist/browser/FilterDrawer.js"
+/*!*********************************************************!*\
+  !*** ../../effects/filter/dist/browser/FilterDrawer.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FilterDrawer: () => (/* binding */ FilterDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass FilterDrawer {\n    drawAfter(data) {\n        const { context } = data;\n        context.restore();\n    }\n    drawBefore(data) {\n        const { context, particle } = data;\n        context.save();\n        const blurValue = typeof particle.filterBlur === \"number\" ? `${particle.filterBlur}px` : particle.filterBlur, brightnessValue = particle.filterBrightness, contrastValue = particle.filterContrast, dropShadowValue = particle.filterDropShadow, grayscaleValue = particle.filterGrayscale, hueRotateValue = typeof particle.filterHueRotate === \"number\" ? `${particle.filterHueRotate}deg` : particle.filterHueRotate, invertValue = particle.filterInvert, opacityValue = particle.filterOpacity, saturateValue = particle.filterSaturate, sepiaValue = particle.filterSepia, urlValue = particle.filterUrl, blurString = blurValue ? `blur(${blurValue})` : \"\", brightnessString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(brightnessValue) ? \"\" : `brightness(${brightnessValue})`, contrastString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(contrastValue) ? \"\" : `contrast(${contrastValue})`, dropShadowString = dropShadowValue ? `drop-shadow(${dropShadowValue})` : \"\", grayscaleString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(grayscaleValue) ? \"\" : `grayscale(${grayscaleValue})`, hueRotateString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(hueRotateValue) ? \"\" : `hue-rotate(${hueRotateValue})`, invertString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(invertValue) ? \"\" : `invert(${invertValue})`, opacityString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(opacityValue) ? \"\" : `opacity(${opacityValue})`, saturateString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(saturateValue) ? \"\" : `saturate(${saturateValue})`, sepiaString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(sepiaValue) ? \"\" : `sepia(${sepiaValue})`, urlString = urlValue ? `url(${urlValue})` : \"\";\n        context.filter = `${blurString} ${brightnessString} ${contrastString} ${dropShadowString} ${grayscaleString} ${hueRotateString} ${invertString} ${opacityString} ${saturateString} ${sepiaString} ${urlString}`.trim();\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData;\n        if (!effectData) {\n            return;\n        }\n        particle.filterBlur = effectData.blur;\n        particle.filterBrightness = effectData.brightness;\n        particle.filterContrast = effectData.contrast;\n        particle.filterDropShadow = effectData.dropShadow;\n        particle.filterGrayscale = effectData.grayscale;\n        particle.filterHueRotate = effectData.hueRotate;\n        particle.filterInvert = effectData.invert;\n        particle.filterOpacity = effectData.opacity;\n        particle.filterSaturate = effectData.saturate;\n        particle.filterSepia = effectData.sepia;\n        particle.filterUrl = effectData.url;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/filter/dist/browser/FilterDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_filter_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.6
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_filter_dist_browser_index_js"],{
+
+/***/ "../../effects/filter/dist/browser/index.js"
+/*!**************************************************!*\
+  !*** ../../effects/filter/dist/browser/index.js ***!
+  \**************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFilterEffect: () => (/* binding */ loadFilterEffect)\n/* harmony export */ });\nasync function loadFilterEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"filter\", async ()=>{\n            const { FilterDrawer } = await __webpack_require__.e(/*! import() */ \"effects_filter_dist_browser_FilterDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FilterDrawer.js */ \"../../effects/filter/dist/browser/FilterDrawer.js\"));\n            return new FilterDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/filter/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.5
+ * v4.0.0-beta.6
  */
 "use strict";
 /*

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.5
+ * v4.0.0-beta.6
  */
 "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.5\");\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}");
+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.6\");\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.5
+ * v4.0.0-beta.6
  */
 "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    _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}");
+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.restore();\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.save();\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.5
+ * v4.0.0-beta.6
  */
 "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.5\");\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}");
+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.6\");\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.5
+ * v4.0.0-beta.6
  */
 "use strict";
 /*

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.5
+ * v4.0.0-beta.6
  */
 "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.5\");\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}");
+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.6\");\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}");
 
 /***/ }
 

package/engine_dist_browser_Core_Container_js.js

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

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.5");
+    engine.checkVersion("4.0.0-beta.6");
     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([
+        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 }, { loadFilterEffect }, { 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"),
@@ -61,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -146,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(e),

package/full_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.5
+ * v4.0.0-beta.6
  */
 "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 */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-beta.5\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_drag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-drag */ \"../../interactions/external/drag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadSlim(e);\n                await Promise.all([\n                    loadExternalDragInteraction(e),\n                    loadExternalTrailInteraction(e),\n                    loadAbsorbersPlugin(e),\n                    (async ()=>{\n                        await loadEmittersPlugin(e);\n                        await Promise.all([\n                            loadEmittersShapeCircle(e),\n                            loadEmittersShapeSquare(e)\n                        ]);\n                    })()\n                ]);\n            })(),\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../full/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_drag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-drag */ \"../../interactions/external/drag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadSlim(e);\n                await Promise.all([\n                    loadExternalDragInteraction(e),\n                    loadExternalTrailInteraction(e),\n                    loadAbsorbersPlugin(e),\n                    (async ()=>{\n                        await loadEmittersPlugin(e);\n                        await Promise.all([\n                            loadEmittersShapeCircle(e),\n                            loadEmittersShapeSquare(e)\n                        ]);\n                    })()\n                ]);\n            })(),\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../full/dist/browser/index.js?\n}");
 
 /***/ }
 

package/interactions_external_attract_dist_browser_Attractor_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.5
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -123,7 +123,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.5\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },
 

package/interactions_external_attract_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.5
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*****************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attract: () => (/* reexport safe */ _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__.Attract),\n/* harmony export */   loadExternalAttractInteraction: () => (/* binding */ loadExternalAttractInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"../../interactions/external/attract/dist/browser/Options/Classes/Attract.js\");\nasync function loadExternalAttractInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.5\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\"));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalAttract\", async (container)=>{\n            const { Attractor } = await __webpack_require__.e(/*! import() */ \"interactions_external_attract_dist_browser_Attractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Attractor.js */ \"../../interactions/external/attract/dist/browser/Attractor.js\"));\n            return new Attractor(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/external/attract/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attract: () => (/* reexport safe */ _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__.Attract),\n/* harmony export */   loadExternalAttractInteraction: () => (/* binding */ loadExternalAttractInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"../../interactions/external/attract/dist/browser/Options/Classes/Attract.js\");\nasync function loadExternalAttractInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\"));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalAttract\", async (container)=>{\n            const { Attractor } = await __webpack_require__.e(/*! import() */ \"interactions_external_attract_dist_browser_Attractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Attractor.js */ \"../../interactions/external/attract/dist/browser/Attractor.js\"));\n            return new Attractor(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/external/attract/dist/browser/index.js?\n}");
 
 /***/ }
 

package/interactions_external_bounce_dist_browser_Bouncer_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.5
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -123,7 +123,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.5\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },