@widelab-nc/widelab 1.1.45 → 1.1.46

package/package.json

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

package/src/index.js

@@ -552,25 +552,36 @@ window.hueAwardsAnimation = function(e) {
 
 
 
+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);
+  }
 
-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'),
-  });
+  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;
   if (!wrapper || wrapper.dataset.stickyServicesInit === 'true') return;