@widelab-nc/widelab 1.1.43 → 1.1.44

package/package.json

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

package/src/index.js

@@ -513,6 +513,8 @@ window.customCursorTextUpdate = function(el) {
   el.addEventListener('pointerleave', maybeDeactivate);
 };
 
+
+
 window.stickyServices = function (e) {
   var wrapper = e;
   if (!wrapper || wrapper.dataset.stickyServicesInit === 'true') return;
@@ -525,12 +527,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 +540,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({}),