https://www.myteadrop.com/cdn/shop/t/308/assets/custom-select.js?v=27225963546238194221755788515

1var CustomSelect=function(options){var elem=typeof options.elem=="string"?document.getElementById(options.elem):options.elem,mainClass="js-Dropdown",titleClass="js-Dropdown-title",listClass="js-Dropdown-list",selectedClass="is-selected",openClass="is-open",selectOptions=elem.querySelectorAll("option"),optionsLength=selectOptions.length,selectContainer=document.createElement("div");selectContainer.className=mainClass,elem.id&&(selectContainer.id="custom-"+elem.id);var button=document.createElement("button");button.className=titleClass,button.textContent=selectOptions[0].textContent;let svg="<svg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'>",svg2="<path d='M0.500819 1.7172L8.47482 9.4902C8.61488 9.62672 8.80273 9.70312 8.99832 9.70312C9.19391 9.70312 9.38176 9.62672 9.52182 9.4902L17.4988 1.7172C17.5641 1.6536 17.616 1.57757 17.6515 1.49358C17.6869 1.4096 17.7052 1.31936 17.7052 1.2282C17.7052 1.13704 17.6869 1.0468 17.6515 0.962813C17.616 0.878826 17.5641 0.802793 17.4988 0.739198C17.3649 0.608364 17.1851 0.535118 16.9978 0.535118C16.8106 0.535118 16.6308 0.608364 16.4968 0.739198L8.99832 8.0487L1.50132 0.739199C1.36744 0.608814 1.18795 0.535851 1.00107 0.535851C0.81419 0.535851 0.634696 0.608814 0.500818 0.739199C0.435503 0.802793 0.38359 0.878827 0.348143 0.962813C0.312696 1.0468 0.294433 1.13704 0.294433 1.2282C0.294433 1.31936 0.312696 1.4096 0.348143 1.49358C0.38359 1.57757 0.435503 1.6536 0.500819 1.7172Z' fill='#231F20'/> ",svg3="</svg>";button.innerHTML+=`<span class='js-select-arrow'>${svg}${svg2}${svg3}</span>`,button.setAttribute("id","listboxlabel"),button.setAttribute("role","label");var ul=document.createElement("ul");ul.className=listClass,ul.setAttribute("role","listbox"),ul.setAttribute("aria-labelledby","listboxlabel"),ul.setAttribute("aria-activedescendant","listbox-1");for(var i=0;i<optionsLength;i++){var li=document.createElement("li");li.innerHTML=selectOptions[i].textContent,li.setAttribute("role","option");let liId="listbox-"+i;li.setAttribute("id",liId),li.setAttribute("data-value",selectOptions[i].value),li.setAttribute("data-index",i),selectOptions[i].getAttribute("selected")!==null&&(li.classList.add(selectedClass),button.textContent=selectOptions[i].getAttribute("data-value"),closeT()),ul.appendChild(li)}selectContainer.appendChild(button),selectContainer.appendChild(ul),button.innerHTML=selectOptions[0].textContent,button.innerHTML+=`<span class='js-select-arrow'>${svg}${svg2}${svg3}</span>`;for(var i=0;i<optionsLength;i++)selectOptions[i].getAttribute("selected")!==null&&(button.innerHTML=selectOptions[i].textContent,button.innerHTML+=`<span class='js-select-arrow'>${svg}${svg2}${svg3}</span>`);selectContainer.addEventListener("click",onClick),elem.parentNode.insertBefore(selectContainer,elem),elem.style.display="none",document.addEventListener("click",function(e){selectContainer.contains(e.target)||closeT()});const listItems=document.querySelectorAll(".js-Dropdown-list li");document.querySelectorAll(".is-selected").length==0&&listItems[0].classList.add("is-selected");const listItemIds=[];listItems.forEach(item=>listItemIds.push(item.getAttribute("data-index")));const SPACEBAR_KEY_CODE=[0,32],ENTER_KEY_CODE=13,DOWN_ARROW_KEY_CODE=40,UP_ARROW_KEY_CODE=38,ESCAPE_KEY_CODE=27;selectContainer.addEventListener("keydown",e=>{switch(e.keyCode){case ENTER_KEY_CODE:return;case DOWN_ARROW_KEY_CODE:t=focusNextListItem(DOWN_ARROW_KEY_CODE),changeOption(t);return;case UP_ARROW_KEY_CODE:t=focusNextListItem(UP_ARROW_KEY_CODE),t.tagName==="LI"&&changeOption(t);return;case ESCAPE_KEY_CODE:closeT();return;default:return}});function onClick(e){e instanceof MouseEvent&&e.preventDefault();var t2=e.target;t2.className===titleClass&&toggle(),t2.tagName==="LI"&&(changeOption(t2),closeT())}function changeOption(t2){selectContainer.querySelector("."+titleClass).innerHTML=t2.innerHTML+`<span class='js-select-arrow'>${svg}${svg2}${svg3}</span>`,elem.options.selectedIndex=t2.getAttribute("data-index");let evt=new CustomEvent("change");if(elem.dispatchEvent(evt),document.querySelector(".is-selected")!=null)for(let i2=0;i2<optionsLength;i2++)ul.querySelectorAll("li")[i2].classList.remove(selectedClass);t2.classList.add(selectedClass),t2.setAttribute("aria-selected","true")}function focusNextListItem(direction){let nextListItemId,insideLi,newT,currentActiveElementIndex;if(document.querySelector(".is-selected")!=null?currentActiveElementIndex=document.querySelector(".is-selected").getAttribute("data-index"):currentActiveElementIndex=0,direction===DOWN_ARROW_KEY_CODE)return currentActiveElementIndex<listItemIds.length?(nextListItemId=listItemIds[currentActiveElementIndex+1],insideLi='li[data-index="'+nextListItemId+'"]',newT=document.querySelector(insideLi),newT):(newT=document.querySelector('li[data-index="0"]'),newT);if(direction===UP_ARROW_KEY_CODE)return currentActiveElementIndex>1?(insideLi='li[data-index="'+listItemIds[currentActiveElementIndex-2]+'"]',newT=document.querySelector(insideLi),newT):(insideLi='li[data-index="'+listItemIds.length+'"]',newT=document.querySelector(insideLi),newT)}

1function toggle(){selectContainer.querySelector(".js-select-arrow").classList.toggle("rotateArrow"),ul.classList.toggle(openClass)}function open(){ul.classList.add(openClass)}function closeT(){ul.classList.remove(openClass)}};if(document.querySelector("select"))var birdSelect=new CustomSelect({elem:document.querySelector("select")});
2//# sourceMappingURL=/cdn/shop/t/308/assets/custom-select.js.map?v=27225963546238194221755788515