@supermousejs/trail 2.3.1 → 2.4.0

package/README.md

@@ -1,6 +1,6 @@
 # @supermousejs/trail
 
-Generates procedural particles that trail behind your motion.
+Generates procedural particles that trail behind your motion
 
 ## Installation
 

package/dist/index.mjs

@@ -1,32 +1,36 @@
-import { normalize as d, definePlugin as p, dom as o, Layers as z } from "@supermousejs/utils";
-const C = (s = {}) => {
-  const l = s.length || 10, f = d(s.size, 6), m = d(s.color, "#ff00ff"), a = [], n = [];
+import { normalize as f, definePlugin as p, dom as r, Layers as z } from "@supermousejs/utils";
+const b = (o = {}) => {
+  const c = o.length || 10, g = f(o.size, 6), m = f(o.color, "#ff00ff"), a = [], s = [];
   return p(
     {
-      name: s.name || "trail",
+      name: o.name || "trail",
       create: () => {
-        a.length = 0, n.length = 0;
-        const t = o.createActor("div");
+        a.length = 0, s.length = 0;
+        const t = r.createActor("div");
         t.style.zIndex = z.TRACE;
-        for (let r = 0; r < l; r++) {
-          const e = o.createCircle(0, "#000");
-          e.style.position = "absolute", e.style.opacity = String(1 - r / l), t.appendChild(e), a.push(e), n.push({ x: -100, y: -100 });
+        for (let n = 0; n < c; n++) {
+          const e = r.createCircle(0, "#000");
+          e.style.position = "absolute", e.style.opacity = String(1 - n / c), t.appendChild(e), a.push(e), s.push({ x: -100, y: -100 });
         }
         return t;
       },
       update: (t) => {
-        const { x: r, y: e } = t.state.smooth;
-        n.pop(), n.unshift({ x: r, y: e });
-        const u = f(t.state), g = m(t.state);
-        a.forEach((c, i) => {
-          const h = n[i], x = 1 - i / l, y = u * x;
-          o.setStyle(c, "width", `${y}px`), o.setStyle(c, "height", `${y}px`), o.setStyle(c, "backgroundColor", g), o.setTransform(c, h.x, h.y);
+        const { x: n, y: e } = t.state.smooth;
+        s.pop(), s.unshift({ x: n, y: e });
+        const u = g(t.state), y = m(t.state);
+        a.forEach((l, i) => {
+          const h = s[i], x = 1 - i / c, d = u * x;
+          r.css(l, {
+            width: `${d}px`,
+            height: `${d}px`,
+            backgroundColor: y
+          }), r.setTransform(l, h.x, h.y);
         });
       }
     },
-    s
+    o
   );
 };
 export {
-  C as Trail
+  b as Trail
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.SupermouseTrail={},t.SupermouseUtils))})(this,(function(t,e){"use strict";const u=(s={})=>{const d=s.length||10,h=e.normalize(s.size,6),y=e.normalize(s.color,"#ff00ff"),a=[],r=[];return e.definePlugin({name:s.name||"trail",create:()=>{a.length=0,r.length=0;const o=e.dom.createActor("div");o.style.zIndex=e.Layers.TRACE;for(let c=0;c<d;c++){const n=e.dom.createCircle(0,"#000");n.style.position="absolute",n.style.opacity=String(1-c/d),o.appendChild(n),a.push(n),r.push({x:-100,y:-100})}return o},update:o=>{const{x:c,y:n}=o.state.smooth;r.pop(),r.unshift({x:c,y:n});const p=h(o.state),S=y(o.state);a.forEach((i,l)=>{const f=r[l],g=1-l/d,m=p*g;e.dom.setStyle(i,"width",`${m}px`),e.dom.setStyle(i,"height",`${m}px`),e.dom.setStyle(i,"backgroundColor",S),e.dom.setTransform(i,f.x,f.y)})}},s)};t.Trail=u,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.SupermouseTrail={},t.SupermouseUtils))})(this,(function(t,e){"use strict";const m=(s={})=>{const i=s.length||10,h=e.normalize(s.size,6),p=e.normalize(s.color,"#ff00ff"),d=[],r=[];return e.definePlugin({name:s.name||"trail",create:()=>{d.length=0,r.length=0;const o=e.dom.createActor("div");o.style.zIndex=e.Layers.TRACE;for(let c=0;c<i;c++){const n=e.dom.createCircle(0,"#000");n.style.position="absolute",n.style.opacity=String(1-c/i),o.appendChild(n),d.push(n),r.push({x:-100,y:-100})}return o},update:o=>{const{x:c,y:n}=o.state.smooth;r.pop(),r.unshift({x:c,y:n});const y=h(o.state),g=p(o.state);d.forEach((a,l)=>{const u=r[l],x=1-l/i,f=y*x;e.dom.css(a,{width:`${f}px`,height:`${f}px`,backgroundColor:g}),e.dom.setTransform(a,u.x,u.y)})}},s)};t.Trail=m,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@supermousejs/trail",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "description": "Generates procedural particles that trail behind your motion",
   "files": [
     "dist",
     "README.md"
@@ -12,13 +13,13 @@
   "url": "https://github.com/Whitestar14/supermouse-js",
   "license": "MIT",
   "dependencies": {
-    "@supermousejs/utils": "2.3.1"
+    "@supermousejs/utils": "2.4.0"
   },
   "devDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.0"
   },
   "peerDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.0"
   },
   "repository": {
     "type": "git",