{#snippet sectionHeading(title: string, depth: number)} {@const headingLevel = Math.min(depth + 1, 6)} {@const className = $pharosInstance.isFloatingTitle(rootId) ? 'discrete' : 'h-leather'}
{title}
{/snippet} {#snippet contentParagraph(content: string, publicationType: string)} {#if publicationType === 'novel'}
{@html content}
{:else}
{@html content}
{/if} {/snippet}
{#if orderedChildren.length === 0 || depth >= 4} {#key updateCount} {#if isEditing}
<div slot='footer' class='flex space-x-2 justify-end'> <Button type='reset' class='btn-leather min-w-fit' size='sm' outline onclick={() => toggleEditing(rootId, false)} > Cancel </Button> <Button type='submit' class='btn-leather min-w-fit' size='sm' onclick={() => toggleEditing(rootId, true)} > Save </Button> </div>
{:else} {@render contentParagraph(currentContent, publicationType)} {/if} {/key} {:else}
{#if isEditing}
toggleEditing(rootId, false)} />
toggleEditing(rootId, true)}> Save
{:else} {@render sectionHeading(title!, depth)} {/if} {#key subtreeUpdateCount} {#each orderedChildren as id, index}
{/each} {/key}
{/if} {#if allowEditing && depth > 0}
{#if hasPreviousSibling && parentId}
moveUp(rootId, parentId)}>
{/if} {#if hasNextSibling && parentId}
moveDown(rootId, parentId)}>
{/if}
toggleEditing(rootId)}>
Edit
{/if}