document.addEventListener("DOMContentLoaded",()=>{let menuFristInit=!0,drawerFristInit=!0;const useDrawerMQL=window.matchMedia("(max-width: 1199px)");useDrawerMQL.addEventListener("change",event=>{event.matches&&drawerFristInit&&initDrawer(),!event.matches&&menuFristInit&&initMenus()}),useDrawerMQL.matches?initDrawer():initMenus();function initMenus(){menuFristInit=!1;const details=document.querySelectorAll(".header-wrapper details.mega-menu"),summary=document.querySelectorAll(".header-wrapper details.mega-menu summary");details?.forEach(menu=>{menu.addEventListener("mouseleave",()=>{summary.forEach(menu2=>{menu2.parentElement.open=!1})})}),document.querySelectorAll(".header-wrapper header-menu .header__menu-item")?.forEach((menu,index)=>{menu.addEventListener("mouseover",()=>{menu.nextElementSibling.open=!0,summary.forEach((menu2,i)=>{i!==index&&(menu2.parentElement.open=!1)})}),menu.addEventListener("mouseleave",e=>{e.relatedTarget?.closest("details.mega-menu")||summary.forEach(menu2=>{menu2.parentElement.open=!1})})})}function initDrawer(){drawerFristInit=!1;for(const element of document.querySelectorAll(".header-wrapper [data-toggle-menu-mb]"))element.addEventListener("keydown",e=>{if(e.key=="Enter"||e.key==""){const summary=element.closest("summary");summary?summary.click():element.click()}}),element.previousElementSibling?.addEventListener("click",e=>{e.stopPropagation()});for(const element of document.querySelectorAll(".header-wrapper .menu-last-focusable-element"))element.addEventListener("keydown",e=>{(e.key=="Enter"||e.key=="Tab")&&($(element).parents(".no-mega-menu").removeClass("active"),$(window).innerWidth()<1200&&$(element).parents(".sub-menu-mobile").find("[data-back-menu]").focus())});const subMenuList=document.querySelectorAll(".header-wrapper [data-sub-menu-details]");function renderToggleButtonIcon(toggleButton,expanded){const dataIndex=toggleButton.getAttribute("data-index");expanded?toggleButton.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" aria-labelledby="icon-minus-title-${dataIndex}" focusable="false" class="icon icon-minus" fill="none"viewBox="0 0 10 2"><title id="icon-minus-title-${dataIndex}">Minus</title><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"></svg>`:toggleButton.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" aria-labelledby="icon-plus-title-${dataIndex}" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10"><title id="icon-plus-title-${dataIndex}">Plus</title><path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></svg>`}for(const subMenu of subMenuList){const toggleButton=subMenu.querySelector("[data-dropdown-toggle-btn]");toggleButton?.addEventListener("click",()=>{const content=subMenu.querySelector("summary")?.nextElementSibling;subMenu&&(subMenu.classList.contains("sub-menu-open")?(renderToggleButtonIcon(toggleButton,!1),content?.setAttribute("aria-expanded","false"),subMenu.classList.remove("sub-menu-open"),$(content).slideUp()):(renderToggleButtonIcon(toggleButton,!0),content?.setAttribute("aria-expanded","open"),subMenu.classList.add("sub-menu-open"),$(content).slideDown()))}),toggleButton?.addEventListener("keydown",e=>{(e.key=="Enter"||e.key=="")&&toggleButton.click()})}}});
//# sourceMappingURL=/cdn/shop/t/106/assets/section-header.js.map?v=167338221660992641721755852890