@tsparticles/all 4.0.0-beta.9 → 4.0.1

package/shapes_squircle_dist_browser_index_js.js

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

package/shapes_star_dist_browser_StarDrawer_js.js

@@ -1,40 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_star_dist_browser_StarDrawer_js"],{
-
-/***/ "../../shapes/star/dist/browser/StarDrawer.js"
-/*!****************************************************!*\
-  !*** ../../shapes/star/dist/browser/StarDrawer.js ***!
-  \****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   StarDrawer: () => (/* binding */ StarDrawer)\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 */ \"../../shapes/star/dist/browser/Utils.js\");\n\n\nconst defaultInset = 2, defaultSides = 5;\nclass StarDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawStar)(data);\n    }\n    getSidesCount(particle) {\n        const star = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(star?.sides ?? defaultSides));\n    }\n    particleInit(_container, particle) {\n        const star = particle.shapeData;\n        particle.starInset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(star?.inset ?? defaultInset);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/star/dist/browser/StarDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/star/dist/browser/Utils.js"
-/*!***********************************************!*\
-  !*** ../../shapes/star/dist/browser/Utils.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawStar: () => (/* binding */ drawStar)\n/* harmony export */ });\nconst defaultInset = 2, origin = {\n    x: 0,\n    y: 0\n};\nfunction drawStar(data) {\n    const { context, particle, radius } = data, sides = particle.sides, inset = particle.starInset ?? defaultInset;\n    context.moveTo(origin.x, origin.y - radius);\n    for(let i = 0; i < sides; i++){\n        context.rotate(Math.PI / sides);\n        context.lineTo(origin.x, origin.y - radius * inset);\n        context.rotate(Math.PI / sides);\n        context.lineTo(origin.x, origin.y - radius);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/star/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_star_dist_browser_index_js.js

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

package/shapes_text_dist_browser_TextDrawer_js.js

@@ -1,50 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_text_dist_browser_TextDrawer_js"],{
-
-/***/ "../../shapes/text/dist/browser/TextDrawer.js"
-/*!****************************************************!*\
-  !*** ../../shapes/text/dist/browser/TextDrawer.js ***!
-  \****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TextDrawer: () => (/* binding */ TextDrawer)\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 */ \"../../shapes/text/dist/browser/Utils.js\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"../../utils/canvasUtils/dist/browser/index.js\");\n\n\n\nconst firstIndex = 0, minLength = 0;\nclass TextDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawText)(data);\n    }\n    async init(container) {\n        const options = container.actualOptions;\n        if (_Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.find((t)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n            const shapeOptions = _Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.map((t)=>options.particles.shape.options[t]).find((t)=>!!t), promises = [];\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, (shape)=>{\n                promises.push((0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(shape.font, shape.weight));\n            });\n            await Promise.all(promises);\n        }\n    }\n    particleInit(_container, particle) {\n        if (!particle.shape || !_Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.includes(particle.shape)) {\n            return;\n        }\n        const character = particle.shapeData;\n        if (character === undefined) {\n            return;\n        }\n        const textData = character.value;\n        if (!textData) {\n            return;\n        }\n        particle.textLines = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData)?.split(\"\\n\") ?? [];\n        particle.maxTextLength = particle.textLines.length ? Math.max(...particle.textLines.map((t)=>t.length)) : particle.textLines[firstIndex]?.length ?? minLength;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/text/dist/browser/TextDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/canvasUtils/dist/browser/Utils.js"
-/*!*****************************************************!*\
-  !*** ../../utils/canvasUtils/dist/browser/Utils.js ***!
-  \*****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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}");
-
-/***/ },
-
-/***/ "../../utils/canvasUtils/dist/browser/index.js"
-/*!*****************************************************!*\
-  !*** ../../utils/canvasUtils/dist/browser/index.js ***!
-  \*****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawLine),\n/* harmony export */   getCanvasImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getCanvasImageData),\n/* harmony export */   getImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getImageData),\n/* harmony export */   getTextData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getTextData),\n/* harmony export */   loadFont: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.loadFont)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/canvasUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/canvasUtils/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_text_dist_browser_index_js.js

@@ -1,40 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_text_dist_browser_index_js"],{
-
-/***/ "../../shapes/text/dist/browser/Utils.js"
-/*!***********************************************!*\
-  !*** ../../shapes/text/dist/browser/Utils.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawText: () => (/* binding */ drawText),\n/* harmony export */   validTypes: () => (/* binding */ validTypes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst validTypes = [\n    \"text\",\n    \"character\",\n    \"char\",\n    \"multiline-text\"\n];\nconst firstIndex = 0, minLength = 0;\nfunction drawText(data) {\n    const { context, particle, fill, stroke, radius, opacity } = data, character = particle.shapeData;\n    if (!character) {\n        return;\n    }\n    const textData = character.value;\n    particle.textLines ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData)?.split(\"\\n\") ?? [];\n    particle.maxTextLength ??= particle.textLines.length ? Math.max(...particle.textLines.map((t)=>t.length)) : particle.textLines[firstIndex]?.length ?? minLength;\n    if (!particle.textLines.length || !particle.maxTextLength) {\n        return;\n    }\n    const lines = particle.textLines, style = character.style ?? \"\", weight = character.weight ?? \"400\", font = character.font ?? \"Verdana\", size = Math.round(radius) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double / (lines.length * particle.maxTextLength);\n    context.font = `${style} ${weight} ${size.toString()}px \"${font}\"`;\n    const originalGlobalAlpha = context.globalAlpha;\n    context.globalAlpha = opacity;\n    for(let i = 0; i < lines.length; i++){\n        const currentLine = lines[i];\n        if (!currentLine) {\n            continue;\n        }\n        drawTextLine(context, currentLine, size, i, fill, stroke);\n    }\n    context.globalAlpha = originalGlobalAlpha;\n}\nfunction drawTextLine(context, line, size, index, fill, stroke) {\n    const pos = {\n        x: -(line.length * size * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half),\n        y: size * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half + index * size\n    };\n    if (fill) {\n        context.fillText(line, pos.x, pos.y);\n    }\n    if (stroke) {\n        context.strokeText(line, pos.x, pos.y);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/text/dist/browser/Utils.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/text/dist/browser/index.js"
-/*!***********************************************!*\
-  !*** ../../shapes/text/dist/browser/index.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTextShape: () => (/* binding */ loadTextShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/text/dist/browser/Utils.js\");\n\nasync function loadTextShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.validTypes, async ()=>{\n            const { TextDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_TextDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TextDrawer.js */ \"../../shapes/text/dist/browser/TextDrawer.js\"));\n            return new TextDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/text/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/slim_dist_browser_index_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["slim_dist_browser_index_js"],{
-
-/***/ "../slim/dist/browser/index.js"
-/*!*************************************!*\
-  !*** ../slim/dist/browser/index.js ***!
-  \*************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSlim: () => (/* binding */ loadSlim)\n/* harmony export */ });\nasync function loadSlim(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"basic_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/basic */ \"../basic/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_parallax_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-parallax */ \"../../interactions/external/parallax/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_attract_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-attract */ \"../../interactions/external/attract/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_bounce_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-bounce */ \"../../interactions/external/bounce/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_bubble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-bubble */ \"../../interactions/external/bubble/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_connect_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-connect */ \"../../interactions/external/connect/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_grab_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-grab */ \"../../interactions/external/grab/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_pause_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-pause */ \"../../interactions/external/pause/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_push_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-push */ \"../../interactions/external/push/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_remove_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-remove */ \"../../interactions/external/remove/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_repulse_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-repulse */ \"../../interactions/external/repulse/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_slow_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-slow */ \"../../interactions/external/slow/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_attract_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-particles-attract */ \"../../interactions/particles/attract/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-particles-collisions */ \"../../interactions/particles/collisions/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_links_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-particles-links */ \"../../interactions/particles/links/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_quad_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-quad */ \"../../plugins/easings/quad/dist/browser/index.js\")),\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() */ \"shapes_emoji_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-emoji */ \"../../shapes/emoji/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_image_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-image */ \"../../shapes/image/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_line_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-line */ \"../../shapes/line/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-polygon */ \"../../shapes/polygon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-square */ \"../../shapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_star_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-star */ \"../../shapes/star/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_life_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-life */ \"../../updaters/life/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_rotate_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-rotate */ \"../../updaters/rotate/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-stroke-color */ \"../../updaters/strokeColor/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadBasic(e),\n            (async ()=>{\n                await loadInteractivityPlugin(e);\n                await Promise.all([\n                    loadExternalParallaxInteraction(e),\n                    loadExternalAttractInteraction(e),\n                    loadExternalBounceInteraction(e),\n                    loadExternalBubbleInteraction(e),\n                    loadExternalConnectInteraction(e),\n                    loadExternalGrabInteraction(e),\n                    loadExternalPauseInteraction(e),\n                    loadExternalPushInteraction(e),\n                    loadExternalRemoveInteraction(e),\n                    loadExternalRepulseInteraction(e),\n                    loadExternalSlowInteraction(e),\n                    loadParticlesAttractInteraction(e),\n                    loadParticlesCollisionsInteraction(e),\n                    loadParticlesLinksInteraction(e)\n                ]);\n            })(),\n            loadEasingQuadPlugin(e),\n            loadEmojiShape(e),\n            loadImageShape(e),\n            loadLineShape(e),\n            loadPolygonShape(e),\n            loadSquareShape(e),\n            loadStarShape(e),\n            loadLifeUpdater(e),\n            loadRotateUpdater(e),\n            loadStrokeColorUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../slim/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_destroy_dist_browser_DestroyUpdater_js.js

@@ -1,100 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["updaters_destroy_dist_browser_DestroyUpdater_js"],{
-
-/***/ "../../updaters/destroy/dist/browser/DestroyUpdater.js"
-/*!*************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/DestroyUpdater.js ***!
-  \*************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyUpdater: () => (/* binding */ DestroyUpdater)\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_Destroy_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Destroy.js */ \"../../updaters/destroy/dist/browser/Options/Classes/Destroy.js\");\n/* harmony import */ var _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/DestroyMode.js */ \"../../updaters/destroy/dist/browser/Enums/DestroyMode.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils.js */ \"../../updaters/destroy/dist/browser/Utils.js\");\n\n\n\n\nclass DestroyUpdater {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    init(particle) {\n        const container = this._container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;\n        if (!destroyOptions) {\n            return;\n        }\n        particle.splitCount = 0;\n        const destroyBoundsOptions = destroyOptions.bounds;\n        particle.destroyBounds ??= {};\n        const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;\n        if (bottom) {\n            destroyBounds.bottom = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(bottom) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (left) {\n            destroyBounds.left = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(left) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (right) {\n            destroyBounds.right = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(right) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (top) {\n            destroyBounds.top = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(top) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n    }\n    isEnabled(particle) {\n        return !particle.destroyed;\n    }\n    loadOptions(options, ...sources) {\n        options.destroy ??= new _Options_Classes_Destroy_js__WEBPACK_IMPORTED_MODULE_1__.Destroy();\n        for (const source of sources){\n            options.destroy.load(source?.destroy);\n        }\n    }\n    particleDestroyed(particle, override) {\n        if (override) {\n            return;\n        }\n        const destroyOptions = particle.options.destroy;\n        if (destroyOptions?.mode === _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__.DestroyMode.split) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__.split)(this._pluginManager, this._container, particle);\n        }\n    }\n    update(particle) {\n        if (particle.unbreakableUntil !== undefined && performance.now() >= particle.unbreakableUntil) {\n            particle.unbreakable = false;\n            particle.unbreakableUntil = undefined;\n        }\n        const position = particle.getPosition(), bounds = particle.destroyBounds;\n        if (!bounds) {\n            return;\n        }\n        if (bounds.bottom !== undefined && position.y >= bounds.bottom || bounds.left !== undefined && position.x <= bounds.left || bounds.right !== undefined && position.x >= bounds.right || bounds.top !== undefined && position.y <= bounds.top) {\n            particle.destroy();\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/DestroyUpdater.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Enums/DestroyMode.js"
-/*!****************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Enums/DestroyMode.js ***!
-  \****************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyMode: () => (/* binding */ DestroyMode)\n/* harmony export */ });\nvar DestroyMode;\n(function(DestroyMode) {\n    DestroyMode[\"none\"] = \"none\";\n    DestroyMode[\"split\"] = \"split\";\n})(DestroyMode || (DestroyMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Enums/DestroyMode.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Options/Classes/Destroy.js"
-/*!**********************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Options/Classes/Destroy.js ***!
-  \**********************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Destroy: () => (/* binding */ Destroy)\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 _DestroyBounds_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DestroyBounds.js */ \"../../updaters/destroy/dist/browser/Options/Classes/DestroyBounds.js\");\n/* harmony import */ var _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Enums/DestroyMode.js */ \"../../updaters/destroy/dist/browser/Enums/DestroyMode.js\");\n/* harmony import */ var _Split_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Split.js */ \"../../updaters/destroy/dist/browser/Options/Classes/Split.js\");\n\n\n\n\nclass Destroy {\n    bounds;\n    mode;\n    split;\n    constructor(){\n        this.bounds = new _DestroyBounds_js__WEBPACK_IMPORTED_MODULE_1__.DestroyBounds();\n        this.mode = _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__.DestroyMode.none;\n        this.split = new _Split_js__WEBPACK_IMPORTED_MODULE_3__.Split();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.mode) {\n            this.mode = data.mode;\n        }\n        if (data.bounds) {\n            this.bounds.load(data.bounds);\n        }\n        this.split.load(data.split);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Options/Classes/Destroy.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Options/Classes/DestroyBounds.js"
-/*!****************************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Options/Classes/DestroyBounds.js ***!
-  \****************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyBounds: () => (/* binding */ DestroyBounds)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass DestroyBounds {\n    bottom;\n    left;\n    right;\n    top;\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.bottom !== undefined) {\n            this.bottom = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.bottom);\n        }\n        if (data.left !== undefined) {\n            this.left = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.left);\n        }\n        if (data.right !== undefined) {\n            this.right = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.right);\n        }\n        if (data.top !== undefined) {\n            this.top = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.top);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Options/Classes/DestroyBounds.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Options/Classes/Split.js"
-/*!********************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Options/Classes/Split.js ***!
-  \********************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Split: () => (/* binding */ Split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SplitFactor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SplitFactor.js */ \"../../updaters/destroy/dist/browser/Options/Classes/SplitFactor.js\");\n/* harmony import */ var _SplitRate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SplitRate.js */ \"../../updaters/destroy/dist/browser/Options/Classes/SplitRate.js\");\n\n\n\nclass Split {\n    count;\n    factor;\n    fillColor;\n    fillColorOffset;\n    particles;\n    rate;\n    sizeOffset;\n    strokeColor;\n    strokeColorOffset;\n    constructor(){\n        this.count = 1;\n        this.factor = new _SplitFactor_js__WEBPACK_IMPORTED_MODULE_1__.SplitFactor();\n        this.rate = new _SplitRate_js__WEBPACK_IMPORTED_MODULE_2__.SplitRate();\n        this.sizeOffset = true;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.fillColor !== undefined) {\n            this.fillColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.fillColor, data.fillColor);\n        }\n        if (data.strokeColor !== undefined) {\n            this.strokeColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.strokeColor, data.strokeColor);\n        }\n        if (data.count !== undefined) {\n            this.count = data.count;\n        }\n        this.factor.load(data.factor);\n        this.rate.load(data.rate);\n        this.particles = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.particles, (particles)=>{\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particles);\n        });\n        if (data.sizeOffset !== undefined) {\n            this.sizeOffset = data.sizeOffset;\n        }\n        if (data.fillColorOffset) {\n            this.fillColorOffset = this.fillColorOffset ?? {};\n            if (data.fillColorOffset.h !== undefined) {\n                this.fillColorOffset.h = data.fillColorOffset.h;\n            }\n            if (data.fillColorOffset.s !== undefined) {\n                this.fillColorOffset.s = data.fillColorOffset.s;\n            }\n            if (data.fillColorOffset.l !== undefined) {\n                this.fillColorOffset.l = data.fillColorOffset.l;\n            }\n        }\n        if (data.strokeColorOffset) {\n            this.strokeColorOffset = this.strokeColorOffset ?? {};\n            if (data.strokeColorOffset.h !== undefined) {\n                this.strokeColorOffset.h = data.strokeColorOffset.h;\n            }\n            if (data.strokeColorOffset.s !== undefined) {\n                this.strokeColorOffset.s = data.strokeColorOffset.s;\n            }\n            if (data.strokeColorOffset.l !== undefined) {\n                this.strokeColorOffset.l = data.strokeColorOffset.l;\n            }\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Options/Classes/Split.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Options/Classes/SplitFactor.js"
-/*!**************************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Options/Classes/SplitFactor.js ***!
-  \**************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SplitFactor: () => (/* binding */ SplitFactor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass SplitFactor extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n    constructor(){\n        super();\n        this.value = 3;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Options/Classes/SplitFactor.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Options/Classes/SplitRate.js"
-/*!************************************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Options/Classes/SplitRate.js ***!
-  \************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SplitRate: () => (/* binding */ SplitRate)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass SplitRate extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n    constructor(){\n        super();\n        this.value = {\n            min: 4,\n            max: 9\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Options/Classes/SplitRate.js?\n}");
-
-/***/ },
-
-/***/ "../../updaters/destroy/dist/browser/Utils.js"
-/*!****************************************************!*\
-  !*** ../../updaters/destroy/dist/browser/Utils.js ***!
-  \****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   split: () => (/* binding */ split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0, minHue = 0, hueRange = 360, minSaturation = 0, maxSaturation = 100, minLightness = 0, maxLightness = 100;\nfunction createParentColor(parentColor) {\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: parentColor\n        }\n    });\n}\nfunction createOffsetColor(parentColor, offset) {\n    const offsetH = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.h ?? defaultOffset), offsetS = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.s ?? defaultOffset), offsetL = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.l ?? defaultOffset), h = (parentColor.h + offsetH) % hueRange, s = Math.max(minSaturation, Math.min(maxSaturation, parentColor.s + offsetS)), l = Math.max(minLightness, Math.min(maxLightness, parentColor.l + offsetL));\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: {\n                h: h < minHue ? h + hueRange : h,\n                s,\n                l\n            }\n        }\n    });\n}\nfunction resolveSplitColor(offset, splitColor, splitParticlesColor, parentColor) {\n    if (offset && parentColor) {\n        return createOffsetColor(parentColor, offset);\n    }\n    if (splitColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitColor);\n    }\n    if (splitParticlesColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitParticlesColor);\n    }\n    return parentColor ? createParentColor(parentColor) : undefined;\n}\nfunction addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {\n    const destroyOptions = parent.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split, splitParticleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(pluginManager, container, parent.options), splitFillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.fillColor), splitStrokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.strokeColor), parentFillColor = parent.getFillColor(), parentStrokeColor = parent.getStrokeColor();\n    splitParticleOptions.move.load({\n        center: {\n            x: parent.position.x,\n            y: parent.position.y,\n            mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n        }\n    });\n    const factor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value);\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(splitParticleOptions.size.value)) {\n        splitParticleOptions.size.value *= factor;\n    } else {\n        splitParticleOptions.size.value.min *= factor;\n        splitParticleOptions.size.value.max *= factor;\n    }\n    splitParticleOptions.load(splitParticlesOptions);\n    const splitParticleFillOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitParticleOptions.fill), splitParticleStrokeOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitParticleOptions.stroke), fillColor = resolveSplitColor(splitOptions.fillColorOffset, splitFillColor, splitParticleFillOptions?.color, parentFillColor), strokeColor = resolveSplitColor(splitOptions.strokeColorOffset, splitStrokeColor, splitParticleStrokeOptions?.color, parentStrokeColor);\n    if (fillColor && splitParticleFillOptions) {\n        splitParticleFillOptions.color = fillColor;\n    }\n    if (strokeColor && splitParticleStrokeOptions) {\n        splitParticleStrokeOptions.color = strokeColor;\n    }\n    const offset = splitOptions.sizeOffset ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {\n        x: parent.position.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset),\n        y: parent.position.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset)\n    };\n    return container.particles.addParticle(position, splitParticleOptions, parent.group, (particle)=>{\n        if (particle.size.value < minDestroySize) {\n            return false;\n        }\n        particle.velocity.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(parent.velocity.length, particle.velocity.length));\n        particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;\n        particle.unbreakable = true;\n        particle.unbreakableUntil = performance.now() + unbreakableTime;\n        return true;\n    });\n}\nfunction split(pluginManager, container, particle) {\n    const destroyOptions = particle.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split;\n    if (splitOptions.count >= minSplitCount) {\n        if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {\n            return;\n        }\n        particle.splitCount++;\n    }\n    const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.particles);\n    for(let i = 0; i < rate; i++){\n        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_destroy_dist_browser_index_js.js

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

package/updaters_fillColor_dist_browser_FillColorUpdater_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["updaters_fillColor_dist_browser_FillColorUpdater_js"],{
-
-/***/ "../../updaters/fillColor/dist/browser/FillColorUpdater.js"
-/*!*****************************************************************!*\
-  !*** ../../updaters/fillColor/dist/browser/FillColorUpdater.js ***!
-  \*****************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FillColorUpdater: () => (/* binding */ FillColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass FillColorUpdater {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, fill = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.fill, particle.id, options.reduceDuplicates);\n        if (!fill) {\n            return;\n        }\n        particle.fillEnabled = fill.enable;\n        particle.fillOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(fill.opacity);\n        particle.fillAnimation = fill.color.animation;\n        const fillHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, fill.color);\n        if (fillHslColor) {\n            particle.fillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(fillHslColor, particle.fillAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.fillAnimation, { fillColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (fillColor?.h.value !== undefined && fillColor.h.enable || fillColor?.s.value !== undefined && fillColor.s.enable || fillColor?.l.value !== undefined && fillColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.fillColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/fillColor/dist/browser/FillColorUpdater.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_fillColor_dist_browser_index_js.js

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