@widelab-nc/widelab 1.1.46 → 1.1.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.1.46",
+  "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,6 +550,108 @@ 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;
+
+  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 () {