{#if dev || (user.isLoggedIn && user.profile?.did === data.did)}
{#if showMobileEditControls}
{#if cardDef?.allowSetColor !== false}
{#snippet child({ props })}
{/snippet}
{ if (typeof previous === 'string' || typeof color === 'string') { return; } if (selectedCard) { selectedCard.color = color.label; } }} class="w-64" />
{/if}
{#snippet child({ props })}
{/snippet}
{#if canSetSize(2, 2)}
onsetsize?.(4, 4)} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >
set size to 1x1
{/if} {#if canSetSize(4, 2)}
onsetsize?.(8, 4)} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >
set size to 2x1
{/if} {#if canSetSize(2, 4)}
onsetsize?.(4, 8)} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >
set size to 1x2
{/if} {#if canSetSize(4, 4)}
onsetsize?.(8, 8)} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >
set size to 2x2
{/if}
{#if cardDef?.settingsComponent && selectedCard}
{#snippet child({ props })}
{/snippet}
{ settingsPopoverOpen = false; }} />
{/if}
ondelete?.()} >
ondeselect?.()} >
{:else}
{ newCard('section'); }} >
{ newCard('text'); }} >
{#snippet child({ props })}
{ newCard('link'); }} {...props} >
{/snippet}
{ if (event.code === 'Enter') { addLink(linkValue); event.preventDefault(); } }} placeholder="Enter link" />
addLink(linkValue)} size="icon" >
{ imageInputRef?.click(); }} >
{/if}
{#if hasUnsavedChanges}
{ save(); }}>{isSaving ? 'Saving...' : 'Save'}
{:else}
Share
{/if}
{/if}