https://queencitycollectivecoffee.com/cdn/shop/t/177/assets/ce-pro…?v=132536190397345657301750357285

1(function(){if(customElements.get("ce-product-pickup-availability")!==void 0)return;class ProductPickupAvailability extends HTMLParsedElement{constructor(){super(),this.queuedAttributeChangedCallbackParams=[],this.selectors={product:"ce-product",toaster:"ce-toaster"},this.handleProductVariantId=this.handleProductVariantId.bind(this)}get isLoading(){return this.getAttribute("is-loading")==="true"}set isLoading(value){this.setAttribute("is-loading",value)}get variantId(){return this.getAttribute("variant-id")}set variantId(value){this.setAttribute("variant-id",value)}static get observedAttributes(){return["is-loading","variant-id"]}attributeChangedCallback(...params){if(!this.parsed){this.queuedAttributeChangedCallbackParams.push(params);return}const[name,oldValue,newValue]=params;if(oldValue!==newValue)switch(name){case"is-loading":if(newValue!==null)if(newValue==="true"){const html=`
2                <div class="motion-safe:animate-pulse">
3                  <div class="bg-body-text/25 h-5 mb-2 rounded-other w-1/1"></div>
4                  <div class="bg-body-text/25 h-4 mb-2 rounded-other w-1/2"></div>
5                  <div class="bg-body-text/25 h-5 rounded-other w-2/3"></div>
6                </div>
7              `;this.innerHTML=html}else this.innerHTML="";break;case"variant-id":newValue!==null&&(this.isLoading=!0,this._fetchSection(newValue));break}}parsedCallback(){this.elements={product:this.closest(this.selectors.product),toaster:document.querySelector(this.selectors.toaster)},this.elements.product.addEventListener("ce-product:variant-id",this.handleProductVariantId);for(let params of this.queuedAttributeChangedCallbackParams)this.attributeChangedCallback(...params)}disconnectedCallback(){this.elements.product.removeEventListener("ce-product:variant-id",this.handleProductVariantId)}handleProductVariantId(event){this.variantId=event.detail}async _fetchSection(variantId){try{const resource=`${Themu.routes.root}variants/${variantId}?section_id=pickup-availability`,response=await fetch(resource);if(!response.ok)throw Error;const responseText=await response.text(),innerHTML=new DOMParser().parseFromString(responseText,"text/html").querySelector("#shopify-section-pickup-availability").innerHTML;this.isLoading=!1,this.innerHTML=innerHTML}catch{this.elements.toaster.makeToast("danger",Themu.t.products.pickup_availability.error_message)}}}customElements.define("ce-product-pickup-availability",ProductPickupAvailability)})();
8//# sourceMappingURL=/cdn/shop/t/177/assets/ce-product-pickup-availability.js.map?v=132536190397345657301750357285