https://sequremall.com/cdn/shop/t/68/assets/header-top-section.js?v=176990514786159330261777014569

1import{c as createFocusTrap}from"vendors/focus-trap.esm";class HeaderTopSection extends HTMLElement{constructor(){super(),this.menuButton=this.querySelector(".header-top__menu"),this.menuDrawer=this.querySelector("menu-drawer"),this.modalBackground=this.querySelector(".modal__background"),this.modalClose=this.querySelector(".modal__close"),this.headerTop=this.querySelector(".header-top"),this.sticky=JSON.parse(this.headerTop.dataset.sticky),this.focusTrap=createFocusTrap(this.menuDrawer,{initialFocus:!1}),this.sticky&&(this.setResizeObserver(),this.setTopPosition()),this.bindEvents()}bindEvents(){this.menuButton.addEventListener("click",event=>this.openMenu(event)),this.modalBackground.addEventListener("click",event=>this.closeMenu(event)),this.modalClose.addEventListener("click",event=>this.closeMenu(event)),this.addEventListener("keyup",event=>this.menuKeyUp(event))}setTopPosition(){const headerGroups=document.querySelectorAll(".shopify-section-group-header-group .block"),headerGroupIndex=Array.prototype.indexOf.call(headerGroups,this),headerGroupsBefore=Array.prototype.slice.call(headerGroups,0,headerGroupIndex);let top=0,calc=[];headerGroupsBefore.forEach(headerGroup=>{const cssVar=headerGroup.dataset.heightCssVar;cssVar&&calc.push(`var(${cssVar})`)}),calc.length&&(top=`calc(${calc.join(" + ")})`),this.parentElement.style.top=top}setResizeObserver(){new ResizeObserver(entries=>{for(let entry of entries){const height=entry.contentRect.height;document.documentElement.style.setProperty("--header-top-section-height",`${height}px`)}}).observe(this)}openMenu(event){event.preventDefault(),this.parentElement.style.zIndex=1e3,this.menuButton.setAttribute("aria-expanded",!0),this.menuDrawer.setAttribute("open",!0),document.body.classList.add("has-modal"),this.focusTrap.activate()}menuKeyUp(event){event.code.toUpperCase()==="ESCAPE"&&this.closeMenu(event)}closeMenu(event){event.preventDefault(),this.parentElement.style.zIndex="",this.menuButton.setAttribute("aria-expanded",!1),this.menuDrawer.removeAttribute("open"),document.body.classList.remove("has-modal"),this.focusTrap.deactivate()}}customElements.define("header-top-section",HeaderTopSection);
2//# sourceMappingURL=/cdn/shop/t/68/assets/header-top-section.js.map?v=176990514786159330261777014569