@tsparticles/all 4.0.0-alpha.25 → 4.0.0-alpha.27

package/plugins_zoom_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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -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 */   Zoom: () => (/* reexport safe */ _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom),\n/* harmony export */   initialTouchDistance: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance),\n/* harmony export */   loadZoomPlugin: () => (/* binding */ loadZoomPlugin),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Zoom.js */ \"../../plugins/zoom/dist/browser/Options/Classes/Zoom.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nasync function loadZoomPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { ZoomPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPlugin.js */ \"../../plugins/zoom/dist/browser/ZoomPlugin.js\"));\n        e.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Zoom: () => (/* reexport safe */ _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom),\n/* harmony export */   initialTouchDistance: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance),\n/* harmony export */   loadZoomPlugin: () => (/* binding */ loadZoomPlugin),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Zoom.js */ \"../../plugins/zoom/dist/browser/Options/Classes/Zoom.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nasync function loadZoomPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { ZoomPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPlugin.js */ \"../../plugins/zoom/dist/browser/ZoomPlugin.js\"));\n        e.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
 
 /***/ }
 

package/report.html

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

package/shapes_arrow_dist_browser_ArrowDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_arrow_dist_browser_index_js.js

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

package/shapes_cards_dist_browser_cards_CardDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_clubs_ClubDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_diamonds_DiamondDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_hearts_HeartDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"card\"\n        ], async ()=>{\n            const { CardDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_cards_CardDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n            return new CardDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"card\"\n        ], async ()=>{\n            const { CardDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_cards_CardDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n            return new CardDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"club\",\n            \"clubs\"\n        ], async ()=>{\n            const { ClubDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_clubs_ClubDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n            return new ClubDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"club\",\n            \"clubs\"\n        ], async ()=>{\n            const { ClubDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_clubs_ClubDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n            return new ClubDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"diamond\",\n            \"diamonds\"\n        ], async ()=>{\n            const { DiamondDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n            return new DiamondDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"diamond\",\n            \"diamonds\"\n        ], async ()=>{\n            const { DiamondDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n            return new DiamondDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\",\n            \"hearts\"\n        ], async ()=>{\n            const { HeartDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_hearts_HeartDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\",\n            \"hearts\"\n        ], async ()=>{\n            const { HeartDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_hearts_HeartDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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.25\");\n    await engine.register(async (e)=>{\n        const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"))\n        ]);\n        await Promise.all([\n            loadClubsSuitShape(e),\n            loadDiamondsSuitShape(e),\n            loadHeartsSuitShape(e),\n            loadSpadesSuitShape(e)\n        ]);\n    });\n}\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { loadFullCardsShape } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register(async (e)=>{\n        const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"))\n        ]);\n        await Promise.all([\n            loadClubsSuitShape(e),\n            loadDiamondsSuitShape(e),\n            loadHeartsSuitShape(e),\n            loadSpadesSuitShape(e)\n        ]);\n    });\n}\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { loadFullCardsShape } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"spade\",\n            \"spades\"\n        ], async ()=>{\n            const { SpadeDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_spades_SpadeDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n            return new SpadeDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"spade\",\n            \"spades\"\n        ], async ()=>{\n            const { SpadeDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_spades_SpadeDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n            return new SpadeDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/spades/index.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_paths_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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "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.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"circle\"\n        ], async ()=>{\n            const { CircleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n            return new CircleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"circle\"\n        ], async ()=>{\n            const { CircleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n            return new CircleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "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.25\");\n    await engine.register((e)=>{\n        e.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}");
+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.27\");\n    await engine.register((e)=>{\n        e.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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -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 */   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-alpha.25\");\n    await engine.register((e)=>{\n        e.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}");
+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-alpha.27\");\n    await engine.register((e)=>{\n        e.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}");
 
 /***/ }
 

package/shapes_heart_dist_browser_HeartDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_heart_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.25
+ * v4.0.0-alpha.27
  */
 "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 */   loadHeartShape: () => (/* binding */ loadHeartShape)\n/* harmony export */ });\nasync function loadHeartShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\"\n        ], async ()=>{\n            const { HeartDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_HeartDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/heart/dist/browser/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/heart/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHeartShape: () => (/* binding */ loadHeartShape)\n/* harmony export */ });\nasync function loadHeartShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\"\n        ], async ()=>{\n            const { HeartDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_HeartDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/heart/dist/browser/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/heart/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_image_dist_browser_GifUtils_Utils_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.25
+ * v4.0.0-alpha.27
  */
 "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 */   ByteStream: () => (/* binding */ ByteStream)\n/* harmony export */ });\nclass ByteStream {\n    data;\n    pos;\n    constructor(bytes){\n        this.pos = 0;\n        this.data = new Uint8ClampedArray(bytes);\n    }\n    getString(count) {\n        const slice = this.data.slice(this.pos, this.pos + count);\n        this.pos += slice.length;\n        return slice.reduce((acc, curr)=>acc + String.fromCharCode(curr), \"\");\n    }\n    nextByte() {\n        return this.data[this.pos++];\n    }\n    nextTwoBytes() {\n        const increment = 2, previous = 1, shift = 8;\n        this.pos += increment;\n        return this.data[this.pos - increment] + (this.data[this.pos - previous] << shift);\n    }\n    readSubBlocks() {\n        let blockString = \"\", size = 0;\n        const minCount = 0, emptySize = 0;\n        do {\n            size = this.data[this.pos++];\n            for(let count = size; --count >= minCount; blockString += String.fromCharCode(this.data[this.pos++])){}\n        }while (size !== emptySize)\n        return blockString;\n    }\n    readSubBlocksBin() {\n        let size = this.data[this.pos], len = 0;\n        const emptySize = 0, increment = 1;\n        for(let offset = 0; size !== emptySize; offset += size + increment, size = this.data[this.pos + offset]){\n            len += size;\n        }\n        const blockData = new Uint8Array(len);\n        size = this.data[this.pos++];\n        for(let i = 0; size !== emptySize; size = this.data[this.pos++]){\n            for(let count = size; --count >= emptySize; blockData[i++] = this.data[this.pos++]){}\n        }\n        return blockData;\n    }\n    skipSubBlocks() {\n        for(const increment = 1, noData = 0; this.data[this.pos] !== noData; this.pos += this.data[this.pos] + increment){}\n        this.pos++;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/GifUtils/ByteStream.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ByteStream: () => (/* binding */ ByteStream)\n/* harmony export */ });\nclass ByteStream {\n    data;\n    pos;\n    constructor(bytes){\n        this.pos = 0;\n        this.data = new Uint8ClampedArray(bytes);\n    }\n    getString(count) {\n        const slice = this.data.slice(this.pos, this.pos + count);\n        this.pos += slice.length;\n        return slice.reduce((acc, curr)=>acc + String.fromCharCode(curr), \"\");\n    }\n    nextByte() {\n        return this.data[this.pos++];\n    }\n    nextTwoBytes() {\n        const increment = 2, previous = 1, shift = 8;\n        this.pos += increment;\n        return this.data[this.pos - increment] + (this.data[this.pos - previous] << shift);\n    }\n    readSubBlocks() {\n        let blockString = \"\", size;\n        const minCount = 0, emptySize = 0;\n        do {\n            size = this.data[this.pos++];\n            for(let count = size; --count >= minCount; blockString += String.fromCharCode(this.data[this.pos++])){}\n        }while (size !== emptySize)\n        return blockString;\n    }\n    readSubBlocksBin() {\n        let size = this.data[this.pos], len = 0;\n        const emptySize = 0, increment = 1;\n        for(let offset = 0; size !== emptySize; offset += size + increment, size = this.data[this.pos + offset]){\n            len += size;\n        }\n        const blockData = new Uint8Array(len);\n        size = this.data[this.pos++];\n        for(let i = 0; size !== emptySize; size = this.data[this.pos++]){\n            for(let count = size; --count >= emptySize; blockData[i++] = this.data[this.pos++]){}\n        }\n        return blockData;\n    }\n    skipSubBlocks() {\n        for(const increment = 1, noData = 0; this.data[this.pos] !== noData; this.pos += this.data[this.pos] + increment){}\n        this.pos++;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/GifUtils/ByteStream.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 */   decodeGIF: () => (/* binding */ decodeGIF),\n/* harmony export */   drawGif: () => (/* binding */ drawGif),\n/* harmony export */   getGIFLoopAmount: () => (/* binding */ getGIFLoopAmount),\n/* harmony export */   loadGifImage: () => (/* binding */ loadGifImage)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/image/dist/browser/Utils.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Constants.js */ \"../../shapes/image/dist/browser/GifUtils/Constants.js\");\n/* harmony import */ var _ByteStream_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ByteStream.js */ \"../../shapes/image/dist/browser/GifUtils/ByteStream.js\");\n/* harmony import */ var _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DisposalMethod.js */ \"../../shapes/image/dist/browser/GifUtils/Enums/DisposalMethod.js\");\n/* harmony import */ var _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Types/GIFDataHeaders.js */ \"../../shapes/image/dist/browser/GifUtils/Types/GIFDataHeaders.js\");\n\n\n\n\n\n\nconst defaultFrame = 0, initialTime = 0, firstIndex = 0, defaultLoopCount = 0;\nfunction parseColorTable(byteStream, count) {\n    const colors = [];\n    for(let i = 0; i < count; i++){\n        colors.push({\n            r: byteStream.data[byteStream.pos],\n            g: byteStream.data[byteStream.pos + 1],\n            b: byteStream.data[byteStream.pos + 2]\n        });\n        byteStream.pos += 3;\n    }\n    return colors;\n}\nfunction parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {\n    switch(byteStream.nextByte()){\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.GraphicsControlExtension:\n            {\n                const frame = gif.frames[getFrameIndex(false)];\n                byteStream.pos++;\n                const packedByte = byteStream.nextByte();\n                frame.GCreserved = (packedByte & 0xe0) >>> 5;\n                frame.disposalMethod = (packedByte & 0x1c) >>> 2;\n                frame.userInputDelayFlag = (packedByte & 2) === 2;\n                const transparencyFlag = (packedByte & 1) === 1;\n                frame.delayTime = byteStream.nextTwoBytes() * 0xa;\n                const transparencyIndex = byteStream.nextByte();\n                if (transparencyFlag) {\n                    getTransparencyIndex(transparencyIndex);\n                }\n                byteStream.pos++;\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.ApplicationExtension:\n            {\n                byteStream.pos++;\n                const applicationExtension = {\n                    identifier: byteStream.getString(8),\n                    authenticationCode: byteStream.getString(3),\n                    data: byteStream.readSubBlocksBin()\n                };\n                gif.applicationExtensions.push(applicationExtension);\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.CommentExtension:\n            {\n                gif.comments.push([\n                    getFrameIndex(false),\n                    byteStream.readSubBlocks()\n                ]);\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.PlainTextExtension:\n            {\n                if (gif.globalColorTable.length === 0) {\n                    throw new EvalError(\"plain text extension without global color table\");\n                }\n                byteStream.pos++;\n                gif.frames[getFrameIndex(false)].plainTextData = {\n                    left: byteStream.nextTwoBytes(),\n                    top: byteStream.nextTwoBytes(),\n                    width: byteStream.nextTwoBytes(),\n                    height: byteStream.nextTwoBytes(),\n                    charSize: {\n                        width: byteStream.nextTwoBytes(),\n                        height: byteStream.nextTwoBytes()\n                    },\n                    foregroundColor: byteStream.nextByte(),\n                    backgroundColor: byteStream.nextByte(),\n                    text: byteStream.readSubBlocks()\n                };\n                break;\n            }\n        default:\n            byteStream.skipSubBlocks();\n            break;\n    }\n}\nfunction readBits(imageData, pos, len) {\n    const bytePos = pos >>> 3, bitPos = pos & 7;\n    return (imageData[bytePos] + (imageData[bytePos + 1] << 8) + (imageData[bytePos + 2] << 16) & (1 << len) - 1 << bitPos) >>> bitPos;\n}\nasync function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback) {\n    const frame = gif.frames[getFrameIndex(true)];\n    frame.left = byteStream.nextTwoBytes();\n    frame.top = byteStream.nextTwoBytes();\n    frame.width = byteStream.nextTwoBytes();\n    frame.height = byteStream.nextTwoBytes();\n    const packedByte = byteStream.nextByte(), localColorTableFlag = (packedByte & 0x80) === 0x80, interlacedFlag = (packedByte & 0x40) === 0x40;\n    frame.sortFlag = (packedByte & 0x20) === 0x20;\n    frame.reserved = (packedByte & 0x18) >>> 3;\n    const localColorCount = 1 << (packedByte & 7) + 1;\n    if (localColorTableFlag) {\n        frame.localColorTable = parseColorTable(byteStream, localColorCount);\n    }\n    const getColor = (index)=>{\n        const { r, g, b } = (localColorTableFlag ? frame.localColorTable : gif.globalColorTable)[index];\n        if (index !== getTransparencyIndex(null)) {\n            return {\n                r,\n                g,\n                b,\n                a: 255\n            };\n        }\n        return {\n            r,\n            g,\n            b,\n            a: avgAlpha ? Math.trunc((r + g + b) / 3) : 0\n        };\n    }, image = (()=>{\n        try {\n            return new ImageData(frame.width, frame.height, canvasSettings);\n        } catch (error) {\n            if (error instanceof DOMException && error.name === \"IndexSizeError\") {\n                return null;\n            }\n            throw error;\n        }\n    })();\n    if (image == null) {\n        throw new EvalError(\"GIF frame size is to large\");\n    }\n    const minCodeSize = byteStream.nextByte(), imageData = byteStream.readSubBlocksBin(), clearCode = 1 << minCodeSize;\n    if (interlacedFlag) {\n        for(let code = 0, size = minCodeSize + 1, pos = 0, dic = [\n            [\n                0\n            ]\n        ], pass = 0; pass < 4; pass++){\n            if (_Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] < frame.height) {\n                let pixelPos = 0, lineIndex = 0, exit = false;\n                while(!exit){\n                    const last = code;\n                    code = readBits(imageData, pos, size);\n                    pos += size + 1;\n                    if (code === clearCode) {\n                        size = minCodeSize + 1;\n                        dic.length = clearCode + 2;\n                        for(let i = 0; i < dic.length; i++){\n                            dic[i] = i < clearCode ? [\n                                i\n                            ] : [];\n                        }\n                    } else {\n                        if (code >= dic.length) {\n                            dic.push(dic[last].concat(dic[last][0]));\n                        } else if (last !== clearCode) {\n                            dic.push(dic[last].concat(dic[code][0]));\n                        }\n                        for (const item of dic[code]){\n                            const { r, g, b, a } = getColor(item);\n                            image.data.set([\n                                r,\n                                g,\n                                b,\n                                a\n                            ], _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] * frame.width + _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceSteps[pass] * lineIndex + pixelPos % (frame.width * 4));\n                            pixelPos += 4;\n                        }\n                        if (dic.length === 1 << size && size < 0xc) {\n                            size++;\n                        }\n                    }\n                    if (pixelPos === frame.width * 4 * (lineIndex + 1)) {\n                        lineIndex++;\n                        if (_Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] + _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceSteps[pass] * lineIndex >= frame.height) {\n                            exit = true;\n                        }\n                    }\n                }\n            }\n            progressCallback?.(byteStream.pos / (byteStream.data.length - 1), getFrameIndex(false) + 1, image, {\n                x: frame.left,\n                y: frame.top\n            }, {\n                width: gif.width,\n                height: gif.height\n            });\n        }\n        frame.image = image;\n        frame.bitmap = await createImageBitmap(image);\n    } else {\n        let code = 0, size = minCodeSize + 1, pos = 0, pixelPos = -4;\n        const dic = [\n            [\n                0\n            ]\n        ];\n        for(;;){\n            const last = code;\n            code = readBits(imageData, pos, size);\n            pos += size;\n            if (code === clearCode) {\n                size = minCodeSize + 1;\n                dic.length = clearCode + 2;\n                for(let i = 0; i < dic.length; i++){\n                    dic[i] = i < clearCode ? [\n                        i\n                    ] : [];\n                }\n            } else {\n                if (code === clearCode + 1) {\n                    break;\n                }\n                if (code >= dic.length) {\n                    dic.push(dic[last].concat(dic[last][0]));\n                } else if (last !== clearCode) {\n                    dic.push(dic[last].concat(dic[code][0]));\n                }\n                for (const item of dic[code]){\n                    const { r, g, b, a } = getColor(item);\n                    pixelPos += 4;\n                    image.data.set([\n                        r,\n                        g,\n                        b,\n                        a\n                    ], pixelPos);\n                }\n                if (dic.length >= 1 << size && size < 0xc) {\n                    size++;\n                }\n            }\n        }\n        frame.image = image;\n        frame.bitmap = await createImageBitmap(image);\n        progressCallback?.((byteStream.pos + 1) / byteStream.data.length, getFrameIndex(false) + 1, frame.image, {\n            x: frame.left,\n            y: frame.top\n        }, {\n            width: gif.width,\n            height: gif.height\n        });\n    }\n}\nasync function parseBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback) {\n    switch(byteStream.nextByte()){\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.EndOfFile:\n            return true;\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.Image:\n            await parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback);\n            break;\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.Extension:\n            parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);\n            break;\n        default:\n            throw new EvalError(\"undefined block found\");\n    }\n    return false;\n}\nfunction getGIFLoopAmount(gif) {\n    for (const extension of gif.applicationExtensions){\n        if (extension.identifier + extension.authenticationCode !== \"NETSCAPE2.0\") {\n            continue;\n        }\n        return extension.data[1] + (extension.data[2] << 8);\n    }\n    return Number.NaN;\n}\nasync function decodeGIF(gifURL, canvasSettings, progressCallback, avgAlpha) {\n    avgAlpha ??= false;\n    const res = await fetch(gifURL);\n    if (!res.ok && res.status === 404) {\n        throw new EvalError(\"file not found\");\n    }\n    const buffer = await res.arrayBuffer(), gif = {\n        width: 0,\n        height: 0,\n        totalTime: 0,\n        colorRes: 0,\n        pixelAspectRatio: 0,\n        frames: [],\n        sortFlag: false,\n        globalColorTable: [],\n        backgroundImage: new ImageData(1, 1, canvasSettings),\n        comments: [],\n        applicationExtensions: []\n    }, byteStream = new _ByteStream_js__WEBPACK_IMPORTED_MODULE_3__.ByteStream(new Uint8ClampedArray(buffer));\n    if (byteStream.getString(6) !== \"GIF89a\") {\n        throw new Error(\"not a supported GIF file\");\n    }\n    gif.width = byteStream.nextTwoBytes();\n    gif.height = byteStream.nextTwoBytes();\n    const packedByte = byteStream.nextByte(), globalColorTableFlag = (packedByte & 0x80) === 0x80;\n    gif.colorRes = (packedByte & 0x70) >>> 4;\n    gif.sortFlag = (packedByte & 8) === 8;\n    const globalColorCount = 1 << (packedByte & 7) + 1, backgroundColorIndex = byteStream.nextByte();\n    gif.pixelAspectRatio = byteStream.nextByte();\n    if (gif.pixelAspectRatio !== 0) {\n        gif.pixelAspectRatio = (gif.pixelAspectRatio + 0xf) / 0x40;\n    }\n    if (globalColorTableFlag) {\n        gif.globalColorTable = parseColorTable(byteStream, globalColorCount);\n    }\n    const backgroundImage = (()=>{\n        try {\n            return new ImageData(gif.width, gif.height, canvasSettings);\n        } catch (error) {\n            if (error instanceof DOMException && error.name === \"IndexSizeError\") {\n                return null;\n            }\n            throw error;\n        }\n    })();\n    if (backgroundImage == null) {\n        throw new Error(\"GIF frame size is to large\");\n    }\n    const { r, g, b } = gif.globalColorTable[backgroundColorIndex];\n    backgroundImage.data.set(globalColorTableFlag ? [\n        r,\n        g,\n        b,\n        255\n    ] : [\n        0,\n        0,\n        0,\n        0\n    ]);\n    for(let i = 4; i < backgroundImage.data.length; i *= 2){\n        backgroundImage.data.copyWithin(i, 0, i);\n    }\n    gif.backgroundImage = backgroundImage;\n    let frameIndex = -1, incrementFrameIndex = true, transparencyIndex = -1;\n    const getframeIndex = (increment)=>{\n        if (increment) {\n            incrementFrameIndex = true;\n        }\n        return frameIndex;\n    }, getTransparencyIndex = (newValue)=>{\n        if (newValue != null) {\n            transparencyIndex = newValue;\n        }\n        return transparencyIndex;\n    };\n    try {\n        do {\n            if (incrementFrameIndex) {\n                gif.frames.push({\n                    left: 0,\n                    top: 0,\n                    width: 0,\n                    height: 0,\n                    disposalMethod: _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Replace,\n                    image: new ImageData(1, 1, canvasSettings),\n                    plainTextData: null,\n                    userInputDelayFlag: false,\n                    delayTime: 0,\n                    sortFlag: false,\n                    localColorTable: [],\n                    reserved: 0,\n                    GCreserved: 0\n                });\n                frameIndex++;\n                transparencyIndex = -1;\n                incrementFrameIndex = false;\n            }\n        }while (!await parseBlock(byteStream, gif, avgAlpha, getframeIndex, getTransparencyIndex, canvasSettings, progressCallback))\n        gif.frames.length--;\n        for (const frame of gif.frames){\n            if (frame.userInputDelayFlag && frame.delayTime === 0) {\n                gif.totalTime = Infinity;\n                break;\n            }\n            gif.totalTime += frame.delayTime;\n        }\n        return gif;\n    } catch (error) {\n        if (error instanceof EvalError) {\n            throw new Error(`error while parsing frame ${frameIndex.toString()} \"${error.message}\"`);\n        }\n        throw error;\n    }\n}\nfunction drawGif(data, canvasSettings) {\n    const { context, radius, particle, delta } = data, image = particle.image;\n    if (!image?.gifData || !image.gif) {\n        return;\n    }\n    const offscreenCanvas = new OffscreenCanvas(image.gifData.width, image.gifData.height), offscreenContext = offscreenCanvas.getContext(\"2d\", canvasSettings);\n    if (!offscreenContext) {\n        throw new Error(\"could not create offscreen canvas context\");\n    }\n    offscreenContext.imageSmoothingQuality = \"low\";\n    offscreenContext.imageSmoothingEnabled = false;\n    offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n    particle.gifLoopCount ??= image.gifLoopCount ?? defaultLoopCount;\n    let frameIndex = particle.gifFrame ?? defaultFrame;\n    const pos = {\n        x: -image.gifData.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n        y: -image.gifData.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n    }, frame = image.gifData.frames[frameIndex];\n    particle.gifTime ??= initialTime;\n    if (!frame.bitmap) {\n        return;\n    }\n    context.scale(radius / image.gifData.width, radius / image.gifData.height);\n    switch(frame.disposalMethod){\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedA:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedB:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedC:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedD:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Replace:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Combine:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.RestoreBackground:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n            if (!image.gifData.globalColorTable.length) {\n                offscreenContext.putImageData(image.gifData.frames[firstIndex].image, pos.x + frame.left, pos.y + frame.top);\n            } else {\n                offscreenContext.putImageData(image.gifData.backgroundImage, pos.x, pos.y);\n            }\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.RestorePrevious:\n            {\n                const previousImageData = offscreenContext.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n                offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n                context.drawImage(offscreenCanvas, pos.x, pos.y);\n                offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n                offscreenContext.putImageData(previousImageData, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y);\n            }\n            break;\n    }\n    particle.gifTime += delta.value;\n    if (particle.gifTime > frame.delayTime) {\n        particle.gifTime -= frame.delayTime;\n        if (++frameIndex >= image.gifData.frames.length) {\n            if (--particle.gifLoopCount <= defaultLoopCount) {\n                return;\n            }\n            frameIndex = firstIndex;\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n        }\n        particle.gifFrame = frameIndex;\n    }\n    context.scale(image.gifData.width / radius, image.gifData.height / radius);\n}\nasync function loadGifImage(image, canvasSettings) {\n    if (image.type !== \"gif\") {\n        await (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.loadImage)(image);\n        return;\n    }\n    image.loading = true;\n    try {\n        image.gifData = await decodeGIF(image.source, canvasSettings);\n        image.gifLoopCount = getGIFLoopAmount(image.gifData);\n        if (!image.gifLoopCount) {\n            image.gifLoopCount = Infinity;\n        }\n    } catch  {\n        image.error = true;\n    }\n    image.loading = false;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/GifUtils/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   decodeGIF: () => (/* binding */ decodeGIF),\n/* harmony export */   drawGif: () => (/* binding */ drawGif),\n/* harmony export */   getGIFLoopAmount: () => (/* binding */ getGIFLoopAmount),\n/* harmony export */   loadGifImage: () => (/* binding */ loadGifImage)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils.js */ \"../../shapes/image/dist/browser/Utils.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Constants.js */ \"../../shapes/image/dist/browser/GifUtils/Constants.js\");\n/* harmony import */ var _ByteStream_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ByteStream.js */ \"../../shapes/image/dist/browser/GifUtils/ByteStream.js\");\n/* harmony import */ var _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DisposalMethod.js */ \"../../shapes/image/dist/browser/GifUtils/Enums/DisposalMethod.js\");\n/* harmony import */ var _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Types/GIFDataHeaders.js */ \"../../shapes/image/dist/browser/GifUtils/Types/GIFDataHeaders.js\");\n\n\n\n\n\n\nconst defaultFrame = 0, initialTime = 0, firstIndex = 0, defaultLoopCount = 0;\nfunction parseColorTable(byteStream, count) {\n    const colors = [];\n    for(let i = 0; i < count; i++){\n        colors.push({\n            r: byteStream.data[byteStream.pos],\n            g: byteStream.data[byteStream.pos + 1],\n            b: byteStream.data[byteStream.pos + 2]\n        });\n        byteStream.pos += 3;\n    }\n    return colors;\n}\nfunction parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {\n    switch(byteStream.nextByte()){\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.GraphicsControlExtension:\n            {\n                const frame = gif.frames[getFrameIndex(false)];\n                byteStream.pos++;\n                const packedByte = byteStream.nextByte();\n                frame.GCreserved = (packedByte & 0xe0) >>> 5;\n                frame.disposalMethod = (packedByte & 0x1c) >>> 2;\n                frame.userInputDelayFlag = (packedByte & 2) === 2;\n                const transparencyFlag = (packedByte & 1) === 1;\n                frame.delayTime = byteStream.nextTwoBytes() * 0xa;\n                const transparencyIndex = byteStream.nextByte();\n                if (transparencyFlag) {\n                    getTransparencyIndex(transparencyIndex);\n                }\n                byteStream.pos++;\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.ApplicationExtension:\n            {\n                byteStream.pos++;\n                const applicationExtension = {\n                    identifier: byteStream.getString(8),\n                    authenticationCode: byteStream.getString(3),\n                    data: byteStream.readSubBlocksBin()\n                };\n                gif.applicationExtensions.push(applicationExtension);\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.CommentExtension:\n            {\n                gif.comments.push([\n                    getFrameIndex(false),\n                    byteStream.readSubBlocks()\n                ]);\n                break;\n            }\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.PlainTextExtension:\n            {\n                if (gif.globalColorTable.length === 0) {\n                    throw new EvalError(\"plain text extension without global color table\");\n                }\n                byteStream.pos++;\n                gif.frames[getFrameIndex(false)].plainTextData = {\n                    left: byteStream.nextTwoBytes(),\n                    top: byteStream.nextTwoBytes(),\n                    width: byteStream.nextTwoBytes(),\n                    height: byteStream.nextTwoBytes(),\n                    charSize: {\n                        width: byteStream.nextTwoBytes(),\n                        height: byteStream.nextTwoBytes()\n                    },\n                    foregroundColor: byteStream.nextByte(),\n                    backgroundColor: byteStream.nextByte(),\n                    text: byteStream.readSubBlocks()\n                };\n                break;\n            }\n        default:\n            byteStream.skipSubBlocks();\n            break;\n    }\n}\nfunction readBits(imageData, pos, len) {\n    const bytePos = pos >>> 3, bitPos = pos & 7;\n    return (imageData[bytePos] + (imageData[bytePos + 1] << 8) + (imageData[bytePos + 2] << 16) & (1 << len) - 1 << bitPos) >>> bitPos;\n}\nasync function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback) {\n    const frame = gif.frames[getFrameIndex(true)];\n    frame.left = byteStream.nextTwoBytes();\n    frame.top = byteStream.nextTwoBytes();\n    frame.width = byteStream.nextTwoBytes();\n    frame.height = byteStream.nextTwoBytes();\n    const packedByte = byteStream.nextByte(), localColorTableFlag = (packedByte & 0x80) === 0x80, interlacedFlag = (packedByte & 0x40) === 0x40;\n    frame.sortFlag = (packedByte & 0x20) === 0x20;\n    frame.reserved = (packedByte & 0x18) >>> 3;\n    const localColorCount = 1 << (packedByte & 7) + 1;\n    if (localColorTableFlag) {\n        frame.localColorTable = parseColorTable(byteStream, localColorCount);\n    }\n    const getColor = (index)=>{\n        const { r, g, b } = (localColorTableFlag ? frame.localColorTable : gif.globalColorTable)[index];\n        if (index !== getTransparencyIndex(null)) {\n            return {\n                r,\n                g,\n                b,\n                a: 255\n            };\n        }\n        return {\n            r,\n            g,\n            b,\n            a: avgAlpha ? Math.trunc((r + g + b) / 3) : 0\n        };\n    }, image = (()=>{\n        try {\n            return new ImageData(frame.width, frame.height, canvasSettings);\n        } catch (error) {\n            if (error instanceof DOMException && error.name === \"IndexSizeError\") {\n                return null;\n            }\n            throw error;\n        }\n    })();\n    if (image == null) {\n        throw new EvalError(\"GIF frame size is to large\");\n    }\n    const minCodeSize = byteStream.nextByte(), imageData = byteStream.readSubBlocksBin(), clearCode = 1 << minCodeSize;\n    if (interlacedFlag) {\n        for(let code = 0, size = minCodeSize + 1, pos = 0, dic = [\n            [\n                0\n            ]\n        ], pass = 0; pass < 4; pass++){\n            if (_Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] < frame.height) {\n                let pixelPos = 0, lineIndex = 0, exit = false;\n                while(!exit){\n                    const last = code;\n                    code = readBits(imageData, pos, size);\n                    pos += size + 1;\n                    if (code === clearCode) {\n                        size = minCodeSize + 1;\n                        dic.length = clearCode + 2;\n                        for(let i = 0; i < dic.length; i++){\n                            dic[i] = i < clearCode ? [\n                                i\n                            ] : [];\n                        }\n                    } else {\n                        if (code >= dic.length) {\n                            dic.push(dic[last].concat(dic[last][0]));\n                        } else if (last !== clearCode) {\n                            dic.push(dic[last].concat(dic[code][0]));\n                        }\n                        for (const item of dic[code]){\n                            const { r, g, b, a } = getColor(item);\n                            image.data.set([\n                                r,\n                                g,\n                                b,\n                                a\n                            ], _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] * frame.width + _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceSteps[pass] * lineIndex + pixelPos % (frame.width * 4));\n                            pixelPos += 4;\n                        }\n                        if (dic.length === 1 << size && size < 0xc) {\n                            size++;\n                        }\n                    }\n                    if (pixelPos === frame.width * 4 * (lineIndex + 1)) {\n                        lineIndex++;\n                        if (_Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceOffsets[pass] + _Constants_js__WEBPACK_IMPORTED_MODULE_2__.InterlaceSteps[pass] * lineIndex >= frame.height) {\n                            exit = true;\n                        }\n                    }\n                }\n            }\n            progressCallback?.(byteStream.pos / (byteStream.data.length - 1), getFrameIndex(false) + 1, image, {\n                x: frame.left,\n                y: frame.top\n            }, {\n                width: gif.width,\n                height: gif.height\n            });\n        }\n        frame.image = image;\n        frame.bitmap = await createImageBitmap(image);\n    } else {\n        let code = 0, size = minCodeSize + 1, pos = 0, pixelPos = -4;\n        const dic = [\n            [\n                0\n            ]\n        ];\n        for(;;){\n            const last = code;\n            code = readBits(imageData, pos, size);\n            pos += size;\n            if (code === clearCode) {\n                size = minCodeSize + 1;\n                dic.length = clearCode + 2;\n                for(let i = 0; i < dic.length; i++){\n                    dic[i] = i < clearCode ? [\n                        i\n                    ] : [];\n                }\n            } else {\n                if (code === clearCode + 1) {\n                    break;\n                }\n                if (code >= dic.length) {\n                    dic.push(dic[last].concat(dic[last][0]));\n                } else if (last !== clearCode) {\n                    dic.push(dic[last].concat(dic[code][0]));\n                }\n                for (const item of dic[code]){\n                    const { r, g, b, a } = getColor(item);\n                    pixelPos += 4;\n                    image.data.set([\n                        r,\n                        g,\n                        b,\n                        a\n                    ], pixelPos);\n                }\n                if (dic.length >= 1 << size && size < 0xc) {\n                    size++;\n                }\n            }\n        }\n        frame.image = image;\n        frame.bitmap = await createImageBitmap(image);\n        progressCallback?.((byteStream.pos + 1) / byteStream.data.length, getFrameIndex(false) + 1, frame.image, {\n            x: frame.left,\n            y: frame.top\n        }, {\n            width: gif.width,\n            height: gif.height\n        });\n    }\n}\nasync function parseBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback) {\n    switch(byteStream.nextByte()){\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.EndOfFile:\n            return true;\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.Image:\n            await parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, canvasSettings, progressCallback);\n            break;\n        case _Types_GIFDataHeaders_js__WEBPACK_IMPORTED_MODULE_5__.GIFDataHeaders.Extension:\n            parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);\n            break;\n        default:\n            throw new EvalError(\"undefined block found\");\n    }\n    return false;\n}\nfunction getGIFLoopAmount(gif) {\n    for (const extension of gif.applicationExtensions){\n        if (extension.identifier + extension.authenticationCode !== \"NETSCAPE2.0\") {\n            continue;\n        }\n        return extension.data[1] + (extension.data[2] << 8);\n    }\n    return Number.NaN;\n}\nasync function decodeGIF(gifURL, canvasSettings, progressCallback, avgAlpha) {\n    avgAlpha ??= false;\n    const res = await fetch(gifURL);\n    if (!res.ok && res.status === 404) {\n        throw new EvalError(\"file not found\");\n    }\n    const buffer = await res.arrayBuffer(), gif = {\n        width: 0,\n        height: 0,\n        totalTime: 0,\n        colorRes: 0,\n        pixelAspectRatio: 0,\n        frames: [],\n        sortFlag: false,\n        globalColorTable: [],\n        backgroundImage: new ImageData(1, 1, canvasSettings),\n        comments: [],\n        applicationExtensions: []\n    }, byteStream = new _ByteStream_js__WEBPACK_IMPORTED_MODULE_3__.ByteStream(new Uint8ClampedArray(buffer));\n    if (byteStream.getString(6) !== \"GIF89a\") {\n        throw new Error(\"not a supported GIF file\");\n    }\n    gif.width = byteStream.nextTwoBytes();\n    gif.height = byteStream.nextTwoBytes();\n    const packedByte = byteStream.nextByte(), globalColorTableFlag = (packedByte & 0x80) === 0x80;\n    gif.colorRes = (packedByte & 0x70) >>> 4;\n    gif.sortFlag = (packedByte & 8) === 8;\n    const globalColorCount = 1 << (packedByte & 7) + 1, backgroundColorIndex = byteStream.nextByte();\n    gif.pixelAspectRatio = byteStream.nextByte();\n    if (gif.pixelAspectRatio !== 0) {\n        gif.pixelAspectRatio = (gif.pixelAspectRatio + 0xf) / 0x40;\n    }\n    if (globalColorTableFlag) {\n        gif.globalColorTable = parseColorTable(byteStream, globalColorCount);\n    }\n    const backgroundImage = (()=>{\n        try {\n            return new ImageData(gif.width, gif.height, canvasSettings);\n        } catch (error) {\n            if (error instanceof DOMException && error.name === \"IndexSizeError\") {\n                return null;\n            }\n            throw error;\n        }\n    })();\n    if (backgroundImage == null) {\n        throw new Error(\"GIF frame size is to large\");\n    }\n    const { r, g, b } = gif.globalColorTable[backgroundColorIndex];\n    backgroundImage.data.set(globalColorTableFlag ? [\n        r,\n        g,\n        b,\n        255\n    ] : [\n        0,\n        0,\n        0,\n        0\n    ]);\n    for(let i = 4; i < backgroundImage.data.length; i *= 2){\n        backgroundImage.data.copyWithin(i, 0, i);\n    }\n    gif.backgroundImage = backgroundImage;\n    let frameIndex = -1, incrementFrameIndex = true, transparencyIndex = -1;\n    const getframeIndex = (increment)=>{\n        if (increment) {\n            incrementFrameIndex = true;\n        }\n        return frameIndex;\n    }, getTransparencyIndex = (newValue)=>{\n        if (newValue != null) {\n            transparencyIndex = newValue;\n        }\n        return transparencyIndex;\n    };\n    try {\n        do {\n            if (incrementFrameIndex) {\n                gif.frames.push({\n                    left: 0,\n                    top: 0,\n                    width: 0,\n                    height: 0,\n                    disposalMethod: _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Replace,\n                    image: new ImageData(1, 1, canvasSettings),\n                    plainTextData: null,\n                    userInputDelayFlag: false,\n                    delayTime: 0,\n                    sortFlag: false,\n                    localColorTable: [],\n                    reserved: 0,\n                    GCreserved: 0\n                });\n                frameIndex++;\n                transparencyIndex = -1;\n                incrementFrameIndex = false;\n            }\n        }while (!await parseBlock(byteStream, gif, avgAlpha, getframeIndex, getTransparencyIndex, canvasSettings, progressCallback))\n        gif.frames.length--;\n        for (const frame of gif.frames){\n            if (frame.userInputDelayFlag && frame.delayTime === 0) {\n                gif.totalTime = Infinity;\n                break;\n            }\n            gif.totalTime += frame.delayTime;\n        }\n        return gif;\n    } catch (error) {\n        if (error instanceof EvalError) {\n            throw new Error(`error while parsing frame ${frameIndex.toString()} \"${error.message}\"`, {\n                cause: error\n            });\n        }\n        throw error;\n    }\n}\nfunction drawGif(data, canvasSettings) {\n    const { context, radius, particle, delta } = data, image = particle.image;\n    if (!image?.gifData || !image.gif) {\n        return;\n    }\n    const offscreenCanvas = new OffscreenCanvas(image.gifData.width, image.gifData.height), offscreenContext = offscreenCanvas.getContext(\"2d\", canvasSettings);\n    if (!offscreenContext) {\n        throw new Error(\"could not create offscreen canvas context\");\n    }\n    offscreenContext.imageSmoothingQuality = \"low\";\n    offscreenContext.imageSmoothingEnabled = false;\n    offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n    particle.gifLoopCount ??= image.gifLoopCount ?? defaultLoopCount;\n    let frameIndex = particle.gifFrame ?? defaultFrame;\n    const pos = {\n        x: -image.gifData.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n        y: -image.gifData.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n    }, frame = image.gifData.frames[frameIndex];\n    particle.gifTime ??= initialTime;\n    if (!frame.bitmap) {\n        return;\n    }\n    context.scale(radius / image.gifData.width, radius / image.gifData.height);\n    switch(frame.disposalMethod){\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedA:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedB:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedC:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.UndefinedD:\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Replace:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.Combine:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.RestoreBackground:\n            offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n            context.drawImage(offscreenCanvas, pos.x, pos.y);\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n            if (!image.gifData.globalColorTable.length) {\n                offscreenContext.putImageData(image.gifData.frames[firstIndex].image, pos.x + frame.left, pos.y + frame.top);\n            } else {\n                offscreenContext.putImageData(image.gifData.backgroundImage, pos.x, pos.y);\n            }\n            break;\n        case _Enums_DisposalMethod_js__WEBPACK_IMPORTED_MODULE_4__.DisposalMethod.RestorePrevious:\n            {\n                const previousImageData = offscreenContext.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n                offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);\n                context.drawImage(offscreenCanvas, pos.x, pos.y);\n                offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n                offscreenContext.putImageData(previousImageData, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y);\n            }\n            break;\n    }\n    particle.gifTime += delta.value;\n    if (particle.gifTime > frame.delayTime) {\n        particle.gifTime -= frame.delayTime;\n        if (++frameIndex >= image.gifData.frames.length) {\n            if (--particle.gifLoopCount <= defaultLoopCount) {\n                return;\n            }\n            frameIndex = firstIndex;\n            offscreenContext.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y, offscreenCanvas.width, offscreenCanvas.height);\n        }\n        particle.gifFrame = frameIndex;\n    }\n    context.scale(image.gifData.width / radius, image.gifData.height / radius);\n}\nasync function loadGifImage(image, canvasSettings) {\n    if (image.type !== \"gif\") {\n        await (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.loadImage)(image);\n        return;\n    }\n    image.loading = true;\n    try {\n        image.gifData = await decodeGIF(image.source, canvasSettings);\n        image.gifLoopCount = getGIFLoopAmount(image.gifData);\n        if (!image.gifLoopCount) {\n            image.gifLoopCount = Infinity;\n        }\n    } catch  {\n        image.error = true;\n    }\n    image.loading = false;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/GifUtils/Utils.js?\n}");
 
 /***/ }
 

package/shapes_image_dist_browser_ImageDrawer_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.25
+ * v4.0.0-alpha.27
  */
 "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 */   ImageDrawer: () => (/* binding */ ImageDrawer)\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/image/dist/browser/Utils.js\");\n/* harmony import */ var _GifUtils_Utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./GifUtils/Utils.js */ \"../../shapes/image/dist/browser/GifUtils/Utils.js\");\n\n\n\nconst sides = 12;\nclass ImageDrawer {\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    draw(data) {\n        const { context, radius, particle, opacity } = data, image = particle.image, element = image?.element;\n        if (!image) {\n            return;\n        }\n        context.globalAlpha = opacity;\n        if (image.gif && image.gifData) {\n            (0,_GifUtils_Utils_js__WEBPACK_IMPORTED_MODULE_2__.drawGif)(data, particle.container.canvas.settings);\n        } else if (element) {\n            const ratio = image.ratio, pos = {\n                x: -radius,\n                y: -radius\n            }, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n            context.drawImage(element, pos.x, pos.y, diameter, diameter / ratio);\n        }\n        context.globalAlpha = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n    }\n    getSidesCount() {\n        return sides;\n    }\n    async init(container) {\n        const options = container.actualOptions;\n        if (!options.preload || !this._engine.loadImage) {\n            return;\n        }\n        const promises = [];\n        for (const imageData of options.preload){\n            promises.push(this._engine.loadImage(container, imageData));\n        }\n        await Promise.all(promises);\n    }\n    loadShape(particle) {\n        const { container } = particle;\n        if (!particle.shape || !_Utils_js__WEBPACK_IMPORTED_MODULE_1__.shapeTypes.includes(particle.shape)) {\n            return;\n        }\n        const imageData = particle.shapeData;\n        if (!imageData) {\n            return;\n        }\n        const images = this._engine.getImages?.(container), image = images?.find((t)=>t.name === imageData.name || t.source === imageData.src);\n        if (image) {\n            return;\n        }\n        void this.loadImageShape(container, imageData).then(()=>{\n            this.loadShape(particle);\n        });\n    }\n    particleInit(container, particle) {\n        if (particle.shape !== \"image\" && particle.shape !== \"images\") {\n            return;\n        }\n        const images = this._engine.getImages?.(container), imageData = particle.shapeData;\n        if (!imageData) {\n            return;\n        }\n        const color = particle.getFillColor(), image = images?.find((t)=>t.name === imageData.name || t.source === imageData.src);\n        if (!image) {\n            return;\n        }\n        const replaceColor = imageData.replaceColor;\n        if (image.loading) {\n            setTimeout(()=>{\n                this.particleInit(container, particle);\n            });\n            return;\n        }\n        void (async ()=>{\n            let imageRes;\n            if (image.svgData && color) {\n                imageRes = await (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.replaceImageColor)(image, imageData, color, particle, container.hdr);\n            } else {\n                imageRes = {\n                    color,\n                    data: image,\n                    element: image.element,\n                    gif: image.gif,\n                    gifData: image.gifData,\n                    gifLoopCount: image.gifLoopCount,\n                    loaded: true,\n                    ratio: imageData.width && imageData.height ? imageData.width / imageData.height : image.ratio ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRatio,\n                    replaceColor: replaceColor,\n                    source: imageData.src\n                };\n            }\n            if (!imageRes.ratio) {\n                imageRes.ratio = 1;\n            }\n            const fill = imageData.fill ?? particle.shapeFill, close = imageData.close ?? particle.shapeClose, imageShape = {\n                image: imageRes,\n                fill,\n                close\n            };\n            particle.image = imageShape.image;\n            particle.shapeFill = imageShape.fill;\n            particle.shapeClose = imageShape.close;\n        })();\n    }\n    loadImageShape = async (container, imageShape)=>{\n        if (!this._engine.loadImage) {\n            throw new Error(`Image shape not initialized`);\n        }\n        await this._engine.loadImage(container, {\n            gif: imageShape.gif,\n            name: imageShape.name,\n            replaceColor: imageShape.replaceColor,\n            src: imageShape.src\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/ImageDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ImageDrawer: () => (/* binding */ ImageDrawer)\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/image/dist/browser/Utils.js\");\n/* harmony import */ var _GifUtils_Utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./GifUtils/Utils.js */ \"../../shapes/image/dist/browser/GifUtils/Utils.js\");\n\n\n\nconst sides = 12;\nclass ImageDrawer {\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    draw(data) {\n        const { context, radius, particle, opacity } = data, image = particle.image, element = image?.element;\n        if (!image) {\n            return;\n        }\n        context.globalAlpha = opacity;\n        if (image.gif && image.gifData) {\n            (0,_GifUtils_Utils_js__WEBPACK_IMPORTED_MODULE_2__.drawGif)(data, particle.container.canvas.settings);\n        } else if (element) {\n            const ratio = image.ratio, pos = {\n                x: -radius,\n                y: -radius\n            }, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n            context.drawImage(element, pos.x, pos.y, diameter, diameter / ratio);\n        }\n        context.globalAlpha = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n    }\n    getSidesCount() {\n        return sides;\n    }\n    async init(container) {\n        const options = container.actualOptions;\n        if (!options.preload || !this._engine.loadImage) {\n            return;\n        }\n        const promises = [];\n        for (const imageData of options.preload){\n            promises.push(this._engine.loadImage(container, imageData));\n        }\n        await Promise.all(promises);\n    }\n    loadShape(particle) {\n        const { container } = particle;\n        if (!particle.shape || !_Utils_js__WEBPACK_IMPORTED_MODULE_1__.shapeTypes.includes(particle.shape)) {\n            return;\n        }\n        const imageData = particle.shapeData;\n        if (!imageData) {\n            return;\n        }\n        const images = this._engine.getImages?.(container), image = images?.find((t)=>t.name === imageData.name || t.source === imageData.src);\n        if (image) {\n            return;\n        }\n        void this.loadImageShape(container, imageData).then(()=>{\n            this.loadShape(particle);\n        });\n    }\n    particleInit(container, particle) {\n        if (particle.shape !== \"image\" && particle.shape !== \"images\") {\n            return;\n        }\n        const images = this._engine.getImages?.(container), imageData = particle.shapeData;\n        if (!imageData) {\n            return;\n        }\n        const color = particle.getFillColor(), image = images?.find((t)=>t.name === imageData.name || t.source === imageData.src);\n        if (!image) {\n            return;\n        }\n        const replaceColor = imageData.replaceColor;\n        if (image.loading) {\n            setTimeout(()=>{\n                this.particleInit(container, particle);\n            });\n            return;\n        }\n        void (async ()=>{\n            let imageRes;\n            if (image.svgData && color) {\n                imageRes = await (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.replaceImageColor)(image, imageData, color, particle, container.hdr);\n            } else {\n                imageRes = {\n                    color,\n                    data: image,\n                    element: image.element,\n                    gif: image.gif,\n                    gifData: image.gifData,\n                    gifLoopCount: image.gifLoopCount,\n                    loaded: true,\n                    ratio: imageData.width && imageData.height ? imageData.width / imageData.height : image.ratio ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRatio,\n                    replaceColor: replaceColor,\n                    source: imageData.src\n                };\n            }\n            if (!imageRes.ratio) {\n                imageRes.ratio = 1;\n            }\n            const close = imageData.close ?? particle.shapeClose, imageShape = {\n                image: imageRes,\n                close\n            };\n            particle.image = imageShape.image;\n            particle.shapeClose = imageShape.close;\n        })();\n    }\n    loadImageShape = async (container, imageShape)=>{\n        if (!this._engine.loadImage) {\n            throw new Error(`Image shape not initialized`);\n        }\n        await this._engine.loadImage(container, {\n            gif: imageShape.gif,\n            name: imageShape.name,\n            replaceColor: imageShape.replaceColor,\n            src: imageShape.src\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/ImageDrawer.js?\n}");
 
 /***/ }
 

package/shapes_image_dist_browser_ImagePreloaderInstance_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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*

package/shapes_image_dist_browser_ImagePreloader_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.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*