tsparticles 2.1.1 → 2.1.4

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.1.1
+ * v2.1.4
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -7554,7 +7554,6 @@ class InteractionManager {
 
     this.externalInteractors = [];
     this.particleInteractors = [];
-    this.init();
   }
 
   async externalInteract(delta) {
@@ -8648,6 +8647,7 @@ class Particles {
       }
     }
 
+    this.interactionManager.init();
     container.pathGenerator.init(container);
   }
 
@@ -8960,7 +8960,7 @@ var Container_classPrivateFieldGet = undefined && undefined.__classPrivateFieldG
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 
-var _Container_engine;
+var _Container_engine, _Container_eventListeners;
 
 
 
@@ -8972,6 +8972,10 @@ var _Container_engine;
 
 
 
+function guardCheck(container) {
+  return !container.destroyed;
+}
+
 function loadContainerOptions(engine, container, ...sourceOptionsArr) {
   const options = new Options(engine, container);
   loadOptions(options, ...sourceOptionsArr);
@@ -8984,6 +8988,8 @@ class Container {
 
     _Container_engine.set(this, void 0);
 
+    _Container_eventListeners.set(this, void 0);
+
     Container_classPrivateFieldSet(this, _Container_engine, engine, "f");
 
     this.fpsLimit = 120;
@@ -9022,7 +9028,8 @@ class Container {
     this.density = 1;
     this._options = loadContainerOptions(Container_classPrivateFieldGet(this, _Container_engine, "f"), this);
     this.actualOptions = loadContainerOptions(Container_classPrivateFieldGet(this, _Container_engine, "f"), this);
-    this.eventListeners = new EventListeners(this);
+
+    Container_classPrivateFieldSet(this, _Container_eventListeners, new EventListeners(this), "f");
 
     if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
       this.intersectionObserver = new IntersectionObserver(entries => this.intersectionManager(entries));
@@ -9042,6 +9049,10 @@ class Container {
   }
 
   addClickHandler(callback) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     const el = this.interactivity.element;
 
     if (!el) {
@@ -9049,7 +9060,7 @@ class Container {
     }
 
     const clickOrTouchHandler = (e, pos, radius) => {
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9063,7 +9074,7 @@ class Container {
     };
 
     const clickHandler = e => {
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9076,7 +9087,7 @@ class Container {
     };
 
     const touchStartHandler = () => {
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9085,7 +9096,7 @@ class Container {
     };
 
     const touchMoveHandler = () => {
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9095,7 +9106,7 @@ class Container {
     const touchEndHandler = e => {
       var _a, _b, _c;
 
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9124,7 +9135,7 @@ class Container {
     };
 
     const touchCancelHandler = () => {
-      if (this.destroyed) {
+      if (!guardCheck(this)) {
         return;
       }
 
@@ -9142,6 +9153,10 @@ class Container {
   }
 
   destroy() {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this.stop();
     this.particles.destroy();
     this.canvas.destroy();
@@ -9158,12 +9173,23 @@ class Container {
 
     this.destroyed = true;
 
+    const mainArr = Container_classPrivateFieldGet(this, _Container_engine, "f").dom(),
+          idx = mainArr.findIndex(t => t === this);
+
+    if (idx >= 0) {
+      mainArr.splice(idx, 1);
+    }
+
     Container_classPrivateFieldGet(this, _Container_engine, "f").dispatchEvent("containerDestroyed", {
       container: this
     });
   }
 
   draw(force) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     let refreshTime = force;
     this.drawAnimationFrame = animate()(async timestamp => {
       if (refreshTime) {
@@ -9190,10 +9216,14 @@ class Container {
   }
 
   getAnimationStatus() {
-    return !this.paused && !this.pageHidden;
+    return !this.paused && !this.pageHidden && guardCheck(this);
   }
 
   handleClickMode(mode) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this.particles.handleClickMode(mode);
 
     for (const [, plugin] of this.plugins) {
@@ -9204,6 +9234,10 @@ class Container {
   }
 
   async init() {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     const shapes = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getSupportedShapes();
 
     for (const type of shapes) {
@@ -9271,11 +9305,19 @@ class Container {
   }
 
   async loadTheme(name) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this.currentTheme = name;
     await this.refresh();
   }
 
   pause() {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     if (this.drawAnimationFrame !== undefined) {
       cancelAnimation()(this.drawAnimationFrame);
       delete this.drawAnimationFrame;
@@ -9301,6 +9343,10 @@ class Container {
   }
 
   play(force) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     const needsUpdate = this.paused || force;
 
     if (this.firstStart && !this.actualOptions.autoPlay) {
@@ -9327,24 +9373,36 @@ class Container {
     this.draw(needsUpdate || false);
   }
 
-  refresh() {
+  async refresh() {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this.stop();
     return this.start();
   }
 
-  reset() {
+  async reset() {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this._options = loadContainerOptions(Container_classPrivateFieldGet(this, _Container_engine, "f"), this);
     return this.refresh();
   }
 
   setNoise(noiseOrGenerator, init, update) {
+    if (!guardCheck(this)) {
+      return;
+    }
+
     this.setPath(noiseOrGenerator, init, update);
   }
 
   setPath(pathOrGenerator, init, update) {
     var _a, _b, _c;
 
-    if (!pathOrGenerator) {
+    if (!pathOrGenerator || !guardCheck(this)) {
       return;
     }
 
@@ -9368,13 +9426,14 @@ class Container {
   }
 
   async start() {
-    if (this.started) {
+    if (this.started || !guardCheck(this)) {
       return;
     }
 
     await this.init();
     this.started = true;
-    this.eventListeners.addListeners();
+
+    Container_classPrivateFieldGet(this, _Container_eventListeners, "f").addListeners();
 
     if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
       this.intersectionObserver.observe(this.interactivity.element);
@@ -9396,13 +9455,15 @@ class Container {
   }
 
   stop() {
-    if (!this.started) {
+    if (!this.started || !guardCheck(this)) {
       return;
     }
 
     this.firstStart = true;
     this.started = false;
-    this.eventListeners.removeListeners();
+
+    Container_classPrivateFieldGet(this, _Container_eventListeners, "f").removeListeners();
+
     this.pause();
     this.particles.clear();
     this.canvas.clear();
@@ -9463,7 +9524,7 @@ class Container {
   }
 
 }
-_Container_engine = new WeakMap();
+_Container_engine = new WeakMap(), _Container_eventListeners = new WeakMap();
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Loader.js
 var Loader_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function (receiver, state, value, kind, f) {
   if (kind === "m") throw new TypeError("Private method is not writable");
@@ -9851,19 +9912,24 @@ var engine_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 
-var _Engine_initialized, _Engine_loader;
+var _Engine_domArray, _Engine_eventDispatcher, _Engine_initialized, _Engine_loader;
 
 
 
 
 class Engine {
   constructor() {
+    _Engine_domArray.set(this, void 0);
+
+    _Engine_eventDispatcher.set(this, void 0);
+
     _Engine_initialized.set(this, void 0);
 
     _Engine_loader.set(this, void 0);
 
-    this.domArray = [];
-    this.eventDispatcher = new EventDispatcher();
+    engine_classPrivateFieldSet(this, _Engine_domArray, [], "f");
+
+    engine_classPrivateFieldSet(this, _Engine_eventDispatcher, new EventDispatcher(), "f");
 
     engine_classPrivateFieldSet(this, _Engine_initialized, false, "f");
 
@@ -9873,7 +9939,7 @@ class Engine {
   }
 
   addEventListener(type, listener) {
-    this.eventDispatcher.addEventListener(type, listener);
+    engine_classPrivateFieldGet(this, _Engine_eventDispatcher, "f").addEventListener(type, listener);
   }
 
   async addInteractor(name, interactorInitializer) {
@@ -9925,11 +9991,11 @@ class Engine {
   }
 
   dispatchEvent(type, args) {
-    this.eventDispatcher.dispatchEvent(type, args);
+    engine_classPrivateFieldGet(this, _Engine_eventDispatcher, "f").dispatchEvent(type, args);
   }
 
   dom() {
-    return this.domArray;
+    return engine_classPrivateFieldGet(this, _Engine_domArray, "f");
   }
 
   domItem(index) {
@@ -9968,7 +10034,7 @@ class Engine {
   }
 
   removeEventListener(type, listener) {
-    this.eventDispatcher.removeEventListener(type, listener);
+    engine_classPrivateFieldGet(this, _Engine_eventDispatcher, "f").removeEventListener(type, listener);
   }
 
   async set(id, element, options) {
@@ -9992,7 +10058,7 @@ class Engine {
   }
 
 }
-_Engine_initialized = new WeakMap(), _Engine_loader = new WeakMap();
+_Engine_domArray = new WeakMap(), _Engine_eventDispatcher = new WeakMap(), _Engine_initialized = new WeakMap(), _Engine_loader = new WeakMap();
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/ExternalInteractorBase.js
 class ExternalInteractorBase {
   constructor(container) {
@@ -14751,16 +14817,9 @@ class ImageDrawer {
       x: -radius,
       y: -radius
     };
-
-    if (!(image === null || image === void 0 ? void 0 : image.data.svgData) || !(image === null || image === void 0 ? void 0 : image.replaceColor)) {
-      context.globalAlpha = opacity;
-    }
-
+    context.globalAlpha = opacity;
     context.drawImage(element, pos.x, pos.y, radius * 2, radius * 2 / ratio);
-
-    if (!(image === null || image === void 0 ? void 0 : image.data.svgData) || !(image === null || image === void 0 ? void 0 : image.replaceColor)) {
-      context.globalAlpha = 1;
-    }
+    context.globalAlpha = 1;
   }
 
   getImages(container) {