@tsparticles/all 4.0.0-alpha.25 → 4.0.0-alpha.27

package/plugins_absorbers_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\nasync function loadAbsorbersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { AbsorbersInstancesManager }, { AbsorbersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersPlugin.js */ \"../../plugins/absorbers/dist/browser/AbsorbersPlugin.js\"))\n        ]), instancesManager = new AbsorbersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new AbsorbersPlugin(instancesManager));\n        e.addInteractor?.(\"externalAbsorbers\", async (container)=>{\n            const { AbsorbersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInteractor.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInteractor.js\"));\n            return new AbsorbersInteractor(container, instancesManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\nasync function loadAbsorbersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { AbsorbersInstancesManager }, { AbsorbersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersPlugin.js */ \"../../plugins/absorbers/dist/browser/AbsorbersPlugin.js\"))\n        ]), instancesManager = new AbsorbersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new AbsorbersPlugin(instancesManager));\n        e.addInteractor?.(\"externalAbsorbers\", async (container)=>{\n            const { AbsorbersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInteractor.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInteractor.js\"));\n            return new AbsorbersInteractor(container, instancesManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_backgroundMask_dist_browser_BackgroundMaskPluginInstance_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/plugins_backgroundMask_dist_browser_BackgroundMaskPlugin_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/plugins_backgroundMask_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadBackgroundMaskPlugin: () => (/* binding */ loadBackgroundMaskPlugin)\n/* harmony export */ });\nasync function loadBackgroundMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { BackgroundMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_BackgroundMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPlugin.js */ \"../../plugins/backgroundMask/dist/browser/BackgroundMaskPlugin.js\"));\n        e.addPlugin(new BackgroundMaskPlugin(e));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBackgroundMaskPlugin: () => (/* binding */ loadBackgroundMaskPlugin)\n/* harmony export */ });\nasync function loadBackgroundMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { BackgroundMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_BackgroundMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPlugin.js */ \"../../plugins/backgroundMask/dist/browser/BackgroundMaskPlugin.js\"));\n        e.addPlugin(new BackgroundMaskPlugin(e));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_blend_dist_browser_BlendPluginInstance_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   BlendPluginInstance: () => (/* binding */ BlendPluginInstance)\n/* harmony export */ });\nclass BlendPluginInstance {\n    _container;\n    _defaultCompositeValue;\n    constructor(container){\n        this._container = container;\n    }\n    drawParticleCleanup(context, particle) {\n        context.globalCompositeOperation = particle.originalBlendMode ?? \"source-over\";\n        particle.originalBlendMode = undefined;\n    }\n    drawParticleSetup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        particle.originalBlendMode = context.globalCompositeOperation;\n        context.globalCompositeOperation = particle.options.blend.mode;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, blend = this._container.actualOptions.blend;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = blend?.enable ? blend.mode : previousComposite;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/blend/dist/browser/BlendPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BlendPluginInstance: () => (/* binding */ BlendPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass BlendPluginInstance {\n    _container;\n    _defaultCompositeValue;\n    constructor(container){\n        this._container = container;\n    }\n    drawParticleCleanup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        context.globalCompositeOperation = particle.originalBlendMode ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultCompositeValue;\n        particle.originalBlendMode = undefined;\n    }\n    drawParticleSetup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        particle.originalBlendMode = context.globalCompositeOperation;\n        context.globalCompositeOperation = particle.options.blend.mode;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, blend = this._container.actualOptions.blend;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = blend?.enable ? blend.mode : previousComposite;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/blend/dist/browser/BlendPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_blend_dist_browser_BlendPlugin_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/plugins_blend_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadBlendPlugin: () => (/* binding */ loadBlendPlugin)\n/* harmony export */ });\nasync function loadBlendPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { BlendPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_BlendPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPlugin.js */ \"../../plugins/blend/dist/browser/BlendPlugin.js\"));\n        e.addPlugin(new BlendPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/blend/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBlendPlugin: () => (/* binding */ loadBlendPlugin)\n/* harmony export */ });\nasync function loadBlendPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { BlendPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_BlendPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPlugin.js */ \"../../plugins/blend/dist/browser/BlendPlugin.js\"));\n        e.addPlugin(new BlendPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/blend/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_canvasMask_dist_browser_CanvasMaskPluginInstance_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addParticlesFromCanvasPixels: () => (/* binding */ addParticlesFromCanvasPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction addParticlesFromCanvasPixels(container, data, position, scale, override, filter) {\n    const { height, width } = data, numPixels = height * width, indexArray = shuffle(range(numPixels)), maxParticles = Math.min(numPixels, container.actualOptions.particles.number.value), canvasSize = container.canvas.size;\n    let selectedPixels = 0;\n    const positionOffset = {\n        x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n        y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    while(selectedPixels < maxParticles && indexArray.length){\n        const defaultIndex = 0, nextIndex = indexArray.pop() ?? defaultIndex, pixelPos = {\n            x: nextIndex % width,\n            y: Math.floor(nextIndex / width)\n        }, row = data.pixels[pixelPos.y];\n        if (!row) {\n            continue;\n        }\n        const pixel = row[pixelPos.x];\n        if (!pixel) {\n            continue;\n        }\n        const shouldCreateParticle = filter(pixel);\n        if (!shouldCreateParticle) {\n            continue;\n        }\n        const pos = {\n            x: pixelPos.x * scale + positionOffset.x,\n            y: pixelPos.y * scale + positionOffset.y\n        }, pOptions = {};\n        if (override.color) {\n            pOptions.color = {\n                value: pixel\n            };\n        }\n        if (override.opacity) {\n            pOptions.opacity = {\n                value: pixel.a\n            };\n        }\n        container.particles.addParticle(pos, pOptions);\n        selectedPixels++;\n    }\n}\nfunction shuffle(array) {\n    const lengthOffset = 1, minIndex = 0;\n    for(let currentIndex = array.length - lengthOffset; currentIndex >= minIndex; currentIndex--){\n        const randomIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * currentIndex), currentItem = array[currentIndex], randomItem = array[randomIndex];\n        if (randomItem === currentItem) {\n            continue;\n        }\n        if (randomItem === undefined || currentItem === undefined) {\n            continue;\n        }\n        array[currentIndex] = randomItem;\n        array[randomIndex] = currentItem;\n    }\n    return array;\n}\nconst range = (n)=>[\n        ...Array(n).keys()\n    ];\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addParticlesFromCanvasPixels: () => (/* binding */ addParticlesFromCanvasPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction addParticlesFromCanvasPixels(container, data, position, scale, override, filter) {\n    const { height, width } = data, numPixels = height * width, indexArray = shuffle(range(numPixels)), maxParticles = Math.min(numPixels, container.actualOptions.particles.number.value), canvasSize = container.canvas.size;\n    let selectedPixels = 0;\n    const positionOffset = {\n        x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n        y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    while(selectedPixels < maxParticles && indexArray.length){\n        const defaultIndex = 0, nextIndex = indexArray.pop() ?? defaultIndex, pixelPos = {\n            x: nextIndex % width,\n            y: Math.floor(nextIndex / width)\n        }, row = data.pixels[pixelPos.y];\n        if (!row) {\n            continue;\n        }\n        const pixel = row[pixelPos.x];\n        if (!pixel) {\n            continue;\n        }\n        const shouldCreateParticle = filter(pixel);\n        if (!shouldCreateParticle) {\n            continue;\n        }\n        const pos = {\n            x: pixelPos.x * scale + positionOffset.x,\n            y: pixelPos.y * scale + positionOffset.y\n        }, pOptions = {};\n        if (override.color) {\n            pOptions.fill = {\n                color: {\n                    value: pixel\n                },\n                enable: true\n            };\n        }\n        if (override.opacity) {\n            pOptions.opacity = {\n                value: pixel.a\n            };\n        }\n        container.particles.addParticle(pos, pOptions);\n        selectedPixels++;\n    }\n}\nfunction shuffle(array) {\n    const lengthOffset = 1, minIndex = 0;\n    for(let currentIndex = array.length - lengthOffset; currentIndex >= minIndex; currentIndex--){\n        const randomIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * currentIndex), currentItem = array[currentIndex], randomItem = array[randomIndex];\n        if (randomItem === currentItem) {\n            continue;\n        }\n        if (randomItem === undefined || currentItem === undefined) {\n            continue;\n        }\n        array[currentIndex] = randomItem;\n        array[randomIndex] = currentItem;\n    }\n    return array;\n}\nconst range = (n)=>[\n        ...Array(n).keys()\n    ];\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/utils.js?\n}");
 
 /***/ },
 

package/plugins_canvasMask_dist_browser_CanvasMaskPlugin_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -53,7 +53,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 */   CanvasMaskPixels: () => (/* binding */ CanvasMaskPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAlpha = 0;\nclass CanvasMaskPixels {\n    filter;\n    offset;\n    constructor(){\n        this.filter = (pixel)=>pixel.a > minAlpha;\n        this.offset = 4;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.filter !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(data.filter)) {\n                if (Object.hasOwn(globalThis, data.filter)) {\n                    const filter = globalThis[data.filter];\n                    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isFunction)(filter)) {\n                        this.filter = filter;\n                    }\n                }\n            } else {\n                this.filter = data.filter;\n            }\n        }\n        if (data.offset !== undefined) {\n            this.offset = data.offset;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/Options/Classes/CanvasMaskPixels.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasMaskPixels: () => (/* binding */ CanvasMaskPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAlpha = 0;\nclass CanvasMaskPixels {\n    filter;\n    offset;\n    constructor(){\n        this.filter = (pixel)=>pixel.a > minAlpha;\n        this.offset = 4;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.filter !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(data.filter)) {\n                if (data.filter in globalThis) {\n                    const filter = globalThis[data.filter];\n                    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isFunction)(filter)) {\n                        this.filter = filter;\n                    }\n                }\n            } else {\n                this.filter = data.filter;\n            }\n        }\n        if (data.offset !== undefined) {\n            this.offset = data.offset;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/Options/Classes/CanvasMaskPixels.js?\n}");
 
 /***/ },
 

package/plugins_canvasMask_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadCanvasMaskPlugin: () => (/* binding */ loadCanvasMaskPlugin)\n/* harmony export */ });\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { CanvasMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_CanvasMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPlugin.js */ \"../../plugins/canvasMask/dist/browser/CanvasMaskPlugin.js\"));\n        e.addPlugin(new CanvasMaskPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCanvasMaskPlugin: () => (/* binding */ loadCanvasMaskPlugin)\n/* harmony export */ });\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { CanvasMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_CanvasMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPlugin.js */ \"../../plugins/canvasMask/dist/browser/CanvasMaskPlugin.js\"));\n        e.addPlugin(new CanvasMaskPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hex_dist_browser_HexColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/plugins_colors_hex_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsl_dist_browser_HslColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HslIndexes;\n(function(HslIndexes) {\n    HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n    HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n    HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n    HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsl\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!Object.hasOwn(hslColor, \"h\") || !Object.hasOwn(hslColor, \"s\") || !Object.hasOwn(hslColor, \"l\")) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!Object.hasOwn(hslColor, \"h\") || !Object.hasOwn(hslColor, \"s\") || !Object.hasOwn(hslColor, \"l\")) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;\n        return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n            h: Number.parseInt(result[HslIndexes.h] ?? \"0\", radix),\n            l: Number.parseInt(result[HslIndexes.l] ?? \"0\", radix),\n            s: Number.parseInt(result[HslIndexes.s] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/HslColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HslIndexes;\n(function(HslIndexes) {\n    HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n    HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n    HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n    HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsl\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;\n        return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n            h: Number.parseInt(result[HslIndexes.h] ?? \"0\", radix),\n            l: Number.parseInt(result[HslIndexes.l] ?? \"0\", radix),\n            s: Number.parseInt(result[HslIndexes.s] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/HslColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsl_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsv_dist_browser_HsvColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   HsvColorManager: () => (/* binding */ HsvColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/hsv/dist/browser/utils.js\");\n\n\nconst hsvRegex = /hsva?\\(\\s*(\\d+)°\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HsvColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsv\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!Object.hasOwn(hsvColor, \"h\") || !Object.hasOwn(hsvColor, \"s\") || !Object.hasOwn(hsvColor, \"v\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)(hsvColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!Object.hasOwn(hsvColor, \"h\") || !Object.hasOwn(hsvColor, \"s\") || !Object.hasOwn(hsvColor, \"v\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.h),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.s),\n            v: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.v)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hsvRegex.exec(input), fullLength = 4, indexes = {\n            h: 1,\n            s: 2,\n            v: 3,\n            a: 5\n        }, defaultAlpha = 1, radix = 10;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvaToRgba)({\n            a: result.length > fullLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            h: parseInt(result[indexes.h] ?? \"0\", radix),\n            s: parseInt(result[indexes.s] ?? \"0\", radix),\n            v: parseInt(result[indexes.v] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/HsvColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HsvColorManager: () => (/* binding */ HsvColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/hsv/dist/browser/utils.js\");\n\n\nconst hsvRegex = /hsva?\\(\\s*(\\d+)°\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HsvColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsv\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!(\"h\" in hsvColor) || !(\"s\" in hsvColor) || !(\"v\" in hsvColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)(hsvColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!(\"h\" in hsvColor) || !(\"s\" in hsvColor) || !(\"v\" in hsvColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.h),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.s),\n            v: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.v)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hsvRegex.exec(input), fullLength = 4, indexes = {\n            h: 1,\n            s: 2,\n            v: 3,\n            a: 5\n        }, defaultAlpha = 1, radix = 10;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvaToRgba)({\n            a: result.length > fullLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            h: parseInt(result[indexes.h] ?? \"0\", radix),\n            s: parseInt(result[indexes.s] ?? \"0\", radix),\n            v: parseInt(result[indexes.v] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/HsvColorManager.js?\n}");
 
 /***/ },
 

package/plugins_colors_hsv_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadHsvColorPlugin: () => (/* binding */ loadHsvColorPlugin)\n/* harmony export */ });\nasync function loadHsvColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { HsvColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"../../plugins/colors/hsv/dist/browser/HsvColorManager.js\"));\n        e.addColorManager(\"hsv\", new HsvColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHsvColorPlugin: () => (/* binding */ loadHsvColorPlugin)\n/* harmony export */ });\nasync function loadHsvColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { HsvColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"../../plugins/colors/hsv/dist/browser/HsvColorManager.js\"));\n        e.addColorManager(\"hsv\", new HsvColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hwb_dist_browser_HwbColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   HwbColorManager: () => (/* binding */ HwbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HwbIndexes;\n(function(HwbIndexes) {\n    HwbIndexes[HwbIndexes[\"h\"] = 1] = \"h\";\n    HwbIndexes[HwbIndexes[\"w\"] = 2] = \"w\";\n    HwbIndexes[HwbIndexes[\"b\"] = 3] = \"b\";\n    HwbIndexes[HwbIndexes[\"a\"] = 5] = \"a\";\n})(HwbIndexes || (HwbIndexes = {}));\nconst hwbRegex = /hwba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?(?:deg|rad|grad|turn)?)\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i, maxDegree = 360, maxPercentage = 100, maxHwbValue = 255, hueSectors = 6, redOffset = 5, greenOffset = 3, blueOffset = 1, clampingMin = 0, clampingMax = 1, clampingReference = 4, unitValue = 1, defaultFallbackValue = 0;\nfunction hwbToRgb(hwb) {\n    const normalizedHue = hwb.h / maxDegree, whiteness = hwb.w / maxPercentage, blackness = hwb.b / maxPercentage, totalWhitenessBlackness = whiteness + blackness;\n    let red, green, blue;\n    if (totalWhitenessBlackness >= unitValue) {\n        const greyShade = whiteness / totalWhitenessBlackness;\n        red = greyShade;\n        green = greyShade;\n        blue = greyShade;\n    } else {\n        const calculateChannel = (channelOffset)=>{\n            const sectorPosition = (channelOffset + normalizedHue * hueSectors) % hueSectors, availableChroma = unitValue - whiteness - blackness, intensityFactor = Math.max(clampingMin, Math.min(sectorPosition, clampingReference - sectorPosition, clampingMax));\n            return unitValue - blackness - availableChroma * intensityFactor;\n        };\n        red = calculateChannel(redOffset);\n        green = calculateChannel(greenOffset);\n        blue = calculateChannel(blueOffset);\n    }\n    return {\n        r: Math.round(red * maxHwbValue),\n        g: Math.round(green * maxHwbValue),\n        b: Math.round(blue * maxHwbValue)\n    };\n}\nfunction hwbaToRgba(hwba) {\n    return {\n        a: hwba.a,\n        ...hwbToRgb(hwba)\n    };\n}\nclass HwbColorManager {\n    accepts(input) {\n        return input.startsWith(\"hwb\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!Object.hasOwn(hwbColor, \"h\") || !Object.hasOwn(hwbColor, \"w\") || !Object.hasOwn(hwbColor, \"b\")) {\n            return;\n        }\n        return hwbToRgb(hwbColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!Object.hasOwn(hwbColor, \"h\") || !Object.hasOwn(hwbColor, \"w\") || !Object.hasOwn(hwbColor, \"b\")) {\n            return;\n        }\n        return hwbToRgb({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.h),\n            w: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.w),\n            b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.b)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hwbRegex.exec(input), minLength = 4, defaultAlpha = 1;\n        if (!result) {\n            return;\n        }\n        const h = result[HwbIndexes.h], w = result[HwbIndexes.w], b = result[HwbIndexes.b];\n        return hwbaToRgba({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HwbIndexes.a]) : defaultAlpha,\n            h: h !== undefined ? parseFloat(h) : defaultFallbackValue,\n            w: w !== undefined ? parseFloat(w) : defaultFallbackValue,\n            b: b !== undefined ? parseFloat(b) : defaultFallbackValue\n        });\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/HwbColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HwbColorManager: () => (/* binding */ HwbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HwbIndexes;\n(function(HwbIndexes) {\n    HwbIndexes[HwbIndexes[\"h\"] = 1] = \"h\";\n    HwbIndexes[HwbIndexes[\"w\"] = 2] = \"w\";\n    HwbIndexes[HwbIndexes[\"b\"] = 3] = \"b\";\n    HwbIndexes[HwbIndexes[\"a\"] = 5] = \"a\";\n})(HwbIndexes || (HwbIndexes = {}));\nconst hwbRegex = /hwba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?(?:deg|rad|grad|turn)?)\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i, maxDegree = 360, maxPercentage = 100, maxHwbValue = 255, hueSectors = 6, redOffset = 5, greenOffset = 3, blueOffset = 1, clampingMin = 0, clampingMax = 1, clampingReference = 4, unitValue = 1, defaultFallbackValue = 0;\nfunction hwbToRgb(hwb) {\n    const normalizedHue = hwb.h / maxDegree, whiteness = hwb.w / maxPercentage, blackness = hwb.b / maxPercentage, totalWhitenessBlackness = whiteness + blackness;\n    let red, green, blue;\n    if (totalWhitenessBlackness >= unitValue) {\n        const greyShade = whiteness / totalWhitenessBlackness;\n        red = greyShade;\n        green = greyShade;\n        blue = greyShade;\n    } else {\n        const calculateChannel = (channelOffset)=>{\n            const sectorPosition = (channelOffset + normalizedHue * hueSectors) % hueSectors, availableChroma = unitValue - whiteness - blackness, intensityFactor = Math.max(clampingMin, Math.min(sectorPosition, clampingReference - sectorPosition, clampingMax));\n            return unitValue - blackness - availableChroma * intensityFactor;\n        };\n        red = calculateChannel(redOffset);\n        green = calculateChannel(greenOffset);\n        blue = calculateChannel(blueOffset);\n    }\n    return {\n        r: Math.round(red * maxHwbValue),\n        g: Math.round(green * maxHwbValue),\n        b: Math.round(blue * maxHwbValue)\n    };\n}\nfunction hwbaToRgba(hwba) {\n    return {\n        a: hwba.a,\n        ...hwbToRgb(hwba)\n    };\n}\nclass HwbColorManager {\n    accepts(input) {\n        return input.startsWith(\"hwb\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!(\"h\" in hwbColor) || !(\"w\" in hwbColor) || !(\"b\" in hwbColor)) {\n            return;\n        }\n        return hwbToRgb(hwbColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!(\"h\" in hwbColor) || !(\"w\" in hwbColor) || !(\"b\" in hwbColor)) {\n            return;\n        }\n        return hwbToRgb({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.h),\n            w: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.w),\n            b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.b)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hwbRegex.exec(input), minLength = 4, defaultAlpha = 1;\n        if (!result) {\n            return;\n        }\n        const h = result[HwbIndexes.h], w = result[HwbIndexes.w], b = result[HwbIndexes.b];\n        return hwbaToRgba({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HwbIndexes.a]) : defaultAlpha,\n            h: h !== undefined ? parseFloat(h) : defaultFallbackValue,\n            w: w !== undefined ? parseFloat(w) : defaultFallbackValue,\n            b: b !== undefined ? parseFloat(b) : defaultFallbackValue\n        });\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/HwbColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_hwb_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadHwbColorPlugin: () => (/* binding */ loadHwbColorPlugin)\n/* harmony export */ });\nasync function loadHwbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { HwbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_HwbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HwbColorManager.js */ \"../../plugins/colors/hwb/dist/browser/HwbColorManager.js\"));\n        e.addColorManager(\"hwb\", new HwbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHwbColorPlugin: () => (/* binding */ loadHwbColorPlugin)\n/* harmony export */ });\nasync function loadHwbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { HwbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_HwbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HwbColorManager.js */ \"../../plugins/colors/hwb/dist/browser/HwbColorManager.js\"));\n        e.addColorManager(\"hwb\", new HwbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_lab_dist_browser_LabColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   LabColorManager: () => (/* binding */ LabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lab/dist/browser/utils.js\");\n\n\nconst labRegex = /lab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LabColorManager {\n    accepts(input) {\n        return input.startsWith(\"lab\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!Object.hasOwn(labColor, \"l\") || !Object.hasOwn(labColor, \"aAxis\") || !Object.hasOwn(labColor, \"bAxis\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)(labColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!Object.hasOwn(labColor, \"l\") || !Object.hasOwn(labColor, \"aAxis\") || !Object.hasOwn(labColor, \"bAxis\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.l),\n            aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.aAxis),\n            bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.bAxis)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = labRegex.exec(input), indexes = {\n            l: 1,\n            aAxis: 3,\n            bAxis: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n            bAxis: parseFloat(result[indexes.bAxis] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/LabColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LabColorManager: () => (/* binding */ LabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lab/dist/browser/utils.js\");\n\n\nconst labRegex = /lab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LabColorManager {\n    accepts(input) {\n        return input.startsWith(\"lab\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!(\"l\" in labColor) || !(\"aAxis\" in labColor) || !(\"bAxis\" in labColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)(labColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!(\"l\" in labColor) || !(\"aAxis\" in labColor) || !(\"bAxis\" in labColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.l),\n            aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.aAxis),\n            bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.bAxis)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = labRegex.exec(input), indexes = {\n            l: 1,\n            aAxis: 3,\n            bAxis: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n            bAxis: parseFloat(result[indexes.bAxis] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/LabColorManager.js?\n}");
 
 /***/ },
 

package/plugins_colors_lab_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadLabColorPlugin: () => (/* binding */ loadLabColorPlugin)\n/* harmony export */ });\nasync function loadLabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { LabColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_LabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LabColorManager.js */ \"../../plugins/colors/lab/dist/browser/LabColorManager.js\"));\n        e.addColorManager(\"lab\", new LabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLabColorPlugin: () => (/* binding */ loadLabColorPlugin)\n/* harmony export */ });\nasync function loadLabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { LabColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_LabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LabColorManager.js */ \"../../plugins/colors/lab/dist/browser/LabColorManager.js\"));\n        e.addColorManager(\"lab\", new LabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_lch_dist_browser_LchColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   LchColorManager: () => (/* binding */ LchColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lch/dist/browser/utils.js\");\n\n\nconst lchRegex = /lch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LchColorManager {\n    accepts(input) {\n        return input.startsWith(\"lch\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!Object.hasOwn(lchColor, \"l\") || !Object.hasOwn(lchColor, \"c\") || !Object.hasOwn(lchColor, \"h\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)(lchColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!Object.hasOwn(lchColor, \"l\") || !Object.hasOwn(lchColor, \"c\") || !Object.hasOwn(lchColor, \"h\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.l),\n            c: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.c),\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.h)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = lchRegex.exec(input), indexes = {\n            l: 1,\n            c: 3,\n            h: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            c: parseFloat(result[indexes.c] ?? \"0\"),\n            h: parseFloat(result[indexes.h] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/LchColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LchColorManager: () => (/* binding */ LchColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lch/dist/browser/utils.js\");\n\n\nconst lchRegex = /lch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LchColorManager {\n    accepts(input) {\n        return input.startsWith(\"lch\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!(\"l\" in lchColor) || !(\"c\" in lchColor) || !(\"h\" in lchColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)(lchColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!(\"l\" in lchColor) || !(\"c\" in lchColor) || !(\"h\" in lchColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.l),\n            c: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.c),\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.h)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = lchRegex.exec(input), indexes = {\n            l: 1,\n            c: 3,\n            h: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            c: parseFloat(result[indexes.c] ?? \"0\"),\n            h: parseFloat(result[indexes.h] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/LchColorManager.js?\n}");
 
 /***/ },
 

package/plugins_colors_lch_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadLchColorPlugin: () => (/* binding */ loadLchColorPlugin)\n/* harmony export */ });\nasync function loadLchColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { LchColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_LchColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LchColorManager.js */ \"../../plugins/colors/lch/dist/browser/LchColorManager.js\"));\n        e.addColorManager(\"lch\", new LchColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLchColorPlugin: () => (/* binding */ loadLchColorPlugin)\n/* harmony export */ });\nasync function loadLchColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { LchColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_LchColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LchColorManager.js */ \"../../plugins/colors/lch/dist/browser/LchColorManager.js\"));\n        e.addColorManager(\"lch\", new LchColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_named_dist_browser_NamedColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/plugins_colors_named_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadNamedColorPlugin: () => (/* binding */ loadNamedColorPlugin)\n/* harmony export */ });\nasync function loadNamedColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { NamedColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_NamedColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./NamedColorManager.js */ \"../../plugins/colors/named/dist/browser/NamedColorManager.js\"));\n        e.addColorManager(\"named\", new NamedColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadNamedColorPlugin: () => (/* binding */ loadNamedColorPlugin)\n/* harmony export */ });\nasync function loadNamedColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { NamedColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_NamedColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./NamedColorManager.js */ \"../../plugins/colors/named/dist/browser/NamedColorManager.js\"));\n        e.addColorManager(\"named\", new NamedColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_oklab_dist_browser_OklabColorManager_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   OklabColorManager: () => (/* binding */ OklabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/oklab/dist/browser/utils.js\");\n\n\nconst oklabRegex = /oklab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(-?\\d+(\\.\\d+)?)\\s+(-?\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass OklabColorManager {\n    accepts(input) {\n        return input.startsWith(\"oklab\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n        if (!Object.hasOwn(oklabColor, \"l\") || !Object.hasOwn(oklabColor, \"aAxis\") || !Object.hasOwn(oklabColor, \"bAxis\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)(oklabColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n        if (!Object.hasOwn(oklabColor, \"l\") || !Object.hasOwn(oklabColor, \"aAxis\") || !Object.hasOwn(oklabColor, \"bAxis\")) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.l),\n            aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.aAxis),\n            bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.bAxis)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = oklabRegex.exec(input), indexes = {\n            l: 1,\n            aAxis: 3,\n            bAxis: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            l: parseFloat(result[indexes.l] ?? \"0\"),\n            aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n            bAxis: parseFloat(result[indexes.bAxis] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/oklab/dist/browser/OklabColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OklabColorManager: () => (/* binding */ OklabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/oklab/dist/browser/utils.js\");\n\n\nconst oklabRegex = /oklab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(-?\\d+(\\.\\d+)?)\\s+(-?\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass OklabColorManager {\n    accepts(input) {\n        return input.startsWith(\"oklab\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n        if (!(\"l\" in oklabColor) || !(\"aAxis\" in oklabColor) || !(\"bAxis\" in oklabColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)(oklabColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n        if (!(\"l\" in oklabColor) || !(\"aAxis\" in oklabColor) || !(\"bAxis\" in oklabColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.l),\n            aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.aAxis),\n            bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.bAxis)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = oklabRegex.exec(input), indexes = {\n            l: 1,\n            aAxis: 3,\n            bAxis: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            l: parseFloat(result[indexes.l] ?? \"0\"),\n            aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n            bAxis: parseFloat(result[indexes.bAxis] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/oklab/dist/browser/OklabColorManager.js?\n}");
 
 /***/ },
 

package/plugins_colors_oklab_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-alpha.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadOklabColorPlugin: () => (/* binding */ loadOklabColorPlugin)\n/* harmony export */ });\nasync function loadOklabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { OklabColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_oklab_dist_browser_OklabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OklabColorManager.js */ \"../../plugins/colors/oklab/dist/browser/OklabColorManager.js\"));\n        e.addColorManager(\"oklab\", new OklabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/oklab/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOklabColorPlugin: () => (/* binding */ loadOklabColorPlugin)\n/* harmony export */ });\nasync function loadOklabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { OklabColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_oklab_dist_browser_OklabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OklabColorManager.js */ \"../../plugins/colors/oklab/dist/browser/OklabColorManager.js\"));\n        e.addColorManager(\"oklab\", new OklabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/oklab/dist/browser/index.js?\n}");
 
 /***/ }