@hortonstudio/main 1.7.6 → 1.7.7

package/autoInit/navbar.js

@@ -381,17 +381,13 @@ function addDesktopArrowNavigation() {
 
 // Menu button system with modal-like functionality
 function setupMenuButton() {
-  const menuButton = document.querySelector('[data-hs-nav="menubtn"]');
+  const menuButtons = document.querySelectorAll('[data-hs-nav="menubtn"]');
   const menu = document.querySelector('[data-hs-nav="menu"]');
 
-  if (!menuButton || !menu) return;
+  if (!menuButtons.length || !menu) return;
 
   const menuId = `menu-${Date.now()}`;
 
-  menuButton.setAttribute("aria-expanded", "false");
-  menuButton.setAttribute("aria-controls", menuId);
-  menuButton.setAttribute("aria-label", "Open navigation menu");
-
   menu.id = menuId;
   menu.setAttribute("role", "dialog");
   menu.setAttribute("aria-modal", "true");
@@ -453,8 +449,10 @@ function setupMenuButton() {
 
     document.body.classList.add("u-overflow-hidden");
 
-    menuButton.setAttribute("aria-expanded", "true");
-    menuButton.setAttribute("aria-label", "Close navigation menu");
+    menuButtons.forEach(btn => {
+      btn.setAttribute("aria-expanded", "true");
+      btn.setAttribute("aria-label", "Close navigation menu");
+    });
 
     // Create focus trap for navbar
     createFocusTrap();
@@ -472,7 +470,7 @@ function setupMenuButton() {
       cancelable: true,
       view: window,
     });
-    menuButton.dispatchEvent(clickEvent);
+    menuButtons[0].dispatchEvent(clickEvent);
   }
 
   function closeMenu() {
@@ -481,11 +479,15 @@ function setupMenuButton() {
 
     document.body.classList.remove("u-overflow-hidden");
 
-    if (menu.contains(document.activeElement)) {
-      menuButton.focus();
+    const activeMenuButton = Array.from(menuButtons).find(() => menu.contains(document.activeElement));
+    if (activeMenuButton) {
+      activeMenuButton.focus();
     }
-    menuButton.setAttribute("aria-expanded", "false");
-    menuButton.setAttribute("aria-label", "Open navigation menu");
+    
+    menuButtons.forEach(btn => {
+      btn.setAttribute("aria-expanded", "false");
+      btn.setAttribute("aria-label", "Open navigation menu");
+    });
 
     // Remove focus trap
     removeFocusTrap();
@@ -495,7 +497,7 @@ function setupMenuButton() {
       cancelable: true,
       view: window,
     });
-    menuButton.dispatchEvent(clickEvent);
+    menuButtons[0].dispatchEvent(clickEvent);
   }
 
   function toggleMenu() {
@@ -508,16 +510,36 @@ function setupMenuButton() {
     }
   }
 
-  menuButton.addEventListener("keydown", function (e) {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      toggleMenu();
-    }
-  });
+  menuButtons.forEach(menuButton => {
+    menuButton.setAttribute("aria-expanded", "false");
+    menuButton.setAttribute("aria-controls", menuId);
+    menuButton.setAttribute("aria-label", "Open navigation menu");
 
-  menuButton.addEventListener("click", function (e) {
-    if (!e.isTrusted) return;
-    toggleMenu();
+    menuButton.addEventListener("keydown", function (e) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        const config = menuButton.getAttribute("data-hs-config");
+        if (config === "close" && isMenuOpen) {
+          closeMenu();
+        } else if (config === "open" && !isMenuOpen) {
+          openMenu();
+        } else if (!config) {
+          toggleMenu();
+        }
+      }
+    });
+
+    menuButton.addEventListener("click", function (e) {
+      if (!e.isTrusted) return;
+      const config = menuButton.getAttribute("data-hs-config");
+      if (config === "close" && isMenuOpen) {
+        closeMenu();
+      } else if (config === "open" && !isMenuOpen) {
+        openMenu();
+      } else if (!config) {
+        toggleMenu();
+      }
+    });
   });
 
 }

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.7.6
+// Version:1.7.7
 const API_NAME = "hsmain";
 
 const initializeHsMain = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",