@tsparticles/interaction-external-repulse 3.0.0-alpha.0

package/tsparticles.interaction.external.repulse.js

@@ -0,0 +1,401 @@
+/*!
+ * 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.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "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"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/RepulseBase.js
+class RepulseBase {
+  constructor() {
+    this.distance = 200;
+    this.duration = 0.4;
+    this.factor = 100;
+    this.speed = 1;
+    this.maxSpeed = 50;
+    this.easing = "ease-out-quad";
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.distance !== undefined) {
+      this.distance = data.distance;
+    }
+    if (data.duration !== undefined) {
+      this.duration = data.duration;
+    }
+    if (data.easing !== undefined) {
+      this.easing = data.easing;
+    }
+    if (data.factor !== undefined) {
+      this.factor = data.factor;
+    }
+    if (data.speed !== undefined) {
+      this.speed = data.speed;
+    }
+    if (data.maxSpeed !== undefined) {
+      this.maxSpeed = data.maxSpeed;
+    }
+  }
+}
+;// 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;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Repulse.js
+
+
+
+class Repulse extends RepulseBase {
+  load(data) {
+    super.load(data);
+    if (!data) {
+      return;
+    }
+    this.divs = (0,engine_root_window_.executeOnSingleOrMultiple)(data.divs, div => {
+      const tmp = new RepulseDiv();
+      tmp.load(div);
+      return tmp;
+    });
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Repulser.js
+
+
+class Repulser extends engine_root_window_.ExternalInteractorBase {
+  constructor(engine, container) {
+    super(container);
+    this._engine = engine;
+    if (!container.repulse) {
+      container.repulse = {
+        particles: []
+      };
+    }
+    this.handleClickMode = mode => {
+      const options = this.container.actualOptions,
+        repulse = options.interactivity.modes.repulse;
+      if (!repulse || mode !== "repulse") {
+        return;
+      }
+      if (!container.repulse) {
+        container.repulse = {
+          particles: []
+        };
+      }
+      container.repulse.clicking = true;
+      container.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;
+      setTimeout(() => {
+        if (!container.destroyed) {
+          if (!container.repulse) {
+            container.repulse = {
+              particles: []
+            };
+          }
+          container.repulse.clicking = false;
+        }
+      }, repulse.duration * 1000);
+    };
+  }
+  clear() {}
+  init() {
+    const container = this.container,
+      repulse = container.actualOptions.interactivity.modes.repulse;
+    if (!repulse) {
+      return;
+    }
+    container.retina.repulseModeDistance = repulse.distance * container.retina.pixelRatio;
+  }
+  async interact() {
+    const container = this.container,
+      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,
+      divs = events.onDiv;
+    if (mouseMoveStatus && hoverEnabled && (0,engine_root_window_.isInArray)("repulse", hoverMode)) {
+      this.hoverRepulse();
+    } else if (clickEnabled && (0,engine_root_window_.isInArray)("repulse", clickMode)) {
+      this.clickRepulse();
+    } else {
+      (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,
+      divs = events.onDiv,
+      divRepulse = (0,engine_root_window_.isDivModeEnabled)("repulse", divs);
+    if (!(divRepulse || events.onHover.enable && mouse.position || events.onClick.enable && mouse.clickPosition)) {
+      return false;
+    }
+    const hoverMode = events.onHover.mode,
+      clickMode = events.onClick.mode;
+    return (0,engine_root_window_.isInArray)("repulse", hoverMode) || (0,engine_root_window_.isInArray)("repulse", clickMode) || divRepulse;
+  }
+  loadModeOptions(options, ...sources) {
+    if (!options.repulse) {
+      options.repulse = new Repulse();
+    }
+    for (const source of sources) {
+      options.repulse.load(source === null || source === void 0 ? void 0 : 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));
+}
+
+
+
+
+
+
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

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

@@ -0,0 +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})()));

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

@@ -0,0 +1,8 @@
+/*!
+ * 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.0
+ */

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

@@ -0,0 +1,8 @@
+import type { IOptionLoader, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
+import type { IRepulse } from "../Interfaces/IRepulse";
+import { RepulseBase } from "./RepulseBase";
+import { RepulseDiv } from "./RepulseDiv";
+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

@@ -0,0 +1,13 @@
+import type { EasingTypeAlt, IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { EasingType } from "@tsparticles/engine";
+import type { IRepulseBase } from "../Interfaces/IRepulseBase";
+export declare abstract class RepulseBase implements IRepulseBase, IOptionLoader<IRepulseBase> {
+    distance: number;
+    duration: number;
+    easing: EasingType | EasingTypeAlt;
+    factor: number;
+    maxSpeed: number;
+    speed: number;
+    constructor();
+    load(data?: RecursivePartial<IRepulseBase>): void;
+}

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

@@ -0,0 +1,10 @@
+import type { IOptionLoader, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
+import type { IRepulseDiv } from "../Interfaces/IRepulseDiv";
+import { RepulseBase } from "./RepulseBase";
+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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { EasingType, EasingTypeAlt } from "@tsparticles/engine";
+export interface IRepulseBase {
+    distance: number;
+    duration: number;
+    easing: EasingType | EasingTypeAlt;
+    factor: number;
+    maxSpeed: number;
+    speed: number;
+}

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

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

package/types/Repulser.d.ts

@@ -0,0 +1,18 @@
+import { ExternalInteractorBase } from "@tsparticles/engine";
+import type { Engine, IModes, Modes, Particle, RecursivePartial } from "@tsparticles/engine";
+import type { IRepulseMode, RepulseContainer, RepulseMode } from "./Types";
+export declare class Repulser extends ExternalInteractorBase<RepulseContainer> {
+    handleClickMode: (mode: string) => void;
+    private readonly _engine;
+    constructor(engine: Engine, container: RepulseContainer);
+    clear(): void;
+    init(): void;
+    interact(): Promise<void>;
+    isEnabled(particle?: Particle): boolean;
+    loadModeOptions(options: Modes & RepulseMode, ...sources: RecursivePartial<(IModes & IRepulseMode) | undefined>[]): void;
+    reset(): void;
+    private clickRepulse;
+    private hoverRepulse;
+    private processRepulse;
+    private singleSelectorRepulse;
+}

package/types/Types.d.ts

@@ -0,0 +1,24 @@
+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";
+export type IRepulseMode = {
+    repulse: IRepulse;
+};
+export type RepulseMode = {
+    repulse?: Repulse;
+};
+interface IContainerRepulse {
+    clicking?: boolean;
+    count?: number;
+    finish?: boolean;
+    particles: Particle[];
+}
+export type RepulseContainer = Container & {
+    actualOptions: RepulseOptions;
+    repulse?: IContainerRepulse;
+    retina: {
+        repulseModeDistance?: number;
+    };
+};
+export {};

package/types/index.d.ts

@@ -0,0 +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";

package/umd/Options/Classes/Repulse.js

@@ -0,0 +1,30 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./RepulseBase", "./RepulseDiv", "@tsparticles/engine"], 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 {
+        load(data) {
+            super.load(data);
+            if (!data) {
+                return;
+            }
+            this.divs = (0, engine_1.executeOnSingleOrMultiple)(data.divs, (div) => {
+                const tmp = new RepulseDiv_1.RepulseDiv();
+                tmp.load(div);
+                return tmp;
+            });
+        }
+    }
+    exports.Repulse = Repulse;
+});

package/umd/Options/Classes/RepulseBase.js

@@ -0,0 +1,47 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.RepulseBase = void 0;
+    class RepulseBase {
+        constructor() {
+            this.distance = 200;
+            this.duration = 0.4;
+            this.factor = 100;
+            this.speed = 1;
+            this.maxSpeed = 50;
+            this.easing = "ease-out-quad";
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.distance !== undefined) {
+                this.distance = data.distance;
+            }
+            if (data.duration !== undefined) {
+                this.duration = data.duration;
+            }
+            if (data.easing !== undefined) {
+                this.easing = data.easing;
+            }
+            if (data.factor !== undefined) {
+                this.factor = data.factor;
+            }
+            if (data.speed !== undefined) {
+                this.speed = data.speed;
+            }
+            if (data.maxSpeed !== undefined) {
+                this.maxSpeed = data.maxSpeed;
+            }
+        }
+    }
+    exports.RepulseBase = RepulseBase;
+});

package/umd/Options/Classes/RepulseDiv.js

@@ -0,0 +1,40 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./RepulseBase", "@tsparticles/engine"], 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 {
+        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;
+            }
+        }
+    }
+    exports.RepulseDiv = RepulseDiv;
+});