{ if (event.key === "Enter" || event.key === " ") handleBackdropClick(event as unknown as MouseEvent); }} role="presentation" transition:fade={{ duration: 200 }} >
event.stopPropagation()} onkeydown={(event) => event.stopPropagation()} role="dialog" aria-modal="true" aria-labelledby="font-picker-title" >
Reset to default
Done
Choose a font
Choose a typeface for SEQTA Learn.
{#each FONT_PRESETS as preset (preset.id)}
selectFont(preset.id)} class="bsplus-font-picker-option {selectedId === preset.id ? 'is-selected' : ''}" data-font-id={preset.id} >
{preset.name}
{#if selectedId === preset.id}
Selected
{/if}
{/each}