@tsparticles/all 4.0.0-beta.12 → 4.0.0-beta.15

package/shapes_path_dist_browser_PathDrawer_js.js

@@ -1,60 +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.12
- */
-"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_path_dist_browser_PathDrawer_js"],{
-
-/***/ "../../shapes/path/dist/browser/PathDrawer.js"
-/*!****************************************************!*\
-  !*** ../../shapes/path/dist/browser/PathDrawer.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 */   PathDrawer: () => (/* binding */ PathDrawer)\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 _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n\n\nclass PathDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        if (!particle.pathData) {\n            return;\n        }\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__.drawPath)(context, radius, particle.pathData);\n    }\n    particleInit(_container, particle) {\n        const shape = particle.shapeData;\n        if (!shape) {\n            return;\n        }\n        particle.pathData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/PathDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/SegmentType.js"
-/*!*********************************************************!*\
-  !*** ../../utils/pathUtils/dist/browser/SegmentType.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function(SegmentType) {\n    SegmentType[\"move\"] = \"move\";\n    SegmentType[\"line\"] = \"line\";\n    SegmentType[\"bezier\"] = \"bezier\";\n    SegmentType[\"quadratic\"] = \"quadratic\";\n    SegmentType[\"arc\"] = \"arc\";\n    SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/Utils.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0, index2 = 1, index3 = 2, index4 = 3;\nfunction drawPath(ctx, radius, path) {\n    const firstSegment = path.segments[firstIndex];\n    if (!firstSegment) {\n        return;\n    }\n    const firstValue = firstSegment.values[firstIndex];\n    if (!firstValue) {\n        return;\n    }\n    ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n    for (const segment of path.segments){\n        const value = segment.values[firstIndex];\n        if (!value) {\n            continue;\n        }\n        const segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3], segmentValue4 = segment.values[index4];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n                ctx.moveTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                ctx.lineTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n                break;\n        }\n    }\n    if (!path.half) {\n        return;\n    }\n    const lengthOffset = 1, minLength = 0;\n    for(let i = path.segments.length - lengthOffset; i >= minLength; i--){\n        const segment = path.segments[i];\n        if (!segment) {\n            continue;\n        }\n        const value = segment.values[firstIndex], index2 = 1, index3 = 2, segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                if (!value) {\n                    break;\n                }\n                ctx.lineTo(value.x * -radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!value || !segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n            default:\n                break;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/Utils.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/index.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_path_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.12
- */
-"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_path_dist_browser_index_js"],{
-
-/***/ "../../shapes/path/dist/browser/index.js"
-/*!***********************************************!*\
-  !*** ../../shapes/path/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 */   loadPathShape: () => (/* binding */ loadPathShape)\n/* harmony export */ });\nasync function loadPathShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"path\"\n        ], async ()=>{\n            const { PathDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_path_dist_browser_PathDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PathDrawer.js */ \"../../shapes/path/dist/browser/PathDrawer.js\"));\n            return new PathDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_polygon_dist_browser_PolygonDrawer_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.12
- */
-"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_polygon_dist_browser_PolygonDrawer_js"],{
-
-/***/ "../../shapes/polygon/dist/browser/PolygonDrawer.js"
-/*!**********************************************************!*\
-  !*** ../../shapes/polygon/dist/browser/PolygonDrawer.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 */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\nconst yFactor = 2.66, sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n    getSidesData(particle, radius) {\n        const { sides } = particle;\n        return {\n            count: {\n                denominator: 1,\n                numerator: sides\n            },\n            length: radius * yFactor / (sides / sidesFactor)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/polygon/dist/browser/PolygonDrawerBase.js"
-/*!**************************************************************!*\
-  !*** ../../shapes/polygon/dist/browser/PolygonDrawerBase.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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\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/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/polygon/dist/browser/Utils.js"
-/*!**************************************************!*\
-  !*** ../../shapes/polygon/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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst polygonCache = new Map(), noOffset = 0;\nfunction getUnitPolygon(sides) {\n    const cached = polygonCache.get(sides);\n    if (cached) {\n        return cached;\n    }\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, isOdd = !!(sides % _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), baseAngle = (-Math.PI + (isOdd ? noOffset : step)) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, verts = [];\n    for(let i = 0; i < sides; i++){\n        const angle = baseAngle + i * step;\n        verts[i] = {\n            x: Math.cos(angle),\n            y: Math.sin(angle)\n        };\n    }\n    polygonCache.set(sides, verts);\n    return verts;\n}\nfunction drawPolygon(data, side) {\n    const { context, radius } = data, sides = side.count.numerator / side.count.denominator, verts = getUnitPolygon(sides);\n    context.beginPath();\n    for(let i = 0; i < verts.length; i++){\n        const vert = verts[i];\n        if (!vert) {\n            continue;\n        }\n        const x = vert.x * radius, y = vert.y * radius;\n        if (i) {\n            context.lineTo(x, y);\n        } else {\n            context.moveTo(x, y);\n        }\n    }\n    context.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_polygon_dist_browser_TriangleDrawer_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.12
- */
-"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_polygon_dist_browser_TriangleDrawer_js"],{
-
-/***/ "../../shapes/polygon/dist/browser/PolygonDrawerBase.js"
-/*!**************************************************************!*\
-  !*** ../../shapes/polygon/dist/browser/PolygonDrawerBase.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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\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/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/polygon/dist/browser/TriangleDrawer.js"
-/*!***********************************************************!*\
-  !*** ../../shapes/polygon/dist/browser/TriangleDrawer.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 */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\nconst sides = 3, yFactor = 2.66, sidesFactor = 3;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n    getSidesCount() {\n        return sides;\n    }\n    getSidesData(_particle, radius) {\n        return {\n            count: {\n                denominator: 1,\n                numerator: sides\n            },\n            length: radius * yFactor / (sides / sidesFactor)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/TriangleDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/polygon/dist/browser/Utils.js"
-/*!**************************************************!*\
-  !*** ../../shapes/polygon/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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst polygonCache = new Map(), noOffset = 0;\nfunction getUnitPolygon(sides) {\n    const cached = polygonCache.get(sides);\n    if (cached) {\n        return cached;\n    }\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, isOdd = !!(sides % _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), baseAngle = (-Math.PI + (isOdd ? noOffset : step)) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, verts = [];\n    for(let i = 0; i < sides; i++){\n        const angle = baseAngle + i * step;\n        verts[i] = {\n            x: Math.cos(angle),\n            y: Math.sin(angle)\n        };\n    }\n    polygonCache.set(sides, verts);\n    return verts;\n}\nfunction drawPolygon(data, side) {\n    const { context, radius } = data, sides = side.count.numerator / side.count.denominator, verts = getUnitPolygon(sides);\n    context.beginPath();\n    for(let i = 0; i < verts.length; i++){\n        const vert = verts[i];\n        if (!vert) {\n            continue;\n        }\n        const x = vert.x * radius, y = vert.y * radius;\n        if (i) {\n            context.lineTo(x, y);\n        } else {\n            context.moveTo(x, y);\n        }\n    }\n    context.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_polygon_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.12
- */
-"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_polygon_dist_browser_index_js"],{
-
-/***/ "../../shapes/polygon/dist/browser/index.js"
-/*!**************************************************!*\
-  !*** ../../shapes/polygon/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 */   loadGenericPolygonShape: () => (/* binding */ loadGenericPolygonShape),\n/* harmony export */   loadPolygonShape: () => (/* binding */ loadPolygonShape),\n/* harmony export */   loadTriangleShape: () => (/* binding */ loadTriangleShape)\n/* harmony export */ });\nasync function loadGenericPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"polygon\"\n        ], async ()=>{\n            const { PolygonDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_PolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonDrawer.js */ \"../../shapes/polygon/dist/browser/PolygonDrawer.js\"));\n            return new PolygonDrawer();\n        });\n    });\n}\nasync function loadTriangleShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"triangle\"\n        ], async ()=>{\n            const { TriangleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_TriangleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TriangleDrawer.js */ \"../../shapes/polygon/dist/browser/TriangleDrawer.js\"));\n            return new TriangleDrawer();\n        });\n    });\n}\nasync function loadPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await Promise.all([\n        loadGenericPolygonShape(engine),\n        loadTriangleShape(engine)\n    ]);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_rounded-polygon_dist_browser_RoundedPolygonDrawer_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.12
- */
-"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_rounded-polygon_dist_browser_RoundedPolygonDrawer_js"],{
-
-/***/ "../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js"
-/*!*************************************************************************!*\
-  !*** ../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.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 */   RoundedPolygonDrawer: () => (/* binding */ RoundedPolygonDrawer)\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/rounded-polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5, defaultRadius = 5;\nclass RoundedPolygonDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.roundedPath)(context, (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);\n    }\n    getSidesCount(particle) {\n        const roundedPolygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(roundedPolygon?.sides ?? defaultSides));\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        particle.borderRadius = Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/rounded-polygon/dist/browser/Utils.js"
-/*!**********************************************************!*\
-  !*** ../../shapes/rounded-polygon/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 */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, path = [];\n    for(let i = 0; i < sides; i++){\n        path.push({\n            x: Math.cos(i * step + rot) * radius,\n            y: Math.sin(i * step + rot) * radius\n        });\n    }\n    return path;\n}\nfunction roundedPath(context, path, radius) {\n    const index1 = 0, index2 = 1, increment = 1;\n    let p1 = path[index1], p2 = path[index2];\n    if (!p1 || !p2) {\n        return;\n    }\n    const len = path.length;\n    context.moveTo((p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    for(let i = 1; i <= len; i++){\n        p1 = p2;\n        p2 = path[(i + increment) % len];\n        if (!p1 || !p2) {\n            continue;\n        }\n        context.arcTo(p1.x, p1.y, (p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, radius);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_rounded-polygon_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.12
- */
-"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_rounded-polygon_dist_browser_index_js"],{
-
-/***/ "../../shapes/rounded-polygon/dist/browser/index.js"
-/*!**********************************************************!*\
-  !*** ../../shapes/rounded-polygon/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 */   loadRoundedPolygonShape: () => (/* binding */ loadRoundedPolygonShape)\n/* harmony export */ });\nasync function loadRoundedPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"rounded-polygon\"\n        ], async ()=>{\n            const { RoundedPolygonDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-polygon_dist_browser_RoundedPolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedPolygonDrawer.js */ \"../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js\"));\n            return new RoundedPolygonDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_rounded-rect_dist_browser_RoundedRectDrawer_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.12
- */
-"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_rounded-rect_dist_browser_RoundedRectDrawer_js"],{
-
-/***/ "../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js"
-/*!*******************************************************************!*\
-  !*** ../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.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 */   RoundedRectDrawer: () => (/* binding */ RoundedRectDrawer)\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/rounded-rect/dist/browser/Utils.js\");\n\n\nconst defaultRadius = 5;\nclass RoundedRectDrawer {\n    draw(data) {\n        const { context, particle, radius } = data, fixedRadius = radius * Math.SQRT1_2, fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, borderRadius = particle.borderRadius ?? defaultRadius;\n        if (\"roundRect\" in context) {\n            context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);\n        } else {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedRect)(context, fixedRadius, fixedDiameter, borderRadius);\n        }\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        particle.borderRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/rounded-rect/dist/browser/Utils.js"
-/*!*******************************************************!*\
-  !*** ../../shapes/rounded-rect/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 */   drawRoundedRect: () => (/* binding */ drawRoundedRect)\n/* harmony export */ });\nfunction drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {\n    const info = {\n        x: -fixedRadius,\n        y: -fixedRadius,\n        height: fixedDiameter,\n        width: fixedDiameter\n    }, radius = {\n        topLeft: borderRadius,\n        topRight: borderRadius,\n        bottomLeft: borderRadius,\n        bottomRight: borderRadius\n    }, { x, y, width, height } = info, r = x + width, b = y + height;\n    ctx.moveTo(x + radius.topLeft, y);\n    ctx.lineTo(r - radius.topRight, y);\n    ctx.quadraticCurveTo(r, y, r, y + radius.topRight);\n    ctx.lineTo(r, y + height - radius.bottomRight);\n    ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);\n    ctx.lineTo(x + radius.bottomLeft, b);\n    ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);\n    ctx.lineTo(x, y + radius.topLeft);\n    ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_rounded-rect_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.12
- */
-"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_rounded-rect_dist_browser_index_js"],{
-
-/***/ "../../shapes/rounded-rect/dist/browser/index.js"
-/*!*******************************************************!*\
-  !*** ../../shapes/rounded-rect/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 */   loadRoundedRectShape: () => (/* binding */ loadRoundedRectShape)\n/* harmony export */ });\nasync function loadRoundedRectShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"rounded-rect\"\n        ], async ()=>{\n            const { RoundedRectDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-rect_dist_browser_RoundedRectDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedRectDrawer.js */ \"../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js\"));\n            return new RoundedRectDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_spiral_dist_browser_SpiralDrawer_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.12
- */
-"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_spiral_dist_browser_SpiralDrawer_js"],{
-
-/***/ "../../shapes/spiral/dist/browser/SpiralDrawer.js"
-/*!********************************************************!*\
-  !*** ../../shapes/spiral/dist/browser/SpiralDrawer.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 */   SpiralDrawer: () => (/* binding */ SpiralDrawer)\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/spiral/dist/browser/Utils.js\");\n\n\nconst defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;\nclass SpiralDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSpiral)(data);\n    }\n    particleInit(container, particle) {\n        const pixelRatio = container.retina.pixelRatio, shapeData = particle.shapeData;\n        particle.spiralInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius) * pixelRatio;\n        particle.spiralLineSpacing = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.lineSpacing ?? defaultLineSpacing) * pixelRatio;\n        particle.spiralWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.widthFactor ?? defaultWidthFactor);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/SpiralDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/spiral/dist/browser/Utils.js"
-/*!*************************************************!*\
-  !*** ../../shapes/spiral/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 */   drawSpiral: () => (/* binding */ drawSpiral)\n/* harmony export */ });\nfunction drawSpiral(data) {\n    const { context, particle, radius } = data;\n    if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n        return;\n    }\n    const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing, widthFactor = 10;\n    for(let i = 0; i < realWidth * widthFactor; i++){\n        const angle = i / widthFactor, factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle, pos = {\n            x: factor * Math.cos(angle),\n            y: factor * Math.sin(angle)\n        };\n        context.lineTo(pos.x, pos.y);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_spiral_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.12
- */
-"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_spiral_dist_browser_index_js"],{
-
-/***/ "../../shapes/spiral/dist/browser/index.js"
-/*!*************************************************!*\
-  !*** ../../shapes/spiral/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 */   loadSpiralShape: () => (/* binding */ loadSpiralShape)\n/* harmony export */ });\nasync function loadSpiralShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"spiral\"\n        ], async ()=>{\n            const { SpiralDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_spiral_dist_browser_SpiralDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SpiralDrawer.js */ \"../../shapes/spiral/dist/browser/SpiralDrawer.js\"));\n            return new SpiralDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_square_dist_browser_SquareDrawer_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.12
- */
-"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_square_dist_browser_SquareDrawer_js"],{
-
-/***/ "../../shapes/square/dist/browser/SquareDrawer.js"
-/*!********************************************************!*\
-  !*** ../../shapes/square/dist/browser/SquareDrawer.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 */   SquareDrawer: () => (/* binding */ SquareDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/square/dist/browser/Utils.js\");\n\nconst sides = 4;\nclass SquareDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawSquare)(data);\n    }\n    getSidesCount() {\n        return sides;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/SquareDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/square/dist/browser/Utils.js"
-/*!*************************************************!*\
-  !*** ../../shapes/square/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 */   drawSquare: () => (/* binding */ drawSquare)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction drawSquare(data) {\n    const { context, radius } = data, fixedRadius = radius * Math.SQRT1_2, fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n    context.rect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_square_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.12
- */
-"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_square_dist_browser_index_js"],{
-
-/***/ "../../shapes/square/dist/browser/index.js"
-/*!*************************************************!*\
-  !*** ../../shapes/square/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 */   loadSquareShape: () => (/* binding */ loadSquareShape)\n/* harmony export */ });\nasync function loadSquareShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"edge\",\n            \"square\"\n        ], async ()=>{\n            const { SquareDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_square_dist_browser_SquareDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SquareDrawer.js */ \"../../shapes/square/dist/browser/SquareDrawer.js\"));\n            return new SquareDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_squircle_dist_browser_SquircleDrawer_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.12
- */
-"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_SquircleDrawer_js"],{
-
-/***/ "../../shapes/squircle/dist/browser/SquircleDrawer.js"
-/*!************************************************************!*\
-  !*** ../../shapes/squircle/dist/browser/SquircleDrawer.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 */   SquircleDrawer: () => (/* binding */ SquircleDrawer)\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/squircle/dist/browser/Utils.js\");\n\n\nclass SquircleDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSquircle)(data);\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData;\n        particle.squircleExponent = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.exponent ?? _Utils_js__WEBPACK_IMPORTED_MODULE_1__.defaultExponent);\n        particle.squircleSteps = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.steps ?? _Utils_js__WEBPACK_IMPORTED_MODULE_1__.defaultSteps);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/squircle/dist/browser/SquircleDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/squircle/dist/browser/Utils.js"
-/*!***************************************************!*\
-  !*** ../../shapes/squircle/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 */   defaultExponent: () => (/* binding */ defaultExponent),\n/* harmony export */   defaultSteps: () => (/* binding */ defaultSteps),\n/* harmony export */   drawSquircle: () => (/* binding */ drawSquircle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultExponent = 4, defaultSteps = 64;\nfunction sign(v) {\n    return v < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none ? -_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity;\n}\nfunction drawSquircle(data) {\n    const { context, particle, radius } = data;\n    if (particle.squircleExponent === undefined || particle.squircleSteps === undefined) {\n        return;\n    }\n    const steps = particle.squircleSteps, step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / steps, exponent = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double / particle.squircleExponent;\n    context.save();\n    context.scale(radius, radius);\n    context.beginPath();\n    for(let i = 0; i <= steps; i++){\n        const t = i * step, cos = Math.cos(t), sin = Math.sin(t), x = sign(cos) * Math.pow(Math.abs(cos), exponent), y = sign(sin) * Math.pow(Math.abs(sin), exponent);\n        if (i) {\n            context.lineTo(x, y);\n        } else {\n            context.moveTo(x, y);\n        }\n    }\n    context.closePath();\n    context.restore();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/squircle/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);