@widelab-nc/widelab 1.0.16 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",

package/src/index.js

@@ -734,7 +734,6 @@ function customGsapEasing() {
       });
     });
 // Map boxes link special code
-    document.addEventListener('DOMContentLoaded', (event) => {
       const elements = document.querySelectorAll('.map_info-wrapper');
       for (let i = 0; i < elements.length; i++) {
         const href = elements[i].getAttribute('href');
@@ -742,6 +741,42 @@ function customGsapEasing() {
           elements[i].style.cursor = 'pointer';
         }
       }
+  }
+
+  // Stats section headline animation
+  window.statsHeadlineAnimation = function() {
+    const statsHeadlineAnimation = gsap.timeline({
+        scrollTrigger: {
+          trigger: '#statsKnow',
+          start: 'center center',
+          toggleActions: 'restart none none reverse',
+          end: '+=500',
+        },
+        pause: 'paused',
+        ease: 'defaultEase',
+      }),
+      homeStatsHeading = new SplitText('#statsDone', {
+        type: 'lines',
+        linesClass: 'stats-line',
+      }),
+      homeStatsHeadingMask = new SplitText('#statsDone', {
+        type: 'lines',
+        linesClass: 'stats-line-mask',
+      });
+    statsHeadlineAnimation.to(
+      '#statsKnow',
+      {
+        duration: 0.5,
+        opacity: 0,
+        display: 'none',
+      },
+      '>'
+    );
+    statsHeadlineAnimation.from('.stats-line', {
+      duration: 0.5,
+      opacity: 0,
+      y: '100%',
+      stagger: 0.25,
     });
   }