@widelab-nc/widelab 1.1.7 → 1.1.9

package/package.json

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

package/src/index.js

@@ -18,6 +18,25 @@ function customGsapEasing() {
 
 // Functions definitions
 
+// Contact form open animation
+let contactFormOpen;
+function contactFormOpenAnimation() {
+  const contactFormWrapper = document.querySelector('.contact-modal_main-wrapper');
+  const contactForm = document.querySelector('.contact-modal_content-wrapper');
+  contactFormOpen = gsap.timeline({paused: true});
+  contactFormOpen.to(contactFormWrapper, {
+    autoAlpha: 1,
+    duration: 0.2,
+    ease: 'loader2',
+  })
+  contactFormOpen.from(contactForm, {
+    x: '100%',
+    duration: 0.3,
+    ease: 'loader2',
+  })
+}
+
+
 //Smooth scroll init
   const lenis = new Lenis({
     duration: 1.2,
@@ -978,6 +997,43 @@ window.updateScrollTrigger = function() {
     });
   }
 
+  // Custom checkboxes
+window.changeCheckboxLabelColor = function() {
+  var checkboxInputs = document.querySelectorAll('.w-checkbox-input');
+
+  var callback = function(mutationsList, observer) {
+    for(var mutation of mutationsList) {
+      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+        var isChecked = mutation.target.classList.contains('w--redirected-checked');
+        var siblingLabel = mutation.target.parentElement.querySelector('.form-checkbox_label');
+
+        if (isChecked && siblingLabel && !siblingLabel.classList.contains('is-active')) {
+          siblingLabel.classList.add('is-active');
+        } else if (!isChecked && siblingLabel && siblingLabel.classList.contains('is-active')) {
+          siblingLabel.classList.remove('is-active');
+        }
+      }
+    }
+  };
+
+  checkboxInputs.forEach(function(checkboxInput) {
+    var config = { attributes: true, attributeFilter: ['class'] };
+    var observer = new MutationObserver(callback);
+    observer.observe(checkboxInput, config);
+  });
+
+}
+
+  // Contact modal open animation
+window.openContactModal = function() {
+  contactFormOpen.play();
+}
+
+// Contact modal close animation
+window.closeContactModal = function() {
+  contactFormOpen.reverse(2);
+}
+
 
   // !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
   window.Webflow ||= [];
@@ -999,7 +1055,8 @@ window.updateScrollTrigger = function() {
     pageLoadAnimation();
     pageTransitionAnimation();
     customCursorOnClick();
+    contactFormOpenAnimation();
     if (window.innerWidth < 992) {
       disableScrollMenu();
-    }
+    };
   });