@widelab-nc/widelab 1.1.43 → 1.1.45

package/package.json

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

package/src/index.js

@@ -513,6 +513,64 @@ window.customCursorTextUpdate = function(el) {
   el.addEventListener('pointerleave', maybeDeactivate);
 };
 
+
+window.hueAwardsAnimation = function(e) {
+  let mm = gsap.matchMedia();
+  mm.add("(max-width: 991px)", () => {
+    const logoItems = e.querySelectorAll('.clients_collection_item_mask.is-3');
+
+    logoItems.forEach((maskEl) => {
+      const imgEl = maskEl.querySelector('.skills-item_img');
+      if (!imgEl) return;
+
+      gsap.set(maskEl, { height: '100%' });
+
+      gsap.to(maskEl, {
+        scrollTrigger: {
+          trigger: maskEl,
+          start: 'top bottom-=25%',
+        },
+        height: '0%',
+        duration: 0.7,
+        ease: 'loader2',
+      });
+
+      gsap.from(imgEl, {
+        scrollTrigger: {
+          trigger: maskEl,
+          start: 'top bottom-=25%',
+        },
+        opacity: 0,
+        delay: 0.4,
+        duration: 0.45,
+        ease: 'loader2',
+      });
+    });
+  });
+};
+
+
+
+
+
+window.navbarThemeSwitcher = function (e) {
+  var navbar = document.getElementById('heroNavbar');
+  if (!navbar) return;
+  ScrollTrigger.create({
+    trigger: e,
+    start: 'top center',
+    end: 'bottom center',
+    onEnter: () => navbar.classList.add('is-dark'),
+    onEnterBack: () => navbar.classList.add('is-dark'),
+    onLeave: () => navbar.classList.remove('is-dark'),
+    onLeaveBack: () => navbar.classList.remove('is-dark'),
+  });
+};
+
+
+
+
+
 window.stickyServices = function (e) {
   var wrapper = e;
   if (!wrapper || wrapper.dataset.stickyServicesInit === 'true') return;
@@ -525,12 +583,11 @@ window.stickyServices = function (e) {
   if (count === 0) return;
 
   var currentActive = -1;
-  var ticking = false;
+  var displayedProgress = 0;
 
   function setActive(index) {
     if (index === currentActive) return;
     currentActive = index;
-
     for (var i = 0; i < navItems.length; i++) {
       navItems[i].classList.toggle('is-active', i === index);
     }
@@ -539,39 +596,33 @@ window.stickyServices = function (e) {
     }
   }
 
-  function update() {
-    ticking = false;
-
+  function getTargetProgress() {
     var rect = wrapper.getBoundingClientRect();
     var total = wrapper.offsetHeight - window.innerHeight;
-
-    // Wrapper not tall enough to scroll through (e.g. very tall viewport) — keep first item active.
-    if (total <= 0) {
-      setActive(0);
-      return;
-    }
-
+    if (total <= 0) return 0;
     var scrolled = -rect.top;
-    var progress = Math.min(1, Math.max(0, scrolled / total));
-    var activeIndex = Math.min(count - 1, Math.floor(progress * count));
-
-    setActive(activeIndex);
+    return Math.min(1, Math.max(0, scrolled / total));
   }
 
-  function onScrollOrResize() {
-    if (!ticking) {
-      requestAnimationFrame(update);
-      ticking = true;
+  function loop() {
+    var target = getTargetProgress();
+    displayedProgress += (target - displayedProgress) * 0.18;
+    if (Math.abs(target - displayedProgress) < 0.001) {
+      displayedProgress = target;
     }
+    var activeIndex = Math.min(count - 1, Math.floor(displayedProgress * count));
+    setActive(activeIndex);
+    requestAnimationFrame(loop);
   }
 
-  window.addEventListener('scroll', onScrollOrResize, { passive: true });
-  window.addEventListener('resize', onScrollOrResize);
-
-  update(); // set correct state immediately on load (handles page-load mid-scroll / refresh position)
+  loop();
 };
 
 
+
+
+
+
 window.heroAnimationOnLoad = function(e) {
   const videoMask = e.querySelector('.hero_headline_ract-mask');
   const heroAnimation = gsap.timeline({}),