@tsparticles/interaction-external-trail 4.5.0 → 4.5.2

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.
Files changed (18) hide show
  1. package/browser/Options/Classes/Trail.js +2 -1
  2. package/browser/TrailMaker.js +8 -4
  3. package/browser/index.js +1 -1
  4. package/browser/index.lazy.js +1 -1
  5. package/cjs/Options/Classes/Trail.js +2 -1
  6. package/cjs/TrailMaker.js +8 -4
  7. package/cjs/index.js +1 -1
  8. package/cjs/index.lazy.js +1 -1
  9. package/esm/Options/Classes/Trail.js +2 -1
  10. package/esm/TrailMaker.js +8 -4
  11. package/esm/index.js +1 -1
  12. package/esm/index.lazy.js +1 -1
  13. package/package.json +3 -3
  14. package/report.html +1 -1
  15. package/tsparticles.interaction.external.trail.js +12 -7
  16. package/tsparticles.interaction.external.trail.min.js +1 -1
  17. package/types/index.d.ts +1 -1
  18. package/types/index.lazy.d.ts +1 -1
package/browser/Options/Classes/Trail.js CHANGED
@@ -7,8 +7,9 @@ export class Trail {
7
7
  pauseOnStop = false;
8
8
  quantity = 1;
9
9
  load(data) {
10
- if (isNull(data))
10
+ if (isNull(data)) {
11
11
  return;
12
+ }
12
13
  loadProperty(this, "delay", data.delay);
13
14
  loadProperty(this, "quantity", data.quantity);
14
15
  loadProperty(this, "pauseOnStop", data.pauseOnStop);
package/browser/TrailMaker.js CHANGED
@@ -18,17 +18,20 @@ export class TrailMaker extends ExternalInteractorBase {
18
18
  }
19
19
  interact(interactivityData, delta) {
20
20
  const container = this.container;
21
- if (!container.retina.reduceFactor)
21
+ if (!container.retina.reduceFactor) {
22
22
  return;
23
+ }
23
24
  const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
24
- if (!trailOptions)
25
+ if (!trailOptions) {
25
26
  return;
27
+ }
26
28
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
29
  if (this.#delay < optDelay) {
28
30
  this.#delay += delta.value;
29
31
  }
30
- if (this.#delay < optDelay)
32
+ if (this.#delay < optDelay) {
31
33
  return;
34
+ }
32
35
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
36
  (mousePos === this.#lastPosition ||
34
37
  (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
@@ -48,8 +51,9 @@ export class TrailMaker extends ExternalInteractorBase {
48
51
  }, hasWeights = (comp) => {
49
52
  return !!(comp?.weights?.x ?? comp?.weights?.y);
50
53
  }, calculateValue = (comp, originalValue, defaultMax) => {
51
- if (!hasWeights(comp))
54
+ if (!hasWeights(comp)) {
52
55
  return undefined;
56
+ }
53
57
  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);
54
58
  return Math.min(max, Math.max(min, result));
55
59
  }, trailPaintOptions = trailOptions.particles?.paint
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
2
2
  import { TrailMaker } from "./TrailMaker.js";
3
3
  export async function loadExternalTrailInteraction(engine) {
4
- engine.checkVersion("4.5.0");
4
+ engine.checkVersion("4.5.2");
5
5
  await engine.pluginManager.register((e) => {
6
6
  ensureInteractivityPluginLoaded(e);
7
7
  e.pluginManager.addInteractor?.("externalTrail", container => {
package/browser/index.lazy.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export async function loadExternalTrailInteraction(engine) {
2
- engine.checkVersion("4.5.0");
2
+ engine.checkVersion("4.5.2");
3
3
  await engine.pluginManager.register(async (e) => {
4
4
  const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
5
5
  ensureInteractivityPluginLoaded(e);
package/cjs/Options/Classes/Trail.js CHANGED
@@ -7,8 +7,9 @@ export class Trail {
7
7
  pauseOnStop = false;
8
8
  quantity = 1;
9
9
  load(data) {
10
- if (isNull(data))
10
+ if (isNull(data)) {
11
11
  return;
12
+ }
12
13
  loadProperty(this, "delay", data.delay);
13
14
  loadProperty(this, "quantity", data.quantity);
14
15
  loadProperty(this, "pauseOnStop", data.pauseOnStop);
package/cjs/TrailMaker.js CHANGED
@@ -18,17 +18,20 @@ export class TrailMaker extends ExternalInteractorBase {
18
18
  }
19
19
  interact(interactivityData, delta) {
20
20
  const container = this.container;
21
- if (!container.retina.reduceFactor)
21
+ if (!container.retina.reduceFactor) {
22
22
  return;
23
+ }
23
24
  const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
24
- if (!trailOptions)
25
+ if (!trailOptions) {
25
26
  return;
27
+ }
26
28
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
29
  if (this.#delay < optDelay) {
28
30
  this.#delay += delta.value;
29
31
  }
30
- if (this.#delay < optDelay)
32
+ if (this.#delay < optDelay) {
31
33
  return;
34
+ }
32
35
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
36
  (mousePos === this.#lastPosition ||
34
37
  (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
@@ -48,8 +51,9 @@ export class TrailMaker extends ExternalInteractorBase {
48
51
  }, hasWeights = (comp) => {
49
52
  return !!(comp?.weights?.x ?? comp?.weights?.y);
50
53
  }, calculateValue = (comp, originalValue, defaultMax) => {
51
- if (!hasWeights(comp))
54
+ if (!hasWeights(comp)) {
52
55
  return undefined;
56
+ }
53
57
  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);
54
58
  return Math.min(max, Math.max(min, result));
55
59
  }, trailPaintOptions = trailOptions.particles?.paint
package/cjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
2
2
  import { TrailMaker } from "./TrailMaker.js";
3
3
  export async function loadExternalTrailInteraction(engine) {
4
- engine.checkVersion("4.5.0");
4
+ engine.checkVersion("4.5.2");
5
5
  await engine.pluginManager.register((e) => {
6
6
  ensureInteractivityPluginLoaded(e);
7
7
  e.pluginManager.addInteractor?.("externalTrail", container => {
package/cjs/index.lazy.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export async function loadExternalTrailInteraction(engine) {
2
- engine.checkVersion("4.5.0");
2
+ engine.checkVersion("4.5.2");
3
3
  await engine.pluginManager.register(async (e) => {
4
4
  const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
5
5
  ensureInteractivityPluginLoaded(e);
package/esm/Options/Classes/Trail.js CHANGED
@@ -7,8 +7,9 @@ export class Trail {
7
7
  pauseOnStop = false;
8
8
  quantity = 1;
9
9
  load(data) {
10
- if (isNull(data))
10
+ if (isNull(data)) {
11
11
  return;
12
+ }
12
13
  loadProperty(this, "delay", data.delay);
13
14
  loadProperty(this, "quantity", data.quantity);
14
15
  loadProperty(this, "pauseOnStop", data.pauseOnStop);
package/esm/TrailMaker.js CHANGED
@@ -18,17 +18,20 @@ export class TrailMaker extends ExternalInteractorBase {
18
18
  }
19
19
  interact(interactivityData, delta) {
20
20
  const container = this.container;
21
- if (!container.retina.reduceFactor)
21
+ if (!container.retina.reduceFactor) {
22
22
  return;
23
+ }
23
24
  const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
24
- if (!trailOptions)
25
+ if (!trailOptions) {
25
26
  return;
27
+ }
26
28
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
29
  if (this.#delay < optDelay) {
28
30
  this.#delay += delta.value;
29
31
  }
30
- if (this.#delay < optDelay)
32
+ if (this.#delay < optDelay) {
31
33
  return;
34
+ }
32
35
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
36
  (mousePos === this.#lastPosition ||
34
37
  (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
@@ -48,8 +51,9 @@ export class TrailMaker extends ExternalInteractorBase {
48
51
  }, hasWeights = (comp) => {
49
52
  return !!(comp?.weights?.x ?? comp?.weights?.y);
50
53
  }, calculateValue = (comp, originalValue, defaultMax) => {
51
- if (!hasWeights(comp))
54
+ if (!hasWeights(comp)) {
52
55
  return undefined;
56
+ }
53
57
  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);
54
58
  return Math.min(max, Math.max(min, result));
55
59
  }, trailPaintOptions = trailOptions.particles?.paint
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
2
2
  import { TrailMaker } from "./TrailMaker.js";
3
3
  export async function loadExternalTrailInteraction(engine) {
4
- engine.checkVersion("4.5.0");
4
+ engine.checkVersion("4.5.2");
5
5
  await engine.pluginManager.register((e) => {
6
6
  ensureInteractivityPluginLoaded(e);
7
7
  e.pluginManager.addInteractor?.("externalTrail", container => {
package/esm/index.lazy.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export async function loadExternalTrailInteraction(engine) {
2
- engine.checkVersion("4.5.0");
2
+ engine.checkVersion("4.5.2");
3
3
  await engine.pluginManager.register(async (e) => {
4
4
  const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
5
5
  ensureInteractivityPluginLoaded(e);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-trail",
3
- "version": "4.5.0",
3
+ "version": "4.5.2",
4
4
  "description": "tsParticles trail external interaction",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -97,7 +97,7 @@
97
97
  },
98
98
  "type": "module",
99
99
  "peerDependencies": {
100
- "@tsparticles/engine": "4.5.0",
101
- "@tsparticles/plugin-interactivity": "4.5.0"
100
+ "@tsparticles/engine": "4.5.2",
101
+ "@tsparticles/plugin-interactivity": "4.5.2"
102
102
  }
103
103
  }
package/report.html CHANGED
@@ -5285,7 +5285,7 @@ var drawChart = (function (exports) {
5285
5285
  </script>
5286
5286
  <script>
5287
5287
  /*<!--*/
5288
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.trail.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"6fbfca3a-1","name":"TrailColorWeight.js"},{"uid":"6fbfca3a-3","name":"TrailColorComponent.js"},{"uid":"6fbfca3a-5","name":"TrailColorCoords.js"},{"uid":"6fbfca3a-7","name":"Trail.js"}]},{"uid":"6fbfca3a-9","name":"TrailMaker.js"},{"uid":"6fbfca3a-11","name":"index.js"},{"uid":"6fbfca3a-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"6fbfca3a-1":{"renderedLength":262,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-0"},"6fbfca3a-3":{"renderedLength":463,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-2"},"6fbfca3a-5":{"renderedLength":638,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-4"},"6fbfca3a-7":{"renderedLength":750,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-6"},"6fbfca3a-9":{"renderedLength":4713,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-8"},"6fbfca3a-11":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-10"},"6fbfca3a-13":{"renderedLength":199,"gzipLength":0,"brotliLength":0,"metaUid":"6fbfca3a-12"}},"nodeMetas":{"6fbfca3a-0":{"id":"/dist/browser/Options/Classes/TrailColorWeight.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-1"},"imported":[{"uid":"6fbfca3a-15"}],"importedBy":[{"uid":"6fbfca3a-2"}]},"6fbfca3a-2":{"id":"/dist/browser/Options/Classes/TrailColorComponent.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-3"},"imported":[{"uid":"6fbfca3a-15"},{"uid":"6fbfca3a-0"}],"importedBy":[{"uid":"6fbfca3a-4"}]},"6fbfca3a-4":{"id":"/dist/browser/Options/Classes/TrailColorCoords.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-5"},"imported":[{"uid":"6fbfca3a-2"}],"importedBy":[{"uid":"6fbfca3a-6"}]},"6fbfca3a-6":{"id":"/dist/browser/Options/Classes/Trail.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-7"},"imported":[{"uid":"6fbfca3a-15"},{"uid":"6fbfca3a-4"}],"importedBy":[{"uid":"6fbfca3a-10"},{"uid":"6fbfca3a-8"}]},"6fbfca3a-8":{"id":"/dist/browser/TrailMaker.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-9"},"imported":[{"uid":"6fbfca3a-15"},{"uid":"6fbfca3a-14"},{"uid":"6fbfca3a-6"}],"importedBy":[{"uid":"6fbfca3a-10"}]},"6fbfca3a-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-11"},"imported":[{"uid":"6fbfca3a-14"},{"uid":"6fbfca3a-8"},{"uid":"6fbfca3a-6"}],"importedBy":[{"uid":"6fbfca3a-12"}]},"6fbfca3a-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.trail.js":"6fbfca3a-13"},"imported":[{"uid":"6fbfca3a-10"}],"importedBy":[],"isEntry":true},"6fbfca3a-14":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"6fbfca3a-10"},{"uid":"6fbfca3a-8"}],"isExternal":true},"6fbfca3a-15":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"6fbfca3a-8"},{"uid":"6fbfca3a-6"},{"uid":"6fbfca3a-2"},{"uid":"6fbfca3a-0"}],"isExternal":true}},"env":{"rollup":"4.63.1"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
5288
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.trail.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"7705c94a-1","name":"TrailColorWeight.js"},{"uid":"7705c94a-3","name":"TrailColorComponent.js"},{"uid":"7705c94a-5","name":"TrailColorCoords.js"},{"uid":"7705c94a-7","name":"Trail.js"}]},{"uid":"7705c94a-9","name":"TrailMaker.js"},{"uid":"7705c94a-11","name":"index.js"},{"uid":"7705c94a-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"7705c94a-1":{"renderedLength":262,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-0"},"7705c94a-3":{"renderedLength":463,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-2"},"7705c94a-5":{"renderedLength":638,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-4"},"7705c94a-7":{"renderedLength":766,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-6"},"7705c94a-9":{"renderedLength":4789,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-8"},"7705c94a-11":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-10"},"7705c94a-13":{"renderedLength":199,"gzipLength":0,"brotliLength":0,"metaUid":"7705c94a-12"}},"nodeMetas":{"7705c94a-0":{"id":"/dist/browser/Options/Classes/TrailColorWeight.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-1"},"imported":[{"uid":"7705c94a-15"}],"importedBy":[{"uid":"7705c94a-2"}]},"7705c94a-2":{"id":"/dist/browser/Options/Classes/TrailColorComponent.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-3"},"imported":[{"uid":"7705c94a-15"},{"uid":"7705c94a-0"}],"importedBy":[{"uid":"7705c94a-4"}]},"7705c94a-4":{"id":"/dist/browser/Options/Classes/TrailColorCoords.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-5"},"imported":[{"uid":"7705c94a-2"}],"importedBy":[{"uid":"7705c94a-6"}]},"7705c94a-6":{"id":"/dist/browser/Options/Classes/Trail.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-7"},"imported":[{"uid":"7705c94a-15"},{"uid":"7705c94a-4"}],"importedBy":[{"uid":"7705c94a-10"},{"uid":"7705c94a-8"}]},"7705c94a-8":{"id":"/dist/browser/TrailMaker.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-9"},"imported":[{"uid":"7705c94a-15"},{"uid":"7705c94a-14"},{"uid":"7705c94a-6"}],"importedBy":[{"uid":"7705c94a-10"}]},"7705c94a-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-11"},"imported":[{"uid":"7705c94a-14"},{"uid":"7705c94a-8"},{"uid":"7705c94a-6"}],"importedBy":[{"uid":"7705c94a-12"}]},"7705c94a-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.trail.js":"7705c94a-13"},"imported":[{"uid":"7705c94a-10"}],"importedBy":[],"isEntry":true},"7705c94a-14":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"7705c94a-10"},{"uid":"7705c94a-8"}],"isExternal":true},"7705c94a-15":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"7705c94a-8"},{"uid":"7705c94a-6"},{"uid":"7705c94a-2"},{"uid":"7705c94a-0"}],"isExternal":true}},"env":{"rollup":"4.67.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
5289
5289
 
5290
5290
  const run = () => {
5291
5291
  const width = window.innerWidth;
package/tsparticles.interaction.external.trail.js CHANGED
@@ -1,6 +1,6 @@
1
1
  (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
2
2
  (function (g) {
3
- /* External Interaction v4.5.0 */
3
+ /* External Interaction v4.5.2 */
4
4
  g.__tsParticlesInternals = g.__tsParticlesInternals || {};
5
5
  g.__tsParticlesInternals.interactions = g.__tsParticlesInternals.interactions || {};
6
6
  (function (exports, pluginInteractivity, engine) {
@@ -65,8 +65,9 @@ g.__tsParticlesInternals.interactions = g.__tsParticlesInternals.interactions ||
65
65
  pauseOnStop = false;
66
66
  quantity = 1;
67
67
  load(data) {
68
- if (engine.isNull(data))
68
+ if (engine.isNull(data)) {
69
69
  return;
70
+ }
70
71
  engine.loadProperty(this, "delay", data.delay);
71
72
  engine.loadProperty(this, "quantity", data.quantity);
72
73
  engine.loadProperty(this, "pauseOnStop", data.pauseOnStop);
@@ -97,17 +98,20 @@ g.__tsParticlesInternals.interactions = g.__tsParticlesInternals.interactions ||
97
98
  }
98
99
  interact(interactivityData, delta) {
99
100
  const container = this.container;
100
- if (!container.retina.reduceFactor)
101
+ if (!container.retina.reduceFactor) {
101
102
  return;
103
+ }
102
104
  const options = container.actualOptions, trailOptions = options.interactivity?.modes.trail;
103
- if (!trailOptions)
105
+ if (!trailOptions) {
104
106
  return;
107
+ }
105
108
  const optDelay = (trailOptions.delay * engine.millisecondsToSeconds) / this.container.retina.reduceFactor;
106
109
  if (this.#delay < optDelay) {
107
110
  this.#delay += delta.value;
108
111
  }
109
- if (this.#delay < optDelay)
112
+ if (this.#delay < optDelay) {
110
113
  return;
114
+ }
111
115
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
112
116
  (mousePos === this.#lastPosition ||
113
117
  (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
@@ -127,8 +131,9 @@ g.__tsParticlesInternals.interactions = g.__tsParticlesInternals.interactions ||
127
131
  }, hasWeights = (comp) => {
128
132
  return !!(comp?.weights?.x ?? comp?.weights?.y);
129
133
  }, calculateValue = (comp, originalValue, defaultMax) => {
130
- if (!hasWeights(comp))
134
+ if (!hasWeights(comp)) {
131
135
  return undefined;
136
+ }
132
137
  const w = comp?.weights, factor = norm.x * (w?.x ?? defaultWeight) + norm.y * (w?.y ?? defaultWeight), rangeSource = comp?.value ?? originalValue, min = engine.getRangeMin(rangeSource ?? defaultMin), max = engine.getRangeMax(rangeSource ?? defaultMax), result = min + factor * (max - min);
133
138
  return Math.min(max, Math.max(min, result));
134
139
  }, trailPaintOptions = trailOptions.particles?.paint
@@ -170,7 +175,7 @@ g.__tsParticlesInternals.interactions = g.__tsParticlesInternals.interactions ||
170
175
  }
171
176
 
172
177
  async function loadExternalTrailInteraction(engine) {
173
- engine.checkVersion("4.5.0");
178
+ engine.checkVersion("4.5.2");
174
179
  await engine.pluginManager.register((e) => {
175
180
  pluginInteractivity.ensureInteractivityPluginLoaded(e);
176
181
  e.pluginManager.addInteractor?.("externalTrail", container => {
package/tsparticles.interaction.external.trail.min.js CHANGED
@@ -1 +1 @@
1
- !function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path)}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},function(t,s,e){"use strict";class a{x=0;y=0;load(t){t&&(e.loadProperty(this,"x",t.x),e.loadProperty(this,"y",t.y))}}class n{value;weights=new a;load(t){t&&(t.weights&&(this.weights??=new a,this.weights.load(t.weights)),e.isNull(t.value)||(this.value=e.setRangeValue(t.value)))}}class l{h=new n;l=new n;s=new n;load(t){t&&(t.h&&(this.h??=new n,this.h.load(t.h)),t.s&&(this.s??=new n,this.s.load(t.s)),t.l&&(this.l??=new n,this.l.load(t.l)))}}class i{colorCoords=new l;delay=1;particles;pauseOnStop=!1;quantity=1;load(t){e.isNull(t)||(e.loadProperty(this,"delay",t.delay),e.loadProperty(this,"quantity",t.quantity),e.loadProperty(this,"pauseOnStop",t.pauseOnStop),void 0!==t.particles&&(this.particles=e.deepExtend({},t.particles)),t.colorCoords&&(this.colorCoords??=new l,this.colorCoords.load(t.colorCoords)))}}const r="trail";class c extends s.ExternalInteractorBase{maxDistance=0;#t;#s;#e;constructor(t,s){super(s),this.#e=t,this.#t=0}clear(){}init(){}interact(t,s){const a=this.container;if(!a.retina.reduceFactor)return;const n=a.actualOptions,l=n.interactivity?.modes.trail;if(!l)return;const i=l.delay*e.millisecondsToSeconds/this.container.retina.reduceFactor;if(this.#t<i&&(this.#t+=s.value),this.#t<i)return;const r=t.mouse.position,c=!(l.pauseOnStop&&(r===this.#s||r?.x===this.#s?.x&&r?.y===this.#s?.y));if(this.#s=r?{...r}:void 0,c&&r){let t=l.particles;const s=l.colorCoords;if(s){const{width:n,height:i}=a.canvas.size,c={x:r.x/n,y:r.y/i},o=t=>!!(t?.weights?.x??t?.weights?.y),_=(t,s,a)=>{if(!o(t))return;const n=t?.weights,l=c.x*(n?.x??0)+c.y*(n?.y??0),i=t?.value??s,r=e.getRangeMin(i??0),_=e.getRangeMax(i??a),p=r+l*(_-r);return Math.min(_,Math.max(r,p))},p=l.particles?.paint?e.itemFromSingleOrMultiple(l.particles.paint):void 0,P=p?.fill,d=P?e.rangeColorToHsl(this.#e,e.AnimatableColor.create(void 0,P.color)):void 0,I=_(s.h,d?.h,e.hMax),h=_(s.s,d?.s,e.sMax),u=_(s.l,d?.l,e.lMax);void 0===I&&void 0===h&&void 0===u||(t=e.deepExtend({},l.particles,{paint:{fill:{color:{value:{h:I??d?.h,s:h??d?.s,l:u??d?.l}}}}}))}a.particles.push(l.quantity,r,t)}this.#t-=i}isEnabled(t,s){const a=this.container.actualOptions,n=t.mouse,l=(s?.interactivity??a.interactivity)?.events;return!!l&&(n.clicking&&n.inside&&!!n.position&&e.isInArray(r,l.onClick.mode)||n.inside&&!!n.position&&e.isInArray(r,l.onHover.mode))}loadModeOptions(t,...s){e.loadOptionProperty(t,"trail",i,...s)}reset(){}}async function o(t){t.checkVersion("4.5.0"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalTrail",s=>Promise.resolve(new c(t.pluginManager,s)))})}const _=globalThis;_.__tsParticlesInternals=_.__tsParticlesInternals??{},_.loadExternalTrailInteraction=o,t.Trail=i,t.loadExternalTrailInteraction=o}(t.__tsParticlesInternals.interactions.externalTrail=t.__tsParticlesInternals.interactions.externalTrail||{},t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:self),Object.assign(globalThis.window||globalThis,{loadExternalTrailInteraction:(globalThis.__tsParticlesInternals.interactions.externalTrail||{}).loadExternalTrailInteraction});
1
+ !function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path)}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},function(t,s,e){"use strict";class a{x=0;y=0;load(t){t&&(e.loadProperty(this,"x",t.x),e.loadProperty(this,"y",t.y))}}class n{value;weights=new a;load(t){t&&(t.weights&&(this.weights??=new a,this.weights.load(t.weights)),e.isNull(t.value)||(this.value=e.setRangeValue(t.value)))}}class l{h=new n;l=new n;s=new n;load(t){t&&(t.h&&(this.h??=new n,this.h.load(t.h)),t.s&&(this.s??=new n,this.s.load(t.s)),t.l&&(this.l??=new n,this.l.load(t.l)))}}class i{colorCoords=new l;delay=1;particles;pauseOnStop=!1;quantity=1;load(t){e.isNull(t)||(e.loadProperty(this,"delay",t.delay),e.loadProperty(this,"quantity",t.quantity),e.loadProperty(this,"pauseOnStop",t.pauseOnStop),void 0!==t.particles&&(this.particles=e.deepExtend({},t.particles)),t.colorCoords&&(this.colorCoords??=new l,this.colorCoords.load(t.colorCoords)))}}const r="trail";class c extends s.ExternalInteractorBase{maxDistance=0;#t;#s;#e;constructor(t,s){super(s),this.#e=t,this.#t=0}clear(){}init(){}interact(t,s){const a=this.container;if(!a.retina.reduceFactor)return;const n=a.actualOptions,l=n.interactivity?.modes.trail;if(!l)return;const i=l.delay*e.millisecondsToSeconds/this.container.retina.reduceFactor;if(this.#t<i&&(this.#t+=s.value),this.#t<i)return;const r=t.mouse.position,c=!(l.pauseOnStop&&(r===this.#s||r?.x===this.#s?.x&&r?.y===this.#s?.y));if(this.#s=r?{...r}:void 0,c&&r){let t=l.particles;const s=l.colorCoords;if(s){const{width:n,height:i}=a.canvas.size,c={x:r.x/n,y:r.y/i},o=t=>!!(t?.weights?.x??t?.weights?.y),_=(t,s,a)=>{if(!o(t))return;const n=t?.weights,l=c.x*(n?.x??0)+c.y*(n?.y??0),i=t?.value??s,r=e.getRangeMin(i??0),_=e.getRangeMax(i??a),p=r+l*(_-r);return Math.min(_,Math.max(r,p))},p=l.particles?.paint?e.itemFromSingleOrMultiple(l.particles.paint):void 0,P=p?.fill,d=P?e.rangeColorToHsl(this.#e,e.AnimatableColor.create(void 0,P.color)):void 0,I=_(s.h,d?.h,e.hMax),h=_(s.s,d?.s,e.sMax),u=_(s.l,d?.l,e.lMax);void 0===I&&void 0===h&&void 0===u||(t=e.deepExtend({},l.particles,{paint:{fill:{color:{value:{h:I??d?.h,s:h??d?.s,l:u??d?.l}}}}}))}a.particles.push(l.quantity,r,t)}this.#t-=i}isEnabled(t,s){const a=this.container.actualOptions,n=t.mouse,l=(s?.interactivity??a.interactivity)?.events;return!!l&&(n.clicking&&n.inside&&!!n.position&&e.isInArray(r,l.onClick.mode)||n.inside&&!!n.position&&e.isInArray(r,l.onHover.mode))}loadModeOptions(t,...s){e.loadOptionProperty(t,"trail",i,...s)}reset(){}}async function o(t){t.checkVersion("4.5.2"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalTrail",s=>Promise.resolve(new c(t.pluginManager,s)))})}const _=globalThis;_.__tsParticlesInternals=_.__tsParticlesInternals??{},_.loadExternalTrailInteraction=o,t.Trail=i,t.loadExternalTrailInteraction=o}(t.__tsParticlesInternals.interactions.externalTrail=t.__tsParticlesInternals.interactions.externalTrail||{},t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:self),Object.assign(globalThis.window||globalThis,{loadExternalTrailInteraction:(globalThis.__tsParticlesInternals.interactions.externalTrail||{}).loadExternalTrailInteraction});
package/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type Engine } from "@tsparticles/engine";
1
+ import type { Engine } from "@tsparticles/engine";
2
2
  export declare function loadExternalTrailInteraction(engine: Engine): Promise<void>;
3
3
  export * from "./Options/Classes/Trail.js";
4
4
  export type * from "./Options/Interfaces/ITrail.js";
package/types/index.lazy.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type Engine } from "@tsparticles/engine/lazy";
1
+ import type { Engine } from "@tsparticles/engine/lazy";
2
2
  export declare function loadExternalTrailInteraction(engine: Engine): Promise<void>;
3
3
  export * from "./Options/Classes/Trail.js";
4
4
  export type * from "./Options/Interfaces/ITrail.js";