const dd=document.querySelector('.dd');const btn=dd.querySelector('.dd-btn');const list=dd.querySelector('.dd-list');const items=()=>[...list.querySelectorAll('li')];const open=()=>{dd.classList.add('open');};const close=()=>{dd.classList.remove('open');btn.focus();};btn.addEventListener('click',()=>{dd.classList.toggle('open');});btn.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();open();const it=items();(it[0]||list).focus();}if(e.key==='ArrowDown'){e.preventDefault();open();const it=items();(it[0]||list).focus();}});list.addEventListener('keydown',e=>{const it=items();const cur=it.indexOf(document.activeElement);if(e.key==='Escape'){e.preventDefault();close();}else if(e.key==='ArrowDown'){e.preventDefault();(it[Math.min(it.length-1,cur+1)]||it[0])?.focus();}else if(e.key==='ArrowUp'){e.preventDefault();(it[Math.max(0,cur-1)]||it[0])?.focus();}else if(e.key==='Enter'){e.preventDefault();dd.classList.remove('open');btn.textContent=document.activeElement.textContent;btn.focus();}});document.addEventListener('click',e=>{if(!dd.contains(e.target))dd.classList.remove('open');});