{#snippet sectionHeading(title: string, depth: number)} {#if depth === 0}
{title}
{:else if depth === 1}
{title}
{:else if depth === 2}
{title}
{:else if depth === 3}
{title}
{:else if depth === 4}
{title}
{:else}
{title}
{/if} {/snippet} {#snippet contentParagraph(content: string, publicationType: string)} {#if publicationType === 'book'}
{@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}