tsparticles 2.8.0 → 2.9.0

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
- * v2.8.0
+ * v2.9.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -1236,9 +1236,7 @@ class Canvas {
     } else {
       this._resetOriginalStyle();
     }
-    this.draw(ctx => {
-      clear(ctx, this.size);
-    });
+    this.stop();
     this._preDrawUpdaters = [];
     this._postDrawUpdaters = [];
     this._resizePlugins = [];
@@ -1427,6 +1425,11 @@ class Canvas {
       };
     }
   }
+  stop() {
+    this.draw(ctx => {
+      clear(ctx, this.size);
+    });
+  }
   async windowResize() {
     if (!this.element) {
       return;
@@ -3114,7 +3117,7 @@ class ParticlesNumber {
   constructor() {
     this.density = new ParticlesDensity();
     this.limit = 0;
-    this.value = 100;
+    this.value = 0;
   }
   get max() {
     return this.limit;
@@ -4953,7 +4956,7 @@ class Container {
     this._eventListeners.removeListeners();
     this.pause();
     this.particles.clear();
-    this.canvas.clear();
+    this.canvas.stop();
     if (this.interactivity.element instanceof HTMLElement && this._intersectionObserver) {
       this._intersectionObserver.unobserve(this.interactivity.element);
     }
@@ -5271,6 +5274,9 @@ class Engine {
     this._loader = new Loader(this);
     this.plugins = new Plugins(this);
   }
+  get version() {
+    return "2.9.0";
+  }
   addEventListener(type, listener) {
     this._eventDispatcher.addEventListener(type, listener);
   }
@@ -6062,9 +6068,13 @@ class Split {
     this.sizeOffset = true;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
+    if (data.color !== undefined) {
+      this.color = OptionsColor.create(this.color, data.color);
+    }
     if (data.count !== undefined) {
       this.count = data.count;
     }
@@ -6076,6 +6086,18 @@ class Split {
     if (data.sizeOffset !== undefined) {
       this.sizeOffset = data.sizeOffset;
     }
+    if (data.colorOffset) {
+      this.colorOffset = (_a = this.colorOffset) !== null && _a !== void 0 ? _a : {};
+      if (data.colorOffset.h !== undefined) {
+        this.colorOffset.h = data.colorOffset.h;
+      }
+      if (data.colorOffset.s !== undefined) {
+        this.colorOffset.s = data.colorOffset.s;
+      }
+      if (data.colorOffset.l !== undefined) {
+        this.colorOffset.l = data.colorOffset.l;
+      }
+    }
   }
 }
 ;// CONCATENATED MODULE: ../../updaters/destroy/dist/esm/Options/Classes/Destroy.js
@@ -6167,18 +6189,34 @@ class DestroyUpdater {
     }
   }
   addSplitParticle(parent, splitParticlesOptions) {
+    var _a, _b, _c;
     const destroyOptions = parent.options.destroy;
     if (!destroyOptions) {
       return;
     }
     const splitOptions = destroyOptions.split,
       options = loadParticlesOptions(this.engine, this.container, parent.options),
-      factor = getValue(splitOptions.factor);
-    options.color.load({
-      value: {
-        hsl: parent.getFillColor()
-      }
-    });
+      factor = getValue(splitOptions.factor),
+      parentColor = parent.getFillColor();
+    if (splitOptions.color) {
+      options.color.load(splitOptions.color);
+    } else if (splitOptions.colorOffset && parentColor) {
+      options.color.load({
+        value: {
+          hsl: {
+            h: parentColor.h + getRangeValue((_a = splitOptions.colorOffset.h) !== null && _a !== void 0 ? _a : 0),
+            s: parentColor.s + getRangeValue((_b = splitOptions.colorOffset.s) !== null && _b !== void 0 ? _b : 0),
+            l: parentColor.l + getRangeValue((_c = splitOptions.colorOffset.l) !== null && _c !== void 0 ? _c : 0)
+          }
+        }
+      });
+    } else {
+      options.color.load({
+        value: {
+          hsl: parent.getFillColor()
+        }
+      });
+    }
     options.move.load({
       center: {
         x: parent.position.x,
@@ -6268,7 +6306,7 @@ class EmitterLife {
     this.wait = false;
   }
   load(data) {
-    if (data === undefined) {
+    if (!data) {
       return;
     }
     if (data.count !== undefined) {
@@ -6341,14 +6379,14 @@ class Emitter {
     this.startCount = 0;
   }
   load(data) {
-    if (data === undefined) {
+    if (!data) {
       return;
     }
     if (data.autoPlay !== undefined) {
       this.autoPlay = data.autoPlay;
     }
     if (data.size !== undefined) {
-      if (this.size === undefined) {
+      if (!this.size) {
         this.size = new EmitterSize();
       }
       this.size.load(data.size);