{
  "version": 3,
  "sources": ["/cdn/shop/t/67/assets/damon-nav.js"],
  "sourcesContent": ["// document.addEventListener(\"DOMContentLoaded\", function() {\n//   var navItems = document.querySelectorAll('.main-menu li[data-menu-id]');\n\n//   navItems.forEach(function(navItem) {\n//       navItem.addEventListener('mouseenter', function() {\n//           var menuId = navItem.getAttribute('data-menu-id');\n//           var submenu = document.querySelector('.submenu[data-submenu-id=\"' + menuId + '\"]');\n//           if (submenu) {\n//               submenu.style.display = 'block';\n//           }\n//       });\n\n//       navItem.addEventListener('mouseleave', function() {\n//           var menuId = navItem.getAttribute('data-menu-id');\n//           var submenu = document.querySelector('.submenu[data-submenu-id=\"' + menuId + '\"]');\n//           if (submenu) {\n//               submenu.style.display = 'none';\n//           }\n//       });\n//   });\n// });\n\n\n// sticky insert\n// will move the custom nav into the site header so it scrolls with the header\n// document.addEventListener('DOMContentLoaded', function() {\n//   var customNavParent = document.querySelector('.damon-custom-nav').parentElement;\n//   var siteHeader = document.querySelector('.site-header');\n\n//   if (siteHeader && customNavParent) {\n//       siteHeader.appendChild(customNavParent);\n//   }\n// });\n\n// less desctructive way to sticky - apply styles dynamically instead of manipulating the DOM \ndocument.addEventListener('DOMContentLoaded', function() {\n  var damonCustomNavParent = document.querySelector('.damon-custom-nav').parentElement;\n\n  // add classname to damonCustomNavParent\n  damonCustomNavParent.classList.add(\"damon-custom-nav-parent\");\n\n  // if (damonCustomNavParent) {\n  //     damonCustomNavParent.style.position = 'sticky';\n  //     damonCustomNavParent.style.top = '88px';\n  //     damonCustomNavParent.style.zIndex = 3;\n  // }\n});\n\n\n\n\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  const mainMenuItems = document.querySelectorAll('.main-menu li[data-menu-id]');\n  const allSubmenus = document.querySelectorAll('.all-submenus .submenu');\n  let leaveTimeout;\n\n  mainMenuItems.forEach((item) => {\n    item.addEventListener('mouseenter', function () {\n      const menuId = item.getAttribute('data-menu-id');\n      const correspondingSubmenu = document.querySelector(`.submenu[data-submenu-id=\"${menuId}\"]`);\n\n\n      // Hide all other submenus and remove underline from all menu items\n      allSubmenus.forEach((submenu) => (submenu.style.display = 'none'));\n      mainMenuItems.forEach((menuItem) => menuItem.classList.remove('underline'));\n\n      if (correspondingSubmenu) {\n        // let itemRect = item.getBoundingClientRect(); // Get the bounding rectangle of the hovered item\n        // correspondingSubmenu.style.top = itemRect.bottom + 'px';\n        // const isPosition2 = document.querySelector('html').classList.contains('sticky-header-hide'); // Replace 'position-2-class' with the actual class name or data attribute you're using\n        // correspondingSubmenu.style.top = isPosition2 ? '-92px' : '0';\n\n        correspondingSubmenu.style.display = 'grid';\n        item.classList.add('underline'); // Add underline class to the hovered menu item\n      }\n\n      // Clear any timeout if moving between menu items quickly\n      clearTimeout(leaveTimeout);\n    });\n\n    item.addEventListener('mouseleave', function () {\n      const menuId = item.getAttribute('data-menu-id');\n      const correspondingSubmenu = document.querySelector(`.submenu[data-submenu-id=\"${menuId}\"]`);\n\n      // Set a timeout to hide the submenu after a short delay\n      leaveTimeout = setTimeout(() => {\n        if (correspondingSubmenu) {\n          correspondingSubmenu.style.display = 'none';\n          item.classList.remove('underline'); // Remove underline class when submenu is hidden\n        }\n      }, 100); // 100ms delay, adjust as necessary\n    });\n  });\n\n  allSubmenus.forEach((submenu) => {\n    submenu.addEventListener('mouseenter', function () {\n      // Clear the timeout if mouse enters the submenu\n      clearTimeout(leaveTimeout);\n    });\n\n    submenu.addEventListener('mouseleave', function () {\n      // Hide submenu when the mouse leaves it\n      submenu.style.display = 'none';\n      // Find the parent menu item for this submenu\n      const parentMenuItem = Array.from(mainMenuItems).find(item => item.getAttribute('data-menu-id') === submenu.getAttribute('data-submenu-id'));\n      if (parentMenuItem) {\n        parentMenuItem.classList.remove('underline'); // Remove underline class from the parent menu item\n      }\n    });\n  });\n});\n\n\n\n// mobile\nconst hamburger = document.getElementById('customHamburger');\nconst drawer = document.getElementById('customDrawer');\nconst mainMenu = document.getElementById('mobileMainMenu');\nconst subMenus = document.querySelectorAll('.mobile-submenu');\nconst closeIcon = document.getElementById('closeDrawer');\n\nhamburger.addEventListener('click', function() {\n    if (drawer.classList.contains('show')) {\n        drawer.classList.remove('show');\n        document.body.classList.remove('drawer-open');\n        mainMenu.style.transform = 'translateX(0)';\n        subMenus.forEach(sub => {\n            sub.style.transform = 'translateX(100%)';\n        });\n    } else {\n        drawer.classList.add('show');\n        document.body.classList.add('drawer-open');\n    }\n});\n\ndocument.addEventListener('click', function(event) {\n    // If the drawer is open AND the clicked target is neither the drawer nor the hamburger\n    if (document.body.classList.contains('drawer-open') && !drawer.contains(event.target) && !hamburger.contains(event.target)) {\n      drawer.classList.remove('show');\n      document.body.classList.remove('drawer-open');\n      mainMenu.style.transform = 'translateX(0)';\n      subMenus.forEach(sub => {\n          sub.style.transform = 'translateX(100%)';\n      });\n      return;  // Exit early after closing drawer\n  }\n\n    const clickedElement = event.target.closest('li[data-menu-id]');\n    if (clickedElement) {\n        const parentLi = clickedElement.closest('li');\n        const submenu = document.querySelector(`[data-submenu-id=\"${parentLi.dataset.menuId}\"]`);\n        \n        mainMenu.style.transform = 'translateX(-100%)';\n        submenu.style.transform = 'translateX(-100%)';\n        // event.preventDefault();\n    }\n\n    if (event.target.closest('.back-button')) {\n        mainMenu.style.transform = 'translateX(0)';\n        subMenus.forEach(sub => {\n            sub.style.transform = 'translateX(100%)';\n        });\n        event.preventDefault();\n    }\n\n    // x\n    if (event.target === closeIcon || event.target.parentElement === closeIcon) {\n      drawer.classList.remove('show');\n      document.body.classList.remove('drawer-open');\n      mainMenu.style.transform = 'translateX(0)';\n      subMenus.forEach(sub => {\n          sub.style.transform = 'translateX(100%)';\n      });\n  }\n});\n\n"],
  "mappings": "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",
  "names": []
}