{#snippet liveSessionDot()}
{/snippet}
{#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 || contentItem.accessible === false)}
{ if (isLockedForStudent) { event.preventDefault(); } }} {...props} >
{contentItem.title}
{#if contentItem.isComplete}
{/if} {#if contentItem.type === ContentType.Lesson && contentItem.callUrl} {@render liveSessionDot()} {:else if isContentLocked || isLockedForStudent}
{/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 || contentItem.accessible === false)}
{ if (isLockedForStudent) { event.preventDefault(); } }} {...props} >
{contentItem.title}
{#if contentItem.isComplete}
{/if} {#if contentItem.type === ContentType.Lesson && contentItem.callUrl} {@render liveSessionDot()} {:else if isContentLocked || isLockedForStudent}
{/if}
{/snippet}
{/each} {/if}