`)
const slotEl = e.target.closest('.options > *') ?? e.target;
// Find the index of the clicked on element (ignoring group headers)
const optionIndex = slotEl
? [...menuOptionsEl.children]
.filter((el) => {
if (el.classList.contains('group-header')) {
// ignore clicks on group options
return false;
} else {
return true;
}
})
.indexOf(slotEl)
: -1;
logger.debug({ slotEl, optionIndex });
if (optionIndex !== -1) {
selectIndex(optionIndex);
}
}
}}
on:keydown={(e) => {
logger.debug('keydown: calling given onKeyDown...');
onKeyDown(e);
}}
on:keypress={(e) => {
logger.debug('keypress: calling given onKeyPress...');
onKeyPress(e);
}}
>
{#each filteredOptions ?? [] as option, index (JSON.stringify(option))}
{@const previousOption = filteredOptions[index - 1]}
{#if option.group && option.group !== previousOption?.group}
{option.group}
{/if}
{:else}
{/each}