@tsparticles/effect-trail 4.0.0-beta.16 → 4.0.0-beta.17

package/browser/index.js

@@ -1,6 +1,6 @@
 import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", container => {
             return Promise.resolve(new TrailDrawer(container));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", async (container) => {
             const { TrailDrawer } = await import("./TrailDrawer.js");

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", container => {
             return Promise.resolve(new TrailDrawer(container));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", async (container) => {
             const { TrailDrawer } = await import("./TrailDrawer.js");

package/esm/index.js

@@ -1,6 +1,6 @@
 import { TrailDrawer } from "./TrailDrawer.js";
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", container => {
             return Promise.resolve(new TrailDrawer(container));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTrailEffect(engine) {
-    engine.checkVersion("4.0.0-beta.16");
+    engine.checkVersion("4.0.0-beta.17");
     await engine.pluginManager.register(e => {
         e.pluginManager.addEffect("trail", async (container) => {
             const { TrailDrawer } = await import("./TrailDrawer.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/effect-trail",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "tsParticles trail effect",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -106,7 +106,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.0-beta.16"
+    "@tsparticles/engine": "4.0.0-beta.17"
   },
   "publishConfig": {
     "access": "public"

package/tsparticles.effect.trail.js

@@ -1,5 +1,5 @@
 (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);
-/* Effect v4.0.0-beta.16 */
+/* Effect v4.0.0-beta.17 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine'], factory) :
@@ -83,7 +83,7 @@
     }
 
     async function loadTrailEffect(engine) {
-        engine.checkVersion("4.0.0-beta.16");
+        engine.checkVersion("4.0.0-beta.17");
         await engine.pluginManager.register(e => {
             e.pluginManager.addEffect("trail", container => {
                 return Promise.resolve(new TrailDrawer(container));

package/tsparticles.effect.trail.min.js

@@ -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/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.effects.trail=t.__tsParticlesInternals.effects.trail||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";const e={a:1,b:0,c:0,d:1};class a{_container;constructor(t){this._container=t}drawAfter(t){const{context:a,drawPosition:n,drawRadius:l,drawScale:r,particle:i,transformData:_}=t,c=this._container,o=l*s.double,P=c.retina.pixelRatio,p=i.trail;if(!p||!i.trailLength)return;const I=n,f=i.trailLength*r+l;if(p.push({break:i.justWarped,color:a.fillStyle||a.strokeStyle,position:{x:I.x,y:I.y},transformData:_}),p.length<3)return;const h=Math.floor(f);p.length>h&&p.splice(0,p.length-h);const u=Math.min(p.length,f);a.save(),a.lineCap="butt",a.lineJoin="round";for(let t=u-2;t>0;t--){const n=p[t+1],l=p[t],_=p[t-1];if(!n||!l||!_)continue;const c=n.position,I=l.position,f=_.position,h=i.trailTransform?l.transformData??e:e;if(l.break||n.break||_.break)continue;a.setTransform(h.a,h.b,h.c,h.d,I.x,I.y);const d=(c.x+I.x)*s.half-I.x,g=(c.y+I.y)*s.half-I.y,b=(I.x+f.x)*s.half-I.x,x=(I.y+f.y)*s.half-I.y;a.beginPath(),a.moveTo(d,g),a.quadraticCurveTo(s.originPoint.x,s.originPoint.y,b,x);const y=Math.max(t/u*o,P,(i.trailMinWidth??-1)*r),m=a.globalAlpha;a.globalAlpha=i.trailFade?t/u:s.defaultAlpha,a.lineWidth=i.trailMaxWidth?Math.min(y,i.trailMaxWidth*r):y,a.strokeStyle=l.color,a.stroke(),a.globalAlpha=m}a.restore()}particleInit(t,e){e.trail=[];const a=e.effectData;e.trailFade=a?.fade??!0,e.trailLength=s.getRangeValue(a?.length??10)*t.retina.pixelRatio,e.trailMaxWidth=a?.maxWidth?s.getRangeValue(a.maxWidth)*t.retina.pixelRatio:void 0,e.trailMinWidth=a?.minWidth?s.getRangeValue(a.minWidth)*t.retina.pixelRatio:void 0,e.trailTransform=a?.transform??!1}}async function n(t){t.checkVersion("4.0.0-beta.16"),await t.pluginManager.register(t=>{t.pluginManager.addEffect("trail",t=>Promise.resolve(new a(t)))})}const l=globalThis;l.__tsParticlesInternals=l.__tsParticlesInternals??{},l.loadTrailEffect=n,t.loadTrailEffect=n}),Object.assign(globalThis.window||globalThis,{loadTrailEffect:(globalThis.__tsParticlesInternals.effects.trail||{}).loadTrailEffect}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!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/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.effects.trail=t.__tsParticlesInternals.effects.trail||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";const e={a:1,b:0,c:0,d:1};class a{_container;constructor(t){this._container=t}drawAfter(t){const{context:a,drawPosition:n,drawRadius:l,drawScale:r,particle:i,transformData:_}=t,c=this._container,o=l*s.double,P=c.retina.pixelRatio,p=i.trail;if(!p||!i.trailLength)return;const I=n,f=i.trailLength*r+l;if(p.push({break:i.justWarped,color:a.fillStyle||a.strokeStyle,position:{x:I.x,y:I.y},transformData:_}),p.length<3)return;const h=Math.floor(f);p.length>h&&p.splice(0,p.length-h);const u=Math.min(p.length,f);a.save(),a.lineCap="butt",a.lineJoin="round";for(let t=u-2;t>0;t--){const n=p[t+1],l=p[t],_=p[t-1];if(!n||!l||!_)continue;const c=n.position,I=l.position,f=_.position,h=i.trailTransform?l.transformData??e:e;if(l.break||n.break||_.break)continue;a.setTransform(h.a,h.b,h.c,h.d,I.x,I.y);const d=(c.x+I.x)*s.half-I.x,g=(c.y+I.y)*s.half-I.y,b=(I.x+f.x)*s.half-I.x,x=(I.y+f.y)*s.half-I.y;a.beginPath(),a.moveTo(d,g),a.quadraticCurveTo(s.originPoint.x,s.originPoint.y,b,x);const y=Math.max(t/u*o,P,(i.trailMinWidth??-1)*r),m=a.globalAlpha;a.globalAlpha=i.trailFade?t/u:s.defaultAlpha,a.lineWidth=i.trailMaxWidth?Math.min(y,i.trailMaxWidth*r):y,a.strokeStyle=l.color,a.stroke(),a.globalAlpha=m}a.restore()}particleInit(t,e){e.trail=[];const a=e.effectData;e.trailFade=a?.fade??!0,e.trailLength=s.getRangeValue(a?.length??10)*t.retina.pixelRatio,e.trailMaxWidth=a?.maxWidth?s.getRangeValue(a.maxWidth)*t.retina.pixelRatio:void 0,e.trailMinWidth=a?.minWidth?s.getRangeValue(a.minWidth)*t.retina.pixelRatio:void 0,e.trailTransform=a?.transform??!1}}async function n(t){t.checkVersion("4.0.0-beta.17"),await t.pluginManager.register(t=>{t.pluginManager.addEffect("trail",t=>Promise.resolve(new a(t)))})}const l=globalThis;l.__tsParticlesInternals=l.__tsParticlesInternals??{},l.loadTrailEffect=n,t.loadTrailEffect=n}),Object.assign(globalThis.window||globalThis,{loadTrailEffect:(globalThis.__tsParticlesInternals.effects.trail||{}).loadTrailEffect}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/TrailDrawer.d.ts

@@ -1,5 +1,5 @@
 import { type Container, type ICoordinates, type IEffectDrawer, type IShapeDrawData, type IShapeValues, type Particle, type RangeValue } from "@tsparticles/engine";
-interface TrailStep {
+export interface TrailStep {
     break: boolean;
     color: string | CanvasGradient | CanvasPattern;
     position: ICoordinates;
@@ -10,14 +10,14 @@ interface TrailStep {
         d: number;
     };
 }
-interface ITrailData extends IShapeValues {
+export interface ITrailData extends IShapeValues {
     fade?: boolean;
     length?: RangeValue;
     maxWidth?: RangeValue;
     minWidth?: RangeValue;
     transform?: boolean;
 }
-type TrailParticle = Particle & {
+export type TrailParticle = Particle & {
     effectData?: ITrailData;
     trail?: TrailStep[];
     trailFade?: boolean;
@@ -32,4 +32,3 @@ export declare class TrailDrawer implements IEffectDrawer<TrailParticle> {
     drawAfter(data: IShapeDrawData<TrailParticle>): void;
     particleInit(container: Container, particle: TrailParticle): void;
 }
-export {};