e.stopPropagation()} onkeydown={(e) => { e.stopPropagation(); handleKeydown(e); }} data-testid="note-editor" >
{#if checklistMode}
(content = c)} />
{:else if showPreview}
{@html renderedContent}
{:else}
{/if}
(showColorPicker = !showColorPicker)} class="rounded-full p-2 hover:bg-black/10 dark:hover:bg-white/10" title="Background color" data-testid="color-picker-toggle" >
{#if showColorPicker}
{/if}
(showPreview = !showPreview)} class="rounded-full p-2 hover:bg-black/10 dark:hover:bg-white/10" title={showPreview ? 'Edit' : 'Preview'} data-testid="preview-toggle" >
{#if showPreview}
{:else}
{/if}
(checklistMode = !checklistMode)} class="rounded-full p-2 hover:bg-black/10 dark:hover:bg-white/10 {checklistMode ? 'text-amber-600' : ''}" title="Checklist mode" data-testid="checklist-toggle" >
Close