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

package/tsparticles.interaction.external.trail.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,8 +91,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Trail": () => (/* reexport */ Trail),
-  "loadExternalTrailInteraction": () => (/* binding */ loadExternalTrailInteraction)
+  Trail: () => (/* reexport */ Trail),
+  loadExternalTrailInteraction: () => (/* binding */ loadExternalTrailInteraction)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -134,12 +134,14 @@ class TrailMaker extends engine_root_window_.ExternalInteractorBase {
   clear() {}
   init() {}
   async interact(delta) {
-    var _a, _b, _c, _d;
-    if (!this.container.retina.reduceFactor) {
+    const container = this.container,
+      {
+        interactivity
+      } = container;
+    if (!container.retina.reduceFactor) {
       return;
     }
-    const container = this.container,
-      options = container.actualOptions,
+    const options = container.actualOptions,
       trailOptions = options.interactivity.modes.trail;
     if (!trailOptions) {
       return;
@@ -151,16 +153,11 @@ class TrailMaker extends engine_root_window_.ExternalInteractorBase {
     if (this._delay < optDelay) {
       return;
     }
-    let canEmit = true;
-    if (trailOptions.pauseOnStop) {
-      if (container.interactivity.mouse.position === this._lastPosition || ((_a = container.interactivity.mouse.position) === null || _a === void 0 ? void 0 : _a.x) === ((_b = this._lastPosition) === null || _b === void 0 ? void 0 : _b.x) && ((_c = container.interactivity.mouse.position) === null || _c === void 0 ? void 0 : _c.y) === ((_d = this._lastPosition) === null || _d === void 0 ? void 0 : _d.y)) {
-        canEmit = false;
-      }
-    }
-    if (container.interactivity.mouse.position) {
+    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;
+    if (mousePos) {
       this._lastPosition = {
-        x: container.interactivity.mouse.position.x,
-        y: container.interactivity.mouse.position.y
+        ...mousePos
       };
     } else {
       delete this._lastPosition;
@@ -171,11 +168,10 @@ class TrailMaker extends engine_root_window_.ExternalInteractorBase {
     this._delay -= optDelay;
   }
   isEnabled(particle) {
-    var _a;
     const container = this.container,
       options = container.actualOptions,
       mouse = container.interactivity.mouse,
-      events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : options.interactivity).events;
+      events = (particle?.interactivity ?? options.interactivity).events;
     return mouse.clicking && mouse.inside && !!mouse.position && (0,engine_root_window_.isInArray)("trail", events.onClick.mode) || mouse.inside && !!mouse.position && (0,engine_root_window_.isInArray)("trail", events.onHover.mode);
   }
   loadModeOptions(options, ...sources) {
@@ -183,15 +179,15 @@ class TrailMaker extends engine_root_window_.ExternalInteractorBase {
       options.trail = new Trail();
     }
     for (const source of sources) {
-      options.trail.load(source === null || source === void 0 ? void 0 : source.trail);
+      options.trail.load(source?.trail);
     }
   }
   reset() {}
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadExternalTrailInteraction(engine) {
-  await engine.addInteractor("externalTrail", container => new TrailMaker(container));
+async function loadExternalTrailInteraction(engine, refresh = true) {
+  await engine.addInteractor("externalTrail", container => new TrailMaker(container), refresh);
 }
 
 

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

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.interaction.external.trail.min.js.LICENSE.txt */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var e="object"==typeof exports?i(require("@tsparticles/engine")):i(t.window);for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(this,(t=>(()=>{"use strict";var i={533:i=>{i.exports=t}},e={};function o(t){var n=e[t];if(void 0!==n)return n.exports;var r=e[t]={exports:{}};return i[t](r,r.exports,o),r.exports}o.d=(t,i)=>{for(var e in i)o.o(i,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:i[e]})},o.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{Trail:()=>i,loadExternalTrailInteraction:()=>r});var t=o(533);class i{constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1}load(i){i&&(void 0!==i.delay&&(this.delay=i.delay),void 0!==i.quantity&&(this.quantity=i.quantity),void 0!==i.particles&&(this.particles=(0,t.deepExtend)({},i.particles)),void 0!==i.pauseOnStop&&(this.pauseOnStop=i.pauseOnStop))}}class e extends t.ExternalInteractorBase{constructor(t){super(t),this._delay=0}clear(){}init(){}async interact(t){var i,e,o,n;if(!this.container.retina.reduceFactor)return;const r=this.container,a=r.actualOptions.interactivity.modes.trail;if(!a)return;const s=1e3*a.delay/this.container.retina.reduceFactor;if(this._delay<s&&(this._delay+=t.value),this._delay<s)return;let l=!0;a.pauseOnStop&&(r.interactivity.mouse.position===this._lastPosition||(null===(i=r.interactivity.mouse.position)||void 0===i?void 0:i.x)===(null===(e=this._lastPosition)||void 0===e?void 0:e.x)&&(null===(o=r.interactivity.mouse.position)||void 0===o?void 0:o.y)===(null===(n=this._lastPosition)||void 0===n?void 0:n.y))&&(l=!1),r.interactivity.mouse.position?this._lastPosition={x:r.interactivity.mouse.position.x,y:r.interactivity.mouse.position.y}:delete this._lastPosition,l&&r.particles.push(a.quantity,r.interactivity.mouse,a.particles),this._delay-=s}isEnabled(i){var e;const o=this.container,n=o.actualOptions,r=o.interactivity.mouse,a=(null!==(e=null==i?void 0:i.interactivity)&&void 0!==e?e:n.interactivity).events;return r.clicking&&r.inside&&!!r.position&&(0,t.isInArray)("trail",a.onClick.mode)||r.inside&&!!r.position&&(0,t.isInArray)("trail",a.onHover.mode)}loadModeOptions(t,...e){t.trail||(t.trail=new i);for(const i of e)t.trail.load(null==i?void 0:i.trail)}reset(){}}async function r(t){await t.addInteractor("externalTrail",(t=>new e(t)))}})(),n})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var i="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},i={};function o(t){var r=i[t];if(void 0!==r)return r.exports;var n=i[t]={exports:{}};return e[t](n,n.exports,o),n.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{Trail:()=>e,loadExternalTrailInteraction:()=>n});var t=o(533);class e{constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1}load(e){e&&(void 0!==e.delay&&(this.delay=e.delay),void 0!==e.quantity&&(this.quantity=e.quantity),void 0!==e.particles&&(this.particles=(0,t.deepExtend)({},e.particles)),void 0!==e.pauseOnStop&&(this.pauseOnStop=e.pauseOnStop))}}class i extends t.ExternalInteractorBase{constructor(t){super(t),this._delay=0}clear(){}init(){}async interact(t){const e=this.container,{interactivity:i}=e;if(!e.retina.reduceFactor)return;const o=e.actualOptions.interactivity.modes.trail;if(!o)return;const r=1e3*o.delay/this.container.retina.reduceFactor;if(this._delay<r&&(this._delay+=t.value),this._delay<r)return;const n=!(o.pauseOnStop&&(i.mouse.position===this._lastPosition||i.mouse.position?.x===this._lastPosition?.x&&i.mouse.position?.y===this._lastPosition?.y)),s=e.interactivity.mouse.position;s?this._lastPosition={...s}:delete this._lastPosition,n&&e.particles.push(o.quantity,e.interactivity.mouse,o.particles),this._delay-=r}isEnabled(e){const i=this.container,o=i.actualOptions,r=i.interactivity.mouse,n=(e?.interactivity??o.interactivity).events;return r.clicking&&r.inside&&!!r.position&&(0,t.isInArray)("trail",n.onClick.mode)||r.inside&&!!r.position&&(0,t.isInArray)("trail",n.onHover.mode)}loadModeOptions(t,...i){t.trail||(t.trail=new e);for(const e of i)t.trail.load(e?.trail)}reset(){}}async function n(t,e=!0){await t.addInteractor("externalTrail",(t=>new i(t)),e)}})(),r})()));

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

@@ -1,8 +1 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
- */
+/*! tsParticles Trail External Interaction v3.0.0-beta.1 by Matteo Bruni */

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

@@ -1,5 +1,5 @@
-import type { IOptionLoader, IParticlesOptions, RecursivePartial } from "@tsparticles/engine";
-import type { ITrail } from "../Interfaces/ITrail";
+import { type IOptionLoader, type IParticlesOptions, type RecursivePartial } from "@tsparticles/engine";
+import type { ITrail } from "../Interfaces/ITrail.js";
 export declare class Trail implements ITrail, IOptionLoader<ITrail> {
     delay: number;
     particles?: RecursivePartial<IParticlesOptions>;

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

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

package/types/TrailMaker.d.ts

@@ -1,6 +1,5 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
-import type { IDelta, IModes, Modes, Particle, RecursivePartial } from "@tsparticles/engine";
-import type { ITrailMode, TrailContainer, TrailMode } from "./Types";
+import { ExternalInteractorBase, type IDelta, type IModes, type Modes, type Particle, type RecursivePartial } from "@tsparticles/engine";
+import type { ITrailMode, TrailContainer, TrailMode } from "./Types.js";
 export declare class TrailMaker extends ExternalInteractorBase<TrailContainer> {
     private _delay;
     private _lastPosition?;

package/types/Types.d.ts

@@ -1,7 +1,7 @@
 import type { Container } from "@tsparticles/engine";
-import type { ITrail } from "./Options/Interfaces/ITrail";
-import type { Trail } from "./Options/Classes/Trail";
-import type { TrailOptions } from "./Options/Classes/TrailOptions";
+import type { ITrail } from "./Options/Interfaces/ITrail.js";
+import type { Trail } from "./Options/Classes/Trail.js";
+import type { TrailOptions } from "./Options/Classes/TrailOptions.js";
 export type ITrailMode = {
     trail: ITrail;
 };

package/types/index.d.ts

@@ -1,4 +1,4 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadExternalTrailInteraction(engine: Engine): Promise<void>;
-export * from "./Options/Classes/Trail";
-export * from "./Options/Interfaces/ITrail";
+export declare function loadExternalTrailInteraction(engine: Engine, refresh?: boolean): Promise<void>;
+export * from "./Options/Classes/Trail.js";
+export * from "./Options/Interfaces/ITrail.js";

package/umd/TrailMaker.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Trail"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Trail.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TrailMaker = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const Trail_1 = require("./Options/Classes/Trail");
+    const Trail_js_1 = require("./Options/Classes/Trail.js");
     class TrailMaker extends engine_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
@@ -22,11 +22,11 @@
         init() {
         }
         async interact(delta) {
-            var _a, _b, _c, _d;
-            if (!this.container.retina.reduceFactor) {
+            const container = this.container, { interactivity } = container;
+            if (!container.retina.reduceFactor) {
                 return;
             }
-            const container = this.container, options = container.actualOptions, trailOptions = options.interactivity.modes.trail;
+            const options = container.actualOptions, trailOptions = options.interactivity.modes.trail;
             if (!trailOptions) {
                 return;
             }
@@ -37,19 +37,13 @@
             if (this._delay < optDelay) {
                 return;
             }
-            let canEmit = true;
-            if (trailOptions.pauseOnStop) {
-                if (container.interactivity.mouse.position === this._lastPosition ||
-                    (((_a = container.interactivity.mouse.position) === null || _a === void 0 ? void 0 : _a.x) === ((_b = this._lastPosition) === null || _b === void 0 ? void 0 : _b.x) &&
-                        ((_c = container.interactivity.mouse.position) === null || _c === void 0 ? void 0 : _c.y) === ((_d = this._lastPosition) === null || _d === void 0 ? void 0 : _d.y))) {
-                    canEmit = false;
-                }
-            }
-            if (container.interactivity.mouse.position) {
-                this._lastPosition = {
-                    x: container.interactivity.mouse.position.x,
-                    y: container.interactivity.mouse.position.y,
-                };
+            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;
+            if (mousePos) {
+                this._lastPosition = { ...mousePos };
             }
             else {
                 delete this._lastPosition;
@@ -60,17 +54,16 @@
             this._delay -= optDelay;
         }
         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;
+            const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
             return ((mouse.clicking && mouse.inside && !!mouse.position && (0, engine_1.isInArray)("trail", events.onClick.mode)) ||
                 (mouse.inside && !!mouse.position && (0, engine_1.isInArray)("trail", events.onHover.mode)));
         }
         loadModeOptions(options, ...sources) {
             if (!options.trail) {
-                options.trail = new Trail_1.Trail();
+                options.trail = new Trail_js_1.Trail();
             }
             for (const source of sources) {
-                options.trail.load(source === null || source === void 0 ? void 0 : source.trail);
+                options.trail.load(source?.trail);
             }
         }
         reset() {

package/umd/index.js

@@ -18,17 +18,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./TrailMaker", "./Options/Classes/Trail", "./Options/Interfaces/ITrail"], factory);
+        define(["require", "exports", "./TrailMaker.js", "./Options/Classes/Trail.js", "./Options/Interfaces/ITrail.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadExternalTrailInteraction = void 0;
-    const TrailMaker_1 = require("./TrailMaker");
-    async function loadExternalTrailInteraction(engine) {
-        await engine.addInteractor("externalTrail", (container) => new TrailMaker_1.TrailMaker(container));
+    const TrailMaker_js_1 = require("./TrailMaker.js");
+    async function loadExternalTrailInteraction(engine, refresh = true) {
+        await engine.addInteractor("externalTrail", (container) => new TrailMaker_js_1.TrailMaker(container), refresh);
     }
     exports.loadExternalTrailInteraction = loadExternalTrailInteraction;
-    __exportStar(require("./Options/Classes/Trail"), exports);
-    __exportStar(require("./Options/Interfaces/ITrail"), exports);
+    __exportStar(require("./Options/Classes/Trail.js"), exports);
+    __exportStar(require("./Options/Interfaces/ITrail.js"), exports);
 });