{#if contentData.grouped} {#each contentData.sections as section (section.id)} {#snippet child({ props })} {#snippet child({ props })} {section.title}

{#if canOpenContentModal} { event.preventDefault(); event.stopPropagation(); onOpenContentModal(section.id); }} > {/if}

{/snippet} {#each section.items as contentItem (contentItem.id)} {#snippet child({ props })} {@const isContentLocked = (contentItem.isUnlocked ?? true) === false} {@const isLockedForStudent = isStudent && isContentLocked} { if (isLockedForStudent) { event.preventDefault(); } }} {...props} > {contentItem.title}

{#if contentItem.isComplete} {/if} {#if isContentLocked} {/if}

{/snippet} {/each} {/snippet} {/each} {:else} {#each contentData.items as contentItem (contentItem.id)} {#snippet child({ props })} {@const isContentLocked = (contentItem.isUnlocked ?? true) === false} {@const isLockedForStudent = isStudent && isContentLocked} { if (isLockedForStudent) { event.preventDefault(); } }} {...props} > {contentItem.title}

{#if contentItem.isComplete} {/if} {#if isContentLocked} {/if}

{/snippet} {/each} {/if}