@widelab-nc/widelab 1.1.25 → 1.1.26

package/package.json

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

package/src/index.js

@@ -992,7 +992,10 @@ window.counterUpAnimation = function() {
   });
 }
 
-// Sliders on Clients page
+
+
+
+
 window.heroSliders = function(e) {
   console.log("Initializing Splide on element:", e);
 
@@ -1016,11 +1019,31 @@ window.heroSliders = function(e) {
   const slider = new Splide(e, config).mount();
   console.log("Splide instance:", slider);
 
+  const descriptions = e.querySelectorAll('.slider-description');
+
+  // Set the initial state: Hide descriptions except the one in the active slide
+  descriptions.forEach(desc => {
+    if (!desc.closest('.splide__slide').classList.contains('is-active')) {
+      gsap.set(desc, { opacity: 0 });
+    }
+  });
+
   if (window.innerWidth > 992) {
     slider.on('click', function () {
       slider.go('+1');
     });
   }
+
+  // Hide descriptions instantly on slide change
+  slider.on('move', function() {
+    gsap.set(descriptions, { opacity: 0 });
+  });
+
+  // Show description on new active slide
+  slider.on('active', function (slide) {
+    gsap.to(slide.slide.querySelectorAll('.slider-description'), { opacity: 1, duration: 0.15, ease: 'linear' });
+  });
+
   gsap.from(e, {
     scrollTrigger: {
       trigger: e,
@@ -1037,6 +1060,10 @@ window.heroSliders = function(e) {
 
 
 
+
+
+
+
   // Case study - What's next interaction
   window.whatsNext = function() {
     const caseItem = document.querySelectorAll('.whats-next_links_item.is-case');