https://exoticworld.us/cdn/shop/t/15/assets/product-interactive-options.js?v=152201463464793350461684082334

1class ProductInteractiveOptions extends HTMLElement{constructor(){if(super(),this.variantsControlElement=this.parentElement,this.variants=this.variantsControlElement.getVariantData(),this.inputs=this.getOptionsElementsObject(),this.options=Object.keys(this.inputs).reduce((options,key)=>(options[this.inputs[key].position]=key,options),[]),this.currentVariant=this.getCurrentVariant(),this.setOptionInputsAvailability(),this.setUpInputListeners(),this.dataset.variantId){const id=Number(this.dataset.variantId);this.selectVariantById(id)}}getOptionsElementsObject(){return Array.from(this.variantsControlElement.querySelectorAll("input, select > option")).reduce((finalObject,el)=>{if(el.nodeName==="INPUT"){const optionName=el.name.trim();finalObject.hasOwnProperty(optionName)||(finalObject[optionName]={position:Object.keys(finalObject).length,type:"inputs",elements:{}}),finalObject[optionName].elements[el.value]={element:el}}else if(el.nodeName==="OPTION"){const selectElement=el.parentElement,optionName=selectElement.name.replace("options[","").replace("]","").trim();finalObject.hasOwnProperty(optionName)||(finalObject[optionName]={position:Object.keys(finalObject).length,type:"select",elements:{},selectElement}),finalObject[optionName].elements[el.value]={element:el,text:el.innerHTML.trim()}}return finalObject},{})}getCurrentOptions(){return Array.from(this.variantsControlElement.querySelectorAll("input:checked, select")).map(input=>input.value)}getCurrentVariant(){const options=this.getCurrentOptions();return this.variants.filter(variant=>options.every((option,index)=>variant.options[index]===option))[0]||null}getVariantById(id){const[result]=this.variants.filter(variant=>variant.id===id);return result||null}optionsAvailableInOtherVariants(){const currentVariant=this.getCurrentVariant(),availableVariants=this.variants.filter(variant=>variant.available&&variant.id!==currentVariant.id&&variant.options[0]===currentVariant.options[0]);return currentVariant.options.reduce((options,option,i)=>(availableVariants.some(variant=>variant.options.map((o,j)=>`${o}_${j}`).includes(`${option}_${i}`))&&options.push(`${option}_${i}`),options),[])}setOptionInputsAvailability(){this.currentVariant=this.getCurrentVariant(),Object.keys(this.inputs).forEach(option=>{Object.keys(this.inputs[option].elements).forEach(value=>{const{element,text}=this.inputs[option].elements[value];element.disabled=!0,this.inputs[option].type==="inputs"&&element.nextElementSibling.classList.add("is-disabled"),this.inputs[option].type==="select"&&(element.innerHTML=`${text} - Unavailable`)})});const availableOptions=new Set;this.currentVariant.options.forEach((option,i)=>{const optionInput=this.inputs[this.options[i]].elements[option],inputType=this.inputs[this.options[i]].type;optionInput.element.disabled=!1,this.currentVariant.available&&(availableOptions.add(`${this.options[i]}_${option}`),inputType==="inputs"&&optionInput.element.nextElementSibling.classList.remove("is-disabled"),inputType==="select"&&(optionInput.element.innerHTML=optionInput.text)),inputType==="select"&&!availableOptions.has(`${this.options[i]}_${option}`)&&(optionInput.element.innerHTML=`${optionInput.text} - ${window.theme.t.sold_out}`)}

1),this.variants.forEach(variant=>{if(variant.id!==this.currentVariant.id&&variant.options[0]===this.currentVariant.options[0])variant.options.every((option,i)=>{if(i>0&&variant.options[i-1]===this.currentVariant.options[i-1]){const optionInput=this.inputs[this.options[i]].elements[option],inputType=this.inputs[this.options[i]].type;if(optionInput.element.disabled=!1,!this.currentVariant.available&&this.currentVariant.options.includes(option))return!0;variant.available&&(availableOptions.add(`${this.options[i]}_${option}`),inputType==="inputs"&&optionInput.element.nextElementSibling.classList.remove("is-disabled"),inputType==="select"&&(optionInput.element.innerHTML=optionInput.text)),inputType==="select"&&!availableOptions.has(`${this.options[i]}_${option}`)&&(optionInput.element.innerHTML=`${optionInput.text} - ${window.theme.t.sold_out}`)}return!0});else if(variant.id!==this.currentVariant.id){const optionInput=this.inputs[this.options[0]].elements[variant.options[0]],inputType=this.inputs[this.options[0]].type;optionInput.element.disabled=!1,variant.available&&(availableOptions.add(`${this.options[0]}_${variant.options[0]}`),inputType==="inputs"&&optionInput.element.nextElementSibling.classList.remove("is-disabled"),inputType==="select"&&(optionInput.element.innerHTML=optionInput.text)),inputType==="select"&&!availableOptions.has(`${this.options[0]}_${variant.options[0]}`)&&(optionInput.element.innerHTML=`${optionInput.text} - ${window.theme.t.sold_out}`)}})}getFirstExistingVariant(option,optionGroup){const optionPosition=this.options.indexOf(optionGroup),existingVariantsWithOption=this.variants.filter(variant=>variant.options[optionPosition]===option&&(optionPosition===0||variant.options.slice(0,optionPosition).every((o,index)=>o===this.currentVariant.options[index])));for(let i=0,l=existingVariantsWithOption.length;i<l;i+=1)if(existingVariantsWithOption[i].available)return existingVariantsWithOption[i];return existingVariantsWithOption.length>0?existingVariantsWithOption[0]:null}getExistingVariantFromSelectedOption(option,optionGroup){const options=this.getCurrentOptions(),optionPosition=this.options.indexOf(optionGroup);return options[optionPosition]=option,this.variants.find(v=>v.options.every((val,idx)=>val===options[idx]))||null}selectVariant(variant){const currentFocusedElement=document.activeElement,optionsByGroup=variant.options.reduce((grouped,option,index)=>(grouped[this.options[index]]=option,grouped),{});Object.keys(this.inputs).forEach(option=>{Object.keys(this.inputs[option].elements).forEach(value=>{const{element,text}=this.inputs[option].elements[value];element.disabled=!1,this.inputs[option].type==="inputs"&&(element.nextElementSibling.classList.remove("is-disabled"),element.checked=!1),this.inputs[option].type==="select"&&(element.innerHTML=text),optionsByGroup[option]===value&&(this.inputs[option].type==="inputs"&&(element.checked=!0),this.inputs[option].type==="select"&&(this.inputs[option].selectElement.value=value))})}),this.setOptionInputsAvailability(),currentFocusedElement&&currentFocusedElement.focus()}selectVariantById(id){const variant=this.getVariantById(id);variant&&(this.selectVariant(variant),this.variantsControlElement.onVariantChange())}selectCurrentOrFirstExistingVariant(option,optionGroup){const selectedVariant=this.getExistingVariantFromSelectedOption(option.trim(),optionGroup.trim());if(selectedVariant)this.selectVariant(selectedVariant);else{const firstExistingVariant=this.getFirstExistingVariant(option.trim(),optionGroup.trim());firstExistingVariant&&this.selectVariant(firstExistingVariant)}}setUpInputListeners(){this.variantsControlElement.removeEventListener("change",this.variantsControlElement.onVariantChange),Object.keys(this.inputs).forEach(optionGroup=>{this.inputs[optionGroup].type==="inputs"?Object.keys(this.inputs[optionGroup].elements).forEach(option=>{this.inputs[optionGroup].elements[option].element.addEventListener("click",e=>{this.selectCurrentOrFirstExistingVariant(e.target.value.trim(),e.target.name.trim())})}):this.inputs[optionGroup].type==="select"&&this.inputs[optionGroup].selectElement.addEventListener("change",e=>{this.selectCurrentOrFirstExistingVariant(e.target.value.trim(),e.target.name.trim().replace("options[","").replace("]",""))})}),this.variantsControlElement.addEventListener("change",this.variantsControlElement.onVariantChange)}}customElements.define("product-interactive-options",ProductInteractiveOptions);
2//# sourceMappingURL=/cdn/shop/t/15/assets/product-interactive-options.js.map?v=152201463464793350461684082334