@tsparticles/engine 3.0.0-beta.4 → 3.0.0

package/umd/Core/Engine.js

@@ -63,7 +63,7 @@
             return res;
         }
         get version() {
-            return "3.0.0-beta.4";
+            return "3.0.0";
         }
         addConfig(config) {
             const name = config.name ?? "default";

package/umd/Core/Particle.js

@@ -171,7 +171,8 @@
             this.destroyed = true;
             this.bubble.inRange = false;
             this.slow.inRange = false;
-            const container = this.container, pathGenerator = this.pathGenerator;
+            const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = container.shapeDrawers.get(this.shape);
+            shapeDrawer && shapeDrawer.particleDestroy && shapeDrawer.particleDestroy(this);
             for (const [, plugin] of container.plugins) {
                 plugin.particleDestroyed && plugin.particleDestroyed(this, override);
             }

package/umd/Options/Classes/Interactivity/Events/Events.js

@@ -4,17 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils/Utils.js", "./ClickEvent.js", "./DivEvent.js", "./HoverEvent.js", "./ResizeEvent.js"], factory);
+        define(["require", "exports", "./ClickEvent.js", "./DivEvent.js", "./HoverEvent.js", "./ResizeEvent.js", "../../../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Events = void 0;
-    const Utils_js_1 = require("../../../../Utils/Utils.js");
     const ClickEvent_js_1 = require("./ClickEvent.js");
     const DivEvent_js_1 = require("./DivEvent.js");
     const HoverEvent_js_1 = require("./HoverEvent.js");
     const ResizeEvent_js_1 = require("./ResizeEvent.js");
+    const Utils_js_1 = require("../../../../Utils/Utils.js");
     class Events {
         constructor() {
             this.onClick = new ClickEvent_js_1.ClickEvent();
@@ -36,12 +36,7 @@
                 });
             }
             this.onHover.load(data.onHover);
-            if ((0, Utils_js_1.isBoolean)(data.resize)) {
-                this.resize.enable = data.resize;
-            }
-            else {
-                this.resize.load(data.resize);
-            }
+            this.resize.load(data.resize);
         }
     }
     exports.Events = Events;

package/umd/Options/Classes/Options.js

@@ -34,6 +34,7 @@
             this.autoPlay = true;
             this.background = new Background_js_1.Background();
             this.backgroundMask = new BackgroundMask_js_1.BackgroundMask();
+            this.clear = true;
             this.defaultThemes = {};
             this.delay = 0;
             this.fullScreen = new FullScreen_js_1.FullScreen();
@@ -61,6 +62,12 @@
             if (data.autoPlay !== undefined) {
                 this.autoPlay = data.autoPlay;
             }
+            if (data.clear !== undefined) {
+                this.clear = data.clear;
+            }
+            if (data.name !== undefined) {
+                this.name = data.name;
+            }
             if (data.delay !== undefined) {
                 this.delay = (0, NumberUtils_js_1.setRangeValue)(data.delay);
             }

package/umd/Options/Classes/Particles/ParticlesOptions.js

@@ -47,23 +47,26 @@
             if (!data) {
                 return;
             }
-            this.bounce.load(data.bounce);
-            this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
-            this.effect.load(data.effect);
             if (data.groups !== undefined) {
-                for (const group in data.groups) {
+                for (const group of Object.keys(data.groups)) {
+                    if (!Object.hasOwn(data.groups, group)) {
+                        continue;
+                    }
                     const item = data.groups[group];
                     if (item !== undefined) {
                         this.groups[group] = (0, Utils_js_1.deepExtend)(this.groups[group] ?? {}, item);
                     }
                 }
             }
-            this.move.load(data.move);
-            this.number.load(data.number);
-            this.opacity.load(data.opacity);
             if (data.reduceDuplicates !== undefined) {
                 this.reduceDuplicates = data.reduceDuplicates;
             }
+            this.bounce.load(data.bounce);
+            this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
+            this.effect.load(data.effect);
+            this.move.load(data.move);
+            this.number.load(data.number);
+            this.opacity.load(data.opacity);
             this.shape.load(data.shape);
             this.size.load(data.size);
             this.shadow.load(data.shadow);

package/umd/Utils/CanvasUtils.js

@@ -66,7 +66,7 @@
         if (colorStyles.stroke) {
             context.strokeStyle = colorStyles.stroke;
         }
-        const drawData = { container, context, particle, radius, opacity, delta };
+        const drawData = { container, context, particle, radius, opacity, delta, transformData };
         context.beginPath();
         drawShape(drawData);
         if (particle.shapeClose) {
@@ -85,7 +85,7 @@
     }
     exports.drawParticle = drawParticle;
     function drawEffect(data) {
-        const { container, context, particle, radius, opacity, delta } = data;
+        const { container, context, particle, radius, opacity, delta, transformData } = data;
         if (!particle.effect) {
             return;
         }
@@ -93,11 +93,19 @@
         if (!drawer) {
             return;
         }
-        drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
+        drawer.draw({
+            context,
+            particle,
+            radius,
+            opacity,
+            delta,
+            pixelRatio: container.retina.pixelRatio,
+            transformData: { ...transformData },
+        });
     }
     exports.drawEffect = drawEffect;
     function drawShape(data) {
-        const { container, context, particle, radius, opacity, delta } = data;
+        const { container, context, particle, radius, opacity, delta, transformData } = data;
         if (!particle.shape) {
             return;
         }
@@ -105,11 +113,19 @@
         if (!drawer) {
             return;
         }
-        drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
+        drawer.draw({
+            context,
+            particle,
+            radius,
+            opacity,
+            delta,
+            pixelRatio: container.retina.pixelRatio,
+            transformData: { ...transformData },
+        });
     }
     exports.drawShape = drawShape;
     function drawShapeAfterDraw(data) {
-        const { container, context, particle, radius, opacity, delta } = data;
+        const { container, context, particle, radius, opacity, delta, transformData } = data;
         if (!particle.shape) {
             return;
         }
@@ -117,7 +133,15 @@
         if (!drawer || !drawer.afterDraw) {
             return;
         }
-        drawer.afterDraw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
+        drawer.afterDraw({
+            context,
+            particle,
+            radius,
+            opacity,
+            delta,
+            pixelRatio: container.retina.pixelRatio,
+            transformData: { ...transformData },
+        });
     }
     exports.drawShapeAfterDraw = drawShapeAfterDraw;
     function drawPlugin(context, plugin, delta) {