client/public/elements/components/pagination.js
/**
   * @method _renderCenter
   * @description Renders page links between the ellipses
   * 
   * @returns {TemplateResult}
   */
@method _renderCenter
@description Renders page links between the ellipses


@method _renderCenter @description Renders page links between the ellipses
_renderCenter() {
    if (!this._hasValidLogic()) {
      return html`
        <div 
          class="${classMap({page: true, selected: true})}" 
          page="${this.currentPage}">${this.currentPage}
        </div>`;
    }
    return html`${this.centerPages.map(page => html`
      <div 
        @click="${e => this.handleClick(e.target)}"
        @keyup="${e => {if (e.code === 'Enter') this.handleClick(e.target);}}"
        tabindex="0"
        role="button"
        aria-label="Go to page ${page.page}"
        class="${classMap({"page": true, selected: page.selected})}"
        page="${page.page}">${page.page}
      </div>`)}`;
  }
_renderCenter ( ) { if ( ! this . _hasValidLogic ( ) ) { return html ` ${ classMap ( { page : true , selected : true } ) } ${ this . currentPage } ${ this . currentPage } ` ; } return html ` ${ this . centerPages . map ( page => html ` ${ e => this . handleClick ( e . target ) } ${ e => { if ( e . code === 'Enter' ) this . handleClick ( e . target ) ; } } ${ page . page } ${ classMap ( { "page" : true , selected : page . selected } ) } ${ page . page } ${ page . page } ` ) } ` ; }
@method _renderCenter
 @description Renders page links between the ellipses
@method _renderCenter @description Renders page links between the ellipses