@tsparticles/effect-trail 4.0.0-beta.0 → 4.0.0-beta.10

package/tsparticles.effect.trail.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.10
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -44,7 +44,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addEffect(\"trail\", async ()=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"./dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/effect-trail/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"trail\", async (container)=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"./dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/effect-trail/./dist/browser/index.js?\n}");
 
 /***/ }
 

package/tsparticles.effect.trail.min.js

@@ -1,2 +1,2 @@
 !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,i={303(t){t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.m=i,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},a.l=(e,t,r,o)=>{if(c[e])return void c[e].push(t);if(void 0!==r)for(var i,n,s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var p=s[l];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/effect-trail:"+r){i=p;break}}i||(n=!0,(i=document.createElement("script")).charset="utf-8",a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack","@tsparticles/effect-trail:"+r),i.src=e),c[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(f);var o=c[e];if(delete c[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),n&&document.head.appendChild(i)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(s=a.g.location+"");var c,s,l=a.g.document;if(!s&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(s=l.currentScript.src),!s)){var p=l.getElementsByTagName("script");if(p.length)for(var u=p.length-1;u>-1&&(!s||!/^http(s?):/.test(s));)s=p[u--].src}if(!s)throw Error("Automatic publicPath is not supported in this browser");a.p=s=s.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={826:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((r,i)=>o=t[e]=[r,i]);r.push(o[2]=i);var n=a.p+a.u(e),c=Error();a.l(n,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;c.message="Loading chunk "+e+` failed.
-(`+i+": "+n+")",c.name="ChunkLoadError",c.type=i,c.request=n,o[1](c)}},"chunk-"+e,e)}},r=(e,r)=>{var o,i,[n,c,s]=r,l=0;if(n.some(e=>0!==t[e])){for(o in c)a.o(c,o)&&(a.m[o]=c[o]);s&&s(a)}for(e&&e(r);l<n.length;l++)i=n[l],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_effect_trail=this.webpackChunk_tsparticles_effect_trail||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var f={};async function d(e){e.checkVersion("4.0.0-beta.0"),await e.register(e=>{e.addEffect("trail",async()=>{let{TrailDrawer:e}=await a.e(543).then(a.bind(a,543));return new e})})}return a.r(f),a.d(f,{loadTrailEffect:()=>d}),f})());
+(`+i+": "+n+")",c.name="ChunkLoadError",c.type=i,c.request=n,o[1](c)}},"chunk-"+e,e)}},r=(e,r)=>{var o,i,[n,c,s]=r,l=0;if(n.some(e=>0!==t[e])){for(o in c)a.o(c,o)&&(a.m[o]=c[o]);s&&s(a)}for(e&&e(r);l<n.length;l++)i=n[l],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_effect_trail=this.webpackChunk_tsparticles_effect_trail||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var f={};async function d(e){e.checkVersion("4.0.0-beta.10"),await e.pluginManager.register(e=>{e.pluginManager.addEffect("trail",async e=>{let{TrailDrawer:t}=await a.e(410).then(a.bind(a,410));return new t(e)})})}return a.r(f),a.d(f,{loadTrailEffect:()=>d}),f})());

package/types/TrailDrawer.d.ts

@@ -18,6 +18,8 @@ type TrailParticle = Particle & {
     trailTransform?: boolean;
 };
 export declare class TrailDrawer implements IEffectDrawer<TrailParticle> {
+    private readonly _container;
+    constructor(container: Container);
     drawAfter(data: IShapeDrawData<TrailParticle>): void;
     particleInit(container: Container, particle: TrailParticle): void;
 }

package/543.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_effect_trail=this.webpackChunk_tsparticles_effect_trail||[]).push([[543],{543(t,a,i){i.d(a,{TrailDrawer:()=>n});var e=i(303);let l={a:1,b:0,c:0,d:1};class n{drawAfter(t){let{context:a,drawPosition:i,drawRadius:n,drawScale:r,particle:h,transformData:o}=t,s=n*e.double,d=h.container.retina.pixelRatio,f=h.trail;if(!f||!h.trailLength)return;let c=h.trailLength*r+n;if(f.push({color:a.fillStyle||a.strokeStyle,position:{x:i.x,y:i.y},transformData:o}),f.length<3)return;let g=Math.floor(c);f.length>g&&f.splice(0,f.length-g);let x=Math.min(f.length,c),p={width:h.container.canvas.size.width*r+s,height:h.container.canvas.size.height*r+s};a.save(),a.lineCap="butt",a.lineJoin="round";for(let t=x-2;t>0;t--){let i=f[t+1],n=f[t],o=f[t-1];if(!i||!n||!o)continue;let g=i.position,u=n.position,y=o.position,b=h.trailTransform?n.transformData??l:l,{distance:m}=(0,e.getDistances)(g,u),{distance:M}=(0,e.getDistances)(u,y);if(m>c*e.double||M>c*e.double||Math.abs(g.x-u.x)>p.width*e.half||Math.abs(g.y-u.y)>p.height*e.half||Math.abs(u.x-y.x)>p.width*e.half||Math.abs(u.y-y.y)>p.height*e.half)continue;a.setTransform(b.a,b.b,b.c,b.d,u.x,u.y);let W=(g.x+u.x)*e.half-u.x,v=(g.y+u.y)*e.half-u.y,w=(u.x+y.x)*e.half-u.x,k=(u.y+y.y)*e.half-u.y;a.beginPath(),a.moveTo(W,v),a.quadraticCurveTo(e.originPoint.x,e.originPoint.y,w,k);let R=Math.max(t/x*s,d,(h.trailMinWidth??-1)*r),T=a.globalAlpha;a.globalAlpha=h.trailFade?t/x:e.defaultAlpha,a.lineWidth=h.trailMaxWidth?Math.min(R,h.trailMaxWidth*r):R,a.strokeStyle=n.color,a.stroke(),a.globalAlpha=T}a.restore()}particleInit(t,a){a.trail=[];let i=a.effectData;a.trailFade=i?.fade??!0,a.trailLength=(0,e.getRangeValue)(i?.length??10)*t.retina.pixelRatio,a.trailMaxWidth=i?.maxWidth?(0,e.getRangeValue)(i.maxWidth)*t.retina.pixelRatio:void 0,a.trailMinWidth=i?.minWidth?(0,e.getRangeValue)(i.minWidth)*t.retina.pixelRatio:void 0,a.trailTransform=i?.transform??!1}}}}]);

package/umd/TrailDrawer.js

@@ -1,94 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TrailDrawer = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const minTrailLength = 3, trailLengthOffset = 1, minWidth = -1, firstIndex = 0, defaultLength = 10, loopTrailLengthOffset = 2, loopTrailLengthMinIndex = 0;
-    const defaultTransform = {
-        a: 1,
-        b: 0,
-        c: 0,
-        d: 1,
-    };
-    class TrailDrawer {
-        drawAfter(data) {
-            const { context, drawPosition, drawRadius, drawScale, particle, transformData } = data, diameter = drawRadius * engine_1.double, pxRatio = particle.container.retina.pixelRatio, trail = particle.trail;
-            if (!trail || !particle.trailLength) {
-                return;
-            }
-            const currentPos = drawPosition, pathLength = particle.trailLength * drawScale + drawRadius;
-            trail.push({
-                color: context.fillStyle || context.strokeStyle,
-                position: {
-                    x: currentPos.x,
-                    y: currentPos.y,
-                },
-                transformData,
-            });
-            if (trail.length < minTrailLength) {
-                return;
-            }
-            const pathLengthFloor = Math.floor(pathLength);
-            if (trail.length > pathLengthFloor) {
-                trail.splice(firstIndex, trail.length - pathLengthFloor);
-            }
-            const trailLength = Math.min(trail.length, pathLength), canvasSize = {
-                width: particle.container.canvas.size.width * drawScale + diameter,
-                height: particle.container.canvas.size.height * drawScale + diameter,
-            };
-            context.save();
-            context.lineCap = "butt";
-            context.lineJoin = "round";
-            for (let i = trailLength - loopTrailLengthOffset; i > loopTrailLengthMinIndex; i--) {
-                const previousStep = trail[i + trailLengthOffset], step = trail[i], nextStep = trail[i - trailLengthOffset];
-                if (!previousStep || !step || !nextStep) {
-                    continue;
-                }
-                const previousPosition = previousStep.position, position = step.position, nextPosition = nextStep.position, stepTransformData = particle.trailTransform ? (step.transformData ?? defaultTransform) : defaultTransform, { distance: previousDistance } = (0, engine_1.getDistances)(previousPosition, position), { distance: nextDistance } = (0, engine_1.getDistances)(position, nextPosition);
-                if (previousDistance > pathLength * engine_1.double || nextDistance > pathLength * engine_1.double) {
-                    continue;
-                }
-                if (Math.abs(previousPosition.x - position.x) > canvasSize.width * engine_1.half ||
-                    Math.abs(previousPosition.y - position.y) > canvasSize.height * engine_1.half ||
-                    Math.abs(position.x - nextPosition.x) > canvasSize.width * engine_1.half ||
-                    Math.abs(position.y - nextPosition.y) > canvasSize.height * engine_1.half) {
-                    continue;
-                }
-                context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);
-                const startX = (previousPosition.x + position.x) * engine_1.half - position.x, startY = (previousPosition.y + position.y) * engine_1.half - position.y, endX = (position.x + nextPosition.x) * engine_1.half - position.x, endY = (position.y + nextPosition.y) * engine_1.half - position.y;
-                context.beginPath();
-                context.moveTo(startX, startY);
-                context.quadraticCurveTo(engine_1.originPoint.x, engine_1.originPoint.y, endX, endY);
-                const width = Math.max((i / trailLength) * diameter, pxRatio, (particle.trailMinWidth ?? minWidth) * drawScale), oldAlpha = context.globalAlpha;
-                context.globalAlpha = particle.trailFade ? i / trailLength : engine_1.defaultAlpha;
-                context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth * drawScale) : width;
-                context.strokeStyle = step.color;
-                context.stroke();
-                context.globalAlpha = oldAlpha;
-            }
-            context.restore();
-        }
-        particleInit(container, particle) {
-            particle.trail = [];
-            const effectData = particle.effectData;
-            particle.trailFade = effectData?.fade ?? true;
-            particle.trailLength = (0, engine_1.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;
-            particle.trailMaxWidth = effectData?.maxWidth
-                ? (0, engine_1.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio
-                : undefined;
-            particle.trailMinWidth = effectData?.minWidth
-                ? (0, engine_1.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio
-                : undefined;
-            particle.trailTransform = effectData?.transform ?? false;
-        }
-    }
-    exports.TrailDrawer = TrailDrawer;
-});

package/umd/index.js

@@ -1,56 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadTrailEffect = loadTrailEffect;
-    async function loadTrailEffect(engine) {
-        engine.checkVersion("4.0.0-beta.0");
-        await engine.register(e => {
-            e.addEffect("trail", async () => {
-                const { TrailDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./TrailDrawer.js"))) : new Promise((resolve_1, reject_1) => { require(["./TrailDrawer.js"], resolve_1, reject_1); }).then(__importStar));
-                return new TrailDrawer();
-            });
-        });
-    }
-});