{#if startFromBottom}
{/if}
{#if !embedded && displayMessages.length > 0 && selectedDate}
{/if}
{#if isInitialScrolling}
{/if}
{#if loadMoreAllowed}
{/if}
{#if displayMessages.length === 0 && !embedded}
{/if}
{#each displayMessages as message, index (message._id)}
{@const isSelected = message._id === selectedMessageId}
{@const canGroup = canGroupChatMessages(message, displayMessages[index - 1])}
{#if separatorIndex === index}
{/if}
{#if !embedded && message.createdOn && $datesStore.includes(message.createdOn)}
{/if}
{/each}
{#if loadMoreAllowed && $canLoadNextForwardStore}
{/if}
{#if !embedded && showScrollDownButton}
{/if}