@tsparticles/engine 3.0.0-beta.2 → 3.0.0-beta.3

package/esm/Core/Particle.js

@@ -7,7 +7,17 @@ import { Vector3d } from "./Utils/Vector3d.js";
 import { alterHsl } from "../Utils/CanvasUtils.js";
 import { errorPrefix } from "./Utils/Constants.js";
 import { loadParticlesOptions } from "../Utils/OptionsUtils.js";
-const fixOutMode = (data) => {
+function loadShapeData(shape, shapeOptions, id, reduceDuplicates) {
+    const shapeData = shapeOptions.options[shape];
+    if (!shapeData) {
+        return;
+    }
+    return deepExtend({
+        close: shapeOptions.close,
+        fill: shapeOptions.fill,
+    }, itemFromSingleOrMultiple(shapeData, id, reduceDuplicates));
+}
+function fixOutMode(data) {
     if (!isInArray(data.outMode, data.checkModes)) {
         return;
     }
@@ -18,7 +28,7 @@ const fixOutMode = (data) => {
     else if (data.coord < diameter) {
         data.setCb(data.radius);
     }
-};
+}
 export class Particle {
     constructor(engine, id, container, position, overrideOptions, group) {
         this.container = container;
@@ -129,16 +139,6 @@ export class Particle {
             }
             this.offset = Vector.origin;
         };
-        this._loadShapeData = (shapeOptions, reduceDuplicates) => {
-            const shapeData = shapeOptions.options[this.shape];
-            if (!shapeData) {
-                return;
-            }
-            return deepExtend({
-                close: shapeOptions.close,
-                fill: shapeOptions.fill,
-            }, itemFromSingleOrMultiple(shapeData, this.id, reduceDuplicates));
-        };
         this._engine = engine;
         this.init(id, position, overrideOptions, group);
     }
@@ -217,7 +217,7 @@ export class Particle {
                 shapeOptions.load(overrideOptions.shape);
             }
         }
-        this.shapeData = this._loadShapeData(shapeOptions, reduceDuplicates);
+        this.shapeData = loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates);
         particlesOptions.load(overrideOptions);
         const shapeData = this.shapeData;
         if (shapeData) {

package/esm/Utils/CanvasUtils.js

@@ -58,7 +58,8 @@ export function drawParticle(data) {
     if (colorStyles.stroke) {
         context.strokeStyle = colorStyles.stroke;
     }
-    drawShape(container, context, particle, radius, opacity, delta);
+    const drawData = { container, context, particle, radius, opacity, delta };
+    drawShape(drawData);
     if (strokeWidth > 0) {
         context.stroke();
     }
@@ -68,11 +69,12 @@ export function drawParticle(data) {
     if (particle.fill) {
         context.fill();
     }
-    drawShapeAfterEffect(container, context, particle, radius, opacity, delta);
+    drawShapeAfterEffect(drawData);
     context.globalCompositeOperation = "source-over";
     context.setTransform(1, 0, 0, 1, 0, 0);
 }
-export function drawShape(container, context, particle, radius, opacity, delta) {
+export function drawShape(data) {
+    const { container, context, particle, radius, opacity, delta } = data;
     if (!particle.shape) {
         return;
     }
@@ -80,9 +82,10 @@ export function drawShape(container, context, particle, radius, opacity, delta)
     if (!drawer) {
         return;
     }
-    drawer.draw(context, particle, radius, opacity, delta, container.retina.pixelRatio);
+    drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
 }
-export function drawShapeAfterEffect(container, context, particle, radius, opacity, delta) {
+export function drawShapeAfterEffect(data) {
+    const { container, context, particle, radius, opacity, delta } = data;
     if (!particle.shape) {
         return;
     }
@@ -90,7 +93,7 @@ export function drawShapeAfterEffect(container, context, particle, radius, opaci
     if (!drawer || !drawer.afterEffect) {
         return;
     }
-    drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);
+    drawer.afterEffect({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
 }
 export function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {

package/esm/Utils/Utils.js

@@ -52,6 +52,12 @@ export function safeMatchMedia(query) {
     }
     return matchMedia(query);
 }
+export function safeIntersectionObserver(callback) {
+    if (isSsr() || typeof IntersectionObserver === "undefined") {
+        return;
+    }
+    return new IntersectionObserver(callback);
+}
 export function safeMutationObserver(callback) {
     if (isSsr() || typeof MutationObserver === "undefined") {
         return;

package/esm/export-types.js

@@ -15,7 +15,6 @@ export * from "./Core/Interfaces/IInteractor.js";
 export * from "./Core/Interfaces/ILoadParams.js";
 export * from "./Core/Interfaces/IMouseData.js";
 export * from "./Core/Interfaces/IMovePathGenerator.js";
-export * from "./Core/Interfaces/IParticle.js";
 export * from "./Core/Interfaces/IParticleColorStyle.js";
 export * from "./Core/Interfaces/IParticleHslAnimation.js";
 export * from "./Core/Interfaces/IParticleLife.js";
@@ -93,5 +92,4 @@ export * from "./Types/PathOptions.js";
 export * from "./Types/RangeValue.js";
 export * from "./Types/RecursivePartial.js";
 export * from "./Types/ShapeData.js";
-export * from "./Types/ShapeDrawerFunctions.js";
 export * from "./Types/SingleOrMultiple.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/engine",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "description": "Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/engine [11 Sep 2023 at 10:13]</title>
+    <title>@tsparticles/engine [20 Sep 2023 at 09:23]</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>
@@ -49,7 +49,7 @@ var t="[object Symbol]",n=/[&<>"'`]/g,i=RegExp(n.source),r="object"==typeof self
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.engine.js","isAsset":true,"statSize":153020,"parsedSize":155319,"gzipSize":29631,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":153020,"groups":[{"id":394,"label":"index.js + 78 modules (concatenated)","path":"./dist/browser/index.js + 78 modules (concatenated)","statSize":153020,"parsedSize":155319,"gzipSize":29631,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser","statSize":153020,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/index.js","statSize":246,"parsedSize":249,"gzipSize":47,"inaccurateSizes":true},{"id":null,"label":"init.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/init.js","statSize":481,"parsedSize":488,"gzipSize":93,"inaccurateSizes":true},{"label":"Utils","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils","statSize":30706,"groups":[{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/Utils.js","statSize":10883,"parsedSize":11046,"gzipSize":2107,"inaccurateSizes":true},{"id":null,"label":"RgbColorManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/RgbColorManager.js","statSize":1053,"parsedSize":1068,"gzipSize":203,"inaccurateSizes":true},{"id":null,"label":"NumberUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/NumberUtils.js","statSize":4645,"parsedSize":4714,"gzipSize":899,"inaccurateSizes":true},{"id":null,"label":"HslColorManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/HslColorManager.js","statSize":1215,"parsedSize":1233,"gzipSize":235,"inaccurateSizes":true},{"id":null,"label":"ColorUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/ColorUtils.js","statSize":7728,"parsedSize":7844,"gzipSize":1496,"inaccurateSizes":true},{"id":null,"label":"OptionsUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/OptionsUtils.js","statSize":436,"parsedSize":442,"gzipSize":84,"inaccurateSizes":true},{"id":null,"label":"CanvasUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/CanvasUtils.js","statSize":3737,"parsedSize":3793,"gzipSize":723,"inaccurateSizes":true},{"id":null,"label":"EventDispatcher.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/EventDispatcher.js","statSize":1009,"parsedSize":1024,"gzipSize":195,"inaccurateSizes":true}],"parsedSize":31167,"gzipSize":5945,"inaccurateSizes":true},{"id":null,"label":"exports.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/exports.js","statSize":4910,"parsedSize":4983,"gzipSize":950,"inaccurateSizes":true},{"label":"Core","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core","statSize":80697,"groups":[{"label":"Utils","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils","statSize":21480,"groups":[{"id":null,"label":"Vector.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Vector.js","statSize":336,"parsedSize":341,"gzipSize":65,"inaccurateSizes":true},{"id":null,"label":"Vector3d.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Vector3d.js","statSize":2398,"parsedSize":2434,"gzipSize":464,"inaccurateSizes":true},{"id":null,"label":"Constants.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Constants.js","statSize":587,"parsedSize":595,"gzipSize":113,"inaccurateSizes":true},{"id":null,"label":"Rectangle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Rectangle.js","statSize":913,"parsedSize":926,"gzipSize":176,"inaccurateSizes":true},{"id":null,"label":"Range.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Range.js","statSize":100,"parsedSize":101,"gzipSize":19,"inaccurateSizes":true},{"id":null,"label":"Circle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Circle.js","statSize":1057,"parsedSize":1072,"gzipSize":204,"inaccurateSizes":true},{"id":null,"label":"Point.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Point.js","statSize":122,"parsedSize":123,"gzipSize":23,"inaccurateSizes":true},{"id":null,"label":"ExternalInteractorBase.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/ExternalInteractorBase.js","statSize":130,"parsedSize":131,"gzipSize":25,"inaccurateSizes":true},{"id":null,"label":"ParticlesInteractorBase.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/ParticlesInteractorBase.js","statSize":132,"parsedSize":133,"gzipSize":25,"inaccurateSizes":true},{"id":null,"label":"EventListeners.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/EventListeners.js","statSize":12224,"parsedSize":12407,"gzipSize":2367,"inaccurateSizes":true},{"id":null,"label":"InteractionManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/InteractionManager.js","statSize":1600,"parsedSize":1624,"gzipSize":309,"inaccurateSizes":true},{"id":null,"label":"QuadTree.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/QuadTree.js","statSize":1881,"parsedSize":1909,"gzipSize":364,"inaccurateSizes":true}],"parsedSize":21802,"gzipSize":4159,"inaccurateSizes":true},{"id":null,"label":"Engine.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Engine.js","statSize":8423,"parsedSize":8549,"gzipSize":1631,"inaccurateSizes":true},{"id":null,"label":"Container.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Container.js","statSize":13013,"parsedSize":13208,"gzipSize":2519,"inaccurateSizes":true},{"id":null,"label":"Retina.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Retina.js","statSize":1850,"parsedSize":1877,"gzipSize":358,"inaccurateSizes":true},{"id":null,"label":"Canvas.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Canvas.js","statSize":13955,"parsedSize":14164,"gzipSize":2702,"inaccurateSizes":true},{"id":null,"label":"Particles.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Particles.js","statSize":9949,"parsedSize":10098,"gzipSize":1926,"inaccurateSizes":true},{"id":null,"label":"Particle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Particle.js","statSize":12027,"parsedSize":12207,"gzipSize":2328,"inaccurateSizes":true}],"parsedSize":81909,"gzipSize":15626,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes","statSize":35980,"groups":[{"id":null,"label":"Options.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Options.js","statSize":5269,"parsedSize":5348,"gzipSize":1020,"inaccurateSizes":true},{"label":"Background","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Background","statSize":815,"groups":[{"id":null,"label":"Background.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Background/Background.js","statSize":815,"parsedSize":827,"gzipSize":157,"inaccurateSizes":true}],"parsedSize":827,"gzipSize":157,"inaccurateSizes":true},{"id":null,"label":"OptionsColor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/OptionsColor.js","statSize":536,"parsedSize":544,"gzipSize":103,"inaccurateSizes":true},{"label":"BackgroundMask","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask","statSize":1193,"groups":[{"id":null,"label":"BackgroundMask.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask/BackgroundMask.js","statSize":753,"parsedSize":764,"gzipSize":145,"inaccurateSizes":true},{"id":null,"label":"BackgroundMaskCover.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js","statSize":440,"parsedSize":446,"gzipSize":85,"inaccurateSizes":true}],"parsedSize":1210,"gzipSize":231,"inaccurateSizes":true},{"label":"FullScreen","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/FullScreen","statSize":302,"groups":[{"id":null,"label":"FullScreen.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/FullScreen/FullScreen.js","statSize":302,"parsedSize":306,"gzipSize":58,"inaccurateSizes":true}],"parsedSize":306,"gzipSize":58,"inaccurateSizes":true},{"label":"Interactivity","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity","statSize":3851,"groups":[{"id":null,"label":"Interactivity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Interactivity.js","statSize":503,"parsedSize":510,"gzipSize":97,"inaccurateSizes":true},{"label":"Events","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events","statSize":2845,"groups":[{"id":null,"label":"Events.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/Events.js","statSize":927,"parsedSize":940,"gzipSize":179,"inaccurateSizes":true},{"id":null,"label":"ClickEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/ClickEvent.js","statSize":296,"parsedSize":300,"gzipSize":57,"inaccurateSizes":true},{"id":null,"label":"DivEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/DivEvent.js","statSize":500,"parsedSize":507,"gzipSize":96,"inaccurateSizes":true},{"id":null,"label":"HoverEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/HoverEvent.js","statSize":413,"parsedSize":419,"gzipSize":79,"inaccurateSizes":true},{"id":null,"label":"Parallax.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/Parallax.js","statSize":395,"parsedSize":400,"gzipSize":76,"inaccurateSizes":true},{"id":null,"label":"ResizeEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/ResizeEvent.js","statSize":314,"parsedSize":318,"gzipSize":60,"inaccurateSizes":true}],"parsedSize":2887,"gzipSize":550,"inaccurateSizes":true},{"label":"Modes","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Modes","statSize":503,"groups":[{"id":null,"label":"Modes.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Modes/Modes.js","statSize":503,"parsedSize":510,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":510,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":3908,"gzipSize":745,"inaccurateSizes":true},{"label":"Particles","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles","statSize":17291,"groups":[{"id":null,"label":"ParticlesOptions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ParticlesOptions.js","statSize":2897,"parsedSize":2940,"gzipSize":560,"inaccurateSizes":true},{"label":"Bounce","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce","statSize":573,"groups":[{"id":null,"label":"ParticlesBounce.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js","statSize":360,"parsedSize":365,"gzipSize":69,"inaccurateSizes":true},{"id":null,"label":"ParticlesBounceFactor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js","statSize":213,"parsedSize":216,"gzipSize":41,"inaccurateSizes":true}],"parsedSize":581,"gzipSize":110,"inaccurateSizes":true},{"label":"Collisions","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions","statSize":1422,"groups":[{"id":null,"label":"Collisions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/Collisions.js","statSize":905,"parsedSize":918,"gzipSize":175,"inaccurateSizes":true},{"id":null,"label":"CollisionsAbsorb.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js","statSize":204,"parsedSize":207,"gzipSize":39,"inaccurateSizes":true},{"id":null,"label":"CollisionsOverlap.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js","statSize":313,"parsedSize":317,"gzipSize":60,"inaccurateSizes":true}],"parsedSize":1443,"gzipSize":275,"inaccurateSizes":true},{"label":"Move","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move","statSize":7212,"groups":[{"id":null,"label":"Move.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Move.js","statSize":2663,"parsedSize":2703,"gzipSize":515,"inaccurateSizes":true},{"id":null,"label":"MoveAngle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveAngle.js","statSize":391,"parsedSize":396,"gzipSize":75,"inaccurateSizes":true},{"id":null,"label":"MoveAttract.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveAttract.js","statSize":706,"parsedSize":716,"gzipSize":136,"inaccurateSizes":true},{"id":null,"label":"MoveCenter.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveCenter.js","statSize":455,"parsedSize":461,"gzipSize":88,"inaccurateSizes":true},{"id":null,"label":"MoveGravity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveGravity.js","statSize":638,"parsedSize":647,"gzipSize":123,"inaccurateSizes":true},{"label":"Path","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Path","statSize":647,"groups":[{"id":null,"label":"MovePath.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Path/MovePath.js","statSize":647,"parsedSize":656,"gzipSize":125,"inaccurateSizes":true}],"parsedSize":656,"gzipSize":125,"inaccurateSizes":true},{"id":null,"label":"OutModes.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/OutModes.js","statSize":384,"parsedSize":389,"gzipSize":74,"inaccurateSizes":true},{"id":null,"label":"Spin.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Spin.js","statSize":543,"parsedSize":551,"gzipSize":105,"inaccurateSizes":true},{"id":null,"label":"MoveTrail.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveTrail.js","statSize":466,"parsedSize":473,"gzipSize":90,"inaccurateSizes":true},{"id":null,"label":"MoveTrailFill.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveTrailFill.js","statSize":319,"parsedSize":323,"gzipSize":61,"inaccurateSizes":true}],"parsedSize":7320,"gzipSize":1396,"inaccurateSizes":true},{"label":"Number","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number","statSize":904,"groups":[{"id":null,"label":"ParticlesNumber.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number/ParticlesNumber.js","statSize":454,"parsedSize":460,"gzipSize":87,"inaccurateSizes":true},{"id":null,"label":"ParticlesDensity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number/ParticlesDensity.js","statSize":450,"parsedSize":456,"gzipSize":87,"inaccurateSizes":true}],"parsedSize":917,"gzipSize":175,"inaccurateSizes":true},{"label":"Opacity","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity","statSize":868,"groups":[{"id":null,"label":"Opacity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity/Opacity.js","statSize":497,"parsedSize":504,"gzipSize":96,"inaccurateSizes":true},{"id":null,"label":"OpacityAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js","statSize":371,"parsedSize":376,"gzipSize":71,"inaccurateSizes":true}],"parsedSize":881,"gzipSize":168,"inaccurateSizes":true},{"id":null,"label":"Shadow.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shadow.js","statSize":743,"parsedSize":754,"gzipSize":143,"inaccurateSizes":true},{"label":"Shape","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shape","statSize":726,"groups":[{"id":null,"label":"Shape.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shape/Shape.js","statSize":726,"parsedSize":736,"gzipSize":140,"inaccurateSizes":true}],"parsedSize":736,"gzipSize":140,"inaccurateSizes":true},{"label":"Size","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size","statSize":851,"groups":[{"id":null,"label":"Size.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size/Size.js","statSize":483,"parsedSize":490,"gzipSize":93,"inaccurateSizes":true},{"id":null,"label":"SizeAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size/SizeAnimation.js","statSize":368,"parsedSize":373,"gzipSize":71,"inaccurateSizes":true}],"parsedSize":863,"gzipSize":164,"inaccurateSizes":true},{"id":null,"label":"Stroke.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Stroke.js","statSize":532,"parsedSize":539,"gzipSize":103,"inaccurateSizes":true},{"label":"ZIndex","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ZIndex","statSize":563,"groups":[{"id":null,"label":"ZIndex.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ZIndex/ZIndex.js","statSize":563,"parsedSize":571,"gzipSize":109,"inaccurateSizes":true}],"parsedSize":571,"gzipSize":109,"inaccurateSizes":true}],"parsedSize":17550,"gzipSize":3348,"inaccurateSizes":true},{"id":null,"label":"ValueWithRandom.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ValueWithRandom.js","statSize":1218,"parsedSize":1236,"gzipSize":235,"inaccurateSizes":true},{"id":null,"label":"AnimationOptions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/AnimationOptions.js","statSize":1189,"parsedSize":1206,"gzipSize":230,"inaccurateSizes":true},{"id":null,"label":"AnimatableColor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/AnimatableColor.js","statSize":922,"parsedSize":935,"gzipSize":178,"inaccurateSizes":true},{"id":null,"label":"HslAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/HslAnimation.js","statSize":341,"parsedSize":346,"gzipSize":66,"inaccurateSizes":true},{"id":null,"label":"ColorAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ColorAnimation.js","statSize":906,"parsedSize":919,"gzipSize":175,"inaccurateSizes":true},{"id":null,"label":"ManualParticle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ManualParticle.js","statSize":397,"parsedSize":402,"gzipSize":76,"inaccurateSizes":true},{"id":null,"label":"Responsive.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Responsive.js","statSize":572,"parsedSize":580,"gzipSize":110,"inaccurateSizes":true},{"label":"Theme","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme","statSize":855,"groups":[{"id":null,"label":"Theme.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme/Theme.js","statSize":465,"parsedSize":471,"gzipSize":90,"inaccurateSizes":true},{"id":null,"label":"ThemeDefault.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme/ThemeDefault.js","statSize":390,"parsedSize":395,"gzipSize":75,"inaccurateSizes":true}],"parsedSize":867,"gzipSize":165,"inaccurateSizes":true},{"id":null,"label":"Random.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Random.js","statSize":323,"parsedSize":327,"gzipSize":62,"inaccurateSizes":true}],"parsedSize":36520,"gzipSize":6967,"inaccurateSizes":true}],"parsedSize":155319,"gzipSize":29631,"inaccurateSizes":true}]}],"parsedSize":155319,"gzipSize":29631}],"isInitialByEntrypoint":{"tsparticles.engine":true}}];
+      window.chartData = [{"label":"tsparticles.engine.js","isAsset":true,"statSize":152343,"parsedSize":154719,"gzipSize":29477,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":152343,"groups":[{"id":394,"label":"index.js + 78 modules (concatenated)","path":"./dist/browser/index.js + 78 modules (concatenated)","statSize":152343,"parsedSize":154719,"gzipSize":29477,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser","statSize":152343,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/index.js","statSize":246,"parsedSize":249,"gzipSize":47,"inaccurateSizes":true},{"id":null,"label":"init.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/init.js","statSize":481,"parsedSize":488,"gzipSize":93,"inaccurateSizes":true},{"label":"Utils","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils","statSize":31087,"groups":[{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/Utils.js","statSize":11063,"parsedSize":11235,"gzipSize":2140,"inaccurateSizes":true},{"id":null,"label":"RgbColorManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/RgbColorManager.js","statSize":1053,"parsedSize":1069,"gzipSize":203,"inaccurateSizes":true},{"id":null,"label":"NumberUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/NumberUtils.js","statSize":4645,"parsedSize":4717,"gzipSize":898,"inaccurateSizes":true},{"id":null,"label":"HslColorManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/HslColorManager.js","statSize":1215,"parsedSize":1233,"gzipSize":235,"inaccurateSizes":true},{"id":null,"label":"ColorUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/ColorUtils.js","statSize":7728,"parsedSize":7848,"gzipSize":1495,"inaccurateSizes":true},{"id":null,"label":"OptionsUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/OptionsUtils.js","statSize":436,"parsedSize":442,"gzipSize":84,"inaccurateSizes":true},{"id":null,"label":"CanvasUtils.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/CanvasUtils.js","statSize":3938,"parsedSize":3999,"gzipSize":761,"inaccurateSizes":true},{"id":null,"label":"EventDispatcher.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Utils/EventDispatcher.js","statSize":1009,"parsedSize":1024,"gzipSize":195,"inaccurateSizes":true}],"parsedSize":31571,"gzipSize":6015,"inaccurateSizes":true},{"id":null,"label":"exports.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/exports.js","statSize":4910,"parsedSize":4986,"gzipSize":950,"inaccurateSizes":true},{"label":"Core","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core","statSize":79639,"groups":[{"label":"Utils","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils","statSize":21480,"groups":[{"id":null,"label":"Vector.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Vector.js","statSize":336,"parsedSize":341,"gzipSize":65,"inaccurateSizes":true},{"id":null,"label":"Vector3d.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Vector3d.js","statSize":2398,"parsedSize":2435,"gzipSize":463,"inaccurateSizes":true},{"id":null,"label":"Constants.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Constants.js","statSize":587,"parsedSize":596,"gzipSize":113,"inaccurateSizes":true},{"id":null,"label":"Rectangle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Rectangle.js","statSize":913,"parsedSize":927,"gzipSize":176,"inaccurateSizes":true},{"id":null,"label":"Range.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Range.js","statSize":100,"parsedSize":101,"gzipSize":19,"inaccurateSizes":true},{"id":null,"label":"Circle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Circle.js","statSize":1057,"parsedSize":1073,"gzipSize":204,"inaccurateSizes":true},{"id":null,"label":"Point.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/Point.js","statSize":122,"parsedSize":123,"gzipSize":23,"inaccurateSizes":true},{"id":null,"label":"ExternalInteractorBase.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/ExternalInteractorBase.js","statSize":130,"parsedSize":132,"gzipSize":25,"inaccurateSizes":true},{"id":null,"label":"ParticlesInteractorBase.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/ParticlesInteractorBase.js","statSize":132,"parsedSize":134,"gzipSize":25,"inaccurateSizes":true},{"id":null,"label":"EventListeners.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/EventListeners.js","statSize":12224,"parsedSize":12414,"gzipSize":2365,"inaccurateSizes":true},{"id":null,"label":"InteractionManager.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/InteractionManager.js","statSize":1600,"parsedSize":1624,"gzipSize":309,"inaccurateSizes":true},{"id":null,"label":"QuadTree.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Utils/QuadTree.js","statSize":1881,"parsedSize":1910,"gzipSize":363,"inaccurateSizes":true}],"parsedSize":21815,"gzipSize":4156,"inaccurateSizes":true},{"id":null,"label":"Engine.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Engine.js","statSize":7448,"parsedSize":7564,"gzipSize":1441,"inaccurateSizes":true},{"id":null,"label":"Container.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Container.js","statSize":12960,"parsedSize":13162,"gzipSize":2507,"inaccurateSizes":true},{"id":null,"label":"Retina.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Retina.js","statSize":1850,"parsedSize":1878,"gzipSize":357,"inaccurateSizes":true},{"id":null,"label":"Canvas.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Canvas.js","statSize":13955,"parsedSize":14172,"gzipSize":2700,"inaccurateSizes":true},{"id":null,"label":"Particles.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Particles.js","statSize":9949,"parsedSize":10104,"gzipSize":1925,"inaccurateSizes":true},{"id":null,"label":"Particle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Core/Particle.js","statSize":11997,"parsedSize":12184,"gzipSize":2321,"inaccurateSizes":true}],"parsedSize":80881,"gzipSize":15409,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes","statSize":35980,"groups":[{"id":null,"label":"Options.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Options.js","statSize":5269,"parsedSize":5351,"gzipSize":1019,"inaccurateSizes":true},{"label":"Background","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Background","statSize":815,"groups":[{"id":null,"label":"Background.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Background/Background.js","statSize":815,"parsedSize":827,"gzipSize":157,"inaccurateSizes":true}],"parsedSize":827,"gzipSize":157,"inaccurateSizes":true},{"id":null,"label":"OptionsColor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/OptionsColor.js","statSize":536,"parsedSize":544,"gzipSize":103,"inaccurateSizes":true},{"label":"BackgroundMask","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask","statSize":1193,"groups":[{"id":null,"label":"BackgroundMask.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask/BackgroundMask.js","statSize":753,"parsedSize":764,"gzipSize":145,"inaccurateSizes":true},{"id":null,"label":"BackgroundMaskCover.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js","statSize":440,"parsedSize":446,"gzipSize":85,"inaccurateSizes":true}],"parsedSize":1211,"gzipSize":230,"inaccurateSizes":true},{"label":"FullScreen","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/FullScreen","statSize":302,"groups":[{"id":null,"label":"FullScreen.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/FullScreen/FullScreen.js","statSize":302,"parsedSize":306,"gzipSize":58,"inaccurateSizes":true}],"parsedSize":306,"gzipSize":58,"inaccurateSizes":true},{"label":"Interactivity","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity","statSize":3851,"groups":[{"id":null,"label":"Interactivity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Interactivity.js","statSize":503,"parsedSize":510,"gzipSize":97,"inaccurateSizes":true},{"label":"Events","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events","statSize":2845,"groups":[{"id":null,"label":"Events.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/Events.js","statSize":927,"parsedSize":941,"gzipSize":179,"inaccurateSizes":true},{"id":null,"label":"ClickEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/ClickEvent.js","statSize":296,"parsedSize":300,"gzipSize":57,"inaccurateSizes":true},{"id":null,"label":"DivEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/DivEvent.js","statSize":500,"parsedSize":507,"gzipSize":96,"inaccurateSizes":true},{"id":null,"label":"HoverEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/HoverEvent.js","statSize":413,"parsedSize":419,"gzipSize":79,"inaccurateSizes":true},{"id":null,"label":"Parallax.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/Parallax.js","statSize":395,"parsedSize":401,"gzipSize":76,"inaccurateSizes":true},{"id":null,"label":"ResizeEvent.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Events/ResizeEvent.js","statSize":314,"parsedSize":318,"gzipSize":60,"inaccurateSizes":true}],"parsedSize":2889,"gzipSize":550,"inaccurateSizes":true},{"label":"Modes","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Modes","statSize":503,"groups":[{"id":null,"label":"Modes.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Interactivity/Modes/Modes.js","statSize":503,"parsedSize":510,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":510,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":3911,"gzipSize":745,"inaccurateSizes":true},{"label":"Particles","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles","statSize":17291,"groups":[{"id":null,"label":"ParticlesOptions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ParticlesOptions.js","statSize":2897,"parsedSize":2942,"gzipSize":560,"inaccurateSizes":true},{"label":"Bounce","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce","statSize":573,"groups":[{"id":null,"label":"ParticlesBounce.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js","statSize":360,"parsedSize":365,"gzipSize":69,"inaccurateSizes":true},{"id":null,"label":"ParticlesBounceFactor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js","statSize":213,"parsedSize":216,"gzipSize":41,"inaccurateSizes":true}],"parsedSize":581,"gzipSize":110,"inaccurateSizes":true},{"label":"Collisions","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions","statSize":1422,"groups":[{"id":null,"label":"Collisions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/Collisions.js","statSize":905,"parsedSize":919,"gzipSize":175,"inaccurateSizes":true},{"id":null,"label":"CollisionsAbsorb.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js","statSize":204,"parsedSize":207,"gzipSize":39,"inaccurateSizes":true},{"id":null,"label":"CollisionsOverlap.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js","statSize":313,"parsedSize":317,"gzipSize":60,"inaccurateSizes":true}],"parsedSize":1444,"gzipSize":275,"inaccurateSizes":true},{"label":"Move","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move","statSize":7212,"groups":[{"id":null,"label":"Move.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Move.js","statSize":2663,"parsedSize":2704,"gzipSize":515,"inaccurateSizes":true},{"id":null,"label":"MoveAngle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveAngle.js","statSize":391,"parsedSize":397,"gzipSize":75,"inaccurateSizes":true},{"id":null,"label":"MoveAttract.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveAttract.js","statSize":706,"parsedSize":717,"gzipSize":136,"inaccurateSizes":true},{"id":null,"label":"MoveCenter.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveCenter.js","statSize":455,"parsedSize":462,"gzipSize":88,"inaccurateSizes":true},{"id":null,"label":"MoveGravity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveGravity.js","statSize":638,"parsedSize":647,"gzipSize":123,"inaccurateSizes":true},{"label":"Path","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Path","statSize":647,"groups":[{"id":null,"label":"MovePath.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Path/MovePath.js","statSize":647,"parsedSize":657,"gzipSize":125,"inaccurateSizes":true}],"parsedSize":657,"gzipSize":125,"inaccurateSizes":true},{"id":null,"label":"OutModes.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/OutModes.js","statSize":384,"parsedSize":389,"gzipSize":74,"inaccurateSizes":true},{"id":null,"label":"Spin.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/Spin.js","statSize":543,"parsedSize":551,"gzipSize":105,"inaccurateSizes":true},{"id":null,"label":"MoveTrail.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveTrail.js","statSize":466,"parsedSize":473,"gzipSize":90,"inaccurateSizes":true},{"id":null,"label":"MoveTrailFill.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Move/MoveTrailFill.js","statSize":319,"parsedSize":323,"gzipSize":61,"inaccurateSizes":true}],"parsedSize":7324,"gzipSize":1395,"inaccurateSizes":true},{"label":"Number","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number","statSize":904,"groups":[{"id":null,"label":"ParticlesNumber.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number/ParticlesNumber.js","statSize":454,"parsedSize":461,"gzipSize":87,"inaccurateSizes":true},{"id":null,"label":"ParticlesDensity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Number/ParticlesDensity.js","statSize":450,"parsedSize":457,"gzipSize":87,"inaccurateSizes":true}],"parsedSize":918,"gzipSize":174,"inaccurateSizes":true},{"label":"Opacity","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity","statSize":868,"groups":[{"id":null,"label":"Opacity.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity/Opacity.js","statSize":497,"parsedSize":504,"gzipSize":96,"inaccurateSizes":true},{"id":null,"label":"OpacityAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js","statSize":371,"parsedSize":376,"gzipSize":71,"inaccurateSizes":true}],"parsedSize":881,"gzipSize":167,"inaccurateSizes":true},{"id":null,"label":"Shadow.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shadow.js","statSize":743,"parsedSize":754,"gzipSize":143,"inaccurateSizes":true},{"label":"Shape","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shape","statSize":726,"groups":[{"id":null,"label":"Shape.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Shape/Shape.js","statSize":726,"parsedSize":737,"gzipSize":140,"inaccurateSizes":true}],"parsedSize":737,"gzipSize":140,"inaccurateSizes":true},{"label":"Size","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size","statSize":851,"groups":[{"id":null,"label":"Size.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size/Size.js","statSize":483,"parsedSize":490,"gzipSize":93,"inaccurateSizes":true},{"id":null,"label":"SizeAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Size/SizeAnimation.js","statSize":368,"parsedSize":373,"gzipSize":71,"inaccurateSizes":true}],"parsedSize":864,"gzipSize":164,"inaccurateSizes":true},{"id":null,"label":"Stroke.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/Stroke.js","statSize":532,"parsedSize":540,"gzipSize":102,"inaccurateSizes":true},{"label":"ZIndex","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ZIndex","statSize":563,"groups":[{"id":null,"label":"ZIndex.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Particles/ZIndex/ZIndex.js","statSize":563,"parsedSize":571,"gzipSize":108,"inaccurateSizes":true}],"parsedSize":571,"gzipSize":108,"inaccurateSizes":true}],"parsedSize":17560,"gzipSize":3345,"inaccurateSizes":true},{"id":null,"label":"ValueWithRandom.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ValueWithRandom.js","statSize":1218,"parsedSize":1236,"gzipSize":235,"inaccurateSizes":true},{"id":null,"label":"AnimationOptions.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/AnimationOptions.js","statSize":1189,"parsedSize":1207,"gzipSize":230,"inaccurateSizes":true},{"id":null,"label":"AnimatableColor.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/AnimatableColor.js","statSize":922,"parsedSize":936,"gzipSize":178,"inaccurateSizes":true},{"id":null,"label":"HslAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/HslAnimation.js","statSize":341,"parsedSize":346,"gzipSize":65,"inaccurateSizes":true},{"id":null,"label":"ColorAnimation.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ColorAnimation.js","statSize":906,"parsedSize":920,"gzipSize":175,"inaccurateSizes":true},{"id":null,"label":"ManualParticle.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/ManualParticle.js","statSize":397,"parsedSize":403,"gzipSize":76,"inaccurateSizes":true},{"id":null,"label":"Responsive.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Responsive.js","statSize":572,"parsedSize":580,"gzipSize":110,"inaccurateSizes":true},{"label":"Theme","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme","statSize":855,"groups":[{"id":null,"label":"Theme.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme/Theme.js","statSize":465,"parsedSize":472,"gzipSize":89,"inaccurateSizes":true},{"id":null,"label":"ThemeDefault.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Theme/ThemeDefault.js","statSize":390,"parsedSize":396,"gzipSize":75,"inaccurateSizes":true}],"parsedSize":868,"gzipSize":165,"inaccurateSizes":true},{"id":null,"label":"Random.js","path":"./dist/browser/index.js + 78 modules (concatenated)/dist/browser/Options/Classes/Random.js","statSize":323,"parsedSize":328,"gzipSize":62,"inaccurateSizes":true}],"parsedSize":36541,"gzipSize":6961,"inaccurateSizes":true}],"parsedSize":154719,"gzipSize":29477,"inaccurateSizes":true}]}],"parsedSize":154719,"gzipSize":29477}],"isInitialByEntrypoint":{"tsparticles.engine":true}}];
       window.entrypoints = ["tsparticles.engine","tsparticles.engine.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.engine.js

@@ -1,5 +1,5 @@
 /*!
- * tsParticles Engine v3.0.0-beta.2
+ * tsParticles Engine v3.0.0-beta.3
  * Author: Matteo Bruni
  * MIT license: https://opensource.org/licenses/MIT
  * Website: https://particles.js.org/
@@ -207,6 +207,7 @@ __webpack_require__.d(__webpack_exports__, {
   rectBounce: () => (/* reexport */ rectBounce),
   resizeEvent: () => (/* reexport */ resizeEvent),
   rgbToHsl: () => (/* reexport */ rgbToHsl),
+  safeIntersectionObserver: () => (/* reexport */ safeIntersectionObserver),
   safeMatchMedia: () => (/* reexport */ safeMatchMedia),
   safeMutationObserver: () => (/* reexport */ safeMutationObserver),
   setLogger: () => (/* reexport */ setLogger),
@@ -573,6 +574,12 @@ function safeMatchMedia(query) {
   }
   return matchMedia(query);
 }
+function safeIntersectionObserver(callback) {
+  if (isSsr() || typeof IntersectionObserver === "undefined") {
+    return;
+  }
+  return new IntersectionObserver(callback);
+}
 function safeMutationObserver(callback) {
   if (isSsr() || typeof MutationObserver === "undefined") {
     return;
@@ -1232,7 +1239,15 @@ function drawParticle(data) {
   if (colorStyles.stroke) {
     context.strokeStyle = colorStyles.stroke;
   }
-  drawShape(container, context, particle, radius, opacity, delta);
+  const drawData = {
+    container,
+    context,
+    particle,
+    radius,
+    opacity,
+    delta
+  };
+  drawShape(drawData);
   if (strokeWidth > 0) {
     context.stroke();
   }
@@ -1242,11 +1257,19 @@ function drawParticle(data) {
   if (particle.fill) {
     context.fill();
   }
-  drawShapeAfterEffect(container, context, particle, radius, opacity, delta);
+  drawShapeAfterEffect(drawData);
   context.globalCompositeOperation = "source-over";
   context.setTransform(1, 0, 0, 1, 0, 0);
 }
-function drawShape(container, context, particle, radius, opacity, delta) {
+function drawShape(data) {
+  const {
+    container,
+    context,
+    particle,
+    radius,
+    opacity,
+    delta
+  } = data;
   if (!particle.shape) {
     return;
   }
@@ -1254,9 +1277,24 @@ function drawShape(container, context, particle, radius, opacity, delta) {
   if (!drawer) {
     return;
   }
-  drawer.draw(context, particle, radius, opacity, delta, container.retina.pixelRatio);
+  drawer.draw({
+    context,
+    particle,
+    radius,
+    opacity,
+    delta,
+    pixelRatio: container.retina.pixelRatio
+  });
 }
-function drawShapeAfterEffect(container, context, particle, radius, opacity, delta) {
+function drawShapeAfterEffect(data) {
+  const {
+    container,
+    context,
+    particle,
+    radius,
+    opacity,
+    delta
+  } = data;
   if (!particle.shape) {
     return;
   }
@@ -1264,7 +1302,14 @@ function drawShapeAfterEffect(container, context, particle, radius, opacity, del
   if (!drawer || !drawer.afterEffect) {
     return;
   }
-  drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);
+  drawer.afterEffect({
+    context,
+    particle,
+    radius,
+    opacity,
+    delta,
+    pixelRatio: container.retina.pixelRatio
+  });
 }
 function drawPlugin(context, plugin, delta) {
   if (!plugin.draw) {
@@ -3648,7 +3693,17 @@ class InteractionManager {
 
 
 
-const fixOutMode = data => {
+function loadShapeData(shape, shapeOptions, id, reduceDuplicates) {
+  const shapeData = shapeOptions.options[shape];
+  if (!shapeData) {
+    return;
+  }
+  return deepExtend({
+    close: shapeOptions.close,
+    fill: shapeOptions.fill
+  }, itemFromSingleOrMultiple(shapeData, id, reduceDuplicates));
+}
+function fixOutMode(data) {
   if (!isInArray(data.outMode, data.checkModes)) {
     return;
   }
@@ -3658,7 +3713,7 @@ const fixOutMode = data => {
   } else if (data.coord < diameter) {
     data.setCb(data.radius);
   }
-};
+}
 class Particle {
   constructor(engine, id, container, position, overrideOptions, group) {
     this.container = container;
@@ -3783,16 +3838,6 @@ class Particle {
       }
       this.offset = Vector.origin;
     };
-    this._loadShapeData = (shapeOptions, reduceDuplicates) => {
-      const shapeData = shapeOptions.options[this.shape];
-      if (!shapeData) {
-        return;
-      }
-      return deepExtend({
-        close: shapeOptions.close,
-        fill: shapeOptions.fill
-      }, itemFromSingleOrMultiple(shapeData, this.id, reduceDuplicates));
-    };
     this._engine = engine;
     this.init(id, position, overrideOptions, group);
   }
@@ -3881,7 +3926,7 @@ class Particle {
         shapeOptions.load(overrideOptions.shape);
       }
     }
-    this.shapeData = this._loadShapeData(shapeOptions, reduceDuplicates);
+    this.shapeData = loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates);
     particlesOptions.load(overrideOptions);
     const shapeData = this.shapeData;
     if (shapeData) {
@@ -4477,7 +4522,6 @@ function loadContainerOptions(engine, container, ...sourceOptionsArr) {
 }
 class Container {
   constructor(engine, id, sourceOptions) {
-    this.id = id;
     this._intersectionManager = entries => {
       if (!guardCheck(this) || !this.actualOptions.pauseOnOutsideViewport) {
         return;
@@ -4516,6 +4560,7 @@ class Container {
       }
     };
     this._engine = engine;
+    this.id = Symbol(id);
     this.fpsLimit = 120;
     this.smooth = false;
     this._delay = 0;
@@ -4545,9 +4590,7 @@ class Container {
     this._options = loadContainerOptions(this._engine, this);
     this.actualOptions = loadContainerOptions(this._engine, this);
     this._eventListeners = new EventListeners(this);
-    if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
-      this._intersectionObserver = new IntersectionObserver(entries => this._intersectionManager(entries));
-    }
+    this._intersectionObserver = safeIntersectionObserver(entries => this._intersectionManager(entries));
     this._engine.dispatchEvent("containerBuilt", {
       container: this
     });
@@ -4990,17 +5033,17 @@ class Engine {
     return res;
   }
   get version() {
-    return "3.0.0-beta.2";
+    return "3.0.0-beta.3";
   }
-  addConfig(nameOrConfig, config) {
-    if (isString(nameOrConfig)) {
-      if (config) {
-        config.name = nameOrConfig;
-        this._configs.set(nameOrConfig, config);
+  addConfig(config) {
+    const name = config.name ?? "default";
+    this._configs.set(name, config);
+    this._eventDispatcher.dispatchEvent("configAdded", {
+      data: {
+        name,
+        config
       }
-    } else {
-      this._configs.set(nameOrConfig.name ?? "default", nameOrConfig);
-    }
+    });
   }
   addEventListener(type, listener) {
     this._eventDispatcher.addEventListener(type, listener);
@@ -5029,44 +5072,11 @@ class Engine {
     (override || !this.getPreset(preset)) && this.presets.set(preset, options);
     await this.refresh(refresh);
   }
-  async addShape(shape, drawer, initOrRefresh, afterEffectOrRefresh, destroyOrRefresh, refresh = true) {
-    let customDrawer;
-    let realRefresh = refresh,
-      realInit,
-      realAfterEffect,
-      realDestroy;
-    if (isBoolean(initOrRefresh)) {
-      realRefresh = initOrRefresh;
-      realInit = undefined;
-    } else {
-      realInit = initOrRefresh;
-    }
-    if (isBoolean(afterEffectOrRefresh)) {
-      realRefresh = afterEffectOrRefresh;
-      realAfterEffect = undefined;
-    } else {
-      realAfterEffect = afterEffectOrRefresh;
-    }
-    if (isBoolean(destroyOrRefresh)) {
-      realRefresh = destroyOrRefresh;
-      realDestroy = undefined;
-    } else {
-      realDestroy = destroyOrRefresh;
-    }
-    if (isFunction(drawer)) {
-      customDrawer = {
-        afterEffect: realAfterEffect,
-        destroy: realDestroy,
-        draw: drawer,
-        init: realInit
-      };
-    } else {
-      customDrawer = drawer;
-    }
+  async addShape(shape, drawer, refresh = true) {
     executeOnSingleOrMultiple(shape, type => {
-      !this.getShapeDrawer(type) && this.drawers.set(type, customDrawer);
+      !this.getShapeDrawer(type) && this.drawers.set(type, drawer);
     });
-    await this.refresh(realRefresh);
+    await this.refresh(refresh);
   }
   clearPlugins(container) {
     this.updaters.delete(container);
@@ -5144,7 +5154,7 @@ class Engine {
     }
     const currentOptions = itemFromSingleOrMultiple(options, index),
       dom = this.dom(),
-      oldIndex = dom.findIndex(v => v.id === id);
+      oldIndex = dom.findIndex(v => v.id.description === id);
     if (oldIndex >= 0) {
       const old = this.domItem(oldIndex);
       if (old && !old.destroyed) {