@hmcts/opal-frontend-common 0.0.26 → 0.0.27

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-pagination.mjs

@@ -1,277 +1,155 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Component, EventEmitter, Input, ChangeDetectionStrategy, signal, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class MojPaginationItemComponent {
-    class = 'moj-pagination__item';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MojPaginationItemComponent, isStandalone: true, selector: "opal-lib-moj-pagination-item , [opal-lib-moj-pagination-item]", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-pagination-item , [opal-lib-moj-pagination-item]', imports: [], template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MojPaginationLinkComponent {
-    page = 1;
-    currentPage = 1;
-    totalPages = 1;
-    changePage = new EventEmitter();
-    /**
-     * Checks if the given page number is not the current page.
-     *
-     * @param page - The page number to check.
-     * @returns A boolean indicating whether the given page is not the current page.
-     */
-    pageIsNotCurrentPage(page) {
-        return page !== this.currentPage;
-    }
-    /**
-     * Checks if the given page number is not negative.
-     *
-     * @param page - The page number to check.
-     * @returns `true` if the page number is greater than 0, otherwise `false`.
-     */
-    pageIsNotNegative(page) {
-        return page > 0;
-    }
-    /**
-     * Checks if the given page number is not greater than the total number of pages.
-     *
-     * @param page - The page number to check.
-     * @returns `true` if the page number is less than or equal to the total number of pages, otherwise `false`.
-     */
-    pageIsNotGreaterThanTotalPages(page) {
-        return page <= this.totalPages;
-    }
-    /**
-     * Handles the page change event.
-     *
-     * @param event - The mouse event that triggered the page change.
-     * @param page - The page number to change to.
-     *
-     * Prevents the default action of the event and checks if the page number is valid.
-     * A valid page number is one that is not the current page, is greater than 0,
-     * and is less than or equal to the total number of pages.
-     * If the page number is valid, emits the changePage event with the new page number.
-     */
-    changePageEvent(event, page) {
-        event.preventDefault();
-        if (this.pageIsNotCurrentPage(page) && this.pageIsNotNegative(page) && this.pageIsNotGreaterThanTotalPages(page)) {
-            this.changePage.emit(page);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MojPaginationLinkComponent, isStandalone: true, selector: "opal-lib-moj-pagination-link", inputs: { page: "page", currentPage: "currentPage", totalPages: "totalPages", changePage: "changePage" }, ngImport: i0, template: "<a class=\"moj-pagination__link\" href=\"#\" (click)=\"changePageEvent($event, +page)\"> <ng-content></ng-content></a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-pagination-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a class=\"moj-pagination__link\" href=\"#\" (click)=\"changePageEvent($event, +page)\"> <ng-content></ng-content></a>\n" }]
-        }], propDecorators: { page: [{
-                type: Input,
-                args: [{ required: true }]
-            }], currentPage: [{
-                type: Input,
-                args: [{ required: true }]
-            }], totalPages: [{
-                type: Input,
-                args: [{ required: true }]
-            }], changePage: [{
-                type: Input
-            }] } });
-
-class MojPaginationListComponent {
-    class = 'moj-pagination__list';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MojPaginationListComponent, isStandalone: true, selector: "opal-lib-moj-pagination-list , [opal-lib-moj-pagination-list]", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-pagination-list , [opal-lib-moj-pagination-list]', imports: [], template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+import { signal, EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class MojPaginationComponent {
+    pages = signal([], ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    id;
     currentPage = 1;
     total = 0;
-    maxPagesToShow = 5;
-    limit = 100;
-    ariaLabel = 'Pagination navigation';
+    limit = 25;
     changePage = new EventEmitter();
-    pages = signal([]);
-    totalPages = signal(0);
-    startItem = signal(0);
-    endItem = signal(0);
-    totalItems = signal(0);
+    elipsedPages = signal([], ...(ngDevMode ? [{ debugName: "elipsedPages" }] : []));
+    ELIPSIS = '…';
     /**
-     * Updates the pagination signals based on the current state.
+     * Gets the total number of pages available.
      *
-     * This method recalculates and sets the following signals:
-     * - `totalPages`: The total number of pages based on the total items and items per page limit.
-     * - `startItem`: The index of the first item on the current page.
-     * - `endItem`: The index of the last item on the current page.
-     * - `pages`: The array of page numbers to be displayed.
-     * - `totalItems`: The total number of items.
-     *
-     * @private
+     * @returns The total count of pages as a number.
      */
-    setSignals() {
-        this.totalPages.set(this.getTotalPages(this.total, this.limit));
-        this.startItem.set(this.getStartItem(this.currentPage, this.limit));
-        this.endItem.set(this.getEndItem(this.currentPage, this.limit, this.total));
-        this.setPages();
-        this.setTotalItems();
+    get totalPages() {
+        return this.pages().length;
     }
     /**
-     * Calculates the total number of pages based on the total number of items and the limit of items per page.
+     * Gets the starting item index for the current page in a paginated list.
      *
-     * @param total - The total number of items.
-     * @param limit - The number of items per page.
-     * @returns The total number of pages.
-     */
-    getTotalPages(total, limit) {
-        return Math.ceil(total / limit);
-    }
-    /**
-     * Sets the pagination pages based on the current page and total pages.
-     * This method updates the `pages` property with the result of the `getPages` method.
+     * @returns {number} The index of the first item on the current page, or 0 if there are no items.
      *
-     * @private
+     * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.
      */
-    setPages() {
-        this.pages.set(this.getPages(this.currentPage, this.totalPages()));
+    get pageStart() {
+        return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;
     }
     /**
-     * Calculates the starting item index for pagination.
+     * Gets the index of the last item on the current page.
      *
-     * @param currentPage - The current page number.
-     * @param limit - The number of items per page.
-     * @returns The starting item index for the given page.
+     * @returns {number} The index of the last item displayed on the current page.
+     * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of
+     * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.
      */
-    getStartItem(currentPage, limit) {
-        return (currentPage - 1) * limit + 1;
+    get pageEnd() {
+        return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);
     }
     /**
-     * Calculates the end item index for pagination.
+     * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.
      *
-     * @param currentPage - The current page number.
-     * @param limit - The number of items per page.
-     * @param total - The total number of items.
-     * @returns The index of the last item on the current page, or the total number of items if the end of the list is reached.
-     */
-    getEndItem(currentPage, limit, total) {
-        return Math.min(currentPage * limit, total);
-    }
-    /**
-     * Updates the total number of items by setting the value of `totalItems` to the current `total`.
+     * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.
+     * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,
+     *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.
      *
      * @private
      */
-    setTotalItems() {
-        this.totalItems.set(this.total);
+    calculatePages() {
+        if (this.limit <= 0 || this.total <= 0) {
+            this.pages.set([]);
+            this.elipsedPages.set([]);
+            return;
+        }
+        const pagesCount = Math.ceil(this.total / this.limit);
+        this.pages.set(this.range(1, pagesCount + 1));
+        this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));
     }
     /**
-     * Generates an array of page numbers and ellipses for pagination display.
+     * Generates an array of numbers starting from `start` up to, but not including, `end`.
      *
-     * @param currentPage - The current active page number.
-     * @param totalPages - The total number of pages available.
-     * @returns An array of page numbers and ellipses representing the pagination.
-     *
-     * The function ensures that the pagination display shows a maximum of 5 pages at a time.
-     * It calculates the range of pages to display based on the current page and total pages.
-     * If the start page is greater than 1, it adds an ellipsis and the first page at the beginning.
-     * If the end page is less than the total pages, it adds an ellipsis and the last page at the end.
+     * @param start - The starting number of the range (inclusive).
+     * @param end - The ending number of the range (exclusive).
+     * @returns An array of numbers from `start` to `end - 1`.
      */
-    getPages(currentPage, totalPages) {
-        const halfPagesToShow = Math.floor(this.maxPagesToShow / 2);
-        const eclipses = '...';
-        const startPage = this.calculateStartPage(currentPage, totalPages, halfPagesToShow);
-        const endPage = this.calculateEndPage(currentPage, totalPages, halfPagesToShow);
-        const pages = this.generatePageNumbers(startPage, endPage);
-        if (startPage > 1) {
-            pages.unshift(eclipses);
-            pages.unshift(1);
-        }
-        if (endPage < totalPages) {
-            pages.push(eclipses);
-            pages.push(totalPages);
+    range(start, end) {
+        const result = [];
+        for (let i = start; i < end; i++) {
+            result.push(i);
         }
-        return pages;
+        return result;
     }
     /**
-     * Calculates the start page for pagination based on the current page, total pages, and the number of pages to show on either side of the current page.
+     * Generates a pagination array with ellipses ("...") to represent skipped page ranges.
      *
-     * @param currentPage - The current active page number.
-     * @param totalPages - The total number of pages available.
-     * @param halfPagesToShow - The number of pages to show on either side of the current page.
-     * @returns The start page number for pagination.
+     * The resulting array always includes the first and last page numbers, the current page,
+     * and up to one page before and after the current page. Ellipses are inserted where
+     * there are skipped ranges between the displayed pages.
+     *
+     * @param pages - An array of page numbers representing all available pages.
+     * @param currentPage - The currently active page number.
+     * @returns An array containing page numbers and ellipsis strings ("...") to indicate skipped pages.
      */
-    calculateStartPage(currentPage, totalPages, halfPagesToShow) {
-        let startPage = Math.max(1, currentPage - halfPagesToShow);
-        if (currentPage - halfPagesToShow <= 0) {
-            startPage = 1;
+    elipseSkippedPages(pages, currentPage) {
+        const totalPages = pages.length;
+        const first = 1;
+        const last = totalPages;
+        const result = [];
+        // Always show the first page
+        result.push(first);
+        // Determine left-side ellipsis
+        if (currentPage > first + 2) {
+            result.push(this.ELIPSIS);
         }
-        else if (currentPage + halfPagesToShow > totalPages) {
-            startPage = Math.max(1, startPage - (currentPage + halfPagesToShow - totalPages));
+        // Middle pages: current - 1, current, current + 1
+        for (let i = currentPage - 1; i <= currentPage + 1; i++) {
+            if (i > first && i < last) {
+                result.push(i);
+            }
         }
-        return startPage;
-    }
-    /**
-     * Calculates the end page number for pagination based on the current page, total pages, and the number of pages to show.
-     *
-     * @param currentPage - The current page number.
-     * @param totalPages - The total number of pages.
-     * @param halfPagesToShow - Half the number of pages to show around the current page.
-     * @returns The calculated end page number.
-     */
-    calculateEndPage(currentPage, totalPages, halfPagesToShow) {
-        let endPage = Math.min(totalPages, currentPage + halfPagesToShow);
-        if (currentPage - halfPagesToShow <= 0) {
-            endPage = Math.min(totalPages, endPage + (halfPagesToShow - currentPage + 1));
+        // Decide whether to add right-side ellipsis
+        const lastIncluded = result.includes(last);
+        const secondLast = last - 1;
+        if (!result.includes(secondLast) && !lastIncluded) {
+            result.push(this.ELIPSIS);
         }
-        else if (currentPage + halfPagesToShow > totalPages) {
-            endPage = totalPages;
+        // Add last page if not already included
+        if (!lastIncluded && last !== first) {
+            result.push(last);
         }
-        return endPage;
+        return result;
     }
     /**
-     * Generates an array of page numbers from the startPage to the endPage.
+     * Handles the page change event for the pagination component.
      *
-     * @param startPage - The starting page number.
-     * @param endPage - The ending page number.
-     * @returns An array of page numbers from startPage to endPage.
+     * Prevents the default action of the event (if provided) and emits the selected page number.
+     *
+     * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.
+     * @param page - The page number to navigate to.
      */
-    generatePageNumbers(startPage, endPage) {
-        const pages = [];
-        for (let i = startPage; i <= endPage; i++) {
-            pages.push(i);
+    onPageChanged(event, page) {
+        if (event) {
+            event.preventDefault();
         }
-        return pages;
+        this.changePage.emit(page);
     }
+    /**
+     * Lifecycle hook that is called when any data-bound property of the component changes.
+     * Invokes the `calculatePages` method to update the pagination state based on the new input values.
+     */
     ngOnChanges() {
-        this.setSignals();
+        this.calculatePages();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MojPaginationComponent, isStandalone: true, selector: "opal-lib-moj-pagination,", inputs: { currentPage: "currentPage", total: "total", maxPagesToShow: "maxPagesToShow", limit: "limit", ariaLabel: "ariaLabel" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<nav class=\"moj-pagination moj-pagination-alignment\" [attr.aria-label]=\"ariaLabel\">\n  <ul opal-lib-moj-pagination-list>\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--prev\">\n      @if (currentPage > 1) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage - 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Previous<span class=\"govuk-visually-hidden\"> page </span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n    @for (page of pages(); track page) {\n      <li\n        opal-lib-moj-pagination-item\n        [class.moj-pagination__item--active]=\"page === currentPage\"\n        [class.moj-pagination__item--dot]=\"page === '...'\"\n      >\n        @if (page !== currentPage && page !== '...') {\n          <opal-lib-moj-pagination-link\n            [changePage]=\"changePage\"\n            [page]=\"+page\"\n            [currentPage]=\"currentPage\"\n            [totalPages]=\"totalPages()\"\n          >\n            {{ page }}\n          </opal-lib-moj-pagination-link>\n        } @else if (page === '...') {\n          <strong>...</strong>\n        } @else {\n          {{ page }}\n        }\n      </li>\n    }\n\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--next\">\n      @if (currentPage < totalPages()) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage + 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Next<span class=\"govuk-visually-hidden\"> page</span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n  </ul>\n  <p class=\"moj-pagination__results\">\n    Showing <b>{{ startItem() - 1 }}</b> to <b>{{ endItem() }}</b> of <b>{{ totalItems() }}</b> results\n  </p>\n</nav>\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MojPaginationItemComponent, selector: "opal-lib-moj-pagination-item , [opal-lib-moj-pagination-item]" }, { kind: "component", type: MojPaginationListComponent, selector: "opal-lib-moj-pagination-list , [opal-lib-moj-pagination-list]" }, { kind: "component", type: MojPaginationLinkComponent, selector: "opal-lib-moj-pagination-link", inputs: ["page", "currentPage", "totalPages", "changePage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MojPaginationComponent, isStandalone: true, selector: "opal-lib-moj-pagination", inputs: { id: "id", currentPage: "currentPage", total: "total", limit: "limit" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-moj-pagination,', imports: [CommonModule, MojPaginationItemComponent, MojPaginationListComponent, MojPaginationLinkComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"moj-pagination moj-pagination-alignment\" [attr.aria-label]=\"ariaLabel\">\n  <ul opal-lib-moj-pagination-list>\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--prev\">\n      @if (currentPage > 1) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage - 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Previous<span class=\"govuk-visually-hidden\"> page </span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n    @for (page of pages(); track page) {\n      <li\n        opal-lib-moj-pagination-item\n        [class.moj-pagination__item--active]=\"page === currentPage\"\n        [class.moj-pagination__item--dot]=\"page === '...'\"\n      >\n        @if (page !== currentPage && page !== '...') {\n          <opal-lib-moj-pagination-link\n            [changePage]=\"changePage\"\n            [page]=\"+page\"\n            [currentPage]=\"currentPage\"\n            [totalPages]=\"totalPages()\"\n          >\n            {{ page }}\n          </opal-lib-moj-pagination-link>\n        } @else if (page === '...') {\n          <strong>...</strong>\n        } @else {\n          {{ page }}\n        }\n      </li>\n    }\n\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--next\">\n      @if (currentPage < totalPages()) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage + 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Next<span class=\"govuk-visually-hidden\"> page</span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n  </ul>\n  <p class=\"moj-pagination__results\">\n    Showing <b>{{ startItem() - 1 }}</b> to <b>{{ endItem() }}</b> of <b>{{ totalItems() }}</b> results\n  </p>\n</nav>\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"] }]
-        }], propDecorators: { currentPage: [{
-                type: Input
+            args: [{ selector: 'opal-lib-moj-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input,
+                args: [{ required: true }]
+            }], currentPage: [{
+                type: Input,
+                args: [{ required: true }]
             }], total: [{
-                type: Input
-            }], maxPagesToShow: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], limit: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], changePage: [{
                 type: Output
             }] } });
@@ -280,5 +158,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MojPaginationComponent, MojPaginationItemComponent, MojPaginationLinkComponent, MojPaginationListComponent };
+export { MojPaginationComponent };
 //# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-pagination.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-item/moj-pagination-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-item/moj-pagination-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-link/moj-pagination-link.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-link/moj-pagination-link.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-list/moj-pagination-list.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-list/moj-pagination-list.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/hmcts-opal-frontend-common-components-moj-moj-pagination.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-item , [opal-lib-moj-pagination-item]',\n  imports: [],\n  templateUrl: './moj-pagination-item.component.html',\n})\nexport class MojPaginationItemComponent {\n  @HostBinding('class') class = 'moj-pagination__item';\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-link',\n  imports: [],\n  templateUrl: './moj-pagination-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationLinkComponent {\n  @Input({ required: true }) page: number | string = 1;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) totalPages: number = 1;\n  @Input() changePage: EventEmitter<number> = new EventEmitter<number>();\n\n  /**\n   * Checks if the given page number is not the current page.\n   *\n   * @param page - The page number to check.\n   * @returns A boolean indicating whether the given page is not the current page.\n   */\n\n  private pageIsNotCurrentPage(page: number): boolean {\n    return page !== this.currentPage;\n  }\n\n  /**\n   * Checks if the given page number is not negative.\n   *\n   * @param page - The page number to check.\n   * @returns `true` if the page number is greater than 0, otherwise `false`.\n   */\n\n  private pageIsNotNegative(page: number): boolean {\n    return page > 0;\n  }\n\n  /**\n   * Checks if the given page number is not greater than the total number of pages.\n   *\n   * @param page - The page number to check.\n   * @returns `true` if the page number is less than or equal to the total number of pages, otherwise `false`.\n   */\n\n  private pageIsNotGreaterThanTotalPages(page: number): boolean {\n    return page <= this.totalPages;\n  }\n  /**\n   * Handles the page change event.\n   *\n   * @param event - The mouse event that triggered the page change.\n   * @param page - The page number to change to.\n   *\n   * Prevents the default action of the event and checks if the page number is valid.\n   * A valid page number is one that is not the current page, is greater than 0,\n   * and is less than or equal to the total number of pages.\n   * If the page number is valid, emits the changePage event with the new page number.\n   */\n  public changePageEvent(event: MouseEvent, page: number): void {\n    event.preventDefault();\n\n    if (this.pageIsNotCurrentPage(page) && this.pageIsNotNegative(page) && this.pageIsNotGreaterThanTotalPages(page)) {\n      this.changePage.emit(page);\n    }\n  }\n}\n","<a class=\"moj-pagination__link\" href=\"#\" (click)=\"changePageEvent($event, +page)\"> <ng-content></ng-content></a>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-list , [opal-lib-moj-pagination-list]',\n  imports: [],\n  templateUrl: './moj-pagination-list.component.html',\n})\nexport class MojPaginationListComponent {\n  @HostBinding('class') class = 'moj-pagination__list';\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\nimport { MojPaginationItemComponent } from './moj-pagination-item/moj-pagination-item.component';\nimport { MojPaginationListComponent } from './moj-pagination-list/moj-pagination-list.component';\nimport { MojPaginationLinkComponent } from './moj-pagination-link/moj-pagination-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-moj-pagination,',\n  styleUrls: ['./moj-pagination.component.scss'],\n\n  imports: [CommonModule, MojPaginationItemComponent, MojPaginationListComponent, MojPaginationLinkComponent],\n  templateUrl: './moj-pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  @Input() currentPage = 1;\n  @Input() total = 0;\n  @Input() maxPagesToShow = 5;\n  @Input() limit = 100;\n  @Input() ariaLabel = 'Pagination navigation';\n  @Output() changePage = new EventEmitter<number>();\n\n  public pages = signal<(number | string)[]>([]);\n  public totalPages = signal<number>(0);\n  public startItem = signal<number>(0);\n  public endItem = signal<number>(0);\n  public totalItems = signal<number>(0);\n\n  /**\n   * Updates the pagination signals based on the current state.\n   *\n   * This method recalculates and sets the following signals:\n   * - `totalPages`: The total number of pages based on the total items and items per page limit.\n   * - `startItem`: The index of the first item on the current page.\n   * - `endItem`: The index of the last item on the current page.\n   * - `pages`: The array of page numbers to be displayed.\n   * - `totalItems`: The total number of items.\n   *\n   * @private\n   */\n  private setSignals(): void {\n    this.totalPages.set(this.getTotalPages(this.total, this.limit));\n    this.startItem.set(this.getStartItem(this.currentPage, this.limit));\n    this.endItem.set(this.getEndItem(this.currentPage, this.limit, this.total));\n    this.setPages();\n    this.setTotalItems();\n  }\n\n  /**\n   * Calculates the total number of pages based on the total number of items and the limit of items per page.\n   *\n   * @param total - The total number of items.\n   * @param limit - The number of items per page.\n   * @returns The total number of pages.\n   */\n  private getTotalPages(total: number, limit: number): number {\n    return Math.ceil(total / limit);\n  }\n  /**\n   * Sets the pagination pages based on the current page and total pages.\n   * This method updates the `pages` property with the result of the `getPages` method.\n   *\n   * @private\n   */\n  private setPages(): void {\n    this.pages.set(this.getPages(this.currentPage, this.totalPages()));\n  }\n\n  /**\n   * Calculates the starting item index for pagination.\n   *\n   * @param currentPage - The current page number.\n   * @param limit - The number of items per page.\n   * @returns The starting item index for the given page.\n   */\n  private getStartItem(currentPage: number, limit: number): number {\n    return (currentPage - 1) * limit + 1;\n  }\n\n  /**\n   * Calculates the end item index for pagination.\n   *\n   * @param currentPage - The current page number.\n   * @param limit - The number of items per page.\n   * @param total - The total number of items.\n   * @returns The index of the last item on the current page, or the total number of items if the end of the list is reached.\n   */\n  private getEndItem(currentPage: number, limit: number, total: number): number {\n    return Math.min(currentPage * limit, total);\n  }\n  /**\n   * Updates the total number of items by setting the value of `totalItems` to the current `total`.\n   *\n   * @private\n   */\n  private setTotalItems(): void {\n    this.totalItems.set(this.total);\n  }\n\n  /**\n   * Generates an array of page numbers and ellipses for pagination display.\n   *\n   * @param currentPage - The current active page number.\n   * @param totalPages - The total number of pages available.\n   * @returns An array of page numbers and ellipses representing the pagination.\n   *\n   * The function ensures that the pagination display shows a maximum of 5 pages at a time.\n   * It calculates the range of pages to display based on the current page and total pages.\n   * If the start page is greater than 1, it adds an ellipsis and the first page at the beginning.\n   * If the end page is less than the total pages, it adds an ellipsis and the last page at the end.\n   */\n  private getPages(currentPage: number, totalPages: number): (number | string)[] {\n    const halfPagesToShow = Math.floor(this.maxPagesToShow / 2);\n    const eclipses = '...';\n\n    const startPage = this.calculateStartPage(currentPage, totalPages, halfPagesToShow);\n    const endPage = this.calculateEndPage(currentPage, totalPages, halfPagesToShow);\n\n    const pages = this.generatePageNumbers(startPage, endPage);\n\n    if (startPage > 1) {\n      pages.unshift(eclipses);\n      pages.unshift(1);\n    }\n\n    if (endPage < totalPages) {\n      pages.push(eclipses);\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }\n\n  /**\n   * Calculates the start page for pagination based on the current page, total pages, and the number of pages to show on either side of the current page.\n   *\n   * @param currentPage - The current active page number.\n   * @param totalPages - The total number of pages available.\n   * @param halfPagesToShow - The number of pages to show on either side of the current page.\n   * @returns The start page number for pagination.\n   */\n  private calculateStartPage(currentPage: number, totalPages: number, halfPagesToShow: number): number {\n    let startPage = Math.max(1, currentPage - halfPagesToShow);\n\n    if (currentPage - halfPagesToShow <= 0) {\n      startPage = 1;\n    } else if (currentPage + halfPagesToShow > totalPages) {\n      startPage = Math.max(1, startPage - (currentPage + halfPagesToShow - totalPages));\n    }\n\n    return startPage;\n  }\n\n  /**\n   * Calculates the end page number for pagination based on the current page, total pages, and the number of pages to show.\n   *\n   * @param currentPage - The current page number.\n   * @param totalPages - The total number of pages.\n   * @param halfPagesToShow - Half the number of pages to show around the current page.\n   * @returns The calculated end page number.\n   */\n  private calculateEndPage(currentPage: number, totalPages: number, halfPagesToShow: number): number {\n    let endPage = Math.min(totalPages, currentPage + halfPagesToShow);\n\n    if (currentPage - halfPagesToShow <= 0) {\n      endPage = Math.min(totalPages, endPage + (halfPagesToShow - currentPage + 1));\n    } else if (currentPage + halfPagesToShow > totalPages) {\n      endPage = totalPages;\n    }\n\n    return endPage;\n  }\n\n  /**\n   * Generates an array of page numbers from the startPage to the endPage.\n   *\n   * @param startPage - The starting page number.\n   * @param endPage - The ending page number.\n   * @returns An array of page numbers from startPage to endPage.\n   */\n  private generatePageNumbers(startPage: number, endPage: number): (number | string)[] {\n    const pages: (number | string)[] = [];\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  public ngOnChanges(): void {\n    this.setSignals();\n  }\n}\n","<nav class=\"moj-pagination moj-pagination-alignment\" [attr.aria-label]=\"ariaLabel\">\n  <ul opal-lib-moj-pagination-list>\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--prev\">\n      @if (currentPage > 1) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage - 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Previous<span class=\"govuk-visually-hidden\"> page </span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n    @for (page of pages(); track page) {\n      <li\n        opal-lib-moj-pagination-item\n        [class.moj-pagination__item--active]=\"page === currentPage\"\n        [class.moj-pagination__item--dot]=\"page === '...'\"\n      >\n        @if (page !== currentPage && page !== '...') {\n          <opal-lib-moj-pagination-link\n            [changePage]=\"changePage\"\n            [page]=\"+page\"\n            [currentPage]=\"currentPage\"\n            [totalPages]=\"totalPages()\"\n          >\n            {{ page }}\n          </opal-lib-moj-pagination-link>\n        } @else if (page === '...') {\n          <strong>...</strong>\n        } @else {\n          {{ page }}\n        }\n      </li>\n    }\n\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--next\">\n      @if (currentPage < totalPages()) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage + 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Next<span class=\"govuk-visually-hidden\"> page</span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n  </ul>\n  <p class=\"moj-pagination__results\">\n    Showing <b>{{ startItem() - 1 }}</b> to <b>{{ endItem() }}</b> of <b>{{ totalItems() }}</b> results\n  </p>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/hmcts-opal-frontend-common-components-moj-moj-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination',\n  templateUrl: './moj-pagination.component.html',\n  styleUrl: './moj-pagination.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  private readonly pages = signal<number[]>([]);\n\n  @Input({ required: true }) id!: string;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) total: number = 0;\n  @Input({ required: true }) limit: number = 25;\n  @Output() changePage = new EventEmitter<number>();\n\n  public readonly elipsedPages = signal<(number | string)[]>([]);\n  public readonly ELIPSIS = '…';\n\n  /**\n   * Gets the total number of pages available.\n   *\n   * @returns The total count of pages as a number.\n   */\n  get totalPages(): number {\n    return this.pages().length;\n  }\n\n  /**\n   * Gets the starting item index for the current page in a paginated list.\n   *\n   * @returns {number} The index of the first item on the current page, or 0 if there are no items.\n   *\n   * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.\n   */\n  get pageStart(): number {\n    return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;\n  }\n\n  /**\n   * Gets the index of the last item on the current page.\n   *\n   * @returns {number} The index of the last item displayed on the current page.\n   * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of\n   * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.\n   */\n  get pageEnd(): number {\n    return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);\n  }\n\n  /**\n   * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.\n   *\n   * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.\n   * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,\n   *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.\n   *\n   * @private\n   */\n  private calculatePages() {\n    if (this.limit <= 0 || this.total <= 0) {\n      this.pages.set([]);\n      this.elipsedPages.set([]);\n      return;\n    }\n    const pagesCount = Math.ceil(this.total / this.limit);\n    this.pages.set(this.range(1, pagesCount + 1));\n    this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n  }\n\n  /**\n   * Generates an array of numbers starting from `start` up to, but not including, `end`.\n   *\n   * @param start - The starting number of the range (inclusive).\n   * @param end - The ending number of the range (exclusive).\n   * @returns An array of numbers from `start` to `end - 1`.\n   */\n  private range(start: number, end: number): number[] {\n    const result: number[] = [];\n    for (let i = start; i < end; i++) {\n      result.push(i);\n    }\n    return result;\n  }\n  /**\n   * Generates a pagination array with ellipses (\"...\") to represent skipped page ranges.\n   *\n   * The resulting array always includes the first and last page numbers, the current page,\n   * and up to one page before and after the current page. Ellipses are inserted where\n   * there are skipped ranges between the displayed pages.\n   *\n   * @param pages - An array of page numbers representing all available pages.\n   * @param currentPage - The currently active page number.\n   * @returns An array containing page numbers and ellipsis strings (\"...\") to indicate skipped pages.\n   */\n  private elipseSkippedPages(pages: number[], currentPage: number): (number | string)[] {\n    const totalPages = pages.length;\n    const first = 1;\n    const last = totalPages;\n\n    const result: (number | string)[] = [];\n\n    // Always show the first page\n    result.push(first);\n\n    // Determine left-side ellipsis\n    if (currentPage > first + 2) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Middle pages: current - 1, current, current + 1\n    for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n      if (i > first && i < last) {\n        result.push(i);\n      }\n    }\n\n    // Decide whether to add right-side ellipsis\n    const lastIncluded = result.includes(last);\n    const secondLast = last - 1;\n    if (!result.includes(secondLast) && !lastIncluded) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Add last page if not already included\n    if (!lastIncluded && last !== first) {\n      result.push(last);\n    }\n\n    return result;\n  }\n\n  /**\n   * Handles the page change event for the pagination component.\n   *\n   * Prevents the default action of the event (if provided) and emits the selected page number.\n   *\n   * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.\n   * @param page - The page number to navigate to.\n   */\n  public onPageChanged(event: Event, page: number): void {\n    if (event) {\n      event.preventDefault();\n    }\n    this.changePage.emit(page);\n  }\n\n  /**\n   * Lifecycle hook that is called when any data-bound property of the component changes.\n   * Invokes the `calculatePages` method to update the pagination state based on the new input values.\n   */\n  public ngOnChanges(): void {\n    this.calculatePages();\n  }\n}\n","@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs

@@ -24,10 +24,10 @@ class MojPrimaryNavigationItemComponent {
         // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
         this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPrimaryNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MojPrimaryNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]", inputs: { primaryNavigationItemId: "primaryNavigationItemId", primaryNavigationItemFragment: "primaryNavigationItemFragment", primaryNavigationItemText: "primaryNavigationItemText", activeItemFragment: "activeItemFragment", isLastItem: "isLastItem" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId", "class.last-item": "this.hostLastItem" } }, ngImport: i0, template: "<a\n  href=\"\"\n  class=\"moj-primary-navigation__link cursor-pointer\"\n  [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n  (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  >{{ primaryNavigationItemText }}</a\n>\n", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPrimaryNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: MojPrimaryNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]", inputs: { primaryNavigationItemId: "primaryNavigationItemId", primaryNavigationItemFragment: "primaryNavigationItemFragment", primaryNavigationItemText: "primaryNavigationItemText", activeItemFragment: "activeItemFragment", isLastItem: "isLastItem" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId", "class.last-item": "this.hostLastItem" } }, ngImport: i0, template: "<a\n  href=\"\"\n  class=\"moj-primary-navigation__link cursor-pointer\"\n  [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n  (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  >{{ primaryNavigationItemText }}</a\n>\n", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPrimaryNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPrimaryNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"\"\n  class=\"moj-primary-navigation__link cursor-pointer\"\n  [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n  (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  >{{ primaryNavigationItemText }}</a\n>\n", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"] }]
         }], propDecorators: { primaryNavigationItemId: [{
@@ -89,10 +89,10 @@ class MojPrimaryNavigationComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPrimaryNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MojPrimaryNavigationComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation", inputs: { primaryNavigationId: "primaryNavigationId" }, outputs: { activeItemFragment: "activeItemFragment" }, ngImport: i0, template: "<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPrimaryNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: MojPrimaryNavigationComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation", inputs: { primaryNavigationId: "primaryNavigationId" }, outputs: { activeItemFragment: "activeItemFragment" }, ngImport: i0, template: "<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MojPrimaryNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MojPrimaryNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-primary-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { primaryNavigationId: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]',\n  imports: [],\n  templateUrl: './moj-primary-navigation-item.component.html',\n  styleUrls: ['./moj-primary-navigation-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  @Input({ required: true }) public primaryNavigationItemId!: string;\n  @Input({ required: true }) public primaryNavigationItemFragment!: string;\n  @Input({ required: true }) public primaryNavigationItemText!: string;\n  @Input({ required: true }) public activeItemFragment!: string;\n  @Input({ required: false }) public isLastItem: boolean = false;\n\n  @HostBinding('class') hostClass = 'moj-primary-navigation__item';\n  @HostBinding('id') hostId = `${this.primaryNavigationItemId}`;\n  @HostBinding('class.last-item') hostLastItem = this.isLastItem;\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.router.navigate(['./'], { relativeTo: this.route, fragment: item });\n  }\n}\n","<a\n  href=\"\"\n  class=\"moj-primary-navigation__link cursor-pointer\"\n  [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n  (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  >{{ primaryNavigationItemText }}</a\n>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation',\n  imports: [],\n  templateUrl: './moj-primary-navigation.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationComponent implements OnInit, OnDestroy {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) public primaryNavigationId!: string;\n  @Output() activeItemFragment = new EventEmitter<string>();\n\n  /**\n   * Sets up the listeners for the route fragment changes.\n   * Emits the active navigation item when a fragment is present in the route.\n   */\n  private setupListeners(): void {\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeItemFragment.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Initializes the component.\n   * This method is called after the component has been created and initialized.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]',\n  imports: [],\n  templateUrl: './moj-primary-navigation-item.component.html',\n  styleUrls: ['./moj-primary-navigation-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  @Input({ required: true }) public primaryNavigationItemId!: string;\n  @Input({ required: true }) public primaryNavigationItemFragment!: string;\n  @Input({ required: true }) public primaryNavigationItemText!: string;\n  @Input({ required: true }) public activeItemFragment!: string;\n  @Input({ required: false }) public isLastItem: boolean = false;\n\n  @HostBinding('class') hostClass = 'moj-primary-navigation__item';\n  @HostBinding('id') hostId = `${this.primaryNavigationItemId}`;\n  @HostBinding('class.last-item') hostLastItem = this.isLastItem;\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.router.navigate(['./'], { relativeTo: this.route, fragment: item });\n  }\n}\n","<a\n  href=\"\"\n  class=\"moj-primary-navigation__link cursor-pointer\"\n  [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n  (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n  >{{ primaryNavigationItemText }}</a\n>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation',\n  imports: [],\n  templateUrl: './moj-primary-navigation.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationComponent implements OnInit, OnDestroy {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) public primaryNavigationId!: string;\n  @Output() activeItemFragment = new EventEmitter<string>();\n\n  /**\n   * Sets up the listeners for the route fragment changes.\n   * Emits the active navigation item when a fragment is present in the route.\n   */\n  private setupListeners(): void {\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeItemFragment.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Initializes the component.\n   * This method is called after the component has been created and initialized.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}