@tsparticles/pjs 3.0.3 → 3.1.0

package/tsparticles.pjs.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.3
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -98,6 +98,10 @@ __webpack_require__.d(__webpack_exports__, {
 var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/marcbruederlin/Particles.js
 
+const linksMinDistance = 120,
+  moveMinSpeed = 0.5,
+  particlesMinCount = 100,
+  sizeMinValue = 3;
 class Particles {
   static init(options) {
     const particles = new Particles(),
@@ -109,9 +113,9 @@ class Particles {
     if (!el) {
       throw new Error("No element found for selector");
     }
-    engine_root_window_.tsParticles.load({
-      id: selector.replace(".", "").replace("!", ""),
+    void engine_root_window_.tsParticles.load({
       element: el,
+      id: selector.replace(".", "").replace("!", ""),
       options: {
         fullScreen: {
           enable: false
@@ -122,20 +126,20 @@ class Particles {
           },
           links: {
             color: "random",
-            distance: options.minDistance ?? 120,
+            distance: options.minDistance ?? linksMinDistance,
             enable: options.connectParticles ?? false
           },
           move: {
             enable: true,
-            speed: options.speed ?? 0.5
+            speed: options.speed ?? moveMinSpeed
           },
           number: {
-            value: options.maxParticles ?? 100
+            value: options.maxParticles ?? particlesMinCount
           },
           size: {
             value: {
               min: 1,
-              max: options.sizeVariations ?? 3
+              max: options.sizeVariations ?? sizeMinValue
             }
           }
         },
@@ -171,129 +175,132 @@ class Particles {
   }
   destroy() {
     const container = this._container;
-    container && container.destroy();
+    container?.destroy();
   }
   pauseAnimation() {
     const container = this._container;
-    container && container.pause();
+    container?.pause();
   }
   resumeAnimation() {
     const container = this._container;
-    container && container.play();
+    container?.play();
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/VincentGarreau/particles.js
 
-const defaultPjsOptions = {
-  particles: {
-    number: {
-      value: 400,
-      density: {
-        enable: true,
-        value_area: 800
-      }
-    },
-    color: {
-      value: "#fff"
-    },
-    shape: {
-      type: "circle",
-      stroke: {
-        width: 0,
-        color: "#ff0000"
+const defaultMinOpacity = 0,
+  defaultMinSize = 0,
+  speedFactor = 3,
+  defaultPjsOptions = {
+    particles: {
+      number: {
+        value: 400,
+        density: {
+          enable: true,
+          value_area: 800
+        }
       },
-      polygon: {
-        nb_sides: 5
+      color: {
+        value: "#fff"
       },
-      image: {
-        src: "",
-        width: 100,
-        height: 100
-      }
-    },
-    opacity: {
-      value: 1,
-      random: false,
-      anim: {
-        enable: false,
-        speed: 2,
-        opacity_min: 0,
-        sync: false
-      }
-    },
-    size: {
-      value: 20,
-      random: false,
-      anim: {
-        enable: false,
-        speed: 20,
-        size_min: 0,
-        sync: false
-      }
-    },
-    line_linked: {
-      enable: true,
-      distance: 100,
-      color: "#fff",
-      opacity: 1,
-      width: 1
-    },
-    move: {
-      enable: true,
-      speed: 2,
-      direction: "none",
-      random: false,
-      straight: false,
-      out_mode: "out",
-      bounce: false,
-      attract: {
-        enable: false,
-        rotateX: 3000,
-        rotateY: 3000
-      }
-    }
-  },
-  interactivity: {
-    detect_on: "canvas",
-    events: {
-      onhover: {
-        enable: true,
-        mode: "grab"
+      shape: {
+        type: "circle",
+        stroke: {
+          width: 0,
+          color: "#ff0000"
+        },
+        polygon: {
+          nb_sides: 5
+        },
+        image: {
+          src: "",
+          width: 100,
+          height: 100
+        }
       },
-      onclick: {
-        enable: true,
-        mode: "push"
+      opacity: {
+        value: 1,
+        random: false,
+        anim: {
+          enable: false,
+          speed: 2,
+          opacity_min: 0,
+          sync: false
+        }
       },
-      resize: true
-    },
-    modes: {
-      grab: {
-        distance: 100,
-        line_linked: {
-          opacity: 1
+      size: {
+        value: 20,
+        random: false,
+        anim: {
+          enable: false,
+          speed: 20,
+          size_min: 0,
+          sync: false
         }
       },
-      bubble: {
-        distance: 200,
-        size: 80,
-        duration: 0.4,
+      line_linked: {
+        enable: true,
+        distance: 100,
+        color: "#fff",
         opacity: 1,
-        speed: 3
-      },
-      repulse: {
-        distance: 200,
-        duration: 0.4
+        width: 1
       },
-      push: {
-        particles_nb: 4
+      move: {
+        enable: true,
+        speed: 2,
+        direction: "none",
+        random: false,
+        straight: false,
+        out_mode: "out",
+        bounce: false,
+        attract: {
+          enable: false,
+          rotateX: 3000,
+          rotateY: 3000
+        }
+      }
+    },
+    interactivity: {
+      detect_on: "canvas",
+      events: {
+        onhover: {
+          enable: true,
+          mode: "grab"
+        },
+        onclick: {
+          enable: true,
+          mode: "push"
+        },
+        resize: true
       },
-      remove: {
-        particles_nb: 2
+      modes: {
+        grab: {
+          distance: 100,
+          line_linked: {
+            opacity: 1
+          }
+        },
+        bubble: {
+          distance: 200,
+          size: 80,
+          duration: 0.4,
+          opacity: 1,
+          speed: 3
+        },
+        repulse: {
+          distance: 200,
+          duration: 0.4
+        },
+        push: {
+          particles_nb: 4
+        },
+        remove: {
+          particles_nb: 2
+        }
       }
-    }
-  },
-  retina_detect: false
-};
+    },
+    retina_detect: false
+  };
 const initParticlesJS = engine => {
   const particlesJS = (tagId, options) => {
     const fixedOptions = (0,engine_root_window_.deepExtend)(defaultPjsOptions, options);
@@ -381,7 +388,7 @@ const initParticlesJS = engine => {
           },
           opacity: {
             value: fixedOptions.particles.opacity.random ? {
-              min: fixedOptions.particles.opacity.anim.enable ? fixedOptions.particles.opacity.anim.opacity_min : 0,
+              min: fixedOptions.particles.opacity.anim.enable ? fixedOptions.particles.opacity.anim.opacity_min : defaultMinOpacity,
               max: fixedOptions.particles.opacity.value
             } : fixedOptions.particles.opacity.value,
             animation: {
@@ -392,7 +399,7 @@ const initParticlesJS = engine => {
           },
           size: {
             value: fixedOptions.particles.size.random ? {
-              min: fixedOptions.particles.size.anim.enable ? fixedOptions.particles.size.anim.size_min : 0,
+              min: fixedOptions.particles.size.anim.enable ? fixedOptions.particles.size.anim.size_min : defaultMinSize,
               max: fixedOptions.particles.size.value
             } : fixedOptions.particles.size.value,
             animation: {
@@ -410,7 +417,7 @@ const initParticlesJS = engine => {
           },
           move: {
             enable: fixedOptions.particles.move.enable,
-            speed: fixedOptions.particles.move.speed / 3,
+            speed: fixedOptions.particles.move.speed / speedFactor,
             direction: fixedOptions.particles.move.direction,
             random: fixedOptions.particles.move.random,
             straight: fixedOptions.particles.move.straight,

package/tsparticles.pjs.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.pjs.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function a(e){var n=i[e];if(void 0!==n)return n.exports;var o=i[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{initPjs:()=>o});var e=a(533);class t{static init(i){const a=new t,n=i.selector;if(!n)throw new Error("No selector provided");const o=document.querySelector(n);if(!o)throw new Error("No element found for selector");return e.tsParticles.load({id:n.replace(".","").replace("!",""),element:o,options:{fullScreen:{enable:!1},particles:{color:{value:i.color??"!000000"},links:{color:"random",distance:i.minDistance??120,enable:i.connectParticles??!1},move:{enable:!0,speed:i.speed??.5},number:{value:i.maxParticles??100},size:{value:{min:1,max:i.sizeVariations??3}}},responsive:i.responsive?.map((e=>({maxWidth:e.breakpoint,options:{particles:{color:{value:e.options?.color},links:{distance:e.options?.minDistance,enable:e.options?.connectParticles},number:{value:i.maxParticles},move:{enable:!0,speed:e.options?.speed},size:{value:e.options?.sizeVariations}}}})))}}).then((e=>{a._container=e})),a}destroy(){const e=this._container;e&&e.destroy()}pauseAnimation(){const e=this._container;e&&e.pause()}resumeAnimation(){const e=this._container;e&&e.play()}}const i={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},o=a=>{const{particlesJS:n,pJSDom:o}=(t=>{const a=(a,n)=>{const o=(0,e.deepExtend)(i,n);return t.load({id:a,options:{fullScreen:{enable:!1},detectRetina:o.retina_detect,smooth:!0,interactivity:{detectsOn:o.interactivity.detect_on,events:{onHover:{enable:o.interactivity.events.onhover.enable,mode:o.interactivity.events.onhover.mode},onClick:{enable:o.interactivity.events.onclick.enable,mode:o.interactivity.events.onclick.mode},resize:{enable:o.interactivity.events.resize}},modes:{grab:{distance:o.interactivity.modes.grab.distance,links:{opacity:o.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:o.interactivity.modes.bubble.distance,size:o.interactivity.modes.bubble.size,duration:o.interactivity.modes.bubble.duration,opacity:o.interactivity.modes.bubble.opacity,speed:o.interactivity.modes.bubble.speed},repulse:{distance:o.interactivity.modes.repulse.distance,duration:o.interactivity.modes.repulse.duration},push:{quantity:o.interactivity.modes.push.particles_nb},remove:{quantity:o.interactivity.modes.remove.particles_nb}}},particles:{collisions:{enable:o.particles.move.bounce},number:{value:o.particles.number.value,density:{enable:o.particles.number.density.enable,width:o.particles.number.density.value_area}},color:{value:o.particles.color.value},stroke:{width:o.particles.shape.stroke.width,color:{value:o.particles.shape.stroke.color}},shape:{type:o.particles.shape.type,options:{polygon:{sides:o.particles.shape.polygon.nb_sides},image:{src:o.particles.shape.image.src,width:o.particles.shape.image.width,height:o.particles.shape.image.height}}},opacity:{value:o.particles.opacity.random?{min:o.particles.opacity.anim.enable?o.particles.opacity.anim.opacity_min:0,max:o.particles.opacity.value}:o.particles.opacity.value,animation:{enable:o.particles.opacity.anim.enable,speed:o.particles.opacity.anim.speed,sync:o.particles.opacity.anim.sync}},size:{value:o.particles.size.random?{min:o.particles.size.anim.enable?o.particles.size.anim.size_min:0,max:o.particles.size.value}:o.particles.size.value,animation:{enable:o.particles.size.anim.enable,speed:o.particles.size.anim.speed,sync:o.particles.size.anim.sync}},links:{enable:o.particles.line_linked.enable,distance:o.particles.line_linked.distance,color:o.particles.line_linked.color,opacity:o.particles.line_linked.opacity,width:o.particles.line_linked.width},move:{enable:o.particles.move.enable,speed:o.particles.move.speed/3,direction:o.particles.move.direction,random:o.particles.move.random,straight:o.particles.move.straight,outModes:o.particles.move.out_mode,attract:{enable:o.particles.move.attract.enable,rotate:{x:o.particles.move.attract.rotateX,y:o.particles.move.attract.rotateY}}}}}})};return a.load=(e,i,a)=>{t.load({id:e,url:i}).then((e=>{e&&a(e)})).catch((()=>{a(void 0)}))},a.setOnClickHandler=e=>{t.setOnClickHandler(e)},{particlesJS:a,pJSDom:t.dom()}})(a);return window.particlesJS=n,window.pJSDom=o,window.Particles=t,{particlesJS:n,pJSDom:o,Particles:t}}})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function a(e){var n=i[e];if(void 0!==n)return n.exports;var o=i[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{initPjs:()=>o});var e=a(533);class t{static init(i){const a=new t,n=i.selector;if(!n)throw new Error("No selector provided");const o=document.querySelector(n);if(!o)throw new Error("No element found for selector");return e.tsParticles.load({element:o,id:n.replace(".","").replace("!",""),options:{fullScreen:{enable:!1},particles:{color:{value:i.color??"!000000"},links:{color:"random",distance:i.minDistance??120,enable:i.connectParticles??!1},move:{enable:!0,speed:i.speed??.5},number:{value:i.maxParticles??100},size:{value:{min:1,max:i.sizeVariations??3}}},responsive:i.responsive?.map((e=>({maxWidth:e.breakpoint,options:{particles:{color:{value:e.options?.color},links:{distance:e.options?.minDistance,enable:e.options?.connectParticles},number:{value:i.maxParticles},move:{enable:!0,speed:e.options?.speed},size:{value:e.options?.sizeVariations}}}})))}}).then((e=>{a._container=e})),a}destroy(){const e=this._container;e?.destroy()}pauseAnimation(){const e=this._container;e?.pause()}resumeAnimation(){const e=this._container;e?.play()}}const i={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},o=a=>{const{particlesJS:n,pJSDom:o}=(t=>{const a=(a,n)=>{const o=(0,e.deepExtend)(i,n);return t.load({id:a,options:{fullScreen:{enable:!1},detectRetina:o.retina_detect,smooth:!0,interactivity:{detectsOn:o.interactivity.detect_on,events:{onHover:{enable:o.interactivity.events.onhover.enable,mode:o.interactivity.events.onhover.mode},onClick:{enable:o.interactivity.events.onclick.enable,mode:o.interactivity.events.onclick.mode},resize:{enable:o.interactivity.events.resize}},modes:{grab:{distance:o.interactivity.modes.grab.distance,links:{opacity:o.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:o.interactivity.modes.bubble.distance,size:o.interactivity.modes.bubble.size,duration:o.interactivity.modes.bubble.duration,opacity:o.interactivity.modes.bubble.opacity,speed:o.interactivity.modes.bubble.speed},repulse:{distance:o.interactivity.modes.repulse.distance,duration:o.interactivity.modes.repulse.duration},push:{quantity:o.interactivity.modes.push.particles_nb},remove:{quantity:o.interactivity.modes.remove.particles_nb}}},particles:{collisions:{enable:o.particles.move.bounce},number:{value:o.particles.number.value,density:{enable:o.particles.number.density.enable,width:o.particles.number.density.value_area}},color:{value:o.particles.color.value},stroke:{width:o.particles.shape.stroke.width,color:{value:o.particles.shape.stroke.color}},shape:{type:o.particles.shape.type,options:{polygon:{sides:o.particles.shape.polygon.nb_sides},image:{src:o.particles.shape.image.src,width:o.particles.shape.image.width,height:o.particles.shape.image.height}}},opacity:{value:o.particles.opacity.random?{min:o.particles.opacity.anim.enable?o.particles.opacity.anim.opacity_min:0,max:o.particles.opacity.value}:o.particles.opacity.value,animation:{enable:o.particles.opacity.anim.enable,speed:o.particles.opacity.anim.speed,sync:o.particles.opacity.anim.sync}},size:{value:o.particles.size.random?{min:o.particles.size.anim.enable?o.particles.size.anim.size_min:0,max:o.particles.size.value}:o.particles.size.value,animation:{enable:o.particles.size.anim.enable,speed:o.particles.size.anim.speed,sync:o.particles.size.anim.sync}},links:{enable:o.particles.line_linked.enable,distance:o.particles.line_linked.distance,color:o.particles.line_linked.color,opacity:o.particles.line_linked.opacity,width:o.particles.line_linked.width},move:{enable:o.particles.move.enable,speed:o.particles.move.speed/3,direction:o.particles.move.direction,random:o.particles.move.random,straight:o.particles.move.straight,outModes:o.particles.move.out_mode,attract:{enable:o.particles.move.attract.enable,rotate:{x:o.particles.move.attract.rotateX,y:o.particles.move.attract.rotateY}}}}}})};return a.load=(e,i,a)=>{t.load({id:e,url:i}).then((e=>{e&&a(e)})).catch((()=>{a(void 0)}))},a.setOnClickHandler=e=>{t.setOnClickHandler(e)},{particlesJS:a,pJSDom:t.dom()}})(a);return window.particlesJS=n,window.pJSDom=o,window.Particles=t,{particlesJS:n,pJSDom:o,Particles:t}}})(),n})()));

package/tsparticles.pjs.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Particles.js v3.0.3 by Matteo Bruni */
+/*! tsParticles Particles.js v3.1.0 by Matteo Bruni */

package/umd/VincentGarreau/particles.js

@@ -11,7 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.initParticlesJS = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const defaultPjsOptions = {
+    const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOptions = {
         particles: {
             number: {
                 value: 400,
@@ -211,7 +211,7 @@
                                 ? {
                                     min: fixedOptions.particles.opacity.anim.enable
                                         ? fixedOptions.particles.opacity.anim.opacity_min
-                                        : 0,
+                                        : defaultMinOpacity,
                                     max: fixedOptions.particles.opacity.value,
                                 }
                                 : fixedOptions.particles.opacity.value,
@@ -226,7 +226,7 @@
                                 ? {
                                     min: fixedOptions.particles.size.anim.enable
                                         ? fixedOptions.particles.size.anim.size_min
-                                        : 0,
+                                        : defaultMinSize,
                                     max: fixedOptions.particles.size.value,
                                 }
                                 : fixedOptions.particles.size.value,
@@ -245,7 +245,7 @@
                         },
                         move: {
                             enable: fixedOptions.particles.move.enable,
-                            speed: fixedOptions.particles.move.speed / 3,
+                            speed: fixedOptions.particles.move.speed / speedFactor,
                             direction: fixedOptions.particles.move.direction,
                             random: fixedOptions.particles.move.random,
                             straight: fixedOptions.particles.move.straight,

package/umd/marcbruederlin/Particles.js

@@ -11,6 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Particles = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;
     class Particles {
         static init(options) {
             const particles = new Particles(), selector = options.selector;
@@ -21,10 +22,10 @@
             if (!el) {
                 throw new Error("No element found for selector");
             }
-            engine_1.tsParticles
+            void engine_1.tsParticles
                 .load({
-                id: selector.replace(".", "").replace("!", ""),
                 element: el,
+                id: selector.replace(".", "").replace("!", ""),
                 options: {
                     fullScreen: {
                         enable: false,
@@ -35,18 +36,18 @@
                         },
                         links: {
                             color: "random",
-                            distance: options.minDistance ?? 120,
+                            distance: options.minDistance ?? linksMinDistance,
                             enable: options.connectParticles ?? false,
                         },
                         move: {
                             enable: true,
-                            speed: options.speed ?? 0.5,
+                            speed: options.speed ?? moveMinSpeed,
                         },
                         number: {
-                            value: options.maxParticles ?? 100,
+                            value: options.maxParticles ?? particlesMinCount,
                         },
                         size: {
-                            value: { min: 1, max: options.sizeVariations ?? 3 },
+                            value: { min: 1, max: options.sizeVariations ?? sizeMinValue },
                         },
                     },
                     responsive: options.responsive?.map((responsive) => ({
@@ -82,15 +83,15 @@
         }
         destroy() {
             const container = this._container;
-            container && container.destroy();
+            container?.destroy();
         }
         pauseAnimation() {
             const container = this._container;
-            container && container.pause();
+            container?.pause();
         }
         resumeAnimation() {
             const container = this._container;
-            container && container.play();
+            container?.play();
         }
     }
     exports.Particles = Particles;