private _renderPaginationItem()

in components/RuiPagination/src/RuiPagination.ts [326:355]

27 lines of code
3 McCabe index (conditional complexity)


	private _renderPaginationItem(pageNumber, currentPage): TemplateResult {
		const isCurrentPage = currentPage === pageNumber;

		const label = this.generateLabel(pageNumber);
		const href = this.generateHref(pageNumber);
		const ariaLabel = this.generateAriaLabel(pageNumber);

		let tag = html``;
		if (isCurrentPage) {
			tag = html`
				<a class="pagination-link${isCurrentPage ? ' pagination-link--current' : ''}" aria-label="${ariaLabel}">${label}</a>
			`
		} else if (href) {
			tag = html`
				<a class="pagination-link${isCurrentPage ? ' pagination-link--current' : ''}" href="${href}" aria-label="${ariaLabel}">${label}</a>
			`
		} else {
			const evt = this._generatePageRequestEvent(pageNumber);
			const onClick = (e):void => { e.preventDefault(); this.dispatchEvent(evt); }
			tag =  html`
					<a class="pagination-link${isCurrentPage ? ' pagination-link--current' : ''}" href="#" @click=${onClick} aria-label="${ariaLabel}">${label}</a>
			`
		}

		return html`
			<li class="pagination-item${isCurrentPage ? ' pagination-item--current' : ''}">
				${tag}
			</li>
		`
	}