@hmcts/opal-frontend-common 0.0.108 → 0.0.110

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-notification-banner.mjs

@@ -1,46 +1,77 @@
-import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { Component, Input } from "@angular/core";
 let nextNotificationBannerId = 0;
-class GovukNotificationBannerComponent {
-    generatedTitleId = `govuk-notification-banner-title-${++nextNotificationBannerId}`;
-    titleText;
-    headingText;
-    messageText;
-    type = 'success';
-    titleId;
-    /**
-     * Resolves the title ID, preferring the provided one.
-     */
-    get computedTitleId() {
-        return this.titleId ?? this.generatedTitleId;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukNotificationBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukNotificationBannerComponent, isStandalone: true, selector: "opal-lib-govuk-notification-banner", inputs: { titleText: "titleText", headingText: "headingText", messageText: "messageText", type: "type", titleId: "titleId" }, ngImport: i0, template: "<div\n  class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n  role=\"alert\"\n  [attr.aria-labelledby]=\"computedTitleId\"\n  data-module=\"govuk-notification-banner\"\n>\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" [id]=\"computedTitleId\">\n      {{ titleText }}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      {{ headingText }}\n    </h3>\n    <p class=\"govuk-body\">\n      {{ messageText }}\n    </p>\n  </div>\n</div>\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukNotificationBannerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-notification-banner', imports: [], template: "<div\n  class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n  role=\"alert\"\n  [attr.aria-labelledby]=\"computedTitleId\"\n  data-module=\"govuk-notification-banner\"\n>\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" [id]=\"computedTitleId\">\n      {{ titleText }}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      {{ headingText }}\n    </h3>\n    <p class=\"govuk-body\">\n      {{ messageText }}\n    </p>\n  </div>\n</div>\n" }]
-        }], propDecorators: { titleText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], headingText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], messageText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], type: [{
-                type: Input,
-                args: [{ required: true }]
-            }], titleId: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var GovukNotificationBannerComponent = class GovukNotificationBannerComponent {
+	generatedTitleId = `govuk-notification-banner-title-${++nextNotificationBannerId}`;
+	titleText;
+	headingText;
+	messageText;
+	type = "success";
+	titleId;
+	get computedTitleId() {
+		return this.titleId ?? this.generatedTitleId;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukNotificationBannerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukNotificationBannerComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-notification-banner",
+		inputs: {
+			titleText: "titleText",
+			headingText: "headingText",
+			messageText: "messageText",
+			type: "type",
+			titleId: "titleId"
+		},
+		ngImport: i0,
+		template: "<div\n  class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n  role=\"alert\"\n  [attr.aria-labelledby]=\"computedTitleId\"\n  data-module=\"govuk-notification-banner\"\n>\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" [id]=\"computedTitleId\">\n      {{ titleText }}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      {{ headingText }}\n    </h3>\n    <p class=\"govuk-body\">\n      {{ messageText }}\n    </p>\n  </div>\n</div>\n"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukNotificationBannerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-notification-banner",
+			imports: [],
+			template: "<div\n  class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n  role=\"alert\"\n  [attr.aria-labelledby]=\"computedTitleId\"\n  data-module=\"govuk-notification-banner\"\n>\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" [id]=\"computedTitleId\">\n      {{ titleText }}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      {{ headingText }}\n    </h3>\n    <p class=\"govuk-body\">\n      {{ messageText }}\n    </p>\n  </div>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		titleText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		headingText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		messageText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		type: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		titleId: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { GovukNotificationBannerComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-notification-banner.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-notification-banner.mjs.map

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

@@ -1,86 +1,81 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukPaginationComponent {
-    currentPage = 1;
-    total = 0;
-    limit = 25;
-    changePage = new EventEmitter();
-    pages = signal([], ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
-    elipsedPages = signal([], ...(ngDevMode ? [{ debugName: "elipsedPages" }] : /* istanbul ignore next */ []));
-    ELIPSIS = '...';
-    /**
-     * Calculates the number of pages based on the total number of items and the limit per page.
-     * Updates the `pages` and `elipsedPages` properties accordingly.
-     */
-    calculatePages() {
-        const pagesCount = Math.ceil(this.total / this.limit);
-        this.pages.set(this.range(1, pagesCount));
-        this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));
-    }
-    /**
-     * Generates an array of numbers within a specified range.
-     * @param start The starting number of the range.
-     * @param end The ending number of the range.
-     * @returns An array of numbers within the specified range.
-     */
-    range(start, end) {
-        return [...new Array(end).keys()].map((el) => el + start);
-    }
-    /**
-     * Inserts ellipses into the given array of pages based on the current page number.
-     * @param pages - The array of pages.
-     * @param currentPage - The current page number.
-     * @returns The modified array of pages with ellipses inserted.
-     */
-    elipseSkippedPages(pages, currentPage) {
-        pages = [...pages];
-        if (currentPage < pages.length - 2) {
-            // Add elipses to the right of current page
-            pages.splice(currentPage + 1, pages.length - currentPage - 2, this.ELIPSIS);
-        }
-        if (currentPage >= 5) {
-            // Add elipses to the left of current page
-            pages.splice(1, currentPage - 3, this.ELIPSIS);
-        }
-        return pages;
-    }
-    /**
-     * Handles the page change event.
-     *
-     * @param $event - The click event that triggered the page change.
-     * @param page - The new page number.
-     */
-    onPageChanged($event, page) {
-        $event.preventDefault();
-        this.changePage.emit(page);
-    }
-    /**
-     * Lifecycle hook that is called when any data-bound property of the component changes.
-     * It recalculates the pages for pagination.
-     */
-    ngOnChanges() {
-        this.calculatePages();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukPaginationComponent, isStandalone: true, selector: "opal-lib-govuk-pagination", inputs: { currentPage: "currentPage", total: "total", limit: "limit" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "@if (pages().length > 1) {\n  <nav class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n    @if (currentPage > 1) {\n      <div class=\"govuk-pagination__prev\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"prev\"\n          (click)=\"onPageChanged($event, currentPage - 1)\"\n        >\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n            ></path>\n          </svg>\n          <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n        >\n      </div>\n    }\n    <ul class=\"govuk-pagination__list\">\n      @for (page of elipsedPages(); track page + '-' + $index) {\n        <li\n          class=\"govuk-pagination__item\"\n          [class.govuk-pagination__item--current]=\"page === currentPage\"\n          [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n          [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n        >\n          @if (page === ELIPSIS) {\n            &ctdot;\n          }\n          @if (page !== ELIPSIS) {\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              (click)=\"onPageChanged($event, +page)\"\n              [attr.aria-label]=\"'Page ' + page\"\n              data-test-page-button\n              >{{ page }}</a\n            >\n          }\n        </li>\n      }\n    </ul>\n    @if (currentPage < pages().length) {\n      <div class=\"govuk-pagination__next\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"next\"\n          (click)=\"onPageChanged($event, currentPage + 1)\"\n        >\n          <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n            ></path>\n          </svg>\n        </a>\n      </div>\n    }\n  </nav>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukPaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-pagination', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (pages().length > 1) {\n  <nav class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n    @if (currentPage > 1) {\n      <div class=\"govuk-pagination__prev\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"prev\"\n          (click)=\"onPageChanged($event, currentPage - 1)\"\n        >\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n            ></path>\n          </svg>\n          <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n        >\n      </div>\n    }\n    <ul class=\"govuk-pagination__list\">\n      @for (page of elipsedPages(); track page + '-' + $index) {\n        <li\n          class=\"govuk-pagination__item\"\n          [class.govuk-pagination__item--current]=\"page === currentPage\"\n          [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n          [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n        >\n          @if (page === ELIPSIS) {\n            &ctdot;\n          }\n          @if (page !== ELIPSIS) {\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              (click)=\"onPageChanged($event, +page)\"\n              [attr.aria-label]=\"'Page ' + page\"\n              data-test-page-button\n              >{{ page }}</a\n            >\n          }\n        </li>\n      }\n    </ul>\n    @if (currentPage < pages().length) {\n      <div class=\"govuk-pagination__next\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"next\"\n          (click)=\"onPageChanged($event, currentPage + 1)\"\n        >\n          <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n            ></path>\n          </svg>\n        </a>\n      </div>\n    }\n  </nav>\n}\n" }]
-        }], propDecorators: { currentPage: [{
-                type: Input
-            }], total: [{
-                type: Input
-            }], limit: [{
-                type: Input
-            }], changePage: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, signal } from "@angular/core";
+var GovukPaginationComponent = class GovukPaginationComponent {
+	currentPage = 1;
+	total = 0;
+	limit = 25;
+	changePage = new EventEmitter();
+	pages = signal([], ...ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []);
+	elipsedPages = signal([], ...ngDevMode ? [{ debugName: "elipsedPages" }] : /* istanbul ignore next */ []);
+	ELIPSIS = "...";
+	calculatePages() {
+		const pagesCount = Math.ceil(this.total / this.limit);
+		this.pages.set(this.range(1, pagesCount));
+		this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));
+	}
+	range(start, end) {
+		return [...new Array(end).keys()].map((el) => el + start);
+	}
+	elipseSkippedPages(pages, currentPage) {
+		pages = [...pages];
+		if (currentPage < pages.length - 2) pages.splice(currentPage + 1, pages.length - currentPage - 2, this.ELIPSIS);
+		if (currentPage >= 5) pages.splice(1, currentPage - 3, this.ELIPSIS);
+		return pages;
+	}
+	onPageChanged($event, page) {
+		$event.preventDefault();
+		this.changePage.emit(page);
+	}
+	ngOnChanges() {
+		this.calculatePages();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukPaginationComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukPaginationComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-pagination",
+		inputs: {
+			currentPage: "currentPage",
+			total: "total",
+			limit: "limit"
+		},
+		outputs: { changePage: "changePage" },
+		usesOnChanges: true,
+		ngImport: i0,
+		template: "@if (pages().length > 1) {\n  <nav class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n    @if (currentPage > 1) {\n      <div class=\"govuk-pagination__prev\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"prev\"\n          (click)=\"onPageChanged($event, currentPage - 1)\"\n        >\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n            ></path>\n          </svg>\n          <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n        >\n      </div>\n    }\n    <ul class=\"govuk-pagination__list\">\n      @for (page of elipsedPages(); track page + '-' + $index) {\n        <li\n          class=\"govuk-pagination__item\"\n          [class.govuk-pagination__item--current]=\"page === currentPage\"\n          [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n          [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n        >\n          @if (page === ELIPSIS) {\n            &ctdot;\n          }\n          @if (page !== ELIPSIS) {\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              (click)=\"onPageChanged($event, +page)\"\n              [attr.aria-label]=\"'Page ' + page\"\n              data-test-page-button\n              >{{ page }}</a\n            >\n          }\n        </li>\n      }\n    </ul>\n    @if (currentPage < pages().length) {\n      <div class=\"govuk-pagination__next\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"next\"\n          (click)=\"onPageChanged($event, currentPage + 1)\"\n        >\n          <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n            ></path>\n          </svg>\n        </a>\n      </div>\n    }\n  </nav>\n}\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukPaginationComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-pagination",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (pages().length > 1) {\n  <nav class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n    @if (currentPage > 1) {\n      <div class=\"govuk-pagination__prev\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"prev\"\n          (click)=\"onPageChanged($event, currentPage - 1)\"\n        >\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n            ></path>\n          </svg>\n          <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n        >\n      </div>\n    }\n    <ul class=\"govuk-pagination__list\">\n      @for (page of elipsedPages(); track page + '-' + $index) {\n        <li\n          class=\"govuk-pagination__item\"\n          [class.govuk-pagination__item--current]=\"page === currentPage\"\n          [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n          [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n        >\n          @if (page === ELIPSIS) {\n            &ctdot;\n          }\n          @if (page !== ELIPSIS) {\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              (click)=\"onPageChanged($event, +page)\"\n              [attr.aria-label]=\"'Page ' + page\"\n              data-test-page-button\n              >{{ page }}</a\n            >\n          }\n        </li>\n      }\n    </ul>\n    @if (currentPage < pages().length) {\n      <div class=\"govuk-pagination__next\">\n        <a\n          class=\"govuk-link govuk-pagination__link\"\n          href=\"#\"\n          rel=\"next\"\n          (click)=\"onPageChanged($event, currentPage + 1)\"\n        >\n          <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n          <svg\n            class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"13\"\n            width=\"15\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            viewBox=\"0 0 15 13\"\n          >\n            <path\n              d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n            ></path>\n          </svg>\n        </a>\n      </div>\n    }\n  </nav>\n}\n"
+		}]
+	}],
+	propDecorators: {
+		currentPage: [{ type: Input }],
+		total: [{ type: Input }],
+		limit: [{ type: Input }],
+		changePage: [{ type: Output }]
+	}
+});
 export { GovukPaginationComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-panel.mjs

@@ -1,26 +1,54 @@
-import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukPanelComponent {
-    panelTitle;
-    classes = 'govuk-panel__body';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukPanelComponent, isStandalone: true, selector: "opal-lib-govuk-panel", inputs: { panelTitle: "panelTitle" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n  @if (panelTitle) {\n    <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n  }\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n  @if (panelTitle) {\n    <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n  }\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { panelTitle: [{
-                type: Input,
-                args: [{ required: false }]
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from "@angular/core";
+var GovukPanelComponent = class GovukPanelComponent {
+	panelTitle;
+	classes = "govuk-panel__body";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukPanelComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-panel",
+		inputs: { panelTitle: "panelTitle" },
+		host: { properties: { "class": "this.classes" } },
+		ngImport: i0,
+		template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n  @if (panelTitle) {\n    <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n  }\n  <ng-content></ng-content>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-panel",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n  @if (panelTitle) {\n    <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n  }\n  <ng-content></ng-content>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		panelTitle: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		classes: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
 export { GovukPanelComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-panel.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-panel.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-radio-interfaces.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-radio-interfaces.mjs.map