{#if selection.referenceTarget}
Reference
Type
updateReference({ referenceType: (event.currentTarget as HTMLSelectElement).value as | 'url' | 'file' | 'page' })} aria-label="Reference type" >
URL
File
Page
{#if selection.referenceTarget.props.referenceType === 'page'}
Target page
updateReference({ value: (event.currentTarget as HTMLSelectElement).value })} aria-label="Reference target" >{#each Object.values(store.getState().doc.pages) as page}
{page.name}
{/each}
{:else}
Target
updateReference({ value: (event.currentTarget as HTMLInputElement).value })} aria-label="Reference target" />
{/if}
Label
updateReference({ label: (event.currentTarget as HTMLInputElement).value || undefined })} aria-label="Reference label" />
{/if} {#if selection.cardTarget && selection.cardMetadata}
Card
{selection.cardMetadata.title ?? 'Untitled card'}
(cardOpen = true)}>Edit card
{/if} {#if cardOpen && selection.cardTarget && selection.cardMetadata}
Selected object
Card details
(cardOpen = false)}>Done
Title
updateCard(event, 'title')} aria-label="Card title" />
Body
updateCard(event, 'body')} aria-label="Card body">
{/if} {#if selection.frameTarget}
Frame
onEnterFrame?.(selection.frameTarget!.id)} aria-label="Enter selected frame" >
Enter
onFitSelection?.()} aria-label="Fit selected frame" >
Fit
{/if}