1customElements.get("variant-dropdown")||customElements.define("variant-dropdown",class extends HTMLElement{constructor(){super(),this.body=document.querySelector("body"),this.overlay=this.previousElementSibling,this.dropdownButton=this.querySelector(".wt-product__option__dropdown"),this.dropdownIcon=this.dropdownButton.querySelector("svg"),this.container=this.querySelector(".wt-product__option__body"),this.drawerList=this.querySelector(".drawer__list"),this.closeButton=this.querySelector(".drawer__list-nav__close"),this.isDrawerOpen=!1,this.featuredProductSection=this.closest(".wt-featured-product"),this.isInsideFeaturedProductSection=this.featuredProductSection!==null,this.featuredProductSectionActiveClass="wt-featured-product--active-variant-dropdown",this.classOpen="open",this.classHidden="hidden",this.classBodyOverlayed="variant-dropdown-page-overlay"}connectedCallback(){this._init()}openDrawer(){this.dropdownIcon.classList.add(this.classOpen),this.container.classList.add(this.classOpen),this.overlay.classList.remove(this.classHidden
1),this.body.classList.add(this.classBodyOverlayed),this.isDrawerOpen=!0,this.isInsideFeaturedProductSection&&this.featuredProductSection.classList.add(this.featuredProductSectionActiveClass),this._handleTabindex(),document.addEventListener("click",this.handleInteractionOutside)}closeDrawer(){this.container.classList.remove(this.classOpen),this.overlay.classList.add(this.classHidden),this.body.classList.remove(this.classBodyOverlayed),this.dropdownIcon.classList.remove(this.classOpen),this.isDrawerOpen=!1,this.isInsideFeaturedProductSection&&this.featuredProductSection.classList.remove(this.featuredProductSectionActiveClass),this._handleTabindex(),document.removeEventListener("click",this.handleInteractionOutside)}handleInteractionOutside(event){if(this.isDrawerOpen){const clickInsideDrawer=this.container.contains(event.target),clickOption=this.drawerList.contains(event.target);(!clickInsideDrawer&&event.target!==this.dropdownButton||clickOption)&&this.closeDrawer()}}addEventListeners(){this.dropdownButton.addEventListener("click",event=>{event.stopPropagation(),this.openDrawer()}),this.closeButton.addEventListener("click",()=>{this.closeDrawer()}),this.container.addEventListener("keydown",this._keyDownHandler)}removeEventListeners(){this.dropdownButton.removeEventListener("click",()=>{this.openDrawer()}),this.closeButton.removeEventListener("click",()=>{this.closeDrawer()})}disconnectedCallback(){this.removeEventListeners()}temporaryHideFocusVisible(){document.body.classList.add("no-focus-visible")}getFocusableElements(){const focusableElementsSelector="button, [href], input, select, [tabindex]",focusableElements=()=>Array.from(this.container.querySelectorAll(focusableElementsSelector)).filter(el=>!el.hasAttribute("disabled")&&el.tabIndex>=0);return{focusableElements,first:focusableElements()[0],last:focusableElements()[focusableElements().length-1]}}_handleTabindex(){const interactivElements=this.container.querySelectorAll(".drawer__list__link, .drawer__list-nav__close");setTabindex(interactivElements,this.isDrawerOpen?"0":"-1")}_keyDownHandler(e){const isTabPressed=e.key==="Tab"||e.keyCode===9||e.code==="Tab",{first,last}=this.getFocusableElements();(e.key==="Escape"||e.keyCode===27||e.code==="Escape")&&this.isDrawerOpen&&this.closeDrawer(),this.isDrawerOpen&&isTabPressed&&(e.shiftKey&&document.activeElement===first?(last.focus(),e.preventDefault()):!e.shiftKey&&document.activeElement===last&&(first.focus(),e.preventDefault()))}_init(){this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this._keyDownHandler=this._keyDownHandler.bind(this),this.handleInteractionOutside=this.handleInteractionOutside.bind(this),this._handleTabindex(),this.addEventListeners()}}); 2//# sourceMappingURL=/cdn/shop/t/6/assets/variant-dropdown.js.map?v=121557104270648694461757377857
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.