https://www.wildling.shoes/cdn/shop/t/481/assets/component-footlen…?v=103398258598849081191787305242

1class FootlengthSelect extends HTMLElement{constructor(){super()}connectedCallback(){this._connected||(this._connected=!0,this.sizefinderSection=document.querySelector(".js.sizefinder-section-wrapper"),this.sizefinderWrapper=document.querySelector(".js.sizefinder-wrapper"),this.shopShoesBtn=this.sizefinderSection?.querySelector(".js.shop-shoes-btn"),this.selectLabelWrapper=this.querySelector(".js.sizefinder__select__inline-label"),this.labelPlaceholder=this.querySelector(".js.sizefinder__select__inline-label__placeholder"),this.currentLabel=this.querySelector(".js.sizefinder__select__inline-label__current"),this.sizeSelect=this.querySelector(".js.sizefinder__select"),this.growingFeetToggle=document.querySelector(".js.growing-feet__toggle-switch"),this.sizefinderResults=document.querySelector(".js.sizefinder__results"),this.sizefinderResultsSize=this.sizefinderResults.querySelector(".js.sizefinder__results__size span"),this.sizefinderComponent=document.querySelector("sizefinder-component"),this.growingSizesListItems=[],this.nonGrowingSizesListItems=[],this.loadSizesFromDom(),this.sizeSelect.addEventListener("change",this.selectFootlength),this.selectLabelWrapper.addEventListener("click",event=>{this.classList.toggle("open")}))}reset(){this.growingSizesListItems.forEach(item=>{item.classList.remove("selected")}),this.nonGrowingSizesListItems.forEach(item=>{item.classList.remove("selected")}),this.currentLabel.innerHTML=this.labelPlaceholder.innerHTML}createSizeListItems(data){return data.map(item=>{const li=document.createElement("li");return li.innerText=item.label,li.dataset.size=item.value,li.role="option",li.addEventListener("click",this.selectFootlength.bind(this)),li})}populateSizes(growingSizes,nonGrowingSizes){this.growingSizesDataSet=[],this.nonGrowingSizesDataSet=[],growingSizes?.sizes?.forEach(size=>{this.growingSizesDataSet.push({value:size.size,label:size.length})}),nonGrowingSizes?.sizes?.forEach(size=>{this.nonGrowingSizesDataSet.push({value:size.size,label:size.length})}),this.growingSizesListItems=this.createSizeListItems(this.growingSizesDataSet),this.nonGrowingSizesListItems=this.createSizeListItems(this.nonGrowingSizesDataSet);const listItemsToUse=this.growingFeetToggle.checked?this.growingSizesListItems:this.nonGrowingSizesListItems;this.sizeSelect.replaceChildren(...listItemsToUse)}swapSizes(){this.growingFeetToggle.checked?this.sizeSelect.replaceChildren(...this.growingSizesListItems):this.sizeSelect.replaceChildren(...this.nonGrowingSizesListItems)}loadSizesFromDom(){const growingSizes=JSON.parse(document.getElementById(this.dataset.growingSizesDataId).textContent),nonGrowingSizes=JSON.parse(document.getElementById(this.dataset.nonGrowingSizesDataId).textContent);this.populateSizes(growingSizes,nonGrowingSizes)}selectFootlength(event){const currentListItems=this.querySelectorAll(".js.sizefinder__select li");this.currentLabel.innerText=event.currentTarget.innerText,event.currentTarget.classList.add("selected"),currentListItems.forEach(entry=>{entry!==event.currentTarget&&entry.classList.remove("selected")}),this.classList.toggle("open"),this.sizefinderSection?.scrollIntoView({behavior:"smooth",block:"start"}),this.sizefinderWrapper?.scrollIntoView({behavior:"smooth",block:"start"});const variant=document.querySelector(`variant-radios fieldset.js.product-form__input input[value="${event.currentTarget.dataset.size}"]`);this.sizefinderResultsSize.innerText=event.currentTarget.dataset.size,this.sizefinderResults.classList.remove("hidden"),this.datalayerSelectFootlength(event.currentTarget.innerText),this.datalayerSuggestion(event.currentTarget.dataset.size),this.shopShoesBtn?.classList.remove("hidden"),variant&&(variant.classList.add("sizefinder-triggered"),variant.click(),variant.classList.contains("has-notify")&&variant.classList.contains("is-soldout")?this.sizefinderResults.classList.add("notify"):variant.classList.contains("is-soldout")?this.sizefinderResults.classList.add("soldout"):this.sizefinderResults.classList.remove("notify","hidden","soldout"),this.sizefinderComponent.dataset.recommendedSize=event.currentTarget.dataset.size)}datalayerSelectFootlength(footlength="no data"){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"groessenberater_size_selected",length:footlength})}datalayerSuggestion(suggestedSize="no data"){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"groessenberater_suggestion",size:suggestedSize})}}customElements.define("footlength-select",FootlengthSelect);
2//# sourceMappingURL=/cdn/shop/t/481/assets/component-footlength-select.js.map?v=103398258598849081191787305242