@widelab-nc/widelab 1.1.45 → 1.1.47

package/package.json

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

package/src/index.js

@@ -550,26 +550,139 @@ window.hueAwardsAnimation = function(e) {
 };
 
 
+window.expandableProcessSticky = function (e) {
+  var wrapper = e;
+  if (!wrapper || wrapper.dataset.expandableProcessStickyInit === 'true') return;
+  wrapper.dataset.expandableProcessStickyInit = 'true';
 
+  var items = wrapper.querySelectorAll('.process-item');
+  var count = items.length;
+  if (count === 0) return;
 
+  var currentActive = -1;
+  var ticking = false;
 
-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'),
-  });
+  function setActive(index) {
+    if (index === currentActive) return;
+    currentActive = index;
+    for (var i = 0; i < items.length; i++) {
+      var isTarget = i === index;
+      items[i].classList.toggle('is-active', isTarget);
+      items[i].style.height = isTarget ? items[i].scrollHeight + 'px' : '0px';
+    }
+  }
+
+  function update() {
+    ticking = false;
+    var rect = wrapper.getBoundingClientRect();
+    var total = wrapper.offsetHeight - window.innerHeight;
+    if (total <= 0) { setActive(0); return; }
+    var scrolled = -rect.top;
+    var progress = Math.min(1, Math.max(0, scrolled / total));
+    var activeIndex = Math.min(count - 1, Math.floor(progress * (count + 1)));
+    setActive(activeIndex);
+  }
+
+  function onScrollOrResize() {
+    if (!ticking) { requestAnimationFrame(update); ticking = true; }
+  }
+
+  function onResize() {
+    onScrollOrResize();
+    if (currentActive !== -1) {
+      items[currentActive].style.height = items[currentActive].scrollHeight + 'px';
+    }
+  }
+
+  window.addEventListener('scroll', onScrollOrResize, { passive: true });
+  window.addEventListener('resize', onResize);
+  update();
 };
 
 
 
 
+window.faqDropdowns = function (e) {
+  var wrapper = e;
+  if (!wrapper || wrapper.dataset.faqDropdownsInit === 'true') return;
+  wrapper.dataset.faqDropdownsInit = 'true';
+
+  var faqItems = wrapper.querySelectorAll('.faq_ci');
+  var count = faqItems.length;
+  if (count === 0) return;
+
+  var currentActive = -1;
+
+  function setActive(index) {
+    currentActive = index;
+    for (var i = 0; i < count; i++) {
+      var isTarget = i === index;
+      var faqCi = faqItems[i];
+      var item = faqCi.querySelector('.faq-item');
+      var verticalBar = faqCi.querySelector('.is-vertical');
+
+      if (item) {
+        item.classList.toggle('is-active', isTarget);
+        item.style.height = isTarget ? item.scrollHeight + 'px' : '0px';
+      }
+      if (verticalBar) {
+        verticalBar.classList.toggle('is-active', isTarget);
+      }
+    }
+  }
+
+  // Keeps the open item's height correct if content reflows on resize (e.g. text wrapping)
+  function onResize() {
+    if (currentActive === -1) return;
+    var item = faqItems[currentActive].querySelector('.faq-item');
+    if (item) item.style.height = item.scrollHeight + 'px';
+  }
+
+  for (var i = 0; i < count; i++) {
+    (function (index) {
+      faqItems[index].addEventListener('click', function () {
+        var nextIndex = currentActive === index ? -1 : index;
+        setActive(nextIndex);
+      });
+    })(i);
+  }
+
+  window.addEventListener('resize', onResize);
+};
+
+
+
+
+
+window.navbarThemeWatcher = function () {
+  function checkNavbarTheme() {
+    var stack = document.elementsFromPoint(window.innerWidth / 2, 20);
+    var isDark = stack.some(function (el) {
+      return el.closest && el.closest('.is-dark-bg');
+    });
+    document.body.classList.toggle('is-nav-dark', isDark);
+  }
+
+  var ticking = false;
+  function onScroll() {
+    if (!ticking) {
+      requestAnimationFrame(function () {
+        checkNavbarTheme();
+        ticking = false;
+      });
+      ticking = true;
+    }
+  }
+
+  window.addEventListener('scroll', onScroll, { passive: true });
+  window.addEventListener('resize', onScroll);
+  checkNavbarTheme();
+};
+
+
+
+
+
 
 window.stickyServices = function (e) {
   var wrapper = e;