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

package/umd/index.js

@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadAll = loadAll;
     async function loadAll(engine) {
-        engine.checkVersion("4.0.0-alpha.27");
+        engine.checkVersion("4.0.0-alpha.28");
         await engine.register(async (e) => {
             const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
                 __syncRequire ? Promise.resolve().then(() => __importStar(require("tsparticles"))) : new Promise((resolve_1, reject_1) => { require(["tsparticles"], resolve_1, reject_1); }).then(__importStar),
@@ -124,11 +124,34 @@ var __importStar = (this && this.__importStar) || (function () {
                 __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-emitters-shape-path"))) : new Promise((resolve_74, reject_74) => { require(["@tsparticles/plugin-emitters-shape-path"], resolve_74, reject_74); }).then(__importStar),
                 __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-emitters-shape-polygon"))) : new Promise((resolve_75, reject_75) => { require(["@tsparticles/plugin-emitters-shape-polygon"], resolve_75, reject_75); }).then(__importStar),
             ]);
-            await loadFull(e);
             await Promise.all([
-                loadEmittersShapeCanvas(e),
-                loadEmittersShapePath(e),
-                loadEmittersShapePolygon(e),
+                (async () => {
+                    await loadFull(e);
+                    await Promise.all([
+                        loadExternalParticleInteraction(e),
+                        loadExternalPopInteraction(e),
+                        loadLightInteraction(e),
+                        loadParticlesRepulseInteraction(e),
+                        loadInfectionPlugin(e),
+                        loadEmittersShapeCanvas(e),
+                        loadEmittersShapePath(e),
+                        loadEmittersShapePolygon(e),
+                        loadBranchesPath(e),
+                        loadBrownianPath(e),
+                        loadCurlNoisePath(e),
+                        loadCurvesPath(e),
+                        loadFractalNoisePath(e),
+                        loadGridPath(e),
+                        loadLevyPath(e),
+                        loadPerlinNoisePath(e),
+                        loadPolygonPath(e),
+                        loadRandomPath(e),
+                        loadSVGPath(e),
+                        loadSpiralPath(e),
+                        loadZigZagPath(e),
+                        loadSimplexNoisePath(e),
+                    ]);
+                })(),
                 loadHsvColorPlugin(e),
                 loadHwbColorPlugin(e),
                 loadLabColorPlugin(e),
@@ -152,7 +175,6 @@ var __importStar = (this && this.__importStar) || (function () {
                 loadBackgroundMaskPlugin(e),
                 loadBlendPlugin(e),
                 loadCanvasMaskPlugin(e),
-                loadInfectionPlugin(e),
                 loadManualParticlesPlugin(e),
                 loadMotionPlugin(e),
                 loadPoissonDiscPlugin(e),
@@ -165,26 +187,8 @@ var __importStar = (this && this.__importStar) || (function () {
                 loadExportImagePlugin(e),
                 loadExportJSONPlugin(e),
                 loadExportVideoPlugin(e),
-                loadExternalParticleInteraction(e),
-                loadExternalPopInteraction(e),
-                loadLightInteraction(e),
-                loadParticlesRepulseInteraction(e),
                 loadGradientUpdater(e),
                 loadOrbitUpdater(e),
-                loadBranchesPath(e),
-                loadBrownianPath(e),
-                loadCurlNoisePath(e),
-                loadCurvesPath(e),
-                loadFractalNoisePath(e),
-                loadGridPath(e),
-                loadLevyPath(e),
-                loadPerlinNoisePath(e),
-                loadPolygonPath(e),
-                loadRandomPath(e),
-                loadSVGPath(e),
-                loadSpiralPath(e),
-                loadZigZagPath(e),
-                loadSimplexNoisePath(e),
                 loadBubbleEffect(e),
                 loadParticlesEffect(e),
                 loadShadowEffect(e),

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

package/updaters_destroy_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadDestroyUpdater: () => (/* binding */ loadDestroyUpdater)\n/* harmony export */ });\nasync function loadDestroyUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"destroy\", async (container)=>{\n            const { DestroyUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_DestroyUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./DestroyUpdater.js */ \"../../updaters/destroy/dist/browser/DestroyUpdater.js\"));\n            return new DestroyUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDestroyUpdater: () => (/* binding */ loadDestroyUpdater)\n/* harmony export */ });\nasync function loadDestroyUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"destroy\", async (container)=>{\n            const { DestroyUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_DestroyUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./DestroyUpdater.js */ \"../../updaters/destroy/dist/browser/DestroyUpdater.js\"));\n            return new DestroyUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/destroy/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_fillColor_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadFillColorUpdater: () => (/* binding */ loadFillColorUpdater)\n/* harmony export */ });\nasync function loadFillColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"color\", async (container)=>{\n            const { FillColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_FillColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FillColorUpdater.js */ \"../../updaters/fillColor/dist/browser/FillColorUpdater.js\"));\n            return new FillColorUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/fillColor/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFillColorUpdater: () => (/* binding */ loadFillColorUpdater)\n/* harmony export */ });\nasync function loadFillColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"color\", async (container)=>{\n            const { FillColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_FillColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FillColorUpdater.js */ \"../../updaters/fillColor/dist/browser/FillColorUpdater.js\"));\n            return new FillColorUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/fillColor/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_gradient_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadGradientUpdater: () => (/* binding */ loadGradientUpdater)\n/* harmony export */ });\nasync function loadGradientUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"gradient\", async ()=>{\n            const { GradientUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_gradient_dist_browser_GradientUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./GradientUpdater.js */ \"../../updaters/gradient/dist/browser/GradientUpdater.js\"));\n            return new GradientUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/gradient/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadGradientUpdater: () => (/* binding */ loadGradientUpdater)\n/* harmony export */ });\nasync function loadGradientUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"gradient\", async ()=>{\n            const { GradientUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_gradient_dist_browser_GradientUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./GradientUpdater.js */ \"../../updaters/gradient/dist/browser/GradientUpdater.js\"));\n            return new GradientUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/gradient/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_life_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadLifeUpdater: () => (/* binding */ loadLifeUpdater)\n/* harmony export */ });\nasync function loadLifeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"life\", async (container)=>{\n            const { LifeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_life_dist_browser_LifeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LifeUpdater.js */ \"../../updaters/life/dist/browser/LifeUpdater.js\"));\n            return new LifeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/life/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLifeUpdater: () => (/* binding */ loadLifeUpdater)\n/* harmony export */ });\nasync function loadLifeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"life\", async (container)=>{\n            const { LifeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_life_dist_browser_LifeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LifeUpdater.js */ \"../../updaters/life/dist/browser/LifeUpdater.js\"));\n            return new LifeUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/life/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_opacity_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadOpacityUpdater: () => (/* binding */ loadOpacityUpdater)\n/* harmony export */ });\nasync function loadOpacityUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"opacity\", async (container)=>{\n            const { OpacityUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_OpacityUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OpacityUpdater.js */ \"../../updaters/opacity/dist/browser/OpacityUpdater.js\"));\n            return new OpacityUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/opacity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOpacityUpdater: () => (/* binding */ loadOpacityUpdater)\n/* harmony export */ });\nasync function loadOpacityUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"opacity\", async (container)=>{\n            const { OpacityUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_OpacityUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OpacityUpdater.js */ \"../../updaters/opacity/dist/browser/OpacityUpdater.js\"));\n            return new OpacityUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/opacity/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_orbit_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadOrbitUpdater: () => (/* binding */ loadOrbitUpdater)\n/* harmony export */ });\nasync function loadOrbitUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"orbit\", async (container)=>{\n            const { OrbitUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_orbit_dist_browser_OrbitUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OrbitUpdater.js */ \"../../updaters/orbit/dist/browser/OrbitUpdater.js\"));\n            return new OrbitUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/orbit/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOrbitUpdater: () => (/* binding */ loadOrbitUpdater)\n/* harmony export */ });\nasync function loadOrbitUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"orbit\", async (container)=>{\n            const { OrbitUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_orbit_dist_browser_OrbitUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OrbitUpdater.js */ \"../../updaters/orbit/dist/browser/OrbitUpdater.js\"));\n            return new OrbitUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/orbit/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_outModes_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadOutModesUpdater: () => (/* binding */ loadOutModesUpdater)\n/* harmony export */ });\nasync function loadOutModesUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"outModes\", async (container)=>{\n            const { OutOfCanvasUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_OutOfCanvasUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OutOfCanvasUpdater.js */ \"../../updaters/outModes/dist/browser/OutOfCanvasUpdater.js\"));\n            return new OutOfCanvasUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/outModes/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOutModesUpdater: () => (/* binding */ loadOutModesUpdater)\n/* harmony export */ });\nasync function loadOutModesUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"outModes\", async (container)=>{\n            const { OutOfCanvasUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_OutOfCanvasUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OutOfCanvasUpdater.js */ \"../../updaters/outModes/dist/browser/OutOfCanvasUpdater.js\"));\n            return new OutOfCanvasUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/outModes/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_roll_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadRollUpdater: () => (/* binding */ loadRollUpdater)\n/* harmony export */ });\nasync function loadRollUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"roll\", async ()=>{\n            const { RollUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_RollUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RollUpdater.js */ \"../../updaters/roll/dist/browser/RollUpdater.js\"));\n            return new RollUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/roll/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRollUpdater: () => (/* binding */ loadRollUpdater)\n/* harmony export */ });\nasync function loadRollUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"roll\", async ()=>{\n            const { RollUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_RollUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RollUpdater.js */ \"../../updaters/roll/dist/browser/RollUpdater.js\"));\n            return new RollUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/roll/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_rotate_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadRotateUpdater: () => (/* binding */ loadRotateUpdater)\n/* harmony export */ });\nasync function loadRotateUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"rotate\", async (container)=>{\n            const { RotateUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_rotate_dist_browser_RotateUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RotateUpdater.js */ \"../../updaters/rotate/dist/browser/RotateUpdater.js\"));\n            return new RotateUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/rotate/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRotateUpdater: () => (/* binding */ loadRotateUpdater)\n/* harmony export */ });\nasync function loadRotateUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"rotate\", async (container)=>{\n            const { RotateUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_rotate_dist_browser_RotateUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RotateUpdater.js */ \"../../updaters/rotate/dist/browser/RotateUpdater.js\"));\n            return new RotateUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/rotate/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_size_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadSizeUpdater: () => (/* binding */ loadSizeUpdater)\n/* harmony export */ });\nasync function loadSizeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"size\", async ()=>{\n            const { SizeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_SizeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SizeUpdater.js */ \"../../updaters/size/dist/browser/SizeUpdater.js\"));\n            return new SizeUpdater();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/size/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSizeUpdater: () => (/* binding */ loadSizeUpdater)\n/* harmony export */ });\nasync function loadSizeUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"size\", async ()=>{\n            const { SizeUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_SizeUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SizeUpdater.js */ \"../../updaters/size/dist/browser/SizeUpdater.js\"));\n            return new SizeUpdater();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/size/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_strokeColor_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadStrokeColorUpdater: () => (/* binding */ loadStrokeColorUpdater)\n/* harmony export */ });\nasync function loadStrokeColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"strokeColor\", async (container)=>{\n            const { StrokeColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_StrokeColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./StrokeColorUpdater.js */ \"../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js\"));\n            return new StrokeColorUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/strokeColor/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadStrokeColorUpdater: () => (/* binding */ loadStrokeColorUpdater)\n/* harmony export */ });\nasync function loadStrokeColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"strokeColor\", async (container)=>{\n            const { StrokeColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_StrokeColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./StrokeColorUpdater.js */ \"../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js\"));\n            return new StrokeColorUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/strokeColor/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_tilt_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadTiltUpdater: () => (/* binding */ loadTiltUpdater)\n/* harmony export */ });\nasync function loadTiltUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"tilt\", async (container)=>{\n            const { TiltUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_TiltUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TiltUpdater.js */ \"../../updaters/tilt/dist/browser/TiltUpdater.js\"));\n            return new TiltUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/tilt/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTiltUpdater: () => (/* binding */ loadTiltUpdater)\n/* harmony export */ });\nasync function loadTiltUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"tilt\", async (container)=>{\n            const { TiltUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_TiltUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TiltUpdater.js */ \"../../updaters/tilt/dist/browser/TiltUpdater.js\"));\n            return new TiltUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/tilt/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_twinkle_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadTwinkleUpdater: () => (/* binding */ loadTwinkleUpdater)\n/* harmony export */ });\nasync function loadTwinkleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"twinkle\", async ()=>{\n            const { TwinkleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_TwinkleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TwinkleUpdater.js */ \"../../updaters/twinkle/dist/browser/TwinkleUpdater.js\"));\n            return new TwinkleUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/twinkle/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTwinkleUpdater: () => (/* binding */ loadTwinkleUpdater)\n/* harmony export */ });\nasync function loadTwinkleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"twinkle\", async ()=>{\n            const { TwinkleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_TwinkleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TwinkleUpdater.js */ \"../../updaters/twinkle/dist/browser/TwinkleUpdater.js\"));\n            return new TwinkleUpdater(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/twinkle/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/updaters_wobble_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.27
+ * v4.0.0-alpha.28
  */
 "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 */   loadWobbleUpdater: () => (/* binding */ loadWobbleUpdater)\n/* harmony export */ });\nasync function loadWobbleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"wobble\", async (container)=>{\n            const { WobbleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_WobbleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./WobbleUpdater.js */ \"../../updaters/wobble/dist/browser/WobbleUpdater.js\"));\n            return new WobbleUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/wobble/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadWobbleUpdater: () => (/* binding */ loadWobbleUpdater)\n/* harmony export */ });\nasync function loadWobbleUpdater(engine) {\n    engine.checkVersion(\"4.0.0-alpha.28\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"wobble\", async (container)=>{\n            const { WobbleUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_WobbleUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./WobbleUpdater.js */ \"../../updaters/wobble/dist/browser/WobbleUpdater.js\"));\n            return new WobbleUpdater(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../updaters/wobble/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/7608.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_all=this.webpackChunk_tsparticles_all||[]).push([[4570,7608],{4570(e,t,a){a.d(t,{zS:()=>w,loadGifImage:()=>x});var i,o,n,r,l=a(9051),s=a(1989);let h=[0,4,2,1],g=[8,8,4,2];class d{data;pos;constructor(e){this.pos=0,this.data=new Uint8ClampedArray(e)}getString(e){let t=this.data.slice(this.pos,this.pos+e);return this.pos+=t.length,t.reduce((e,t)=>e+String.fromCharCode(t),"")}nextByte(){return this.data[this.pos++]}nextTwoBytes(){return this.pos+=2,this.data[this.pos-2]+(this.data[this.pos-1]<<8)}readSubBlocks(){let e="",t;do{t=this.data[this.pos++];for(let a=t;--a>=0;e+=String.fromCharCode(this.data[this.pos++]));}while(0!==t)return e}readSubBlocksBin(){let e=this.data[this.pos],t=0;for(let a=0;0!==e;a+=e+1,e=this.data[this.pos+a])t+=e;let a=new Uint8Array(t);e=this.data[this.pos++];for(let t=0;0!==e;e=this.data[this.pos++])for(let i=e;--i>=0;a[t++]=this.data[this.pos++]);return a}skipSubBlocks(){for(;0!==this.data[this.pos];this.pos+=this.data[this.pos]+1);this.pos++}}function f(e,t){let a=[];for(let i=0;i<t;i++)a.push({r:e.data[e.pos],g:e.data[e.pos+1],b:e.data[e.pos+2]}),e.pos+=3;return a}function c(e,t,a){let i=t>>>3,o=7&t;return(e[i]+(e[i+1]<<8)+(e[i+2]<<16)&(1<<a)-1<<o)>>>o}async function p(e,t,a,i,o,n,r){let l=t.frames[i(!0)];l.left=e.nextTwoBytes(),l.top=e.nextTwoBytes(),l.width=e.nextTwoBytes(),l.height=e.nextTwoBytes();let s=e.nextByte(),d=(128&s)==128;l.sortFlag=(32&s)==32,l.reserved=(24&s)>>>3,d&&(l.localColorTable=f(e,1<<(7&s)+1));let p=e=>{let{r:i,g:n,b:r}=(d?l.localColorTable:t.globalColorTable)[e];return e!==o(null)?{r:i,g:n,b:r,a:255}:{r:i,g:n,b:r,a:a?Math.trunc((i+n+r)/3):0}},m=(()=>{try{return new ImageData(l.width,l.height,n)}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==m)throw EvalError("GIF frame size is to large");let u=e.nextByte(),w=e.readSubBlocksBin(),x=1<<u;if((64&s)==64){for(let a=0,o=u+1,n=0,s=[[0]],d=0;d<4;d++){if(h[d]<l.height){let e=0,t=0,i=!1;for(;!i;){let r=a;if(a=c(w,n,o),n+=o+1,a===x){o=u+1,s.length=x+2;for(let e=0;e<s.length;e++)s[e]=e<x?[e]:[]}else{for(let i of(a>=s.length?s.push(s[r].concat(s[r][0])):r!==x&&s.push(s[r].concat(s[a][0])),s[a])){let{r:a,g:o,b:n,a:r}=p(i);m.data.set([a,o,n,r],h[d]*l.width+g[d]*t+e%(4*l.width)),e+=4}s.length===1<<o&&o<12&&o++}e===4*l.width*(t+1)&&(t++,h[d]+g[d]*t>=l.height&&(i=!0))}}r?.(e.pos/(e.data.length-1),i(!1)+1,m,{x:l.left,y:l.top},{width:t.width,height:t.height})}l.image=m,l.bitmap=await createImageBitmap(m)}else{let a=0,o=u+1,n=0,s=-4,h=[[0]];for(;;){let e=a;if(a=c(w,n,o),n+=o,a===x){o=u+1,h.length=x+2;for(let e=0;e<h.length;e++)h[e]=e<x?[e]:[]}else{if(a===x+1)break;for(let t of(a>=h.length?h.push(h[e].concat(h[e][0])):e!==x&&h.push(h[e].concat(h[a][0])),h[a])){let{r:e,g:a,b:i,a:o}=p(t);s+=4,m.data.set([e,a,i,o],s)}h.length>=1<<o&&o<12&&o++}}l.image=m,l.bitmap=await createImageBitmap(m),r?.((e.pos+1)/e.data.length,i(!1)+1,l.image,{x:l.left,y:l.top},{width:t.width,height:t.height})}}async function m(e,t,a,i,o,n,l){switch(e.nextByte()){case r.EndOfFile:return!0;case r.Image:await p(e,t,a,i,o,n,l);break;case r.Extension:switch(e.nextByte()){case r.GraphicsControlExtension:{let a=t.frames[i(!1)];e.pos++;let n=e.nextByte();a.GCreserved=(224&n)>>>5,a.disposalMethod=(28&n)>>>2,a.userInputDelayFlag=(2&n)==2,a.delayTime=10*e.nextTwoBytes();let r=e.nextByte();(1&n)==1&&o(r),e.pos++;break}case r.ApplicationExtension:{e.pos++;let a={identifier:e.getString(8),authenticationCode:e.getString(3),data:e.readSubBlocksBin()};t.applicationExtensions.push(a);break}case r.CommentExtension:t.comments.push([i(!1),e.readSubBlocks()]);break;case r.PlainTextExtension:if(0===t.globalColorTable.length)throw EvalError("plain text extension without global color table");e.pos++,t.frames[i(!1)].plainTextData={left:e.nextTwoBytes(),top:e.nextTwoBytes(),width:e.nextTwoBytes(),height:e.nextTwoBytes(),charSize:{width:e.nextTwoBytes(),height:e.nextTwoBytes()},foregroundColor:e.nextByte(),backgroundColor:e.nextByte(),text:e.readSubBlocks()};break;default:e.skipSubBlocks()}break;default:throw EvalError("undefined block found")}return!1}async function u(e,t,a,i){i??=!1;let o=await fetch(e);if(!o.ok&&404===o.status)throw EvalError("file not found");let r=await o.arrayBuffer(),l={width:0,height:0,totalTime:0,colorRes:0,pixelAspectRatio:0,frames:[],sortFlag:!1,globalColorTable:[],backgroundImage:new ImageData(1,1,t),comments:[],applicationExtensions:[]},s=new d(new Uint8ClampedArray(r));if("GIF89a"!==s.getString(6))throw Error("not a supported GIF file");l.width=s.nextTwoBytes(),l.height=s.nextTwoBytes();let h=s.nextByte(),g=(128&h)==128;l.colorRes=(112&h)>>>4,l.sortFlag=(8&h)==8;let c=s.nextByte();l.pixelAspectRatio=s.nextByte(),0!==l.pixelAspectRatio&&(l.pixelAspectRatio=(l.pixelAspectRatio+15)/64),g&&(l.globalColorTable=f(s,1<<(7&h)+1));let p=(()=>{try{return new ImageData(l.width,l.height,t)}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==p)throw Error("GIF frame size is to large");let{r:u,g:w,b:x}=l.globalColorTable[c];p.data.set(g?[u,w,x,255]:[0,0,0,0]);for(let e=4;e<p.data.length;e*=2)p.data.copyWithin(e,0,e);l.backgroundImage=p;let b=-1,y=!0,I=-1,C=e=>(e&&(y=!0),b),B=e=>(null!=e&&(I=e),I);try{do y&&(l.frames.push({left:0,top:0,width:0,height:0,disposalMethod:n.Replace,image:new ImageData(1,1,t),plainTextData:null,userInputDelayFlag:!1,delayTime:0,sortFlag:!1,localColorTable:[],reserved:0,GCreserved:0}),b++,I=-1,y=!1);while(!await m(s,l,i,C,B,t,a))for(let e of(l.frames.length--,l.frames)){if(e.userInputDelayFlag&&0===e.delayTime){l.totalTime=1/0;break}l.totalTime+=e.delayTime}return l}catch(e){if(e instanceof EvalError)throw Error(`error while parsing frame ${b.toString()} "${e.message}"`,{cause:e});throw e}}function w(e,t){let{context:a,radius:i,particle:o,delta:r}=e,l=o.image;if(!l?.gifData||!l.gif)return;let h=new OffscreenCanvas(l.gifData.width,l.gifData.height),g=h.getContext("2d",t);if(!g)throw Error("could not create offscreen canvas context");g.imageSmoothingQuality="low",g.imageSmoothingEnabled=!1,g.clearRect(s.boI.x,s.boI.y,h.width,h.height),o.gifLoopCount??=l.gifLoopCount??0;let d=o.gifFrame??0,f={x:-l.gifData.width*s.MXx,y:-l.gifData.height*s.MXx},c=l.gifData.frames[d];if(o.gifTime??=0,c.bitmap){switch(a.scale(i/l.gifData.width,i/l.gifData.height),c.disposalMethod){case n.UndefinedA:case n.UndefinedB:case n.UndefinedC:case n.UndefinedD:case n.Replace:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height);break;case n.Combine:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y);break;case n.RestoreBackground:g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height),l.gifData.globalColorTable.length?g.putImageData(l.gifData.backgroundImage,f.x,f.y):g.putImageData(l.gifData.frames[0].image,f.x+c.left,f.y+c.top);break;case n.RestorePrevious:{let e=g.getImageData(s.boI.x,s.boI.y,h.width,h.height);g.drawImage(c.bitmap,c.left,c.top),a.drawImage(h,f.x,f.y),g.clearRect(s.boI.x,s.boI.y,h.width,h.height),g.putImageData(e,s.boI.x,s.boI.y)}}if(o.gifTime+=r.value,o.gifTime>c.delayTime){if(o.gifTime-=c.delayTime,++d>=l.gifData.frames.length){if(--o.gifLoopCount<=0)return;d=0,g.clearRect(s.boI.x,s.boI.y,h.width,h.height)}o.gifFrame=d}a.scale(l.gifData.width/i,l.gifData.height/i)}}async function x(e,t){if("gif"!==e.type)return void await (0,l.loadImage)(e);e.loading=!0;try{e.gifData=await u(e.source,t),e.gifLoopCount=function(e){for(let t of e.applicationExtensions)if(t.identifier+t.authenticationCode==="NETSCAPE2.0")return t.data[1]+(t.data[2]<<8);return NaN}(e.gifData),e.gifLoopCount||(e.gifLoopCount=1/0)}catch{e.error=!0}e.loading=!1}(i=n||(n={}))[i.Replace=0]="Replace",i[i.Combine=1]="Combine",i[i.RestoreBackground=2]="RestoreBackground",i[i.RestorePrevious=3]="RestorePrevious",i[i.UndefinedA=4]="UndefinedA",i[i.UndefinedB=5]="UndefinedB",i[i.UndefinedC=6]="UndefinedC",i[i.UndefinedD=7]="UndefinedD",(o=r||(r={}))[o.Extension=33]="Extension",o[o.ApplicationExtension=255]="ApplicationExtension",o[o.GraphicsControlExtension=249]="GraphicsControlExtension",o[o.PlainTextExtension=1]="PlainTextExtension",o[o.CommentExtension=254]="CommentExtension",o[o.Image=44]="Image",o[o.EndOfFile=59]="EndOfFile"},7608(e,t,a){a.d(t,{ImageDrawer:()=>r});var i=a(1989),o=a(9051),n=a(4570);class r{_engine;constructor(e){this._engine=e}draw(e){let{context:t,radius:a,particle:o,opacity:r}=e,l=o.image,s=l?.element;if(l){if(t.globalAlpha=r,l.gif&&l.gifData)(0,n.zS)(e,o.container.canvas.settings);else if(s){let e=l.ratio,o={x:-a,y:-a},n=a*i.gdl;t.drawImage(s,o.x,o.y,n,n/e)}t.globalAlpha=i.aZx}}getSidesCount(){return 12}async init(e){let t=e.actualOptions;if(!t.preload||!this._engine.loadImage)return;let a=[];for(let i of t.preload)a.push(this._engine.loadImage(e,i));await Promise.all(a)}loadShape(e){let{container:t}=e;if(!e.shape||!o.z.includes(e.shape))return;let a=e.shapeData;if(!a)return;let i=this._engine.getImages?.(t);i?.find(e=>e.name===a.name||e.source===a.src)||this.loadImageShape(t,a).then(()=>{this.loadShape(e)})}particleInit(e,t){if("image"!==t.shape&&"images"!==t.shape)return;let a=this._engine.getImages?.(e),n=t.shapeData;if(!n)return;let r=t.getFillColor(),l=a?.find(e=>e.name===n.name||e.source===n.src);if(!l)return;let s=n.replaceColor;l.loading?setTimeout(()=>{this.particleInit(e,t)}):(async()=>{let a;(a=l.svgData&&r?await (0,o.d)(l,n,r,t,e.hdr):{color:r,data:l,element:l.element,gif:l.gif,gifData:l.gifData,gifLoopCount:l.gifLoopCount,loaded:!0,ratio:n.width&&n.height?n.width/n.height:l.ratio??i.$xb,replaceColor:s,source:n.src}).ratio||(a.ratio=1);let h=n.close??t.shapeClose;t.image=a,t.shapeClose=h})()}loadImageShape=async(e,t)=>{if(!this._engine.loadImage)throw Error("Image shape not initialized");await this._engine.loadImage(e,{gif:t.gif,name:t.name,replaceColor:t.replaceColor,src:t.src})}}}}]);