@tsparticles/pjs 4.0.0-beta.6 → 4.0.0-beta.9

package/tsparticles.pjs.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.6
+ * v4.0.0-beta.9
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -74,7 +74,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 */   initPjs: () => (/* binding */ initPjs)\n/* harmony export */ });\n/* harmony import */ var _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marcbruederlin/Particles.js */ \"./dist/browser/marcbruederlin/Particles.js\");\n/* harmony import */ var _VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VincentGarreau/particles.js */ \"./dist/browser/VincentGarreau/particles.js\");\n\n\nconst initPjs = async (engine)=>{\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFull }, { loadResponsivePlugin }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! tsparticles */ \"tsparticles\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-responsive */ \"@tsparticles/plugin-responsive\", 19))\n        ]);\n        await loadFull(e);\n        await loadResponsivePlugin(e);\n    });\n    const { particlesJS, pJSDom } = (0,_VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__.initParticlesJS)(engine);\n    globalThis.particlesJS = particlesJS;\n    globalThis.pJSDom = pJSDom;\n    globalThis.Particles = _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__.MBParticles;\n};\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initPjs: () => (/* binding */ initPjs)\n/* harmony export */ });\n/* harmony import */ var _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marcbruederlin/Particles.js */ \"./dist/browser/marcbruederlin/Particles.js\");\n/* harmony import */ var _VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VincentGarreau/particles.js */ \"./dist/browser/VincentGarreau/particles.js\");\n\n\nconst initPjs = async (engine)=>{\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFull }, { loadResponsivePlugin }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! tsparticles */ \"tsparticles\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-responsive */ \"@tsparticles/plugin-responsive\", 19))\n        ]);\n        await loadFull(e);\n        await loadResponsivePlugin(e);\n    });\n    const { particlesJS, pJSDom } = (0,_VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__.initParticlesJS)(engine);\n    globalThis.particlesJS = particlesJS;\n    globalThis.pJSDom = pJSDom;\n    globalThis.Particles = _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__.MBParticles;\n};\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/./dist/browser/index.js?\n}");
 
 /***/ },
 

package/tsparticles.pjs.min.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-responsive","tsparticles"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles")):t(e.window,e.window,e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,(e,t,i)=>(()=>{"use strict";var a,n,r={303(t){t.exports=e},919(e){e.exports=t},706(e){e.exports=i}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return r[e](i,i.exports,s),i.exports}n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var i=Object.create(null);s.r(i);var r={};a=a||[null,n({}),n([]),n(n)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~a.indexOf(o);o=n(o))Object.getOwnPropertyNames(o).forEach(t=>r[t]=()=>e[t]);return r.default=()=>e,s.d(i,r),i},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};s.r(l),s.d(l,{initPjs:()=>m});var c=s(303);class p{_container;static init(e){let t=new p,i=e.selector;if(!i)throw Error("No selector provided");let a=(0,c.safeDocument)().querySelector(i);if(!a)throw Error("No element found for selector");return(async n=>{await n.load({element:a,id:i.replace(".","").replace("!",""),options:{fullScreen:{enable:!1},particles:{color:{value:e.color??"!000000"},links:{color:"random",distance:e.minDistance??120,enable:e.connectParticles??!1},move:{enable:!0,speed:e.speed??.5},number:{value:e.maxParticles??100},size:{value:{min:1,max:e.sizeVariations??3}}},responsive:e.responsive?.map(t=>({maxWidth:t.breakpoint,options:{particles:{color:{value:t.options?.color},links:{distance:t.options?.minDistance,enable:t.options?.connectParticles},number:{value:e.maxParticles},move:{enable:!0,speed:t.options?.speed},size:{value:t.options?.sizeVariations}}}}))}}).then(e=>{t._container=e})})(c.tsParticles),t}destroy(){let e=this._container;e?.destroy()}pauseAnimation(){let e=this._container;e?.pause()}resumeAnimation(){let e=this._container;e?.play()}}let d={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},m=async e=>{let t;e.checkVersion("4.0.0-beta.6"),await e.pluginManager.register(async e=>{let[{loadFull:t},{loadResponsivePlugin:i}]=await Promise.all([Promise.resolve().then(s.t.bind(s,706,19)),Promise.resolve().then(s.t.bind(s,919,19))]);await t(e),await i(e)});let{particlesJS:i,pJSDom:a}=((t=async(t,i)=>{let a=(0,c.deepExtend)({},d,i);return await e.load({id:t,options:{fullScreen:{enable:!1},detectRetina:a.retina_detect,smooth:!0,interactivity:{detectsOn:a.interactivity.detect_on,events:{onHover:{enable:a.interactivity.events.onhover.enable,mode:a.interactivity.events.onhover.mode},onClick:{enable:a.interactivity.events.onclick.enable,mode:a.interactivity.events.onclick.mode}},modes:{grab:{distance:a.interactivity.modes.grab.distance,links:{opacity:a.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:a.interactivity.modes.bubble.distance,size:a.interactivity.modes.bubble.size,duration:a.interactivity.modes.bubble.duration,opacity:a.interactivity.modes.bubble.opacity,speed:a.interactivity.modes.bubble.speed},repulse:{distance:a.interactivity.modes.repulse.distance,duration:a.interactivity.modes.repulse.duration},push:{quantity:a.interactivity.modes.push.particles_nb},remove:{quantity:a.interactivity.modes.remove.particles_nb}}},particles:{attract:{enable:a.particles.move.attract.enable,rotate:{x:a.particles.move.attract.rotateX,y:a.particles.move.attract.rotateY}},collisions:{enable:a.particles.move.bounce},number:{value:a.particles.number.value,density:{enable:a.particles.number.density.enable,width:a.particles.number.density.value_area}},color:{value:a.particles.color.value},stroke:{width:a.particles.shape.stroke.width,color:{value:a.particles.shape.stroke.color}},shape:{type:a.particles.shape.type,options:{polygon:{sides:a.particles.shape.polygon.nb_sides},image:{src:a.particles.shape.image.src,width:a.particles.shape.image.width,height:a.particles.shape.image.height}}},opacity:{value:a.particles.opacity.random?{min:a.particles.opacity.anim.enable?a.particles.opacity.anim.opacity_min:0,max:a.particles.opacity.value}:a.particles.opacity.value,animation:{enable:a.particles.opacity.anim.enable,speed:a.particles.opacity.anim.speed,sync:a.particles.opacity.anim.sync}},size:{value:a.particles.size.random?{min:a.particles.size.anim.enable?a.particles.size.anim.size_min:0,max:a.particles.size.value}:a.particles.size.value,animation:{enable:a.particles.size.anim.enable,speed:a.particles.size.anim.speed,sync:a.particles.size.anim.sync}},links:{enable:a.particles.line_linked.enable,distance:a.particles.line_linked.distance,color:a.particles.line_linked.color,opacity:a.particles.line_linked.opacity,width:a.particles.line_linked.width},move:{enable:a.particles.move.enable,speed:a.particles.move.speed/3,direction:a.particles.move.direction,random:a.particles.move.random,straight:a.particles.move.straight,outModes:a.particles.move.out_mode}},resize:{enable:a.interactivity.events.resize}}})}).load=(t,i,a)=>{e.load({id:t,url:i}).then(e=>{a(e)}).catch(()=>{a(void 0)})},t.setOnClickHandler=t=>{e.pluginManager.setOnClickHandler?.(t)},{particlesJS:t,pJSDom:e.items});globalThis.particlesJS=i,globalThis.pJSDom=a,globalThis.Particles=p};return l})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-responsive","tsparticles"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles")):t(e.window,e.window,e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,(e,t,i)=>(()=>{"use strict";var a,n,r={303(t){t.exports=e},919(e){e.exports=t},706(e){e.exports=i}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return r[e](i,i.exports,s),i.exports}n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var i=Object.create(null);s.r(i);var r={};a=a||[null,n({}),n([]),n(n)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~a.indexOf(o);o=n(o))Object.getOwnPropertyNames(o).forEach(t=>r[t]=()=>e[t]);return r.default=()=>e,s.d(i,r),i},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};s.r(l),s.d(l,{initPjs:()=>m});var c=s(303);class p{_container;static init(e){let t=new p,i=e.selector;if(!i)throw Error("No selector provided");let a=(0,c.safeDocument)().querySelector(i);if(!a)throw Error("No element found for selector");return(async n=>{await n.load({element:a,id:i.replace(".","").replace("!",""),options:{fullScreen:{enable:!1},particles:{color:{value:e.color??"!000000"},links:{color:"random",distance:e.minDistance??120,enable:e.connectParticles??!1},move:{enable:!0,speed:e.speed??.5},number:{value:e.maxParticles??100},size:{value:{min:1,max:e.sizeVariations??3}}},responsive:e.responsive?.map(t=>({maxWidth:t.breakpoint,options:{particles:{color:{value:t.options?.color},links:{distance:t.options?.minDistance,enable:t.options?.connectParticles},number:{value:e.maxParticles},move:{enable:!0,speed:t.options?.speed},size:{value:t.options?.sizeVariations}}}}))}}).then(e=>{t._container=e})})(c.tsParticles),t}destroy(){let e=this._container;e?.destroy()}pauseAnimation(){let e=this._container;e?.pause()}resumeAnimation(){let e=this._container;e?.play()}}let d={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},m=async e=>{let t;e.checkVersion("4.0.0-beta.9"),await e.pluginManager.register(async e=>{let[{loadFull:t},{loadResponsivePlugin:i}]=await Promise.all([Promise.resolve().then(s.t.bind(s,706,19)),Promise.resolve().then(s.t.bind(s,919,19))]);await t(e),await i(e)});let{particlesJS:i,pJSDom:a}=((t=async(t,i)=>{let a=(0,c.deepExtend)({},d,i);return await e.load({id:t,options:{fullScreen:{enable:!1},detectRetina:a.retina_detect,smooth:!0,interactivity:{detectsOn:a.interactivity.detect_on,events:{onHover:{enable:a.interactivity.events.onhover.enable,mode:a.interactivity.events.onhover.mode},onClick:{enable:a.interactivity.events.onclick.enable,mode:a.interactivity.events.onclick.mode}},modes:{grab:{distance:a.interactivity.modes.grab.distance,links:{opacity:a.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:a.interactivity.modes.bubble.distance,size:a.interactivity.modes.bubble.size,duration:a.interactivity.modes.bubble.duration,opacity:a.interactivity.modes.bubble.opacity,speed:a.interactivity.modes.bubble.speed},repulse:{distance:a.interactivity.modes.repulse.distance,duration:a.interactivity.modes.repulse.duration},push:{quantity:a.interactivity.modes.push.particles_nb},remove:{quantity:a.interactivity.modes.remove.particles_nb}}},particles:{attract:{enable:a.particles.move.attract.enable,rotate:{x:a.particles.move.attract.rotateX,y:a.particles.move.attract.rotateY}},collisions:{enable:a.particles.move.bounce},number:{value:a.particles.number.value,density:{enable:a.particles.number.density.enable,width:a.particles.number.density.value_area}},color:{value:a.particles.color.value},stroke:{width:a.particles.shape.stroke.width,color:{value:a.particles.shape.stroke.color}},shape:{type:a.particles.shape.type,options:{polygon:{sides:a.particles.shape.polygon.nb_sides},image:{src:a.particles.shape.image.src,width:a.particles.shape.image.width,height:a.particles.shape.image.height}}},opacity:{value:a.particles.opacity.random?{min:a.particles.opacity.anim.enable?a.particles.opacity.anim.opacity_min:0,max:a.particles.opacity.value}:a.particles.opacity.value,animation:{enable:a.particles.opacity.anim.enable,speed:a.particles.opacity.anim.speed,sync:a.particles.opacity.anim.sync}},size:{value:a.particles.size.random?{min:a.particles.size.anim.enable?a.particles.size.anim.size_min:0,max:a.particles.size.value}:a.particles.size.value,animation:{enable:a.particles.size.anim.enable,speed:a.particles.size.anim.speed,sync:a.particles.size.anim.sync}},links:{enable:a.particles.line_linked.enable,distance:a.particles.line_linked.distance,color:a.particles.line_linked.color,opacity:a.particles.line_linked.opacity,width:a.particles.line_linked.width},move:{enable:a.particles.move.enable,speed:a.particles.move.speed/3,direction:a.particles.move.direction,random:a.particles.move.random,straight:a.particles.move.straight,outModes:a.particles.move.out_mode}},resize:{enable:a.interactivity.events.resize}}})}).load=(t,i,a)=>{e.load({id:t,url:i}).then(e=>{a(e)}).catch(()=>{a(void 0)})},t.setOnClickHandler=t=>{e.pluginManager.setOnClickHandler?.(t)},{particlesJS:t,pJSDom:e.items});globalThis.particlesJS=i,globalThis.pJSDom=a,globalThis.Particles=p};return l})());

package/updaters_destroy_dist_browser_DestroyUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*
@@ -93,7 +93,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 */   split: () => (/* binding */ split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0;\nfunction addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {\n    const destroyOptions = parent.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split, options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(pluginManager, container, parent.options), fillOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.fill), strokeOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.stroke);\n    if (fillOptions?.enable) {\n        const fillColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, fillOptions.color), parentFillColor = parent.getFillColor();\n        if (fillColor.value) {\n            fillColor.load(splitOptions.fillColor);\n        } else if (splitOptions.fillColorOffset && parentFillColor) {\n            fillColor.load({\n                value: {\n                    hsl: {\n                        h: parentFillColor.h + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.h ?? defaultOffset),\n                        s: parentFillColor.s + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.s ?? defaultOffset),\n                        l: parentFillColor.l + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.l ?? defaultOffset)\n                    }\n                }\n            });\n        } else {\n            fillColor.load({\n                value: {\n                    hsl: parent.getFillColor()\n                }\n            });\n        }\n    }\n    if (strokeOptions?.width) {\n        const strokeColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, strokeOptions.color), parentStrokeColor = parent.getStrokeColor();\n        if (strokeColor.value) {\n            strokeColor.load(splitOptions.strokeColor);\n        } else if (splitOptions.strokeColorOffset && parentStrokeColor) {\n            strokeColor.load({\n                value: {\n                    hsl: {\n                        h: parentStrokeColor.h + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.h ?? defaultOffset),\n                        s: parentStrokeColor.s + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.s ?? defaultOffset),\n                        l: parentStrokeColor.l + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.l ?? defaultOffset)\n                    }\n                }\n            });\n        } else {\n            strokeColor.load({\n                value: {\n                    hsl: parent.getStrokeColor()\n                }\n            });\n        }\n    }\n    options.move.load({\n        center: {\n            x: parent.position.x,\n            y: parent.position.y,\n            mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n        }\n    });\n    const factor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value);\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(options.size.value)) {\n        options.size.value *= factor;\n    } else {\n        options.size.value.min *= factor;\n        options.size.value.max *= factor;\n    }\n    options.load(splitParticlesOptions);\n    const offset = splitOptions.sizeOffset ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {\n        x: parent.position.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset),\n        y: parent.position.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset)\n    };\n    return container.particles.addParticle(position, options, parent.group, (particle)=>{\n        if (particle.size.value < minDestroySize) {\n            return false;\n        }\n        particle.velocity.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(parent.velocity.length, particle.velocity.length));\n        particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;\n        particle.unbreakable = true;\n        particle.unbreakableUntil = performance.now() + unbreakableTime;\n        return true;\n    });\n}\nfunction split(pluginManager, container, particle) {\n    const destroyOptions = particle.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split;\n    if (splitOptions.count >= minSplitCount) {\n        if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {\n            return;\n        }\n        particle.splitCount++;\n    }\n    const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.particles);\n    for(let i = 0; i < rate; i++){\n        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/destroy/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   split: () => (/* binding */ split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0, minHue = 0, hueRange = 360, minSaturation = 0, maxSaturation = 100, minLightness = 0, maxLightness = 100;\nfunction createParentColor(parentColor) {\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: parentColor\n        }\n    });\n}\nfunction createOffsetColor(parentColor, offset) {\n    const offsetH = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.h ?? defaultOffset), offsetS = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.s ?? defaultOffset), offsetL = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.l ?? defaultOffset), h = (parentColor.h + offsetH) % hueRange, s = Math.max(minSaturation, Math.min(maxSaturation, parentColor.s + offsetS)), l = Math.max(minLightness, Math.min(maxLightness, parentColor.l + offsetL));\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: {\n                h: h < minHue ? h + hueRange : h,\n                s,\n                l\n            }\n        }\n    });\n}\nfunction resolveSplitColor(offset, splitColor, splitParticlesColor, parentColor) {\n    if (offset && parentColor) {\n        return createOffsetColor(parentColor, offset);\n    }\n    if (splitColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitColor);\n    }\n    if (splitParticlesColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitParticlesColor);\n    }\n    return parentColor ? createParentColor(parentColor) : undefined;\n}\nfunction addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {\n    const destroyOptions = parent.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split, splitParticleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(pluginManager, container, parent.options), splitFillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.fillColor), splitStrokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.strokeColor), parentFillColor = parent.getFillColor(), parentStrokeColor = parent.getStrokeColor();\n    splitParticleOptions.move.load({\n        center: {\n            x: parent.position.x,\n            y: parent.position.y,\n            mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n        }\n    });\n    const factor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value);\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(splitParticleOptions.size.value)) {\n        splitParticleOptions.size.value *= factor;\n    } else {\n        splitParticleOptions.size.value.min *= factor;\n        splitParticleOptions.size.value.max *= factor;\n    }\n    splitParticleOptions.load(splitParticlesOptions);\n    const splitParticleFillOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitParticleOptions.fill), splitParticleStrokeOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitParticleOptions.stroke), fillColor = resolveSplitColor(splitOptions.fillColorOffset, splitFillColor, splitParticleFillOptions?.color, parentFillColor), strokeColor = resolveSplitColor(splitOptions.strokeColorOffset, splitStrokeColor, splitParticleStrokeOptions?.color, parentStrokeColor);\n    if (fillColor && splitParticleFillOptions) {\n        splitParticleFillOptions.color = fillColor;\n    }\n    if (strokeColor && splitParticleStrokeOptions) {\n        splitParticleStrokeOptions.color = strokeColor;\n    }\n    const offset = splitOptions.sizeOffset ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {\n        x: parent.position.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset),\n        y: parent.position.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset)\n    };\n    return container.particles.addParticle(position, splitParticleOptions, parent.group, (particle)=>{\n        if (particle.size.value < minDestroySize) {\n            return false;\n        }\n        particle.velocity.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(parent.velocity.length, particle.velocity.length));\n        particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;\n        particle.unbreakable = true;\n        particle.unbreakableUntil = performance.now() + unbreakableTime;\n        return true;\n    });\n}\nfunction split(pluginManager, container, particle) {\n    const destroyOptions = particle.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split;\n    if (splitOptions.count >= minSplitCount) {\n        if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {\n            return;\n        }\n        particle.splitCount++;\n    }\n    const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.particles);\n    for(let i = 0; i < rate; i++){\n        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/destroy/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/updaters_destroy_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadDestroyUpdater: () => (/* binding */ loadDestroyUpdater)\n/* harmony export */ });\nasync function loadDestroyUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"destroy\", async (container)=>{\n            const { DestroyUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_DestroyUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./DestroyUpdater.js */ \"../../updaters/destroy/dist/browser/DestroyUpdater.js\"));\n            return new DestroyUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/destroy/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDestroyUpdater: () => (/* binding */ loadDestroyUpdater)\n/* harmony export */ });\nasync function loadDestroyUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"destroy\", async (container)=>{\n            const { DestroyUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_DestroyUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./DestroyUpdater.js */ \"../../updaters/destroy/dist/browser/DestroyUpdater.js\"));\n            return new DestroyUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/destroy/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_fillColor_dist_browser_FillColorUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_fillColor_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadFillColorUpdater: () => (/* binding */ loadFillColorUpdater)\n/* harmony export */ });\nasync function loadFillColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"color\", async (container)=>{\n            const { FillColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_FillColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FillColorUpdater.js */ \"../../updaters/fillColor/dist/browser/FillColorUpdater.js\"));\n            return new FillColorUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/fillColor/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFillColorUpdater: () => (/* binding */ loadFillColorUpdater)\n/* harmony export */ });\nasync function loadFillColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"color\", async (container)=>{\n            const { FillColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_FillColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FillColorUpdater.js */ \"../../updaters/fillColor/dist/browser/FillColorUpdater.js\"));\n            return new FillColorUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/fillColor/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_life_dist_browser_LifeUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_life_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadLifeUpdater: () => (/* binding */ loadLifeUpdater)\n/* harmony export */ });\nasync function loadLifeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"life\", async (container)=>{\n            const { LifeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_life_dist_browser_LifeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LifeUpdater.js */ \"../../updaters/life/dist/browser/LifeUpdater.js\"));\n            return new LifeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/life/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLifeUpdater: () => (/* binding */ loadLifeUpdater)\n/* harmony export */ });\nasync function loadLifeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"life\", async (container)=>{\n            const { LifeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_life_dist_browser_LifeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LifeUpdater.js */ \"../../updaters/life/dist/browser/LifeUpdater.js\"));\n            return new LifeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/life/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_opacity_dist_browser_OpacityUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_opacity_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadOpacityUpdater: () => (/* binding */ loadOpacityUpdater)\n/* harmony export */ });\nasync function loadOpacityUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"opacity\", async (container)=>{\n            const { OpacityUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_OpacityUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OpacityUpdater.js */ \"../../updaters/opacity/dist/browser/OpacityUpdater.js\"));\n            return new OpacityUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/opacity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOpacityUpdater: () => (/* binding */ loadOpacityUpdater)\n/* harmony export */ });\nasync function loadOpacityUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"opacity\", async (container)=>{\n            const { OpacityUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_OpacityUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OpacityUpdater.js */ \"../../updaters/opacity/dist/browser/OpacityUpdater.js\"));\n            return new OpacityUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/opacity/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_outModes_dist_browser_OutOfCanvasUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_outModes_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadOutModesUpdater: () => (/* binding */ loadOutModesUpdater)\n/* harmony export */ });\nasync function loadOutModesUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"outModes\", async (container)=>{\n            const { OutOfCanvasUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_OutOfCanvasUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OutOfCanvasUpdater.js */ \"../../updaters/outModes/dist/browser/OutOfCanvasUpdater.js\"));\n            return new OutOfCanvasUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/outModes/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOutModesUpdater: () => (/* binding */ loadOutModesUpdater)\n/* harmony export */ });\nasync function loadOutModesUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"outModes\", async (container)=>{\n            const { OutOfCanvasUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_OutOfCanvasUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OutOfCanvasUpdater.js */ \"../../updaters/outModes/dist/browser/OutOfCanvasUpdater.js\"));\n            return new OutOfCanvasUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/outModes/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_roll_dist_browser_RollUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_roll_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadRollUpdater: () => (/* binding */ loadRollUpdater)\n/* harmony export */ });\nasync function loadRollUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"roll\", async ()=>{\n            const { RollUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_RollUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RollUpdater.js */ \"../../updaters/roll/dist/browser/RollUpdater.js\"));\n            return new RollUpdater(e.pluginManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/roll/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRollUpdater: () => (/* binding */ loadRollUpdater)\n/* harmony export */ });\nasync function loadRollUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"roll\", async ()=>{\n            const { RollUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_RollUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RollUpdater.js */ \"../../updaters/roll/dist/browser/RollUpdater.js\"));\n            return new RollUpdater(e.pluginManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/roll/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_rotate_dist_browser_RotateUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_rotate_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadRotateUpdater: () => (/* binding */ loadRotateUpdater)\n/* harmony export */ });\nasync function loadRotateUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"rotate\", async (container)=>{\n            const { RotateUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_rotate_dist_browser_RotateUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RotateUpdater.js */ \"../../updaters/rotate/dist/browser/RotateUpdater.js\"));\n            return new RotateUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/rotate/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRotateUpdater: () => (/* binding */ loadRotateUpdater)\n/* harmony export */ });\nasync function loadRotateUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"rotate\", async (container)=>{\n            const { RotateUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_rotate_dist_browser_RotateUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RotateUpdater.js */ \"../../updaters/rotate/dist/browser/RotateUpdater.js\"));\n            return new RotateUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/rotate/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_size_dist_browser_SizeUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_size_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadSizeUpdater: () => (/* binding */ loadSizeUpdater)\n/* harmony export */ });\nasync function loadSizeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"size\", async (container)=>{\n            const { SizeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_SizeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SizeUpdater.js */ \"../../updaters/size/dist/browser/SizeUpdater.js\"));\n            return new SizeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/size/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSizeUpdater: () => (/* binding */ loadSizeUpdater)\n/* harmony export */ });\nasync function loadSizeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"size\", async (container)=>{\n            const { SizeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_SizeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SizeUpdater.js */ \"../../updaters/size/dist/browser/SizeUpdater.js\"));\n            return new SizeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/size/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_strokeColor_dist_browser_StrokeColorUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_strokeColor_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadStrokeColorUpdater: () => (/* binding */ loadStrokeColorUpdater)\n/* harmony export */ });\nasync function loadStrokeColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"strokeColor\", async (container)=>{\n            const { StrokeColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_StrokeColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./StrokeColorUpdater.js */ \"../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js\"));\n            return new StrokeColorUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/strokeColor/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadStrokeColorUpdater: () => (/* binding */ loadStrokeColorUpdater)\n/* harmony export */ });\nasync function loadStrokeColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"strokeColor\", async (container)=>{\n            const { StrokeColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_StrokeColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./StrokeColorUpdater.js */ \"../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js\"));\n            return new StrokeColorUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/strokeColor/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_tilt_dist_browser_TiltUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_tilt_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadTiltUpdater: () => (/* binding */ loadTiltUpdater)\n/* harmony export */ });\nasync function loadTiltUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"tilt\", async (container)=>{\n            const { TiltUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_TiltUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TiltUpdater.js */ \"../../updaters/tilt/dist/browser/TiltUpdater.js\"));\n            return new TiltUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/tilt/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTiltUpdater: () => (/* binding */ loadTiltUpdater)\n/* harmony export */ });\nasync function loadTiltUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"tilt\", async (container)=>{\n            const { TiltUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_TiltUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TiltUpdater.js */ \"../../updaters/tilt/dist/browser/TiltUpdater.js\"));\n            return new TiltUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/tilt/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_twinkle_dist_browser_TwinkleUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_twinkle_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadTwinkleUpdater: () => (/* binding */ loadTwinkleUpdater)\n/* harmony export */ });\nasync function loadTwinkleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"twinkle\", async (container)=>{\n            const { TwinkleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_TwinkleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TwinkleUpdater.js */ \"../../updaters/twinkle/dist/browser/TwinkleUpdater.js\"));\n            return new TwinkleUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/twinkle/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTwinkleUpdater: () => (/* binding */ loadTwinkleUpdater)\n/* harmony export */ });\nasync function loadTwinkleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"twinkle\", async (container)=>{\n            const { TwinkleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_TwinkleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TwinkleUpdater.js */ \"../../updaters/twinkle/dist/browser/TwinkleUpdater.js\"));\n            return new TwinkleUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/twinkle/dist/browser/index.js?\n}");
 
 /***/ }
 

package/updaters_wobble_dist_browser_WobbleUpdater_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/updaters_wobble_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadWobbleUpdater: () => (/* binding */ loadWobbleUpdater)\n/* harmony export */ });\nasync function loadWobbleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"wobble\", async (container)=>{\n            const { WobbleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_WobbleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./WobbleUpdater.js */ \"../../updaters/wobble/dist/browser/WobbleUpdater.js\"));\n            return new WobbleUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/wobble/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadWobbleUpdater: () => (/* binding */ loadWobbleUpdater)\n/* harmony export */ });\nasync function loadWobbleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"wobble\", async (container)=>{\n            const { WobbleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_WobbleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./WobbleUpdater.js */ \"../../updaters/wobble/dist/browser/WobbleUpdater.js\"));\n            return new WobbleUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/wobble/dist/browser/index.js?\n}");
 
 /***/ }
 

package/1051.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1051],{1051(a,e,n){async function i(a){a.checkVersion("4.0.0-beta.6"),await a.pluginManager.register(a=>{a.pluginManager.addShape(["polygon"],async()=>{let{PolygonDrawer:a}=await n.e(5668).then(n.bind(n,5668));return new a})})}async function t(a){a.checkVersion("4.0.0-beta.6"),await a.pluginManager.register(a=>{a.pluginManager.addShape(["triangle"],async()=>{let{TriangleDrawer:a}=await n.e(5602).then(n.bind(n,5602));return new a})})}async function r(a){a.checkVersion("4.0.0-beta.6"),await Promise.all([i(a),t(a)])}n.r(e),n.d(e,{loadGenericPolygonShape:()=>i,loadPolygonShape:()=>r,loadTriangleShape:()=>t})}}]);

package/1160.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1160],{7472(t,a,e){e.d(a,{b:()=>s});var n=e(2540);class s{distance;constructor(){this.distance=200}load(t){(0,n.kZJ)(t)||void 0!==t.distance&&(this.distance=t.distance)}}},1160(t,a,e){e.r(a),e.d(a,{Bounce:()=>n.b,loadExternalBounceInteraction:()=>s});var n=e(7472);async function s(t){t.checkVersion("4.0.0-beta.6"),await t.pluginManager.register(async t=>{let{ensureInteractivityPluginLoaded:a}=await e.e(2454).then(e.bind(e,2454));a(t),t.pluginManager.addInteractor?.("externalBounce",async t=>{let{Bouncer:a}=await e.e(3285).then(e.bind(e,3285));return new a(t)})})}}}]);

package/1167.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1167],{1167(a,e,n){async function s(a){a.checkVersion("4.0.0-beta.6"),await a.pluginManager.register(async a=>{let{HexColorManager:e}=await n.e(9368).then(n.bind(n,9368));a.pluginManager.addColorManager("hex",new e)})}n.r(e),n.d(e,{loadHexColorPlugin:()=>s})}}]);

package/143.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[143],{143(e,t,a){async function s(e){e.checkVersion("4.0.0-beta.6"),await e.pluginManager.register(e=>{e.pluginManager.addParticleUpdater("outModes",async e=>{let{OutOfCanvasUpdater:t}=await a.e(7017).then(a.bind(a,7017));return new t(e)})})}a.r(t),a.d(t,{loadOutModesUpdater:()=>s})}}]);

package/1510.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1510],{1510(t,i,e){e.d(i,{Container:()=>O});var s=e(5273),a=e(9889),r=e(7171),n=e(2636),l=e(6919);class o{_canvasClearPlugins;_canvasManager;_canvasPaintPlugins;_clearDrawPlugins;_colorPlugins;_container;_context;_contextSettings;_drawParticlePlugins;_drawParticlesCleanupPlugins;_drawParticlesSetupPlugins;_drawPlugins;_drawSettingsCleanupPlugins;_drawSettingsSetupPlugins;_pluginManager;_postDrawUpdaters;_preDrawUpdaters;_reusableColorStyles={};_reusablePluginColors=[void 0,void 0];_reusableTransform={};constructor(t,i,e){this._pluginManager=t,this._container=i,this._canvasManager=e,this._context=null,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesCleanupPlugins=[],this._drawParticlesSetupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[]}get settings(){return this._contextSettings}canvasClear(){this._container.actualOptions.clear&&this.draw(t=>{(0,l.IU)(t,this._canvasManager.size)})}clear(){let t=!1;for(let i of this._canvasClearPlugins)if(t=i.canvasClear?.()??!1)break;t||this.canvasClear()}destroy(){this.stop(),this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesCleanupPlugins=[],this._drawParticlesSetupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[]}draw(t){let i=this._context;if(i)return t(i)}drawParticle(t,i){if(t.spawning||t.destroyed)return;let e=t.getRadius();if(e<=a.w2)return;let s=t.getFillColor(),r=t.getStrokeColor(),[o,h]=this._getPluginParticleColors(t);if(o??=s,h??=r,!o&&!h)return;let c=this._container,d=t.options.zIndex,p=a.RV-t.zIndexFactor,{fillOpacity:u,opacity:_,strokeOpacity:g}=t.getOpacity(),f=this._reusableTransform,P=this._reusableColorStyles,m=o?(0,n.LC)(o,c.hdr,u*_):void 0,y=h?(0,n.LC)(h,c.hdr,g*_):m;f.a=f.b=f.c=f.d=void 0,P.fill=m,P.stroke=y,this.draw(s=>{for(let e of this._drawParticlesSetupPlugins)e.drawParticleSetup?.(s,t,i);for(let a of(this._applyPreDrawUpdaters(s,t,e,_,P,f),(0,l.p0)({container:c,context:s,particle:t,delta:i,colorStyles:P,radius:e*p**d.sizeRate,opacity:_,transform:f}),this._applyPostDrawUpdaters(t),this._drawParticlesCleanupPlugins))a.drawParticleCleanup?.(s,t,i)})}drawParticlePlugins(t,i){this.draw(e=>{for(let s of this._drawParticlePlugins)(0,l.Wb)(e,s,t,i)})}drawParticles(t){let{particles:i}=this._container;this.clear(),i.update(t),this.draw(e=>{for(let i of this._drawSettingsSetupPlugins)i.drawSettingsSetup?.(e,t);for(let i of this._drawPlugins)i.draw?.(e,t);for(let s of(i.drawParticles(t),this._clearDrawPlugins))s.clearDraw?.(e,t);for(let i of this._drawSettingsCleanupPlugins)i.drawSettingsCleanup?.(e,t)})}init(){this.initUpdaters(),this.initPlugins(),this.paint()}initPlugins(){for(let t of(this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesSetupPlugins=[],this._drawParticlesCleanupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[],this._container.plugins))(t.particleFillColor??t.particleStrokeColor)&&this._colorPlugins.push(t),t.canvasClear&&this._canvasClearPlugins.push(t),t.canvasPaint&&this._canvasPaintPlugins.push(t),t.drawParticle&&this._drawParticlePlugins.push(t),t.drawParticleSetup&&this._drawParticlesSetupPlugins.push(t),t.drawParticleCleanup&&this._drawParticlesCleanupPlugins.push(t),t.draw&&this._drawPlugins.push(t),t.drawSettingsSetup&&this._drawSettingsSetupPlugins.push(t),t.drawSettingsCleanup&&this._drawSettingsCleanupPlugins.push(t),t.clearDraw&&this._clearDrawPlugins.push(t)}initUpdaters(){for(let t of(this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._container.particleUpdaters))t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles??t.getTransformValues??t.beforeDraw)&&this._preDrawUpdaters.push(t)}paint(){let t=!1;for(let i of this._canvasPaintPlugins)if(t=i.canvasPaint?.()??!1)break;t||this.paintBase()}paintBase(t){this.draw(i=>{(0,l.Sn)(i,this._canvasManager.size,t)})}paintImage(t,i){this.draw(e=>{(0,l.Md)(e,this._canvasManager.size,t,i)})}setContext(t){this._context=t,this._context&&(this._context.globalCompositeOperation=a.yj)}setContextSettings(t){this._contextSettings=t}stop(){this.draw(t=>{(0,l.IU)(t,this._canvasManager.size)})}_applyPostDrawUpdaters=t=>{for(let i of this._postDrawUpdaters)i.afterDraw?.(t)};_applyPreDrawUpdaters=(t,i,e,s,r,n)=>{for(let l of this._preDrawUpdaters){if(l.getColorStyles){let{fill:a,stroke:n}=l.getColorStyles(i,t,e,s);a&&(r.fill=a),n&&(r.stroke=n)}if(l.getTransformValues){let t=l.getTransformValues(i);for(let i in t)!function(t,i,e){let s=i[e];void 0!==s&&(t[e]=(t[e]??a.zs)*s)}(n,t,i)}l.beforeDraw?.(i)}};_getPluginParticleColors=t=>{let i,e;for(let s of this._colorPlugins)if(!i&&s.particleFillColor&&(i=(0,n.R5)(this._pluginManager,s.particleFillColor(t))),!e&&s.particleStrokeColor&&(e=(0,n.R5)(this._pluginManager,s.particleStrokeColor(t))),i&&e)break;return this._reusablePluginColors[0]=i,this._reusablePluginColors[1]=e,this._reusablePluginColors}}function h(t,i,e=!1){if(!i)return;let s=t.style,a=new Set;for(let t=0;t<s.length;t++){let i=s.item(t);i&&a.add(i)}for(let t=0;t<i.length;t++){let e=i.item(t);e&&a.add(e)}for(let t of a){let a=i.getPropertyValue(t);a?s.setProperty(t,a,e?"important":""):s.removeProperty(t)}}class c{element;render;size;zoom=a.Pf;_container;_generated;_mutationObserver;_originalStyle;_pluginManager;_pointerEvents;_resizePlugins;_standardSize;_zoomCenter;constructor(t,i){this._pluginManager=t,this._container=i,this.render=new o(t,i,this),this._standardSize={height:0,width:0};const e=i.retina.pixelRatio,s=this._standardSize;this.size={height:s.height*e,width:s.width*e},this._generated=!1,this._resizePlugins=[],this._pointerEvents="none"}get _fullScreen(){return this._container.actualOptions.fullScreen.enable}destroy(){if(this.stop(),this._generated){let t=this.element;t?.remove(),this.element=void 0}else this._resetOriginalStyle();this.render.destroy(),this._resizePlugins=[]}getZoomCenter(){let t=this._container.retina.pixelRatio,{width:i,height:e}=this.size;return this._zoomCenter?this._zoomCenter:{x:i*a.MX/t,y:e*a.MX/t}}init(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=(0,r.tG)(t=>{for(let i of t)"attributes"===i.type&&"style"===i.attributeName&&this._repairStyle()}),this.resize(),this._initStyle(),this.initBackground(),this._safeMutationObserver(t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})}),this.initPlugins(),this.render.init()}initBackground(){let{_container:t}=this,i=t.actualOptions.background,e=this.element;if(!e)return;let s=e.style,a=(0,n.BN)(this._pluginManager,i.color);a?s.backgroundColor=(0,n.xx)(a,t.hdr,i.opacity):s.backgroundColor="",s.backgroundImage=i.image||"",s.backgroundPosition=i.position||"",s.backgroundRepeat=i.repeat||"",s.backgroundSize=i.size||""}initPlugins(){for(let t of(this._resizePlugins=[],this._container.plugins))t.resize&&this._resizePlugins.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove();let i=this._container;this._generated=a.eb in t.dataset?"true"===t.dataset[a.eb]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=(0,r.td)(this.element.style);let e=this._standardSize;e.height=t.offsetHeight,e.width=t.offsetWidth;let s=this._container.retina.pixelRatio,n=this.size;t.height=n.height=e.height*s,t.width=n.width=e.width*s;let l=(0,r.lV)("(color-gamut: p3)");this.render.setContextSettings({alpha:!0,colorSpace:l?.matches&&i.hdr?"display-p3":"srgb",desynchronized:!0,willReadFrequently:!1}),this.render.setContext(this.element.getContext("2d",this.render.settings)),this._safeMutationObserver(t=>{t.disconnect()}),i.retina.init(),this.initBackground(),this._safeMutationObserver(t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})}resize(){if(!this.element)return!1;let t=this._container,i=t.canvas._standardSize,e={width:this.element.offsetWidth,height:this.element.offsetHeight},s=t.retina.pixelRatio,a={width:e.width*s,height:e.height*s};if(e.height===i.height&&e.width===i.width&&a.height===this.element.height&&a.width===this.element.width)return!1;let r={...i};i.height=e.height,i.width=e.width;let n=this.size;return this.element.width=n.width=a.width,this.element.height=n.height=a.height,this._container.started&&t.particles.setResizeFactor({width:i.width/r.width,height:i.height/r.height}),!0}setPointerEvents(t){this.element&&(this._pointerEvents=t,this._repairStyle())}setZoom(t,i){this.zoom=t,this._zoomCenter=i}stop(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=void 0,this.render.stop()}async windowResize(){if(!this.element||!this.resize())return;let t=this._container,i=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),i&&await t.refresh()}_applyResizePlugins=()=>{for(let t of this._resizePlugins)t.resize?.()};_initStyle=()=>{let t=this.element,i=this._container.actualOptions;if(t)for(let e in this._fullScreen?this._setFullScreenStyle():this._resetOriginalStyle(),i.style){if(!e||!(e in i.style))continue;let s=i.style[e];s&&t.style.setProperty(e,s,"important")}};_repairStyle=()=>{let t=this.element;if(!t)return;this._safeMutationObserver(t=>{t.disconnect()}),this._initStyle(),this.initBackground();let i=this._pointerEvents;t.style.pointerEvents=i,t.setAttribute("pointer-events",i),this._safeMutationObserver(i=>{t instanceof Node&&i.observe(t,{attributes:!0})})};_resetOriginalStyle=()=>{let t=this.element,i=this._originalStyle;t&&i&&h(t,i,!0)};_safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)};_setFullScreenStyle=()=>{let t=this.element;t&&h(t,(0,r.hJ)(this._container.actualOptions.fullScreen.zIndex),!0)}}class d{container;_handlers;_resizeObserver;_resizeTimeout;constructor(t){this.container=t,this._handlers={visibilityChange:()=>{this._handleVisibilityChange()},resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}_handleVisibilityChange=()=>{let t=this.container;t.actualOptions.pauseOnBlur&&((0,r.T5)().hidden?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.animationStatus?t.play(!0):t.draw(!0)))};_handleWindowResize=()=>{this._resizeTimeout&&(clearTimeout(this._resizeTimeout),delete this._resizeTimeout);let t=async()=>{let t=this.container.canvas;await t.windowResize()};this._resizeTimeout=setTimeout(()=>void t(),this.container.actualOptions.resize.delay*a.Xu)};_manageListeners=t=>{let i=this._handlers;this._manageResize(t),(0,r.Kp)(document,a.nK,i.visibilityChange,t,!1)};_manageResize=t=>{let i=this._handlers,e=this.container;if(!e.actualOptions.resize.enable)return;if("u"<typeof ResizeObserver)return void(0,r.Kp)(globalThis,a.NF,i.resize,t);let s=e.canvas.element;this._resizeObserver&&!t?(s&&this._resizeObserver.unobserve(s),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&t&&s&&(this._resizeObserver=new ResizeObserver(t=>{t.find(t=>t.target===s)&&this._handleWindowResize()}),this._resizeObserver.observe(s))}}var p=e(5291),u=e(3748),_=e(8534),g=e(5700),f=e(7730),P=e(4517),m=e(2677),y=e(2439);function w(t){if(!(0,r.hn)(t.outMode,t.checkModes))return;let i=t.radius*a.gd;t.coord>t.maxCoord-i?t.setCb(-t.radius):t.coord<i&&t.setCb(t.radius)}class v{backColor;bubble;destroyed;direction;effect;effectClose;effectData;fillColor;fillEnabled;fillOpacity;group;id;ignoresResizeRatio;initialPosition;initialVelocity;isRotating;lastPathTime;misplaced;moveCenter;offset;opacity;options;outType;pathRotation;position;randomIndexData;retina;roll;rotation;shape;shapeClose;shapeData;sides;size;slow;spawning;strokeColor;strokeOpacity;strokeWidth;unbreakable;velocity;zIndexFactor;_cachedOpacityData={fillOpacity:a.hv,opacity:a.hv,strokeOpacity:a.hv};_cachedPosition=g.p.origin;_cachedRotateData={sin:0,cos:0};_cachedTransform={a:1,b:0,c:0,d:1};_container;_pluginManager;constructor(t,i){this._pluginManager=t,this._container=i}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;let i=this._container,e=this.shape?i.shapeDrawers.get(this.shape):void 0;for(let s of(e?.particleDestroy?.(this),i.particleDestroyedPlugins))s.particleDestroyed?.(this,t);for(let e of i.particleUpdaters)e.particleDestroyed?.(this,t);this._container.dispatchEvent(p.B.particleDestroyed,{particle:this})}draw(t){let i=this._container.canvas.render;i.drawParticlePlugins(this,t),i.drawParticle(this,t)}getAngle(){return this.rotation+(this.pathRotation?this.velocity.angle:a.tA)}getFillColor(){return this._getRollColor(this.bubble.color??(0,n.O_)(this.fillColor))}getMass(){return this.getRadius()**a.dm*Math.PI*a.MX}getOpacity(){let t=this.options.zIndex,i=a.RV-this.zIndexFactor,e=i**t.opacityRate,r=this.bubble.opacity??(0,s.VG)(this.opacity?.value??a.hv),n=this.fillOpacity??a.hv,l=this.strokeOpacity??a.hv;return this._cachedOpacityData.fillOpacity=r*n*e,this._cachedOpacityData.opacity=r*e,this._cachedOpacityData.strokeOpacity=r*l*e,this._cachedOpacityData}getPosition(){return this._cachedPosition.x=this.position.x+this.offset.x,this._cachedPosition.y=this.position.y+this.offset.y,this._cachedPosition.z=this.position.z,this._cachedPosition}getRadius(){return this.bubble.radius??this.size.value}getRotateData(){let t=this.getAngle();return this._cachedRotateData.sin=Math.sin(t),this._cachedRotateData.cos=Math.cos(t),this._cachedRotateData}getStrokeColor(){return this._getRollColor(this.bubble.color??(0,n.O_)(this.strokeColor))}getTransformData(t){let i=this.getRotateData(),e=this.isRotating;return this._cachedTransform.a=i.cos*(t.a??a.Ug.a),this._cachedTransform.b=e?i.sin*(t.b??a.D_):t.b??a.Ug.b,this._cachedTransform.c=e?-i.sin*(t.c??a.D_):t.c??a.Ug.c,this._cachedTransform.d=i.cos*(t.d??a.Ug.d),this._cachedTransform}init(t,i,e,n){var l,o,h,c;let d,p,u,_,g=this._container;this.id=t,this.group=n,this.effectClose=!0,this.shapeClose=!0,this.pathRotation=!1,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.isRotating=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{},maxSpeed:0,moveDrift:0,moveSpeed:0,sizeAnimationSpeed:0},this.outType=m.x.normal,this.ignoresResizeRatio=!0;let f=g.retina.pixelRatio,P=g.actualOptions,w=(0,y.y)(this._pluginManager,g,P.particles),v=w.reduceDuplicates,z=w.effect.type,b=w.shape.type;this.effect=(0,r.TA)(z,this.id,v),this.shape=(0,r.TA)(b,this.id,v);let S=w.effect,C=w.shape;if(e){if(e.effect?.type){let t=e.effect.type,i=(0,r.TA)(t,this.id,v);i&&(this.effect=i,S.load(e.effect))}if(e.shape?.type){let t=e.shape.type,i=(0,r.TA)(t,this.id,v);i&&(this.shape=i,C.load(e.shape))}}if(this.effect===a.mR){let t=[...this._container.effectDrawers.keys()];this.effect=t[Math.floor((0,s.G0)()*t.length)]}if(this.shape===a.mR){let t=[...this._container.shapeDrawers.keys()];this.shape=t[Math.floor((0,s.G0)()*t.length)]}this.effectData=this.effect?(l=this.effect,o=this.id,u=S.options[l],(0,r.zw)({close:S.close},(0,r.TA)(u,o,v))):void 0,this.shapeData=this.shape?(h=this.shape,c=this.id,_=C.options[h],(0,r.zw)({close:C.close},(0,r.TA)(_,c,v))):void 0,w.load(e);let x=this.effectData;x&&w.load(x.particles);let D=this.shapeData;D&&w.load(D.particles),this.effectClose=x?.close??w.effect.close,this.shapeClose=D?.close??w.shape.close,this.options=w,g.retina.initParticle(this),this.size=(0,r.Xs)(this.options.size,f),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(i),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy(),g.particles.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/g.zLayers,this.sides=24,this.effect&&(d=g.effectDrawers.get(this.effect)),d?.loadEffect&&d.loadEffect(this),this.shape&&(p=g.shapeDrawers.get(this.shape)),p?.loadShape&&p.loadShape(this);let M=p?.getSidesCount;for(let t of(M&&(this.sides=M(this)),this.spawning=!1,g.particleUpdaters))t.init(this);for(let t of(d?.particleInit?.(g,this),p?.particleInit?.(g,this),g.particleCreatedPlugins))t.particleCreated?.(this)}isInsideCanvas(){let t=this.getRadius(),i=this._container.canvas.size,e=this.position;return e.x>=-t&&e.y>=-t&&e.y<=i.height+t&&e.x<=i.width+t}isShowingBack(){if(!this.roll)return!1;let t=this.roll.angle;if(this.roll.horizontal&&this.roll.vertical){let i=t%a.R1,e=i<a.tA?i+a.R1:i;return e>=Math.PI*a.MX&&e<Math.PI*a.Nu*a.MX}if(this.roll.horizontal){let i=(t+Math.PI*a.MX)%(Math.PI*a.gd),e=i<a.tA?i+Math.PI*a.gd:i;return e>=Math.PI&&e<Math.PI*a.gd}if(this.roll.vertical){let i=t%(Math.PI*a.gd),e=i<a.tA?i+Math.PI*a.gd:i;return e>=Math.PI&&e<Math.PI*a.gd}return!1}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(let t of this._container.particleUpdaters)t.reset?.(this)}_calcPosition=(t,i)=>{let e=a.rq,r=t?g.p.create(t.x,t.y,i):void 0,n=this._container,l=n.particlePositionPlugins,o=this.options.move.outModes,h=this.getRadius(),c=n.canvas.size,{signal:d}=new AbortController;for(;!d.aborted;){for(let t of l){let e=t.particlePosition?.(r,this);if(e)return g.p.create(e.x,e.y,i)}let t=(0,s.Nx)({size:c,position:r}),d=g.p.create(t.x,t.y,i);this._fixHorizontal(d,h,o.left??o.default),this._fixHorizontal(d,h,o.right??o.default),this._fixVertical(d,h,o.top??o.default),this._fixVertical(d,h,o.bottom??o.default);let p=!0;for(let t of n.particles.checkParticlePositionPlugins)if(!(p=t.checkParticlePosition?.(this,d,e)??!0))break;if(p)return d;e+=a.Eo,r=void 0}return r};_calculateVelocity=()=>{let t=(0,s.$m)(this.direction).copy(),i=this.options.move;if(i.direction===f.F.inside||i.direction===f.F.outside)return t;let e=(0,s.pu)((0,s.VG)(i.angle.value)),r=(0,s.pu)((0,s.VG)(i.angle.offset)),n={left:r-e*a.MX,right:r+e*a.MX};return i.straight||(t.angle+=(0,s.vE)((0,s.DT)(n.left,n.right))),i.random&&"number"==typeof i.speed&&(t.length*=(0,s.G0)()),t};_fixHorizontal=(t,i,e)=>{w({outMode:e,checkModes:[P.Y.bounce],coord:t.x,maxCoord:this._container.canvas.size.width,setCb:i=>t.x+=i,radius:i})};_fixVertical=(t,i,e)=>{w({outMode:e,checkModes:[P.Y.bounce],coord:t.y,maxCoord:this._container.canvas.size.height,setCb:i=>t.y+=i,radius:i})};_getRollColor=t=>t&&this.roll&&(this.backColor||this.roll.alter)&&this.isShowingBack()?this.backColor?this.backColor:this.roll.alter?(0,n.yx)(t,this.roll.alter.type,this.roll.alter.value):t:t;_initPosition=t=>{let i=this._container,e=(0,s.VG)(this.options.zIndex.value),n=this._calcPosition(t,(0,s.qE)(e,a.X_,i.zLayers));if(!n)throw Error("a valid position cannot be found for particle");this.position=n,this.initialPosition=this.position.copy();let l=i.canvas.size;switch(this.moveCenter={...(0,r.E9)(this.options.move.center,l),radius:this.options.move.center.radius,mode:this.options.move.center.mode},this.direction=(0,s.JY)(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case f.F.inside:this.outType=m.x.inside;break;case f.F.outside:this.outType=m.x.outside}this.offset=g.M.origin}}var z=e(1745);class b{_cellSize;_cells=new Map;_circlePool=[];_circlePoolIdx;_pendingCellSize;_rectanglePool=[];_rectanglePoolIdx;constructor(t){this._cellSize=t,this._circlePoolIdx=0,this._rectanglePoolIdx=0}clear(){this._cells.clear();let t=this._pendingCellSize;t&&(this._cellSize=t),this._pendingCellSize=void 0}insert(t){let{x:i,y:e}=t.getPosition(),s=this._cellKeyFromCoords(i,e);this._cells.has(s)||this._cells.set(s,[]),this._cells.get(s)?.push(t)}query(t,i,e=[]){let s=this._getRangeBounds(t);if(!s)return e;let a=Math.floor(s.minX/this._cellSize),r=Math.floor(s.maxX/this._cellSize),n=Math.floor(s.minY/this._cellSize),l=Math.floor(s.maxY/this._cellSize);for(let s=a;s<=r;s++)for(let a=n;a<=l;a++){let r=`${s}_${a}`,n=this._cells.get(r);if(n)for(let s of n)(!i||i(s))&&t.contains(s.getPosition())&&e.push(s)}return e}queryCircle(t,i,e,s=[]){let a=this._acquireCircle(t.x,t.y,i),r=this.query(a,e,s);return this._releaseShapes(),r}queryRectangle(t,i,e,s=[]){let a=this._acquireRectangle(t.x,t.y,i.width,i.height),r=this.query(a,e,s);return this._releaseShapes(),r}setCellSize(t){this._pendingCellSize=t}_acquireCircle(t,i,e){return(this._circlePool[this._circlePoolIdx++]??=new z.jl(t,i,e)).reset(t,i,e)}_acquireRectangle(t,i,e,s){return(this._rectanglePool[this._rectanglePoolIdx++]??=new z.M_(t,i,e,s)).reset(t,i,e,s)}_cellKeyFromCoords(t,i){let e=Math.floor(t/this._cellSize),s=Math.floor(i/this._cellSize);return`${e}_${s}`}_getRangeBounds(t){if(t instanceof z.jl){let i=t.radius,{x:e,y:s}=t.position;return{minX:e-i,maxX:e+i,minY:s-i,maxY:s+i}}if(t instanceof z.M_){let{x:i,y:e}=t.position,{width:s,height:a}=t.size;return{minX:i,maxX:i+s,minY:e,maxY:e+a}}return null}_releaseShapes(){this._circlePoolIdx=0,this._rectanglePoolIdx=0}}var S=e(4035);class C{checkParticlePositionPlugins;grid;_array;_container;_groupLimits;_limit;_maxZIndex;_minZIndex;_needsSort;_nextId;_particleResetPlugins;_particleUpdatePlugins;_pluginManager;_pool;_postParticleUpdatePlugins;_postUpdatePlugins;_resizeFactor;_updatePlugins;_zArray;constructor(t,i){this._pluginManager=t,this._container=i,this._nextId=0,this._array=[],this._zArray=[],this._pool=[],this._limit=0,this._groupLimits=new Map,this._needsSort=!1,this._minZIndex=0,this._maxZIndex=0,this.grid=new b(a.iX),this.checkParticlePositionPlugins=[],this._particleResetPlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._postParticleUpdatePlugins=[],this._updatePlugins=[]}get count(){return this._array.length}addParticle(t,i,e,s){let r=this._container.actualOptions.particles.number.limit.mode,n=void 0===e?this._limit:this._groupLimits.get(e)??this._limit,l=this.count;if(n>a.ou)switch(r){case _.d.delete:{let t=l+a.nq-n;t>a.wM&&this.removeQuantity(t);break}case _.d.wait:if(l>=n)return}try{let a=this._pool.pop()??new v(this._pluginManager,this._container);a.init(this._nextId,t,i,e);let r=!0;if(s&&(r=s(a)),!r)return void this._pool.push(a);return this._array.push(a),this._zArray.push(a),this._nextId++,this._container.dispatchEvent(p.B.particleAdded,{particle:a}),a}catch(t){(0,S.t)().warning(`error adding particle: ${t}`)}}clear(){this._array=[],this._zArray=[]}destroy(){this._array=[],this._pool.length=0,this._zArray=[],this.checkParticlePositionPlugins=[],this._particleResetPlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._postParticleUpdatePlugins=[],this._updatePlugins=[]}drawParticles(t){for(let i of this._zArray)i.draw(t)}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}get(t){return this._array[t]}async init(){let t=this._container,i=t.actualOptions;for(let i of(this._minZIndex=0,this._maxZIndex=0,this._needsSort=!1,this.checkParticlePositionPlugins=[],this._updatePlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._particleResetPlugins=[],this._postParticleUpdatePlugins=[],this.grid=new b(a.iX*t.retina.pixelRatio),t.plugins))i.redrawInit&&await i.redrawInit(),i.checkParticlePosition&&this.checkParticlePositionPlugins.push(i),i.update&&this._updatePlugins.push(i),i.particleUpdate&&this._particleUpdatePlugins.push(i),i.postUpdate&&this._postUpdatePlugins.push(i),i.particleReset&&this._particleResetPlugins.push(i),i.postParticleUpdate&&this._postParticleUpdatePlugins.push(i);for(let i of(await this._container.initDrawersAndUpdaters(),this._container.effectDrawers.values()))await i.init?.(t);for(let i of this._container.shapeDrawers.values())await i.init?.(t);let e=!1;for(let i of t.plugins)if(e=i.particlesInitialization?.()??e)break;if(!e){let t=i.particles,e=t.groups;for(let i in e){let s=e[i];if(s)for(let e=this.count,a=0;a<s.number.value&&e<t.number.value;e++,a++)this.addParticle(void 0,s,i)}for(let i=this.count;i<t.number.value;i++)this.addParticle()}}push(t,i,e,s){for(let a=0;a<t;a++)this.addParticle(i,e,s)}async redraw(){this.clear(),await this.init(),this._container.canvas.render.drawParticles({value:0,factor:0})}remove(t,i,e){this.removeAt(this._array.indexOf(t),void 0,i,e)}removeAt(t,i=a.xd,e,s){if(t<a.z9||t>this.count)return;let r=0;for(let a=t;r<i&&a<this.count;a++)this._removeParticle(a,e,s)&&(a--,r++)}removeQuantity(t,i){this.removeAt(a.z9,t,i)}setDensity(){let t=this._container.actualOptions,i=t.particles.groups,e=0;for(let t of this._container.plugins)t.particlesDensityCount&&(e+=t.particlesDensityCount());for(let t in i){let s=i[t];if(!s)continue;let a=(0,y.y)(this._pluginManager,this._container,s);this._applyDensity(a,e,t)}this._applyDensity(t.particles,e)}setLastZIndex(t){this._needsSort||=t>=this._maxZIndex||t>this._minZIndex&&t<this._maxZIndex}setResizeFactor(t){this._resizeFactor=t}update(t){let i=new Set;for(let i of(this.grid.clear(),this._updatePlugins))i.update?.(t);let e=this._resizeFactor;for(let s of this._array){for(let t of(e&&!s.ignoresResizeRatio&&(s.position.x*=e.width,s.position.y*=e.height,s.initialPosition.x*=e.width,s.initialPosition.y*=e.height),s.ignoresResizeRatio=!1,this._particleResetPlugins))t.particleReset?.(s);for(let i of this._particleUpdatePlugins){if(s.destroyed)break;i.particleUpdate?.(s,t)}if(s.destroyed){i.add(s);continue}this.grid.insert(s)}for(let i of this._postUpdatePlugins)i.postUpdate?.(t);for(let e of this._array){if(e.destroyed){i.add(e);continue}for(let i of this._container.particleUpdaters)i.update(e,t);if(e.destroyed||e.spawning)e.destroyed&&i.add(e);else for(let i of this._postParticleUpdatePlugins)i.postParticleUpdate?.(e,t)}if(i.size)for(let t of i)this.remove(t);if(delete this._resizeFactor,this._needsSort){let t=this._zArray;t.sort((t,i)=>i.position.z-t.position.z||t.id-i.id);let i=t[a.z9],e=t[t.length-a.K3];if(!i||!e)return;this._maxZIndex=i.position.z,this._minZIndex=e.position.z,this._needsSort=!1}}_addToPool=(...t)=>{this._pool.push(...t)};_applyDensity=(t,i,e,s)=>{let r=t.number;if(!r.density.enable)return void(void 0===e?this._limit=r.limit.value:(s?.number.limit.value??r.limit.value)&&this._groupLimits.set(e,s?.number.limit.value??r.limit.value));let n=this._initDensityFactor(r.density),l=r.value,o=r.limit.value>a.ou?r.limit.value:l,h=Math.min(l,o)*n+i,c=Math.min(this.count,this.filter(t=>t.group===e).length);void 0===e?this._limit=r.limit.value*n:this._groupLimits.set(e,r.limit.value*n),c<h?this.push(Math.abs(h-c),void 0,t,e):c>h&&this.removeQuantity(c-h,e)};_initDensityFactor=t=>{let i=this._container;if(!i.canvas.element||!t.enable)return a.lA;let e=i.canvas.element,s=i.retina.pixelRatio;return e.width*e.height/(t.height*t.width*s**a.dm)};_removeParticle=(t,i,e)=>{let s=this._array[t];if(!s||s.group!==i)return!1;let r=this._zArray.indexOf(s);return this._array.splice(t,a.LD),this._zArray.splice(r,a.LD),s.destroy(e),this._container.dispatchEvent(p.B.particleRemoved,{particle:s}),this._addToPool(s),!0}}class x{container;pixelRatio;reduceFactor;constructor(t){this.container=t,this.pixelRatio=a.$x,this.reduceFactor=a.Zp}init(){let t=this.container,i=t.actualOptions;this.pixelRatio=i.detectRetina?devicePixelRatio:a.$x,this.reduceFactor=a.Zp;let e=this.pixelRatio,s=t.canvas;if(s.element){let t=s.element;s.size.width=t.offsetWidth*e,s.size.height=t.offsetHeight*e}}initParticle(t){let i=t.options,e=this.pixelRatio,a=i.move,r=a.distance,n=t.retina;n.maxSpeed=(0,s.VG)(a.gravity.maxSpeed)*e,n.moveDrift=(0,s.VG)(a.drift)*e,n.moveSpeed=(0,s.VG)(a.speed)*e,n.sizeAnimationSpeed=(0,s.VG)(i.size.animation.speed)*e;let l=n.maxDistance;l.horizontal=void 0===r.horizontal?void 0:r.horizontal*e,l.vertical=void 0===r.vertical?void 0:r.vertical*e}}function D(t){return!t.destroyed}function M(t,i,...e){let s=new u.J(t,i);return(0,y.Z)(s,...e),s}class O{actualOptions;canvas;destroyed;effectDrawers;fpsLimit;hdr;id;pageHidden;particleCreatedPlugins;particleDestroyedPlugins;particlePositionPlugins;particleUpdaters;particles;plugins;retina;shapeDrawers;started;zLayers;_delay;_delayTimeout;_delta={value:0,factor:0};_dispatchCallback;_drawAnimationFrame;_duration;_eventListeners;_firstStart;_initialSourceOptions;_lastFrameTime;_lifeTime;_onDestroy;_options;_paused;_pluginManager;_smooth;_sourceOptions;constructor(t){const{dispatchCallback:i,pluginManager:e,id:s,onDestroy:a,sourceOptions:r}=t;this._pluginManager=e,this._dispatchCallback=i,this._onDestroy=a,this.id=Symbol(s),this.fpsLimit=120,this.hdr=!1,this._smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this._lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._sourceOptions=r,this._initialSourceOptions=r,this.effectDrawers=new Map,this.shapeDrawers=new Map,this.particleUpdaters=[],this.retina=new x(this),this.canvas=new c(this._pluginManager,this),this.particles=new C(this._pluginManager,this),this.plugins=[],this.particleDestroyedPlugins=[],this.particleCreatedPlugins=[],this.particlePositionPlugins=[],this._options=M(this._pluginManager,this),this.actualOptions=M(this._pluginManager,this),this._eventListeners=new d(this),this.dispatchEvent(p.B.containerBuilt)}get animationStatus(){return!this._paused&&!this.pageHidden&&D(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addLifeTime(t){this._lifeTime+=t}alive(){return!this._duration||this._lifeTime<=this._duration}destroy(t=!0){if(D(this)){for(let[,t]of(this.stop(),this.particles.destroy(),this.canvas.destroy(),this.effectDrawers))t.destroy?.(this);for(let[,t]of this.shapeDrawers)t.destroy?.(this);for(let t of this.plugins)t.destroy?.();this.effectDrawers=new Map,this.shapeDrawers=new Map,this.particleUpdaters=[],this.plugins.length=0,this._pluginManager.clearPlugins(this),this.destroyed=!0,this._onDestroy(t),this.dispatchEvent(p.B.containerDestroyed)}}dispatchEvent(t,i){this._dispatchCallback(t,{container:this,data:i})}draw(t){if(!D(this))return;let i=t;this._drawAnimationFrame=(0,s.i0)(t=>{i&&(this._lastFrameTime=void 0,i=!1),this._nextFrame(t)})}async export(t,i={}){for(let e of this.plugins){if(!e.export)continue;let s=await e.export(t,i);if(s.supported)return s.blob}(0,S.t)().error(`Export plugin with type ${t} not found`)}async init(){if(!D(this))return;let t=new Map;for(let i of this._pluginManager.plugins){let e=await i.getPlugin(this);e.preInit&&await e.preInit(),t.set(i,e)}for(let[i,e]of(await this.initDrawersAndUpdaters(),this._options=M(this._pluginManager,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=M(this._pluginManager,this,this._options),this.plugins.length=0,this.particleDestroyedPlugins.length=0,this.particleCreatedPlugins.length=0,this.particlePositionPlugins.length=0,t))i.needsPlugin(this.actualOptions)&&(this.plugins.push(e),e.particleCreated&&this.particleCreatedPlugins.push(e),e.particleDestroyed&&this.particleDestroyedPlugins.push(e),e.particlePosition&&this.particlePositionPlugins.push(e));this.retina.init(),this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();let{delay:i,duration:e,fpsLimit:r,hdr:n,smooth:l,zLayers:o}=this.actualOptions;for(let t of(this.hdr=n,this.zLayers=o,this._duration=(0,s.VG)(e)*a.Xu,this._delay=(0,s.VG)(i)*a.Xu,this._lifeTime=0,this.fpsLimit=r>a.DN?r:a.i8,this._smooth=l,this.plugins))await t.init?.();for(let t of(await this.particles.init(),this.dispatchEvent(p.B.containerInit),this.particles.setDensity(),this.plugins))t.particlesSetup?.();this.dispatchEvent(p.B.particlesSetup)}async initDrawersAndUpdaters(){let t=this._pluginManager;this.effectDrawers=await t.getEffectDrawers(this,!0),this.shapeDrawers=await t.getShapeDrawers(this,!0),this.particleUpdaters=await t.getUpdaters(this,!0)}pause(){if(D(this)&&(void 0!==this._drawAnimationFrame&&((0,s.px)(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(let t of this.plugins)t.pause?.();this.pageHidden||(this._paused=!0),this.dispatchEvent(p.B.containerPaused)}}play(t){if(!D(this))return;let i=this._paused||t;if(this._firstStart&&!this.actualOptions.autoPlay){this._firstStart=!1;return}if(this._paused&&(this._paused=!1),i)for(let t of this.plugins)t.play&&t.play();this.dispatchEvent(p.B.containerPlay),this.draw(i??!1)}async refresh(){if(D(this))return this.stop(),this.start()}async reset(t){if(D(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=M(this._pluginManager,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=M(this._pluginManager,this,this._options),this.refresh()}async start(){D(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise(t=>{let i=async()=>{for(let t of(this._eventListeners.addListeners(),this.plugins))await t.start?.();this.dispatchEvent(p.B.containerStarted),this.play(),t()};this._delayTimeout=setTimeout(()=>void i(),this._delay)}))}stop(){if(D(this)&&this.started){for(let t of(this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.plugins))t.stop?.();this.particleCreatedPlugins.length=0,this.particleDestroyedPlugins.length=0,this.particlePositionPlugins.length=0,this._sourceOptions=this._options,this.dispatchEvent(p.B.containerStopped)}}updateActualOptions(){let t=!1;for(let i of this.plugins)i.updateActualOptions&&(t=i.updateActualOptions()||t);return t}_nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+a.Xu/this.fpsLimit||(this._lastFrameTime??=t,!function(t,i,e=a.z$,s=!1){t.value=i,t.factor=s?a.z$/e:a.z$*i/a.Xu}(this._delta,t-this._lastFrameTime,this.fpsLimit,this._smooth),this.addLifeTime(this._delta.value),this._lastFrameTime=t,this._delta.value>a.Xu))return void this.draw(!1);if(this.canvas.render.drawParticles(this._delta),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){(0,S.t)().error("error in animation loop",t)}}}}}]);

package/1744.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1744],{1744(r,s,e){e.d(s,{RgbColorManager:()=>g});var t,a,n=e(2540);(t=a||(a={}))[t.r=1]="r",t[t.g=2]="g",t[t.b=3]="b",t[t.a=5]="a";let i=/rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class g{accepts(r){return r.startsWith("rgb")}handleColor(r){let s=r.value.rgb??r.value;if("r"in s&&"g"in s&&"b"in s)return s}handleRangeColor(r){let s=r.value.rgb??r.value;if("r"in s&&"g"in s&&"b"in s)return{r:(0,n.VGA)(s.r),g:(0,n.VGA)(s.g),b:(0,n.VGA)(s.b)}}parseString(r){if(!this.accepts(r))return;let s=i.exec(r);return s?{a:s.length>4?(0,n.M3Y)(s[a.a]):1,b:parseInt(s[a.b]??"0",10),g:parseInt(s[a.g]??"0",10),r:parseInt(s[a.r]??"0",10)}:void 0}}}}]);

package/1767.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_pjs=this.webpackChunk_tsparticles_pjs||[]).push([[1767],{914(a,e,t){t.d(e,{j:()=>n,u:()=>l});var i=t(2540);let l=["emoji"];function n(a,e){let{context:t,opacity:l}=a,n=t.globalAlpha,s=e.width,p=s*i.MXx;t.globalAlpha=l,t.drawImage(e,-p,-p,s,s),t.globalAlpha=n}},1767(a,e,t){t.r(e),t.d(e,{loadEmojiShape:()=>l});var i=t(914);async function l(a){a.checkVersion("4.0.0-beta.6"),await a.pluginManager.register(a=>{a.pluginManager.addShape(i.u,async()=>{let{EmojiDrawer:a}=await t.e(8096).then(t.bind(t,8096));return new a})})}}}]);