Just an other pagenation

[luukhansma]

I tweaked the pagenation a little bit and came to this version, this might be a pagenation2 component.
The advantage is that see you the number of pages

<nav aria-label="Pagination links">
  <ul id="@Id" class="@ClassNames" style="@StyleNames" @attributes="@AdditionalAttributes" role="button">
    <PaginationItem Disabled="ActivePageNumber == 1" Text="@previousLinkText" @onclick="() => SetPageNumberTo(previousPageNumber)" LinkIcon="@PreviousLinkIcon" LinkText="@previousLinkText" AriaLabel="@previousLinkText" />
    @if (pageFromInclusive > 1)
    {
      <PaginationItem Active="ActivePageNumber == 1" Text="1" @onclick="() => SetPageNumberTo(1)" />
      <PaginationItem @onclick="() => SetPageNumberTo(pageFromInclusive - 1)" LinkIcon="IconName.ThreeDots" />
    }
    @for (var i = pageFromInclusive; i <= pageToExclusive; i++)
    {
      var j = i; // local scope
      <PaginationItem Active="ActivePageNumber == i" Text="@j.ToString()" @onclick="() => SetPageNumberTo(j)" />
    }
    @if (pageToExclusive < TotalPages)
    {
      <PaginationItem @onclick="() => SetPageNumberTo(pageToExclusive + 1)" LinkIcon="IconName.ThreeDots" />
      <PaginationItem Active="ActivePageNumber == TotalPages" [email protected]() @onclick="() => SetPageNumberTo(TotalPages)" />
    }
    <PaginationItem Disabled="ActivePageNumber == TotalPages" Text="@nextLinkText" @onclick="() => SetPageNumberTo(nextPageNumber)" LinkIcon="@NextLinkIcon" LinkText="@nextLinkText" AriaLabel="@nextLinkText" />
  </ul>
</nav>