@tsparticles/all 3.2.2 → 3.3.0

package/paths_curves_dist_browser_Curves_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
- * v3.2.2
- */
-"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([["paths_curves_dist_browser_Curves_js"],{
-
-/***/ "../../paths/curves/dist/browser/Curves.js":
-/*!*************************************************!*\
-  !*** ../../paths/curves/dist/browser/Curves.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 */   CurvesPathGen: () => (/* binding */ CurvesPathGen)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction CurvesPathGen(rndFunc, period, nbHarmonics, attenHarmonics, lowValue = 0, highValue = 1) {\n  const arP0 = [],\n    arP1 = [],\n    amplitudes = [],\n    increments = [],\n    phases = [],\n    randomFunc = rndFunc ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom;\n  let globAmplitude = 0;\n  if (nbHarmonics < 1) nbHarmonics = 1;\n  for (let kh = 1; kh <= nbHarmonics; ++kh) {\n    arP0[kh] = randomFunc();\n    arP1[kh] = randomFunc();\n    amplitudes[kh] = kh === 1 ? 1 : amplitudes[kh - 1] * attenHarmonics;\n    globAmplitude += amplitudes[kh];\n    increments[kh] = kh / period;\n    phases[kh] = randomFunc();\n  }\n  amplitudes.forEach((value, kh) => amplitudes[kh] = value / globAmplitude * (highValue - lowValue));\n  return () => {\n    let pf,\n      pfl,\n      signal = 0;\n    for (let kh = nbHarmonics; kh >= 1; --kh) {\n      pf = phases[kh] += increments[kh];\n      if (phases[kh] >= 1) {\n        pf = phases[kh] -= 1;\n        arP0[kh] = arP1[kh];\n        arP1[kh] = randomFunc();\n      }\n      pfl = pf ** 2 * (3 - 2 * pf);\n      signal += (arP0[kh] * (1 - pfl) + arP1[kh] * pfl) * amplitudes[kh];\n    }\n    return signal + lowValue;\n  };\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/curves/dist/browser/Curves.js?");
-
-/***/ })
-
-}]);

package/plugins_polygonMask_dist_browser_utils_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
- * v3.2.2
- */
-"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([["plugins_polygonMask_dist_browser_utils_js"],{
-
-/***/ "../../plugins/polygonMask/dist/browser/utils.js":
-/*!*******************************************************!*\
-  !*** ../../plugins/polygonMask/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 */   calcClosestPointOnSegment: () => (/* binding */ calcClosestPointOnSegment),\n/* harmony export */   drawPolygonMask: () => (/* binding */ drawPolygonMask),\n/* harmony export */   drawPolygonMaskPath: () => (/* binding */ drawPolygonMaskPath),\n/* harmony export */   parsePaths: () => (/* binding */ parsePaths),\n/* harmony export */   segmentBounce: () => (/* binding */ segmentBounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst squareExp = 2,\n  inSegmentRange = {\n    min: 0,\n    max: 1\n  },\n  double = 2;\nfunction drawPolygonMask(context, rawData, stroke) {\n  const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(stroke.color);\n  if (!color) {\n    return;\n  }\n  const firstIndex = 0,\n    firstItem = rawData[firstIndex];\n  context.beginPath();\n  context.moveTo(firstItem.x, firstItem.y);\n  for (const item of rawData) {\n    context.lineTo(item.x, item.y);\n  }\n  context.closePath();\n  context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color);\n  context.lineWidth = stroke.width;\n  context.stroke();\n}\nfunction drawPolygonMaskPath(context, path, stroke, position) {\n  const defaultTransform = {\n    a: 1,\n    b: 0,\n    c: 0,\n    d: 1\n  };\n  context.setTransform(defaultTransform.a, defaultTransform.b, defaultTransform.c, defaultTransform.d, position.x, position.y);\n  const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(stroke.color);\n  if (!color) {\n    return;\n  }\n  context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color, stroke.opacity);\n  context.lineWidth = stroke.width;\n  context.stroke(path);\n  context.resetTransform();\n}\nfunction parsePaths(paths, scale, offset) {\n  const res = [],\n    defaultCount = 0;\n  for (const path of paths) {\n    const segments = path.element.pathSegList,\n      len = segments?.numberOfItems ?? defaultCount,\n      p = {\n        x: 0,\n        y: 0\n      };\n    for (let i = 0; i < len; i++) {\n      const segment = segments?.getItem(i),\n        svgPathSeg = window.SVGPathSeg;\n      switch (segment?.pathSegType) {\n        case svgPathSeg.PATHSEG_MOVETO_ABS:\n        case svgPathSeg.PATHSEG_LINETO_ABS:\n        case svgPathSeg.PATHSEG_CURVETO_CUBIC_ABS:\n        case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n        case svgPathSeg.PATHSEG_ARC_ABS:\n        case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:\n        case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n          {\n            const absSeg = segment;\n            p.x = absSeg.x;\n            p.y = absSeg.y;\n            break;\n          }\n        case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n          p.x = segment.x;\n          break;\n        case svgPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n          p.y = segment.y;\n          break;\n        case svgPathSeg.PATHSEG_LINETO_REL:\n        case svgPathSeg.PATHSEG_MOVETO_REL:\n        case svgPathSeg.PATHSEG_CURVETO_CUBIC_REL:\n        case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:\n        case svgPathSeg.PATHSEG_ARC_REL:\n        case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:\n        case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n          {\n            const relSeg = segment;\n            p.x += relSeg.x;\n            p.y += relSeg.y;\n            break;\n          }\n        case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n          p.x += segment.x;\n          break;\n        case svgPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n          p.y += segment.y;\n          break;\n        case svgPathSeg.PATHSEG_UNKNOWN:\n        case svgPathSeg.PATHSEG_CLOSEPATH:\n          continue;\n      }\n      res.push({\n        x: p.x * scale + offset.x,\n        y: p.y * scale + offset.y\n      });\n    }\n  }\n  return res;\n}\nfunction calcClosestPointOnSegment(s1, s2, pos) {\n  const {\n      dx: dx1,\n      dy: dy1\n    } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos, s1),\n    {\n      dx: dx2,\n      dy: dy2\n    } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(s2, s1),\n    t = (dx1 * dx2 + dy1 * dy2) / (dx2 ** squareExp + dy2 ** squareExp),\n    res = {\n      x: s1.x + dx2 * t,\n      y: s1.y + dy2 * t,\n      isOnSegment: t >= inSegmentRange.min && t <= inSegmentRange.max\n    };\n  if (t < inSegmentRange.min) {\n    res.x = s1.x;\n    res.y = s1.y;\n  } else if (t > inSegmentRange.max) {\n    res.x = s2.x;\n    res.y = s2.y;\n  }\n  return res;\n}\nfunction segmentBounce(start, stop, velocity) {\n  const {\n      dx,\n      dy\n    } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(start, stop),\n    wallAngle = Math.atan2(dy, dx),\n    wallNormal = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle)),\n    d = double * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);\n  wallNormal.multTo(d);\n  velocity.subFrom(wallNormal);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/utils.js?");
-
-/***/ })
-
-}]);

package/shapes_arrow_dist_browser_Utils_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
- * v3.2.2
- */
-"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_arrow_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/arrow/dist/browser/Utils.js":
-/*!************************************************!*\
-  !*** ../../shapes/arrow/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 */   drawArrow: () => (/* binding */ drawArrow)\n/* harmony export */ });\nconst double = 2,\n  defaultHeightFactor = 0.5,\n  defaultHeadWidthFactor = 0.2,\n  defaultBodyHeightFactor = 0.5,\n  half = 0.5,\n  origin = {\n    x: 0,\n    y: 0\n  };\nfunction drawArrow(data) {\n  const {\n      context,\n      particle,\n      radius\n    } = data,\n    width = radius * double,\n    heightFactor = particle.heightFactor ?? defaultHeightFactor,\n    headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor,\n    bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor,\n    height = width * heightFactor,\n    headWidth = width * headWidthFactor,\n    bodyHeight = height * bodyHeightFactor;\n  context.moveTo(-width * half, origin.y);\n  context.lineTo(-width * half, -bodyHeight * half);\n  context.lineTo(width * half - headWidth, -bodyHeight * half);\n  context.lineTo(width * half - headWidth, -height * half);\n  context.lineTo(width * half + headWidth, origin.y);\n  context.lineTo(width * half - headWidth, height * half);\n  context.lineTo(width * half - headWidth, bodyHeight * half);\n  context.lineTo(-width * half, bodyHeight * half);\n  context.lineTo(-width * half, origin.y);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_cards_dist_browser_Utils_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
- * v3.2.2
- */
-"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_cards_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/cards/dist/browser/Utils.js":
-/*!************************************************!*\
-  !*** ../../shapes/cards/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 */   paths: () => (/* binding */ paths)\n/* harmony export */ });\nfunction drawPath(data, path) {\n  if (!path.segments.length || !path.segments[0].values.length) {\n    return;\n  }\n  const {\n    context,\n    radius\n  } = data;\n  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);\n  for (const segment of path.segments) {\n    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);\n  }\n  for (let i = path.segments.length - 1; i >= 0; i--) {\n    const segment = path.segments[i];\n    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);\n  }\n}\nconst n = 1.0 / 2;\nconst paths = {\n  heart: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n / 2\n      }]\n    }]\n  },\n  diamond: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }]\n    }]\n  },\n  club: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  },\n  spade: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_circle_dist_browser_Utils_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
- * v3.2.2
- */
-"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_circle_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/circle/dist/browser/Utils.js":
-/*!*************************************************!*\
-  !*** ../../shapes/circle/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 */   drawCircle: () => (/* binding */ drawCircle)\n/* harmony export */ });\nconst double = 2,\n  doublePI = Math.PI * double,\n  minAngle = 0,\n  origin = {\n    x: 0,\n    y: 0\n  };\nfunction drawCircle(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (!particle.circleRange) {\n    particle.circleRange = {\n      min: minAngle,\n      max: doublePI\n    };\n  }\n  const circleRange = particle.circleRange;\n  context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/circle/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_cog_dist_browser_Utils_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
- * v3.2.2
- */
-"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_cog_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/cog/dist/browser/Utils.js":
-/*!**********************************************!*\
-  !*** ../../shapes/cog/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 */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst double = 2,\n  doublePI = Math.PI * double,\n  minAngle = 0,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  taperFactor = 0.005;\nfunction drawCogHole(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  context.globalCompositeOperation = \"destination-out\";\n  context.beginPath();\n  context.moveTo(holeRadius, origin.y);\n  context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);\n  context.closePath();\n  context.fill();\n  context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const angle = doublePI / (particle.cogNotches * double),\n    taperAI = angle * particle.cogInnerTaper * taperFactor,\n    taperAO = angle * particle.cogOuterTaper * taperFactor,\n    innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  let a = angle,\n    toggle = false;\n  context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n  for (; a <= doublePI; a += angle) {\n    if (toggle) {\n      context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n      context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n    } else {\n      context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n      context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n    }\n    toggle = !toggle;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_emoji_dist_browser_Utils_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
- * v3.2.2
- */
-"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_emoji_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/emoji/dist/browser/Utils.js":
-/*!************************************************!*\
-  !*** ../../shapes/emoji/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 */   drawEmoji: () => (/* binding */ drawEmoji)\n/* harmony export */ });\nfunction drawEmoji(data) {\n  const {\n      context,\n      particle,\n      radius,\n      opacity\n    } = data,\n    emojiData = particle.emojiData,\n    double = 2,\n    diameter = radius * double,\n    previousAlpha = context.globalAlpha;\n  if (!emojiData) {\n    return;\n  }\n  context.globalAlpha = opacity;\n  context.drawImage(emojiData, -radius, -radius, diameter, diameter);\n  context.globalAlpha = previousAlpha;\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_heart_dist_browser_Utils_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
- * v3.2.2
- */
-"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_heart_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/heart/dist/browser/Utils.js":
-/*!************************************************!*\
-  !*** ../../shapes/heart/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 */   drawHeart: () => (/* binding */ drawHeart)\n/* harmony export */ });\nconst half = 0.5,\n  double = 2;\nfunction drawHeart(data) {\n  const {\n      context,\n      radius\n    } = data,\n    diameter = radius * double,\n    halfRadius = radius * half,\n    radiusAndHalf = radius + halfRadius,\n    x = -radius,\n    y = -radius;\n  context.moveTo(x, y + halfRadius);\n  context.quadraticCurveTo(x, y, x + halfRadius, y);\n  context.quadraticCurveTo(x + radius, y, x + radius, y + halfRadius);\n  context.quadraticCurveTo(x + radius, y, x + radiusAndHalf, y);\n  context.quadraticCurveTo(x + diameter, y, x + diameter, y + halfRadius);\n  context.quadraticCurveTo(x + diameter, y + radius, x + radiusAndHalf, y + radiusAndHalf);\n  context.lineTo(x + radius, y + diameter);\n  context.lineTo(x + halfRadius, y + radiusAndHalf);\n  context.quadraticCurveTo(x, y + radius, x, y + halfRadius);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/heart/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_line_dist_browser_Utils_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
- * v3.2.2
- */
-"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_line_dist_browser_Utils_js"],{
-
-/***/ "../../shapes/line/dist/browser/Utils.js":
-/*!***********************************************!*\
-  !*** ../../shapes/line/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 */ });\nfunction drawLine(data) {\n  const {\n      context,\n      particle,\n      radius\n    } = data,\n    shapeData = particle.shapeData,\n    centerY = 0;\n  context.moveTo(-radius, centerY);\n  context.lineTo(radius, centerY);\n  context.lineCap = shapeData?.cap ?? \"butt\";\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/line/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_path_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../shapes/path/dist/browser/Utils.js":
-/*!***********************************************!*\
-  !*** ../../shapes/path/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 */ });\nfunction drawPath(ctx, radius, path) {\n  const firstIndex = 0,\n    firstSegment = path.segments[firstIndex],\n    firstValue = firstSegment.values[firstIndex];\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      index4 = 3;\n    switch (segment.type) {\n      case \"line\":\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case \"bezier\":\n        ctx.bezierCurveTo(segment.values[index2].x * radius, segment.values[index2].y * radius, segment.values[index3].x * radius, segment.values[index3].y * radius, segment.values[index4].x * radius, segment.values[index4].y * radius);\n        break;\n      case \"quadratic\":\n        ctx.quadraticCurveTo(segment.values[index2].x * radius, segment.values[index2].y * radius, segment.values[index3].x * radius, segment.values[index3].y * radius);\n        break;\n      case \"arc\":\n        ctx.arc(value.x * radius, value.y * radius, segment.values[index2].x * radius, segment.values[index3].x, segment.values[index3].y);\n        break;\n      case \"ellipse\":\n        ctx.ellipse(value.x * radius, value.y * radius, segment.values[index2].x * radius, segment.values[index2].y * radius, segment.values[index3].x, segment.values[index4].x, segment.values[index4].y);\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i],\n      value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2;\n    switch (segment.type) {\n      case \"line\":\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case \"bezier\":\n        ctx.bezierCurveTo(-segment.values[index3].x * radius, segment.values[index3].y * radius, -segment.values[index2].x * radius, segment.values[index2].y * radius, value.x * radius, value.y * radius);\n        break;\n      case \"quadratic\":\n        ctx.quadraticCurveTo(-segment.values[index2].x * radius, segment.values[index2].y * radius, -segment.values[index3].x * radius, segment.values[index3].y * radius);\n        break;\n      case \"arc\":\n      case \"ellipse\":\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_polygon_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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 piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  if (!context) {\n    return;\n  }\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_rounded-polygon_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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 */ });\nconst double = 2,\n  doublePI = Math.PI * double,\n  half = 0.5,\n  defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n  const step = doublePI / sides,\n    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,\n    index2 = 1,\n    increment = 1;\n  let p1 = path[index1],\n    p2 = path[index2];\n  const len = path.length;\n  context.moveTo((p1.x + p2.x) * half, (p1.y + p2.y) * half);\n  for (let i = 1; i <= len; i++) {\n    p1 = p2;\n    p2 = path[(i + increment) % len];\n    context.arcTo(p1.x, p1.y, (p1.x + p2.x) * half, (p1.y + p2.y) * half, radius);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_rounded-rect_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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    },\n    radius = {\n      topLeft: borderRadius,\n      topRight: borderRadius,\n      bottomLeft: borderRadius,\n      bottomRight: borderRadius\n    },\n    {\n      x,\n      y,\n      width,\n      height\n    } = info,\n    r = x + width,\n    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//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_spiral_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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 {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n    return;\n  }\n  const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing,\n    widthFactor = 10;\n  for (let i = 0; i < realWidth * widthFactor; i++) {\n    const angle = i / widthFactor,\n      factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle,\n      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//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_square_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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 */ });\nconst fixFactorSquared = 2,\n  fixFactor = Math.sqrt(fixFactorSquared),\n  double = 2;\nfunction drawSquare(data) {\n  const {\n      context,\n      radius\n    } = data,\n    fixedRadius = radius / fixFactor,\n    fixedDiameter = fixedRadius * double;\n  context.rect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_star_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_js"],{
-
-/***/ "../../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,\n  origin = {\n    x: 0,\n    y: 0\n  };\nfunction drawStar(data) {\n  const {\n      context,\n      particle,\n      radius\n    } = data,\n    sides = particle.sides,\n    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//# sourceURL=webpack://@tsparticles/all/../../shapes/star/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/shapes_text_dist_browser_Utils_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
- * v3.2.2
- */
-"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_Utils_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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst double = 2,\n  half = 0.5;\nfunction drawText(data) {\n  const {\n      context,\n      particle,\n      radius,\n      opacity\n    } = data,\n    character = particle.shapeData;\n  if (!character) {\n    return;\n  }\n  const textData = character.value;\n  if (textData === undefined) {\n    return;\n  }\n  if (particle.text === undefined) {\n    particle.text = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData);\n  }\n  const text = particle.text,\n    style = character.style ?? \"\",\n    weight = character.weight ?? \"400\",\n    size = Math.round(radius) * double,\n    font = character.font ?? \"Verdana\",\n    fill = particle.shapeFill;\n  const lines = text?.split(\"\\n\");\n  if (!lines) {\n    return;\n  }\n  context.font = `${style} ${weight} ${size}px \"${font}\"`;\n  context.globalAlpha = opacity;\n  for (let i = 0; i < lines.length; i++) {\n    drawLine(context, lines[i], radius, opacity, i, fill);\n  }\n  context.globalAlpha = 1;\n}\nfunction drawLine(context, line, radius, opacity, index, fill) {\n  const offsetX = line.length * radius * half,\n    pos = {\n      x: -offsetX,\n      y: radius * half\n    },\n    diameter = radius * double;\n  if (fill) {\n    context.fillText(line, pos.x, pos.y + diameter * index);\n  } else {\n    context.strokeText(line, pos.x, pos.y + diameter * index);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/text/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);

package/updaters_gradient_dist_browser_Utils_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
- * v3.2.2
- */
-"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_gradient_dist_browser_Utils_js"],{
-
-/***/ "../../updaters/gradient/dist/browser/Utils.js":
-/*!*****************************************************!*\
-  !*** ../../updaters/gradient/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 */   updateGradient: () => (/* binding */ updateGradient)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction updateGradient(particle, delta) {\n  const {\n    gradient\n  } = particle;\n  if (!gradient) {\n    return;\n  }\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateAnimation)(particle, gradient.angle, false, \"none\", delta);\n  for (const color of gradient.colors) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(color.value, delta);\n    if (color.opacity) {\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateAnimation)(particle, color.opacity, true, \"none\", delta);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/gradient/dist/browser/Utils.js?");
-
-/***/ })
-
-}]);