{topic.split('_').map(capitalize).join(' ')}
{#if roadmap}
{roadmap.start.label}
{#each roadmap.blocks as node,i (node.label)}
{node.label}
{#each node.left as sec, j}
selectedNode = sec} width={250} height={45}>
selectedNode = sec} x={20+10} y={30+blockHeight*i+50*j+30} >
{sec.label}
{/each} {#each node.middle as sec,j}
selectedNode = sec} x={350} y={140+blockHeight*i+50*j} rx={5} width={250} height={45}>
selectedNode = sec} x={350+10} y={140+blockHeight*i+50*j+30} >
{sec.label}
{/each} {#each node.right as sec, j}
selectedNode = sec} x={720} y={30+blockHeight*i+50*j} rx={5} width={250} height={45}>
selectedNode = sec} x={720+10} y={30+blockHeight*i+50*j+30} >
{sec.label}
{/each}
{#if i > 0}
{/if} {/each}
{roadmap.end.label}
{:else}
Coming soon.
{/if}
{#if selectedNode} {#if $roadmap_progress[topic] && $roadmap_progress[topic][selectedNode.label] === 'done'}
saveProgress(topic, selectedNode.label, 'pending')}>Mark as Pending
{:else}
saveProgress(topic, selectedNode.label, 'done')}>Mark as Done
{/if}
{@html marked(selectedNode?.desc || "", { renderer })}
{/if}
selectedNode = null}>Close