@tsparticles/confetti 4.0.0-alpha.5 → 4.0.0-beta.0

package/shapes_cards_dist_browser_cards_CardDrawer_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_cards_CardDrawer_js"],{
+
+/***/ "../../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    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/confetti/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
+
+/***/ },
+
+/***/ "../../shapes/cards/dist/browser/utils.js"
+/*!************************************************!*\
+  !*** ../../shapes/cards/dist/browser/utils.js ***!
+  \************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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/confetti/../../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.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_clubs_ClubDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/Utils.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath),\n/* harmony export */   paths: () => (/* binding */ paths)\n/* harmony export */ });\nfunction drawPath(data, path) {\n  if (!path.segments.length || !path.segments[0].values.length) {\n    return;\n  }\n  const {\n    context,\n    radius\n  } = data;\n  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);\n  for (const segment of path.segments) {\n    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);\n  }\n  for (let i = path.segments.length - 1; i >= 0; i--) {\n    const segment = path.segments[i];\n    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);\n  }\n}\nconst n = 0.5;\nconst paths = {\n  heart: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n / 2\n      }]\n    }]\n  },\n  diamond: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }]\n    }]\n  },\n  club: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  },\n  spade: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/Utils.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 _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/cards/dist/browser/Utils.js\");\n\nclass ClubDrawer {\n  constructor() {\n    this.validTypes = [\"club\", \"clubs\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawPath)(data, _Utils_js__WEBPACK_IMPORTED_MODULE_0__.paths.club);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/clubs/ClubDrawer.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/confetti/../../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.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_diamonds_DiamondDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/Utils.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath),\n/* harmony export */   paths: () => (/* binding */ paths)\n/* harmony export */ });\nfunction drawPath(data, path) {\n  if (!path.segments.length || !path.segments[0].values.length) {\n    return;\n  }\n  const {\n    context,\n    radius\n  } = data;\n  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);\n  for (const segment of path.segments) {\n    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);\n  }\n  for (let i = path.segments.length - 1; i >= 0; i--) {\n    const segment = path.segments[i];\n    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);\n  }\n}\nconst n = 0.5;\nconst paths = {\n  heart: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n / 2\n      }]\n    }]\n  },\n  diamond: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }]\n    }]\n  },\n  club: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  },\n  spade: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/Utils.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 _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/cards/dist/browser/Utils.js\");\n\nclass DiamondDrawer {\n  constructor() {\n    this.validTypes = [\"diamond\", \"diamonds\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawPath)(data, _Utils_js__WEBPACK_IMPORTED_MODULE_0__.paths.diamond);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.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/confetti/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_hearts_HeartDrawer_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.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_hearts_HeartDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/Utils.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath),\n/* harmony export */   paths: () => (/* binding */ paths)\n/* harmony export */ });\nfunction drawPath(data, path) {\n  if (!path.segments.length || !path.segments[0].values.length) {\n    return;\n  }\n  const {\n    context,\n    radius\n  } = data;\n  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);\n  for (const segment of path.segments) {\n    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);\n  }\n  for (let i = path.segments.length - 1; i >= 0; i--) {\n    const segment = path.segments[i];\n    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);\n  }\n}\nconst n = 0.5;\nconst paths = {\n  heart: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n / 2\n      }]\n    }]\n  },\n  diamond: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }]\n    }]\n  },\n  club: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  },\n  spade: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/Utils.js?\n}");
-
-/***/ },
-
 /***/ "../../shapes/cards/dist/browser/hearts/HeartDrawer.js"
 /*!*************************************************************!*\
   !*** ../../shapes/cards/dist/browser/hearts/HeartDrawer.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 */   HeartDrawer: () => (/* binding */ HeartDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/cards/dist/browser/Utils.js\");\n\nclass HeartDrawer {\n  constructor() {\n    this.validTypes = [\"heart\", \"hearts\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawPath)(data, _Utils_js__WEBPACK_IMPORTED_MODULE_0__.paths.heart);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/hearts/HeartDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HeartDrawer: () => (/* binding */ HeartDrawer)\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 HeartDrawer {\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.hearts);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/hearts/HeartDrawer.js?\n}");
 
 /***/ }
 

package/shapes_cards_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.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,13 +17,23 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_index_js"],{
 
+/***/ "../../shapes/cards/dist/browser/cards/index.js"
+/*!******************************************************!*\
+  !*** ../../shapes/cards/dist/browser/cards/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 */   loadFullCardsShape: () => (/* binding */ loadFullCardsShape)\n/* harmony export */ });\nasync function loadFullCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"card\"\n        ], async ()=>{\n            const { CardDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_cards_CardDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n            return new CardDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/cards/index.js?\n}");
+
+/***/ },
+
 /***/ "../../shapes/cards/dist/browser/clubs/index.js"
 /*!******************************************************!*\
   !*** ../../shapes/cards/dist/browser/clubs/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 */   loadClubsCardsShape: () => (/* binding */ loadClubsCardsShape)\n/* harmony export */ });\nasync function loadClubsCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      ClubDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_clubs_ClubDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n    e.addShape(new ClubDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/clubs/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadClubsSuitShape: () => (/* binding */ loadClubsSuitShape)\n/* harmony export */ });\nasync function loadClubsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"club\",\n            \"clubs\"\n        ], async ()=>{\n            const { ClubDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_clubs_ClubDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n            return new ClubDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/clubs/index.js?\n}");
 
 /***/ },
 
@@ -33,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDiamondsCardsShape: () => (/* binding */ loadDiamondsCardsShape)\n/* harmony export */ });\nasync function loadDiamondsCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      DiamondDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n    e.addShape(new DiamondDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/diamonds/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDiamondsSuitShape: () => (/* binding */ loadDiamondsSuitShape)\n/* harmony export */ });\nasync function loadDiamondsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"diamond\",\n            \"diamonds\"\n        ], async ()=>{\n            const { DiamondDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n            return new DiamondDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/diamonds/index.js?\n}");
 
 /***/ },
 
@@ -43,7 +53,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 */   loadHeartsCardsShape: () => (/* binding */ loadHeartsCardsShape)\n/* harmony export */ });\nasync function loadHeartsCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      HeartDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_hearts_HeartDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n    e.addShape(new HeartDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/hearts/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHeartsSuitShape: () => (/* binding */ loadHeartsSuitShape)\n/* harmony export */ });\nasync function loadHeartsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\",\n            \"hearts\"\n        ], async ()=>{\n            const { HeartDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_hearts_HeartDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/hearts/index.js?\n}");
 
 /***/ },
 
@@ -53,7 +63,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 */   loadCardsShape: () => (/* binding */ loadCardsShape),\n/* harmony export */   loadClubsCardsShape: () => (/* reexport safe */ _clubs_index_js__WEBPACK_IMPORTED_MODULE_0__.loadClubsCardsShape),\n/* harmony export */   loadDiamondsCardsShape: () => (/* reexport safe */ _diamonds_index_js__WEBPACK_IMPORTED_MODULE_1__.loadDiamondsCardsShape),\n/* harmony export */   loadHeartsCardsShape: () => (/* reexport safe */ _hearts_index_js__WEBPACK_IMPORTED_MODULE_2__.loadHeartsCardsShape),\n/* harmony export */   loadSpadesCardsShape: () => (/* reexport safe */ _spades_index_js__WEBPACK_IMPORTED_MODULE_3__.loadSpadesCardsShape)\n/* harmony export */ });\n/* harmony import */ var _clubs_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\");\n/* harmony import */ var _diamonds_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\");\n/* harmony import */ var _hearts_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\");\n/* harmony import */ var _spades_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\");\nasync function loadCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n        loadClubsCardsShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n      {\n        loadDiamondsCardsShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n      {\n        loadHeartsCardsShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n      {\n        loadSpadesCardsShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"));\n    await loadClubsCardsShape(e);\n    await loadDiamondsCardsShape(e);\n    await loadHeartsCardsShape(e);\n    await loadSpadesCardsShape(e);\n  });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCardSuitsShape: () => (/* binding */ loadCardSuitsShape),\n/* harmony export */   loadCardsShape: () => (/* binding */ loadCardsShape),\n/* harmony export */   loadClubsSuitShape: () => (/* reexport safe */ _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__.loadClubsSuitShape),\n/* harmony export */   loadDiamondsSuitShape: () => (/* reexport safe */ _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__.loadDiamondsSuitShape),\n/* harmony export */   loadFullCardsShape: () => (/* reexport safe */ _cards_index_js__WEBPACK_IMPORTED_MODULE_0__.loadFullCardsShape),\n/* harmony export */   loadHeartsSuitShape: () => (/* reexport safe */ _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__.loadHeartsSuitShape),\n/* harmony export */   loadSpadesSuitShape: () => (/* reexport safe */ _spades_index_js__WEBPACK_IMPORTED_MODULE_4__.loadSpadesSuitShape)\n/* harmony export */ });\n/* harmony import */ var _cards_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\");\n/* harmony import */ var _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\");\n/* harmony import */ var _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\");\n/* harmony import */ var _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\");\n/* harmony import */ var _spades_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\");\nasync function loadCardSuitsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"))\n        ]);\n        await Promise.all([\n            loadClubsSuitShape(e),\n            loadDiamondsSuitShape(e),\n            loadHeartsSuitShape(e),\n            loadSpadesSuitShape(e)\n        ]);\n    });\n}\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { loadFullCardsShape } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/index.js?\n}");
 
 /***/ },
 
@@ -63,7 +73,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 */   loadSpadesCardsShape: () => (/* binding */ loadSpadesCardsShape)\n/* harmony export */ });\nasync function loadSpadesCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      SpadeDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_spades_SpadeDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n    e.addShape(new SpadeDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/spades/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSpadesSuitShape: () => (/* binding */ loadSpadesSuitShape)\n/* harmony export */ });\nasync function loadSpadesSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"spade\",\n            \"spades\"\n        ], async ()=>{\n            const { SpadeDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_spades_SpadeDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n            return new SpadeDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/spades/index.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_paths_js.js

@@ -0,0 +1,70 @@
+/*!
+ * 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_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_paths_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\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/SuitType.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 = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half, halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half, oppositeN = -n, oppositeHalfN = -halfN, eighthN = n * eighth, threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n    half: true,\n    segments: [\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: halfN,\n                    y: oppositeN\n                },\n                {\n                    x: halfN,\n                    y: oppositeHalfN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: oppositeHalfN\n                },\n                {\n                    x: halfN,\n                    y: oppositeHalfN\n                },\n                {\n                    x: n,\n                    y: oppositeHalfN\n                },\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: n,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: halfN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: halfN\n                },\n                {\n                    x: eighthN,\n                    y: halfN\n                },\n                {\n                    x: eighthN,\n                    y: eighthN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: eighthN,\n                    y: eighthN\n                },\n                {\n                    x: eighthN,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: halfN,\n                    y: n\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                }\n            ]\n        }\n    ]\n};\nconst diamond = {\n    half: true,\n    segments: [\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: threeQuarterN,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: threeQuarterN,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: threeQuarterN,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: threeQuarterN,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                }\n            ]\n        }\n    ]\n};\nconst heart = {\n    half: true,\n    segments: [\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: n,\n                    y: oppositeHalfN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: n,\n                    y: oppositeHalfN\n                },\n                {\n                    x: n,\n                    y: oppositeHalfN\n                },\n                {\n                    x: n,\n                    y: oppositeN\n                },\n                {\n                    x: halfN,\n                    y: oppositeN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: oppositeN\n                },\n                {\n                    x: halfN,\n                    y: oppositeN\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeHalfN\n                }\n            ]\n        }\n    ]\n};\nconst spade = {\n    half: true,\n    segments: [\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: oppositeN\n                },\n                {\n                    x: n,\n                    y: oppositeHalfN\n                },\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: n,\n                    y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n                },\n                {\n                    x: n,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: halfN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: halfN\n                },\n                {\n                    x: eighthN,\n                    y: halfN\n                },\n                {\n                    x: eighthN,\n                    y: eighthN\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: eighthN,\n                    y: eighthN\n                },\n                {\n                    x: eighthN,\n                    y: halfN\n                },\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: halfN,\n                    y: n\n                }\n            ]\n        },\n        {\n            type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n            values: [\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: halfN,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                },\n                {\n                    x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n                    y: n\n                }\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\n//# sourceURL=webpack://@tsparticles/confetti/../../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\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/pathUtils/dist/browser/Utils.js"
+/*!***************************************************!*\
+  !*** ../../utils/pathUtils/dist/browser/Utils.js ***!
+  \***************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0, index2 = 1, index3 = 2, index4 = 3;\nfunction drawPath(ctx, radius, path) {\n    const firstSegment = path.segments[firstIndex];\n    if (!firstSegment) {\n        return;\n    }\n    const firstValue = firstSegment.values[firstIndex];\n    if (!firstValue) {\n        return;\n    }\n    ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n    for (const segment of path.segments){\n        const value = segment.values[firstIndex];\n        if (!value) {\n            continue;\n        }\n        const segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3], segmentValue4 = segment.values[index4];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n                ctx.moveTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                ctx.lineTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n                break;\n        }\n    }\n    if (!path.half) {\n        return;\n    }\n    const lengthOffset = 1, minLength = 0;\n    for(let i = path.segments.length - lengthOffset; i >= minLength; i--){\n        const segment = path.segments[i];\n        if (!segment) {\n            continue;\n        }\n        const value = segment.values[firstIndex], index2 = 1, index3 = 2, segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                if (!value) {\n                    break;\n                }\n                ctx.lineTo(value.x * -radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!value || !segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n            default:\n                break;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/Utils.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/pathUtils/dist/browser/index.js"
+/*!***************************************************!*\
+  !*** ../../utils/pathUtils/dist/browser/index.js ***!
+  \***************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/shapes_cards_dist_browser_spades_SpadeDrawer_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.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_spades_SpadeDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/Utils.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath),\n/* harmony export */   paths: () => (/* binding */ paths)\n/* harmony export */ });\nfunction drawPath(data, path) {\n  if (!path.segments.length || !path.segments[0].values.length) {\n    return;\n  }\n  const {\n    context,\n    radius\n  } = data;\n  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);\n  for (const segment of path.segments) {\n    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);\n  }\n  for (let i = path.segments.length - 1; i >= 0; i--) {\n    const segment = path.segments[i];\n    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);\n  }\n}\nconst n = 0.5;\nconst paths = {\n  heart: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n / 2\n      }]\n    }]\n  },\n  diamond: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 3 * n / 4,\n        y: 0\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }]\n    }]\n  },\n  club: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n / 2,\n        y: -n / 2\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  },\n  spade: {\n    segments: [{\n      values: [{\n        x: 0,\n        y: -n\n      }, {\n        x: 0,\n        y: -n\n      }, {\n        x: n,\n        y: -n / 2\n      }, {\n        x: n,\n        y: 0\n      }]\n    }, {\n      values: [{\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: 0\n      }, {\n        x: n,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 8,\n        y: n / 8\n      }]\n    }, {\n      values: [{\n        x: n / 8,\n        y: n / 8\n      }, {\n        x: n / 8,\n        y: n / 2\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }]\n    }, {\n      values: [{\n        x: n / 2,\n        y: n\n      }, {\n        x: n / 2,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }, {\n        x: 0,\n        y: n\n      }]\n    }]\n  }\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/Utils.js?\n}");
-
-/***/ },
-
 /***/ "../../shapes/cards/dist/browser/spades/SpadeDrawer.js"
 /*!*************************************************************!*\
   !*** ../../shapes/cards/dist/browser/spades/SpadeDrawer.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 */   SpadeDrawer: () => (/* binding */ SpadeDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/cards/dist/browser/Utils.js\");\n\nclass SpadeDrawer {\n  constructor() {\n    this.validTypes = [\"spade\", \"spades\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawPath)(data, _Utils_js__WEBPACK_IMPORTED_MODULE_0__.paths.spade);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/spades/SpadeDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SpadeDrawer: () => (/* binding */ SpadeDrawer)\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 SpadeDrawer {\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.spades);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/spades/SpadeDrawer.js?\n}");
 
 /***/ }
 

package/shapes_circle_dist_browser_CircleDrawer_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.5
+ * 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 */   CircleDrawer: () => (/* binding */ CircleDrawer)\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/circle/dist/browser/Utils.js\");\n\n\nconst sides = 12,\n  maxAngle = 360,\n  minAngle = 0;\nclass CircleDrawer {\n  constructor() {\n    this.validTypes = [\"circle\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCircle)(data);\n  }\n  getSidesCount() {\n    return sides;\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData,\n      angle = shapeData?.angle ?? {\n        max: maxAngle,\n        min: minAngle\n      };\n    particle.circleRange = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isObject)(angle) ? {\n      min: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.min),\n      max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.max)\n    } : {\n      min: minAngle,\n      max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle)\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/CircleDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CircleDrawer: () => (/* binding */ CircleDrawer)\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/circle/dist/browser/Utils.js\");\n\n\nconst sides = 12, maxAngle = 360, minAngle = 0;\nclass CircleDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCircle)(data);\n    }\n    getSidesCount() {\n        return sides;\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData, angle = shapeData?.angle ?? {\n            max: maxAngle,\n            min: minAngle\n        };\n        particle.circleRange = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isObject)(angle) ? {\n            min: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.min),\n            max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.max)\n        } : {\n            min: minAngle,\n            max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/CircleDrawer.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 */   drawCircle: () => (/* binding */ drawCircle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAngle = 0;\nfunction drawCircle(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  particle.circleRange ??= {\n    min: minAngle,\n    max: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI\n  };\n  const circleRange = particle.circleRange;\n  context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, radius, circleRange.min, circleRange.max, false);\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawCircle: () => (/* binding */ drawCircle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAngle = 0;\nfunction drawCircle(data) {\n    const { context, particle, radius } = data;\n    particle.circleRange ??= {\n        min: minAngle,\n        max: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI\n    };\n    const circleRange = particle.circleRange;\n    context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, radius, circleRange.min, circleRange.max, false);\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_circle_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.5
+ * 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 */   loadCircleShape: () => (/* binding */ loadCircleShape)\n/* harmony export */ });\nasync function loadCircleShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      CircleDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n    e.addShape(new CircleDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCircleShape: () => (/* binding */ loadCircleShape)\n/* harmony export */ });\nasync function loadCircleShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"circle\"\n        ], async ()=>{\n            const { CircleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n            return new CircleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/circle/dist/browser/index.js?\n}");
 
 /***/ }