@andresclua/infinite-marquee-gsap - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

package.json

 {
   "name": "@andresclua/infinite-marquee-gsap",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "main": "index.js",
@@ -5,0 +5,0 @@ "author": "Andres Clua",

src/js/verticalLoop.js

 import gsap from 'gsap';
 
 function verticalLoop(elements, speed) {
-    elements = gsap.utils.toArray(elements);
+    elements = gsap.utils.toArray(elements)
+
+    if (!Array.isArray(elements) || elements.length === 0) {
+        return null
+    }
+
+    config = config || {}
     let firstBounds = elements[0].getBoundingClientRect(),
-        lastBounds = elements[elements.length - 1].getBoundingClientRect(),
-        top = firstBounds.top - firstBounds.height - Math.abs(elements[1].getBoundingClientRect().top - firstBounds.bottom),
+        lastBounds = elements[elements.length - 1].getBoundingClientRect()
+
+    if (!firstBounds || !lastBounds) {
+        return null
+    }
+
+    let top =
+            firstBounds.top -
+            firstBounds.height -
+            Math.abs(elements[1].getBoundingClientRect().top - firstBounds.bottom),
         bottom = lastBounds.top,
         distance = bottom - top,
+        speed = config.speed * 100 || 1,
         duration = Math.abs(distance / speed),
-        tl = gsap.timeline({repeat: -1}),
+        tl = gsap.timeline({ repeat: config.repeat || -1, paused: config.paused || false }),
         plus = speed < 0 ? "-=" : "+=",
-        minus = speed < 0 ? "+=" : "-=";
-    elements.forEach(el => {
-      let bounds = el.getBoundingClientRect(),
-          ratio = Math.abs((bottom - bounds.top) / distance);
-      if (speed < 0) {
-        ratio = 1 - ratio;
-      }
-      tl.to(el, {
-        y: plus + distance * ratio,
-        duration: duration * ratio,
-        ease: "none"
-      }, 0);
-      tl.fromTo(el, {
-        y: minus + distance
-      }, {
-        y: plus + (1 - ratio) * distance,
-        ease: "none",
-        duration: (1 - ratio) * duration,
-        immediateRender: false
-      }, duration * ratio)
-    });
-    return tl;
+        minus = speed < 0 ? "+=" : "-="
+
+    elements.forEach((el) => {
+        if (el) {
+            let bounds = el.getBoundingClientRect(),
+                ratio = Math.abs((bottom - bounds.top) / distance)
+
+            if (speed < 0) {
+                ratio = 1 - ratio
+            }
+
+            tl.to(
+                el,
+                {
+                    y: plus + distance * ratio,
+                    duration: duration * ratio,
+                    ease: "none",
+                },
+                0
+            )
+
+            tl.fromTo(
+                el,
+                {
+                    y: minus + distance,
+                },
+                {
+                    y: plus + (1 - ratio) * distance,
+                    ease: "none",
+                    duration: (1 - ratio) * duration,
+                    immediateRender: false,
+                },
+                duration * ratio
+            )
+        }
+    })
+
+    return tl
   }
     
   export {verticalLoop};

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

101331

increased by0.65%

Lines of code

436

increased by5.31%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes