@tsparticles/plugin-absorbers 3.0.0-alpha.1 → 3.0.0-beta.0

package/tsparticles.plugin.absorbers.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-alpha.1
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadAbsorbersPlugin": () => (/* binding */ loadAbsorbersPlugin)
+  loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -132,7 +132,7 @@ class AbsorberSize extends engine_root_window_.ValueWithRandom {
     if (data.density !== undefined) {
       this.density = data.density;
     }
-    if (typeof data.limit === "number") {
+    if ((0,engine_root_window_.isNumber)(data.limit)) {
       this.limit.radius = data.limit;
     } else {
       this.limit.load(data.limit);
@@ -191,9 +191,62 @@ class Absorber {
 
 class AbsorberInstance {
   constructor(absorbers, container, options, position) {
-    var _a, _b, _c;
     this.absorbers = absorbers;
     this.container = container;
+    this._calcPosition = () => {
+      const exactPosition = (0,engine_root_window_.calcPositionOrRandomFromSizeRanged)({
+        size: this.container.canvas.size,
+        position: this.options.position
+      });
+      return engine_root_window_.Vector.create(exactPosition.x, exactPosition.y);
+    };
+    this._updateParticlePosition = (particle, v) => {
+      if (particle.destroyed) {
+        return;
+      }
+      const container = this.container,
+        canvasSize = container.canvas.size;
+      if (particle.needsNewPosition) {
+        const newPosition = (0,engine_root_window_.calcPositionOrRandomFromSize)({
+          size: canvasSize
+        });
+        particle.position.setTo(newPosition);
+        particle.velocity.setTo(particle.initialVelocity);
+        particle.absorberOrbit = undefined;
+        particle.needsNewPosition = false;
+      }
+      if (this.options.orbits) {
+        if (particle.absorberOrbit === undefined) {
+          particle.absorberOrbit = engine_root_window_.Vector.create(0, 0);
+          particle.absorberOrbit.length = (0,engine_root_window_.getDistance)(particle.getPosition(), this.position);
+          particle.absorberOrbit.angle = (0,engine_root_window_.getRandom)() * Math.PI * 2;
+        }
+        if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
+          const minSize = Math.min(canvasSize.width, canvasSize.height);
+          particle.absorberOrbit.length = minSize * (1 + ((0,engine_root_window_.getRandom)() * 0.2 - 0.1));
+        }
+        if (particle.absorberOrbitDirection === undefined) {
+          particle.absorberOrbitDirection = particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+        }
+        const orbitRadius = particle.absorberOrbit.length,
+          orbitAngle = particle.absorberOrbit.angle,
+          orbitDirection = particle.absorberOrbitDirection;
+        particle.velocity.setTo(engine_root_window_.Vector.origin);
+        const updateFunc = {
+          x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
+          y: orbitDirection === "clockwise" ? Math.sin : Math.cos
+        };
+        particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
+        particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
+        particle.absorberOrbit.length -= v.length;
+        particle.absorberOrbit.angle += (particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio / 100 * container.retina.reduceFactor;
+      } else {
+        const addV = engine_root_window_.Vector.origin;
+        addV.length = v.length;
+        addV.angle = v.angle;
+        particle.velocity.addTo(addV);
+      }
+    };
     this.initialPosition = position ? engine_root_window_.Vector.create(position.x, position.y) : undefined;
     if (options instanceof Absorber) {
       this.options = options;
@@ -211,12 +264,12 @@ class AbsorberInstance {
       radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
       mass: limit.mass
     };
-    this.color = (_a = (0,engine_root_window_.rangeColorToRgb)(this.options.color)) !== null && _a !== void 0 ? _a : {
+    this.color = (0,engine_root_window_.rangeColorToRgb)(this.options.color) ?? {
       b: 0,
       g: 0,
       r: 0
     };
-    this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
+    this.position = this.initialPosition?.copy() ?? this._calcPosition();
   }
   attract(particle) {
     const container = this.container,
@@ -251,13 +304,13 @@ class AbsorberInstance {
           particle.destroy();
         } else {
           particle.needsNewPosition = true;
-          this.updateParticlePosition(particle, v);
+          this._updateParticlePosition(particle, v);
         }
       } else {
         if (options.destroy) {
           particle.size.value -= sizeFactor;
         }
-        this.updateParticlePosition(particle, v);
+        this._updateParticlePosition(particle, v);
       }
       if (this.limit.radius <= 0 || this.size < this.limit.radius) {
         this.size += sizeFactor;
@@ -266,7 +319,7 @@ class AbsorberInstance {
         this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
       }
     } else {
-      this.updateParticlePosition(particle, v);
+      this._updateParticlePosition(particle, v);
     }
   }
   draw(context) {
@@ -279,62 +332,7 @@ class AbsorberInstance {
   }
   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();
-  }
-  calcPosition() {
-    const exactPosition = (0,engine_root_window_.calcPositionOrRandomFromSizeRanged)({
-      size: this.container.canvas.size,
-      position: this.options.position
-    });
-    return engine_root_window_.Vector.create(exactPosition.x, exactPosition.y);
-  }
-  updateParticlePosition(particle, v) {
-    var _a;
-    if (particle.destroyed) {
-      return;
-    }
-    const container = this.container,
-      canvasSize = container.canvas.size;
-    if (particle.needsNewPosition) {
-      const newPosition = (0,engine_root_window_.calcPositionOrRandomFromSize)({
-        size: canvasSize
-      });
-      particle.position.setTo(newPosition);
-      particle.velocity.setTo(particle.initialVelocity);
-      particle.absorberOrbit = undefined;
-      particle.needsNewPosition = false;
-    }
-    if (this.options.orbits) {
-      if (particle.absorberOrbit === undefined) {
-        particle.absorberOrbit = engine_root_window_.Vector.create(0, 0);
-        particle.absorberOrbit.length = (0,engine_root_window_.getDistance)(particle.getPosition(), this.position);
-        particle.absorberOrbit.angle = (0,engine_root_window_.getRandom)() * Math.PI * 2;
-      }
-      if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-        const minSize = Math.min(canvasSize.width, canvasSize.height);
-        particle.absorberOrbit.length = minSize * (1 + ((0,engine_root_window_.getRandom)() * 0.2 - 0.1));
-      }
-      if (particle.absorberOrbitDirection === undefined) {
-        particle.absorberOrbitDirection = particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
-      }
-      const orbitRadius = particle.absorberOrbit.length,
-        orbitAngle = particle.absorberOrbit.angle,
-        orbitDirection = particle.absorberOrbitDirection;
-      particle.velocity.setTo(engine_root_window_.Vector.origin);
-      const updateFunc = {
-        x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
-        y: orbitDirection === "clockwise" ? Math.sin : Math.cos
-      };
-      particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
-      particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
-      particle.absorberOrbit.length -= v.length;
-      particle.absorberOrbit.angle += ((_a = particle.retina.moveSpeed) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio / 100 * container.retina.reduceFactor;
-    } else {
-      const addV = engine_root_window_.Vector.origin;
-      addV.length = v.length;
-      addV.angle = v.angle;
-      particle.velocity.addTo(addV);
-    }
+    this.position = initialPosition && (0,engine_root_window_.isPointInside)(initialPosition, this.container.canvas.size, engine_root_window_.Vector.origin) ? initialPosition : this._calcPosition();
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/Absorbers.js
@@ -346,7 +344,7 @@ class Absorbers {
     this.array = [];
     this.absorbers = [];
     this.interactivityAbsorbers = [];
-    container.getAbsorber = idxOrName => idxOrName === undefined || typeof idxOrName === "number" ? this.array[idxOrName || 0] : this.array.find(t => t.name === idxOrName);
+    container.getAbsorber = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName || 0] : this.array.find(t => t.name === idxOrName);
     container.addAbsorber = (options, position) => this.addAbsorber(options, position);
   }
   addAbsorber(options, position) {
@@ -364,7 +362,7 @@ class Absorbers {
       modeAbsorbers = this.interactivityAbsorbers;
     if (mode === "absorber") {
       const absorbersModeOptions = (0,engine_root_window_.itemFromSingleOrMultiple)(modeAbsorbers),
-        absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (0,engine_root_window_.itemFromSingleOrMultiple)(absorberOptions),
+        absorbersOptions = absorbersModeOptions ?? (0,engine_root_window_.itemFromSingleOrMultiple)(absorberOptions),
         aPosition = this.container.interactivity.mouse.clickPosition;
       this.addAbsorber(absorbersOptions, aPosition);
     }
@@ -411,42 +409,39 @@ class AbsorbersPlugin {
     return new Absorbers(container);
   }
   loadOptions(options, source) {
-    var _a, _b;
     if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
       return;
     }
-    if (source === null || source === void 0 ? void 0 : source.absorbers) {
+    if (source?.absorbers) {
       options.absorbers = (0,engine_root_window_.executeOnSingleOrMultiple)(source.absorbers, absorber => {
         const tmp = new Absorber();
         tmp.load(absorber);
         return tmp;
       });
     }
-    options.interactivity.modes.absorbers = (0,engine_root_window_.executeOnSingleOrMultiple)((_b = (_a = source === null || source === void 0 ? void 0 : source.interactivity) === null || _a === void 0 ? void 0 : _a.modes) === null || _b === void 0 ? void 0 : _b.absorbers, absorber => {
+    options.interactivity.modes.absorbers = (0,engine_root_window_.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, absorber => {
       const tmp = new Absorber();
       tmp.load(absorber);
       return tmp;
     });
   }
   needsPlugin(options) {
-    var _a, _b, _c;
     if (!options) {
       return false;
     }
     const absorbers = options.absorbers;
-    if (absorbers instanceof Array) {
+    if ((0,engine_root_window_.isArray)(absorbers)) {
       return !!absorbers.length;
     } else if (absorbers) {
       return true;
-    } else if (((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) && (0,engine_root_window_.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
+    } else if (options.interactivity?.events?.onClick?.mode && (0,engine_root_window_.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
       return true;
     }
     return false;
   }
 }
-async function loadAbsorbersPlugin(engine) {
-  const plugin = new AbsorbersPlugin();
-  await engine.addPlugin(plugin);
+async function loadAbsorbersPlugin(engine, refresh = true) {
+  await engine.addPlugin(new AbsorbersPlugin(), refresh);
 }
 
 

package/tsparticles.plugin.absorbers.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.absorbers.min.js.LICENSE.txt */
-!function(i,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 s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{"use strict";var t={533:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};return(()=>{o.r(e),o.d(e,{loadAbsorbersPlugin:()=>l});var i=o(533);class t{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class s extends i.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new t}load(i){i&&(super.load(i),void 0!==i.density&&(this.density=i.density),"number"==typeof i.limit?this.limit.radius=i.limit:this.limit.load(i.limit))}}class r{constructor(){this.color=new i.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new s}load(t){void 0!==t&&(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,i.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,i.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}class n{constructor(t,s,o,e){var n,a,c;this.absorbers=t,this.container=s,this.initialPosition=e?i.Vector.create(e.x,e.y):void 0,o instanceof r?this.options=o:(this.options=new r,this.options.load(o)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,i.getRangeValue)(this.options.size.value)*s.retina.pixelRatio,this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const l=this.options.size.limit;this.limit={radius:l.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:l.mass},this.color=null!==(n=(0,i.rangeColorToRgb)(this.options.color))&&void 0!==n?n:{b:0,g:0,r:0},this.position=null!==(c=null===(a=this.initialPosition)||void 0===a?void 0:a.copy())&&void 0!==c?c:this.calcPosition()}attract(t){const s=this.container,o=this.options;if(o.draggable){const t=s.interactivity.mouse;if(t.clicking&&t.downPosition){(0,i.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const e=t.getPosition(),{dx:r,dy:n,distance:a}=(0,i.getDistances)(this.position,e),c=i.Vector.create(r,n);if(c.length=this.mass/Math.pow(a,2)*s.retina.reduceFactor,a<this.size+t.getRadius()){const i=.033*t.getRadius()*s.retina.pixelRatio;this.size>t.getRadius()&&a<this.size-t.getRadius()||void 0!==t.absorberOrbit&&t.absorberOrbit.length<0?o.destroy?t.destroy():(t.needsNewPosition=!0,this.updateParticlePosition(t,c)):(o.destroy&&(t.size.value-=i),this.updateParticlePosition(t,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=i),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=i*this.options.size.density*s.retina.reduceFactor)}else this.updateParticlePosition(t,c)}draw(t){t.translate(this.position.x,this.position.y),t.beginPath(),t.arc(0,0,this.size,0,2*Math.PI,!1),t.closePath(),t.fillStyle=(0,i.getStyleFromRgb)(this.color,this.opacity),t.fill()}resize(){const t=this.initialPosition;this.position=t&&(0,i.isPointInside)(t,this.container.canvas.size,i.Vector.origin)?t:this.calcPosition()}calcPosition(){const t=(0,i.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return i.Vector.create(t.x,t.y)}updateParticlePosition(t,s){var o;if(t.destroyed)return;const e=this.container,r=e.canvas.size;if(t.needsNewPosition){const s=(0,i.calcPositionOrRandomFromSize)({size:r});t.position.setTo(s),t.velocity.setTo(t.initialVelocity),t.absorberOrbit=void 0,t.needsNewPosition=!1}if(this.options.orbits){if(void 0===t.absorberOrbit&&(t.absorberOrbit=i.Vector.create(0,0),t.absorberOrbit.length=(0,i.getDistance)(t.getPosition(),this.position),t.absorberOrbit.angle=(0,i.getRandom)()*Math.PI*2),t.absorberOrbit.length<=this.size&&!this.options.destroy){const s=Math.min(r.width,r.height);t.absorberOrbit.length=s*(.2*(0,i.getRandom)()-.1+1)}void 0===t.absorberOrbitDirection&&(t.absorberOrbitDirection=t.velocity.x>=0?"clockwise":"counter-clockwise");const n=t.absorberOrbit.length,a=t.absorberOrbit.angle,c=t.absorberOrbitDirection;t.velocity.setTo(i.Vector.origin);const l={x:"clockwise"===c?Math.cos:Math.sin,y:"clockwise"===c?Math.sin:Math.cos};t.position.x=this.position.x+n*l.x(a),t.position.y=this.position.y+n*l.y(a),t.absorberOrbit.length-=s.length,t.absorberOrbit.angle+=(null!==(o=t.retina.moveSpeed)&&void 0!==o?o:0)*e.retina.pixelRatio/100*e.retina.reduceFactor}else{const o=i.Vector.origin;o.length=s.length,o.angle=s.angle,t.velocity.addTo(o)}}}class a{constructor(i){this.container=i,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],i.getAbsorber=i=>void 0===i||"number"==typeof i?this.array[i||0]:this.array.find((t=>t.name===i)),i.addAbsorber=(i,t)=>this.addAbsorber(i,t)}addAbsorber(i,t){const s=new n(this,this.container,i,t);return this.array.push(s),s}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(t){const s=this.absorbers,o=this.interactivityAbsorbers;if("absorber"===t){const t=(0,i.itemFromSingleOrMultiple)(o),e=null!=t?t:(0,i.itemFromSingleOrMultiple)(s),r=this.container.interactivity.mouse.clickPosition;this.addAbsorber(e,r)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers,(0,i.executeOnSingleOrMultiple)(this.absorbers,(i=>{this.addAbsorber(i)}))}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class c{constructor(){this.id="absorbers"}getPlugin(i){return new a(i)}loadOptions(t,s){var o,e;(this.needsPlugin(t)||this.needsPlugin(s))&&((null==s?void 0:s.absorbers)&&(t.absorbers=(0,i.executeOnSingleOrMultiple)(s.absorbers,(i=>{const t=new r;return t.load(i),t}))),t.interactivity.modes.absorbers=(0,i.executeOnSingleOrMultiple)(null===(e=null===(o=null==s?void 0:s.interactivity)||void 0===o?void 0:o.modes)||void 0===e?void 0:e.absorbers,(i=>{const t=new r;return t.load(i),t})))}needsPlugin(t){var s,o,e;if(!t)return!1;const r=t.absorbers;return r instanceof Array?!!r.length:!!r||!(!(null===(e=null===(o=null===(s=t.interactivity)||void 0===s?void 0:s.events)||void 0===o?void 0:o.onClick)||void 0===e?void 0:e.mode)||!(0,i.isInArray)("absorber",t.interactivity.events.onClick.mode))}}async function l(i){const t=new c;await i.addPlugin(t)}})(),e})()));
+!function(i,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 s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{"use strict";var t={533:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};return(()=>{o.r(e),o.d(e,{loadAbsorbersPlugin:()=>h});var i=o(533);class t{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class s extends i.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new t}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),(0,i.isNumber)(t.limit)?this.limit.radius=t.limit:this.limit.load(t.limit))}}class r{constructor(){this.color=new i.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new s}load(t){void 0!==t&&(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,i.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,i.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}class n{constructor(t,s,o,e){this.absorbers=t,this.container=s,this._calcPosition=()=>{const t=(0,i.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return i.Vector.create(t.x,t.y)},this._updateParticlePosition=(t,s)=>{if(t.destroyed)return;const o=this.container,e=o.canvas.size;if(t.needsNewPosition){const s=(0,i.calcPositionOrRandomFromSize)({size:e});t.position.setTo(s),t.velocity.setTo(t.initialVelocity),t.absorberOrbit=void 0,t.needsNewPosition=!1}if(this.options.orbits){if(void 0===t.absorberOrbit&&(t.absorberOrbit=i.Vector.create(0,0),t.absorberOrbit.length=(0,i.getDistance)(t.getPosition(),this.position),t.absorberOrbit.angle=(0,i.getRandom)()*Math.PI*2),t.absorberOrbit.length<=this.size&&!this.options.destroy){const s=Math.min(e.width,e.height);t.absorberOrbit.length=s*(.2*(0,i.getRandom)()-.1+1)}void 0===t.absorberOrbitDirection&&(t.absorberOrbitDirection=t.velocity.x>=0?"clockwise":"counter-clockwise");const r=t.absorberOrbit.length,n=t.absorberOrbit.angle,a=t.absorberOrbitDirection;t.velocity.setTo(i.Vector.origin);const c={x:"clockwise"===a?Math.cos:Math.sin,y:"clockwise"===a?Math.sin:Math.cos};t.position.x=this.position.x+r*c.x(n),t.position.y=this.position.y+r*c.y(n),t.absorberOrbit.length-=s.length,t.absorberOrbit.angle+=(t.retina.moveSpeed??0)*o.retina.pixelRatio/100*o.retina.reduceFactor}else{const o=i.Vector.origin;o.length=s.length,o.angle=s.angle,t.velocity.addTo(o)}},this.initialPosition=e?i.Vector.create(e.x,e.y):void 0,o instanceof r?this.options=o:(this.options=new r,this.options.load(o)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,i.getRangeValue)(this.options.size.value)*s.retina.pixelRatio,this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const n=this.options.size.limit;this.limit={radius:n.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:n.mass},this.color=(0,i.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(t){const s=this.container,o=this.options;if(o.draggable){const t=s.interactivity.mouse;if(t.clicking&&t.downPosition){(0,i.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const e=t.getPosition(),{dx:r,dy:n,distance:a}=(0,i.getDistances)(this.position,e),c=i.Vector.create(r,n);if(c.length=this.mass/Math.pow(a,2)*s.retina.reduceFactor,a<this.size+t.getRadius()){const i=.033*t.getRadius()*s.retina.pixelRatio;this.size>t.getRadius()&&a<this.size-t.getRadius()||void 0!==t.absorberOrbit&&t.absorberOrbit.length<0?o.destroy?t.destroy():(t.needsNewPosition=!0,this._updateParticlePosition(t,c)):(o.destroy&&(t.size.value-=i),this._updateParticlePosition(t,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=i),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=i*this.options.size.density*s.retina.reduceFactor)}else this._updateParticlePosition(t,c)}draw(t){t.translate(this.position.x,this.position.y),t.beginPath(),t.arc(0,0,this.size,0,2*Math.PI,!1),t.closePath(),t.fillStyle=(0,i.getStyleFromRgb)(this.color,this.opacity),t.fill()}resize(){const t=this.initialPosition;this.position=t&&(0,i.isPointInside)(t,this.container.canvas.size,i.Vector.origin)?t:this._calcPosition()}}class a{constructor(t){this.container=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],t.getAbsorber=t=>void 0===t||(0,i.isNumber)(t)?this.array[t||0]:this.array.find((i=>i.name===t)),t.addAbsorber=(i,t)=>this.addAbsorber(i,t)}addAbsorber(i,t){const s=new n(this,this.container,i,t);return this.array.push(s),s}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(t){const s=this.absorbers,o=this.interactivityAbsorbers;if("absorber"===t){const t=(0,i.itemFromSingleOrMultiple)(o)??(0,i.itemFromSingleOrMultiple)(s),e=this.container.interactivity.mouse.clickPosition;this.addAbsorber(t,e)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers,(0,i.executeOnSingleOrMultiple)(this.absorbers,(i=>{this.addAbsorber(i)}))}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class c{constructor(){this.id="absorbers"}getPlugin(i){return new a(i)}loadOptions(t,s){(this.needsPlugin(t)||this.needsPlugin(s))&&(s?.absorbers&&(t.absorbers=(0,i.executeOnSingleOrMultiple)(s.absorbers,(i=>{const t=new r;return t.load(i),t}))),t.interactivity.modes.absorbers=(0,i.executeOnSingleOrMultiple)(s?.interactivity?.modes?.absorbers,(i=>{const t=new r;return t.load(i),t})))}needsPlugin(t){if(!t)return!1;const s=t.absorbers;return(0,i.isArray)(s)?!!s.length:!!s||!(!t.interactivity?.events?.onClick?.mode||!(0,i.isInArray)("absorber",t.interactivity.events.onClick.mode))}}async function h(i,t=!0){await i.addPlugin(new c,t)}})(),e})()));

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

@@ -1,8 +1 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
- */
+/*! tsParticles Absorbers Plugin v3.0.0-beta.0 by Matteo Bruni */

package/types/AbsorberInstance.d.ts

@@ -1,5 +1,4 @@
-import type { Container, ICoordinates, IRgb, Particle, RecursivePartial } from "@tsparticles/engine";
-import { RotateDirection, Vector } from "@tsparticles/engine";
+import { type Container, type ICoordinates, type IRgb, type Particle, type RecursivePartial, RotateDirection, Vector } from "@tsparticles/engine";
 import type { Absorbers } from "./Absorbers";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
 import type { IAbsorberSizeLimit } from "./Options/Interfaces/IAbsorberSizeLimit";
@@ -25,7 +24,7 @@ export declare class AbsorberInstance {
     attract(particle: OrbitingParticle): void;
     draw(context: CanvasRenderingContext2D): void;
     resize(): void;
-    private calcPosition;
-    private updateParticlePosition;
+    private readonly _calcPosition;
+    private readonly _updateParticlePosition;
 }
 export {};

package/types/Absorbers.d.ts

@@ -1,4 +1,4 @@
-import type { IContainerPlugin, ICoordinates, Particle, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
+import { type IContainerPlugin, type ICoordinates, type Particle, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
 import type { Absorber } from "./Options/Classes/Absorber";
 import type { AbsorberContainer } from "./AbsorberContainer";
 import { AbsorberInstance } from "./AbsorberInstance";

package/types/Options/Classes/Absorber.d.ts

@@ -1,5 +1,4 @@
-import type { IOptionLoader, IRangedCoordinates, RecursivePartial } from "@tsparticles/engine";
-import { OptionsColor } from "@tsparticles/engine";
+import { type IOptionLoader, type IRangedCoordinates, OptionsColor, type RecursivePartial } from "@tsparticles/engine";
 import { AbsorberSize } from "./AbsorberSize";
 import type { IAbsorber } from "../Interfaces/IAbsorber";
 export declare class Absorber implements IAbsorber, IOptionLoader<IAbsorber> {

package/types/Options/Classes/AbsorberSize.d.ts

@@ -1,7 +1,6 @@
-import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { type IOptionLoader, type RecursivePartial, ValueWithRandom } from "@tsparticles/engine";
 import { AbsorberSizeLimit } from "./AbsorberSizeLimit";
 import type { IAbsorberSize } from "../Interfaces/IAbsorberSize";
-import { ValueWithRandom } from "@tsparticles/engine";
 export declare class AbsorberSize extends ValueWithRandom implements IAbsorberSize, IOptionLoader<IAbsorberSize> {
     density: number;
     limit: AbsorberSizeLimit;

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import type { Engine } from "@tsparticles/engine";
-export declare function loadAbsorbersPlugin(engine: Engine): Promise<void>;
+import { type Engine } from "@tsparticles/engine";
+export declare function loadAbsorbersPlugin(engine: Engine, refresh?: boolean): Promise<void>;
 export * from "./AbsorberContainer";
 export * from "./Enums/AbsorberClickMode";

package/umd/AbsorberInstance.js

@@ -14,9 +14,61 @@
     const Absorber_1 = require("./Options/Classes/Absorber");
     class AbsorberInstance {
         constructor(absorbers, container, options, position) {
-            var _a, _b, _c;
             this.absorbers = absorbers;
             this.container = container;
+            this._calcPosition = () => {
+                const exactPosition = (0, engine_1.calcPositionOrRandomFromSizeRanged)({
+                    size: this.container.canvas.size,
+                    position: this.options.position,
+                });
+                return engine_1.Vector.create(exactPosition.x, exactPosition.y);
+            };
+            this._updateParticlePosition = (particle, v) => {
+                if (particle.destroyed) {
+                    return;
+                }
+                const container = this.container, canvasSize = container.canvas.size;
+                if (particle.needsNewPosition) {
+                    const newPosition = (0, engine_1.calcPositionOrRandomFromSize)({ size: canvasSize });
+                    particle.position.setTo(newPosition);
+                    particle.velocity.setTo(particle.initialVelocity);
+                    particle.absorberOrbit = undefined;
+                    particle.needsNewPosition = false;
+                }
+                if (this.options.orbits) {
+                    if (particle.absorberOrbit === undefined) {
+                        particle.absorberOrbit = engine_1.Vector.create(0, 0);
+                        particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
+                        particle.absorberOrbit.angle = (0, engine_1.getRandom)() * Math.PI * 2;
+                    }
+                    if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
+                        const minSize = Math.min(canvasSize.width, canvasSize.height);
+                        particle.absorberOrbit.length = minSize * (1 + ((0, engine_1.getRandom)() * 0.2 - 0.1));
+                    }
+                    if (particle.absorberOrbitDirection === undefined) {
+                        particle.absorberOrbitDirection =
+                            particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                    }
+                    const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
+                    particle.velocity.setTo(engine_1.Vector.origin);
+                    const updateFunc = {
+                        x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
+                        y: orbitDirection === "clockwise" ? Math.sin : Math.cos,
+                    };
+                    particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
+                    particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
+                    particle.absorberOrbit.length -= v.length;
+                    particle.absorberOrbit.angle +=
+                        (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                            container.retina.reduceFactor;
+                }
+                else {
+                    const addV = engine_1.Vector.origin;
+                    addV.length = v.length;
+                    addV.angle = v.angle;
+                    particle.velocity.addTo(addV);
+                }
+            };
             this.initialPosition = position ? engine_1.Vector.create(position.x, position.y) : undefined;
             if (options instanceof Absorber_1.Absorber) {
                 this.options = options;
@@ -35,12 +87,12 @@
                 radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
                 mass: limit.mass,
             };
-            this.color = (_a = (0, engine_1.rangeColorToRgb)(this.options.color)) !== null && _a !== void 0 ? _a : {
+            this.color = (0, engine_1.rangeColorToRgb)(this.options.color) ?? {
                 b: 0,
                 g: 0,
                 r: 0,
             };
-            this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
+            this.position = this.initialPosition?.copy() ?? this._calcPosition();
         }
         attract(particle) {
             const container = this.container, options = this.options;
@@ -71,14 +123,14 @@
                     }
                     else {
                         particle.needsNewPosition = true;
-                        this.updateParticlePosition(particle, v);
+                        this._updateParticlePosition(particle, v);
                     }
                 }
                 else {
                     if (options.destroy) {
                         particle.size.value -= sizeFactor;
                     }
-                    this.updateParticlePosition(particle, v);
+                    this._updateParticlePosition(particle, v);
                 }
                 if (this.limit.radius <= 0 || this.size < this.limit.radius) {
                     this.size += sizeFactor;
@@ -88,7 +140,7 @@
                 }
             }
             else {
-                this.updateParticlePosition(particle, v);
+                this._updateParticlePosition(particle, v);
             }
         }
         draw(context) {
@@ -104,61 +156,7 @@
             this.position =
                 initialPosition && (0, engine_1.isPointInside)(initialPosition, this.container.canvas.size, engine_1.Vector.origin)
                     ? initialPosition
-                    : this.calcPosition();
-        }
-        calcPosition() {
-            const exactPosition = (0, engine_1.calcPositionOrRandomFromSizeRanged)({
-                size: this.container.canvas.size,
-                position: this.options.position,
-            });
-            return engine_1.Vector.create(exactPosition.x, exactPosition.y);
-        }
-        updateParticlePosition(particle, v) {
-            var _a;
-            if (particle.destroyed) {
-                return;
-            }
-            const container = this.container, canvasSize = container.canvas.size;
-            if (particle.needsNewPosition) {
-                const newPosition = (0, engine_1.calcPositionOrRandomFromSize)({ size: canvasSize });
-                particle.position.setTo(newPosition);
-                particle.velocity.setTo(particle.initialVelocity);
-                particle.absorberOrbit = undefined;
-                particle.needsNewPosition = false;
-            }
-            if (this.options.orbits) {
-                if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = engine_1.Vector.create(0, 0);
-                    particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * Math.PI * 2;
-                }
-                if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + ((0, engine_1.getRandom)() * 0.2 - 0.1));
-                }
-                if (particle.absorberOrbitDirection === undefined) {
-                    particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
-                }
-                const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
-                particle.velocity.setTo(engine_1.Vector.origin);
-                const updateFunc = {
-                    x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
-                    y: orbitDirection === "clockwise" ? Math.sin : Math.cos,
-                };
-                particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
-                particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
-                particle.absorberOrbit.length -= v.length;
-                particle.absorberOrbit.angle +=
-                    ((((_a = particle.retina.moveSpeed) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio) / 100) *
-                        container.retina.reduceFactor;
-            }
-            else {
-                const addV = engine_1.Vector.origin;
-                addV.length = v.length;
-                addV.angle = v.angle;
-                particle.velocity.addTo(addV);
-            }
+                    : this._calcPosition();
         }
     }
     exports.AbsorberInstance = AbsorberInstance;

package/umd/Absorbers.js

@@ -18,7 +18,7 @@
             this.array = [];
             this.absorbers = [];
             this.interactivityAbsorbers = [];
-            container.getAbsorber = (idxOrName) => idxOrName === undefined || typeof idxOrName === "number"
+            container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
                 ? this.array[idxOrName || 0]
                 : this.array.find((t) => t.name === idxOrName);
             container.addAbsorber = (options, position) => this.addAbsorber(options, position);
@@ -36,7 +36,7 @@
         handleClickMode(mode) {
             const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
             if (mode === "absorber") {
-                const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers), absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (0, engine_1.itemFromSingleOrMultiple)(absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
+                const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? (0, engine_1.itemFromSingleOrMultiple)(absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
                 this.addAbsorber(absorbersOptions, aPosition);
             }
         }

package/umd/Options/Classes/AbsorberSize.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./AbsorberSizeLimit", "@tsparticles/engine"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./AbsorberSizeLimit"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AbsorberSize = void 0;
-    const AbsorberSizeLimit_1 = require("./AbsorberSizeLimit");
     const engine_1 = require("@tsparticles/engine");
+    const AbsorberSizeLimit_1 = require("./AbsorberSizeLimit");
     class AbsorberSize extends engine_1.ValueWithRandom {
         constructor() {
             super();
@@ -27,7 +27,7 @@
             if (data.density !== undefined) {
                 this.density = data.density;
             }
-            if (typeof data.limit === "number") {
+            if ((0, engine_1.isNumber)(data.limit)) {
                 this.limit.radius = data.limit;
             }
             else {

package/umd/index.js

@@ -35,45 +35,42 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
             return new Absorbers_1.Absorbers(container);
         }
         loadOptions(options, source) {
-            var _a, _b;
             if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
                 return;
             }
-            if (source === null || source === void 0 ? void 0 : source.absorbers) {
+            if (source?.absorbers) {
                 options.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source.absorbers, (absorber) => {
                     const tmp = new Absorber_1.Absorber();
                     tmp.load(absorber);
                     return tmp;
                 });
             }
-            options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)((_b = (_a = source === null || source === void 0 ? void 0 : source.interactivity) === null || _a === void 0 ? void 0 : _a.modes) === null || _b === void 0 ? void 0 : _b.absorbers, (absorber) => {
+            options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, (absorber) => {
                 const tmp = new Absorber_1.Absorber();
                 tmp.load(absorber);
                 return tmp;
             });
         }
         needsPlugin(options) {
-            var _a, _b, _c;
             if (!options) {
                 return false;
             }
             const absorbers = options.absorbers;
-            if (absorbers instanceof Array) {
+            if ((0, engine_1.isArray)(absorbers)) {
                 return !!absorbers.length;
             }
             else if (absorbers) {
                 return true;
             }
-            else if (((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) &&
+            else if (options.interactivity?.events?.onClick?.mode &&
                 (0, engine_1.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
                 return true;
             }
             return false;
         }
     }
-    async function loadAbsorbersPlugin(engine) {
-        const plugin = new AbsorbersPlugin();
-        await engine.addPlugin(plugin);
+    async function loadAbsorbersPlugin(engine, refresh = true) {
+        await engine.addPlugin(new AbsorbersPlugin(), refresh);
     }
     exports.loadAbsorbersPlugin = loadAbsorbersPlugin;
     __exportStar(require("./AbsorberContainer"), exports);