https://chinookautosupplies.com/cdn/shop/t/13/assets/custom-select.aio.min.js?v=152997855093308472301773899390

1/*
2Generated time: July 18, 2025 00:18
3This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
4*/
5if(!customElements.get("custom-select")){class a extends HTMLElement{constructor(){super(),this.button=this.querySelector(".custom-select__btn"),this.listbox=this.querySelector(".custom-select__listbox"),this.selectedOption=this.querySelector('[aria-selected="true"]'),this.selectedOption||(this.selectedOption=this.listbox.firstElementChild),this.setButtonWidth(),window.initLazyScript(this,this.init.bind(this))}init(){this.options=this.querySelectorAll(".custom-select__option"),this.nativeSelect=document.getElementById(this.id+"-native"),this.swatches=!!Array.from(this.options).find(t=>"swatch"in t.dataset),this.focusedClass="is-focused",this.searchString="",this.listboxOpen=!1,this.selectedOption=this.querySelector('[aria-selected="true"]'),this.selectedOption||(this.selectedOption=this.listbox.firstElementChild),this.addEventListener("keydown",this.handleKeydown.bind(this)),this.button.addEventListener("mousedown",this.handleMousedown.bind(this))}static getNextVisibleSibling(t){let e=t.nextElementSibling;for(;e;){if(e.offsetParent)return e;e=e.nextElementSibling}return null}static getPreviousVisibleSibling(t){let e=t.previousElementSibling;for(;e;){if(e.offsetParent)return e;e=e.previousElementSibling}return null}addListboxOpenListeners(){this.mouseoverHandler=this.handleMouseover.bind(this),this.mouseleaveHandler=this.handleMouseleave.bind(this),this.clickHandler=this.handleClick.bind(this),this.blurHandler=this.handleBlur.bind(this),this.listbox.addEventListener("mouseover",this.mouseoverHandler),this.listbox.addEventListener("mouseleave",this.mouseleaveHandler),this.listbox.addEventListener("click",this.clickHandler),this.listbox.addEventListener("blur",this.blurHandler)}removeListboxOpenListeners(){this.listbox.removeEventListener("mouseover",this.mouseoverHandler),this.listbox.removeEventListener("mouseleave",this.mouseleaveHandler),this.listbox.removeEventListener("click",this.clickHandler),this.listbox.removeEventListener("blur",this.blurHandler)}handleKeydown(t){this.listboxOpen?this.handleKeyboardNav(t):"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&" "!==t.key||(t.preventDefault(),this.showListbox())}handleMousedown(t){this.listboxOpen||0!==t.button||this.showListbox()}handleMouseover(t){t.target.matches("li")&&this.focusOption(t.target)}handleMouseleave(){this.focusOption(this.selectedOption)}handleClick(t){"LI"===t.target.tagName&&this.selectOption(t.target)}handleBlur(){this.listboxOpen&&this.hideListbox()}handleKeyboardNav(t){let e;switch("Tab"===t.key&&t.preventDefault(),t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),(e="ArrowUp"===t.key?a.getPreviousVisibleSibling(this.focusedOption):a.getNextVisibleSibling(this.focusedOption))&&!e.classList.contains("is-disabled")&&this.focusOption(e);break;case"Enter":case" ":t.preventDefault(),this.selectOption(this.focusedOption);break;case"Escape":t.preventDefault(),this.hideListbox();break;default:(e=this.findOption(t.key))&&this.focusOption(e)}}setButtonWidth(){var t=t=>{t=getComputedStyle(t);return parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)},e=t(this.button),t=t(this.selectedOption),s=this.button.offsetWidth-this.button.clientWidth,i=Math.ceil(this.selectedOption.getBoundingClientRect().width);this.button.style.setProperty("--custom-select-button-width",i-t+e+s+"px")}showListbox(){this.listbox.hidden=!1,this.listboxOpen=!0,this.classList.add("is-open"),this.button.setAttribute("aria-expanded","true"),this.listbox.setAttribute("aria-hidden","false"),setTimeout(()=>{this.focusOption(this.selectedOption),this.listbox.focus(),this.addListboxOpenListeners()})}hideListbox(){this.listboxOpen&&(this.listbox.hidden=!0,this.listboxOpen=!1,this.classList.remove("is-open"),this.button.setAttribute("aria-expanded","false"),this.listbox.setAttribute("aria-hidden","true"),this.focusedOption&&(this.focusedOption.classList.remove(this.focusedClass),this.focusedOption=null),this.button.focus(),this.removeListboxOpenListeners())}findOption(t){return this.searchString+=t,this.searchTimer&&clearTimeout(this.searchTimer),this.searchTimer=setTimeout(()=>{this.searchString=""},500),Array.from(this.options).find(t=>t.innerText.toLowerCase().includes(this.searchString)&&!t.classList.contains("is-disabled"))}focusOption(t){var e;this.focusedOption&&this.focusedOption.classList.remove(this.focusedClass),this.focusedOption=t,this.focusedOption.classList.add(this.focusedClass),this.listbox.scrollHeight>this.listbox.clientHeight&&(this.listbox.clientHeight+this.listbox.scrollTop<(e=t.offsetTop+t.offsetHeight)?this.listbox.scrollTop=e-this.listbox.clientHeight:t.offsetTop<this.listbox.scrollTop&&(this.listbox.scrollTop=t.offsetTop))}selectOption(t){var e;t!==this.selectedOption&&(t.setAttribute("aria-selected","true"),this.selectedOption.setAttribute("aria-selected","false"),this.swatches&&(this.button.dataset.swatch=t.dataset.swatch||"",(e=t.style.getPropertyValue("--native-swatch-color"))&&(this.button.style.setProperty("--native-swatch-color",e),this.button.style.setProperty("--native-swatch-image","")),e=t.style.getPropertyValue("--native-swatch-image"))&&(this.button.style.setProperty("--native-swatch-image",e),this.button.style.setProperty("--native-swatch-color","")),this.button.firstElementChild.textContent=t.firstElementChild.textContent,this.listbox.setAttribute("aria-activedescendant",t.id),this.selectedOption=document.getElementById(t.id),this.nativeSelect?(this.nativeSelect.value=t.dataset.value,this.nativeSelect.dispatchEvent(new Event("change",{bubbles:!0}))):(e={selectedValue:t.dataset.value},this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:e})))),this.hideListbox()}}customElements.define("custom-select",a)}