@tsparticles/interaction-particles-attract 4.0.0-alpha.8 → 4.0.0-beta.1

package/667.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_attract=this.webpackChunk_tsparticles_interaction_particles_attract||[]).push([[667],{667(t,e,a){a.d(e,{Attractor:()=>c});var i=a(303);class s{distance;enable;rotate;constructor(){this.distance=200,this.enable=!1,this.rotate={x:3e3,y:3e3}}load(t){if(!(0,i.isNull)(t)&&(void 0!==t.distance&&(this.distance=(0,i.setRangeValue)(t.distance)),void 0!==t.enable&&(this.enable=t.enable),t.rotate)){let e=t.rotate.x;void 0!==e&&(this.rotate.x=e);let a=t.rotate.y;void 0!==a&&(this.rotate.y=a)}}}var r=a(702);class c extends r.ParticlesInteractorBase{_maxDistance;constructor(t){super(t),this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){}interact(t){if(!t.options.attract?.enable)return;let e=this.container;if((0,i.isNull)(t.attractDistance)){let a=(0,i.getRangeValue)(t.options.attract.distance);a>this._maxDistance&&(this._maxDistance=a),t.attractDistance=a*e.retina.pixelRatio}let a=t.attractDistance,s=t.getPosition();for(let r of e.particles.grid.queryCircle(s,a)){if(t===r||!r.options.attract?.enable||r.destroyed||r.spawning)continue;let e=r.getPosition(),{dx:a,dy:c}=(0,i.getDistances)(s,e),n=t.options.attract.rotate,o=a/(1e3*n.x),l=c/(1e3*n.y),d=r.size.value/t.size.value,u=1/d;t.velocity.x-=o*d,t.velocity.y-=l*d,r.velocity.x+=o*u,r.velocity.y+=l*u}}isEnabled(t){return t.options.attract?.enable??!1}loadParticlesOptions(t,...e){for(let a of(t.attract??=new s,e))t.attract.load(a?.attract)}reset(){}}}}]);

package/README.md

@@ -27,6 +27,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
 ```javascript
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 
   await tsParticles.load({
@@ -56,9 +57,11 @@ Then you need to import it in the app, like this:
 
 ```javascript
 const { tsParticles } = require("@tsparticles/engine");
+const { loadInteractivityPlugin } = require("@tsparticles/plugin-interactivity");
 const { loadParticlesAttractInteraction } = require("@tsparticles/interaction-particles-attract");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 })();
 ```
@@ -67,9 +70,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 })();
 ```

package/browser/Attractor.js

@@ -1,23 +1,38 @@
-import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { getDistances, getRangeValue, isNull } from "@tsparticles/engine";
+import { Attract } from "./Options/Classes/Attract.js";
 import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
+    _maxDistance;
     constructor(container) {
         super(container);
+        this._maxDistance = 0;
+    }
+    get maxDistance() {
+        return this._maxDistance;
     }
     clear() {
     }
     init() {
     }
     interact(p1) {
+        if (!p1.options.attract?.enable) {
+            return;
+        }
         const container = this.container;
-        p1.attractDistance ??= getRangeValue(p1.options.move.attract.distance) * container.retina.pixelRatio;
-        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
+        if (isNull(p1.attractDistance)) {
+            const attractDistance = getRangeValue(p1.options.attract.distance);
+            if (attractDistance > this._maxDistance) {
+                this._maxDistance = attractDistance;
+            }
+            p1.attractDistance = attractDistance * container.retina.pixelRatio;
+        }
+        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.grid.queryCircle(pos1, distance);
         for (const p2 of query) {
-            if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {
+            if (p1 === p2 || !p2.options.attract?.enable || p2.destroyed || p2.spawning) {
                 continue;
             }
-            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
+            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
             p1.velocity.x -= ax * p1Factor;
             p1.velocity.y -= ay * p1Factor;
             p2.velocity.x += ax * p2Factor;
@@ -25,7 +40,13 @@ export class Attractor extends ParticlesInteractorBase {
         }
     }
     isEnabled(particle) {
-        return particle.options.move.attract.enable;
+        return particle.options.attract?.enable ?? false;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.attract ??= new Attract();
+        for (const source of sources) {
+            options.attract.load(source?.attract);
+        }
     }
     reset() {
     }

package/browser/Options/Classes/Attract.js

@@ -0,0 +1,35 @@
+import { isNull, setRangeValue, } from "@tsparticles/engine";
+export class Attract {
+    distance;
+    enable;
+    rotate;
+    constructor() {
+        this.distance = 200;
+        this.enable = false;
+        this.rotate = {
+            x: 3000,
+            y: 3000,
+        };
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.distance !== undefined) {
+            this.distance = setRangeValue(data.distance);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.rotate) {
+            const rotateX = data.rotate.x;
+            if (rotateX !== undefined) {
+                this.rotate.x = rotateX;
+            }
+            const rotateY = data.rotate.y;
+            if (rotateY !== undefined) {
+                this.rotate.y = rotateY;
+            }
+        }
+    }
+}

package/browser/index.js

@@ -1,9 +1,9 @@
 export async function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
-        e.addInteractor?.("particlesAttract", async (container) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.pluginManager.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/cjs/Attractor.js

@@ -1,23 +1,38 @@
-import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { getDistances, getRangeValue, isNull } from "@tsparticles/engine";
+import { Attract } from "./Options/Classes/Attract.js";
 import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
+    _maxDistance;
     constructor(container) {
         super(container);
+        this._maxDistance = 0;
+    }
+    get maxDistance() {
+        return this._maxDistance;
     }
     clear() {
     }
     init() {
     }
     interact(p1) {
+        if (!p1.options.attract?.enable) {
+            return;
+        }
         const container = this.container;
-        p1.attractDistance ??= getRangeValue(p1.options.move.attract.distance) * container.retina.pixelRatio;
-        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
+        if (isNull(p1.attractDistance)) {
+            const attractDistance = getRangeValue(p1.options.attract.distance);
+            if (attractDistance > this._maxDistance) {
+                this._maxDistance = attractDistance;
+            }
+            p1.attractDistance = attractDistance * container.retina.pixelRatio;
+        }
+        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.grid.queryCircle(pos1, distance);
         for (const p2 of query) {
-            if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {
+            if (p1 === p2 || !p2.options.attract?.enable || p2.destroyed || p2.spawning) {
                 continue;
             }
-            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
+            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
             p1.velocity.x -= ax * p1Factor;
             p1.velocity.y -= ay * p1Factor;
             p2.velocity.x += ax * p2Factor;
@@ -25,7 +40,13 @@ export class Attractor extends ParticlesInteractorBase {
         }
     }
     isEnabled(particle) {
-        return particle.options.move.attract.enable;
+        return particle.options.attract?.enable ?? false;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.attract ??= new Attract();
+        for (const source of sources) {
+            options.attract.load(source?.attract);
+        }
     }
     reset() {
     }

package/cjs/Options/Classes/Attract.js

@@ -0,0 +1,35 @@
+import { isNull, setRangeValue, } from "@tsparticles/engine";
+export class Attract {
+    distance;
+    enable;
+    rotate;
+    constructor() {
+        this.distance = 200;
+        this.enable = false;
+        this.rotate = {
+            x: 3000,
+            y: 3000,
+        };
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.distance !== undefined) {
+            this.distance = setRangeValue(data.distance);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.rotate) {
+            const rotateX = data.rotate.x;
+            if (rotateX !== undefined) {
+                this.rotate.x = rotateX;
+            }
+            const rotateY = data.rotate.y;
+            if (rotateY !== undefined) {
+                this.rotate.y = rotateY;
+            }
+        }
+    }
+}

package/cjs/Types.js

@@ -0,0 +1 @@
+export {};

package/cjs/index.js

@@ -1,9 +1,9 @@
 export async function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
-        e.addInteractor?.("particlesAttract", async (container) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.pluginManager.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/dist_browser_Attractor_js.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
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -23,7 +23,17 @@
   \***********************************/
 (__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 _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n\n\nconst attractFactor = 1000,\n  identity = 1;\nclass Attractor extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1) {\n    const container = this.container;\n    p1.attractDistance ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p1.options.move.attract.distance) * container.retina.pixelRatio;\n    const distance = p1.attractDistance,\n      pos1 = p1.getPosition(),\n      query = container.particles.quadTree.queryCircle(pos1, distance);\n    for (const p2 of query) {\n      if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {\n        continue;\n      }\n      const pos2 = p2.getPosition(),\n        {\n          dx,\n          dy\n        } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2),\n        rotate = p1.options.move.attract.rotate,\n        ax = dx / (rotate.x * attractFactor),\n        ay = dy / (rotate.y * attractFactor),\n        p1Factor = p2.size.value / p1.size.value,\n        p2Factor = identity / p1Factor;\n      p1.velocity.x -= ax * p1Factor;\n      p1.velocity.y -= ay * p1Factor;\n      p2.velocity.x += ax * p2Factor;\n      p2.velocity.y += ay * p2Factor;\n    }\n  }\n  isEnabled(particle) {\n    return particle.options.move.attract.enable;\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-attract/./dist/browser/Attractor.js?\n}");
+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 _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"./dist/browser/Options/Classes/Attract.js\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n\n\n\nconst attractFactor = 1000, identity = 1;\nclass Attractor extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase {\n    _maxDistance;\n    constructor(container){\n        super(container);\n        this._maxDistance = 0;\n    }\n    get maxDistance() {\n        return this._maxDistance;\n    }\n    clear() {}\n    init() {}\n    interact(p1) {\n        if (!p1.options.attract?.enable) {\n            return;\n        }\n        const container = this.container;\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(p1.attractDistance)) {\n            const attractDistance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p1.options.attract.distance);\n            if (attractDistance > this._maxDistance) {\n                this._maxDistance = attractDistance;\n            }\n            p1.attractDistance = attractDistance * container.retina.pixelRatio;\n        }\n        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.grid.queryCircle(pos1, distance);\n        for (const p2 of query){\n            if (p1 === p2 || !p2.options.attract?.enable || p2.destroyed || p2.spawning) {\n                continue;\n            }\n            const pos2 = p2.getPosition(), { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2), rotate = p1.options.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;\n            p1.velocity.x -= ax * p1Factor;\n            p1.velocity.y -= ay * p1Factor;\n            p2.velocity.x += ax * p2Factor;\n            p2.velocity.y += ay * p2Factor;\n        }\n    }\n    isEnabled(particle) {\n        return particle.options.attract?.enable ?? false;\n    }\n    loadParticlesOptions(options, ...sources) {\n        options.attract ??= new _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_1__.Attract();\n        for (const source of sources){\n            options.attract.load(source?.attract);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-attract/./dist/browser/Attractor.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Attract.js"
+/*!*************************************************!*\
+  !*** ./dist/browser/Options/Classes/Attract.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 */   Attract: () => (/* binding */ Attract)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass Attract {\n    distance;\n    enable;\n    rotate;\n    constructor(){\n        this.distance = 200;\n        this.enable = false;\n        this.rotate = {\n            x: 3000,\n            y: 3000\n        };\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.distance !== undefined) {\n            this.distance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.distance);\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.rotate) {\n            const rotateX = data.rotate.x;\n            if (rotateX !== undefined) {\n                this.rotate.x = rotateX;\n            }\n            const rotateY = data.rotate.y;\n            if (rotateY !== undefined) {\n                this.rotate.y = rotateY;\n            }\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-attract/./dist/browser/Options/Classes/Attract.js?\n}");
 
 /***/ }
 

package/esm/Attractor.js

@@ -1,23 +1,38 @@
-import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { getDistances, getRangeValue, isNull } from "@tsparticles/engine";
+import { Attract } from "./Options/Classes/Attract.js";
 import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
+    _maxDistance;
     constructor(container) {
         super(container);
+        this._maxDistance = 0;
+    }
+    get maxDistance() {
+        return this._maxDistance;
     }
     clear() {
     }
     init() {
     }
     interact(p1) {
+        if (!p1.options.attract?.enable) {
+            return;
+        }
         const container = this.container;
-        p1.attractDistance ??= getRangeValue(p1.options.move.attract.distance) * container.retina.pixelRatio;
-        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
+        if (isNull(p1.attractDistance)) {
+            const attractDistance = getRangeValue(p1.options.attract.distance);
+            if (attractDistance > this._maxDistance) {
+                this._maxDistance = attractDistance;
+            }
+            p1.attractDistance = attractDistance * container.retina.pixelRatio;
+        }
+        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.grid.queryCircle(pos1, distance);
         for (const p2 of query) {
-            if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {
+            if (p1 === p2 || !p2.options.attract?.enable || p2.destroyed || p2.spawning) {
                 continue;
             }
-            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
+            const pos2 = p2.getPosition(), { dx, dy } = getDistances(pos1, pos2), rotate = p1.options.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;
             p1.velocity.x -= ax * p1Factor;
             p1.velocity.y -= ay * p1Factor;
             p2.velocity.x += ax * p2Factor;
@@ -25,7 +40,13 @@ export class Attractor extends ParticlesInteractorBase {
         }
     }
     isEnabled(particle) {
-        return particle.options.move.attract.enable;
+        return particle.options.attract?.enable ?? false;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.attract ??= new Attract();
+        for (const source of sources) {
+            options.attract.load(source?.attract);
+        }
     }
     reset() {
     }

package/esm/Options/Classes/Attract.js

@@ -0,0 +1,35 @@
+import { isNull, setRangeValue, } from "@tsparticles/engine";
+export class Attract {
+    distance;
+    enable;
+    rotate;
+    constructor() {
+        this.distance = 200;
+        this.enable = false;
+        this.rotate = {
+            x: 3000,
+            y: 3000,
+        };
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.distance !== undefined) {
+            this.distance = setRangeValue(data.distance);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.rotate) {
+            const rotateX = data.rotate.x;
+            if (rotateX !== undefined) {
+                this.rotate.x = rotateX;
+            }
+            const rotateY = data.rotate.y;
+            if (rotateY !== undefined) {
+                this.rotate.y = rotateY;
+            }
+        }
+    }
+}

package/esm/Options/Interfaces/IAttract.js

@@ -0,0 +1 @@
+export {};

package/esm/Types.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

@@ -1,9 +1,9 @@
 export async function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
-        e.addInteractor?.("particlesAttract", async (container) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.pluginManager.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-particles-attract",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0-beta.1",
   "description": "tsParticles attract particles interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,8 +87,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.8",
-    "@tsparticles/plugin-interactivity": "4.0.0-alpha.8"
+    "@tsparticles/engine": "4.0.0-beta.1",
+    "@tsparticles/plugin-interactivity": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"