{#if showPageSize} {/if} Showing {startItem} to {endItem} of {validTotalItems} entries

{#if showFirstLast} « {/if} ‹ {#if template === 'full' && showPageNumbers} {#if totalPages <= maxVisiblePages} {#each Array(totalPages) as page, i (page + '-' + i)} {@const pageNum = i + 1} goToPage(pageNum)} {disabled} class={cn( defaultPageButtonClass, buttonClass, validCurrentPage === pageNum ? cn(defaultActiveButtonClass, activeButtonClass) : defaultInactiveButtonClass )} aria-label="Page {pageNum}" aria-current={validCurrentPage === pageNum ? 'page' : undefined} type="button" > {pageNum} {/each} {:else} {@const pageNumbers = getPageNumbers()} {@const showFirst = alwaysShowFirstLast && pageNumbers[0] > 1} {@const showLast = alwaysShowFirstLast && pageNumbers[pageNumbers.length - 1] < totalPages} {#if showFirst} goToPage(1)} {disabled} class={cn( defaultPageButtonClass, buttonClass, validCurrentPage === 1 ? cn(defaultActiveButtonClass, activeButtonClass) : defaultInactiveButtonClass )} aria-label="Page 1" aria-current={validCurrentPage === 1 ? 'page' : undefined} type="button" > 1 {#if pageNumbers[0] > 2} ... {/if} {/if} {#each pageNumbers as pageNum (pageNum)} goToPage(pageNum)} {disabled} class={cn( defaultPageButtonClass, buttonClass, validCurrentPage === pageNum ? cn(defaultActiveButtonClass, activeButtonClass) : defaultInactiveButtonClass )} aria-label="Page {pageNum}" aria-current={validCurrentPage === pageNum ? 'page' : undefined} type="button" > {pageNum} {/each} {#if showLast} {#if pageNumbers[pageNumbers.length - 1] < totalPages - 1} ... {/if} goToPage(totalPages)} {disabled} class={cn( defaultPageButtonClass, buttonClass, validCurrentPage === totalPages ? cn(defaultActiveButtonClass, activeButtonClass) : defaultInactiveButtonClass )} aria-label="Page {totalPages}" aria-current={validCurrentPage === totalPages ? 'page' : undefined} type="button" > {totalPages} {/if} {/if} {:else if template === 'compact'} Page {validCurrentPage} of {totalPages} {/if} › {#if showFirstLast} » {/if}