@tsparticles/plugin-emitters 3.0.0-beta.2 → 3.0.0-beta.4

package/tsparticles.plugin.emitters.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.2
+ * v3.0.0-beta.4
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,40 +91,12 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  EmitterShapeBase: () => (/* reexport */ EmitterShapeBase),
   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ./dist/browser/Shapes/Circle/CircleShape.js
-
-class CircleShape {
-  randomPosition(position, size, fill) {
-    const generateTheta = (x, y) => {
-        const u = (0,engine_root_window_.getRandom)() / 4.0,
-          theta = Math.atan(y / x * Math.tan(2 * Math.PI * u)),
-          v = (0,engine_root_window_.getRandom)();
-        if (v < 0.25) {
-          return theta;
-        } else if (v < 0.5) {
-          return Math.PI - theta;
-        } else if (v < 0.75) {
-          return Math.PI + theta;
-        } else {
-          return -theta;
-        }
-      },
-      radius = (x, y, theta) => x * y / Math.sqrt((y * Math.cos(theta)) ** 2 + (x * Math.sin(theta)) ** 2),
-      [a, b] = [size.width / 2, size.height / 2],
-      randomTheta = generateTheta(a, b),
-      maxRadius = radius(a, b, randomTheta),
-      randomRadius = fill ? maxRadius * Math.sqrt((0,engine_root_window_.getRandom)()) : maxRadius;
-    return {
-      x: position.x + randomRadius * Math.cos(randomTheta),
-      y: position.y + randomRadius * Math.sin(randomTheta)
-    };
-  }
-}
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterLife.js
 
 class EmitterLife {
@@ -168,6 +140,46 @@ class EmitterRate {
     }
   }
 }
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterShapeReplace.js
+class EmitterShapeReplace {
+  constructor() {
+    this.color = false;
+    this.opacity = false;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.color !== undefined) {
+      this.color = data.color;
+    }
+    if (data.opacity !== undefined) {
+      this.opacity = data.opacity;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterShape.js
+
+
+class EmitterShape {
+  constructor() {
+    this.options = {};
+    this.replace = new EmitterShapeReplace();
+    this.type = "square";
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.options !== undefined) {
+      this.options = (0,engine_root_window_.deepExtend)({}, data.options ?? {});
+    }
+    this.replace.load(data.replace);
+    if (data.type !== undefined) {
+      this.type = data.type;
+    }
+  }
+}
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterSize.js
 class EmitterSize {
   constructor() {
@@ -195,13 +207,14 @@ class EmitterSize {
 
 
 
+
 class Emitter {
   constructor() {
     this.autoPlay = true;
     this.fill = true;
     this.life = new EmitterLife();
     this.rate = new EmitterRate();
-    this.shape = "square";
+    this.shape = new EmitterShape();
     this.startCount = 0;
   }
   load(data) {
@@ -230,9 +243,7 @@ class Emitter {
       return (0,engine_root_window_.deepExtend)({}, particles);
     });
     this.rate.load(data.rate);
-    if (data.shape !== undefined) {
-      this.shape = data.shape;
-    }
+    this.shape.load(data.shape);
     if (data.position !== undefined) {
       this.position = {};
       if (data.position.x !== undefined) {
@@ -257,17 +268,24 @@ class Emitter {
 
 
 
+function setParticlesOptionsColor(particlesOptions, color) {
+  if (particlesOptions.color) {
+    particlesOptions.color.value = color;
+  } else {
+    particlesOptions.color = {
+      value: color
+    };
+  }
+}
 class EmitterInstance {
   constructor(engine, emitters, container, options, position) {
     this.emitters = emitters;
     this.container = container;
-    this._calcPosition = () => {
-      return (0,engine_root_window_.calcPositionOrRandomFromSizeRanged)({
-        size: this.container.canvas.size,
-        position: this.options.position
-      });
-    };
     this._destroy = () => {
+      this._mutationObserver?.disconnect();
+      this._mutationObserver = undefined;
+      this._resizeObserver?.disconnect();
+      this._resizeObserver = undefined;
       this.emitters.removeEmitter(this);
       this._engine.dispatchEvent("emitterDestroyed", {
         container: this.container,
@@ -276,41 +294,6 @@ class EmitterInstance {
         }
       });
     };
-    this._emit = () => {
-      if (this._paused) {
-        return;
-      }
-      const quantity = (0,engine_root_window_.getRangeValue)(this.options.rate.quantity);
-      this._emitParticles(quantity);
-    };
-    this._emitParticles = quantity => {
-      const position = this.getPosition(),
-        size = this.getSize(),
-        singleParticlesOptions = (0,engine_root_window_.itemFromSingleOrMultiple)(this._particlesOptions);
-      for (let i = 0; i < quantity; i++) {
-        const particlesOptions = (0,engine_root_window_.deepExtend)({}, singleParticlesOptions);
-        if (this.spawnColor) {
-          const hslAnimation = this.options.spawnColor?.animation;
-          if (hslAnimation) {
-            this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
-            this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
-            this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
-          }
-          if (!particlesOptions.color) {
-            particlesOptions.color = {
-              value: this.spawnColor
-            };
-          } else {
-            particlesOptions.color.value = this.spawnColor;
-          }
-        }
-        if (!position) {
-          return;
-        }
-        const pPosition = this._shape?.randomPosition(position, size, this.fill) ?? position;
-        this.container.particles.addParticle(pPosition, particlesOptions);
-      }
-    };
     this._prepareToDie = () => {
       if (this._paused) {
         return;
@@ -345,7 +328,6 @@ class EmitterInstance {
     this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? 0) * 1000 / this.container.retina.reduceFactor;
     this.position = this._initialPosition ?? this._calcPosition();
     this.name = this.options.name;
-    this._shape = this._engine.emitterShapeManager?.getShape(this.options.shape);
     this.fill = this.options.fill;
     this._firstSpawn = !this.options.life.wait;
     this._startParticlesAdded = false;
@@ -358,17 +340,31 @@ class EmitterInstance {
     }
     this._paused = !this.options.autoPlay;
     this._particlesOptions = particlesOptions;
-    this.size = this.options.size ?? (() => {
-      const size = new EmitterSize();
-      size.load({
-        height: 0,
-        mode: "percent",
-        width: 0
-      });
-      return size;
-    })();
+    this._size = this._calcSize();
+    this.size = (0,engine_root_window_.getSize)(this._size, this.container.canvas.size);
     this._lifeCount = this.options.life.count ?? -1;
     this._immortal = this._lifeCount <= 0;
+    if (this.options.domId) {
+      const element = document.getElementById(this.options.domId);
+      if (element) {
+        this._mutationObserver = new MutationObserver(() => {
+          this.resize();
+        });
+        this._resizeObserver = new ResizeObserver(() => {
+          this.resize();
+        });
+        this._mutationObserver.observe(element, {
+          attributes: true,
+          attributeFilter: ["style", "width", "height"]
+        });
+        this._resizeObserver.observe(element);
+      }
+    }
+    const shapeOptions = this.options.shape,
+      shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
+    if (shapeGenerator) {
+      this._shape = shapeGenerator.generate(this.position, this.size, this.fill, shapeOptions.options);
+    }
     this._engine.dispatchEvent("emitterCreated", {
       container,
       data: {
@@ -385,33 +381,8 @@ class EmitterInstance {
     this._paused = false;
     this.play();
   }
-  getPosition() {
-    if (this.options.domId) {
-      const container = this.container,
-        element = document.getElementById(this.options.domId);
-      if (element) {
-        const elRect = element.getBoundingClientRect();
-        return {
-          x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
-          y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio
-        };
-      }
-    }
-    return this.position;
-  }
-  getSize() {
-    const container = this.container;
-    if (this.options.domId) {
-      const element = document.getElementById(this.options.domId);
-      if (element) {
-        const elRect = element.getBoundingClientRect();
-        return {
-          width: elRect.width * container.retina.pixelRatio,
-          height: elRect.height * container.retina.pixelRatio
-        };
-      }
-    }
-    return (0,engine_root_window_.getSize)(this.size, container.canvas.size);
+  async init() {
+    await this._shape?.init();
   }
   pause() {
     if (this._paused) {
@@ -437,8 +408,11 @@ class EmitterInstance {
   resize() {
     const initialPosition = this._initialPosition;
     this.position = initialPosition && (0,engine_root_window_.isPointInside)(initialPosition, this.container.canvas.size, engine_root_window_.Vector.origin) ? initialPosition : this._calcPosition();
+    this._size = this._calcSize();
+    this.size = (0,engine_root_window_.getSize)(this._size, this.container.canvas.size);
+    this._shape?.resize(this.position, this.size);
   }
-  update(delta) {
+  async update(delta) {
     if (this._paused) {
       return;
     }
@@ -449,7 +423,7 @@ class EmitterInstance {
     }
     if (!this._startParticlesAdded) {
       this._startParticlesAdded = true;
-      this._emitParticles(this.options.startCount);
+      await this._emitParticles(this.options.startCount);
     }
     if (this._duration !== undefined) {
       this._currentDuration += delta.value;
@@ -490,6 +464,94 @@ class EmitterInstance {
       }
     }
   }
+  _calcPosition() {
+    if (this.options.domId) {
+      const container = this.container,
+        element = document.getElementById(this.options.domId);
+      if (element) {
+        const elRect = element.getBoundingClientRect();
+        return {
+          x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
+          y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio
+        };
+      }
+    }
+    return (0,engine_root_window_.calcPositionOrRandomFromSizeRanged)({
+      size: this.container.canvas.size,
+      position: this.options.position
+    });
+  }
+  _calcSize() {
+    const container = this.container;
+    if (this.options.domId) {
+      const element = document.getElementById(this.options.domId);
+      if (element) {
+        const elRect = element.getBoundingClientRect();
+        return {
+          width: elRect.width * container.retina.pixelRatio,
+          height: elRect.height * container.retina.pixelRatio,
+          mode: "precise"
+        };
+      }
+    }
+    return this.options.size ?? (() => {
+      const size = new EmitterSize();
+      size.load({
+        height: 0,
+        mode: "percent",
+        width: 0
+      });
+      return size;
+    })();
+  }
+  async _emit() {
+    if (this._paused) {
+      return;
+    }
+    const quantity = (0,engine_root_window_.getRangeValue)(this.options.rate.quantity);
+    await this._emitParticles(quantity);
+  }
+  async _emitParticles(quantity) {
+    const singleParticlesOptions = (0,engine_root_window_.itemFromSingleOrMultiple)(this._particlesOptions);
+    for (let i = 0; i < quantity; i++) {
+      const particlesOptions = (0,engine_root_window_.deepExtend)({}, singleParticlesOptions);
+      if (this.spawnColor) {
+        const hslAnimation = this.options.spawnColor?.animation;
+        if (hslAnimation) {
+          this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
+          this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
+          this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
+        }
+        setParticlesOptionsColor(particlesOptions, this.spawnColor);
+      }
+      const shapeOptions = this.options.shape;
+      let position = this.position;
+      if (this._shape) {
+        const shapePosData = await this._shape.randomPosition();
+        if (shapePosData) {
+          position = shapePosData.position;
+          const replaceData = shapeOptions.replace;
+          if (replaceData.color && shapePosData.color) {
+            setParticlesOptionsColor(particlesOptions, shapePosData.color);
+          }
+          if (replaceData.opacity) {
+            if (particlesOptions.opacity) {
+              particlesOptions.opacity.value = shapePosData.opacity;
+            } else {
+              particlesOptions.opacity = {
+                value: shapePosData.opacity
+              };
+            }
+          }
+        } else {
+          position = null;
+        }
+      }
+      if (position) {
+        this.container.particles.addParticle(position, particlesOptions);
+      }
+    }
+  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/Emitters.js
 
@@ -509,7 +571,7 @@ class Emitters {
       value: []
     };
     container.getEmitter = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName || 0] : this.array.find(t => t.name === idxOrName);
-    container.addEmitter = (options, position) => this.addEmitter(options, position);
+    container.addEmitter = async (options, position) => this.addEmitter(options, position);
     container.removeEmitter = idxOrName => {
       const emitter = container.getEmitter(idxOrName);
       if (emitter) {
@@ -529,10 +591,11 @@ class Emitters {
       }
     };
   }
-  addEmitter(options, position) {
+  async addEmitter(options, position) {
     const emitterOptions = new Emitter();
     emitterOptions.load(options);
     const emitter = new EmitterInstance(this._engine, this, this.container, emitterOptions, position);
+    await emitter.init();
     this.array.push(emitter);
     return emitter;
   }
@@ -576,10 +639,10 @@ class Emitters {
     }
     if ((0,engine_root_window_.isArray)(this.emitters)) {
       for (const emitterOptions of this.emitters) {
-        this.addEmitter(emitterOptions);
+        await this.addEmitter(emitterOptions);
       }
     } else {
-      this.addEmitter(this.emitters);
+      await this.addEmitter(this.emitters);
     }
   }
   pause() {
@@ -606,71 +669,41 @@ class Emitters {
   stop() {
     this.array = [];
   }
-  update(delta) {
+  async update(delta) {
     for (const emitter of this.array) {
-      emitter.update(delta);
+      await emitter.update(delta);
     }
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/ShapeManager.js
-const shapes = new Map();
+const shapeGeneratorss = new Map();
 class ShapeManager {
   constructor(engine) {
     this._engine = engine;
   }
-  addShape(name, drawer) {
-    if (!this.getShape(name)) {
-      shapes.set(name, drawer);
+  addShapeGenerator(name, generator) {
+    if (!this.getShapeGenerator(name)) {
+      shapeGeneratorss.set(name, generator);
     }
   }
-  getShape(name) {
-    return shapes.get(name);
+  getShapeGenerator(name) {
+    return shapeGeneratorss.get(name);
   }
-  getSupportedShapes() {
-    return shapes.keys();
+  getSupportedShapeGenerators() {
+    return shapeGeneratorss.keys();
   }
 }
-;// CONCATENATED MODULE: ./dist/browser/Shapes/Square/SquareShape.js
-
-function randomSquareCoordinate(position, offset) {
-  return position + offset * ((0,engine_root_window_.getRandom)() - 0.5);
-}
-class SquareShape {
-  randomPosition(position, size, fill) {
-    if (fill) {
-      return {
-        x: randomSquareCoordinate(position.x, size.width),
-        y: randomSquareCoordinate(position.y, size.height)
-      };
-    } else {
-      const halfW = size.width / 2,
-        halfH = size.height / 2,
-        side = Math.floor((0,engine_root_window_.getRandom)() * 4),
-        v = ((0,engine_root_window_.getRandom)() - 0.5) * 2;
-      switch (side) {
-        case 0:
-          return {
-            x: position.x + v * halfW,
-            y: position.y - halfH
-          };
-        case 1:
-          return {
-            x: position.x - halfW,
-            y: position.y + v * halfH
-          };
-        case 2:
-          return {
-            x: position.x + v * halfW,
-            y: position.y + halfH
-          };
-        case 3:
-        default:
-          return {
-            x: position.x + halfW,
-            y: position.y + v * halfH
-          };
-      }
-    }
+;// CONCATENATED MODULE: ./dist/browser/EmitterShapeBase.js
+class EmitterShapeBase {
+  constructor(position, size, fill, options) {
+    this.position = position;
+    this.size = size;
+    this.fill = fill;
+    this.options = options;
+  }
+  resize(position, size) {
+    this.position = position;
+    this.size = size;
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
@@ -678,8 +711,6 @@ class SquareShape {
 
 
 
-
-
 class EmittersPlugin {
   constructor(engine) {
     this._engine = engine;
@@ -764,20 +795,21 @@ async function loadEmittersPlugin(engine, refresh = true) {
   if (!engine.emitterShapeManager) {
     engine.emitterShapeManager = new ShapeManager(engine);
   }
-  if (!engine.addEmitterShape) {
-    engine.addEmitterShape = (name, shape) => {
-      engine.emitterShapeManager?.addShape(name, shape);
+  if (!engine.addEmitterShapeGenerator) {
+    engine.addEmitterShapeGenerator = (name, generator) => {
+      engine.emitterShapeManager?.addShapeGenerator(name, generator);
     };
   }
   const plugin = new EmittersPlugin(engine);
   await engine.addPlugin(plugin, refresh);
-  engine.addEmitterShape("circle", new CircleShape());
-  engine.addEmitterShape("square", new SquareShape());
 }
 
 
 
 
+
+
+
 })();
 
 /******/ 	return __webpack_exports__;

package/tsparticles.plugin.emitters.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.emitters.min.js.LICENSE.txt */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var e="object"==typeof exports?i(require("@tsparticles/engine")):i(t.window);for(var s in e)("object"==typeof exports?exports:t)[s]=e[s]}}(this,(t=>(()=>{"use strict";var i={533:i=>{i.exports=t}},e={};function s(t){var n=e[t];if(void 0!==n)return n.exports;var o=e[t]={exports:{}};return i[t](o,o.exports,s),o.exports}s.d=(t,i)=>{for(var e in i)s.o(i,e)&&!s.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},s.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{loadEmittersPlugin:()=>y});var t=s(533);class i{randomPosition(i,e,s){const[n,o]=[e.width/2,e.height/2],a=((i,e)=>{const s=(0,t.getRandom)()/4,n=Math.atan(e/i*Math.tan(2*Math.PI*s)),o=(0,t.getRandom)();return o<.25?n:o<.5?Math.PI-n:o<.75?Math.PI+n:-n})(n,o),r=(c=a,(l=n)*(d=o)/Math.sqrt((d*Math.cos(c))**2+(l*Math.sin(c))**2)),h=s?r*Math.sqrt((0,t.getRandom)()):r;var l,d,c;return{x:i.x+h*Math.cos(a),y:i.y+h*Math.sin(a)}}}class e{constructor(){this.wait=!1}load(i){i&&(void 0!==i.count&&(this.count=i.count),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)),void 0!==i.duration&&(this.duration=(0,t.setRangeValue)(i.duration)),void 0!==i.wait&&(this.wait=i.wait))}}class o{constructor(){this.quantity=1,this.delay=.1}load(i){void 0!==i&&(void 0!==i.quantity&&(this.quantity=(0,t.setRangeValue)(i.quantity)),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)))}}class a{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class r{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new e,this.rate=new o,this.shape="square",this.startCount=0}load(i){i&&(void 0!==i.autoPlay&&(this.autoPlay=i.autoPlay),void 0!==i.size&&(this.size||(this.size=new a),this.size.load(i.size)),void 0!==i.direction&&(this.direction=i.direction),this.domId=i.domId,void 0!==i.fill&&(this.fill=i.fill),this.life.load(i.life),this.name=i.name,this.particles=(0,t.executeOnSingleOrMultiple)(i.particles,(i=>(0,t.deepExtend)({},i))),this.rate.load(i.rate),void 0!==i.shape&&(this.shape=i.shape),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,t.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,t.setRangeValue)(i.position.y))),void 0!==i.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new t.AnimatableColor),this.spawnColor.load(i.spawnColor)),void 0!==i.startCount&&(this.startCount=i.startCount))}}class h{constructor(i,e,s,n,o){this.emitters=e,this.container=s,this._calcPosition=()=>(0,t.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position}),this._destroy=()=>{this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._emit=()=>{if(this._paused)return;const i=(0,t.getRangeValue)(this.options.rate.quantity);this._emitParticles(i)},this._emitParticles=i=>{const e=this.getPosition(),s=this.getSize(),n=(0,t.itemFromSingleOrMultiple)(this._particlesOptions);for(let o=0;o<i;o++){const i=(0,t.deepExtend)({},n);if(this.spawnColor){const t=this.options.spawnColor?.animation;t&&(this.spawnColor.h=this._setColorAnimation(t.h,this.spawnColor.h,360),this.spawnColor.s=this._setColorAnimation(t.s,this.spawnColor.s,100),this.spawnColor.l=this._setColorAnimation(t.l,this.spawnColor.l,100)),i.color?i.color.value=this.spawnColor:i.color={value:this.spawnColor}}if(!e)return;const o=this._shape?.randomPosition(e,s,this.fill)??e;this.container.particles.addParticle(o,i)}},this._prepareToDie=()=>{if(this._paused)return;const i=void 0!==this.options.life?.duration?(0,t.getRangeValue)(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==i&&i>0&&(this._duration=1e3*i)},this._setColorAnimation=(i,e,s)=>{const n=this.container;if(!i.enable)return e;const o=(0,t.randomInRange)(i.offset),a=1e3*(0,t.getRangeValue)(this.options.rate.delay)/n.retina.reduceFactor;return(e+(0,t.getRangeValue)(i.speed??0)*n.fpsLimit/a+3.6*o)%s},this._engine=i,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=o,n instanceof r?this.options=n:(this.options=new r,this.options.load(n)),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this._shape=this._engine.emitterShapeManager?.getShape(this.options.shape),this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let h=(0,t.deepExtend)({},this.options.particles);h??={},h.move??={},h.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,t.rangeColorToHsl)(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=h,this.size=this.options.size??(()=>{const t=new a;return t.load({height:0,mode:"percent",width:0}),t})(),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this._engine.dispatchEvent("emitterCreated",{container:s,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}getPosition(){if(this.options.domId){const t=this.container,i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{x:(e.x+e.width/2)*t.retina.pixelRatio,y:(e.y+e.height/2)*t.retina.pixelRatio}}}return this.position}getSize(){const i=this.container;if(this.options.domId){const t=document.getElementById(this.options.domId);if(t){const e=t.getBoundingClientRect();return{width:e.width*i.retina.pixelRatio,height:e.height*i.retina.pixelRatio}}}return(0,t.getSize)(this.size,i.canvas.size)}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const i=(0,t.getRangeValue)(this.options.rate.delay);this._emitDelay=1e3*i/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const i=this._initialPosition;this.position=i&&(0,t.isPointInside)(i,this.container.canvas.size,t.Vector.origin)?i:this._calcPosition()}update(i){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=i.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=i.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=i.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}}class l{constructor(i,e){this.container=e,this._engine=i,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]},e.getEmitter=i=>void 0===i||(0,t.isNumber)(i)?this.array[i||0]:this.array.find((t=>t.name===i)),e.addEmitter=(t,i)=>this.addEmitter(t,i),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}addEmitter(t,i){const e=new r;e.load(t);const s=new h(this._engine,this,this.container,e,i);return this.array.push(s),s}handleClickMode(i){const e=this.emitters,s=this.interactivityEmitters;if("emitter"!==i)return;let n;if(s&&(0,t.isArray)(s.value))if(s.value.length>0&&s.random.enable){n=[];const i=[];for(let e=0;e<s.random.count;e++){const o=(0,t.arrayRandomIndex)(s.value);i.includes(o)&&i.length<s.value.length?e--:(i.push(o),n.push((0,t.itemFromArray)(s.value,o)))}}else n=s.value;else n=s?.value;const o=n??e,a=this.container.interactivity.mouse.clickPosition;(0,t.executeOnSingleOrMultiple)(o,(t=>{this.addEmitter(t,a)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if((0,t.isArray)(this.emitters))for(const t of this.emitters)this.addEmitter(t);else this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const i of this.array)i.update(t)}}const d=new Map;class c{constructor(t){this._engine=t}addShape(t,i){this.getShape(t)||d.set(t,i)}getShape(t){return d.get(t)}getSupportedShapes(){return d.keys()}}function u(i,e){return i+e*((0,t.getRandom)()-.5)}class p{randomPosition(i,e,s){if(s)return{x:u(i.x,e.width),y:u(i.y,e.height)};{const s=e.width/2,n=e.height/2,o=Math.floor(4*(0,t.getRandom)()),a=2*((0,t.getRandom)()-.5);switch(o){case 0:return{x:i.x+a*s,y:i.y-n};case 1:return{x:i.x-s,y:i.y+a*n};case 2:return{x:i.x+a*s,y:i.y+n};default:return{x:i.x+s,y:i.y+a*n}}}}}class m{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return new l(this._engine,t)}loadOptions(i,e){if(!this.needsPlugin(i)&&!this.needsPlugin(e))return;e?.emitters&&(i.emitters=(0,t.executeOnSingleOrMultiple)(e.emitters,(t=>{const i=new r;return i.load(t),i})));const s=e?.interactivity?.modes?.emitters;if(s)if((0,t.isArray)(s))i.interactivity.modes.emitters={random:{count:1,enable:!0},value:s.map((t=>{const i=new r;return i.load(t),i}))};else{const e=s;if(void 0!==e.value)if((0,t.isArray)(e.value))i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:e.value.map((t=>{const i=new r;return i.load(t),i}))};else{const t=new r;t.load(e.value),i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:t}}else{(i.interactivity.modes.emitters={random:{count:1,enable:!1},value:new r}).value.load(s)}}}needsPlugin(i){if(!i)return!1;const e=i.emitters;return(0,t.isArray)(e)&&!!e.length||void 0!==e||!!i.interactivity?.events?.onClick?.mode&&(0,t.isInArray)("emitter",i.interactivity.events.onClick.mode)}}async function y(t,e=!0){t.emitterShapeManager||(t.emitterShapeManager=new c(t)),t.addEmitterShape||(t.addEmitterShape=(i,e)=>{t.emitterShapeManager?.addShape(i,e)});const s=new m(t);await t.addPlugin(s,e),t.addEmitterShape("circle",new i),t.addEmitterShape("square",new p)}})(),n})()));
+!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var e="object"==typeof exports?i(require("@tsparticles/engine")):i(t.window);for(var s in e)("object"==typeof exports?exports:t)[s]=e[s]}}(this,(t=>(()=>{"use strict";var i={533:i=>{i.exports=t}},e={};function s(t){var o=e[t];if(void 0!==o)return o.exports;var n=e[t]={exports:{}};return i[t](n,n.exports,s),n.exports}s.d=(t,i)=>{for(var e in i)s.o(i,e)&&!s.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},s.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var o={};return(()=>{s.r(o),s.d(o,{EmitterShapeBase:()=>m,loadEmittersPlugin:()=>_});var t=s(533);class i{constructor(){this.wait=!1}load(i){i&&(void 0!==i.count&&(this.count=i.count),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)),void 0!==i.duration&&(this.duration=(0,t.setRangeValue)(i.duration)),void 0!==i.wait&&(this.wait=i.wait))}}class e{constructor(){this.quantity=1,this.delay=.1}load(i){void 0!==i&&(void 0!==i.quantity&&(this.quantity=(0,t.setRangeValue)(i.quantity)),void 0!==i.delay&&(this.delay=(0,t.setRangeValue)(i.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){t&&(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class a{constructor(){this.options={},this.replace=new n,this.type="square"}load(i){i&&(void 0!==i.options&&(this.options=(0,t.deepExtend)({},i.options??{})),this.replace.load(i.replace),void 0!==i.type&&(this.type=i.type))}}class r{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new i,this.rate=new e,this.shape=new a,this.startCount=0}load(i){i&&(void 0!==i.autoPlay&&(this.autoPlay=i.autoPlay),void 0!==i.size&&(this.size||(this.size=new r),this.size.load(i.size)),void 0!==i.direction&&(this.direction=i.direction),this.domId=i.domId,void 0!==i.fill&&(this.fill=i.fill),this.life.load(i.life),this.name=i.name,this.particles=(0,t.executeOnSingleOrMultiple)(i.particles,(i=>(0,t.deepExtend)({},i))),this.rate.load(i.rate),this.shape.load(i.shape),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,t.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,t.setRangeValue)(i.position.y))),void 0!==i.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new t.AnimatableColor),this.spawnColor.load(i.spawnColor)),void 0!==i.startCount&&(this.startCount=i.startCount))}}function l(t,i){t.color?t.color.value=i:t.color={value:i}}class c{constructor(i,e,s,o,n){this.emitters=e,this.container=s,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const i=void 0!==this.options.life?.duration?(0,t.getRangeValue)(this.options.life.duration):void 0;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==i&&i>0&&(this._duration=1e3*i)},this._setColorAnimation=(i,e,s)=>{const o=this.container;if(!i.enable)return e;const n=(0,t.randomInRange)(i.offset),a=1e3*(0,t.getRangeValue)(this.options.rate.delay)/o.retina.reduceFactor;return(e+(0,t.getRangeValue)(i.speed??0)*o.fpsLimit/a+3.6*n)%s},this._engine=i,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=n,o instanceof h?this.options=o:(this.options=new h,this.options.load(o)),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let a=(0,t.deepExtend)({},this.options.particles);if(a??={},a.move??={},a.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,t.rangeColorToHsl)(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=a,this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=document.getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const r=this.options.shape,l=this._engine.emitterShapeManager?.getShapeGenerator(r.type);l&&(this._shape=l.generate(this.position,this.size,this.fill,r.options)),this._engine.dispatchEvent("emitterCreated",{container:s,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const i=(0,t.getRangeValue)(this.options.rate.delay);this._emitDelay=1e3*i/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const i=this._initialPosition;this.position=i&&(0,t.isPointInside)(i,this.container.canvas.size,t.Vector.origin)?i:this._calcPosition(),this._size=this._calcSize(),this.size=(0,t.getSize)(this._size,this.container.canvas.size),this._shape?.resize(this.position,this.size)}async update(i){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,await this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=i.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._spawnDelay=1e3*(0,t.getRangeValue)(this.options.life.delay??0)/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=i.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=i.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}_calcPosition(){if(this.options.domId){const t=this.container,i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{x:(e.x+e.width/2)*t.retina.pixelRatio,y:(e.y+e.height/2)*t.retina.pixelRatio}}}return(0,t.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio,mode:"precise"}}}return this.options.size??(()=>{const t=new r;return t.load({height:0,mode:"percent",width:0}),t})()}async _emit(){if(this._paused)return;const i=(0,t.getRangeValue)(this.options.rate.quantity);await this._emitParticles(i)}async _emitParticles(i){const e=(0,t.itemFromSingleOrMultiple)(this._particlesOptions);for(let s=0;s<i;s++){const i=(0,t.deepExtend)({},e);if(this.spawnColor){const t=this.options.spawnColor?.animation;t&&(this.spawnColor.h=this._setColorAnimation(t.h,this.spawnColor.h,360),this.spawnColor.s=this._setColorAnimation(t.s,this.spawnColor.s,100),this.spawnColor.l=this._setColorAnimation(t.l,this.spawnColor.l,100)),l(i,this.spawnColor)}const s=this.options.shape;let o=this.position;if(this._shape){const t=await this._shape.randomPosition();if(t){o=t.position;const e=s.replace;e.color&&t.color&&l(i,t.color),e.opacity&&(i.opacity?i.opacity.value=t.opacity:i.opacity={value:t.opacity})}else o=null}o&&this.container.particles.addParticle(o,i)}}}class d{constructor(i,e){this.container=e,this._engine=i,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]},e.getEmitter=i=>void 0===i||(0,t.isNumber)(i)?this.array[i||0]:this.array.find((t=>t.name===i)),e.addEmitter=async(t,i)=>this.addEmitter(t,i),e.removeEmitter=t=>{const i=e.getEmitter(t);i&&this.removeEmitter(i)},e.playEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPlay()},e.pauseEmitter=t=>{const i=e.getEmitter(t);i&&i.externalPause()}}async addEmitter(t,i){const e=new h;e.load(t);const s=new c(this._engine,this,this.container,e,i);return await s.init(),this.array.push(s),s}handleClickMode(i){const e=this.emitters,s=this.interactivityEmitters;if("emitter"!==i)return;let o;if(s&&(0,t.isArray)(s.value))if(s.value.length>0&&s.random.enable){o=[];const i=[];for(let e=0;e<s.random.count;e++){const n=(0,t.arrayRandomIndex)(s.value);i.includes(n)&&i.length<s.value.length?e--:(i.push(n),o.push((0,t.itemFromArray)(s.value,n)))}}else o=s.value;else o=s?.value;const n=o??e,a=this.container.interactivity.mouse.clickPosition;(0,t.executeOnSingleOrMultiple)(n,(t=>{this.addEmitter(t,a)}))}async init(){if(this.emitters=this.container.actualOptions.emitters,this.interactivityEmitters=this.container.actualOptions.interactivity.modes.emitters,this.emitters)if((0,t.isArray)(this.emitters))for(const t of this.emitters)await this.addEmitter(t);else await this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}async update(t){for(const i of this.array)await i.update(t)}}const p=new Map;class u{constructor(t){this._engine=t}addShapeGenerator(t,i){this.getShapeGenerator(t)||p.set(t,i)}getShapeGenerator(t){return p.get(t)}getSupportedShapeGenerators(){return p.keys()}}class m{constructor(t,i,e,s){this.position=t,this.size=i,this.fill=e,this.options=s}resize(t,i){this.position=t,this.size=i}}class y{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return new d(this._engine,t)}loadOptions(i,e){if(!this.needsPlugin(i)&&!this.needsPlugin(e))return;e?.emitters&&(i.emitters=(0,t.executeOnSingleOrMultiple)(e.emitters,(t=>{const i=new h;return i.load(t),i})));const s=e?.interactivity?.modes?.emitters;if(s)if((0,t.isArray)(s))i.interactivity.modes.emitters={random:{count:1,enable:!0},value:s.map((t=>{const i=new h;return i.load(t),i}))};else{const e=s;if(void 0!==e.value)if((0,t.isArray)(e.value))i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:e.value.map((t=>{const i=new h;return i.load(t),i}))};else{const t=new h;t.load(e.value),i.interactivity.modes.emitters={random:{count:e.random.count??1,enable:e.random.enable??!1},value:t}}else{(i.interactivity.modes.emitters={random:{count:1,enable:!1},value:new h}).value.load(s)}}}needsPlugin(i){if(!i)return!1;const e=i.emitters;return(0,t.isArray)(e)&&!!e.length||void 0!==e||!!i.interactivity?.events?.onClick?.mode&&(0,t.isInArray)("emitter",i.interactivity.events.onClick.mode)}}async function _(t,i=!0){t.emitterShapeManager||(t.emitterShapeManager=new u(t)),t.addEmitterShapeGenerator||(t.addEmitterShapeGenerator=(i,e)=>{t.emitterShapeManager?.addShapeGenerator(i,e)});const e=new y(t);await t.addPlugin(e,i)}})(),o})()));

package/tsparticles.plugin.emitters.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Emitters Plugin v3.0.0-beta.2 by Matteo Bruni */
+/*! tsParticles Emitters Plugin v3.0.0-beta.4 by Matteo Bruni */

package/types/EmitterContainer.d.ts

@@ -4,7 +4,7 @@ import type { EmitterOptions } from "./types.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
 export type EmitterContainer = Container & {
     actualOptions: EmitterOptions;
-    addEmitter: (options: RecursivePartial<IEmitter>, position?: ICoordinates) => EmitterInstance;
+    addEmitter: (options: RecursivePartial<IEmitter>, position?: ICoordinates) => Promise<EmitterInstance>;
     getEmitter: (idxOrName?: number | string) => EmitterInstance | undefined;
     pauseEmitter: (idxOrName?: number | string) => void;
     playEmitter: (idxOrName?: number | string) => void;

package/types/EmitterInstance.d.ts

@@ -3,15 +3,14 @@ import { Emitter } from "./Options/Classes/Emitter.js";
 import type { Emitters } from "./Emitters.js";
 import type { EmittersEngine } from "./EmittersEngine.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
-import type { IEmitterSize } from "./Options/Interfaces/IEmitterSize.js";
 export declare class EmitterInstance {
     private readonly emitters;
     private readonly container;
     fill: boolean;
     readonly name?: string;
     options: Emitter;
-    position?: ICoordinates;
-    size: IEmitterSize;
+    position: ICoordinates;
+    size: IDimension;
     spawnColor?: IHsl;
     private _currentDuration;
     private _currentEmitDelay;
@@ -23,24 +22,27 @@ export declare class EmitterInstance {
     private readonly _immortal;
     private readonly _initialPosition?;
     private _lifeCount;
+    private _mutationObserver?;
     private readonly _particlesOptions;
     private _paused;
+    private _resizeObserver?;
     private readonly _shape?;
+    private _size;
     private _spawnDelay?;
     private _startParticlesAdded;
     constructor(engine: EmittersEngine, emitters: Emitters, container: Container, options: RecursivePartial<IEmitter>, position?: ICoordinates);
     externalPause(): void;
     externalPlay(): void;
-    getPosition(): ICoordinates | undefined;
-    getSize(): IDimension;
+    init(): Promise<void>;
     pause(): void;
     play(): void;
     resize(): void;
-    update(delta: IDelta): void;
-    private readonly _calcPosition;
+    update(delta: IDelta): Promise<void>;
+    private _calcPosition;
+    private _calcSize;
     private readonly _destroy;
-    private readonly _emit;
-    private readonly _emitParticles;
+    private _emit;
+    private _emitParticles;
     private readonly _prepareToDie;
     private readonly _setColorAnimation;
 }