@tsparticles/interaction-external-trail 4.0.0-beta.0 → 4.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/771.min.js +1 -0
- package/browser/TrailMaker.js +4 -4
- package/browser/index.js +4 -4
- package/cjs/TrailMaker.js +4 -4
- package/cjs/index.js +4 -4
- package/dist_browser_TrailMaker_js.js +2 -2
- package/esm/TrailMaker.js +4 -4
- package/esm/index.js +4 -4
- package/package.json +3 -3
- package/report.html +84 -29
- package/tsparticles.interaction.external.trail.js +2 -2
- package/tsparticles.interaction.external.trail.min.js +2 -2
- package/types/TrailMaker.d.ts +3 -3
- package/umd/TrailMaker.js +4 -4
- package/umd/index.js +4 -4
- package/983.min.js +0 -1
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-beta.
|
|
7
|
+
* v4.0.0-beta.1
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
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
|
|
|
94
94
|
\*******************************/
|
|
95
95
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
96
96
|
|
|
97
|
-
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.
|
|
97
|
+
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}");
|
|
98
98
|
|
|
99
99
|
/***/ }
|
|
100
100
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t
|
|
2
|
-
(`+o+": "+n+")",a.name="ChunkLoadError",a.type=o,a.request=n,i[1](a)}},"chunk-"+
|
|
1
|
+
!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.
|
|
2
|
+
(`+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})());
|
package/types/TrailMaker.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { type IDelta, type RecursivePartial } from "@tsparticles/engine";
|
|
2
|
-
import { ExternalInteractorBase, type IInteractivityData, type IModes, type
|
|
2
|
+
import { ExternalInteractorBase, type IInteractivityData, type IModes, type InteractivityParticle, type InteractivityPluginManager, type Modes } from "@tsparticles/plugin-interactivity";
|
|
3
3
|
import type { ITrailMode, TrailContainer, TrailMode } from "./Types.js";
|
|
4
4
|
export declare class TrailMaker extends ExternalInteractorBase<TrailContainer> {
|
|
5
5
|
readonly maxDistance = 0;
|
|
6
6
|
private _delay;
|
|
7
|
-
private readonly _engine;
|
|
8
7
|
private _lastPosition?;
|
|
9
|
-
|
|
8
|
+
private readonly _pluginManager;
|
|
9
|
+
constructor(pluginManager: InteractivityPluginManager, container: TrailContainer);
|
|
10
10
|
clear(): void;
|
|
11
11
|
init(): void;
|
|
12
12
|
interact(interactivityData: IInteractivityData, delta: IDelta): void;
|
package/umd/TrailMaker.js
CHANGED
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
class TrailMaker extends plugin_interactivity_1.ExternalInteractorBase {
|
|
18
18
|
maxDistance = 0;
|
|
19
19
|
_delay;
|
|
20
|
-
_engine;
|
|
21
20
|
_lastPosition;
|
|
22
|
-
|
|
21
|
+
_pluginManager;
|
|
22
|
+
constructor(pluginManager, container) {
|
|
23
23
|
super(container);
|
|
24
|
-
this.
|
|
24
|
+
this._pluginManager = pluginManager;
|
|
25
25
|
this._delay = 0;
|
|
26
26
|
}
|
|
27
27
|
clear() {
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
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);
|
|
66
66
|
return Math.min(max, Math.max(min, result));
|
|
67
67
|
}, fillData = trailOptions.particles?.fill ? (0, engine_1.itemFromSingleOrMultiple)(trailOptions.particles.fill) : undefined, baseHsl = fillData
|
|
68
|
-
? (0, engine_1.rangeColorToHsl)(this.
|
|
68
|
+
? (0, engine_1.rangeColorToHsl)(this._pluginManager, engine_1.AnimatableColor.create(undefined, fillData.color))
|
|
69
69
|
: 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);
|
|
70
70
|
if (h !== undefined || s !== undefined || l !== undefined) {
|
|
71
71
|
particleOptions = (0, engine_1.deepExtend)({}, trailOptions.particles, {
|
package/umd/index.js
CHANGED
|
@@ -48,13 +48,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
48
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
49
|
exports.loadExternalTrailInteraction = loadExternalTrailInteraction;
|
|
50
50
|
async function loadExternalTrailInteraction(engine) {
|
|
51
|
-
engine.checkVersion("4.0.0-beta.
|
|
52
|
-
await engine.register(async (e) => {
|
|
51
|
+
engine.checkVersion("4.0.0-beta.1");
|
|
52
|
+
await engine.pluginManager.register(async (e) => {
|
|
53
53
|
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));
|
|
54
54
|
ensureInteractivityPluginLoaded(e);
|
|
55
|
-
e.addInteractor?.("externalTrail", async (container) => {
|
|
55
|
+
e.pluginManager.addInteractor?.("externalTrail", async (container) => {
|
|
56
56
|
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));
|
|
57
|
-
return new TrailMaker(e, container);
|
|
57
|
+
return new TrailMaker(e.pluginManager, container);
|
|
58
58
|
});
|
|
59
59
|
});
|
|
60
60
|
}
|
package/983.min.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_interaction_external_trail=this.webpackChunk_tsparticles_interaction_external_trail||[]).push([[983],{983(t,i,e){e.d(i,{TrailMaker:()=>r});var a=e(303),s=e(702),l=e(170);let n="trail";class r extends s.ExternalInteractorBase{maxDistance=0;_delay;_engine;_lastPosition;constructor(t,i){super(i),this._engine=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?.fill?(0,a.itemFromSingleOrMultiple)(l.particles.fill):void 0,h=d?(0,a.rangeColorToHsl)(this._engine,a.AnimatableColor.create(void 0,d.color)):void 0,u=c(i.h,h?.h,a.hMax),_=c(i.s,h?.s,a.sMax),p=c(i.l,h?.l,a.lMax);(void 0!==u||void 0!==_||void 0!==p)&&(t=(0,a.deepExtend)({},l.particles,{color:{value:{h:u??h?.h,s:_??h?.s,l:p??h?.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(){}}}}]);
|