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

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasMaskPluginInstance: () => (/* binding */ CanvasMaskPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"../../utils/canvasUtils/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/canvasMask/dist/browser/utils.js\");\n\n\n\nclass CanvasMaskPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions.canvasMask;\n        if (!options?.enable) {\n            return;\n        }\n        let pixelData = {\n            pixels: [],\n            height: 0,\n            width: 0\n        };\n        const offset = options.pixels.offset;\n        if (options.image) {\n            const url = options.image.src;\n            if (!url) {\n                return;\n            }\n            pixelData = await (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getImageData)(url, offset, container.canvas.settings);\n        } else if (options.text) {\n            const textOptions = options.text, data = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getTextData)(textOptions, offset, textOptions.fill, container.canvas.settings);\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isNull)(data)) {\n                return;\n            }\n            pixelData = data;\n        } else if (options.element ?? options.selector) {\n            const canvas = options.element ?? (options.selector && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().querySelector(options.selector));\n            if (!canvas) {\n                return;\n            }\n            const context = canvas.getContext(\"2d\", container.canvas.settings);\n            if (!context) {\n                return;\n            }\n            pixelData = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getCanvasImageData)(context, canvas, offset);\n        }\n        (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/CanvasMaskPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasMaskPluginInstance: () => (/* binding */ CanvasMaskPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"../../utils/canvasUtils/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/canvasMask/dist/browser/utils.js\");\n\n\n\nclass CanvasMaskPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions.canvasMask;\n        if (!options?.enable) {\n            return;\n        }\n        let pixelData = {\n            pixels: [],\n            height: 0,\n            width: 0\n        };\n        const offset = options.pixels.offset;\n        if (options.image) {\n            const url = options.image.src;\n            if (!url) {\n                return;\n            }\n            pixelData = await (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getImageData)(url, offset, container.canvas.render.settings);\n        } else if (options.text) {\n            const textOptions = options.text, data = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getTextData)(textOptions, offset, textOptions.fill, container.canvas.render.settings);\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isNull)(data)) {\n                return;\n            }\n            pixelData = data;\n        } else if (options.element ?? options.selector) {\n            const canvas = options.element ?? (options.selector && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().querySelector(options.selector));\n            if (!canvas) {\n                return;\n            }\n            const context = canvas.getContext(\"2d\", container.canvas.render.settings);\n            if (!context) {\n                return;\n            }\n            pixelData = (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_0__.getCanvasImageData)(context, canvas, offset);\n        }\n        (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/CanvasMaskPluginInstance.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,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 */   drawLine: () => (/* binding */ drawLine),\n/* harmony export */   getCanvasImageData: () => (/* binding */ getCanvasImageData),\n/* harmony export */   getImageData: () => (/* binding */ getImageData),\n/* harmony export */   getTextData: () => (/* binding */ getTextData),\n/* harmony export */   loadFont: () => (/* binding */ loadFont)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultWidth = 0;\nfunction drawLine(context, begin, end) {\n    context.beginPath();\n    context.moveTo(begin.x, begin.y);\n    context.lineTo(end.x, end.y);\n    context.closePath();\n}\nfunction getCanvasImageData(ctx, size, offset, clear = true) {\n    const imageData = ctx.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height).data;\n    if (clear) {\n        ctx.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height);\n    }\n    const pixels = [];\n    for(let i = 0; i < imageData.length; i += offset){\n        const idx = i / offset, pos = {\n            x: idx % size.width,\n            y: Math.floor(idx / size.width)\n        };\n        pixels[pos.y] ??= [];\n        const indexesOffset = {\n            r: 0,\n            g: 1,\n            b: 2,\n            a: 3\n        }, alphaFactor = 255, row = pixels[pos.y];\n        if (!row) {\n            continue;\n        }\n        row[pos.x] = {\n            r: imageData[i + indexesOffset.r] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            g: imageData[i + indexesOffset.g] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            b: imageData[i + indexesOffset.b] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            a: (imageData[i + indexesOffset.a] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha) / alphaFactor\n        };\n    }\n    return {\n        pixels,\n        width: Math.min(...pixels.map((row)=>row.length)),\n        height: pixels.length\n    };\n}\nfunction getImageData(src, offset, canvasSettings) {\n    const image = new Image();\n    image.crossOrigin = \"Anonymous\";\n    const p = new Promise((resolve, reject)=>{\n        image.onerror = reject;\n        image.onload = ()=>{\n            const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n            canvas.width = image.width;\n            canvas.height = image.height;\n            const context = canvas.getContext(\"2d\", canvasSettings);\n            if (!context) {\n                reject(new Error(\"Could not get canvas context\"));\n                return;\n            }\n            context.drawImage(image, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, image.width, image.height, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, canvas.width, canvas.height);\n            resolve(getCanvasImageData(context, canvas, offset));\n        };\n    });\n    image.src = src;\n    return p;\n}\nfunction getTextData(textOptions, offset, fill, canvasSettings) {\n    const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\"), context = canvas.getContext(\"2d\", canvasSettings), { font, text, lines: linesOptions, color } = textOptions;\n    if (!text || !context) {\n        return;\n    }\n    const lines = text.split(linesOptions.separator), fontSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];\n    let maxWidth = 0, totalHeight = 0;\n    for (const line of lines){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        const measure = context.measureText(line), lineData = {\n            measure,\n            text: line,\n            height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,\n            width: measure.width\n        };\n        maxWidth = Math.max(maxWidth || defaultWidth, lineData.width);\n        totalHeight += lineData.height + linesOptions.spacing;\n        linesData.push(lineData);\n    }\n    canvas.width = maxWidth;\n    canvas.height = totalHeight;\n    let currentHeight = 0;\n    for (const line of linesData){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        if (fill) {\n            context.fillStyle = color;\n            context.fillText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        } else {\n            context.strokeStyle = color;\n            context.strokeText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        }\n        currentHeight += line.height + linesOptions.spacing;\n    }\n    return getCanvasImageData(context, canvas, offset);\n}\nasync function loadFont(font, weight) {\n    try {\n        await (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().fonts.load(`${weight ?? \"400\"} 36px '${font ?? \"Verdana\"}'`);\n    } catch  {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/canvasUtils/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* binding */ drawLine),\n/* harmony export */   getCanvasImageData: () => (/* binding */ getCanvasImageData),\n/* harmony export */   getImageData: () => (/* binding */ getImageData),\n/* harmony export */   getTextData: () => (/* binding */ getTextData),\n/* harmony export */   loadFont: () => (/* binding */ loadFont)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultWidth = 0, indexesOffset = {\n    r: 0,\n    g: 1,\n    b: 2,\n    a: 3\n}, alphaMax = 255, alphaFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / alphaMax;\nfunction drawLine(context, begin, end) {\n    context.beginPath();\n    context.moveTo(begin.x, begin.y);\n    context.lineTo(end.x, end.y);\n    context.closePath();\n}\nfunction getCanvasImageData(ctx, size, offset, clear = true) {\n    const imageData = ctx.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height).data;\n    if (clear) {\n        ctx.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height);\n    }\n    const pixels = [];\n    for(let i = 0; i < imageData.length; i += offset){\n        const idx = i / offset, pos = {\n            x: idx % size.width,\n            y: Math.floor(idx / size.width)\n        };\n        pixels[pos.y] ??= [];\n        const row = pixels[pos.y];\n        if (!row) {\n            continue;\n        }\n        row[pos.x] = {\n            r: imageData[i + indexesOffset.r] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            g: imageData[i + indexesOffset.g] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            b: imageData[i + indexesOffset.b] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            a: (imageData[i + indexesOffset.a] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha) * alphaFactor\n        };\n    }\n    return {\n        pixels,\n        width: Math.min(...pixels.map((row)=>row.length)),\n        height: pixels.length\n    };\n}\nfunction getImageData(src, offset, canvasSettings) {\n    const image = new Image();\n    image.crossOrigin = \"Anonymous\";\n    const p = new Promise((resolve, reject)=>{\n        image.onerror = reject;\n        image.onload = ()=>{\n            const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n            canvas.width = image.width;\n            canvas.height = image.height;\n            const context = canvas.getContext(\"2d\", canvasSettings);\n            if (!context) {\n                reject(new Error(\"Could not get canvas context\"));\n                return;\n            }\n            context.drawImage(image, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, image.width, image.height, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, canvas.width, canvas.height);\n            resolve(getCanvasImageData(context, canvas, offset));\n        };\n    });\n    image.src = src;\n    return p;\n}\nfunction getTextData(textOptions, offset, fill, canvasSettings) {\n    const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\"), context = canvas.getContext(\"2d\", canvasSettings), { font, text, lines: linesOptions, color } = textOptions;\n    if (!text || !context) {\n        return;\n    }\n    const lines = text.split(linesOptions.separator), fontSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];\n    let maxWidth = 0, totalHeight = 0;\n    for (const line of lines){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        const measure = context.measureText(line), lineData = {\n            measure,\n            text: line,\n            height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,\n            width: measure.width\n        };\n        maxWidth = Math.max(maxWidth || defaultWidth, lineData.width);\n        totalHeight += lineData.height + linesOptions.spacing;\n        linesData.push(lineData);\n    }\n    canvas.width = maxWidth;\n    canvas.height = totalHeight;\n    let currentHeight = 0;\n    for (const line of linesData){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        if (fill) {\n            context.fillStyle = color;\n            context.fillText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        } else {\n            context.strokeStyle = color;\n            context.strokeText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        }\n        currentHeight += line.height + linesOptions.spacing;\n    }\n    return getCanvasImageData(context, canvas, offset);\n}\nasync function loadFont(font, weight) {\n    try {\n        await (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().fonts.load(`${weight ?? \"400\"} 36px '${font ?? \"Verdana\"}'`);\n    } catch  {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/canvasUtils/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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*****************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasMaskPlugin: () => (/* binding */ CanvasMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_CanvasMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/CanvasMask.js */ \"../../plugins/canvasMask/dist/browser/Options/Classes/CanvasMask.js\");\n\nclass CanvasMaskPlugin {\n    id = \"canvas-mask\";\n    async getPlugin(container) {\n        const { CanvasMaskPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_CanvasMaskPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPluginInstance.js */ \"../../plugins/canvasMask/dist/browser/CanvasMaskPluginInstance.js\"));\n        return new CanvasMaskPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let canvasMaskOptions = options.canvasMask;\n        if (canvasMaskOptions?.load === undefined) {\n            options.canvasMask = canvasMaskOptions = new _Options_Classes_CanvasMask_js__WEBPACK_IMPORTED_MODULE_0__.CanvasMask();\n        }\n        canvasMaskOptions.load(source?.canvasMask);\n    }\n    needsPlugin(options) {\n        return options?.canvasMask?.enable ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/CanvasMaskPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CanvasMaskPlugin: () => (/* binding */ CanvasMaskPlugin)\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 _Options_Classes_CanvasMask_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/CanvasMask.js */ \"../../plugins/canvasMask/dist/browser/Options/Classes/CanvasMask.js\");\n\n\nclass CanvasMaskPlugin {\n    id = \"canvas-mask\";\n    async getPlugin(container) {\n        const { CanvasMaskPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_CanvasMaskPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPluginInstance.js */ \"../../plugins/canvasMask/dist/browser/CanvasMaskPluginInstance.js\"));\n        return new CanvasMaskPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let canvasMaskOptions = options.canvasMask;\n        if (canvasMaskOptions?.load === undefined) {\n            options.canvasMask = canvasMaskOptions = new _Options_Classes_CanvasMask_js__WEBPACK_IMPORTED_MODULE_1__.CanvasMask();\n        }\n        canvasMaskOptions.load(source?.canvasMask);\n    }\n    needsPlugin(options) {\n        return options?.canvasMask?.enable ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/canvasMask/dist/browser/CanvasMaskPlugin.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCanvasMaskPlugin: () => (/* binding */ loadCanvasMaskPlugin)\n/* harmony export */ });\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHsvColorPlugin: () => (/* binding */ loadHsvColorPlugin)\n/* harmony export */ });\nasync function loadHsvColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadHsvColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHwbColorPlugin: () => (/* binding */ loadHwbColorPlugin)\n/* harmony export */ });\nasync function loadHwbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadHwbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLabColorPlugin: () => (/* binding */ loadLabColorPlugin)\n/* harmony export */ });\nasync function loadLabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadLabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLchColorPlugin: () => (/* binding */ loadLchColorPlugin)\n/* harmony export */ });\nasync function loadLchColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadLchColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadNamedColorPlugin: () => (/* binding */ loadNamedColorPlugin)\n/* harmony export */ });\nasync function loadNamedColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadNamedColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOklabColorPlugin: () => (/* binding */ loadOklabColorPlugin)\n/* harmony export */ });\nasync function loadOklabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadOklabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.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.pluginManager.addColorManager(\"oklab\", new OklabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/oklab/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_oklch_dist_browser_OklchColorManager_js.js

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

package/plugins_colors_oklch_dist_browser_index_js.js

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

package/plugins_colors_rgb_dist_browser_RgbColorManager_js.js

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

package/plugins_colors_rgb_dist_browser_index_js.js

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

package/plugins_easings_back_dist_browser_easingsFunctions_js.js

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

package/plugins_easings_back_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingBackPlugin: () => (/* binding */ loadEasingBackPlugin)\n/* harmony export */ });\nasync function loadEasingBackPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_back_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/back/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/back/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingBackPlugin: () => (/* binding */ loadEasingBackPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadEasingBackPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_back_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/back/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.pluginManager.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/back/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_easings_bounce_dist_browser_easingsFunctions_js.js

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

package/plugins_easings_bounce_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingBouncePlugin: () => (/* binding */ loadEasingBouncePlugin)\n/* harmony export */ });\nasync function loadEasingBouncePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_bounce_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/bounce/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/bounce/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingBouncePlugin: () => (/* binding */ loadEasingBouncePlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadEasingBouncePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_bounce_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/bounce/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.pluginManager.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/bounce/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_easings_circ_dist_browser_easingsFunctions_js.js

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

package/plugins_easings_circ_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingCircPlugin: () => (/* binding */ loadEasingCircPlugin)\n/* harmony export */ });\nasync function loadEasingCircPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_circ_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/circ/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/circ/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingCircPlugin: () => (/* binding */ loadEasingCircPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadEasingCircPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_circ_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/circ/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.pluginManager.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/circ/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_easings_cubic_dist_browser_easingsFunctions_js.js

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

package/plugins_easings_cubic_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingCubicPlugin: () => (/* binding */ loadEasingCubicPlugin)\n/* harmony export */ });\nasync function loadEasingCubicPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_cubic_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/cubic/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/cubic/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingCubicPlugin: () => (/* binding */ loadEasingCubicPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadEasingCubicPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_cubic_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/cubic/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.pluginManager.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/cubic/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_easings_elastic_dist_browser_easingsFunctions_js.js

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

package/plugins_easings_elastic_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingElasticPlugin: () => (/* binding */ loadEasingElasticPlugin)\n/* harmony export */ });\nasync function loadEasingElasticPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_elastic_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/elastic/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/elastic/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEasingElasticPlugin: () => (/* binding */ loadEasingElasticPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadEasingElasticPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { easingsFunctions } = await __webpack_require__.e(/*! import() */ \"plugins_easings_elastic_dist_browser_easingsFunctions_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./easingsFunctions.js */ \"../../plugins/easings/elastic/dist/browser/easingsFunctions.js\"));\n        for (const [easing, easingFn] of easingsFunctions){\n            e.pluginManager.addEasing(easing, easingFn);\n        }\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/easings/elastic/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_easings_expo_dist_browser_easingsFunctions_js.js

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