@tsparticles/interaction-external-trail 4.0.0-alpha.2 → 4.0.0-alpha.20

package/988.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).push([[988],{988(t,i,e){e.d(i,{TrailMaker:()=>r});var s=e(702),a=e(303),o=e(8);let n="trail";class r extends s.ExternalInteractorBase{_delay;_lastPosition;constructor(t){super(t),this._delay=0}clear(){}init(){}interact(t,i){let e=this.container;if(!e.retina.reduceFactor)return;let s=e.actualOptions,o=s.interactivity?.modes.trail;if(!o)return;let n=o.delay*a.millisecondsToSeconds/this.container.retina.reduceFactor;if(this._delay<n&&(this._delay+=i.value),this._delay<n)return;let r=!(o.pauseOnStop&&(t.mouse.position===this._lastPosition||t.mouse.position?.x===this._lastPosition?.x&&t.mouse.position?.y===this._lastPosition?.y)),l=t.mouse.position;l?this._lastPosition={...l}:delete this._lastPosition,r&&e.particles.push(o.quantity,t.mouse.position,o.particles),this._delay-=n}isEnabled(t,i){let e=this.container.actualOptions,s=t.mouse,o=(i?.interactivity??e.interactivity)?.events;return!!o&&(s.clicking&&s.inside&&!!s.position&&(0,a.isInArray)(n,o.onClick.mode)||s.inside&&!!s.position&&(0,a.isInArray)(n,o.onHover.mode))}loadModeOptions(t,...i){for(let e of(t.trail??=new o.X,i))t.trail.load(e?.trail)}reset(){}}}}]);

package/README.md

@@ -28,6 +28,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
 ```javascript
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalTrailInteraction(tsParticles);
 
   await tsParticles.load({
@@ -57,9 +58,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 { loadExternalTrailInteraction } = require("@tsparticles/interaction-external-trail");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalTrailInteraction(tsParticles);
 })();
 ```
@@ -68,9 +71,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadExternalTrailInteraction } from "@tsparticles/interaction-external-trail";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalTrailInteraction(tsParticles);
 })();
 ```

package/browser/Options/Classes/Trail.js

@@ -1,5 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 export class Trail {
+    delay;
+    particles;
+    pauseOnStop;
+    quantity;
     constructor() {
         this.delay = 1;
         this.pauseOnStop = false;

package/browser/TrailMaker.js

@@ -1,7 +1,10 @@
-import { ExternalInteractorBase, isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
 import { Trail } from "./Options/Classes/Trail.js";
 const trailMode = "trail";
 export class TrailMaker extends ExternalInteractorBase {
+    _delay;
+    _lastPosition;
     constructor(container) {
         super(container);
         this._delay = 0;
@@ -10,12 +13,12 @@ export class TrailMaker extends ExternalInteractorBase {
     }
     init() {
     }
-    interact(delta) {
-        const container = this.container, { interactivity } = container;
+    interact(interactivityData, delta) {
+        const container = this.container;
         if (!container.retina.reduceFactor) {
             return;
         }
-        const options = container.actualOptions, trailOptions = options.interactivity.modes.trail;
+        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
         if (!trailOptions) {
             return;
         }
@@ -27,10 +30,9 @@ export class TrailMaker extends ExternalInteractorBase {
             return;
         }
         const canEmit = !(trailOptions.pauseOnStop &&
-            (interactivity.mouse.position === this._lastPosition ||
-                (interactivity.mouse.position?.x === this._lastPosition?.x &&
-                    interactivity.mouse.position?.y === this._lastPosition?.y)));
-        const mousePos = container.interactivity.mouse.position;
+            (interactivityData.mouse.position === this._lastPosition ||
+                (interactivityData.mouse.position?.x === this._lastPosition?.x &&
+                    interactivityData.mouse.position?.y === this._lastPosition?.y))), mousePos = interactivityData.mouse.position;
         if (mousePos) {
             this._lastPosition = { ...mousePos };
         }
@@ -38,14 +40,15 @@ export class TrailMaker extends ExternalInteractorBase {
             delete this._lastPosition;
         }
         if (canEmit) {
-            container.particles.push(trailOptions.quantity, container.interactivity.mouse, trailOptions.particles);
+            container.particles.push(trailOptions.quantity, interactivityData.mouse.position, trailOptions.particles);
         }
         this._delay -= optDelay;
     }
-    isEnabled(particle) {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
-        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
-            (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode)));
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return (!!events &&
+            ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
+                (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode))));
     }
     loadModeOptions(options, ...sources) {
         options.trail ??= new Trail();

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("externalTrail", async (container) => {
+export async function loadExternalTrailInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("externalTrail", async (container) => {
             const { TrailMaker } = await import("./TrailMaker.js");
             return new TrailMaker(container);
         });

package/cjs/Options/Classes/Trail.js

@@ -1,5 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 export class Trail {
+    delay;
+    particles;
+    pauseOnStop;
+    quantity;
     constructor() {
         this.delay = 1;
         this.pauseOnStop = false;

package/cjs/TrailMaker.js

@@ -1,7 +1,10 @@
-import { ExternalInteractorBase, isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
 import { Trail } from "./Options/Classes/Trail.js";
 const trailMode = "trail";
 export class TrailMaker extends ExternalInteractorBase {
+    _delay;
+    _lastPosition;
     constructor(container) {
         super(container);
         this._delay = 0;
@@ -10,12 +13,12 @@ export class TrailMaker extends ExternalInteractorBase {
     }
     init() {
     }
-    interact(delta) {
-        const container = this.container, { interactivity } = container;
+    interact(interactivityData, delta) {
+        const container = this.container;
         if (!container.retina.reduceFactor) {
             return;
         }
-        const options = container.actualOptions, trailOptions = options.interactivity.modes.trail;
+        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
         if (!trailOptions) {
             return;
         }
@@ -27,10 +30,9 @@ export class TrailMaker extends ExternalInteractorBase {
             return;
         }
         const canEmit = !(trailOptions.pauseOnStop &&
-            (interactivity.mouse.position === this._lastPosition ||
-                (interactivity.mouse.position?.x === this._lastPosition?.x &&
-                    interactivity.mouse.position?.y === this._lastPosition?.y)));
-        const mousePos = container.interactivity.mouse.position;
+            (interactivityData.mouse.position === this._lastPosition ||
+                (interactivityData.mouse.position?.x === this._lastPosition?.x &&
+                    interactivityData.mouse.position?.y === this._lastPosition?.y))), mousePos = interactivityData.mouse.position;
         if (mousePos) {
             this._lastPosition = { ...mousePos };
         }
@@ -38,14 +40,15 @@ export class TrailMaker extends ExternalInteractorBase {
             delete this._lastPosition;
         }
         if (canEmit) {
-            container.particles.push(trailOptions.quantity, container.interactivity.mouse, trailOptions.particles);
+            container.particles.push(trailOptions.quantity, interactivityData.mouse.position, trailOptions.particles);
         }
         this._delay -= optDelay;
     }
-    isEnabled(particle) {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
-        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
-            (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode)));
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return (!!events &&
+            ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
+                (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode))));
     }
     loadModeOptions(options, ...sources) {
         options.trail ??= new Trail();

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("externalTrail", async (container) => {
+export async function loadExternalTrailInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("externalTrail", async (container) => {
             const { TrailMaker } = await import("./TrailMaker.js");
             return new TrailMaker(container);
         });

package/dist_browser_TrailMaker_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.2
+ * v4.0.0-alpha.20
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \************************************/
 (__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 */   TrailMaker: () => (/* binding */ TrailMaker)\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_Trail_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"./dist/browser/Options/Classes/Trail.js\");\n\n\nconst trailMode = \"trail\";\nclass TrailMaker extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this._delay = 0;\n  }\n  clear() {}\n  init() {}\n  interact(delta) {\n    const container = this.container,\n      {\n        interactivity\n      } = container;\n    if (!container.retina.reduceFactor) {\n      return;\n    }\n    const options = container.actualOptions,\n      trailOptions = options.interactivity.modes.trail;\n    if (!trailOptions) {\n      return;\n    }\n    const optDelay = trailOptions.delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / this.container.retina.reduceFactor;\n    if (this._delay < optDelay) {\n      this._delay += delta.value;\n    }\n    if (this._delay < optDelay) {\n      return;\n    }\n    const canEmit = !(trailOptions.pauseOnStop && (interactivity.mouse.position === this._lastPosition || interactivity.mouse.position?.x === this._lastPosition?.x && interactivity.mouse.position?.y === this._lastPosition?.y));\n    const mousePos = container.interactivity.mouse.position;\n    if (mousePos) {\n      this._lastPosition = {\n        ...mousePos\n      };\n    } else {\n      delete this._lastPosition;\n    }\n    if (canEmit) {\n      container.particles.push(trailOptions.quantity, container.interactivity.mouse, trailOptions.particles);\n    }\n    this._delay -= optDelay;\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    return mouse.clicking && mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(trailMode, events.onClick.mode) || mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(trailMode, events.onHover.mode);\n  }\n  loadModeOptions(options, ...sources) {\n    options.trail ??= new _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_1__.Trail();\n    for (const source of sources) {\n      options.trail.load(source?.trail);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-trail/./dist/browser/TrailMaker.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailMaker: () => (/* binding */ TrailMaker)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"./dist/browser/Options/Classes/Trail.js\");\n\n\n\nconst trailMode = \"trail\";\nclass TrailMaker extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    _delay;\n    _lastPosition;\n    constructor(container){\n        super(container);\n        this._delay = 0;\n    }\n    clear() {}\n    init() {}\n    interact(interactivityData, delta) {\n        const container = this.container;\n        if (!container.retina.reduceFactor) {\n            return;\n        }\n        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;\n        if (!trailOptions) {\n            return;\n        }\n        const optDelay = trailOptions.delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds / this.container.retina.reduceFactor;\n        if (this._delay < optDelay) {\n            this._delay += delta.value;\n        }\n        if (this._delay < optDelay) {\n            return;\n        }\n        const canEmit = !(trailOptions.pauseOnStop && (interactivityData.mouse.position === this._lastPosition || interactivityData.mouse.position?.x === this._lastPosition?.x && interactivityData.mouse.position?.y === this._lastPosition?.y)), mousePos = interactivityData.mouse.position;\n        if (mousePos) {\n            this._lastPosition = {\n                ...mousePos\n            };\n        } else {\n            delete this._lastPosition;\n        }\n        if (canEmit) {\n            container.particles.push(trailOptions.quantity, interactivityData.mouse.position, trailOptions.particles);\n        }\n        this._delay -= optDelay;\n    }\n    isEnabled(interactivityData, particle) {\n        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;\n        return !!events && (mouse.clicking && mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(trailMode, events.onClick.mode) || mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(trailMode, events.onHover.mode));\n    }\n    loadModeOptions(options, ...sources) {\n        options.trail ??= new _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_2__.Trail();\n        for (const source of sources){\n            options.trail.load(source?.trail);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-trail/./dist/browser/TrailMaker.js?\n}");
 
 /***/ }
 

package/esm/Options/Classes/Trail.js

@@ -1,5 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 export class Trail {
+    delay;
+    particles;
+    pauseOnStop;
+    quantity;
     constructor() {
         this.delay = 1;
         this.pauseOnStop = false;

package/esm/TrailMaker.js

@@ -1,7 +1,10 @@
-import { ExternalInteractorBase, isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray, millisecondsToSeconds, } from "@tsparticles/engine";
 import { Trail } from "./Options/Classes/Trail.js";
 const trailMode = "trail";
 export class TrailMaker extends ExternalInteractorBase {
+    _delay;
+    _lastPosition;
     constructor(container) {
         super(container);
         this._delay = 0;
@@ -10,12 +13,12 @@ export class TrailMaker extends ExternalInteractorBase {
     }
     init() {
     }
-    interact(delta) {
-        const container = this.container, { interactivity } = container;
+    interact(interactivityData, delta) {
+        const container = this.container;
         if (!container.retina.reduceFactor) {
             return;
         }
-        const options = container.actualOptions, trailOptions = options.interactivity.modes.trail;
+        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
         if (!trailOptions) {
             return;
         }
@@ -27,10 +30,9 @@ export class TrailMaker extends ExternalInteractorBase {
             return;
         }
         const canEmit = !(trailOptions.pauseOnStop &&
-            (interactivity.mouse.position === this._lastPosition ||
-                (interactivity.mouse.position?.x === this._lastPosition?.x &&
-                    interactivity.mouse.position?.y === this._lastPosition?.y)));
-        const mousePos = container.interactivity.mouse.position;
+            (interactivityData.mouse.position === this._lastPosition ||
+                (interactivityData.mouse.position?.x === this._lastPosition?.x &&
+                    interactivityData.mouse.position?.y === this._lastPosition?.y))), mousePos = interactivityData.mouse.position;
         if (mousePos) {
             this._lastPosition = { ...mousePos };
         }
@@ -38,14 +40,15 @@ export class TrailMaker extends ExternalInteractorBase {
             delete this._lastPosition;
         }
         if (canEmit) {
-            container.particles.push(trailOptions.quantity, container.interactivity.mouse, trailOptions.particles);
+            container.particles.push(trailOptions.quantity, interactivityData.mouse.position, trailOptions.particles);
         }
         this._delay -= optDelay;
     }
-    isEnabled(particle) {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
-        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
-            (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode)));
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return (!!events &&
+            ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(trailMode, events.onClick.mode)) ||
+                (mouse.inside && !!mouse.position && isInArray(trailMode, events.onHover.mode))));
     }
     loadModeOptions(options, ...sources) {
         options.trail ??= new Trail();

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("externalTrail", async (container) => {
+export async function loadExternalTrailInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("externalTrail", async (container) => {
             const { TrailMaker } = await import("./TrailMaker.js");
             return new TrailMaker(container);
         });

package/package.json

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