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

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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadFullCardsShape: () => (/* binding */ loadFullCardsShape)\n/* harmony export */ });\nasync function loadFullCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      CardDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_cards_CardDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n    e.addShape(new CardDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/index.js?\n}");
+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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"card\"\n        ], async (container)=>{\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(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/index.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 */   loadClubsSuitShape: () => (/* binding */ loadClubsSuitShape)\n/* harmony export */ });\nasync function loadClubsSuitShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\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/all/../../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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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/all/../../shapes/cards/dist/browser/clubs/index.js?\n}");
 
 /***/ },
 
@@ -43,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 */   loadDiamondsSuitShape: () => (/* binding */ loadDiamondsSuitShape)\n/* harmony export */ });\nasync function loadDiamondsSuitShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\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/all/../../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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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/all/../../shapes/cards/dist/browser/diamonds/index.js?\n}");
 
 /***/ },
 
@@ -53,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 */   loadHeartsSuitShape: () => (/* binding */ loadHeartsSuitShape)\n/* harmony export */ });\nasync function loadHeartsSuitShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\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/all/../../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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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/all/../../shapes/cards/dist/browser/hearts/index.js?\n}");
 
 /***/ },
 
@@ -63,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 */   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-alpha.8\");\n  await engine.register(async e => {\n    const {\n        loadClubsSuitShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n      {\n        loadDiamondsSuitShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n      {\n        loadHeartsSuitShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n      {\n        loadSpadesSuitShape\n      } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"));\n    await loadClubsSuitShape(e);\n    await loadDiamondsSuitShape(e);\n    await loadHeartsSuitShape(e);\n    await loadSpadesSuitShape(e);\n  });\n}\nasync function loadCardsShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      loadFullCardsShape\n    } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n    await loadFullCardsShape(e);\n    await loadCardSuitsShape(e);\n  });\n}\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../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.1\");\n    await engine.pluginManager.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.1\");\n    await engine.pluginManager.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/all/../../shapes/cards/dist/browser/index.js?\n}");
 
 /***/ },
 
@@ -73,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 */   loadSpadesSuitShape: () => (/* binding */ loadSpadesSuitShape)\n/* harmony export */ });\nasync function loadSpadesSuitShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\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/all/../../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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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/all/../../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.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_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/all/../../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/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\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/pathUtils/dist/browser/Utils.js"
+/*!***************************************************!*\
+  !*** ../../utils/pathUtils/dist/browser/Utils.js ***!
+  \***************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0, index2 = 1, index3 = 2, index4 = 3;\nfunction drawPath(ctx, radius, path) {\n    const firstSegment = path.segments[firstIndex];\n    if (!firstSegment) {\n        return;\n    }\n    const firstValue = firstSegment.values[firstIndex];\n    if (!firstValue) {\n        return;\n    }\n    ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n    for (const segment of path.segments){\n        const value = segment.values[firstIndex];\n        if (!value) {\n            continue;\n        }\n        const segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3], segmentValue4 = segment.values[index4];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n                ctx.moveTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                ctx.lineTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n                break;\n        }\n    }\n    if (!path.half) {\n        return;\n    }\n    const lengthOffset = 1, minLength = 0;\n    for(let i = path.segments.length - lengthOffset; i >= minLength; i--){\n        const segment = path.segments[i];\n        if (!segment) {\n            continue;\n        }\n        const value = segment.values[firstIndex], index2 = 1, index3 = 2, segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                if (!value) {\n                    break;\n                }\n                ctx.lineTo(value.x * -radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!value || !segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n            default:\n                break;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/Utils.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/pathUtils/dist/browser/index.js"
+/*!***************************************************!*\
+  !*** ../../utils/pathUtils/dist/browser/index.js ***!
+  \***************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/shapes_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.8
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -17,63 +17,13 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_spades_SpadeDrawer_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/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}");
-
-/***/ },
-
 /***/ "../../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 _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  constructor() {\n    this.validTypes = [\"spade\", \"spades\"];\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.spades);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/spades/SpadeDrawer.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 */   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/all/../../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.8
+ * v4.0.0-beta.1
  */
 "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/all/../../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/all/../../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/all/../../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/all/../../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.8
+ * v4.0.0-beta.1
  */
 "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.8\");\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/all/../../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.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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/all/../../shapes/circle/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_cog_dist_browser_CogDrawer_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.1
  */
 "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 */   CogDrawer: () => (/* binding */ CogDrawer)\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/cog/dist/browser/Utils.js\");\n\n\nconst defaultHoleRadius = 44,\n  defaultInnerRadius = 72,\n  defaultInnerTaper = 35,\n  defaultNotches = 7,\n  defaultOuterTaper = 50;\nclass CogDrawer {\n  constructor() {\n    this.validTypes = [\"cog\"];\n  }\n  afterDraw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCogHole)(data);\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCog)(data);\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    particle.cogHoleRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);\n    particle.cogInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);\n    particle.cogInnerTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);\n    particle.cogNotches = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.notches ?? defaultNotches);\n    particle.cogOuterTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/CogDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CogDrawer: () => (/* binding */ CogDrawer)\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/cog/dist/browser/Utils.js\");\n\n\nconst defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;\nclass CogDrawer {\n    afterDraw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCogHole)(data);\n    }\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCog)(data);\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData;\n        particle.cogHoleRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);\n        particle.cogInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);\n        particle.cogInnerTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);\n        particle.cogNotches = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.notches ?? defaultNotches);\n        particle.cogOuterTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/CogDrawer.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 */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAngle = 0,\n  taperFactor = 0.005;\nfunction drawCogHole(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  context.globalCompositeOperation = \"destination-out\";\n  context.beginPath();\n  context.moveTo(holeRadius, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, holeRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI);\n  context.closePath();\n  context.fill();\n  context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const angle = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / (particle.cogNotches * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double),\n    taperAI = angle * particle.cogInnerTaper * taperFactor,\n    taperAO = angle * particle.cogOuterTaper * taperFactor,\n    innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  let a = angle,\n    toggle = false;\n  context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n  for (; a <= _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI; a += angle) {\n    if (toggle) {\n      context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n      context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n    } else {\n      context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n      context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n    }\n    toggle = !toggle;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minAngle = 0, taperFactor = 0.005;\nfunction drawCogHole(data) {\n    const { context, particle, radius } = data;\n    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n        return;\n    }\n    const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n    context.globalCompositeOperation = \"destination-out\";\n    context.beginPath();\n    context.moveTo(holeRadius, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, holeRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI);\n    context.closePath();\n    context.fill();\n    context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n    const { context, particle, radius } = data;\n    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n        return;\n    }\n    const angle = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / (particle.cogNotches * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n    let a = angle, toggle = false;\n    context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n    for(; a <= _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI; a += angle){\n        if (toggle) {\n            context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n            context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n        } else {\n            context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n            context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n        }\n        toggle = !toggle;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_cog_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.1
  */
 "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 */   loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\nasync function loadCogShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      CogDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_CogDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CogDrawer.js */ \"../../shapes/cog/dist/browser/CogDrawer.js\"));\n    e.addShape(new CogDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\nasync function loadCogShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"cog\"\n        ], async ()=>{\n            const { CogDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_CogDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CogDrawer.js */ \"../../shapes/cog/dist/browser/CogDrawer.js\"));\n            return new CogDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_emoji_dist_browser_EmojiDrawer_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.1
  */
 "use strict";
 /*
@@ -23,17 +23,27 @@
   \******************************************************/
 (__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 */   EmojiDrawer: () => (/* binding */ EmojiDrawer)\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/emoji/dist/browser/Utils.js\");\n\n\nconst defaultFont = '\"Twemoji Mozilla\", Apple Color Emoji, \"Segoe UI Emoji\", \"Noto Color Emoji\", \"EmojiOne Color\"',\n  noPadding = 0,\n  firstItem = 0;\nclass EmojiDrawer {\n  constructor() {\n    this.validTypes = [\"emoji\"];\n    this._emojiShapeDict = new Map();\n  }\n  destroy() {\n    for (const [key, data] of this._emojiShapeDict) {\n      if (data instanceof ImageBitmap) {\n        data.close();\n      }\n      this._emojiShapeDict.delete(key);\n    }\n  }\n  draw(data) {\n    const key = data.particle.emojiDataKey;\n    if (!key) {\n      return;\n    }\n    const image = this._emojiShapeDict.get(key);\n    if (!image) {\n      return;\n    }\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n  }\n  async init(container) {\n    const options = container.actualOptions,\n      {\n        validTypes\n      } = this;\n    if (!validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n      return;\n    }\n    const promises = [(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(defaultFont)],\n      shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem];\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n      if (shape.font) {\n        promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font));\n      }\n    });\n    await Promise.all(promises);\n  }\n  particleDestroy(particle) {\n    particle.emojiDataKey = undefined;\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    if (!shapeData.value) {\n      return;\n    }\n    const emoji = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(shapeData.value, particle.randomIndexData);\n    if (!emoji) {\n      return;\n    }\n    const emojiOptions = typeof emoji === \"string\" ? {\n        font: shapeData.font ?? defaultFont,\n        padding: shapeData.padding ?? noPadding,\n        value: emoji\n      } : {\n        font: defaultFont,\n        padding: noPadding,\n        ...shapeData,\n        ...emoji\n      },\n      font = emojiOptions.font,\n      value = emojiOptions.value;\n    const key = `${value}_${font}`;\n    if (this._emojiShapeDict.has(key)) {\n      particle.emojiDataKey = key;\n      return;\n    }\n    const padding = emojiOptions.padding * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n      maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.size.value),\n      fullSize = maxSize + padding,\n      canvasSize = fullSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n    let image;\n    if (typeof OffscreenCanvas !== \"undefined\") {\n      const canvas = new OffscreenCanvas(canvasSize, canvasSize),\n        context = canvas.getContext(\"2d\");\n      if (!context) {\n        return;\n      }\n      context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n      context.textBaseline = \"middle\";\n      context.textAlign = \"center\";\n      context.fillText(value, fullSize, fullSize);\n      image = canvas.transferToImageBitmap();\n    } else {\n      const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n      canvas.width = canvasSize;\n      canvas.height = canvasSize;\n      const context = canvas.getContext(\"2d\");\n      if (!context) {\n        return;\n      }\n      context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n      context.textBaseline = \"middle\";\n      context.textAlign = \"center\";\n      context.fillText(value, fullSize, fullSize);\n      image = canvas;\n    }\n    this._emojiShapeDict.set(key, image);\n    particle.emojiDataKey = key;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/EmojiDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmojiDrawer: () => (/* binding */ EmojiDrawer)\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/emoji/dist/browser/Utils.js\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"../../utils/canvasUtils/dist/browser/index.js\");\n\n\n\nconst defaultFont = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", sans-serif', noPadding = 0, firstItem = 0;\nclass EmojiDrawer {\n    _emojiShapeDict = new Map();\n    destroy() {\n        for (const [key, data] of this._emojiShapeDict){\n            if (data instanceof ImageBitmap) {\n                data.close();\n            }\n            this._emojiShapeDict.delete(key);\n        }\n    }\n    draw(data) {\n        const key = data.particle.emojiDataKey;\n        if (!key) {\n            return;\n        }\n        const image = this._emojiShapeDict.get(key);\n        if (!image) {\n            return;\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n    }\n    async init(container) {\n        const options = container.actualOptions, shapeData = options.particles.shape;\n        if (!_Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.some((t)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, shapeData.type))) {\n            return;\n        }\n        const promises = [\n            (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(defaultFont)\n        ], shapeOptions = _Utils_js__WEBPACK_IMPORTED_MODULE_1__.validTypes.map((t)=>shapeData.options[t])[firstItem];\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, (shape)=>{\n            if (shape.font) {\n                promises.push((0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_2__.loadFont)(shape.font));\n            }\n        });\n        await Promise.all(promises);\n    }\n    particleDestroy(particle) {\n        particle.emojiDataKey = undefined;\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        if (!shapeData.value) {\n            return;\n        }\n        const emoji = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(shapeData.value, particle.randomIndexData);\n        if (!emoji) {\n            return;\n        }\n        const emojiOptions = typeof emoji === \"string\" ? {\n            font: shapeData.font ?? defaultFont,\n            padding: shapeData.padding ?? noPadding,\n            value: emoji\n        } : {\n            font: defaultFont,\n            padding: noPadding,\n            ...shapeData,\n            ...emoji\n        }, font = emojiOptions.font, value = emojiOptions.value, cacheKey = `${value}_${font}`;\n        if (this._emojiShapeDict.has(cacheKey)) {\n            particle.emojiDataKey = cacheKey;\n            return;\n        }\n        const padding = emojiOptions.padding * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n        let cacheCanvas, context;\n        if (typeof OffscreenCanvas === \"undefined\") {\n            const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n            canvas.width = canvasSize;\n            canvas.height = canvasSize;\n            context = canvas.getContext(\"2d\", container.canvas.render.settings);\n            cacheCanvas = canvas;\n        } else {\n            cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);\n            context = cacheCanvas.getContext(\"2d\", container.canvas.render.settings);\n        }\n        if (!context) {\n            return;\n        }\n        context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n        context.textBaseline = \"middle\";\n        context.textAlign = \"center\";\n        context.fillText(value, fullSize, fullSize);\n        const image = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();\n        this._emojiShapeDict.set(cacheKey, image);\n        particle.emojiDataKey = cacheKey;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/EmojiDrawer.js?\n}");
 
 /***/ },
 
-/***/ "../../shapes/emoji/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/emoji/dist/browser/Utils.js ***!
-  \************************************************/
+/***/ "../../utils/canvasUtils/dist/browser/Utils.js"
+/*!*****************************************************!*\
+  !*** ../../utils/canvasUtils/dist/browser/Utils.js ***!
+  \*****************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawEmoji: () => (/* binding */ drawEmoji)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction drawEmoji(data, image) {\n  const {\n      context,\n      opacity\n    } = data,\n    previousAlpha = context.globalAlpha,\n    diameter = image.width,\n    radius = diameter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n  context.globalAlpha = opacity;\n  context.drawImage(image, -radius, -radius, diameter, diameter);\n  context.globalAlpha = previousAlpha;\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* binding */ drawLine),\n/* harmony export */   getCanvasImageData: () => (/* binding */ getCanvasImageData),\n/* harmony export */   getImageData: () => (/* binding */ getImageData),\n/* harmony export */   getTextData: () => (/* binding */ getTextData),\n/* harmony export */   loadFont: () => (/* binding */ loadFont)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultWidth = 0, indexesOffset = {\n    r: 0,\n    g: 1,\n    b: 2,\n    a: 3\n}, alphaMax = 255, alphaFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / alphaMax;\nfunction drawLine(context, begin, end) {\n    context.beginPath();\n    context.moveTo(begin.x, begin.y);\n    context.lineTo(end.x, end.y);\n    context.closePath();\n}\nfunction getCanvasImageData(ctx, size, offset, clear = true) {\n    const imageData = ctx.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height).data;\n    if (clear) {\n        ctx.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height);\n    }\n    const pixels = [];\n    for(let i = 0; i < imageData.length; i += offset){\n        const idx = i / offset, pos = {\n            x: idx % size.width,\n            y: Math.floor(idx / size.width)\n        };\n        pixels[pos.y] ??= [];\n        const row = pixels[pos.y];\n        if (!row) {\n            continue;\n        }\n        row[pos.x] = {\n            r: imageData[i + indexesOffset.r] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            g: imageData[i + indexesOffset.g] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            b: imageData[i + indexesOffset.b] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            a: (imageData[i + indexesOffset.a] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha) * alphaFactor\n        };\n    }\n    return {\n        pixels,\n        width: Math.min(...pixels.map((row)=>row.length)),\n        height: pixels.length\n    };\n}\nfunction getImageData(src, offset, canvasSettings) {\n    const image = new Image();\n    image.crossOrigin = \"Anonymous\";\n    const p = new Promise((resolve, reject)=>{\n        image.onerror = reject;\n        image.onload = ()=>{\n            const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n            canvas.width = image.width;\n            canvas.height = image.height;\n            const context = canvas.getContext(\"2d\", canvasSettings);\n            if (!context) {\n                reject(new Error(\"Could not get canvas context\"));\n                return;\n            }\n            context.drawImage(image, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, image.width, image.height, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, canvas.width, canvas.height);\n            resolve(getCanvasImageData(context, canvas, offset));\n        };\n    });\n    image.src = src;\n    return p;\n}\nfunction getTextData(textOptions, offset, fill, canvasSettings) {\n    const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\"), context = canvas.getContext(\"2d\", canvasSettings), { font, text, lines: linesOptions, color } = textOptions;\n    if (!text || !context) {\n        return;\n    }\n    const lines = text.split(linesOptions.separator), fontSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];\n    let maxWidth = 0, totalHeight = 0;\n    for (const line of lines){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        const measure = context.measureText(line), lineData = {\n            measure,\n            text: line,\n            height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,\n            width: measure.width\n        };\n        maxWidth = Math.max(maxWidth || defaultWidth, lineData.width);\n        totalHeight += lineData.height + linesOptions.spacing;\n        linesData.push(lineData);\n    }\n    canvas.width = maxWidth;\n    canvas.height = totalHeight;\n    let currentHeight = 0;\n    for (const line of linesData){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        if (fill) {\n            context.fillStyle = color;\n            context.fillText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        } else {\n            context.strokeStyle = color;\n            context.strokeText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        }\n        currentHeight += line.height + linesOptions.spacing;\n    }\n    return getCanvasImageData(context, canvas, offset);\n}\nasync function loadFont(font, weight) {\n    try {\n        await (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().fonts.load(`${weight ?? \"400\"} 36px '${font ?? \"Verdana\"}'`);\n    } catch  {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/canvasUtils/dist/browser/Utils.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/canvasUtils/dist/browser/index.js"
+/*!*****************************************************!*\
+  !*** ../../utils/canvasUtils/dist/browser/index.js ***!
+  \*****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawLine),\n/* harmony export */   getCanvasImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getCanvasImageData),\n/* harmony export */   getImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getImageData),\n/* harmony export */   getTextData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getTextData),\n/* harmony export */   loadFont: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.loadFont)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/canvasUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/canvasUtils/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_emoji_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.1
  */
 "use strict";
 /*
@@ -17,13 +17,23 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_emoji_dist_browser_index_js"],{
 
+/***/ "../../shapes/emoji/dist/browser/Utils.js"
+/*!************************************************!*\
+  !*** ../../shapes/emoji/dist/browser/Utils.js ***!
+  \************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawEmoji: () => (/* binding */ drawEmoji),\n/* harmony export */   validTypes: () => (/* binding */ validTypes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst validTypes = [\n    \"emoji\"\n];\nfunction drawEmoji(data, image) {\n    const { context, opacity } = data, previousAlpha = context.globalAlpha, diameter = image.width, radius = diameter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    context.globalAlpha = opacity;\n    context.drawImage(image, -radius, -radius, diameter, diameter);\n    context.globalAlpha = previousAlpha;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/Utils.js?\n}");
+
+/***/ },
+
 /***/ "../../shapes/emoji/dist/browser/index.js"
 /*!************************************************!*\
   !*** ../../shapes/emoji/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 */   loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\nasync function loadEmojiShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      EmojiDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_emoji_dist_browser_EmojiDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmojiDrawer.js */ \"../../shapes/emoji/dist/browser/EmojiDrawer.js\"));\n    e.addShape(new EmojiDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/emoji/dist/browser/Utils.js\");\n\nasync function loadEmojiShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.validTypes, async ()=>{\n            const { EmojiDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_emoji_dist_browser_EmojiDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmojiDrawer.js */ \"../../shapes/emoji/dist/browser/EmojiDrawer.js\"));\n            return new EmojiDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/index.js?\n}");
 
 /***/ }