if(!customElements.get("variant-picker")){class VariantPicker extends HTMLElement{constructor(){super(),this.section=this.closest(".js-product"),this.productForm=this.section.querySelector(".js-product-form"),this.optionSelectors=this.querySelectorAll(".option-selector"),this.data=this.getProductData(),this.updateAvailability(),this.addEventListener("change",this.handleVariantChange.bind(this))}handleVariantChange(evt){const selectedOptions=this.getSelectedOptions();this.variant=null,this.variant=this.data.product.variants.find(v=>v.options.every((val,index)=>val===selectedOptions[index])),this.variant&&(this.updateMedia(),this.updateUrl(evt),this.updateVariantInput()),this.updateAddToCartButton(),this.updateAvailability(),this.updatePrice(),this.updateBackorderText(),this.updatePickupAvailability(),this.updateSku(),VariantPicker.updateLabelText(evt),this.dispatchEvent(new CustomEvent("on:variant:change",{bubbles:!0,detail:{form:this.productForm,variant:this.variant,product:this.data.product}}))}updateAddToCartButton(){if(this.productForm=this.section.querySelector(".js-product-form"),!this.productForm)return;this.addBtn=this.addBtn||this.productForm.querySelector('[name="add"]');const variantAvailable=this.variant&&this.variant.available,unavailableStr=this.variant?theme.strings.noStock:theme.strings.noVariant;this.addBtn.disabled=!variantAvailable,this.addBtn.textContent=variantAvailable?this.addBtn.dataset.addToCartText:unavailableStr}updateAvailability(){if(this.dataset.showAvailability==="false")return;let currVariant=this.variant;this.variant||(currVariant={options:this.getSelectedOptions()});const updateOptionAvailability=(optionEl,available,soldout)=>{const el=optionEl,text=soldout?theme.strings.noStock:theme.strings.noVariant;if(el.classList.toggle("is-unavailable",!available),optionEl.classList.contains("custom-select__option")){const em=el.querySelector("em");em&&(em.hidden=available),available||(em?em.textContent=text:el.innerHTML=`${el.innerHTML} <em class="pointer-events-none">${text}</em>`)}else available?el.nextElementSibling.removeAttribute("title"):el.nextElementSibling.title=text};this.querySelectorAll(".js-option").forEach(optionEl=>{updateOptionAvailability(optionEl,!1,!1)}),this.optionSelectors.forEach((selector,selectorIndex)=>{this.data.product.variants.forEach(variant=>{let matchCount=0;if(variant.options.forEach((option,optionIndex)=>{option===currVariant.options[optionIndex]&&optionIndex!==selectorIndex&&(matchCount+=1)}),matchCount===currVariant.options.length-1){const options=selector.querySelectorAll(".js-option"),optionEl=Array.from(options).find(opt=>selector.dataset.selectorType==="dropdown"?opt.firstElementChild.textContent===variant.options[selectorIndex]:opt.nextElementSibling.querySelector(".js-value").textContent===variant.options[selectorIndex]);optionEl&&updateOptionAvailability(optionEl,variant.available,!variant.available)}})})}updateBackorderText(){if(this.backorder=this.backorder||this.section.querySelector(".backorder"),!this.backorder)return;let hideBackorder=!0;if(this.variant&&this.variant.available){const{inventory}=this.data.formatted[this.variant.id];if(this.variant.inventory_management&&inventory==="none"){const backorderProdEl=this.backorder.querySelector(".backorder__product"),prodTitleEl=this.section.querySelector(".product-title"),variantTitle=this.variant.title.includes("Default")?"":` - ${this.variant.title}`;backorderProdEl.textContent=`${prodTitleEl.textContent}${variantTitle}`,hideBackorder=!1}}this.backorder.hidden=hideBackorder}static updateLabelText(evt){const selector=evt.target.closest(".option-selector");if(selector.dataset.selectorType==="dropdown")return;const colorText=selector.querySelector(".js-color-text");colorText&&(colorText.textContent=evt.target.nextElementSibling.querySelector(".js-value").textContent)}updateMedia(){if(this.variant.featured_media)if(this.section.matches("quick-add-drawer"))this.section.updateMedia(this.variant.featured_media.id);else{if(this.mediaGallery=this.mediaGallery||this.section.querySelector("media-gallery"),!this.mediaGallery)return;const variantMedia=this.mediaGallery.querySelector(`[data-media-id="${this.variant.featured_media.id}"]`);this.mediaGallery.setActiveMedia(variantMedia,!0,!0)}}updatePickupAvailability(){this.pickUpAvailability=this.pickUpAvailability||this.section.querySelector("pickup-availability"),this.pickUpAvailability&&(this.variant&&this.variant.available?this.pickUpAvailability.getAvailability(this.variant.id):(this.pickUpAvailability.removeAttribute("available"),this.pickUpAvailability.innerHTML=""))}updatePrice(){if(this.price=this.price||this.section.querySelector(".product-info__price > .price"),!!this.price){if(this.variant){const priceCurrentEl=this.price.querySelector(".price__current"),priceWasEl=this.price.querySelector(".price__was"),unitPriceEl=this.price.querySelector(".unit-price");if(priceCurrentEl.textContent=this.data.formatted[this.variant.id].price,priceWasEl&&(priceWasEl.textContent=this.data.formatted[this.variant.id].compareAtPrice||""),this.variant.unit_price_measurement){const valueEl=this.price.querySelector(".unit-price__price"),unitEl=this.price.querySelector(".unit-price__unit"),value=this.variant.unit_price_measurement.reference_value,unit=this.variant.unit_price_measurement.reference_unit;valueEl.textContent=this.data.formatted[this.variant.id].unitPrice,unitEl.textContent=value===1?unit:`${value} ${unit}`}unitPriceEl.hidden=!this.variant.unit_price_measurement,this.price.classList.toggle("price--on-sale",this.variant.compare_at_price>this.variant.price),this.price.classList.toggle("price--sold-out",!this.variant.available)}this.price.querySelector(".price__default").hidden=!this.variant,this.price.querySelector(".price__no-variant").hidden=this.variant}}updateSku(){if(this.sku=this.sku||this.section.querySelector(".product-sku__value"),!this.sku)return;const skuAvailable=this.variant&&this.variant.sku;this.sku.textContent=skuAvailable?this.variant.sku:"",this.sku.parentNode.hidden=!skuAvailable}updateUrl(evt){!evt||evt.type!=="change"||this.dataset.updateUrl==="false"||window.history.replaceState({},"",`${this.dataset.url}?variant=${this.variant.id}`)}updateVariantInput(){this.forms=this.forms||this.section.querySelectorAll(".js-product-form, .js-instalments-form"),this.forms.forEach(form=>{const input=form.querySelector('input[name="id"]');input.value=this.variant.id,input.dispatchEvent(new Event("change",{bubbles:!0}))})}getSelectedOptions(){const selectedOptions=[];return this.optionSelectors.forEach(selector=>{selector.dataset.selectorType==="dropdown"?selectedOptions.push(selector.querySelector(".custom-select__btn").textContent.trim()):selectedOptions.push(selector.querySelector("input:checked").value)}),selectedOptions}getProductData(){const dataEl=this.querySelector('[type="application/json"]');return JSON.parse(dataEl.textContent)}}customElements.define("variant-picker",VariantPicker)}
//# sourceMappingURL=/cdn/shop/t/23/assets/variant-picker.js.map?v=131096709954033965011737435250