{#if startFromBottom}
{/if}
{#if withDates && displayMessages.length > 0}
{/if}
{#if isInitialScrolling}
{/if}
{#if loadMoreAllowed && provider.canLoadMore('backward', messages[0]?.createdOn)}
{/if}
{#each displayMessages as message (message._id)}
{@const isSelected = message._id === selectedMessageId}
{#if message.createdOn === $newTimestampStore}
{/if}
{#if withDates && message.createdOn && $datesStore.includes(message.createdOn)}
{/if}
{/each}
{#if loadMoreAllowed && provider.canLoadMore('forward', messages[messages.length - 1]?.createdOn)}
{/if}