@tsparticles/interaction-external-attract 3.9.1 → 4.0.0-alpha.1

package/62.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 62.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_external_attract=this.webpackChunk_tsparticles_interaction_external_attract||[]).push([[62],{62(t,i,a){a.d(i,{Attractor:()=>s});var e=a(303);function n(t,i,a,n,c,r){const s=i.actualOptions.interactivity.modes.attract;if(!s)return;const o=i.particles.quadTree.query(c,r);for(const i of o){const{dx:c,dy:r,distance:o}=(0,e.getDistances)(i.position,a),l=s.speed*s.factor,d=(0,e.clamp)(t.getEasing(s.easing)(1-o/n)*l,1,s.maxSpeed),u=e.Vector.create(o?c/o*d:l,o?r/o*d:l);i.position.subFrom(u)}}var c=a(773);const r="attract";class s extends e.ExternalInteractorBase{constructor(t,i){super(i),this._engine=t,i.attract??={particles:[]},this.handleClickMode=t=>{const a=this.container.actualOptions.interactivity.modes.attract;if(a&&t===r){i.attract??={particles:[]},i.attract.clicking=!0,i.attract.count=0;for(const t of i.attract.particles)this.isEnabled(t)&&t.velocity.setTo(t.initialVelocity);i.attract.particles=[],i.attract.finish=!1,setTimeout((()=>{i.destroyed||(i.attract??={particles:[]},i.attract.clicking=!1)}),a.duration*e.millisecondsToSeconds)}}}clear(){}init(){const t=this.container,i=t.actualOptions.interactivity.modes.attract;i&&(t.retina.attractModeDistance=i.distance*t.retina.pixelRatio)}interact(){const t=this.container,i=t.actualOptions,a=t.interactivity.status===e.mouseMoveEvent,c=i.interactivity.events,{enable:s,mode:o}=c.onHover,{enable:l,mode:d}=c.onClick;a&&s&&(0,e.isInArray)(r,o)?function(t,i,a){const c=i.interactivity.mouse.position,r=i.retina.attractModeDistance;!r||r<0||!c||n(t,i,c,r,new e.Circle(c.x,c.y,r),(t=>a(t)))}(this._engine,this.container,(t=>this.isEnabled(t))):l&&(0,e.isInArray)(r,d)&&function(t,i,a){i.attract??={particles:[]};const{attract:c}=i;if(c.finish||(c.count??=0,c.count++,c.count===i.particles.count&&(c.finish=!0)),c.clicking){const c=i.interactivity.mouse.clickPosition,r=i.retina.attractModeDistance;if(!r||r<0||!c)return;n(t,i,c,r,new e.Circle(c.x,c.y,r),(t=>a(t)))}else!1===c.clicking&&(c.particles=[])}(this._engine,this.container,(t=>this.isEnabled(t)))}isEnabled(t){const i=this.container,a=i.actualOptions,n=i.interactivity.mouse,c=(t?.interactivity??a.interactivity).events;if(!(n.position&&c.onHover.enable||n.clickPosition&&c.onClick.enable))return!1;const s=c.onHover.mode,o=c.onClick.mode;return(0,e.isInArray)(r,s)||(0,e.isInArray)(r,o)}loadModeOptions(t,...i){t.attract??=new c.K;for(const a of i)t.attract.load(a?.attract)}reset(){}}}}]);

package/62.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Attract External Interaction v4.0.0-alpha.1 by Matteo Bruni */

package/browser/Attractor.js

@@ -6,17 +6,13 @@ export class Attractor extends ExternalInteractorBase {
     constructor(engine, container) {
         super(container);
         this._engine = engine;
-        if (!container.attract) {
-            container.attract = { particles: [] };
-        }
+        container.attract ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, attract = options.interactivity.modes.attract;
             if (!attract || mode !== attractMode) {
                 return;
             }
-            if (!container.attract) {
-                container.attract = { particles: [] };
-            }
+            container.attract ??= { particles: [] };
             container.attract.clicking = true;
             container.attract.count = 0;
             for (const particle of container.attract.particles) {
@@ -31,9 +27,7 @@ export class Attractor extends ExternalInteractorBase {
                 if (container.destroyed) {
                     return;
                 }
-                if (!container.attract) {
-                    container.attract = { particles: [] };
-                }
+                container.attract ??= { particles: [] };
                 container.attract.clicking = false;
             }, attract.duration * millisecondsToSeconds);
         };
@@ -65,9 +59,7 @@ export class Attractor extends ExternalInteractorBase {
         return isInArray(attractMode, hoverMode) || isInArray(attractMode, clickMode);
     }
     loadModeOptions(options, ...sources) {
-        if (!options.attract) {
-            options.attract = new Attract();
-        }
+        options.attract ??= new Attract();
         for (const source of sources) {
             options.attract.load(source?.attract);
         }

package/browser/Utils.js

@@ -12,14 +12,10 @@ function processAttract(engine, container, position, attractRadius, area, queryC
     }
 }
 export function clickAttract(engine, container, enabledCb) {
-    if (!container.attract) {
-        container.attract = { particles: [] };
-    }
+    container.attract ??= { particles: [] };
     const { attract } = container;
     if (!attract.finish) {
-        if (!attract.count) {
-            attract.count = 0;
-        }
+        attract.count ??= 0;
         attract.count++;
         if (attract.count === container.particles.count) {
             attract.finish = true;

package/browser/index.js

@@ -1,9 +1,10 @@
-import { Attractor } from "./Attractor.js";
-export async function loadExternalAttractInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalAttract", container => {
-        return Promise.resolve(new Attractor(engine, container));
-    }, refresh);
+export function loadExternalAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addInteractor("externalAttract", async (container) => {
+            const { Attractor } = await import("./Attractor.js");
+            return new Attractor(e, container);
+        });
+    });
 }
 export * from "./Options/Classes/Attract.js";
-export * from "./Options/Interfaces/IAttract.js";

package/cjs/Attractor.js

@@ -1,25 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Attractor = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
-const Attract_js_1 = require("./Options/Classes/Attract.js");
+import { ExternalInteractorBase, isInArray, millisecondsToSeconds, mouseMoveEvent, } from "@tsparticles/engine";
+import { clickAttract, hoverAttract } from "./Utils.js";
+import { Attract } from "./Options/Classes/Attract.js";
 const attractMode = "attract";
-class Attractor extends engine_1.ExternalInteractorBase {
+export class Attractor extends ExternalInteractorBase {
     constructor(engine, container) {
         super(container);
         this._engine = engine;
-        if (!container.attract) {
-            container.attract = { particles: [] };
-        }
+        container.attract ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, attract = options.interactivity.modes.attract;
             if (!attract || mode !== attractMode) {
                 return;
             }
-            if (!container.attract) {
-                container.attract = { particles: [] };
-            }
+            container.attract ??= { particles: [] };
             container.attract.clicking = true;
             container.attract.count = 0;
             for (const particle of container.attract.particles) {
@@ -34,11 +27,9 @@ class Attractor extends engine_1.ExternalInteractorBase {
                 if (container.destroyed) {
                     return;
                 }
-                if (!container.attract) {
-                    container.attract = { particles: [] };
-                }
+                container.attract ??= { particles: [] };
                 container.attract.clicking = false;
-            }, attract.duration * engine_1.millisecondsToSeconds);
+            }, attract.duration * millisecondsToSeconds);
         };
     }
     clear() {
@@ -51,12 +42,12 @@ class Attractor extends engine_1.ExternalInteractorBase {
         container.retina.attractModeDistance = attract.distance * container.retina.pixelRatio;
     }
     interact() {
-        const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, events = options.interactivity.events, { enable: hoverEnabled, mode: hoverMode } = events.onHover, { enable: clickEnabled, mode: clickMode } = events.onClick;
-        if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)(attractMode, hoverMode)) {
-            (0, Utils_js_1.hoverAttract)(this._engine, this.container, p => this.isEnabled(p));
+        const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === mouseMoveEvent, events = options.interactivity.events, { enable: hoverEnabled, mode: hoverMode } = events.onHover, { enable: clickEnabled, mode: clickMode } = events.onClick;
+        if (mouseMoveStatus && hoverEnabled && isInArray(attractMode, hoverMode)) {
+            hoverAttract(this._engine, this.container, p => this.isEnabled(p));
         }
-        else if (clickEnabled && (0, engine_1.isInArray)(attractMode, clickMode)) {
-            (0, Utils_js_1.clickAttract)(this._engine, this.container, p => this.isEnabled(p));
+        else if (clickEnabled && isInArray(attractMode, clickMode)) {
+            clickAttract(this._engine, this.container, p => this.isEnabled(p));
         }
     }
     isEnabled(particle) {
@@ -65,12 +56,10 @@ class Attractor extends engine_1.ExternalInteractorBase {
             return false;
         }
         const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;
-        return (0, engine_1.isInArray)(attractMode, hoverMode) || (0, engine_1.isInArray)(attractMode, clickMode);
+        return isInArray(attractMode, hoverMode) || isInArray(attractMode, clickMode);
     }
     loadModeOptions(options, ...sources) {
-        if (!options.attract) {
-            options.attract = new Attract_js_1.Attract();
-        }
+        options.attract ??= new Attract();
         for (const source of sources) {
             options.attract.load(source?.attract);
         }
@@ -78,4 +67,3 @@ class Attractor extends engine_1.ExternalInteractorBase {
     reset() {
     }
 }
-exports.Attractor = Attractor;

package/cjs/Options/Classes/Attract.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Attract = void 0;
-const engine_1 = require("@tsparticles/engine");
-class Attract {
+import { EasingType, isNull } from "@tsparticles/engine";
+export class Attract {
     constructor() {
         this.distance = 200;
         this.duration = 0.4;
-        this.easing = engine_1.EasingType.easeOutQuad;
+        this.easing = EasingType.easeOutQuad;
         this.factor = 1;
         this.maxSpeed = 50;
         this.speed = 1;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.distance !== undefined) {
@@ -35,4 +32,3 @@ class Attract {
         }
     }
 }
-exports.Attract = Attract;

package/cjs/Options/Classes/AttractOptions.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IAttract.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Utils.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.clickAttract = clickAttract;
-exports.hoverAttract = hoverAttract;
-const engine_1 = require("@tsparticles/engine");
+import { Circle, Vector, clamp, getDistances, } from "@tsparticles/engine";
 const minFactor = 1, identity = 1, minRadius = 0;
 function processAttract(engine, container, position, attractRadius, area, queryCb) {
     const attractOptions = container.actualOptions.interactivity.modes.attract;
@@ -11,19 +7,15 @@ function processAttract(engine, container, position, attractRadius, area, queryC
     }
     const query = container.particles.quadTree.query(area, queryCb);
     for (const particle of query) {
-        const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = (0, engine_1.clamp)(engine.getEasing(attractOptions.easing)(identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed), normVec = engine_1.Vector.create(!distance ? velocity : (dx / distance) * attractFactor, !distance ? velocity : (dy / distance) * attractFactor);
+        const { dx, dy, distance } = getDistances(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = clamp(engine.getEasing(attractOptions.easing)(identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed), normVec = Vector.create(!distance ? velocity : (dx / distance) * attractFactor, !distance ? velocity : (dy / distance) * attractFactor);
         particle.position.subFrom(normVec);
     }
 }
-function clickAttract(engine, container, enabledCb) {
-    if (!container.attract) {
-        container.attract = { particles: [] };
-    }
+export function clickAttract(engine, container, enabledCb) {
+    container.attract ??= { particles: [] };
     const { attract } = container;
     if (!attract.finish) {
-        if (!attract.count) {
-            attract.count = 0;
-        }
+        attract.count ??= 0;
         attract.count++;
         if (attract.count === container.particles.count) {
             attract.finish = true;
@@ -34,16 +26,16 @@ function clickAttract(engine, container, enabledCb) {
         if (!attractRadius || attractRadius < minRadius || !mousePos) {
             return;
         }
-        processAttract(engine, container, mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
+        processAttract(engine, container, mousePos, attractRadius, new Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
     }
     else if (attract.clicking === false) {
         attract.particles = [];
     }
 }
-function hoverAttract(engine, container, enabledCb) {
+export function hoverAttract(engine, container, enabledCb) {
     const mousePos = container.interactivity.mouse.position, attractRadius = container.retina.attractModeDistance;
     if (!attractRadius || attractRadius < minRadius || !mousePos) {
         return;
     }
-    processAttract(engine, container, mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
+    processAttract(engine, container, mousePos, attractRadius, new Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
 }

package/cjs/index.js

@@ -1,26 +1,10 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadExternalAttractInteraction = loadExternalAttractInteraction;
-const Attractor_js_1 = require("./Attractor.js");
-async function loadExternalAttractInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalAttract", container => {
-        return Promise.resolve(new Attractor_js_1.Attractor(engine, container));
-    }, refresh);
+export function loadExternalAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addInteractor("externalAttract", async (container) => {
+            const { Attractor } = await import("./Attractor.js");
+            return new Attractor(e, container);
+        });
+    });
 }
-__exportStar(require("./Options/Classes/Attract.js"), exports);
-__exportStar(require("./Options/Interfaces/IAttract.js"), exports);
+export * from "./Options/Classes/Attract.js";

package/dist_browser_Attractor_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_interaction_external_attract"] = this["webpackChunk_tsparticles_interaction_external_attract"] || []).push([["dist_browser_Attractor_js"],{
+
+/***/ "./dist/browser/Attractor.js"
+/*!***********************************!*\
+  !*** ./dist/browser/Attractor.js ***!
+  \***********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attractor: () => (/* binding */ Attractor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"./dist/browser/Options/Classes/Attract.js\");\n\n\n\nconst attractMode = \"attract\";\nclass Attractor extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(engine, container) {\n    super(container);\n    this._engine = engine;\n    container.attract ??= {\n      particles: []\n    };\n    this.handleClickMode = mode => {\n      const options = this.container.actualOptions,\n        attract = options.interactivity.modes.attract;\n      if (!attract || mode !== attractMode) {\n        return;\n      }\n      container.attract ??= {\n        particles: []\n      };\n      container.attract.clicking = true;\n      container.attract.count = 0;\n      for (const particle of container.attract.particles) {\n        if (!this.isEnabled(particle)) {\n          continue;\n        }\n        particle.velocity.setTo(particle.initialVelocity);\n      }\n      container.attract.particles = [];\n      container.attract.finish = false;\n      setTimeout(() => {\n        if (container.destroyed) {\n          return;\n        }\n        container.attract ??= {\n          particles: []\n        };\n        container.attract.clicking = false;\n      }, attract.duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n    };\n  }\n  clear() {}\n  init() {\n    const container = this.container,\n      attract = container.actualOptions.interactivity.modes.attract;\n    if (!attract) {\n      return;\n    }\n    container.retina.attractModeDistance = attract.distance * container.retina.pixelRatio;\n  }\n  interact() {\n    const container = this.container,\n      options = container.actualOptions,\n      mouseMoveStatus = container.interactivity.status === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.mouseMoveEvent,\n      events = options.interactivity.events,\n      {\n        enable: hoverEnabled,\n        mode: hoverMode\n      } = events.onHover,\n      {\n        enable: clickEnabled,\n        mode: clickMode\n      } = events.onClick;\n    if (mouseMoveStatus && hoverEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(attractMode, hoverMode)) {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.hoverAttract)(this._engine, this.container, p => this.isEnabled(p));\n    } else if (clickEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(attractMode, clickMode)) {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.clickAttract)(this._engine, this.container, p => this.isEnabled(p));\n    }\n  }\n  isEnabled(particle) {\n    const container = this.container,\n      options = container.actualOptions,\n      mouse = container.interactivity.mouse,\n      events = (particle?.interactivity ?? options.interactivity).events;\n    if ((!mouse.position || !events.onHover.enable) && (!mouse.clickPosition || !events.onClick.enable)) {\n      return false;\n    }\n    const hoverMode = events.onHover.mode,\n      clickMode = events.onClick.mode;\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(attractMode, hoverMode) || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(attractMode, clickMode);\n  }\n  loadModeOptions(options, ...sources) {\n    options.attract ??= new _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_2__.Attract();\n    for (const source of sources) {\n      options.attract.load(source?.attract);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-attract/./dist/browser/Attractor.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clickAttract: () => (/* binding */ clickAttract),\n/* harmony export */   hoverAttract: () => (/* binding */ hoverAttract)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minFactor = 1,\n  identity = 1,\n  minRadius = 0;\nfunction processAttract(engine, container, position, attractRadius, area, queryCb) {\n  const attractOptions = container.actualOptions.interactivity.modes.attract;\n  if (!attractOptions) {\n    return;\n  }\n  const query = container.particles.quadTree.query(area, queryCb);\n  for (const particle of query) {\n    const {\n        dx,\n        dy,\n        distance\n      } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, position),\n      velocity = attractOptions.speed * attractOptions.factor,\n      attractFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(engine.getEasing(attractOptions.easing)(identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed),\n      normVec = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(!distance ? velocity : dx / distance * attractFactor, !distance ? velocity : dy / distance * attractFactor);\n    particle.position.subFrom(normVec);\n  }\n}\nfunction clickAttract(engine, container, enabledCb) {\n  container.attract ??= {\n    particles: []\n  };\n  const {\n    attract\n  } = container;\n  if (!attract.finish) {\n    attract.count ??= 0;\n    attract.count++;\n    if (attract.count === container.particles.count) {\n      attract.finish = true;\n    }\n  }\n  if (attract.clicking) {\n    const mousePos = container.interactivity.mouse.clickPosition,\n      attractRadius = container.retina.attractModeDistance;\n    if (!attractRadius || attractRadius < minRadius || !mousePos) {\n      return;\n    }\n    processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), p => enabledCb(p));\n  } else if (attract.clicking === false) {\n    attract.particles = [];\n  }\n}\nfunction hoverAttract(engine, container, enabledCb) {\n  const mousePos = container.interactivity.mouse.position,\n    attractRadius = container.retina.attractModeDistance;\n  if (!attractRadius || attractRadius < minRadius || !mousePos) {\n    return;\n  }\n  processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), p => enabledCb(p));\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-attract/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/Attractor.js

@@ -6,17 +6,13 @@ export class Attractor extends ExternalInteractorBase {
     constructor(engine, container) {
         super(container);
         this._engine = engine;
-        if (!container.attract) {
-            container.attract = { particles: [] };
-        }
+        container.attract ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, attract = options.interactivity.modes.attract;
             if (!attract || mode !== attractMode) {
                 return;
             }
-            if (!container.attract) {
-                container.attract = { particles: [] };
-            }
+            container.attract ??= { particles: [] };
             container.attract.clicking = true;
             container.attract.count = 0;
             for (const particle of container.attract.particles) {
@@ -31,9 +27,7 @@ export class Attractor extends ExternalInteractorBase {
                 if (container.destroyed) {
                     return;
                 }
-                if (!container.attract) {
-                    container.attract = { particles: [] };
-                }
+                container.attract ??= { particles: [] };
                 container.attract.clicking = false;
             }, attract.duration * millisecondsToSeconds);
         };
@@ -65,9 +59,7 @@ export class Attractor extends ExternalInteractorBase {
         return isInArray(attractMode, hoverMode) || isInArray(attractMode, clickMode);
     }
     loadModeOptions(options, ...sources) {
-        if (!options.attract) {
-            options.attract = new Attract();
-        }
+        options.attract ??= new Attract();
         for (const source of sources) {
             options.attract.load(source?.attract);
         }

package/esm/Utils.js

@@ -12,14 +12,10 @@ function processAttract(engine, container, position, attractRadius, area, queryC
     }
 }
 export function clickAttract(engine, container, enabledCb) {
-    if (!container.attract) {
-        container.attract = { particles: [] };
-    }
+    container.attract ??= { particles: [] };
     const { attract } = container;
     if (!attract.finish) {
-        if (!attract.count) {
-            attract.count = 0;
-        }
+        attract.count ??= 0;
         attract.count++;
         if (attract.count === container.particles.count) {
             attract.finish = true;

package/esm/index.js

@@ -1,9 +1,10 @@
-import { Attractor } from "./Attractor.js";
-export async function loadExternalAttractInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalAttract", container => {
-        return Promise.resolve(new Attractor(engine, container));
-    }, refresh);
+export function loadExternalAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addInteractor("externalAttract", async (container) => {
+            const { Attractor } = await import("./Attractor.js");
+            return new Attractor(e, container);
+        });
+    });
 }
 export * from "./Options/Classes/Attract.js";
-export * from "./Options/Interfaces/IAttract.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-attract",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.1",
   "description": "tsParticles attract external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,9 +87,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }