@tsparticles/confetti 3.0.0-beta.4 → 3.0.0-beta.5

package/tsparticles.confetti.bundle.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
- * v3.0.0-beta.4
+ * v3.0.0-beta.5
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -2401,11 +2401,7 @@ class Events {
       });
     }
     this.onHover.load(data.onHover);
-    if (isBoolean(data.resize)) {
-      this.resize.enable = data.resize;
-    } else {
-      this.resize.load(data.resize);
-    }
+    this.resize.load(data.resize);
   }
 }
 ;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Modes/Modes.js
@@ -3430,23 +3426,26 @@ class ParticlesOptions {
     if (!data) {
       return;
     }
-    this.bounce.load(data.bounce);
-    this.color.load(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] = 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.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);
@@ -3871,7 +3870,9 @@ class Particle {
     this.bubble.inRange = false;
     this.slow.inRange = false;
     const container = this.container,
-      pathGenerator = this.pathGenerator;
+      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);
     }
@@ -5125,7 +5126,7 @@ class Engine {
     return res;
   }
   get version() {
-    return "3.0.0-beta.4";
+    return "3.0.0-beta.5";
   }
   addConfig(config) {
     const name = config.name ?? "default";
@@ -7544,20 +7545,23 @@ async function loadEmittersPlugin(engine, refresh = true) {
 class HeartDrawer_HeartDrawer {
   draw(data) {
     const {
-      context,
-      radius
-    } = data;
-    const x = -radius,
+        context,
+        radius
+      } = data,
+      diameter = radius * 2,
+      halfRadius = radius * 0.5,
+      radiusAndHalf = radius + halfRadius,
+      x = -radius,
       y = -radius;
     context.moveTo(x, y + radius / 2);
-    context.quadraticCurveTo(x, y, x + radius / 2, y);
-    context.quadraticCurveTo(x + radius, y, x + radius, y + radius / 2);
-    context.quadraticCurveTo(x + radius, y, x + radius * 3 / 2, y);
-    context.quadraticCurveTo(x + radius * 2, y, x + radius * 2, y + radius / 2);
-    context.quadraticCurveTo(x + radius * 2, y + radius, x + radius * 3 / 2, y + radius * 3 / 2);
-    context.lineTo(x + radius, y + radius * 2);
-    context.lineTo(x + radius / 2, y + radius * 3 / 2);
-    context.quadraticCurveTo(x, y + radius, x, y + radius / 2);
+    context.quadraticCurveTo(x, y, x + halfRadius, y);
+    context.quadraticCurveTo(x + radius, y, x + radius, y + halfRadius);
+    context.quadraticCurveTo(x + radius, y, x + radiusAndHalf, y);
+    context.quadraticCurveTo(x + diameter, y, x + diameter, y + halfRadius);
+    context.quadraticCurveTo(x + diameter, y + radius, x + radiusAndHalf, y + radiusAndHalf);
+    context.lineTo(x + radius, y + diameter);
+    context.lineTo(x + halfRadius, y + radiusAndHalf);
+    context.quadraticCurveTo(x, y + radius, x, y + halfRadius);
   }
 }
 ;// CONCATENATED MODULE: ../../shapes/heart/dist/browser/index.js
@@ -8207,8 +8211,9 @@ class ImageDrawer {
         pos = {
           x: -radius,
           y: -radius
-        };
-      context.drawImage(element, pos.x, pos.y, radius * 2, radius * 2 / ratio);
+        },
+        diameter = radius * 2;
+      context.drawImage(element, pos.x, pos.y, diameter, diameter / ratio);
     }
     context.globalAlpha = 1;
   }
@@ -9115,11 +9120,12 @@ class TextDrawer {
         pos = {
           x: -offsetX,
           y: radius / 2
-        };
+        },
+        diameter = radius * 2;
       if (fill) {
-        context.fillText(line, pos.x, pos.y + radius * 2 * index);
+        context.fillText(line, pos.x, pos.y + diameter * index);
       } else {
-        context.strokeText(line, pos.x, pos.y + radius * 2 * index);
+        context.strokeText(line, pos.x, pos.y + diameter * index);
       }
     };
   }