https://namuk.com/cdn/shop/t/119/assets/header.js?v=147861022834153932831789544090

1class CollapsibleHeader extends Collapsible{constructor(){super(),this.header=this.closest("[data-header]"),this.headerWrapper=this.closest("#shopify-section-header"),this.header&&(this.inverse=!!this.header.classList.contains("header--inverse"),this.shadow=this.header.querySelector(".header-shadow"),this.shadow?.addEventListener("click",this.closeAll.bind(this)),(document.querySelectorAll("[data-breadcrumbs]")||!1).forEach(element=>{element.addEventListener("click",event=>{event.preventDefault();const url=event.currentTarget.href;if(url==null)return!1;const dataBreadcrumbs=event.currentTarget.dataset.breadcrumbs;if(dataBreadcrumbs==null)return!1;sessionStorage.setItem("breadcrumbs",dataBreadcrumbs),window.location=url})}))}events(){this.header||super.events()}open(group){super.open(group),this.headerWrapper&&this.headerWrapper.classList.add("shopify-section-header--open"),this.toggleHeaderClass(!0),group.matches(".header__menu-item--level-1.header__menu-item--is-open")&&group.querySelector(".header__menu-link--level-2:first-child")?.classList.add("header__menu-item--is-open");let scrollPostion=window.scrollY||document.documentElement.scrollTop;sessionStorage.setItem("savedScrollPostion",scrollPostion)}close(group){super.close(group),this.headerWrapper&&this.headerWrapper.classList.remove("shopify-section-header--open"),this.toggleHeaderClass(!1)}closeSiblings(currentGroup=null){super.closeSiblings(currentGroup),this.toggleHeaderClass(!1)}openAll(){super.openAll(),this.toggleHeaderClass(!0)}closeAll(){super.closeAll(),this.toggleHeaderClass(!1),document.querySelector("sticky-header").classList.remove("header--search-is-open")}toggleHeaderClass(open=!0){if(!this.header)return!1;if(open)this.header.classList.add("header--is-open"),this.inverse&&this.header.classList.add("header--inverse-solid");else{let close=!0;this.groups.forEach(group=>{group.classList.contains(this.options.toggleClass)&&(close=!1)}),close&&(this.header.classList.remove("header--is-open"),this.inverse&&this.header.classList.remove("header--inverse-solid"))}}}class ToggleMobileNavigation extends ToggleElementClass{constructor(){super(),this.header=this.closest("[data-header]"),this.headerWrapper=this.closest("#shopify-section-header"),this.header&&(this.inverse=!!this.header.classList.contains("header--inverse"),this.shadow=this.header.querySelector(".header-shadow"),navigator.platform==="iPhone"&&document.documentElement.style.setProperty("--viewport-height",`${window.innerHeight}px`),document.addEventListener("keyup",this.onKeyUp.bind(this)),this.shadow?.addEventListener("click",this.remove.bind(this)))}events(){this.header||super.events()}onKeyUp(event){if(!this.header?.classList.contains("header--is-open")||event?.code.toUpperCase()!=="ESCAPE")return;const{toggleClass}=this.options;this.target?.classList.contains(toggleClass)&&this.remove()}add(){super.add(),this.header&&(this.header.classList.add("header--is-open"),this.inverse&&this.header.classList.add("header--inverse-solid"),document.querySelector("body").classList.add("mobile-menu--is-open")),this.headerWrapper&&this.headerWrapper.classList.add("shopify-section-header--open"),trapFocus(this.header)}remove(){super.remove();const theHeader=this.closest("#shopify-section-header").querySelector("[data-header]");theHeader&&(theHeader.classList.remove("header--is-open"),this.inverse&&theHeader.classList.remove("header--inverse-solid"),document.querySelector("body").classList.remove("mobile-menu--is-open")),this.headerWrapper&&this.headerWrapper.classList.remove("shopify-section-header--open"),this.closeAllSibblings(),removeTrapFocus()}closeAllSibblings(){this.target.querySelector("collapsible-element").closeAll()}}class ToggleSearch extends ToggleElementClass{constructor(){super()}construct(){super.construct(),this.header=this.closest("[data-header]")||document.querySelector("[data-header]");const{toggleClass,target}=this.options;document.addEventListener("keyup",this.onKeyUp.bind(this)),this.closeButtons=this.target?.querySelectorAll("[data-search-close-button]"),this.closeButtons.forEach(closeButton=>{closeButton.addEventListener("click",e=>{this.preventDefault(e),this.stopPropagation(e),this.header.querySelector(".predictive-search").style.display="none",this.remove()})}),this.addEventListener("click",()=>{this.header.querySelector('input[type="search"]').focus()}),document.addEventListener("click",e=>{this.target?.classList.contains(toggleClass)&&!e.target.closest(target)&&this.remove()})}onKeyUp(event){if(!this.header?.classList.contains("header--search-is-open")||event?.code.toUpperCase()!=="ESCAPE")return;const{toggleClass}=this.options;this.target?.classList.contains(toggleClass)&&this.remove()}add(){super.add(),this.header&&this.header.classList.add("header--search-is-open"),this.target&&trapFocus(this.target)}remove(){super.remove(),this.header&&(this.header.classList.remove("header--search-is-open"),this.header.querySelector('input[type="search"]').value=""),removeTrapFocus()}}class StickyHeader extends HTMLElement{constructor(){if(super(),this.header=document.querySelector("[data-header]"),this.headerWrapper=document.querySelector("#shopify-section-header"),this.announcementBar=document.querySelector("#shopify-section-announcement-bar"),this.headerElement=this,this.headerInverse=!!this.headerElement.classList.contains("header--inverse"),this.headerNav=this.querySelector("collapsible-header"),this.mobileNav=this.querySelector("toggle-mobile-navigation"),this.search=this.querySelector("[data-header-search]"),this.searchToggle=this.querySelector("toggle-search"),this.headerWrapper){if(this.currentScrollTop=0,this.scrollOffset=0,this.headerStart=0,this.announcementBar){const announcementBarHeight=this.announcementBar.clientHeight;this.scrollOffset+=announcementBarHeight,this.headerStart+=announcementBarHeight;const menuDrawer=document.querySelector(".announcement-bar-visible .shopify-section-header--open:not(.shopify-section-header--sticky) .menu-drawer")||!1;menuDrawer&&(menuDrawer.style.top=`${announcementBarHeight}px`,menuDrawer.style.height=`calc(100vh - ${announcementBarHeight}px)`,menuDrawer.style.maxHeight=`calc(100svh - ${announcementBarHeight}px)`);const menuDrawerNav=document.querySelector(".announcement-bar-visible .shopify-section-header--open:not(.shopify-section-header--sticky) .menu-drawer__navigation")||!1;menuDrawerNav&&(menuDrawerNav.style.height=`calc(100vh - ${announcementBarHeight}px)`,menuDrawerNav.style.maxHeight=`calc(100svh - ${announcementBarHeight}px)`);const menuDrawerSub=document.querySelector(".announcement-bar-visible .shopify-section-header--open:not(.shopify-section-header--sticky) .menu-drawer__submenu--level-2")||!1;menuDrawerSub&&(menuDrawerSub.style.height=`calc(100vh - 84px - ${announcementBarHeight}px)`,menuDrawerSub.style.maxHeight=`calc(100svh - 84px - ${announcementBarHeight}px)`)}this.headerElement&&(this.scrollOffset+=this.headerElement.offsetHeight),this.raf=null,this.timer=null,window.addEventListener("scroll",()=>{clearTimeout(this.timer),this.raf||(this.raf=requestAnimationFrame(this.scrollAnimation.bind(this))),this.timer=setTimeout(()=>{cancelAnimationFrame(this.raf),this.raf=null},50)},!1)}}scrollAnimation(){let savedScrollPostion=parseInt(sessionStorage.getItem("savedScrollPostion")),top=savedScrollPostion-64,bottom=savedScrollPostion+64;top>0&&(top=0);let scrollTop=window.scrollY||document.documentElement.scrollTop;(top<=scrollTop||bottom>=scrollTop)&&(scrollTop+window.innerHeight>document.body.clientHeight?this.hide():scrollTop>this.currentScrollTop&&scrollTop>this.scrollOffset?this.hide():scrollTop<=this.headerStart?this.revealTop():scrollTop<this.currentScrollTop&&scrollTop>this.headerStart&&this.reveal()),this.currentScrollTop=scrollTop,this.raf=requestAnimationFrame(this.scrollAnimation.bind(this))}hide(){this.headerWrapper.classList.add("shopify-section-header--hidden","shopify-section-header--sticky"),this.closeHeaderNav(),this.closeMobileNav(),this.closeSearch()}reveal(){this.headerWrapper.classList.add("shopify-section-header--sticky","shopify-section-header--animate"),this.headerWrapper.classList.remove("shopify-section-header--hidden"),this.headerInverse&&this.headerElement.classList.add("header--inverse-solid")}revealTop(){this.headerInverse&&!this.classList.contains("header--is-open")&&this.headerElement.classList.remove("header--inverse-solid"),this.headerWrapper.classList.remove("shopify-section-header--hidden","shopify-section-header--sticky","shopify-section-header--animate")}closeHeaderNav(){if(!this.headerNav||window.innerWidth<768)return!1;this.headerNav.closeAll()}closeMobileNav(){if(!this.mobileNav)return!1;this.mobileNav.remove()}closeSearch(){if(!this.search||!this.searchToggle)return!1;this.search.classList.contains("header__search--is-active")&&this.searchToggle.remove()}}customElements.get("collapsible-header")||customElements.define("collapsible-header",CollapsibleHeader),customElements.get("toggle-mobile-navigation")||customElements.define("toggle-mobile-navigation",ToggleMobileNavigation),customElements.get("toggle-search")||customElements.define("toggle-search",ToggleSearch),customElements.get("sticky-header")||customElements.define("sticky-header",StickyHeader);
2//# sourceMappingURL=/cdn/shop/t/119/assets/header.js.map?v=147861022834153932831789544090