@tsparticles/all 4.0.0-alpha.8 → 4.0.0-beta.0

package/plugins_zoom_dist_browser_index_js.js

@@ -0,0 +1,50 @@
+/*!
+ * 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.0
+ */
+"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_zoom_dist_browser_index_js"],{
+
+/***/ "../../plugins/zoom/dist/browser/Options/Classes/Zoom.js"
+/*!***************************************************************!*\
+  !*** ../../plugins/zoom/dist/browser/Options/Classes/Zoom.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 */   Zoom: () => (/* binding */ Zoom),\n/* harmony export */   defaultZoom: () => (/* binding */ defaultZoom),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom)\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_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nconst defaultZoom = 1;\nclass Zoom {\n    enable;\n    max;\n    min;\n    constructor(){\n        this.enable = false;\n        this.min = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom;\n        this.max = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.min !== undefined) {\n            this.min = data.min;\n        }\n        if (data.max !== undefined) {\n            this.max = data.max;\n        }\n    }\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/Options/Classes/Zoom.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/zoom/dist/browser/Utils/Constants.js"
+/*!**********************************************************!*\
+  !*** ../../plugins/zoom/dist/browser/Utils/Constants.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 */   initialTouchDistance: () => (/* binding */ initialTouchDistance),\n/* harmony export */   maxZoom: () => (/* binding */ maxZoom),\n/* harmony export */   minZoom: () => (/* binding */ minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* binding */ touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* binding */ touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* binding */ touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* binding */ touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* binding */ zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* binding */ zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* binding */ zoomOutFactor)\n/* harmony export */ });\nconst minZoom = 0.1;\nconst maxZoom = 5;\nconst zoomInFactor = 1.05;\nconst zoomOutFactor = 0.95;\nconst zoomGestureFactor = 0.25;\nconst touchPointsCount = 2;\nconst touchPointIndexFirst = 0;\nconst touchPointIndexSecond = 1;\nconst touchCenterDivisor = 2;\nconst initialTouchDistance = 0;\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/Utils/Constants.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/zoom/dist/browser/index.js"
+/*!************************************************!*\
+  !*** ../../plugins/zoom/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 */   Zoom: () => (/* reexport safe */ _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom),\n/* harmony export */   initialTouchDistance: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance),\n/* harmony export */   loadZoomPlugin: () => (/* binding */ loadZoomPlugin),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Zoom.js */ \"../../plugins/zoom/dist/browser/Options/Classes/Zoom.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nasync function loadZoomPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ZoomPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPlugin.js */ \"../../plugins/zoom/dist/browser/ZoomPlugin.js\"));\n        e.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/all [24 Jan 2026 at 00:00]</title>
+    <title>@tsparticles/all [19 Mar 2026 at 14:04]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/shapes_arrow_dist_browser_ArrowDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ArrowDrawer: () => (/* binding */ ArrowDrawer)\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/arrow/dist/browser/Utils.js\");\n\n\nconst defaultHeightFactor = 0.5,\n  defaultHeadWidthFactor = 0.2,\n  defaultBodyHeightFactor = 0.5;\nclass ArrowDrawer {\n  constructor() {\n    this.validTypes = [\"arrow\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawArrow)(data);\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    particle.heightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);\n    particle.headWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);\n    particle.bodyHeightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/ArrowDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ArrowDrawer: () => (/* binding */ ArrowDrawer)\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/arrow/dist/browser/Utils.js\");\n\n\nconst defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5;\nclass ArrowDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawArrow)(data);\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData;\n        particle.heightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);\n        particle.headWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);\n        particle.bodyHeightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/ArrowDrawer.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawArrow: () => (/* binding */ drawArrow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n  defaultHeadWidthFactor = 0.2,\n  defaultBodyHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nfunction drawArrow(data) {\n  const {\n      context,\n      particle,\n      radius\n    } = data,\n    width = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.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 * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half + headWidth, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawArrow: () => (/* binding */ drawArrow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nfunction drawArrow(data) {\n    const { context, particle, radius } = data, width = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;\n    context.moveTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half + headWidth, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_arrow_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadArrowShape: () => (/* binding */ loadArrowShape)\n/* harmony export */ });\nasync function loadArrowShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      ArrowDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_ArrowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ArrowDrawer.js */ \"../../shapes/arrow/dist/browser/ArrowDrawer.js\"));\n    e.addShape(new ArrowDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadArrowShape: () => (/* binding */ loadArrowShape)\n/* harmony export */ });\nasync function loadArrowShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"arrow\"\n        ], async ()=>{\n            const { ArrowDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_ArrowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ArrowDrawer.js */ \"../../shapes/arrow/dist/browser/ArrowDrawer.js\"));\n            return new ArrowDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_cards_CardDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,33 +17,13 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_cards_CardDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../shapes/cards/dist/browser/cards/CardDrawer.js"
 /*!***********************************************************!*\
   !*** ../../shapes/cards/dist/browser/cards/CardDrawer.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 */   CardDrawer: () => (/* binding */ CardDrawer)\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/cards/dist/browser/utils.js\");\n\n\nclass CardDrawer {\n  constructor() {\n    this.validTypes = [\"card\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    if (!particle.cardData) {\n      return;\n    }\n    (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedCard)(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack());\n  }\n  particleInit(_container, particle) {\n    const shape = particle.shapeData;\n    if (!shape) {\n      return;\n    }\n    particle.cardData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/paths.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CardDrawer: () => (/* binding */ CardDrawer)\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/cards/dist/browser/utils.js\");\n\n\nclass CardDrawer {\n    draw(data) {\n        const { context, particle, opacity, radius } = data;\n        if (!particle.cardData) {\n            return;\n        }\n        const defaultOpacity = context.globalAlpha;\n        context.globalAlpha = opacity;\n        (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedCard)(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack(), particle.container.canvas.settings);\n        context.globalAlpha = defaultOpacity;\n    }\n    particleInit(_container, particle) {\n        const shape = particle.shapeData;\n        if (!shape) {\n            return;\n        }\n        particle.cardData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
 
 /***/ },
 
@@ -53,37 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawRoundedCard: () => (/* binding */ drawRoundedCard)\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 _SuitType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\n\n\nconst cardWidthRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.triple,\n  cardHeightRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n  cornerRadiusRatio = 0.2,\n  cornerFontRatio = 0.4,\n  cornerSuitRatio = 0.3,\n  centerSuitRatio = 0.9,\n  cornerPaddingRatio = 0.2,\n  textHorizontalOffsetRatio = 0.25,\n  minRadius = 0,\n  minAngle = 0,\n  suitEdgeBufferFactor = 0.1,\n  fixedCacheKey = 2,\n  cardsCache = new Map();\nfunction drawRoundedCard(ctx, radius, cardData, hdr, flipped) {\n  if (flipped) {\n    drawRoundedCardBack(ctx, radius);\n  } else {\n    const cacheKey = getCacheKey(radius, cardData),\n      cardWidth = radius * cardWidthRatio,\n      cardHeight = radius * cardHeightRatio,\n      halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n      halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    if (!cardsCache.has(cacheKey)) {\n      const canvas = new OffscreenCanvas(cardWidth, cardHeight),\n        offCtx = canvas.getContext(\"2d\");\n      if (offCtx) {\n        offCtx.translate(halfWidth, halfHeight);\n        drawRoundedCardFront(offCtx, radius, cardData, hdr);\n        cardsCache.set(cacheKey, canvas);\n      }\n    }\n    const cachedCanvas = cardsCache.get(cacheKey);\n    if (cachedCanvas) {\n      ctx.drawImage(cachedCanvas, -halfWidth, -halfHeight, cardWidth, cardHeight);\n    } else {\n      drawRoundedCardFront(ctx, radius, cardData, hdr);\n    }\n  }\n}\nfunction getCacheKey(radius, cardData) {\n  return `${radius.toFixed(fixedCacheKey)}-${cardData.suit}-${cardData.value}`;\n}\nfunction drawRoundedCardBack(ctx, radius) {\n  drawCardBody(ctx, radius);\n}\nfunction drawRoundedCardFront(ctx, radius, cardData, hdr) {\n  const {\n      suit,\n      value\n    } = cardData,\n    cardWidth = radius * cardWidthRatio,\n    cardHeight = radius * cardHeightRatio,\n    halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    cornerPadding = radius * cornerPaddingRatio,\n    cornerFontSize = radius * cornerFontRatio,\n    cornerSuitSize = radius * cornerSuitRatio,\n    centerSuitSize = radius * centerSuitRatio,\n    textOffset = radius * textHorizontalOffsetRatio,\n    suitEdgeBuffer = radius * suitEdgeBufferFactor,\n    isRed = suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.hearts || suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.diamonds,\n    color = isRed ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n      r: 255,\n      g: 0,\n      b: 0\n    }, hdr) : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n      r: 0,\n      g: 0,\n      b: 0\n    }, hdr);\n  ctx.save();\n  drawCardBody(ctx, radius);\n  ctx.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n    r: 255,\n    g: 255,\n    b: 255\n  }, hdr);\n  ctx.fill();\n  ctx.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n    r: 0,\n    g: 0,\n    b: 0\n  }, hdr);\n  ctx.stroke();\n  ctx.fillStyle = color;\n  ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  const topLeftX = -halfWidth + cornerPadding + suitEdgeBuffer;\n  const topLeftY = -halfHeight + cornerPadding + cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n  ctx.save();\n  ctx.translate(topLeftX, topLeftY);\n  ctx.beginPath();\n  (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n  ctx.fill();\n  ctx.restore();\n  ctx.fillText(value, topLeftX + textOffset, topLeftY);\n  ctx.save();\n  ctx.translate(halfWidth - cornerPadding - suitEdgeBuffer, halfHeight - cornerPadding - cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  ctx.rotate(Math.PI);\n  ctx.save();\n  ctx.beginPath();\n  (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n  ctx.fill();\n  ctx.restore();\n  ctx.fillText(value, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x + textOffset, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  ctx.restore();\n  ctx.save();\n  ctx.beginPath();\n  (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, centerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n  ctx.fillStyle = color;\n  ctx.fill();\n  ctx.restore();\n  ctx.beginPath();\n  ctx.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, minRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, false);\n  ctx.closePath();\n  ctx.restore();\n}\nfunction drawCardBody(ctx, radius) {\n  const cardWidth = radius * cardWidthRatio,\n    cardHeight = radius * cardHeightRatio,\n    halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    cornerRadius = radius * cornerRadiusRatio;\n  ctx.beginPath();\n  ctx.moveTo(-halfWidth + cornerRadius, -halfHeight);\n  ctx.lineTo(halfWidth - cornerRadius, -halfHeight);\n  ctx.quadraticCurveTo(halfWidth, -halfHeight, halfWidth, -halfHeight + cornerRadius);\n  ctx.lineTo(halfWidth, halfHeight - cornerRadius);\n  ctx.quadraticCurveTo(halfWidth, halfHeight, halfWidth - cornerRadius, halfHeight);\n  ctx.lineTo(-halfWidth + cornerRadius, halfHeight);\n  ctx.quadraticCurveTo(-halfWidth, halfHeight, -halfWidth, halfHeight - cornerRadius);\n  ctx.lineTo(-halfWidth, -halfHeight + cornerRadius);\n  ctx.quadraticCurveTo(-halfWidth, -halfHeight, -halfWidth + cornerRadius, -halfHeight);\n  ctx.closePath();\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/utils.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//# 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,\n  index2 = 1,\n  index3 = 2,\n  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],\n      segmentValue3 = segment.values[index3],\n      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,\n    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],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      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//# 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//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawRoundedCard: () => (/* binding */ drawRoundedCard)\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 _SuitType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\n\n\nconst cardWidthRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.triple, cardHeightRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, cornerRadiusRatio = 0.2, cornerFontRatio = 0.4, cornerSuitRatio = 0.3, centerSuitRatio = 0.7, cornerPaddingRatio = 0.2, textHorizontalOffsetRatio = 0.25, minRadius = 0, minAngle = 0, suitEdgeBufferFactor = 0.1, fixedCacheKey = 2, cardsCache = new Map(), redSuitColor = {\n    r: 215,\n    g: 20,\n    b: 20\n}, blackSuitColor = {\n    r: 18,\n    g: 18,\n    b: 18\n};\nfunction drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {\n    if (flipped) {\n        drawRoundedCardBack(ctx, radius);\n    } else {\n        const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n        let cachedData = cardsCache.get(cacheKey);\n        if (!cachedData) {\n            let cacheCanvas, cacheCtx;\n            if (typeof OffscreenCanvas === \"undefined\") {\n                cacheCanvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n                cacheCanvas.width = cardWidth;\n                cacheCanvas.height = cardHeight;\n                cacheCtx = cacheCanvas.getContext(\"2d\", canvasSettings);\n            } else {\n                cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight);\n                cacheCtx = cacheCanvas.getContext(\"2d\", canvasSettings);\n            }\n            if (cacheCtx) {\n                cacheCtx.translate(halfWidth, halfHeight);\n                drawRoundedCardFront(cacheCtx, radius, cardData, hdr);\n                cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();\n                cardsCache.set(cacheKey, cachedData);\n            }\n        }\n        if (cachedData) {\n            ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);\n        } else {\n            drawRoundedCardFront(ctx, radius, cardData, hdr);\n        }\n    }\n}\nfunction getCacheKey(radius, hdr, cardData) {\n    return `${radius.toFixed(fixedCacheKey)}-${hdr ? \"hdr\" : \"sdr\"}-${cardData.suit}-${cardData.value}`;\n}\nfunction drawRoundedCardBack(ctx, radius) {\n    drawCardBody(ctx, radius);\n}\nfunction drawRoundedCardFront(ctx, radius, cardData, hdr) {\n    const { suit, value } = cardData, cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, cornerPadding = radius * cornerPaddingRatio, cornerFontSize = radius * cornerFontRatio, cornerSuitSize = radius * cornerSuitRatio, centerSuitSize = radius * centerSuitRatio, textOffset = radius * textHorizontalOffsetRatio, suitEdgeBuffer = radius * suitEdgeBufferFactor, isRed = suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.hearts || suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.diamonds, color = isRed ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(redSuitColor, hdr) : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(blackSuitColor, hdr);\n    ctx.save();\n    drawCardBody(ctx, radius);\n    ctx.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n        r: 255,\n        g: 255,\n        b: 255\n    }, hdr);\n    ctx.fill();\n    ctx.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n        r: 0,\n        g: 0,\n        b: 0\n    }, hdr);\n    ctx.stroke();\n    ctx.fillStyle = color;\n    ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const topLeftX = -halfWidth + cornerPadding + suitEdgeBuffer, topLeftY = -halfHeight + cornerPadding + cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    ctx.save();\n    ctx.translate(topLeftX, topLeftY);\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fill();\n    ctx.restore();\n    ctx.fillText(value, topLeftX + textOffset, topLeftY);\n    ctx.save();\n    ctx.translate(halfWidth - cornerPadding - suitEdgeBuffer, halfHeight - cornerPadding - cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    ctx.rotate(Math.PI);\n    ctx.save();\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fill();\n    ctx.restore();\n    ctx.fillText(value, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x + textOffset, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    ctx.restore();\n    ctx.save();\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, centerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fillStyle = color;\n    ctx.fill();\n    ctx.restore();\n    ctx.beginPath();\n    ctx.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, minRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, false);\n    ctx.closePath();\n    ctx.restore();\n}\nfunction drawCardBody(ctx, radius) {\n    const cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, cornerRadius = radius * cornerRadiusRatio;\n    ctx.beginPath();\n    ctx.moveTo(-halfWidth + cornerRadius, -halfHeight);\n    ctx.lineTo(halfWidth - cornerRadius, -halfHeight);\n    ctx.quadraticCurveTo(halfWidth, -halfHeight, halfWidth, -halfHeight + cornerRadius);\n    ctx.lineTo(halfWidth, halfHeight - cornerRadius);\n    ctx.quadraticCurveTo(halfWidth, halfHeight, halfWidth - cornerRadius, halfHeight);\n    ctx.lineTo(-halfWidth + cornerRadius, halfHeight);\n    ctx.quadraticCurveTo(-halfWidth, halfHeight, -halfWidth, halfHeight - cornerRadius);\n    ctx.lineTo(-halfWidth, -halfHeight + cornerRadius);\n    ctx.quadraticCurveTo(-halfWidth, -halfHeight, -halfWidth + cornerRadius, -halfHeight);\n    ctx.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_clubs_ClubDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,63 +17,13 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_clubs_ClubDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../shapes/cards/dist/browser/clubs/ClubDrawer.js"
 /*!***********************************************************!*\
   !*** ../../shapes/cards/dist/browser/clubs/ClubDrawer.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 */   ClubDrawer: () => (/* binding */ ClubDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass ClubDrawer {\n  constructor() {\n    this.validTypes = [\"club\", \"clubs\"];\n  }\n  draw(data) {\n    const {\n      context,\n      radius\n    } = data;\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.clubs);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/clubs/ClubDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/paths.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//# 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,\n  index2 = 1,\n  index3 = 2,\n  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],\n      segmentValue3 = segment.values[index3],\n      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,\n    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],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      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//# 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//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ClubDrawer: () => (/* binding */ ClubDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass ClubDrawer {\n    draw(data) {\n        const { context, radius } = data;\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.clubs);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/clubs/ClubDrawer.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_diamonds_DiamondDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,63 +17,13 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_diamonds_DiamondDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js"
 /*!*****************************************************************!*\
   !*** ../../shapes/cards/dist/browser/diamonds/DiamondDrawer.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 */   DiamondDrawer: () => (/* binding */ DiamondDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass DiamondDrawer {\n  constructor() {\n    this.validTypes = [\"diamond\", \"diamonds\"];\n  }\n  draw(data) {\n    const {\n      context,\n      radius\n    } = data;\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.diamonds);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/paths.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//# 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,\n  index2 = 1,\n  index3 = 2,\n  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],\n      segmentValue3 = segment.values[index3],\n      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,\n    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],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      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//# 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//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DiamondDrawer: () => (/* binding */ DiamondDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass DiamondDrawer {\n    draw(data) {\n        const { context, radius } = data;\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.diamonds);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
 
 /***/ }