https://angelicopress.com/cdn/shop/t/12/assets/component-product-variants.js?v=126199481927225158781773939496

1(function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.themegoal=global.themegoal||{},global.themegoal.components_business=global.themegoal.components_business||{},global.themegoal.components_business.product_variants=factory())})(this,(function(){"use strict";class ProductImageModal{constructor(element){this.element=element,this.delegateElement=new themegoal.libs.Delegate(this.element),this.quiviewModalElement=document.getElementById("ProductMediaZoomModal"),this.quiviewModal=null,this.activeMedia=null,this._bindEventsListeners()}destroy(){this.delegateElement.off("click")}_bindEventsListeners(){this.delegateElement.on("click",".MediaModalOpener",this._openMediaModal.bind(this),!0),this.quiviewModalElement.addEventListener("hidden.tg.Modal",function(event){window.pauseAllMedia()});let _this=this;this.quiviewModalElement.addEventListener("shown.tg.Modal",function(event){window.pauseAllMedia(),_this.activeMedia.scrollIntoView({behavior:"smooth",block:"start"})})}_openMediaModal(event,target){themegoal.helpers.Responsive.getCurrentBreakpoint()=="small"?(event.stopImmediatePropagation(),this._setActiveMeida(target),this.quiviewModal=new themegoal.components.Modal(this.quiviewModalElement),this.quiviewModal.show()):target.classList.contains("MediaModalOpener--image")&&(this._setActiveMeida(target),this.quiviewModal=new themegoal.components.Modal(this.quiviewModalElement),this.quiviewModal.show())}_setActiveMeida(target){let openers=this.quiviewModalElement.querySelectorAll(".Product__MediaWrapper"),currentMediaId=target.getAttribute("data-media-id");openers&&(openers.forEach(function(item){item.classList.remove("Active")}),this.activeMedia=this.quiviewModalElement.querySelector('[data-media-id="'+currentMediaId+'"]'),this.activeMedia&&this.activeMedia.classList.add("Active"))}}class ProductPickupAvailability{constructor(element){this.element=element}updateWithVariant(variant){if(this.element){if(!variant){this.element.textContent="";return}this._renderAvailabilitySection(variant.id)}}_renderAvailabilitySection(id){let _this=this;this.element.innerHTML="";var availabilityModal=document.getElementById("PickupAvailabilityModal-"+id);return availabilityModal&&availabilityModal.remove(),fetch(window.routes.rootUrlWithoutSlash+"/variants/"+id+"?section_id=pickup-availability").then(function(response){return response.text().then(function(content){_this.element.innerHTML=content,_this.element.innerHTML=_this.element.firstElementChild.innerHTML;let availabilityModal2=document.getElementById("PickupAvailabilityModal-"+id);availabilityModal2&&(document.body.appendChild(availabilityModal2),new themegoal.components.Drawer(availabilityModal2))})})}}class ProductVariants{constructor(container,options){let _this=this;this.element=container,this.delegateElement=new themegoal.libs.Delegate(this.element),this.options=options;let jsonData=JSON.parse(this.element.querySelector("[data-product-json]").innerHTML);this.productData=jsonData.product,this.sectionId=jsonData.section_id,this.productData.id&&(this.currentVariant=this.productData.selected_or_first_available_variant,this.variantsInventories=jsonData.inventories||{},this.pickupAvailability=new ProductPickupAvailability(this.element.querySelector(".Product__StoreAvailabilityContainer")),this.pickupAvailability.updateWithVariant(this.currentVariant),this._bindEventsListeners())}destroy(){this.delegateElement.off("click")}_bindEventsListeners(){this.delegateElement.on("click",'[data-action="add-to-cart"]',this._addToCart.bind(this)),this.delegateElement.on("click",'[data-action="decrease-quantity"]',this._decreaseQuantity.bind(this)),this.delegateElement.on("click",'[data-action="increase-quantity"]',this._increaseQuantity.bind(this)),this.delegateElement.on("change",".ProductForm__QuantityNum",this._validateQuantity.bind(this)),this.delegateElement.on("change",'.ProductForm__Option [type="radio"]',this._onOptionChanged.bind(this)),this.delegateElement.on("key

1down",'.ProductForm__Option [type="radio"]~label',this._labeEnerKeyEvent.bind(this)),this.delegateElement.on("change",".ProductForm__Option .Form__Select",this._onOptionChanged.bind(this)),this.delegateElement.on("change",'.ProductForm__CustomProperty [type="radio"]',this._onChangeCustomPropertyRadio.bind(this)),this.delegateElement.on("change",".ProductForm__CustomProperty .Form__Select",this._onChangeCustomPropertySelect.bind(this)),this.delegateElement.on("change",".ProductForm__CustomProperty .Form__Input",this._onChangeCustomPropertyText.bind(this))}_labeEnerKeyEvent(event,target){if(event.keyCode==13){let inputId=target.getAttribute("for");document.getElementById(inputId).click()}}_onOptionChanged(event,target){const targetUrl=this.element.dataset.productUrl,inputElement=target.tagName==="SELECT"?target.selectedOptions[0]:target;if(inputElement.dataset.productUrl&&targetUrl!=inputElement.dataset.productUrl)this.options.productForm=="main-product"||this.options.productForm=="featured-product"?this._goToSubProductPage(inputElement.dataset.productUrl):(this.element.setAttribute("data-product-url",inputElement.dataset.productUrl),this._reRenderFullSection(inputElement.dataset.productUrl,this.options.productForm));else if(inputElement.dataset.variantId)this._reRenderBlocks(inputElement.dataset.variantId);else{let selectedOption=target.closest(".ProductForm__Option");if(selectedOption){let selectedValue=selectedOption.querySelector(".ProductForm__SelectedValue");selectedValue&&(selectedValue.innerHTML=target.value)}this._updateAddToCartButton(null),this._updateProductInfo(null,null,null)}}_reRenderBlocks(newVariantId){let _this=this;fetch(_this.element.dataset.productUrl+"?variant="+newVariantId+"&section_id="+_this.sectionId).then(function(response){return response.text().then(function(content){const responseHtml=new DOMParser().parseFromString(content,"text/html");let previousVariant=_this.currentVariant,jsonData=JSON.parse(responseHtml.querySelector("[data-product-json]").innerHTML);_this.productData=jsonData.product,_this.productData.id&&(_this.currentVariant=_this.productData.selected_or_first_available_variant,_this.variantsInventories=jsonData.inventories||{},_this._onVariantChanged(previousVariant,_this.currentVariant,responseHtml),_this.currentVariant&&_this.options.enableHistoryState&&_this._updateHistoryState(_this.currentVariant))})})}_onVariantChanged(previousVariant,newVariant,responseHtml){this._updateProductInfo(previousVariant,newVariant,responseHtml),this._updateAddToCartButton(newVariant),this.pickupAvailability.updateWithVariant(newVariant),this.element.dispatchEvent(new CustomEvent("variant:changed",{bubbles:!0,detail:{variant:newVariant,previousVariant}}))}_updateProductInfo(previousVariant,newVariant,responseHtml){let _this=this,destinationPriceList=_this.element.querySelector(".Product__PriceList"),destinationSKU=_this.element.querySelector(".Product__Sku"),destinationUnitPrice=_this.element.querySelector(".Product__UnitPrice"),destinationInventory=_this.element.querySelector(".ProductForm__Inventory"),destinationPayInstallments=_this.element.querySelector(".Product__PayInstallments"),destinationProductFormOptions=_this.element.querySelector(".Product__Block--variantPicker"),destinationRefreshVariantChanges=_this.element.querySelectorAll(".Product__Block--refreshVariantChange");if(!newVariant){destinationPriceList&&(destinationPriceList.innerHTML=""),destinationSKU&&(destinationSKU.innerHTML=""),destinationUnitPrice&&(destinationUnitPrice.innerHTML=""),destinationInventory&&(destinationInventory.innerHTML=""),destinationPayInstallments&&(destinationPayInstallments.innerHTML="");return}if(responseHtml){const sourcePriceList=responseHtml.querySelector(".Product__PriceList");if(sourcePriceList&&destinationPriceList&&(destinationPriceList.innerHTML=sourcePriceList.innerHTML),_this.options.showSku){const sourceSKU=responseHtml.querySelector(".Product__Sku");sourceSKU&&destinationSKU&&(destinationSKU.innerHTML=sourceSKU.innerHTML,destinationSKU.style.display=sourceSKU.style.display)}const sourceUnitPrice=responseHtml.querySelector(".Product__UnitPrice");if(sourceUnitPrice&&destinationUnitPrice&&(destinationUnitPrice.innerHTML=sourceUnitPrice.innerHTML,destinationUnitPrice.style.display=sourceUnitPrice.style.display),_this.options.showInventoryQuantity){let variantInventory=newVariant?_this.variantsInventories:null;if(destinationInventory&&variantInventory)if(newVariant.inventory_management===null||variantInventory.inventory_quantity<=0||_this.options.inventoryQuantityThreshold>0&&variantInventory.inventory_quantity>_this.options.inventoryQuantityThreshold)destinationInventory.style.display="none";else{const sourceInventory=responseHtml.querySelector(".ProductForm__Inventory");sourceInventory&&(destinationInventory.innerHTML=sourceInventory.innerHTML,destinationInventory.style.display="")}}const sourcePayInstallments=responseHtml.querySelector(".Product__PayInstallments");sourcePayInstallments&&destinationPayInstallments&&(destinationPayInstallments.innerHTML=sourcePayInstallments.innerHTML);const sourceProductFormOptions=responseHtml.querySelector(".Product__Block--variantPicker");if(sourceProductFormOptions&&destinationProductFormOptions&&(destinationProductFormOptions.innerHTML=sourceProductFormOptions.innerHTML),this.options.enableMediaGrouping&&previousVariant.options[0]!=newVariant.options[0]){let destinationGallery=_this.element.querySelector(".ProductGallery");const sourceGallery=responseHtml.querySelector(".ProductGallery");sourceGallery&&destinationGallery&&(destinationGallery.innerHTML=sourceGallery.innerHTML);let destinationMediaIdIndexs=_this.element.querySelector("[data-product-media-id-index-json]");const sourceMediaIdIndexs=responseHtml.querySelector("[data-product-media-id-index-json]");destinationMediaIdIndexs&&sourceMediaIdIndexs&&(destinationMediaIdIndexs.innerHTML=sourceMediaIdIndexs.innerHTML);let destinationGalleryZoomModal=document.querySelector("#ProductMediaZoomModal .ProductGallery--zoomModal");const sourceGalleryZoomModal=responseHtml.querySelector("#ProductMediaZoomModal .ProductGallery--zoomModal");if(sourceGalleryZoomModal&&destinationGalleryZoomModal&&(destinationGalleryZoomModal.innerHTML=sourceGalleryZoomModal.innerHTML),this.options.enableImageZoom&&this.options.imageZoomLayout=="carousel"){let destinationGalleryZoomPhotoSwipe=document.querySelector("#MediaLightbox-"+this.sectionId);const sourceGalleryZoomPhotoSwipe=responseHtml.querySelector("#MediaLightbox-"+this.sectionId);if(destinationGalleryZoomPhotoSwipe&&sourceGalleryZoomPhotoSwipe){let pElem=destinationGalleryZoomPhotoSwipe.parentNode,newScript=document.createElement("script");newScript.type="module",newScript.id="MediaLightbox-"+this.sectionId,newScript.innerHTML=sourceGalleryZoomPhotoSwipe.innerHTML,pElem.removeChild(destinationGalleryZoomPhotoSwipe),pElem.appendChild(newScript)}}}const sourceRefreshVariantChanges=responseHtml.querySelectorAll(".Product__Block--refreshVariantChange");sourceRefreshVariantChanges&&destinationRefreshVariantChanges&&sourceRefreshVariantChanges.forEac

1h(sItem=>{destinationRefreshVariantChanges.forEach(dItem=>{sItem.getAttribute("id")==dItem.getAttribute("id")&&(dItem.innerHTML=sItem.innerHTML)})})}}_updateAddToCartButton(newVariant){let addToCartButton=this.element.querySelector(".ProductForm__AddToCart"),shopifyPaymentButton=this.element.querySelector(".shopify-payment-button"),newButton=document.createElement("button");addToCartButton&&(newButton.setAttribute("type","submit"),newButton.className="ProductForm__AddToCart Button Button--full",newVariant?newVariant.available?(newButton.removeAttribute("disabled"),newButton.classList.add(this.options.showPaymentButton?"Button--secondary":"Button--primary"),newButton.setAttribute("data-action","add-to-cart"),newButton.innerHTML="<span>"+window.languages.productFormAddToCart+"</span>"):(newButton.setAttribute("disabled","disabled"),newButton.classList.add("Button--secondary"),newButton.removeAttribute("data-action"),newButton.innerHTML=window.languages.productFormSoldOut):(newButton.setAttribute("disabled","disabled"),newButton.removeAttribute("data-action"),newButton.classList.add("Button--secondary"),newButton.innerHTML=window.languages.productFormUnavailable),this.options.showPaymentButton&&shopifyPaymentButton&&(!newVariant||!newVariant.available?shopifyPaymentButton.style.display="none":shopifyPaymentButton.style.display="block"),addToCartButton.parentNode.replaceChild(newButton,addToCartButton))}_reRenderFullSection(url,productForm){let _this=this;fetch(window.location.protocol+"//"+window.location.host+url+"?section_id="+this.sectionId).then(function(response){return response.text().then(function(content){const responseHtml=new DOMParser().parseFromString(content,"text/html");productForm=="product-quickview"&&(_this.element.querySelector("#ProductQuickviewModal").innerHTML=responseHtml.querySelector("#ProductQuickviewModal").innerHTML)})})}_goToSubProductPage(url){location.href=window.location.protocol+"//"+window.location.host+url}_updateHistoryState(variant){if(!history.replaceState)return;let newUrl=window.location.protocol+"//"+window.location.host+window.location.pathname+"?variant="+variant.id;window.history.replaceState({path:newUrl},"",newUrl)}_addToCart(event){let _this=this;event.preventDefault();let formElement=this.element.querySelector("form.ProductForm");if(formElement.checkValidity())this.element.classList.remove("ProductFormValidated");else{this.element.classList.contains(".ProductFormValidated")||this.element.classList.add("ProductFormValidated");return}let addToCartButton=this.element.querySelector(".ProductForm__AddToCart");addToCartButton.setAttribute("disabled","disabled"),document.dispatchEvent(new CustomEvent("theme:loading:start")),fetch(window.routes.cartAddUrl+".js",{body:JSON.stringify(themegoal.components.Form.serialize(formElement)),credentials:"same-origin",method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then(function(response){document.dispatchEvent(new CustomEvent("theme:loading:end")),response.ok?window.theme.cartType=="page"?window.location.href=window.routes.cartUrl:(addToCartButton.removeAttribute("disabled"),response.json().then(function(data){_this.element.dispatchEvent(new CustomEvent("product:added",{bubbles:!0,detail:{variant:_this.currentVariant,quantity:parseInt(_this.element.querySelector('[name="quantity"]').value),cartItemKey:data.key}}))})):response.json().then(function(content){var errorMessageElement=document.createElement("div");errorMessageElement.className="Alert Alert--danger",typeof content.description=="object"?errorMessageElement.innerHTML=content.message:errorMessageElement.innerHTML=content.description,addToCartButton.removeAttribute("disabled"),addToCartButton.insertAdjacentElement("beforeBegin",errorMessageElement),setTimeout(function(){errorMessageElement.remove()},8e3)})}),event.preventDefault()}_decreaseQuantity(event,target){let qty=Math.max(parseInt(this.element.querySelector(".ProductForm__QuantityNum").value)-1,1);this.element.querySelector(".ProductForm__QuantityNum").value=qty,this.element.querySelector('[name="quantity"]').value=qty}_increaseQuantity(event,target){let qty=parseInt(this.element.querySelector(".ProductForm__QuantityNum").value)+1;this.element.querySelector(".ProductForm__QuantityNum").value=qty,this.element.querySelector('[name="quantity"]').value=qty}_validateQuantity(event,target){target.value=Math.max(parseInt(target.value)||1,1)}_onChangeCustomPropertyRadio(event,target){let selectedValue=target.closest(".ProductForm__CustomProperty").querySelector(".ProductForm__SelectedValue"),invalidFeedbackElment=target.closest(".ProductForm__CustomProperty").querySelector(".InvalidFeedback");selectedValue&&(selectedValue.innerHTML=target.value),invalidFeedbackElment&&invalidFeedbackElment.classList.add("Valided")}_onChangeCustomPropertySelect(event,target){let invalidFeedbackElment=target.closest(".ProductForm__CustomProperty").querySelector(".InvalidFeedback");

1invalidFeedbackElment&&(target.value!=""?invalidFeedbackElment.classList.add("Valided"):invalidFeedbackElment.classList.remove("Valided"))}_onChangeCustomPropertyText(event,target){let invalidFeedbackElment=target.closest(".ProductForm__CustomProperty").querySelector(".InvalidFeedback");invalidFeedbackElment&&(target.value!=""?invalidFeedbackElment.classList.add("Valided"):invalidFeedbackElment.classList.remove("Valided"))}}return{ProductImageModal,ProductVariants}}));
2//# sourceMappingURL=/cdn/shop/t/12/assets/component-product-variants.js.map?v=126199481927225158781773939496