https://restorate.co.uk/cdn/shop/t/59/assets/quick-add.js?v=144417702492661130001775744386

1if(!customElements.get("quick-add-drawer")){class QuickAddDrawer extends SideDrawer{constructor(){super(),this.content=this.querySelector(".js-product-details"),this.footer=this.querySelector(".drawer__footer"),this.footerContent=this.querySelector(".js-footer-content"),this.notification=this.querySelector(".js-added-to-cart"),this.backBtn=this.querySelector(".drawer__back-btn"),this.openCartDrawerLinks=this.querySelectorAll(".js-open-cart-drawer"),this.cartDrawer=document.querySelector("cart-drawer"),this.fetch=null,this.fetchedUrls=[],this.quickAddButtonMouseEnterHandler=this.handleQuickAddButtonMouseEnter.bind(this),this.documentClickHandler=this.handleDocumentClick.bind(this),document.addEventListener("click",this.documentClickHandler),this.addEventListener("on:variant:change",this.handleVariantChange.bind(this)),this.openCartDrawerLinks.forEach(link=>{link.addEventListener("click",this.handleOpenCartClick.bind(this))}),theme.device.hasHover&&theme.mediaMatches.md&&(document.querySelectorAll(".js-quick-add").forEach(button=>{this.bindQuickAddButtonMouseEnter(button)}),"MutationObserver"in window&&(this.observer=new MutationObserver(mutations=>{mutations.forEach(mutation=>{mutation.addedNodes.forEach(node=>{node.nodeType===Node.ELEMENT_NODE&&node.querySelectorAll(".js-quick-add").forEach(button=>{this.bindQuickAddButtonMouseEnter(button)})}),mutation.removedNodes.forEach(node=>{node.nodeType===Node.ELEMENT_NODE&&node.querySelectorAll(".js-quick-add").forEach(button=>{button.removeEventListener("mouseenter",this.quickAddButtonMouseEnterHandler)})})})}),this.observer.observe(document.body,{childList:!0,subtree:!0})))}disconnectedCallback(){document.removeEventListener("click",this.documentClickHandler),document.querySelectorAll(".js-quick-add").forEach(button=>{button.removeEventListener("mouseenter",this.quickAddButtonMouseEnterHandler)}),this.observer&&this.observer.disconnect()}bindQuickAddButtonMouseEnter(button){button.dataset.quickAddListenerAdded||(button.dataset.quickAddListenerAdded="true",button.addEventListener("mouseenter",this.quickAddButtonMouseEnterHandler))}handleQuickAddButtonMouseEnter(evt){this.fetchedUrls.includes(evt.target.dataset.productUrl)||(this.fetch={url:evt.target.dataset.productUrl,promise:fetch(evt.target.dataset.productUrl)},this.fetchedUrls.push(evt.target.dataset.productUrl))}handleOpenCartClick(evt){this.cartDrawer?(evt.preventDefault(),this.cartDrawer.open()):window.location.pathname===theme.routes.cart&&(evt.preventDefault(),this.close())}handleDocumentClick(evt){if(evt.target.matches(".js-quick-add"))if(this.cartDrawer&&this.cartDrawer.ariaHidden==="false"){const overlay=document.querySelector(".js-overlay.is-visible");overlay&&(overlay.style.transitionDelay="200ms"),this.cartDrawer.close(),setTimeout(()=>{this.backBtn.hidden=!1,this.open(evt.target),overlay&&(overlay.style.transitionDelay="")},200)}else this.open(evt.target)}handleVariantChange(evt){let url=this.productUrl;if(evt.detail.variant){const separator=this.productUrl.split("?").length>1?"&":"?";url+=`${separator}variant=${evt.detail.variant.id}`}this.querySelectorAll(".js-prod-link").forEach(link=>{link.href=url}),evt.detail.variant&&evt.detail.variant.featured_media&&this.updateMedia(evt.detail.variant.featured_media)}async open(opener){if(opener.setAttribute("aria-disabled","true"),this.notification&&(this.notification.hidden=!0),this.productUrl&&this.productUrl===opener.dataset.productUrl){super.open(opener),opener.removeAttribute("aria-disabled");return}this.productUrl=opener.dataset.productUrl,this.content.innerHTML="",this.classList.add("is-loading"),this.content.classList.add("drawer__content--out"),this.footer.classList.add("drawer__footer--out"),super.open(opener),(!this.fetch||this.fetch.url!==opener.dataset.productUrl)&&(this.fetch={url:opener.dataset.productUrl,promise:fetch(opener.dataset.productUrl)});const response=await this.fetch.promise;if(response.ok){const tmpl=document.createElement("template");tmpl.innerHTML=await response.text(),this.productEl=tmpl.content.getElementById("quick-buy-template").content.querySelector(".js-product"),this.renderProduct(opener)}this.fetch=null,opener.removeAttribute("aria-disabled")}close(){super.close(()=>{this.backBtn.hidden=!0})}renderProduct(opener){QuickAddDrawer.convertToQuickBuyContent(this.productEl,this.productUrl);const variantPicker=this.productEl.querySelector("variant-picker");variantPicker&&(this.selectFirstVariant=variantPicker.dataset.selectFirstVariant==="true"),this.updateFooter(),this.updateContent(),opener.dataset.selectedColor&&this.selectFirstVariant&&setTimeout(this.setActiveVariant.bind(this,opener),10)}setActiveVariant(opener){if(this.querySelector(`.opt-btn[value="${opener.dataset.selectedColor}"]`))this.querySelector(`.opt-btn[value="${opener.dataset.selectedColor}"]`).click();else{const colorOptionDropdown=this.querySelector(`.custom-select__option[data-value="${opener.dataset.selectedColor}"]`);colorOptionDropdown&&colorOptionDropdown.closest("custom-select").selectOption(colorOptionDropdown)}}updateMedia(media){if(!media)return;const{src}=media.preview_image,container=this.querySelector(".quick-add-info__media"),width=container.offsetWidth,aspectRatio=media.preview_image.as

1pect_ratio,existingId=container.dataset.mediaId;(!container.querySelector("img")||existingId!==`${media.id}`)&&(container.innerHTML=`
2          <img src="${src}&width=${width}" srcset="${src}&width=${width}, ${src}&width=${width*2} 2x" width="${width*2}" height="${width*2/aspectRatio}" alt="${media.alt||""}">
3        `,container.dataset.mediaId=media.id)}updateContent(){const productContent=this.productEl.querySelector(".js-product-details");productContent&&(this.content.innerHTML=productContent.innerHTML),this.classList.remove("is-loading"),this.content.classList.remove("drawer__content--out")}updateFooter(){const footerContent=this.productEl.querySelector(".js-footer-content");this.footer.classList.remove("quick-add__footer-message"),footerContent&&footerContent.hasChildNodes()?this.footerContent.innerHTML=footerContent.innerHTML:(this.footer.classList.add("quick-add__footer-message"),this.footerContent.innerHTML=`
4          <div class="alert quick-add__alert bg-info-bg text-info-text">
5            <div class="flex">
6              <div>
7                <svg class="icon icon--price_tag" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation">
8                  <path fill="currentColor" d="M7.59 1.34a1 1 0 01.7-.29h5.66a1 1 0 011 1v5.66a1 1 0 01-.3.7L7.6 15.5a1 1 0 01-1.42 0L.52 9.83a1 1 0 010-1.42l7.07-7.07zm6.36 6.37l-7.07 7.07-5.66-5.66L8.3 2.05h5.66v5.66z" fill-rule="evenodd"/>
9                  <path fill="currentColor" d="M9.7 6.3a1 1 0 101.42-1.42 1 1 0 00-1.41 1.41zM9 7a2 2 0 102.83-2.83A2 2 0 009 7z" fill-rule="evenodd"/>
10                </svg>
11              </div>
12              <div>
13                <p class="text-h6 font-bold mb-2">${theme.strings.awaitingSale}</p>
14                <a class="link js-prod-link" href="${this.productUrl}">${theme.strings.viewDetails}</a>
15              </div>
16            </div>
17          </div>`),this.footer.classList.remove("drawer__footer--out")}addedToCart(){this.notification&&(setTimeout(()=>{this.notification.hidden=!1},300),setTimeout(()=>{this.notification.hidden=!0},this.notification.dataset.visibleFor))}static convertToQuickBuyContent(container){const variantPicker=container.querySelector("variant-picker");variantPicker&&(variantPicker.dataset.updateUrl="false");const sizeChartModal=container.querySelector('[data-modal="size-chart"]');sizeChartModal&&sizeChartModal.remove()}}customElements.define("quick-add-drawer",QuickAddDrawer),window.theme=window.theme||{},window.theme.quickBuy=window.theme.quickBuy||{},window.theme.quickBuy.convertToQuickBuyContent=QuickAddDrawer.convertToQuickBuyContent}
18//# sourceMappingURL=/cdn/shop/t/59/assets/quick-add.js.map?v=144417702492661130001775744386