1import{ThemeEvents,CartUpdatedEvent}from"@theme/events";class CartDrawer extends HTMLElement{constructor(){super(),this.checkoutButton=null,this.openCartIcons=null,this.backdropClickHandler=this.#onBackdropClick.bind(this),this.checkoutButtonClickHandler=this.#handleCheckoutButtonClick.bind(this),this.cartUpdateHandler=this.#handleCartUpdate.bind(this),this.openHandler=this.open.bind(this),this.closeHandler=this.close.bind(this)}connectedCallback(){this.checkoutButton=this.querySelector('[data-ref="checkout-button"]'),this.addEventListener("click",this.backdropClickHandler),this.checkoutButton.addEventListener("click",this.checkoutButtonClickHandler),document.addEventListener(ThemeEvents.cartUpdated,this.cartUpdateHandler),document.addEventListener(ThemeEvents.cartOpen,this.openHandler),document.addEventListener(ThemeEvents.cartClose,this.closeHandler),Shopify.designMode&&(document.addEventListener("shopify:section:unload",this.#onSectionUnload),window.theme?.isCartDrawerOpen&&(this.open(),window.theme.isCartDrawerOpen=!1))}disconnectedCallback(){document.removeEventListener(ThemeEvents.cartClose,this.closeHandler),document.removeEventListener(ThemeEvents.cartOpen,this.openHandler),document.removeEventListener(ThemeEvents.cartUpdated,this.cartUpdateHandler),this.checkoutButton.removeEventListener("click",this.checkoutButtonClickHandler),this.removeEventListener("click",this.backdropClickHandler),Shopify.designMode&&document.removeEventListener("shopify:section:unload",this.#onSectionUnload)}#onSectionUnload=event=>{event.detail.sectionId===this.dataset.sectionId&&(window.theme=window.theme||{},window.theme.isCartDrawerOpen=this.isOpen())};#handleCheckoutButtonClick(event){event.target.classList.add("is-loading")}#handleCartUpdate(event){this.renderCartContents(event.detail.data)}#onBackdropClick(event){const rect=this.querySelector(".cart-drawer__inner").getBoundingClientRect();rect.top<=event.clientY&&event.clientY<=rect.top+rect.height&&rect.left<=event.clientX&&event.clientX<=rect.left+rect.width||this.close()}open(){this.classList.remove("is-closing"),this.classList.add("is-open"),document.body.classList.add("overflow-hidden")}close(){this.classList.add("is-closing"),setTimeout(()=>{this.classList.remove("is-open","is-closing"),document.body.classList.remove("overflow-hidden")},125)}isOpen(){return this.classList.contains("is-open")}renderCartContents(parsedState){const section_cart_drawer_id=this.dataset.sectionId,currentCartDrawer=this.querySelector(".cart-drawer__inner"),newCartDrawer=new DOMParser().parseFromString(parsedState.sections[section_cart_drawer_id],"text/html");currentCartDrawer.innerHTML=newCartDrawer.querySelector(".cart-drawer__inner").innerHTML,setTimeout(()=>{parsedState.itemCount==0?this.classList.add("cart-drawer--empty"):this.classList.remove("cart-drawer--empty")})}}customElements.get("cart-drawer")||customElements.define("cart-drawer",CartDrawer);class CartDrawerItem extends HTMLElement{constructor(){super(),this.removeItemButton=null,this.quantitySelectorInput=null,this.itemRemoveHandler=this.#handleItemRemove.bind(this),this.quantityInputChangeHandler=this.#handleQuantityInputChange.bind(this)}connectedCallback(){this.removeItemButton=this.querySelector('[data-ref="remove-item"]'),this.quantitySelectorInput=this.querySelector('[data-ref="quantity-selector-input"]'),this.removeItemButton?.addEventListener("click",this.itemRemoveHandler),this.quantitySelectorInput?.addEventListener("change",this.quantityInputChangeHandler)}disconnectedCallback(){this.quantitySelectorInput?.removeEventListener("change",this.quantityInputChangeHandler),this.removeItemButton?.removeEventListener("click",this.itemRemoveHandler)}#handleItemRemove(event){event.preventDefault(),this.#updateLineItemQuantity(this.dataset.index,0)}#handleQuantityInputChange(event){event.preventDefault(),this.#updateLineItemQuantity(this.dataset.index,this.quantitySelectorInput.value)}#updateLineItemQuantity(line,quantity){this.#enableLoading();const body=JSON.stringify({line,quantity,sections:this.closest("cart-drawer").dataset.sectionId,sections_url:window.location.pathname});
1fetch(Theme.routes.cart_change_url,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body}).then(response=>response.text()).then(responsetext=>{const parsedResponseText=JSON.parse(responsetext);if(parsedResponseText.errors){document.dispatchEvent(new CustomEvent("toast:open",{detail:{type:"error",message}}));return}document.dispatchEvent(new CartUpdatedEvent({},{itemCount:parsedResponseText.item_count,source:"cart-drawer-item",sections:parsedResponseText.sections}))}).catch(e=>{console.error(e),this.#disableLoading()}).finally(()=>{this.#disableLoading()})}#enableLoading(){this.classList.add("cart-drawer__item--loading")}#disableLoading(){this.classList.remove("cart-drawer__item--loading")}}customElements.get("cart-drawer-item")||customElements.define("cart-drawer-item",CartDrawerItem); 2//# sourceMappingURL=/cdn/shop/t/18/assets/cart-drawer.js.map?v=47656137944713154371781090903
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.