@tsparticles/interaction-external-trail 4.0.4 → 4.1.0

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 (14) hide show
  1. package/browser/TrailMaker.js +14 -14
  2. package/browser/index.js +1 -1
  3. package/browser/index.lazy.js +1 -1
  4. package/cjs/TrailMaker.js +14 -14
  5. package/cjs/index.js +1 -1
  6. package/cjs/index.lazy.js +1 -1
  7. package/esm/TrailMaker.js +14 -14
  8. package/esm/index.js +1 -1
  9. package/esm/index.lazy.js +1 -1
  10. package/package.json +3 -3
  11. package/report.html +1 -1
  12. package/tsparticles.interaction.external.trail.js +16 -16
  13. package/tsparticles.interaction.external.trail.min.js +1 -1
  14. package/types/TrailMaker.d.ts +1 -3
package/browser/TrailMaker.js CHANGED
@@ -4,13 +4,13 @@ import { Trail } from "./Options/Classes/Trail.js";
4
4
  const trailMode = "trail", defaultMin = 0, defaultWeight = 0;
5
5
  export class TrailMaker extends ExternalInteractorBase {
6
6
  maxDistance = 0;
7
- _delay;
8
- _lastPosition;
9
- _pluginManager;
7
+ #delay;
8
+ #lastPosition;
9
+ #pluginManager;
10
10
  constructor(pluginManager, container) {
11
11
  super(container);
12
- this._pluginManager = pluginManager;
13
- this._delay = 0;
12
+ this.#pluginManager = pluginManager;
13
+ this.#delay = 0;
14
14
  }
15
15
  clear() {
16
16
  }
@@ -24,19 +24,19 @@ export class TrailMaker extends ExternalInteractorBase {
24
24
  if (!trailOptions)
25
25
  return;
26
26
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
- if (this._delay < optDelay) {
28
- this._delay += delta.value;
27
+ if (this.#delay < optDelay) {
28
+ this.#delay += delta.value;
29
29
  }
30
- if (this._delay < optDelay)
30
+ if (this.#delay < optDelay)
31
31
  return;
32
32
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
- (mousePos === this._lastPosition ||
34
- (mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y)));
33
+ (mousePos === this.#lastPosition ||
34
+ (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
35
35
  if (mousePos) {
36
- this._lastPosition = { ...mousePos };
36
+ this.#lastPosition = { ...mousePos };
37
37
  }
38
38
  else {
39
- delete this._lastPosition;
39
+ this.#lastPosition = undefined;
40
40
  }
41
41
  if (canEmit && mousePos) {
42
42
  let particleOptions = trailOptions.particles;
@@ -55,7 +55,7 @@ export class TrailMaker extends ExternalInteractorBase {
55
55
  }, trailPaintOptions = trailOptions.particles?.paint
56
56
  ? itemFromSingleOrMultiple(trailOptions.particles.paint)
57
57
  : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
58
- ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
58
+ ? rangeColorToHsl(this.#pluginManager, AnimatableColor.create(undefined, fillData.color))
59
59
  : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
60
60
  if (h !== undefined || s !== undefined || l !== undefined) {
61
61
  particleOptions = deepExtend({}, trailOptions.particles, {
@@ -75,7 +75,7 @@ export class TrailMaker extends ExternalInteractorBase {
75
75
  }
76
76
  container.particles.push(trailOptions.quantity, mousePos, particleOptions);
77
77
  }
78
- this._delay -= optDelay;
78
+ this.#delay -= optDelay;
79
79
  }
80
80
  isEnabled(interactivityData, particle) {
81
81
  const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
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.0.4");
4
+ engine.checkVersion("4.1.0");
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.0.4");
2
+ engine.checkVersion("4.1.0");
3
3
  await engine.pluginManager.register(async (e) => {
4
4
  const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
5
5
  ensureInteractivityPluginLoaded(e);
package/cjs/TrailMaker.js CHANGED
@@ -4,13 +4,13 @@ import { Trail } from "./Options/Classes/Trail.js";
4
4
  const trailMode = "trail", defaultMin = 0, defaultWeight = 0;
5
5
  export class TrailMaker extends ExternalInteractorBase {
6
6
  maxDistance = 0;
7
- _delay;
8
- _lastPosition;
9
- _pluginManager;
7
+ #delay;
8
+ #lastPosition;
9
+ #pluginManager;
10
10
  constructor(pluginManager, container) {
11
11
  super(container);
12
- this._pluginManager = pluginManager;
13
- this._delay = 0;
12
+ this.#pluginManager = pluginManager;
13
+ this.#delay = 0;
14
14
  }
15
15
  clear() {
16
16
  }
@@ -24,19 +24,19 @@ export class TrailMaker extends ExternalInteractorBase {
24
24
  if (!trailOptions)
25
25
  return;
26
26
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
- if (this._delay < optDelay) {
28
- this._delay += delta.value;
27
+ if (this.#delay < optDelay) {
28
+ this.#delay += delta.value;
29
29
  }
30
- if (this._delay < optDelay)
30
+ if (this.#delay < optDelay)
31
31
  return;
32
32
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
- (mousePos === this._lastPosition ||
34
- (mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y)));
33
+ (mousePos === this.#lastPosition ||
34
+ (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
35
35
  if (mousePos) {
36
- this._lastPosition = { ...mousePos };
36
+ this.#lastPosition = { ...mousePos };
37
37
  }
38
38
  else {
39
- delete this._lastPosition;
39
+ this.#lastPosition = undefined;
40
40
  }
41
41
  if (canEmit && mousePos) {
42
42
  let particleOptions = trailOptions.particles;
@@ -55,7 +55,7 @@ export class TrailMaker extends ExternalInteractorBase {
55
55
  }, trailPaintOptions = trailOptions.particles?.paint
56
56
  ? itemFromSingleOrMultiple(trailOptions.particles.paint)
57
57
  : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
58
- ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
58
+ ? rangeColorToHsl(this.#pluginManager, AnimatableColor.create(undefined, fillData.color))
59
59
  : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
60
60
  if (h !== undefined || s !== undefined || l !== undefined) {
61
61
  particleOptions = deepExtend({}, trailOptions.particles, {
@@ -75,7 +75,7 @@ export class TrailMaker extends ExternalInteractorBase {
75
75
  }
76
76
  container.particles.push(trailOptions.quantity, mousePos, particleOptions);
77
77
  }
78
- this._delay -= optDelay;
78
+ this.#delay -= optDelay;
79
79
  }
80
80
  isEnabled(interactivityData, particle) {
81
81
  const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
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.0.4");
4
+ engine.checkVersion("4.1.0");
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.0.4");
2
+ engine.checkVersion("4.1.0");
3
3
  await engine.pluginManager.register(async (e) => {
4
4
  const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
5
5
  ensureInteractivityPluginLoaded(e);
package/esm/TrailMaker.js CHANGED
@@ -4,13 +4,13 @@ import { Trail } from "./Options/Classes/Trail.js";
4
4
  const trailMode = "trail", defaultMin = 0, defaultWeight = 0;
5
5
  export class TrailMaker extends ExternalInteractorBase {
6
6
  maxDistance = 0;
7
- _delay;
8
- _lastPosition;
9
- _pluginManager;
7
+ #delay;
8
+ #lastPosition;
9
+ #pluginManager;
10
10
  constructor(pluginManager, container) {
11
11
  super(container);
12
- this._pluginManager = pluginManager;
13
- this._delay = 0;
12
+ this.#pluginManager = pluginManager;
13
+ this.#delay = 0;
14
14
  }
15
15
  clear() {
16
16
  }
@@ -24,19 +24,19 @@ export class TrailMaker extends ExternalInteractorBase {
24
24
  if (!trailOptions)
25
25
  return;
26
26
  const optDelay = (trailOptions.delay * millisecondsToSeconds) / this.container.retina.reduceFactor;
27
- if (this._delay < optDelay) {
28
- this._delay += delta.value;
27
+ if (this.#delay < optDelay) {
28
+ this.#delay += delta.value;
29
29
  }
30
- if (this._delay < optDelay)
30
+ if (this.#delay < optDelay)
31
31
  return;
32
32
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
33
- (mousePos === this._lastPosition ||
34
- (mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y)));
33
+ (mousePos === this.#lastPosition ||
34
+ (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
35
35
  if (mousePos) {
36
- this._lastPosition = { ...mousePos };
36
+ this.#lastPosition = { ...mousePos };
37
37
  }
38
38
  else {
39
- delete this._lastPosition;
39
+ this.#lastPosition = undefined;
40
40
  }
41
41
  if (canEmit && mousePos) {
42
42
  let particleOptions = trailOptions.particles;
@@ -55,7 +55,7 @@ export class TrailMaker extends ExternalInteractorBase {
55
55
  }, trailPaintOptions = trailOptions.particles?.paint
56
56
  ? itemFromSingleOrMultiple(trailOptions.particles.paint)
57
57
  : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
58
- ? rangeColorToHsl(this._pluginManager, AnimatableColor.create(undefined, fillData.color))
58
+ ? rangeColorToHsl(this.#pluginManager, AnimatableColor.create(undefined, fillData.color))
59
59
  : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, hMax), s = calculateValue(colorCoords.s, baseHsl?.s, sMax), l = calculateValue(colorCoords.l, baseHsl?.l, lMax);
60
60
  if (h !== undefined || s !== undefined || l !== undefined) {
61
61
  particleOptions = deepExtend({}, trailOptions.particles, {
@@ -75,7 +75,7 @@ export class TrailMaker extends ExternalInteractorBase {
75
75
  }
76
76
  container.particles.push(trailOptions.quantity, mousePos, particleOptions);
77
77
  }
78
- this._delay -= optDelay;
78
+ this.#delay -= optDelay;
79
79
  }
80
80
  isEnabled(interactivityData, particle) {
81
81
  const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
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.0.4");
4
+ engine.checkVersion("4.1.0");
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.0.4");
2
+ engine.checkVersion("4.1.0");
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.0.4",
3
+ "version": "4.1.0",
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.0.4",
101
- "@tsparticles/plugin-interactivity": "4.0.4"
100
+ "@tsparticles/engine": "4.1.0",
101
+ "@tsparticles/plugin-interactivity": "4.1.0"
102
102
  }
103
103
  }
package/report.html CHANGED
@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
4930
4930
  </script>
4931
4931
  <script>
4932
4932
  /*<!--*/
4933
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.trail.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"cad20629-1","name":"TrailColorWeight.js"},{"uid":"cad20629-3","name":"TrailColorComponent.js"},{"uid":"cad20629-5","name":"TrailColorCoords.js"},{"uid":"cad20629-7","name":"Trail.js"}]},{"uid":"cad20629-9","name":"TrailMaker.js"},{"uid":"cad20629-11","name":"index.js"},{"uid":"cad20629-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"cad20629-1":{"renderedLength":406,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-0"},"cad20629-3":{"renderedLength":523,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-2"},"cad20629-5":{"renderedLength":732,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-4"},"cad20629-7":{"renderedLength":1021,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-6"},"cad20629-9":{"renderedLength":4784,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-8"},"cad20629-11":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-10"},"cad20629-13":{"renderedLength":199,"gzipLength":0,"brotliLength":0,"metaUid":"cad20629-12"}},"nodeMetas":{"cad20629-0":{"id":"/dist/browser/Options/Classes/TrailColorWeight.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-1"},"imported":[],"importedBy":[{"uid":"cad20629-2"}]},"cad20629-2":{"id":"/dist/browser/Options/Classes/TrailColorComponent.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-3"},"imported":[{"uid":"cad20629-15"},{"uid":"cad20629-0"}],"importedBy":[{"uid":"cad20629-4"}]},"cad20629-4":{"id":"/dist/browser/Options/Classes/TrailColorCoords.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-5"},"imported":[{"uid":"cad20629-2"}],"importedBy":[{"uid":"cad20629-6"}]},"cad20629-6":{"id":"/dist/browser/Options/Classes/Trail.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-7"},"imported":[{"uid":"cad20629-15"},{"uid":"cad20629-4"}],"importedBy":[{"uid":"cad20629-10"},{"uid":"cad20629-8"}]},"cad20629-8":{"id":"/dist/browser/TrailMaker.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-9"},"imported":[{"uid":"cad20629-15"},{"uid":"cad20629-14"},{"uid":"cad20629-6"}],"importedBy":[{"uid":"cad20629-10"}]},"cad20629-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-11"},"imported":[{"uid":"cad20629-14"},{"uid":"cad20629-8"},{"uid":"cad20629-6"}],"importedBy":[{"uid":"cad20629-12"}]},"cad20629-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.trail.js":"cad20629-13"},"imported":[{"uid":"cad20629-10"}],"importedBy":[],"isEntry":true},"cad20629-14":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"cad20629-10"},{"uid":"cad20629-8"}],"isExternal":true},"cad20629-15":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"cad20629-8"},{"uid":"cad20629-6"},{"uid":"cad20629-2"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
4933
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.trail.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"9f59f93e-1","name":"TrailColorWeight.js"},{"uid":"9f59f93e-3","name":"TrailColorComponent.js"},{"uid":"9f59f93e-5","name":"TrailColorCoords.js"},{"uid":"9f59f93e-7","name":"Trail.js"}]},{"uid":"9f59f93e-9","name":"TrailMaker.js"},{"uid":"9f59f93e-11","name":"index.js"},{"uid":"9f59f93e-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"9f59f93e-1":{"renderedLength":406,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-0"},"9f59f93e-3":{"renderedLength":523,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-2"},"9f59f93e-5":{"renderedLength":732,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-4"},"9f59f93e-7":{"renderedLength":1021,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-6"},"9f59f93e-9":{"renderedLength":4789,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-8"},"9f59f93e-11":{"renderedLength":410,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-10"},"9f59f93e-13":{"renderedLength":199,"gzipLength":0,"brotliLength":0,"metaUid":"9f59f93e-12"}},"nodeMetas":{"9f59f93e-0":{"id":"/dist/browser/Options/Classes/TrailColorWeight.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-1"},"imported":[],"importedBy":[{"uid":"9f59f93e-2"}]},"9f59f93e-2":{"id":"/dist/browser/Options/Classes/TrailColorComponent.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-3"},"imported":[{"uid":"9f59f93e-15"},{"uid":"9f59f93e-0"}],"importedBy":[{"uid":"9f59f93e-4"}]},"9f59f93e-4":{"id":"/dist/browser/Options/Classes/TrailColorCoords.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-5"},"imported":[{"uid":"9f59f93e-2"}],"importedBy":[{"uid":"9f59f93e-6"}]},"9f59f93e-6":{"id":"/dist/browser/Options/Classes/Trail.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-7"},"imported":[{"uid":"9f59f93e-15"},{"uid":"9f59f93e-4"}],"importedBy":[{"uid":"9f59f93e-10"},{"uid":"9f59f93e-8"}]},"9f59f93e-8":{"id":"/dist/browser/TrailMaker.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-9"},"imported":[{"uid":"9f59f93e-15"},{"uid":"9f59f93e-14"},{"uid":"9f59f93e-6"}],"importedBy":[{"uid":"9f59f93e-10"}]},"9f59f93e-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-11"},"imported":[{"uid":"9f59f93e-14"},{"uid":"9f59f93e-8"},{"uid":"9f59f93e-6"}],"importedBy":[{"uid":"9f59f93e-12"}]},"9f59f93e-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.trail.js":"9f59f93e-13"},"imported":[{"uid":"9f59f93e-10"}],"importedBy":[],"isEntry":true},"9f59f93e-14":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"9f59f93e-10"},{"uid":"9f59f93e-8"}],"isExternal":true},"9f59f93e-15":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"9f59f93e-8"},{"uid":"9f59f93e-6"},{"uid":"9f59f93e-2"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
4934
4934
 
4935
4935
  const run = () => {
4936
4936
  const width = window.innerWidth;
package/tsparticles.interaction.external.trail.js CHANGED
@@ -1,5 +1,5 @@
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);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
2
- /* External Interaction v4.0.4 */
2
+ /* External Interaction v4.1.0 */
3
3
  (function (global, factory) {
4
4
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
5
5
  typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
@@ -111,13 +111,13 @@
111
111
  const trailMode = "trail", defaultMin = 0, defaultWeight = 0;
112
112
  class TrailMaker extends pluginInteractivity.ExternalInteractorBase {
113
113
  maxDistance = 0;
114
- _delay;
115
- _lastPosition;
116
- _pluginManager;
114
+ #delay;
115
+ #lastPosition;
116
+ #pluginManager;
117
117
  constructor(pluginManager, container) {
118
118
  super(container);
119
- this._pluginManager = pluginManager;
120
- this._delay = 0;
119
+ this.#pluginManager = pluginManager;
120
+ this.#delay = 0;
121
121
  }
122
122
  clear() {
123
123
  }
@@ -131,19 +131,19 @@
131
131
  if (!trailOptions)
132
132
  return;
133
133
  const optDelay = (trailOptions.delay * engine.millisecondsToSeconds) / this.container.retina.reduceFactor;
134
- if (this._delay < optDelay) {
135
- this._delay += delta.value;
134
+ if (this.#delay < optDelay) {
135
+ this.#delay += delta.value;
136
136
  }
137
- if (this._delay < optDelay)
137
+ if (this.#delay < optDelay)
138
138
  return;
139
139
  const mousePos = interactivityData.mouse.position, canEmit = !(trailOptions.pauseOnStop &&
140
- (mousePos === this._lastPosition ||
141
- (mousePos?.x === this._lastPosition?.x && mousePos?.y === this._lastPosition?.y)));
140
+ (mousePos === this.#lastPosition ||
141
+ (mousePos?.x === this.#lastPosition?.x && mousePos?.y === this.#lastPosition?.y)));
142
142
  if (mousePos) {
143
- this._lastPosition = { ...mousePos };
143
+ this.#lastPosition = { ...mousePos };
144
144
  }
145
145
  else {
146
- delete this._lastPosition;
146
+ this.#lastPosition = undefined;
147
147
  }
148
148
  if (canEmit && mousePos) {
149
149
  let particleOptions = trailOptions.particles;
@@ -162,7 +162,7 @@
162
162
  }, trailPaintOptions = trailOptions.particles?.paint
163
163
  ? engine.itemFromSingleOrMultiple(trailOptions.particles.paint)
164
164
  : undefined, fillData = trailPaintOptions?.fill, baseHsl = fillData
165
- ? engine.rangeColorToHsl(this._pluginManager, engine.AnimatableColor.create(undefined, fillData.color))
165
+ ? engine.rangeColorToHsl(this.#pluginManager, engine.AnimatableColor.create(undefined, fillData.color))
166
166
  : undefined, h = calculateValue(colorCoords.h, baseHsl?.h, engine.hMax), s = calculateValue(colorCoords.s, baseHsl?.s, engine.sMax), l = calculateValue(colorCoords.l, baseHsl?.l, engine.lMax);
167
167
  if (h !== undefined || s !== undefined || l !== undefined) {
168
168
  particleOptions = engine.deepExtend({}, trailOptions.particles, {
@@ -182,7 +182,7 @@
182
182
  }
183
183
  container.particles.push(trailOptions.quantity, mousePos, particleOptions);
184
184
  }
185
- this._delay -= optDelay;
185
+ this.#delay -= optDelay;
186
186
  }
187
187
  isEnabled(interactivityData, particle) {
188
188
  const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
@@ -201,7 +201,7 @@
201
201
  }
202
202
 
203
203
  async function loadExternalTrailInteraction(engine) {
204
- engine.checkVersion("4.0.4");
204
+ engine.checkVersion("4.1.0");
205
205
  await engine.pluginManager.register((e) => {
206
206
  pluginInteractivity.ensureInteractivityPluginLoaded(e);
207
207
  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),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalTrail=t.__tsParticlesInternals.interactions.externalTrail||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class n{x;y;constructor(){this.x=0,this.y=0}load(t){t&&(void 0!==t.x&&(this.x=t.x),void 0!==t.y&&(this.y=t.y))}}class a{value;weights;constructor(){this.weights=new n}load(t){t&&(t.weights&&(this.weights??=new n,this.weights.load(t.weights)),e.isNull(t.value)||(this.value=e.setRangeValue(t.value)))}}class i{h;l;s;constructor(){this.h=new a,this.s=new a,this.l=new a}load(t){t&&(t.h&&(this.h??=new a,this.h.load(t.h)),t.s&&(this.s??=new a,this.s.load(t.s)),t.l&&(this.l??=new a,this.l.load(t.l)))}}class l{colorCoords;delay;particles;pauseOnStop;quantity;constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1,this.colorCoords=new i}load(t){e.isNull(t)||(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.quantity&&(this.quantity=t.quantity),void 0!==t.pauseOnStop&&(this.pauseOnStop=t.pauseOnStop),void 0!==t.particles&&(this.particles=e.deepExtend({},t.particles)),t.colorCoords&&(this.colorCoords??=new i,this.colorCoords.load(t.colorCoords)))}}const r="trail";class c extends s.ExternalInteractorBase{maxDistance=0;_delay;_lastPosition;_pluginManager;constructor(t,s){super(s),this._pluginManager=t,this._delay=0}clear(){}init(){}interact(t,s){const n=this.container;if(!n.retina.reduceFactor)return;const a=n.actualOptions,i=a.interactivity?.modes.trail;if(!i)return;const l=i.delay*e.millisecondsToSeconds/this.container.retina.reduceFactor;if(this._delay<l&&(this._delay+=s.value),this._delay<l)return;const r=t.mouse.position,c=!(i.pauseOnStop&&(r===this._lastPosition||r?.x===this._lastPosition?.x&&r?.y===this._lastPosition?.y));if(r?this._lastPosition={...r}:delete this._lastPosition,c&&r){let t=i.particles;const s=i.colorCoords;if(s){const{width:a,height:l}=n.canvas.size,c={x:r.x/a,y:r.y/l},o=t=>!!(t?.weights?.x??t?.weights?.y),_=(t,s,n)=>{if(!o(t))return;const a=t?.weights,i=c.x*(a?.x??0)+c.y*(a?.y??0),l=t?.value??s,r=e.getRangeMin(l??0),_=e.getRangeMax(l??n),p=r+i*(_-r);return Math.min(_,Math.max(r,p))},p=i.particles?.paint?e.itemFromSingleOrMultiple(i.particles.paint):void 0,h=p?.fill,u=h?e.rangeColorToHsl(this._pluginManager,e.AnimatableColor.create(void 0,h.color)):void 0,d=_(s.h,u?.h,e.hMax),I=_(s.s,u?.s,e.sMax),P=_(s.l,u?.l,e.lMax);void 0===d&&void 0===I&&void 0===P||(t=e.deepExtend({},i.particles,{paint:{fill:{color:{value:{h:d??u?.h,s:I??u?.s,l:P??u?.l}}}}}))}n.particles.push(i.quantity,r,t)}this._delay-=l}isEnabled(t,s){const n=this.container.actualOptions,a=t.mouse,i=(s?.interactivity??n.interactivity)?.events;return!!i&&(a.clicking&&a.inside&&!!a.position&&e.isInArray(r,i.onClick.mode)||a.inside&&!!a.position&&e.isInArray(r,i.onHover.mode))}loadModeOptions(t,...s){t.trail??=new l;for(const e of s)t.trail.load(e?.trail)}reset(){}}async function o(t){t.checkVersion("4.0.4"),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=l,t.loadExternalTrailInteraction=o}),Object.assign(globalThis.window||globalThis,{loadExternalTrailInteraction:(globalThis.__tsParticlesInternals.interactions.externalTrail||{}).loadExternalTrailInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
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),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalTrail=t.__tsParticlesInternals.interactions.externalTrail||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class n{x;y;constructor(){this.x=0,this.y=0}load(t){t&&(void 0!==t.x&&(this.x=t.x),void 0!==t.y&&(this.y=t.y))}}class a{value;weights;constructor(){this.weights=new n}load(t){t&&(t.weights&&(this.weights??=new n,this.weights.load(t.weights)),e.isNull(t.value)||(this.value=e.setRangeValue(t.value)))}}class i{h;l;s;constructor(){this.h=new a,this.s=new a,this.l=new a}load(t){t&&(t.h&&(this.h??=new a,this.h.load(t.h)),t.s&&(this.s??=new a,this.s.load(t.s)),t.l&&(this.l??=new a,this.l.load(t.l)))}}class l{colorCoords;delay;particles;pauseOnStop;quantity;constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1,this.colorCoords=new i}load(t){e.isNull(t)||(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.quantity&&(this.quantity=t.quantity),void 0!==t.pauseOnStop&&(this.pauseOnStop=t.pauseOnStop),void 0!==t.particles&&(this.particles=e.deepExtend({},t.particles)),t.colorCoords&&(this.colorCoords??=new i,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 n=this.container;if(!n.retina.reduceFactor)return;const a=n.actualOptions,i=a.interactivity?.modes.trail;if(!i)return;const l=i.delay*e.millisecondsToSeconds/this.container.retina.reduceFactor;if(this.#t<l&&(this.#t+=s.value),this.#t<l)return;const r=t.mouse.position,c=!(i.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=i.particles;const s=i.colorCoords;if(s){const{width:a,height:l}=n.canvas.size,c={x:r.x/a,y:r.y/l},o=t=>!!(t?.weights?.x??t?.weights?.y),_=(t,s,n)=>{if(!o(t))return;const a=t?.weights,i=c.x*(a?.x??0)+c.y*(a?.y??0),l=t?.value??s,r=e.getRangeMin(l??0),_=e.getRangeMax(l??n),p=r+i*(_-r);return Math.min(_,Math.max(r,p))},p=i.particles?.paint?e.itemFromSingleOrMultiple(i.particles.paint):void 0,h=p?.fill,u=h?e.rangeColorToHsl(this.#e,e.AnimatableColor.create(void 0,h.color)):void 0,d=_(s.h,u?.h,e.hMax),I=_(s.s,u?.s,e.sMax),P=_(s.l,u?.l,e.lMax);void 0===d&&void 0===I&&void 0===P||(t=e.deepExtend({},i.particles,{paint:{fill:{color:{value:{h:d??u?.h,s:I??u?.s,l:P??u?.l}}}}}))}n.particles.push(i.quantity,r,t)}this.#t-=l}isEnabled(t,s){const n=this.container.actualOptions,a=t.mouse,i=(s?.interactivity??n.interactivity)?.events;return!!i&&(a.clicking&&a.inside&&!!a.position&&e.isInArray(r,i.onClick.mode)||a.inside&&!!a.position&&e.isInArray(r,i.onHover.mode))}loadModeOptions(t,...s){t.trail??=new l;for(const e of s)t.trail.load(e?.trail)}reset(){}}async function o(t){t.checkVersion("4.1.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=l,t.loadExternalTrailInteraction=o}),Object.assign(globalThis.window||globalThis,{loadExternalTrailInteraction:(globalThis.__tsParticlesInternals.interactions.externalTrail||{}).loadExternalTrailInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
package/types/TrailMaker.d.ts CHANGED
@@ -2,10 +2,8 @@ import { type IDelta, type RecursivePartial } from "@tsparticles/engine";
2
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
+ #private;
5
6
  readonly maxDistance = 0;
6
- private _delay;
7
- private _lastPosition?;
8
- private readonly _pluginManager;
9
7
  constructor(pluginManager: InteractivityPluginManager, container: TrailContainer);
10
8
  clear(): void;
11
9
  init(): void;