${r.title}
${r.fm_staff_email ? `Correo electrónico` : ``}
Buscando...
';
const results = await search(q);
if (!results.length) {
list.innerHTML = 'No se encontraron coincidencias.
';
return;
}
list.innerHTML = results.map(renderItem).join('');
}, 220);
// Event listeners
input.addEventListener('input', doSearch);
clear.addEventListener('click', () => {
input.value = '';
clear.hidden = true;
list.innerHTML = '';
input.focus();
});
// Enter key to go to first result
input.addEventListener('keydown', e => {
if (e.key === 'Enter') {
const first = list.querySelector('.sls-item a');
if (first) {
e.preventDefault();
first.click();
}
}
});
// Click outside to close results
document.addEventListener('click', (e) => {
if (!wrap.contains(e.target)) {
list.innerHTML = '';
}
});
// Escape key to clear search
input.addEventListener('keydown', e => {
if (e.key === 'Escape') {
input.value = '';
clear.hidden = true;
list.innerHTML = '';
input.blur();
}
});
})();
