https://dz.diesel.com/on/demandware.static/Sites-DieselWW-Site/-/e…/js/component-HamburgerNavigation.chunks.js

1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[5240],{75717:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>h});var i=s(96156),r=s(38302);function n(e,t){let s=null;function i(i){i.stopImmediatePropagation(),(new Date).getTime()-s<50&&t.call(e,i)}function r(){s=(new Date).getTime()}e.removeEventListener("touchstart",r),e.addEventListener("touchstart",r,!1),e.removeEventListener("touchend",i),e.addEventListener("touchend",i,!1)}var a=s(12737),o=s(14863);class h extends r.default{get SELECTORS(){return{hamburgerPanel:".js-hamburger__panel",hamburgerPanelOpen:".js-hamburger__panel.is-open",hamburgerItemLink:".js-hamburger__item--link[aria-controls]",hamburgerItem:".hamburger__item",hamburgerMenu:"[data-hamburger]",actionMobile:"[data-action-mobile]",hamburgerNavigation:".js-hamburger-bottom",accordionAction:'[data-action-mobile="accordion"]',accordionOpens:".hamburger__subcategories.is-open",subMenuFocused:".hamburger__sidepanel--subcategories.is-focused",hamburgerButton:".js-nav-user.hamburger-menu",header:"header",stripBar:".js-pd-editorial-header_bar"}}get CLASSES(){return{isOpen:"is-open",subMenuIsOpen:"submenu-is-open",isOpenHamburger:"is-open-mobile",isFocused:"is-focused",menuClosing:"menu-closing"}}get PANEL_SLIDE_MS(){return 400}get SUB_PANEL_RESET_MS(){return this.PANEL_SLIDE_MS+100}constructor(e){super(e),(0,i.Z)(this,"allyTabFocusHandler",void 0),this.header=document.querySelector(this.SELECTORS.header),this.stripBar=document.querySelector(this.SELECTORS.stripBar),this.hamburgerOpen=!1,this.subMenuOpen=!1,this.subMenuDepth=0,this.togglerHamburgerDispatcher=this.togglerHamburgerEvent.bind(this),this.togglerAccordionDispatcher=this.toggleAccordion.bind(this),this.subMenuOpenDispatcher=this.subMenuOpenEvent.bind(this),this.backDispatcher=this.backEvent.bind(this),this.resetSubPanels=this.resetSubPanels.bind(this),this.hamburgerMenuSelector=document.querySelector(this.SELECTORS.hamburgerMenu),this.hamburgerItems=e.querySelectorAll(this.SELECTORS.hamburgerItem),this.currentHamburgerItem=0,this.setupHamburger()}setupHamburger(){this.mobileEventsHandler(),this.getUserInfo(),[...this.element.querySelectorAll(this.SELECTORS.hamburgerItemLink)].forEach((e=>{this.togglerMobileEvents(e)})),a.Z.on("menu:open",this.closeHamburgerDispatcher.bind(this)),a.Z.on("sidepanel:open",this.closeHamburgerDispatcher.bind(this)),a.Z.on("breakpoint:change",(e=>{let{currentBreakpoint:t}=e;["xsmall","small","medium","large"].indexOf(t)>=0||this.closeHamburgerDispatcher()}))}togglerHamburgerEvent(e){e.preventDefault(),e.stopPropagation();const{target:t}=e;t.classList.toggle(this.CLASSES.isOpenHamburger,!this.hamburgerOpen);const s=this.element;this.toggleHamburgerMenu(s)}closeHamburgerDispatcher(){this.hamburgerMenuSelector.classList.remove(this.CLASSES.isOpenHamburger),this.closeHamburgerMenu(this.element)}togglerMobileEvents(e){n(e,this.subMenuOpenDispatcher),e.addEventListener("click",this.subMenuOpenDispatcher)}mobileEventsHandler(){this.hamburgerMenuSelector&&(n(this.hamburgerMenuSelector,this.togglerHamburgerDispatcher),this.hamburgerMenuSelector.removeEventListener("click",this.togglerHamburgerDispatcher),this.hamburgerMenuSelector.addEventListener("click",this.togglerHamburgerDispatcher));const e=this.element.querySelectorAll(this.SELECTORS.actionMobile);for(let t=0;t<e.length;t++){let s=e[t].dataset.actionMobile;n(e[t],this.setMobileAction(s)),e[t].addEventListener("click",this.setMobileAction(s))}}setMobileAction(e){return{accordion:this.togglerAccordionDispatcher,back:this.backDispatcher}[e]}backEvent(e){e.preventDefault(),e.stopPropagation(),this.closeSubmenu()}closeSubmenu(){if(0===this.subMenuDepth)return;const e=this.element.querySelectorAll(this.SELECTORS.subMenuFocused),t=e[e.length-1];t&&(t.classList.remove(this.CLASSES.isFocused),t.setAttribute("aria-hidden",!0),this.subMenuDepth--,this.subMenuOpen=this.subMenuDepth>0,0===this.subMenuDepth&&(this.element.classList.remove(this.CLASSES.subMenuIsOpen),a.Z.emit("hamburger:back")))}closeAllAccordionsOpen(){const e=this.element.querySelectorAll(this.SELECTORS.accordionOpens);for(let t=0;t<e.length;t++){e[t].setAttribute("aria-expanded",!1),e[t].classList.remove(this.CLASSES.isOpen);const s=e[t].parentElement.querySelector(this.SELECTORS.accordionAction);s.classList.remove(this.CLASSES.isOpen),e[t].style.height=0,s.setAttribute("aria-expanded",!1)}}toggleAccordion(e){e.preventDefault(),e.stopPropagation();const{target:t}=e,s=t.getAttribute("aria-controls"),i=document.getElementById(s),r=i.classList.contains(this.CLASSES.isOpen);r||this.closeAllAccordionsOpen(),t.classList.toggle(this.CLASSES.isOpen,!r),t.setAttribute("aria-expanded",!r),i.classList.toggle(this.CLASSES.isOpen,!r);const n=i.querySelector("ul");i.style.height=r?0:n.scrollHeight+"px"}toggleHamburgerMenu(e){this.hamburgerOpen?this.closeHamburgerMenu(e):(clearTimeout(this.subPanelResetTimer),this.resetSubPanels(),clearTimeout(this.headerHoldTimer),this.header.classList.remove(this.CLASSES.menuClosing),e.setAttribute("aria-hidden",!1),e.classList.add(this.CLASSES.isOpen),this.stripBar&&this.stripBar.classList.add("d-none"),this.hamburgerOpen=!0,a.Z.emit("menu:forceClose"),a.Z.emit("hamburger:open"),a.Z.emit("body:lock",{lock:!0}),this.header.classList.add(this.CLASSES.isOpenHamburger))}holdHeaderWhileClosing(){clearTimeout(this.headerHoldTimer),this.header.classList.add(this.CLASSES.menuClosing),this.headerHoldTimer=setTimeout((()=>{this.header.classList.remove(this.CLASSES.menuClosing)}),this.PANEL_SLIDE_MS)}resetSubPanels(){this.element.querySelectorAll(this.SELECTORS.subMenuFocused).forEac

1h((e=>{e.classList.remove(this.CLASSES.isFocused),e.setAttribute("aria-hidden",!0)}))}closeHamburgerMenu(e){this.hamburgerOpen&&(this.currentHamburgerItem=0,clearTimeout(this.subPanelResetTimer),this.subPanelResetTimer=setTimeout(this.resetSubPanels,this.SUB_PANEL_RESET_MS),this.subMenuDepth=0,e.classList.remove(this.CLASSES.isOpen),e.classList.remove(this.CLASSES.subMenuIsOpen),this.stripBar&&this.stripBar.classList.remove("d-none"),e.setAttribute("aria-hidden",!0),this.hamburgerOpen=!1,this.subMenuOpen=!1,this.header.classList.remove(this.CLASSES.isOpenHamburger),this.holdHeaderWhileClosing(),window.hamburgerCloseEvent=!0,a.Z.emit("body:lock",{lock:!1}),a.Z.emit("hamburger:close"))}subMenuOpenEvent(e){if(e.preventDefault(),this.subMenuDepth>=2)return;const{target:t}=e,s=t.getAttribute("aria-controls"),i=document.getElementById(s);this.element.classList.add(this.CLASSES.subMenuIsOpen),i.classList.add(this.CLASSES.isFocused),i.setAttribute("aria-hidden",!1),this.subMenuDepth++,this.subMenuOpen=!0;const r=Date.now(),n=()=>{const e=(Date.now()-r)/500;this.element.scrollTop=this.element.scrollTop*(1-e),e<1&&requestAnimationFrame(n)};n()}async getUserInfo(){const e=this.element.querySelector(this.SELECTORS.hamburgerNavigation),t=this.element.dataset.userinfo;if(e&&t){const s=await(0,o.ZP)(t,{method:"GET"}),i=await s.text();e.innerHTML=i}}}}}]);