@tsparticles/interaction-external-repulse 3.0.0-alpha.1 → 3.0.0-beta.1

package/tsparticles.interaction.external.repulse.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.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,10 +91,10 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Repulse": () => (/* reexport */ Repulse),
-  "RepulseBase": () => (/* reexport */ RepulseBase),
-  "RepulseDiv": () => (/* reexport */ RepulseDiv),
-  "loadExternalRepulseInteraction": () => (/* binding */ loadExternalRepulseInteraction)
+  Repulse: () => (/* reexport */ Repulse),
+  RepulseBase: () => (/* reexport */ RepulseBase),
+  RepulseDiv: () => (/* reexport */ RepulseDiv),
+  loadExternalRepulseInteraction: () => (/* binding */ loadExternalRepulseInteraction)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -135,26 +135,16 @@ class RepulseBase {
 }
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/RepulseDiv.js
 
-
 class RepulseDiv extends RepulseBase {
   constructor() {
     super();
     this.selectors = [];
   }
-  get ids() {
-    return (0,engine_root_window_.executeOnSingleOrMultiple)(this.selectors, t => t.replace("#", ""));
-  }
-  set ids(value) {
-    this.selectors = (0,engine_root_window_.executeOnSingleOrMultiple)(value, t => `#${t}`);
-  }
   load(data) {
     super.load(data);
     if (!data) {
       return;
     }
-    if (data.ids !== undefined) {
-      this.ids = data.ids;
-    }
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -183,6 +173,111 @@ class Repulse extends RepulseBase {
 class Repulser extends engine_root_window_.ExternalInteractorBase {
   constructor(engine, container) {
     super(container);
+    this._clickRepulse = () => {
+      const container = this.container,
+        repulseOptions = container.actualOptions.interactivity.modes.repulse;
+      if (!repulseOptions) {
+        return;
+      }
+      const repulse = container.repulse || {
+        particles: []
+      };
+      if (!repulse.finish) {
+        if (!repulse.count) {
+          repulse.count = 0;
+        }
+        repulse.count++;
+        if (repulse.count === container.particles.count) {
+          repulse.finish = true;
+        }
+      }
+      if (repulse.clicking) {
+        const repulseDistance = container.retina.repulseModeDistance;
+        if (!repulseDistance || repulseDistance < 0) {
+          return;
+        }
+        const repulseRadius = Math.pow(repulseDistance / 6, 3),
+          mouseClickPos = container.interactivity.mouse.clickPosition;
+        if (mouseClickPos === undefined) {
+          return;
+        }
+        const range = new engine_root_window_.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius),
+          query = container.particles.quadTree.query(range, p => this.isEnabled(p));
+        for (const particle of query) {
+          const {
+              dx,
+              dy,
+              distance
+            } = (0,engine_root_window_.getDistances)(mouseClickPos, particle.position),
+            d = distance ** 2,
+            velocity = repulseOptions.speed,
+            force = -repulseRadius * velocity / d;
+          if (d <= repulseRadius) {
+            repulse.particles.push(particle);
+            const vect = engine_root_window_.Vector.create(dx, dy);
+            vect.length = force;
+            particle.velocity.setTo(vect);
+          }
+        }
+      } else if (repulse.clicking === false) {
+        for (const particle of repulse.particles) {
+          particle.velocity.setTo(particle.initialVelocity);
+        }
+        repulse.particles = [];
+      }
+    };
+    this._hoverRepulse = () => {
+      const container = this.container,
+        mousePos = container.interactivity.mouse.position,
+        repulseRadius = container.retina.repulseModeDistance;
+      if (!repulseRadius || repulseRadius < 0 || !mousePos) {
+        return;
+      }
+      this._processRepulse(mousePos, repulseRadius, new engine_root_window_.Circle(mousePos.x, mousePos.y, repulseRadius));
+    };
+    this._processRepulse = (position, repulseRadius, area, divRepulse) => {
+      const container = this.container,
+        query = container.particles.quadTree.query(area, p => this.isEnabled(p)),
+        repulseOptions = container.actualOptions.interactivity.modes.repulse;
+      if (!repulseOptions) {
+        return;
+      }
+      for (const particle of query) {
+        const {
+            dx,
+            dy,
+            distance
+          } = (0,engine_root_window_.getDistances)(particle.position, position),
+          velocity = (divRepulse?.speed ?? repulseOptions.speed) * repulseOptions.factor,
+          repulseFactor = (0,engine_root_window_.clamp)((0,engine_root_window_.getEasing)(repulseOptions.easing)(1 - distance / repulseRadius) * velocity, 0, repulseOptions.maxSpeed),
+          normVec = engine_root_window_.Vector.create(distance === 0 ? velocity : dx / distance * repulseFactor, distance === 0 ? velocity : dy / distance * repulseFactor);
+        particle.position.addTo(normVec);
+      }
+    };
+    this._singleSelectorRepulse = (selector, div) => {
+      const container = this.container,
+        repulse = container.actualOptions.interactivity.modes.repulse;
+      if (!repulse) {
+        return;
+      }
+      const query = document.querySelectorAll(selector);
+      if (!query.length) {
+        return;
+      }
+      query.forEach(item => {
+        const elem = item,
+          pxRatio = container.retina.pixelRatio,
+          pos = {
+            x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
+            y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio
+          },
+          repulseRadius = elem.offsetWidth / 2 * pxRatio,
+          area = div.type === "circle" ? new engine_root_window_.Circle(pos.x, pos.y, repulseRadius) : new engine_root_window_.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio),
+          divs = repulse.divs,
+          divRepulse = (0,engine_root_window_.divMode)(divs, elem);
+        this._processRepulse(pos, repulseRadius, area, divRepulse);
+      });
+    };
     this._engine = engine;
     if (!container.repulse) {
       container.repulse = {
@@ -191,8 +286,8 @@ class Repulser extends engine_root_window_.ExternalInteractorBase {
     }
     this.handleClickMode = mode => {
       const options = this.container.actualOptions,
-        repulse = options.interactivity.modes.repulse;
-      if (!repulse || mode !== "repulse") {
+        repulseOpts = options.interactivity.modes.repulse;
+      if (!repulseOpts || mode !== "repulse") {
         return;
       }
       if (!container.repulse) {
@@ -200,26 +295,23 @@ class Repulser extends engine_root_window_.ExternalInteractorBase {
           particles: []
         };
       }
-      container.repulse.clicking = true;
-      container.repulse.count = 0;
+      const repulse = container.repulse;
+      repulse.clicking = true;
+      repulse.count = 0;
       for (const particle of container.repulse.particles) {
         if (!this.isEnabled(particle)) {
           continue;
         }
         particle.velocity.setTo(particle.initialVelocity);
       }
-      container.repulse.particles = [];
-      container.repulse.finish = false;
+      repulse.particles = [];
+      repulse.finish = false;
       setTimeout(() => {
-        if (!container.destroyed) {
-          if (!container.repulse) {
-            container.repulse = {
-              particles: []
-            };
-          }
-          container.repulse.clicking = false;
+        if (container.destroyed) {
+          return;
         }
-      }, repulse.duration * 1000);
+        repulse.clicking = false;
+      }, repulseOpts.duration * 1000);
     };
   }
   clear() {}
@@ -236,32 +328,35 @@ class Repulser extends engine_root_window_.ExternalInteractorBase {
       options = container.actualOptions,
       mouseMoveStatus = container.interactivity.status === engine_root_window_.mouseMoveEvent,
       events = options.interactivity.events,
-      hoverEnabled = events.onHover.enable,
-      hoverMode = events.onHover.mode,
-      clickEnabled = events.onClick.enable,
-      clickMode = events.onClick.mode,
+      hover = events.onHover,
+      hoverEnabled = hover.enable,
+      hoverMode = hover.mode,
+      click = events.onClick,
+      clickEnabled = click.enable,
+      clickMode = click.mode,
       divs = events.onDiv;
     if (mouseMoveStatus && hoverEnabled && (0,engine_root_window_.isInArray)("repulse", hoverMode)) {
-      this.hoverRepulse();
+      this._hoverRepulse();
     } else if (clickEnabled && (0,engine_root_window_.isInArray)("repulse", clickMode)) {
-      this.clickRepulse();
+      this._clickRepulse();
     } else {
-      (0,engine_root_window_.divModeExecute)("repulse", divs, (selector, div) => this.singleSelectorRepulse(selector, div));
+      (0,engine_root_window_.divModeExecute)("repulse", divs, (selector, div) => this._singleSelectorRepulse(selector, div));
     }
   }
   isEnabled(particle) {
-    var _a;
     const container = this.container,
       options = container.actualOptions,
       mouse = container.interactivity.mouse,
-      events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : options.interactivity).events,
+      events = (particle?.interactivity ?? options.interactivity).events,
       divs = events.onDiv,
+      hover = events.onHover,
+      click = events.onClick,
       divRepulse = (0,engine_root_window_.isDivModeEnabled)("repulse", divs);
-    if (!(divRepulse || events.onHover.enable && mouse.position || events.onClick.enable && mouse.clickPosition)) {
+    if (!(divRepulse || hover.enable && mouse.position || click.enable && mouse.clickPosition)) {
       return false;
     }
-    const hoverMode = events.onHover.mode,
-      clickMode = events.onClick.mode;
+    const hoverMode = hover.mode,
+      clickMode = click.mode;
     return (0,engine_root_window_.isInArray)("repulse", hoverMode) || (0,engine_root_window_.isInArray)("repulse", clickMode) || divRepulse;
   }
   loadModeOptions(options, ...sources) {
@@ -269,123 +364,15 @@ class Repulser extends engine_root_window_.ExternalInteractorBase {
       options.repulse = new Repulse();
     }
     for (const source of sources) {
-      options.repulse.load(source === null || source === void 0 ? void 0 : source.repulse);
+      options.repulse.load(source?.repulse);
     }
   }
   reset() {}
-  clickRepulse() {
-    const container = this.container,
-      repulse = container.actualOptions.interactivity.modes.repulse;
-    if (!repulse) {
-      return;
-    }
-    if (!container.repulse) {
-      container.repulse = {
-        particles: []
-      };
-    }
-    if (!container.repulse.finish) {
-      if (!container.repulse.count) {
-        container.repulse.count = 0;
-      }
-      container.repulse.count++;
-      if (container.repulse.count === container.particles.count) {
-        container.repulse.finish = true;
-      }
-    }
-    if (container.repulse.clicking) {
-      const repulseDistance = container.retina.repulseModeDistance;
-      if (!repulseDistance || repulseDistance < 0) {
-        return;
-      }
-      const repulseRadius = Math.pow(repulseDistance / 6, 3),
-        mouseClickPos = container.interactivity.mouse.clickPosition;
-      if (mouseClickPos === undefined) {
-        return;
-      }
-      const range = new engine_root_window_.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius),
-        query = container.particles.quadTree.query(range, p => this.isEnabled(p));
-      for (const particle of query) {
-        const {
-            dx,
-            dy,
-            distance
-          } = (0,engine_root_window_.getDistances)(mouseClickPos, particle.position),
-          d = distance ** 2,
-          velocity = repulse.speed,
-          force = -repulseRadius * velocity / d;
-        if (d <= repulseRadius) {
-          container.repulse.particles.push(particle);
-          const vect = engine_root_window_.Vector.create(dx, dy);
-          vect.length = force;
-          particle.velocity.setTo(vect);
-        }
-      }
-    } else if (container.repulse.clicking === false) {
-      for (const particle of container.repulse.particles) {
-        particle.velocity.setTo(particle.initialVelocity);
-      }
-      container.repulse.particles = [];
-    }
-  }
-  hoverRepulse() {
-    const container = this.container,
-      mousePos = container.interactivity.mouse.position,
-      repulseRadius = container.retina.repulseModeDistance;
-    if (!repulseRadius || repulseRadius < 0 || !mousePos) {
-      return;
-    }
-    this.processRepulse(mousePos, repulseRadius, new engine_root_window_.Circle(mousePos.x, mousePos.y, repulseRadius));
-  }
-  processRepulse(position, repulseRadius, area, divRepulse) {
-    var _a;
-    const container = this.container,
-      query = container.particles.quadTree.query(area, p => this.isEnabled(p)),
-      repulseOptions = container.actualOptions.interactivity.modes.repulse;
-    if (!repulseOptions) {
-      return;
-    }
-    for (const particle of query) {
-      const {
-          dx,
-          dy,
-          distance
-        } = (0,engine_root_window_.getDistances)(particle.position, position),
-        velocity = ((_a = divRepulse === null || divRepulse === void 0 ? void 0 : divRepulse.speed) !== null && _a !== void 0 ? _a : repulseOptions.speed) * repulseOptions.factor,
-        repulseFactor = (0,engine_root_window_.clamp)((0,engine_root_window_.getEasing)(repulseOptions.easing)(1 - distance / repulseRadius) * velocity, 0, repulseOptions.maxSpeed),
-        normVec = engine_root_window_.Vector.create(distance === 0 ? velocity : dx / distance * repulseFactor, distance === 0 ? velocity : dy / distance * repulseFactor);
-      particle.position.addTo(normVec);
-    }
-  }
-  singleSelectorRepulse(selector, div) {
-    const container = this.container,
-      repulse = container.actualOptions.interactivity.modes.repulse;
-    if (!repulse) {
-      return;
-    }
-    const query = document.querySelectorAll(selector);
-    if (!query.length) {
-      return;
-    }
-    query.forEach(item => {
-      const elem = item,
-        pxRatio = container.retina.pixelRatio,
-        pos = {
-          x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
-          y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio
-        },
-        repulseRadius = elem.offsetWidth / 2 * pxRatio,
-        area = div.type === "circle" ? new engine_root_window_.Circle(pos.x, pos.y, repulseRadius) : new engine_root_window_.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio),
-        divs = repulse.divs,
-        divRepulse = (0,engine_root_window_.divMode)(divs, elem);
-      this.processRepulse(pos, repulseRadius, area, divRepulse);
-    });
-  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadExternalRepulseInteraction(engine) {
-  await engine.addInteractor("externalRepulse", container => new Repulser(engine, container));
+async function loadExternalRepulseInteraction(engine, refresh = true) {
+  await engine.addInteractor("externalRepulse", container => new Repulser(engine, container), refresh);
 }
 
 

package/tsparticles.interaction.external.repulse.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.interaction.external.repulse.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 s="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},s={};function i(e){var o=s[e];if(void 0!==o)return o.exports;var r=s[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var s in t)i.o(t,s)&&!i.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{i.r(o),i.d(o,{Repulse:()=>r,RepulseBase:()=>t,RepulseDiv:()=>s,loadExternalRepulseInteraction:()=>l});var e=i(533);class t{constructor(){this.distance=200,this.duration=.4,this.factor=100,this.speed=1,this.maxSpeed=50,this.easing="ease-out-quad"}load(e){e&&(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.easing&&(this.easing=e.easing),void 0!==e.factor&&(this.factor=e.factor),void 0!==e.speed&&(this.speed=e.speed),void 0!==e.maxSpeed&&(this.maxSpeed=e.maxSpeed))}}class s extends t{constructor(){super(),this.selectors=[]}get ids(){return(0,e.executeOnSingleOrMultiple)(this.selectors,(e=>e.replace("#","")))}set ids(t){this.selectors=(0,e.executeOnSingleOrMultiple)(t,(e=>`#${e}`))}load(e){super.load(e),e&&(void 0!==e.ids&&(this.ids=e.ids),void 0!==e.selectors&&(this.selectors=e.selectors))}}class r extends t{load(t){super.load(t),t&&(this.divs=(0,e.executeOnSingleOrMultiple)(t.divs,(e=>{const t=new s;return t.load(e),t})))}}class n extends e.ExternalInteractorBase{constructor(e,t){super(t),this._engine=e,t.repulse||(t.repulse={particles:[]}),this.handleClickMode=e=>{const s=this.container.actualOptions.interactivity.modes.repulse;if(s&&"repulse"===e){t.repulse||(t.repulse={particles:[]}),t.repulse.clicking=!0,t.repulse.count=0;for(const e of t.repulse.particles)this.isEnabled(e)&&e.velocity.setTo(e.initialVelocity);t.repulse.particles=[],t.repulse.finish=!1,setTimeout((()=>{t.destroyed||(t.repulse||(t.repulse={particles:[]}),t.repulse.clicking=!1)}),1e3*s.duration)}}}clear(){}init(){const e=this.container,t=e.actualOptions.interactivity.modes.repulse;t&&(e.retina.repulseModeDistance=t.distance*e.retina.pixelRatio)}async interact(){const t=this.container,s=t.actualOptions,i=t.interactivity.status===e.mouseMoveEvent,o=s.interactivity.events,r=o.onHover.enable,n=o.onHover.mode,l=o.onClick.enable,c=o.onClick.mode,a=o.onDiv;i&&r&&(0,e.isInArray)("repulse",n)?this.hoverRepulse():l&&(0,e.isInArray)("repulse",c)?this.clickRepulse():(0,e.divModeExecute)("repulse",a,((e,t)=>this.singleSelectorRepulse(e,t)))}isEnabled(t){var s;const i=this.container,o=i.actualOptions,r=i.interactivity.mouse,n=(null!==(s=null==t?void 0:t.interactivity)&&void 0!==s?s:o.interactivity).events,l=n.onDiv,c=(0,e.isDivModeEnabled)("repulse",l);if(!(c||n.onHover.enable&&r.position||n.onClick.enable&&r.clickPosition))return!1;const a=n.onHover.mode,p=n.onClick.mode;return(0,e.isInArray)("repulse",a)||(0,e.isInArray)("repulse",p)||c}loadModeOptions(e,...t){e.repulse||(e.repulse=new r);for(const s of t)e.repulse.load(null==s?void 0:s.repulse)}reset(){}clickRepulse(){const t=this.container,s=t.actualOptions.interactivity.modes.repulse;if(s)if(t.repulse||(t.repulse={particles:[]}),t.repulse.finish||(t.repulse.count||(t.repulse.count=0),t.repulse.count++,t.repulse.count===t.particles.count&&(t.repulse.finish=!0)),t.repulse.clicking){const i=t.retina.repulseModeDistance;if(!i||i<0)return;const o=Math.pow(i/6,3),r=t.interactivity.mouse.clickPosition;if(void 0===r)return;const n=new e.Circle(r.x,r.y,o),l=t.particles.quadTree.query(n,(e=>this.isEnabled(e)));for(const i of l){const{dx:n,dy:l,distance:c}=(0,e.getDistances)(r,i.position),a=c**2,p=-o*s.speed/a;if(a<=o){t.repulse.particles.push(i);const s=e.Vector.create(n,l);s.length=p,i.velocity.setTo(s)}}}else if(!1===t.repulse.clicking){for(const e of t.repulse.particles)e.velocity.setTo(e.initialVelocity);t.repulse.particles=[]}}hoverRepulse(){const t=this.container,s=t.interactivity.mouse.position,i=t.retina.repulseModeDistance;!i||i<0||!s||this.processRepulse(s,i,new e.Circle(s.x,s.y,i))}processRepulse(t,s,i,o){var r;const n=this.container,l=n.particles.quadTree.query(i,(e=>this.isEnabled(e))),c=n.actualOptions.interactivity.modes.repulse;if(c)for(const i of l){const{dx:n,dy:l,distance:a}=(0,e.getDistances)(i.position,t),p=(null!==(r=null==o?void 0:o.speed)&&void 0!==r?r:c.speed)*c.factor,u=(0,e.clamp)((0,e.getEasing)(c.easing)(1-a/s)*p,0,c.maxSpeed),d=e.Vector.create(0===a?p:n/a*u,0===a?p:l/a*u);i.position.addTo(d)}}singleSelectorRepulse(t,s){const i=this.container,o=i.actualOptions.interactivity.modes.repulse;if(!o)return;const r=document.querySelectorAll(t);r.length&&r.forEach((t=>{const r=t,n=i.retina.pixelRatio,l={x:(r.offsetLeft+r.offsetWidth/2)*n,y:(r.offsetTop+r.offsetHeight/2)*n},c=r.offsetWidth/2*n,a="circle"===s.type?new e.Circle(l.x,l.y,c):new e.Rectangle(r.offsetLeft*n,r.offsetTop*n,r.offsetWidth*n,r.offsetHeight*n),p=o.divs,u=(0,e.divMode)(p,r);this.processRepulse(l,c,a,u)}))}}async function l(e){await e.addInteractor("externalRepulse",(t=>new n(e,t)))}})(),o})()));
+!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 s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var n=i[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{s.r(o),s.d(o,{Repulse:()=>n,RepulseBase:()=>t,RepulseDiv:()=>i,loadExternalRepulseInteraction:()=>c});var e=s(533);class t{constructor(){this.distance=200,this.duration=.4,this.factor=100,this.speed=1,this.maxSpeed=50,this.easing="ease-out-quad"}load(e){e&&(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.easing&&(this.easing=e.easing),void 0!==e.factor&&(this.factor=e.factor),void 0!==e.speed&&(this.speed=e.speed),void 0!==e.maxSpeed&&(this.maxSpeed=e.maxSpeed))}}class i extends t{constructor(){super(),this.selectors=[]}load(e){super.load(e),e&&void 0!==e.selectors&&(this.selectors=e.selectors)}}class n extends t{load(t){super.load(t),t&&(this.divs=(0,e.executeOnSingleOrMultiple)(t.divs,(e=>{const t=new i;return t.load(e),t})))}}class r extends e.ExternalInteractorBase{constructor(t,i){super(i),this._clickRepulse=()=>{const t=this.container,i=t.actualOptions.interactivity.modes.repulse;if(!i)return;const s=t.repulse||{particles:[]};if(s.finish||(s.count||(s.count=0),s.count++,s.count===t.particles.count&&(s.finish=!0)),s.clicking){const o=t.retina.repulseModeDistance;if(!o||o<0)return;const n=Math.pow(o/6,3),r=t.interactivity.mouse.clickPosition;if(void 0===r)return;const c=new e.Circle(r.x,r.y,n),a=t.particles.quadTree.query(c,(e=>this.isEnabled(e)));for(const t of a){const{dx:o,dy:c,distance:a}=(0,e.getDistances)(r,t.position),l=a**2,p=-n*i.speed/l;if(l<=n){s.particles.push(t);const i=e.Vector.create(o,c);i.length=p,t.velocity.setTo(i)}}}else if(!1===s.clicking){for(const e of s.particles)e.velocity.setTo(e.initialVelocity);s.particles=[]}},this._hoverRepulse=()=>{const t=this.container,i=t.interactivity.mouse.position,s=t.retina.repulseModeDistance;!s||s<0||!i||this._processRepulse(i,s,new e.Circle(i.x,i.y,s))},this._processRepulse=(t,i,s,o)=>{const n=this.container,r=n.particles.quadTree.query(s,(e=>this.isEnabled(e))),c=n.actualOptions.interactivity.modes.repulse;if(c)for(const s of r){const{dx:n,dy:r,distance:a}=(0,e.getDistances)(s.position,t),l=(o?.speed??c.speed)*c.factor,p=(0,e.clamp)((0,e.getEasing)(c.easing)(1-a/i)*l,0,c.maxSpeed),u=e.Vector.create(0===a?l:n/a*p,0===a?l:r/a*p);s.position.addTo(u)}},this._singleSelectorRepulse=(t,i)=>{const s=this.container,o=s.actualOptions.interactivity.modes.repulse;if(!o)return;const n=document.querySelectorAll(t);n.length&&n.forEach((t=>{const n=t,r=s.retina.pixelRatio,c={x:(n.offsetLeft+n.offsetWidth/2)*r,y:(n.offsetTop+n.offsetHeight/2)*r},a=n.offsetWidth/2*r,l="circle"===i.type?new e.Circle(c.x,c.y,a):new e.Rectangle(n.offsetLeft*r,n.offsetTop*r,n.offsetWidth*r,n.offsetHeight*r),p=o.divs,u=(0,e.divMode)(p,n);this._processRepulse(c,a,l,u)}))},this._engine=t,i.repulse||(i.repulse={particles:[]}),this.handleClickMode=e=>{const t=this.container.actualOptions.interactivity.modes.repulse;if(!t||"repulse"!==e)return;i.repulse||(i.repulse={particles:[]});const s=i.repulse;s.clicking=!0,s.count=0;for(const e of i.repulse.particles)this.isEnabled(e)&&e.velocity.setTo(e.initialVelocity);s.particles=[],s.finish=!1,setTimeout((()=>{i.destroyed||(s.clicking=!1)}),1e3*t.duration)}}clear(){}init(){const e=this.container,t=e.actualOptions.interactivity.modes.repulse;t&&(e.retina.repulseModeDistance=t.distance*e.retina.pixelRatio)}async interact(){const t=this.container,i=t.actualOptions,s=t.interactivity.status===e.mouseMoveEvent,o=i.interactivity.events,n=o.onHover,r=n.enable,c=n.mode,a=o.onClick,l=a.enable,p=a.mode,u=o.onDiv;s&&r&&(0,e.isInArray)("repulse",c)?this._hoverRepulse():l&&(0,e.isInArray)("repulse",p)?this._clickRepulse():(0,e.divModeExecute)("repulse",u,((e,t)=>this._singleSelectorRepulse(e,t)))}isEnabled(t){const i=this.container,s=i.actualOptions,o=i.interactivity.mouse,n=(t?.interactivity??s.interactivity).events,r=n.onDiv,c=n.onHover,a=n.onClick,l=(0,e.isDivModeEnabled)("repulse",r);if(!(l||c.enable&&o.position||a.enable&&o.clickPosition))return!1;const p=c.mode,u=a.mode;return(0,e.isInArray)("repulse",p)||(0,e.isInArray)("repulse",u)||l}loadModeOptions(e,...t){e.repulse||(e.repulse=new n);for(const i of t)e.repulse.load(i?.repulse)}reset(){}}async function c(e,t=!0){await e.addInteractor("externalRepulse",(t=>new r(e,t)),t)}})(),o})()));

package/tsparticles.interaction.external.repulse.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 Repulse External Interaction v3.0.0-beta.1 by Matteo Bruni */

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

@@ -1,7 +1,7 @@
-import type { IOptionLoader, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
-import type { IRepulse } from "../Interfaces/IRepulse";
-import { RepulseBase } from "./RepulseBase";
-import { RepulseDiv } from "./RepulseDiv";
+import { type IOptionLoader, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
+import type { IRepulse } from "../Interfaces/IRepulse.js";
+import { RepulseBase } from "./RepulseBase.js";
+import { RepulseDiv } from "./RepulseDiv.js";
 export declare class Repulse extends RepulseBase implements IRepulse, IOptionLoader<IRepulse> {
     divs?: SingleOrMultiple<RepulseDiv>;
     load(data?: RecursivePartial<IRepulse>): void;

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

@@ -1,6 +1,5 @@
-import type { EasingTypeAlt, IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import { EasingType } from "@tsparticles/engine";
-import type { IRepulseBase } from "../Interfaces/IRepulseBase";
+import { EasingType, type EasingTypeAlt, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
+import type { IRepulseBase } from "../Interfaces/IRepulseBase.js";
 export declare abstract class RepulseBase implements IRepulseBase, IOptionLoader<IRepulseBase> {
     distance: number;
     duration: number;

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

@@ -1,10 +1,8 @@
-import type { IOptionLoader, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
-import type { IRepulseDiv } from "../Interfaces/IRepulseDiv";
-import { RepulseBase } from "./RepulseBase";
+import { type IOptionLoader, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
+import type { IRepulseDiv } from "../Interfaces/IRepulseDiv.js";
+import { RepulseBase } from "./RepulseBase.js";
 export declare class RepulseDiv extends RepulseBase implements IRepulseDiv, IOptionLoader<IRepulseDiv> {
     selectors: SingleOrMultiple<string>;
     constructor();
-    get ids(): SingleOrMultiple<string>;
-    set ids(value: SingleOrMultiple<string>);
     load(data?: RecursivePartial<IRepulseDiv>): void;
 }

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

@@ -1,5 +1,5 @@
 import type { Options } from "@tsparticles/engine";
-import type { RepulseMode } from "../../Types";
+import type { RepulseMode } from "../../Types.js";
 export type RepulseOptions = Options & {
     interactivity: {
         modes: RepulseMode;

package/types/Options/Interfaces/IRepulse.d.ts

@@ -1,5 +1,5 @@
-import type { IRepulseBase } from "./IRepulseBase";
-import type { IRepulseDiv } from "./IRepulseDiv";
+import type { IRepulseBase } from "./IRepulseBase.js";
+import type { IRepulseDiv } from "./IRepulseDiv.js";
 import type { SingleOrMultiple } from "@tsparticles/engine";
 export interface IRepulse extends IRepulseBase {
     divs?: SingleOrMultiple<IRepulseDiv>;

package/types/Options/Interfaces/IRepulseDiv.d.ts

@@ -1,4 +1,4 @@
 import type { IModeDiv } from "@tsparticles/engine";
-import type { IRepulseBase } from "./IRepulseBase";
+import type { IRepulseBase } from "./IRepulseBase.js";
 export interface IRepulseDiv extends IRepulseBase, IModeDiv {
 }

package/types/Repulser.d.ts

@@ -1,6 +1,5 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
-import type { Engine, IModes, Modes, Particle, RecursivePartial } from "@tsparticles/engine";
-import type { IRepulseMode, RepulseContainer, RepulseMode } from "./Types";
+import { type Engine, ExternalInteractorBase, type IModes, type Modes, type Particle, type RecursivePartial } from "@tsparticles/engine";
+import type { IRepulseMode, RepulseContainer, RepulseMode } from "./Types.js";
 export declare class Repulser extends ExternalInteractorBase<RepulseContainer> {
     handleClickMode: (mode: string) => void;
     private readonly _engine;
@@ -11,8 +10,8 @@ export declare class Repulser extends ExternalInteractorBase<RepulseContainer> {
     isEnabled(particle?: Particle): boolean;
     loadModeOptions(options: Modes & RepulseMode, ...sources: RecursivePartial<(IModes & IRepulseMode) | undefined>[]): void;
     reset(): void;
-    private clickRepulse;
-    private hoverRepulse;
-    private processRepulse;
-    private singleSelectorRepulse;
+    private readonly _clickRepulse;
+    private readonly _hoverRepulse;
+    private readonly _processRepulse;
+    private readonly _singleSelectorRepulse;
 }

package/types/Types.d.ts

@@ -1,7 +1,7 @@
 import type { Container, Particle } from "@tsparticles/engine";
-import type { IRepulse } from "./Options/Interfaces/IRepulse";
-import type { Repulse } from "./Options/Classes/Repulse";
-import type { RepulseOptions } from "./Options/Classes/RepulseOptions";
+import type { IRepulse } from "./Options/Interfaces/IRepulse.js";
+import type { Repulse } from "./Options/Classes/Repulse.js";
+import type { RepulseOptions } from "./Options/Classes/RepulseOptions.js";
 export type IRepulseMode = {
     repulse: IRepulse;
 };

package/types/index.d.ts

@@ -1,8 +1,8 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadExternalRepulseInteraction(engine: Engine): Promise<void>;
-export * from "./Options/Classes/RepulseBase";
-export * from "./Options/Classes/RepulseDiv";
-export * from "./Options/Classes/Repulse";
-export * from "./Options/Interfaces/IRepulseBase";
-export * from "./Options/Interfaces/IRepulseDiv";
-export * from "./Options/Interfaces/IRepulse";
+export declare function loadExternalRepulseInteraction(engine: Engine, refresh?: boolean): Promise<void>;
+export * from "./Options/Classes/RepulseBase.js";
+export * from "./Options/Classes/RepulseDiv.js";
+export * from "./Options/Classes/Repulse.js";
+export * from "./Options/Interfaces/IRepulseBase.js";
+export * from "./Options/Interfaces/IRepulseDiv.js";
+export * from "./Options/Interfaces/IRepulse.js";

package/umd/Options/Classes/Repulse.js

@@ -4,23 +4,23 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./RepulseBase", "./RepulseDiv", "@tsparticles/engine"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./RepulseBase.js", "./RepulseDiv.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Repulse = void 0;
-    const RepulseBase_1 = require("./RepulseBase");
-    const RepulseDiv_1 = require("./RepulseDiv");
     const engine_1 = require("@tsparticles/engine");
-    class Repulse extends RepulseBase_1.RepulseBase {
+    const RepulseBase_js_1 = require("./RepulseBase.js");
+    const RepulseDiv_js_1 = require("./RepulseDiv.js");
+    class Repulse extends RepulseBase_js_1.RepulseBase {
         load(data) {
             super.load(data);
             if (!data) {
                 return;
             }
             this.divs = (0, engine_1.executeOnSingleOrMultiple)(data.divs, (div) => {
-                const tmp = new RepulseDiv_1.RepulseDiv();
+                const tmp = new RepulseDiv_js_1.RepulseDiv();
                 tmp.load(div);
                 return tmp;
             });

package/umd/Options/Classes/RepulseDiv.js

@@ -4,33 +4,23 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./RepulseBase", "@tsparticles/engine"], factory);
+        define(["require", "exports", "./RepulseBase.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RepulseDiv = void 0;
-    const RepulseBase_1 = require("./RepulseBase");
-    const engine_1 = require("@tsparticles/engine");
-    class RepulseDiv extends RepulseBase_1.RepulseBase {
+    const RepulseBase_js_1 = require("./RepulseBase.js");
+    class RepulseDiv extends RepulseBase_js_1.RepulseBase {
         constructor() {
             super();
             this.selectors = [];
         }
-        get ids() {
-            return (0, engine_1.executeOnSingleOrMultiple)(this.selectors, (t) => t.replace("#", ""));
-        }
-        set ids(value) {
-            this.selectors = (0, engine_1.executeOnSingleOrMultiple)(value, (t) => `#${t}`);
-        }
         load(data) {
             super.load(data);
             if (!data) {
                 return;
             }
-            if (data.ids !== undefined) {
-                this.ids = data.ids;
-            }
             if (data.selectors !== undefined) {
                 this.selectors = data.selectors;
             }