https://www.thephotostick.com/cdn/shop/t/45/assets/cart.js?v=156958169961437665681778619151

1customElements.get("tab-list")||customElements.define("tab-list",class extends HTMLUListElement{constructor(){super(),this.controls.forEach(button=>button.addEventListener("click",this.handleButtonClick.bind(this)))}get controls(){return this._controls=this._controls||Array.from(this.querySelectorAll("[aria-controls]"))}handleButtonClick(event){event.preventDefault(),this.controls.forEach(button=>{button.setAttribute("aria-expanded","false"),document.getElementById(button.getAttribute("aria-controls"))?.removeAttribute("open")});const target=event.currentTarget;target.setAttribute("aria-expanded","true"),document.getElementById(target.getAttribute("aria-controls"))?.setAttribute("open","")}reset(){this.controls[0].dispatchEvent(new Event("click"))}},{extends:"ul"}),customElements.get("cart-drawer")||customElements.define("cart-drawer",class extends DrawerElement{constructor(){super(),this.onPrepareBundledSectionsListener=this.onPrepareBundledSections.bind(this),this.onCartRefreshListener=this.onCartRefresh.bind(this)}get sectionId(){return this.getAttribute("data-section-id")}get shouldAppendToBody(){return!1}get recentlyViewed(){return this.querySelector("recently-viewed")}get tabList(){return this.querySelector('[is="tab-list"]')}connectedCallback(){super.connectedCallback(),document.addEventListener("cart:bundled-sections",this.onPrepareBundledSectionsListener),document.addEventListener("cart:refresh",this.onCartRefreshListener),this.recentlyViewed&&this.recentlyViewed.addEventListener("is-empty",this.onRecentlyViewedEmpty.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("cart:bundled-sections",this.onPrepareBundledSectionsListener),document.removeEventListener("cart:refresh",this.onCartRefreshListener)}onPrepareBundledSections(event){event.detail.sections.push(this.sectionId)}onRecentlyViewedEmpty(){this.recentlyViewed.innerHTML=`
2        <div class="drawer__scrollable relative flex justify-center items-start grow shrink text-center">
3          <div class="drawer__empty grid gap-5 md:gap-8">
4            <p class="drawer__empty-text h2 heading leading-none tracking-tight">${theme.strings.recentlyViewedEmpty}</p>
5          </div>
6        </div>
7        `}async onCartRefresh(event){const id=`MiniCart-${this.sectionId}`;if(document.getElementById(id)===null)return;const responseText=await(await fetch(`${theme.routes.root_url}?section_id=${this.sectionId}`)).text(),parsedHTML=new DOMParser().parseFromString(responseText,"text/html");document.getElementById(id).innerHTML=parsedHTML.getElementById(id).innerHTML,event.detail.open===!0&&this.show()}show(focusElement=null,animate=!0){super.show(focusElement,animate),this.tabList&&(this.tabList.reset(),this.open&&theme.a11y.trapFocus(this,this.focusElement))}}),customElements.get("cart-remove-button")||customElements.define("cart-remove-button",class extends HTMLAnchorElement{constructor(){super(),this.addEventListener("click",event=>{event.preventDefault(),this.closest("cart-items").updateQuantity(this.getAttribute("data-index"),0)})}},{extends:"a"}),customElements.get("cart-items")||customElements.define("cart-items",class extends HTMLElement{cartUpdateUnsubscriber=void 0;constructor(){super(),this.addEventListener("change",theme.utils.debounce(this.onChange.bind(this),300)),this.cartUpdateUnsubscriber=theme.pubsub.subscribe(theme.pubsub.PUB_SUB_EVENTS.cartUpdate,this.onCartUpdate.bind(this))}get sectionId(){return this.getAttribute("data-section-id")}disconnectedCallback(){this.cartUpdateUnsubscriber&&this.cartUpdateUnsubscriber()}onChange(event){this.validateQuantity(event)}onCartUpdate(event){if(event.cart.errors){this.onCartError(event.cart.errors,event.target);return}if(typeof event.cart.sections>"u")return;const sectionToRender=new DOMParser().parseFromString(event.cart.sections[this.sectionId],"text/html"),miniCart=document.querySelector(`#MiniCart-${this.sectionId}`);if(miniCart){const updatedElement=sectionToRender.querySelector(`#MiniCart-${this.sectionId}`);if(updatedElement){if(event.source==="cart-discount"){const cartDiscount=updatedElement.querySelector(`#CartDiscount-${this.sectionId}`);cartDiscount&&(cartDiscount.hidden=!1,cartDiscount.setAttribute("open","immediate"),cartDiscount.setAttribute("active",""))}miniCart.innerHTML=updatedElement.innerHTML}}const mainCart=document.querySelector(`#MainCart-${this.sectionId}`);if(mainCart){const updatedElement=sectionToRender.querySelector(`#MainCart-${this.sectionId}`);if(updatedElement){if(event.source==="cart-discount"){const cartDiscount=updatedElement.querySelector(`#CartDiscount-${this.sectionId}`);cartDiscount&&(cartDiscount.hidden=!1,cartDiscount.setAttribute("open",""),cartDiscount.setAttribute("aria-expanded","true"))}const scrollTop=window.scrollY;mainCart.innerHTML=updatedElement.innerHTML,event.source==="cart-discount"&&requestIdleCallback(()=>{window.scrollTo({top:scrollTop,behavior:"instant"})})}else mainCart.closest(".cart").classList.add("is-empty"),mainCart.remove()}const lineItem=document.getElementById(`CartItem-${event.line}`)||document.getElementById(`CartDrawer-Item-${event.line}`);lineItem&&lineItem.querySelector(`[name="${event.name}"]`)?theme.a11y.trapFocus(mainCart||miniCart,lineItem.querySelector(`[name="${event.name}"]`)):event.cart.item_count===0?miniCart?theme.a11y.trapFocus(miniCart,miniCart.querySelector("a")):theme.a11y.trapFocus(document.querySelector(".empty-state"),document.querySelector(".empty-state__link")):miniCart?theme.a11y.trapFocus(miniCart,miniCart.querySelector(".horizontal-product__title")):theme.a11y.trapFocus(mainCart,mainCart.querySelector(".cart__item-title")),document.dispatchEvent(new CustomEvent("cart:updated",{detail:{cart:event.cart}}))}onCartError(errors,target){if(target){this.disableLoading(target.getAttribute("data-index")),this.setValidity(target,errors);return}else window.location.href=theme.routes.cart_url;alert(errors)}updateQuantity(line,quantity,name,target){this.enableLoading(line);let sectionsToBundle=[];document.documentElement.dispatchEvent(new CustomEvent("cart:bundled-sections",{bubbles:!0,detail:{sections:sectionsToBundle}}));const body=JSON.stringify({id:line,quantity,sections:sectionsToBundle});

7fetch(theme.routes.cart_change_url,{...theme.utils.fetchConfig(),body}).then(response=>response.json()).then(parsedState=>{theme.pubsub.publish(theme.pubsub.PUB_SUB_EVENTS.cartUpdate,{source:"cart-items",cart:parsedState,target,line,name})}).catch(error=>{error.name==="AbortError"?console.log("Fetch aborted by user"):console.error(error)})}enableLoading(line){this.classList.add("pointer-events-none");const loader=document.getElementById(`Loader-${this.sectionId}-${line}`);loader&&(loader.hidden=!1)}disableLoading(line){this.classList.remove("pointer-events-none");const loader=document.getElementById(`Loader-${this.sectionId}-${line}`);loader&&(loader.hidden=!0)}setValidity(target,message){target.setCustomValidity(message),target.reportValidity(),target.value=target.defaultValue,target.select()}validateQuantity(event){const target=event.target,inputValue=parseInt(target.value),index=target.getAttribute("data-index");let message="";inputValue<parseInt(target.getAttribute("data-min"))?message=theme.quickOrderListStrings.minError.replace("[min]",target.getAttribute("data-min")):inputValue>parseInt(target.max)?message=theme.quickOrderListStrings.maxError.replace("[max]",target.max):inputValue%parseInt(target.step)!==0&&(message=theme.quickOrderListStrings.stepError.replace("[step]",target.step)),message?this.setValidity(target,message):(target.setCustomValidity(""),target.reportValidity(),this.updateQuantity(index,inputValue,document.activeElement.getAttribute("name"),target))}}),customElements.get("cart-note")||customElements.define("cart-note",class extends HTMLElement{constructor(){super(),this.addEventListener("change",theme.utils.debounce(this.onChange.bind(this),300))}onChange(event){const body=JSON.stringify({note:event.target.value});fetch(theme.routes.cart_update_url,{...theme.utils.fetchConfig(),body})}}),customElements.get("main-cart")||customElements.define("main-cart",class extends HTMLElement{constructor(){super(),document.addEventListener("cart:bundled-sections",this.onPrepareBundledSections.bind(this))}get sectionId(){return this.getAttribute("data-section-id")}onPrepareBundledSections(event){event.detail.sections.push(this.sectionId)}}),customElements.get("country-province")||customElements.define("country-province",class extends HTMLElement{constructor(){super(),this.provinceElement=this.querySelector('[name="address[province]"]'),this.countryElement=this.querySelector('[name="address[country]"]'),this.countryElement.addEventListener("change",this.handleCountryChange.bind(this)),this.getAttribute("country")!==""?(this.countryElement.selectedIndex=Math.max(0,Array.from(this.countryElement.options).findIndex(option=>option.textContent===this.getAttribute("data-country"))),this.countryElement.dispatchEvent(new Event("change"))):this.handleCountryChange()}handleCountryChange(){const option=this.countryElement.options[this.countryElement.selectedIndex],provinces=JSON.parse(option.getAttribute("data-provinces"));this.provinceElement.parentElement.hidden=provinces.length===0,provinces.length!==0&&(this.provinceElement.innerHTML="",provinces.forEach(data=>{const selected=data[1]===this.getAttribute("data-province");this.provinceElement.options.add(new Option(data[1],data[0],selected,selected))}))}}),customElements.get("shipping-calculator")||customElements.define("shipping-calculator",class extends HTMLFormElement{constructor(){super(),this.onSubmitHandler=this.onSubmit.bind(this)}connectedCallback(){this.submitButton=this.querySelector('[type="submit"]'),this.resultsElement=this.lastElementChild,this.submitButton.addEventListener("click",this.onSubmitHandler)}disconnectedCallback(){this.abortController?.abort(),this.submitButton.removeEventListener("click",this.onSubmitHandler)}onSubmit(event){event.preventDefault(),this.abortController?.abort(),this.abortController=new AbortController;const zip=this.querySelector('[name="address[zip]"]').value,country=this.querySelector('[name="address[country]"]').value,province=this.querySelector('[name="address[province]"]').value;this.submitButton.setAttribute("aria-busy","true");const body=JSON.stringify({shipping_address:{zip,country,province}});let sectionUrl=`${theme.routes.cart_url}/shipping_rates.json`;sectionUrl=sectionUrl.replace("//","/"),fetch(sectionUrl,{...theme.utils.fetchConfig("javascript"),body,signal:this.abortController.signal}).then(response=>response.json()).then(parsedState=>{parsedState.shipping_rates?this.formatShippingRates(parsedState.shipping_rates):this.formatError(parsedState)}).catch(error=>{error.name==="AbortError"?console.log("Fetch aborted by user"):console.error(error)}).finally(()=>{this.resultsElement.hidden=!1,this.submitButton.removeAttribute("aria-busy")})}formatError(errors){const shippingRatesList=Object.keys(errors).map(errorKe

7y=>`<li>${errors[errorKey]}</li>`);this.resultsElement.classList.remove("alert--success"),this.resultsElement.classList.add("alert--error"),this.resultsElement.lastElementChild.innerHTML=`
8          <p>${theme.shippingCalculatorStrings.error}</p>
9          <ul class="list-disc grid gap-2" role="list">${shippingRatesList.join("")}</ul>
10        `}formatShippingRates(shippingRates){const shippingRatesList=shippingRates.map(({presentment_name,currency,price})=>`<li>${presentment_name}: ${currency} ${price}</li>`);shippingRates.length?(this.resultsElement.classList.remove("alert--error"),this.resultsElement.classList.add("alert--success")):(this.resultsElement.classList.remove("alert--success"),this.resultsElement.classList.add("alert--error")),this.resultsElement.lastElementChild.innerHTML=`
11          <p>${shippingRates.length===0?theme.shippingCalculatorStrings.notFound:shippingRates.length===1?theme.shippingCalculatorStrings.oneResult:theme.shippingCalculatorStrings.multipleResults}</p>
12          ${shippingRatesList===""?"":`<ul class="list-disc grid gap-2" role="list">${shippingRatesList.join("")}</ul>`}
13        `}},{extends:"form"}),customElements.get("cart-discount")||customElements.define("cart-discount",class extends HTMLFormElement{constructor(){super(),this.onApplyDiscount=this.applyDiscount.bind(this)}get sectionId(){return this.getAttribute("data-section-id")}connectedCallback(){this.submitButton=this.querySelector('[type="submit"]'),this.resultsElement=this.lastElementChild,this.submitButton.addEventListener("click",this.onApplyDiscount)}disconnectedCallback(){this.abortController?.abort(),this.submitButton.removeEventListener("click",this.onApplyDiscount)}applyDiscount(event){event.preventDefault();const discountCode=this.querySelector('[name="discount"]');if(!(discountCode instanceof HTMLInputElement)||typeof this.getAttribute("data-section-id")!="string")return;this.abortController?.abort(),this.abortController=new AbortController;const discountCodeValue=discountCode.value.trim();if(discountCodeValue==="")return;const existingDiscounts=this.existingDiscounts();if(existingDiscounts.includes(discountCodeValue))return;this.setDiscountError(""),this.submitButton.setAttribute("aria-busy","true");const body=JSON.stringify({discount:[...existingDiscounts,discountCodeValue].join(","),sections:[this.sectionId]});fetch(theme.routes.cart_update_url,{...theme.utils.fetchConfig("json"),body,signal:this.abortController.signal}).then(response=>response.json()).then(parsedState=>{if(parsedState.discount_codes.find(discount=>discount.code===discountCodeValue&&discount.applicable===!1)){discountCode.value="",this.setDiscountError(theme.discountStrings.error);return}const newHtml=parsedState.sections[this.sectionId],section=new DOMParser().parseFromString(newHtml,"text/html").getElementById(`shopify-section-${this.sectionId}`);if(section){const discountCodes=section?.querySelectorAll('button[is="discount-remove"]')||[],codes=Array.from(discountCodes).map(element=>element instanceof HTMLButtonElement?element.getAttribute("data-discount"):null).filter(Boolean);if(codes.length===existingDiscounts.length&&codes.every(code=>existingDiscounts.includes(code))&&parsedState.discount_codes.find(discount=>discount.code===discountCodeValue&&discount.applicable===!0)){discountCode.value="",this.setDiscountError(theme.discountStrings.shippingError);return}}theme.pubsub.publish(theme.pubsub.PUB_SUB_EVENTS.cartUpdate,{source:"cart-discount",cart:parsedState})}).catch(error=>{error.name==="AbortError"?console.log("Fetch aborted by user"):console.error(error)}).finally(()=>{this.submitButton.removeAttribute("aria-busy")})}removeDiscount(event){if(event instanceof KeyboardEvent&&event.key!=="Enter"||!(event instanceof MouseEvent))return;const discountCode=event.target.getAttribute("data-discount");if(!discountCode)return;const existingDiscounts=this.existingDiscounts(),index=existingDiscounts.indexOf(discountCode);if(index===-1)return;existingDiscounts.splice(index,1),this.abortController?.abort(),this.abortController=new AbortController,this.setDiscountError(""),event.target.setAttribute("loading","");const body=JSON.stringify({discount:existingDiscounts.join(","),sections:[this.sectionId]});fetch(theme.routes.cart_update_url,{...theme.utils.fetchConfig("json"),body,signal:this.abortController.signal}).then(response=>response.json()).then(parsedState=>{theme.pubsub.publish(theme.pubsub.PUB_SUB_EVENTS.cartUpdate,{source:"cart-discount",cart:parsedState})}).catch(error=>{error.name==="AbortError"?console.log("Fetch aborted by user"):console.error(error)}).finally(()=>{event.target.removeAttribute("loading")})}existingDiscounts(){const discountCodes=[],discountPills=this.querySelectorAll('button[is="discount-remove"]');for(const pill of discountPills)pill.hasAttribute("data-discount")&&discountCodes.push(pill.getAttribute("data-discount"));return discountCodes}setDiscountError(error){this.resultsElement.lastElementChild.textContent=error,this.resultsElement.hidden=error.length===0}},{extends:"form"}),customElements.get("discount-remove")||customElements.define("discount-remove",class extends MagnetButton{constructor(){super(),this.addEventListener("click",this.onClick)}onClick(event){const form=this.closest('form[is="cart-discount"]')||document.querySelector('form[is="cart-discount"]');form&&(event.preventDefault(),form.removeDiscount(event))}},{extends:"button"});
14//# sourceMappingURL=/cdn/shop/t/45/assets/cart.js.map?v=156958169961437665681778619151