(hover = true)} on:mouseleave={() => (hover = false)} >

{#if editing}

{ if (ev.key === 'Escape') { editing = false; } }} > (focus = ev.detail)} on:input={onInput} />

{ if (newValue) dispatch('edit', newValue); editing = false; }} /> {:else}

{#if editable}

(editing = true)} plain />

{/if} {/if}