tsparticles 3.0.2 → 3.0.3

package/tsparticles.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.2
+ * v3.0.3
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -5166,7 +5166,7 @@ class Engine {
     return res;
   }
   get version() {
-    return "3.0.2";
+    return "3.0.3";
   }
   addConfig(config) {
     const name = config.name ?? "default";
@@ -5281,7 +5281,7 @@ class Engine {
     this._initialized = true;
   }
   async load(params) {
-    const id = params.id ?? `tsparticles${Math.floor(getRandom() * 10000)}`,
+    const id = params.id ?? params.element?.id ?? `tsparticles${Math.floor(getRandom() * 10000)}`,
       {
         index,
         url
@@ -8182,8 +8182,9 @@ class EmojiDrawer {
     this._emojiShapeDict = new Map();
   }
   destroy() {
-    for (const [, emojiData] of this._emojiShapeDict) {
+    for (const [key, emojiData] of this._emojiShapeDict) {
       emojiData instanceof ImageBitmap && emojiData?.close();
+      this._emojiShapeDict.delete(key);
     }
   }
   draw(data) {
@@ -8218,52 +8219,50 @@ class EmojiDrawer {
     delete particle.emojiData;
   }
   particleInit(container, particle) {
-    if (!particle.emojiData) {
-      const shapeData = particle.shapeData;
-      if (!shapeData?.value) {
-        return;
-      }
-      const emoji = itemFromSingleOrMultiple(shapeData.value, particle.randomIndexData),
-        font = shapeData.font ?? defaultFont;
-      if (!emoji) {
+    const shapeData = particle.shapeData;
+    if (!shapeData?.value) {
+      return;
+    }
+    const emoji = itemFromSingleOrMultiple(shapeData.value, particle.randomIndexData),
+      font = shapeData.font ?? defaultFont;
+    if (!emoji) {
+      return;
+    }
+    const key = `${emoji}_${font}`,
+      existingData = this._emojiShapeDict.get(key);
+    if (existingData) {
+      particle.emojiData = existingData;
+      return;
+    }
+    const canvasSize = getRangeMax(particle.size.value) * 2;
+    let emojiData;
+    if (typeof OffscreenCanvas !== "undefined") {
+      const canvas = new OffscreenCanvas(canvasSize, canvasSize),
+        context = canvas.getContext("2d");
+      if (!context) {
         return;
       }
-      const key = `${emoji}_${font}`,
-        existingData = this._emojiShapeDict.get(key);
-      if (existingData) {
-        particle.emojiData = existingData;
+      context.font = `400 ${getRangeMax(particle.size.value) * 2}px ${font}`;
+      context.textBaseline = "middle";
+      context.textAlign = "center";
+      context.fillText(emoji, getRangeMax(particle.size.value), getRangeMax(particle.size.value));
+      emojiData = canvas.transferToImageBitmap();
+    } else {
+      const canvas = document.createElement("canvas");
+      canvas.width = canvasSize;
+      canvas.height = canvasSize;
+      const context = canvas.getContext("2d");
+      if (!context) {
         return;
       }
-      const canvasSize = getRangeMax(particle.size.value) * 2;
-      let emojiData;
-      if (typeof OffscreenCanvas !== "undefined") {
-        const canvas = new OffscreenCanvas(canvasSize, canvasSize),
-          context = canvas.getContext("2d");
-        if (!context) {
-          return;
-        }
-        context.font = `400 ${getRangeMax(particle.size.value) * 2}px ${font}`;
-        context.textBaseline = "middle";
-        context.textAlign = "center";
-        context.fillText(emoji, getRangeMax(particle.size.value), getRangeMax(particle.size.value));
-        emojiData = canvas.transferToImageBitmap();
-      } else {
-        const canvas = document.createElement("canvas");
-        canvas.width = canvasSize;
-        canvas.height = canvasSize;
-        const context = canvas.getContext("2d");
-        if (!context) {
-          return;
-        }
-        context.font = `400 ${getRangeMax(particle.size.value) * 2}px ${font}`;
-        context.textBaseline = "middle";
-        context.textAlign = "center";
-        context.fillText(emoji, getRangeMax(particle.size.value), getRangeMax(particle.size.value));
-        emojiData = canvas;
-      }
-      this._emojiShapeDict.set(key, emojiData);
-      particle.emojiData = emojiData;
+      context.font = `400 ${getRangeMax(particle.size.value) * 2}px ${font}`;
+      context.textBaseline = "middle";
+      context.textAlign = "center";
+      context.fillText(emoji, getRangeMax(particle.size.value), getRangeMax(particle.size.value));
+      emojiData = canvas;
     }
+    this._emojiShapeDict.set(key, emojiData);
+    particle.emojiData = emojiData;
   }
 }
 ;// CONCATENATED MODULE: ../../shapes/emoji/dist/browser/index.js