@tsparticles/interaction-external-trail 4.0.0-beta.1 → 4.0.0-beta.10

package/704.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).push([[704],{704(t,i,e){e.d(i,{TrailMaker:()=>r});var a=e(303),s=e(702),l=e(398);let n="trail";class r extends s.ExternalInteractorBase{maxDistance=0;_delay;_lastPosition;_pluginManager;constructor(t,i){super(i),this._pluginManager=t,this._delay=0}clear(){}init(){}interact(t,i){let e=this.container;if(!e.retina.reduceFactor)return;let s=e.actualOptions,l=s.interactivity?.modes.trail;if(!l)return;let n=l.delay*a.millisecondsToSeconds/this.container.retina.reduceFactor;if(this._delay<n&&(this._delay+=i.value),this._delay<n)return;let r=t.mouse.position,o=!(l.pauseOnStop&&(r===this._lastPosition||r?.x===this._lastPosition?.x&&r?.y===this._lastPosition?.y));if(r?this._lastPosition={...r}:delete this._lastPosition,o&&r){let t=l.particles,i=l.colorCoords;if(i){let{width:s,height:n}=e.canvas.size,o={x:r.x/s,y:r.y/n},c=(t,i,e)=>{if(!(t?.weights?.x??t?.weights?.y))return;let s=t?.weights,l=o.x*(s?.x??0)+o.y*(s?.y??0),n=t?.value??i,r=(0,a.getRangeMin)(n??0),c=(0,a.getRangeMax)(n??e);return Math.min(c,Math.max(r,r+l*(c-r)))},d=l.particles?.paint?(0,a.itemFromSingleOrMultiple)(l.particles.paint):void 0,h=d?.fill,p=h?(0,a.rangeColorToHsl)(this._pluginManager,a.AnimatableColor.create(void 0,h.color)):void 0,u=c(i.h,p?.h,a.hMax),_=c(i.s,p?.s,a.sMax),y=c(i.l,p?.l,a.lMax);(void 0!==u||void 0!==_||void 0!==y)&&(t=(0,a.deepExtend)({},l.particles,{paint:{fill:{color:{value:{h:u??p?.h,s:_??p?.s,l:y??p?.l}}}}}))}e.particles.push(l.quantity,r,t)}this._delay-=n}isEnabled(t,i){let e=this.container.actualOptions,s=t.mouse,l=(i?.interactivity??e.interactivity)?.events;return!!l&&(s.clicking&&s.inside&&!!s.position&&(0,a.isInArray)(n,l.onClick.mode)||s.inside&&!!s.position&&(0,a.isInArray)(n,l.onHover.mode))}loadModeOptions(t,...i){for(let e of(t.trail??=new l.X,i))t.trail.load(e?.trail)}reset(){}}}}]);

package/README.md

@@ -9,6 +9,12 @@
 [tsParticles](https://github.com/tsparticles/tsparticles) interaction plugin for trail effect around mouse or HTML
 elements.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -79,3 +85,35 @@ import { loadExternalTrailInteraction } from "@tsparticles/interaction-external-
   await loadExternalTrailInteraction(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Event mode key: `interactivity.events.onHover.mode` or `interactivity.events.onClick.mode` with value `"trail"`
+- Mode options key: `interactivity.modes.trail`
+
+```json
+{
+  "interactivity": {
+    "events": {
+      "onHover": {
+        "enable": true,
+        "mode": "trail"
+      }
+    },
+    "modes": {
+      "trail": {}
+    }
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadInteractivityPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/TrailMaker.js

@@ -52,16 +52,22 @@ export class TrailMaker extends ExternalInteractorBase {
                         return undefined;
                     const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = getRangeMin(rangeSource ?? defaultMin), max = getRangeMax(rangeSource ?? defaultMax), result = min + factor * (max - min);
                     return Math.min(max, Math.max(min, result));
-                }, fillData = trailOptions.particles?.fill ? itemFromSingleOrMultiple(trailOptions.particles.fill) : undefined, baseHsl = fillData
+                }, trailPaintOptions = trailOptions.particles?.paint
+                    ? itemFromSingleOrMultiple(trailOptions.particles.paint)
+                    : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
                     ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
                     : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
                 if (h !== undefined || s !== undefined || l !== undefined) {
                     particleOptions = deepExtend({}, trailOptions.particles, {
-                        color: {
-                            value: {
-                                h: h ?? baseHsl?.h,
-                                s: s ?? baseHsl?.s,
-                                l: l ?? baseHsl?.l,
+                        paint: {
+                            fill: {
+                                color: {
+                                    value: {
+                                        h: h ?? baseHsl?.h,
+                                        s: s ?? baseHsl?.s,
+                                        l: l ?? baseHsl?.l,
+                                    },
+                                },
                             },
                         },
                     });

package/browser/index.js

@@ -1,5 +1,5 @@
 export async function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
         ensureInteractivityPluginLoaded(e);

package/cjs/TrailMaker.js

@@ -52,16 +52,22 @@ export class TrailMaker extends ExternalInteractorBase {
                         return undefined;
                     const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = getRangeMin(rangeSource ?? defaultMin), max = getRangeMax(rangeSource ?? defaultMax), result = min + factor * (max - min);
                     return Math.min(max, Math.max(min, result));
-                }, fillData = trailOptions.particles?.fill ? itemFromSingleOrMultiple(trailOptions.particles.fill) : undefined, baseHsl = fillData
+                }, trailPaintOptions = trailOptions.particles?.paint
+                    ? itemFromSingleOrMultiple(trailOptions.particles.paint)
+                    : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
                     ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
                     : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
                 if (h !== undefined || s !== undefined || l !== undefined) {
                     particleOptions = deepExtend({}, trailOptions.particles, {
-                        color: {
-                            value: {
-                                h: h ?? baseHsl?.h,
-                                s: s ?? baseHsl?.s,
-                                l: l ?? baseHsl?.l,
+                        paint: {
+                            fill: {
+                                color: {
+                                    value: {
+                                        h: h ?? baseHsl?.h,
+                                        s: s ?? baseHsl?.s,
+                                        l: l ?? baseHsl?.l,
+                                    },
+                                },
                             },
                         },
                     });

package/cjs/index.js

@@ -1,5 +1,5 @@
 export async function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
         ensureInteractivityPluginLoaded(e);

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-beta.1
+ * v4.0.0-beta.10
  */
 "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 _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\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\", defaultMin = 0, defaultWeight = 0;\nclass TrailMaker extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase {\n    maxDistance = 0;\n    _delay;\n    _lastPosition;\n    _pluginManager;\n    constructor(pluginManager, container){\n        super(container);\n        this._pluginManager = pluginManager;\n        this._delay = 0;\n    }\n    clear() {}\n    init() {}\n    interact(interactivityData, delta) {\n        const container = this.container;\n        if (!container.retina.reduceFactor) return;\n        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;\n        if (!trailOptions) return;\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) return;\n        const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop && (mousePos === this._lastPosition || mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y));\n        if (mousePos) {\n            this._lastPosition = {\n                ...mousePos\n            };\n        } else {\n            delete this._lastPosition;\n        }\n        if (canEmit && mousePos) {\n            let particleOptions = trailOptions.particles;\n            const colorCoords = trailOptions.colorCoords;\n            if (colorCoords) {\n                const { width, height } = container.canvas.size, norm = {\n                    x: mousePos.x / width,\n                    y: mousePos.y / height\n                }, hasWeights = (comp)=>{\n                    return !!(comp?.weights?.x ?? comp?.weights?.y);\n                }, calculateValue = (comp, originalValue, defaultMax)=>{\n                    if (!hasWeights(comp)) return undefined;\n                    const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(rangeSource ?? defaultMin), max = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(rangeSource ?? defaultMax), result = min + factor * (max - min);\n                    return Math.min(max, Math.max(min, result));\n                }, fillData = trailOptions.particles?.fill ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(trailOptions.particles.fill) : undefined, baseHsl = fillData ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, fillData.color)) : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hMax), s = calculateValue(colorCoords.s, baseHsl?.s, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.sMax), l = calculateValue(colorCoords.l, baseHsl?.l, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lMax);\n                if (h !== undefined || s !== undefined || l !== undefined) {\n                    particleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, trailOptions.particles, {\n                        color: {\n                            value: {\n                                h: h ?? baseHsl?.h,\n                                s: s ?? baseHsl?.s,\n                                l: l ?? baseHsl?.l\n                            }\n                        }\n                    });\n                }\n            }\n            container.particles.push(trailOptions.quantity, mousePos, particleOptions);\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_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_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}");
+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 _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\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\", defaultMin = 0, defaultWeight = 0;\nclass TrailMaker extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase {\n    maxDistance = 0;\n    _delay;\n    _lastPosition;\n    _pluginManager;\n    constructor(pluginManager, container){\n        super(container);\n        this._pluginManager = pluginManager;\n        this._delay = 0;\n    }\n    clear() {}\n    init() {}\n    interact(interactivityData, delta) {\n        const container = this.container;\n        if (!container.retina.reduceFactor) return;\n        const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;\n        if (!trailOptions) return;\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) return;\n        const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop && (mousePos === this._lastPosition || mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y));\n        if (mousePos) {\n            this._lastPosition = {\n                ...mousePos\n            };\n        } else {\n            delete this._lastPosition;\n        }\n        if (canEmit && mousePos) {\n            let particleOptions = trailOptions.particles;\n            const colorCoords = trailOptions.colorCoords;\n            if (colorCoords) {\n                const { width, height } = container.canvas.size, norm = {\n                    x: mousePos.x / width,\n                    y: mousePos.y / height\n                }, hasWeights = (comp)=>{\n                    return !!(comp?.weights?.x ?? comp?.weights?.y);\n                }, calculateValue = (comp, originalValue, defaultMax)=>{\n                    if (!hasWeights(comp)) return undefined;\n                    const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(rangeSource ?? defaultMin), max = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(rangeSource ?? defaultMax), result = min + factor * (max - min);\n                    return Math.min(max, Math.max(min, result));\n                }, trailPaintOptions = trailOptions.particles?.paint ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(trailOptions.particles.paint) : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, fillData.color)) : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hMax), s = calculateValue(colorCoords.s, baseHsl?.s, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.sMax), l = calculateValue(colorCoords.l, baseHsl?.l, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lMax);\n                if (h !== undefined || s !== undefined || l !== undefined) {\n                    particleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, trailOptions.particles, {\n                        paint: {\n                            fill: {\n                                color: {\n                                    value: {\n                                        h: h ?? baseHsl?.h,\n                                        s: s ?? baseHsl?.s,\n                                        l: l ?? baseHsl?.l\n                                    }\n                                }\n                            }\n                        }\n                    });\n                }\n            }\n            container.particles.push(trailOptions.quantity, mousePos, particleOptions);\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_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_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/TrailMaker.js

@@ -52,16 +52,22 @@ export class TrailMaker extends ExternalInteractorBase {
                         return undefined;
                     const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = getRangeMin(rangeSource ?? defaultMin), max = getRangeMax(rangeSource ?? defaultMax), result = min + factor * (max - min);
                     return Math.min(max, Math.max(min, result));
-                }, fillData = trailOptions.particles?.fill ? itemFromSingleOrMultiple(trailOptions.particles.fill) : undefined, baseHsl = fillData
+                }, trailPaintOptions = trailOptions.particles?.paint
+                    ? itemFromSingleOrMultiple(trailOptions.particles.paint)
+                    : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
                     ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
                     : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
                 if (h !== undefined || s !== undefined || l !== undefined) {
                     particleOptions = deepExtend({}, trailOptions.particles, {
-                        color: {
-                            value: {
-                                h: h ?? baseHsl?.h,
-                                s: s ?? baseHsl?.s,
-                                l: l ?? baseHsl?.l,
+                        paint: {
+                            fill: {
+                                color: {
+                                    value: {
+                                        h: h ?? baseHsl?.h,
+                                        s: s ?? baseHsl?.s,
+                                        l: l ?? baseHsl?.l,
+                                    },
+                                },
                             },
                         },
                     });

package/esm/index.js

@@ -1,5 +1,5 @@
 export async function loadExternalTrailInteraction(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
         ensureInteractivityPluginLoaded(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-trail",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles trail external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -81,17 +81,20 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
+  "peerDepdendencies": {
     "@tsparticles/engine": "4.0.0-beta.1",
     "@tsparticles/plugin-interactivity": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "type": "module"
+  "type": "module",
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/plugin-interactivity": "4.0.0-beta.10"
+  }
 }

package/report.html

@@ -3,7 +3,7 @@
       <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>@tsparticles/interaction-external-trail [31 Mar 2026 at 08:47]</title>
+        <title>@tsparticles/interaction-external-trail [8 Apr 2026 at 15:55]</title>
         <link
           rel="shortcut icon"
           href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII="

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
- * v4.0.0-beta.1
+ * v4.0.0-beta.10
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -94,7 +94,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   Trail: () => (/* reexport safe */ _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__.Trail),\n/* harmony export */   loadExternalTrailInteraction: () => (/* binding */ loadExternalTrailInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"./dist/browser/Options/Classes/Trail.js\");\nasync function loadExternalTrailInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalTrail\", async (container)=>{\n            const { TrailMaker } = await __webpack_require__.e(/*! import() */ \"dist_browser_TrailMaker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailMaker.js */ \"./dist/browser/TrailMaker.js\"));\n            return new TrailMaker(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-trail/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Trail: () => (/* reexport safe */ _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__.Trail),\n/* harmony export */   loadExternalTrailInteraction: () => (/* binding */ loadExternalTrailInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"./dist/browser/Options/Classes/Trail.js\");\nasync function loadExternalTrailInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalTrail\", async (container)=>{\n            const { TrailMaker } = await __webpack_require__.e(/*! import() */ \"dist_browser_TrailMaker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailMaker.js */ \"./dist/browser/TrailMaker.js\"));\n            return new TrailMaker(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-trail/./dist/browser/index.js?\n}");
 
 /***/ }
 

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

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,o,n={303(t){t.exports=e},702(e){e.exports=t},452(e,t,r){r.d(t,{X:()=>s});var i=r(303);class o{x;y;constructor(){this.x=0,this.y=0}load(e){e&&(void 0!==e.x&&(this.x=e.x),void 0!==e.y&&(this.y=e.y))}}class n{value;weights;constructor(){this.weights=new o}load(e){e&&(e.weights&&(this.weights??=new o,this.weights.load(e.weights)),(0,i.isNull)(e.value)||(this.value=(0,i.setRangeValue)(e.value)))}}class a{h;l;s;constructor(){this.h=new n,this.s=new n,this.l=new n}load(e){e&&(e.h&&(this.h??=new n,this.h.load(e.h)),e.s&&(this.s??=new n,this.s.load(e.s)),e.l&&(this.l??=new n,this.l.load(e.l)))}}class s{colorCoords;delay;particles;pauseOnStop;quantity;constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1,this.colorCoords=new a}load(e){!(0,i.isNull)(e)&&(void 0!==e.delay&&(this.delay=e.delay),void 0!==e.quantity&&(this.quantity=e.quantity),void 0!==e.pauseOnStop&&(this.pauseOnStop=e.pauseOnStop),void 0!==e.particles&&(this.particles=(0,i.deepExtend)({},e.particles)),e.colorCoords&&(this.colorCoords??=new a,this.colorCoords.load(e.colorCoords)))}}}},a={};function s(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.m=n,c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);s.r(r);var i={};l=l||[null,c({}),c([]),c(c)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~l.indexOf(o);o=c(o))Object.getOwnPropertyNames(o).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,s.d(r,i),r},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,r)=>(s.f[r](e,t),t),[])),s.u=e=>""+e+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},s.l=(e,t,r,i)=>{if(u[e])return void u[e].push(t);if(void 0!==r)for(var o,n,a=document.getElementsByTagName("script"),l=0;l<a.length;l++){var c=a[l];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/interaction-external-trail:"+r){o=c;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",s.nc&&o.setAttribute("nonce",s.nc),o.setAttribute("data-webpack","@tsparticles/interaction-external-trail:"+r),o.src=e),u[e]=[t];var p=(t,r)=>{o.onerror=o.onload=null,clearTimeout(d);var i=u[e];if(delete u[e],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=p.bind(null,o.onerror),o.onload=p.bind(null,o.onload),n&&document.head.appendChild(o)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.g.importScripts&&(p=s.g.location+"");var l,c,u,p,d=s.g.document;if(!p&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(p=d.currentScript.src),!p)){var h=d.getElementsByTagName("script");if(h.length)for(var f=h.length-1;f>-1&&(!p||!/^http(s?):/.test(p));)p=h[f--].src}if(!p)throw Error("Automatic publicPath is not supported in this browser");s.p=p=p.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={54:0},s.f.j=(e,t)=>{var i=s.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise((t,o)=>i=r[e]=[t,o]);t.push(i[2]=o);var n=s.p+s.u(e),a=Error();s.l(n,t=>{if(s.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
-(`+o+": "+n+")",a.name="ChunkLoadError",a.type=o,a.request=n,i[1](a)}},"chunk-"+e,e)}},i=(e,t)=>{var i,o,[n,a,l]=t,c=0;if(n.some(e=>0!==r[e])){for(i in a)s.o(a,i)&&(s.m[i]=a[i]);l&&l(s)}for(e&&e(t);c<n.length;c++)o=n[c],s.o(r,o)&&r[o]&&r[o][0](),r[o]=0},(o=this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).forEach(i.bind(null,0)),o.push=i.bind(null,o.push.bind(o));var y={};s.r(y),s.d(y,{Trail:()=>g.X,loadExternalTrailInteraction:()=>v});var g=s(452);async function v(e){e.checkVersion("4.0.0-beta.1"),await e.pluginManager.register(async e=>{let{ensureInteractivityPluginLoaded:t}=await Promise.resolve().then(s.t.bind(s,702,19));t(e),e.pluginManager.addInteractor?.("externalTrail",async t=>{let{TrailMaker:r}=await s.e(771).then(s.bind(s,771));return new r(e.pluginManager,t)})})}return y})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,o,n={303(t){t.exports=e},702(e){e.exports=t},398(e,t,r){r.d(t,{X:()=>s});var i=r(303);class o{x;y;constructor(){this.x=0,this.y=0}load(e){e&&(void 0!==e.x&&(this.x=e.x),void 0!==e.y&&(this.y=e.y))}}class n{value;weights;constructor(){this.weights=new o}load(e){e&&(e.weights&&(this.weights??=new o,this.weights.load(e.weights)),(0,i.isNull)(e.value)||(this.value=(0,i.setRangeValue)(e.value)))}}class a{h;l;s;constructor(){this.h=new n,this.s=new n,this.l=new n}load(e){e&&(e.h&&(this.h??=new n,this.h.load(e.h)),e.s&&(this.s??=new n,this.s.load(e.s)),e.l&&(this.l??=new n,this.l.load(e.l)))}}class s{colorCoords;delay;particles;pauseOnStop;quantity;constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1,this.colorCoords=new a}load(e){!(0,i.isNull)(e)&&(void 0!==e.delay&&(this.delay=e.delay),void 0!==e.quantity&&(this.quantity=e.quantity),void 0!==e.pauseOnStop&&(this.pauseOnStop=e.pauseOnStop),void 0!==e.particles&&(this.particles=(0,i.deepExtend)({},e.particles)),e.colorCoords&&(this.colorCoords??=new a,this.colorCoords.load(e.colorCoords)))}}}},a={};function s(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.m=n,c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);s.r(r);var i={};l=l||[null,c({}),c([]),c(c)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~l.indexOf(o);o=c(o))Object.getOwnPropertyNames(o).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,s.d(r,i),r},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,r)=>(s.f[r](e,t),t),[])),s.u=e=>""+e+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},s.l=(e,t,r,i)=>{if(u[e])return void u[e].push(t);if(void 0!==r)for(var o,n,a=document.getElementsByTagName("script"),l=0;l<a.length;l++){var c=a[l];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/interaction-external-trail:"+r){o=c;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",s.nc&&o.setAttribute("nonce",s.nc),o.setAttribute("data-webpack","@tsparticles/interaction-external-trail:"+r),o.src=e),u[e]=[t];var p=(t,r)=>{o.onerror=o.onload=null,clearTimeout(d);var i=u[e];if(delete u[e],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=p.bind(null,o.onerror),o.onload=p.bind(null,o.onload),n&&document.head.appendChild(o)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.g.importScripts&&(p=s.g.location+"");var l,c,u,p,d=s.g.document;if(!p&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(p=d.currentScript.src),!p)){var h=d.getElementsByTagName("script");if(h.length)for(var f=h.length-1;f>-1&&(!p||!/^http(s?):/.test(p));)p=h[f--].src}if(!p)throw Error("Automatic publicPath is not supported in this browser");s.p=p=p.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={54:0},s.f.j=(e,t)=>{var i=s.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise((t,o)=>i=r[e]=[t,o]);t.push(i[2]=o);var n=s.p+s.u(e),a=Error();s.l(n,t=>{if(s.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
+(`+o+": "+n+")",a.name="ChunkLoadError",a.type=o,a.request=n,i[1](a)}},"chunk-"+e,e)}},i=(e,t)=>{var i,o,[n,a,l]=t,c=0;if(n.some(e=>0!==r[e])){for(i in a)s.o(a,i)&&(s.m[i]=a[i]);l&&l(s)}for(e&&e(t);c<n.length;c++)o=n[c],s.o(r,o)&&r[o]&&r[o][0](),r[o]=0},(o=this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).forEach(i.bind(null,0)),o.push=i.bind(null,o.push.bind(o));var y={};s.r(y),s.d(y,{Trail:()=>g.X,loadExternalTrailInteraction:()=>v});var g=s(398);async function v(e){e.checkVersion("4.0.0-beta.10"),await e.pluginManager.register(async e=>{let{ensureInteractivityPluginLoaded:t}=await Promise.resolve().then(s.t.bind(s,702,19));t(e),e.pluginManager.addInteractor?.("externalTrail",async t=>{let{TrailMaker:r}=await s.e(704).then(s.bind(s,704));return new r(e.pluginManager,t)})})}return y})());

package/771.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).push([[771],{771(t,i,e){e.d(i,{TrailMaker:()=>n});var a=e(303),s=e(702),l=e(452);let r="trail";class n extends s.ExternalInteractorBase{maxDistance=0;_delay;_lastPosition;_pluginManager;constructor(t,i){super(i),this._pluginManager=t,this._delay=0}clear(){}init(){}interact(t,i){let e=this.container;if(!e.retina.reduceFactor)return;let s=e.actualOptions,l=s.interactivity?.modes.trail;if(!l)return;let r=l.delay*a.millisecondsToSeconds/this.container.retina.reduceFactor;if(this._delay<r&&(this._delay+=i.value),this._delay<r)return;let n=t.mouse.position,o=!(l.pauseOnStop&&(n===this._lastPosition||n?.x===this._lastPosition?.x&&n?.y===this._lastPosition?.y));if(n?this._lastPosition={...n}:delete this._lastPosition,o&&n){let t=l.particles,i=l.colorCoords;if(i){let{width:s,height:r}=e.canvas.size,o={x:n.x/s,y:n.y/r},c=(t,i,e)=>{if(!(t?.weights?.x??t?.weights?.y))return;let s=t?.weights,l=o.x*(s?.x??0)+o.y*(s?.y??0),r=t?.value??i,n=(0,a.getRangeMin)(r??0),c=(0,a.getRangeMax)(r??e);return Math.min(c,Math.max(n,n+l*(c-n)))},d=l.particles?.fill?(0,a.itemFromSingleOrMultiple)(l.particles.fill):void 0,h=d?(0,a.rangeColorToHsl)(this._pluginManager,a.AnimatableColor.create(void 0,d.color)):void 0,u=c(i.h,h?.h,a.hMax),p=c(i.s,h?.s,a.sMax),_=c(i.l,h?.l,a.lMax);(void 0!==u||void 0!==p||void 0!==_)&&(t=(0,a.deepExtend)({},l.particles,{color:{value:{h:u??h?.h,s:p??h?.s,l:_??h?.l}}}))}e.particles.push(l.quantity,n,t)}this._delay-=r}isEnabled(t,i){let e=this.container.actualOptions,s=t.mouse,l=(i?.interactivity??e.interactivity)?.events;return!!l&&(s.clicking&&s.inside&&!!s.position&&(0,a.isInArray)(r,l.onClick.mode)||s.inside&&!!s.position&&(0,a.isInArray)(r,l.onHover.mode))}loadModeOptions(t,...i){for(let e of(t.trail??=new l.X,i))t.trail.load(e?.trail)}reset(){}}}}]);

package/umd/Options/Classes/Trail.js

@@ -1,49 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./TrailColorCoords.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Trail = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const TrailColorCoords_js_1 = require("./TrailColorCoords.js");
-    class Trail {
-        colorCoords;
-        delay;
-        particles;
-        pauseOnStop;
-        quantity;
-        constructor() {
-            this.delay = 1;
-            this.pauseOnStop = false;
-            this.quantity = 1;
-            this.colorCoords = new TrailColorCoords_js_1.TrailColorCoords();
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data))
-                return;
-            if (data.delay !== undefined) {
-                this.delay = data.delay;
-            }
-            if (data.quantity !== undefined) {
-                this.quantity = data.quantity;
-            }
-            if (data.pauseOnStop !== undefined) {
-                this.pauseOnStop = data.pauseOnStop;
-            }
-            if (data.particles !== undefined) {
-                this.particles = (0, engine_1.deepExtend)({}, data.particles);
-            }
-            if (data.colorCoords) {
-                this.colorCoords ??= new TrailColorCoords_js_1.TrailColorCoords();
-                this.colorCoords.load(data.colorCoords);
-            }
-        }
-    }
-    exports.Trail = Trail;
-});

package/umd/Options/Classes/TrailColorComponent.js

@@ -1,35 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./TrailColorWeight.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TrailColorComponent = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const TrailColorWeight_js_1 = require("./TrailColorWeight.js");
-    class TrailColorComponent {
-        value;
-        weights;
-        constructor() {
-            this.weights = new TrailColorWeight_js_1.TrailColorWeight();
-        }
-        load(data) {
-            if (!data) {
-                return;
-            }
-            if (data.weights) {
-                this.weights ??= new TrailColorWeight_js_1.TrailColorWeight();
-                this.weights.load(data.weights);
-            }
-            if (!(0, engine_1.isNull)(data.value)) {
-                this.value = (0, engine_1.setRangeValue)(data.value);
-            }
-        }
-    }
-    exports.TrailColorComponent = TrailColorComponent;
-});

package/umd/Options/Classes/TrailColorCoords.js

@@ -1,42 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./TrailColorComponent.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TrailColorCoords = void 0;
-    const TrailColorComponent_js_1 = require("./TrailColorComponent.js");
-    class TrailColorCoords {
-        h;
-        l;
-        s;
-        constructor() {
-            this.h = new TrailColorComponent_js_1.TrailColorComponent();
-            this.s = new TrailColorComponent_js_1.TrailColorComponent();
-            this.l = new TrailColorComponent_js_1.TrailColorComponent();
-        }
-        load(data) {
-            if (!data) {
-                return;
-            }
-            if (data.h) {
-                this.h ??= new TrailColorComponent_js_1.TrailColorComponent();
-                this.h.load(data.h);
-            }
-            if (data.s) {
-                this.s ??= new TrailColorComponent_js_1.TrailColorComponent();
-                this.s.load(data.s);
-            }
-            if (data.l) {
-                this.l ??= new TrailColorComponent_js_1.TrailColorComponent();
-                this.l.load(data.l);
-            }
-        }
-    }
-    exports.TrailColorCoords = TrailColorCoords;
-});

package/umd/Options/Classes/TrailColorWeight.js

@@ -1,33 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TrailColorWeight = void 0;
-    class TrailColorWeight {
-        x;
-        y;
-        constructor() {
-            this.x = 0;
-            this.y = 0;
-        }
-        load(data) {
-            if (!data) {
-                return;
-            }
-            if (data.x !== undefined) {
-                this.x = data.x;
-            }
-            if (data.y !== undefined) {
-                this.y = data.y;
-            }
-        }
-    }
-    exports.TrailColorWeight = TrailColorWeight;
-});

package/umd/Options/Classes/TrailOptions.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITrail.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITrailColorComponent.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITrailColorCoords.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITrailColorWeight.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/TrailMaker.js

@@ -1,102 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/plugin-interactivity", "./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 plugin_interactivity_1 = require("@tsparticles/plugin-interactivity");
-    const Trail_js_1 = require("./Options/Classes/Trail.js");
-    const trailMode = "trail", defaultMin = 0, defaultWeight = 0;
-    class TrailMaker extends plugin_interactivity_1.ExternalInteractorBase {
-        maxDistance = 0;
-        _delay;
-        _lastPosition;
-        _pluginManager;
-        constructor(pluginManager, container) {
-            super(container);
-            this._pluginManager = pluginManager;
-            this._delay = 0;
-        }
-        clear() {
-        }
-        init() {
-        }
-        interact(interactivityData, delta) {
-            const container = this.container;
-            if (!container.retina.reduceFactor)
-                return;
-            const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
-            if (!trailOptions)
-                return;
-            const optDelay = (trailOptions.delay * engine_1.millisecondsToSeconds) / this.container.retina.reduceFactor;
-            if (this._delay < optDelay) {
-                this._delay += delta.value;
-            }
-            if (this._delay < optDelay)
-                return;
-            const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
-                (mousePos === this._lastPosition ||
-                    (mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y)));
-            if (mousePos) {
-                this._lastPosition = { ...mousePos };
-            }
-            else {
-                delete this._lastPosition;
-            }
-            if (canEmit && mousePos) {
-                let particleOptions = trailOptions.particles;
-                const colorCoords = trailOptions.colorCoords;
-                if (colorCoords) {
-                    const { width, height } = container.canvas.size, norm = {
-                        x: mousePos.x / width,
-                        y: mousePos.y / height,
-                    }, hasWeights = (comp) => {
-                        return !!(comp?.weights?.x ?? comp?.weights?.y);
-                    }, calculateValue = (comp, originalValue, defaultMax) => {
-                        if (!hasWeights(comp))
-                            return undefined;
-                        const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = (0, engine_1.getRangeMin)(rangeSource ?? defaultMin), max = (0, engine_1.getRangeMax)(rangeSource ?? defaultMax), result = min + factor * (max - min);
-                        return Math.min(max, Math.max(min, result));
-                    }, fillData = trailOptions.particles?.fill ? (0, engine_1.itemFromSingleOrMultiple)(trailOptions.particles.fill) : undefined, baseHsl = fillData
-                        ? (0, engine_1.rangeColorToHsl)(this._pluginManager, engine_1.AnimatableColor.create(undefined, fillData.color))
-                        : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, engine_1.hMax), s = calculateValue(colorCoords.s, baseHsl?.s, engine_1.sMax), l = calculateValue(colorCoords.l, baseHsl?.l, engine_1.lMax);
-                    if (h !== undefined || s !== undefined || l !== undefined) {
-                        particleOptions = (0, engine_1.deepExtend)({}, trailOptions.particles, {
-                            color: {
-                                value: {
-                                    h: h ?? baseHsl?.h,
-                                    s: s ?? baseHsl?.s,
-                                    l: l ?? baseHsl?.l,
-                                },
-                            },
-                        });
-                    }
-                }
-                container.particles.push(trailOptions.quantity, mousePos, particleOptions);
-            }
-            this._delay -= optDelay;
-        }
-        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 && (0, engine_1.isInArray)(trailMode, events.onClick.mode)) ||
-                    (mouse.inside && !!mouse.position && (0, engine_1.isInArray)(trailMode, events.onHover.mode))));
-        }
-        loadModeOptions(options, ...sources) {
-            options.trail ??= new Trail_js_1.Trail();
-            for (const source of sources) {
-                options.trail.load(source?.trail);
-            }
-        }
-        reset() {
-        }
-    }
-    exports.TrailMaker = TrailMaker;
-});

package/umd/Types.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/index.js

@@ -1,62 +0,0 @@
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-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);
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/Trail.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadExternalTrailInteraction = loadExternalTrailInteraction;
-    async function loadExternalTrailInteraction(engine) {
-        engine.checkVersion("4.0.0-beta.1");
-        await engine.pluginManager.register(async (e) => {
-            const { ensureInteractivityPluginLoaded } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-interactivity"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-interactivity"], resolve_1, reject_1); }).then(__importStar));
-            ensureInteractivityPluginLoaded(e);
-            e.pluginManager.addInteractor?.("externalTrail", async (container) => {
-                const { TrailMaker } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./TrailMaker.js"))) : new Promise((resolve_2, reject_2) => { require(["./TrailMaker.js"], resolve_2, reject_2); }).then(__importStar));
-                return new TrailMaker(e.pluginManager, container);
-            });
-        });
-    }
-    __exportStar(require("./Options/Classes/Trail.js"), exports);
-});