npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.90 → 0.0.92 - Mend

@hmcts/opal-frontend-common 0.0.90 → 0.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-header.mjs CHANGED Viewed

@@ -12,10 +12,10 @@ class GovukHeaderNavigationItemComponent {
         event.preventDefault();
         this.actionClick.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeaderNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukHeaderNavigationItemComponent, isStandalone: true, selector: "opal-lib-govuk-header-navigation-item", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--inverse sign-in-link cursor-pointer\"\n  (click)=\"handleClick($event)\"\n  (keyup.enter)=\"handleClick($event)\"\n  role=\"link\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", styles: [".sign-in-link{float:right;line-height:2}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeaderNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukHeaderNavigationItemComponent, isStandalone: true, selector: "opal-lib-govuk-header-navigation-item", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--inverse sign-in-link cursor-pointer\"\n  (click)=\"handleClick($event)\"\n  (keyup.enter)=\"handleClick($event)\"\n  role=\"link\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", styles: [".sign-in-link{float:right;line-height:2}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeaderNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeaderNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-header-navigation-item', imports: [], template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--inverse sign-in-link cursor-pointer\"\n  (click)=\"handleClick($event)\"\n  (keyup.enter)=\"handleClick($event)\"\n  role=\"link\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", styles: [".sign-in-link{float:right;line-height:2}\n"] }]
         }], propDecorators: { actionClick: [{
@@ -24,10 +24,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class GovukHeaderComponent {
     headerLinks;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukHeaderComponent, isStandalone: true, selector: "opal-lib-govuk-header", inputs: { headerLinks: "headerLinks" }, ngImport: i0, template: "<header class=\"govuk-header\" role=\"banner\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a [href]=\"headerLinks.govukLink\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <span class=\"govuk-header__logotype\">\n          <!--[if gt IE 8]><!-->\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-header__logotype-crown\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 132 97\"\n            height=\"30\"\n            width=\"36\"\n          >\n            <path\n              fill=\"currentColor\"\n              fill-rule=\"evenodd\"\n              d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"\n            ></path>\n          </svg>\n          <!--<![endif]-->\n          <!--[if IE 8]>\n            <img\n              src=\"/assets/images/govuk-logotype-crown.png\"\n              class=\"govuk-header__logotype-crown-fallback-image\"\n              width=\"36\"\n              height=\"32\"\n              alt=\"\"\n            />\n          <![endif]-->\n          <span class=\"govuk-header__logotype-text\">\n            <ng-content select=\"[organisationName]\"></ng-content>\n          </span>\n        </span>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      @if (headerLinks.serviceLink) {\n        <a [routerLink]=\"headerLinks.serviceLink\" class=\"govuk-header__link govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </a>\n      } @else {\n        <span class=\"govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </span>\n      }\n\n      <ng-content></ng-content>\n    </div>\n  </div>\n</header>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukHeaderComponent, isStandalone: true, selector: "opal-lib-govuk-header", inputs: { headerLinks: "headerLinks" }, ngImport: i0, template: "<header class=\"govuk-header\" role=\"banner\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a [href]=\"headerLinks.govukLink\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <span class=\"govuk-header__logotype\">\n          <!--[if gt IE 8]><!-->\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-header__logotype-crown\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 132 97\"\n            height=\"30\"\n            width=\"36\"\n          >\n            <path\n              fill=\"currentColor\"\n              fill-rule=\"evenodd\"\n              d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"\n            ></path>\n          </svg>\n          <!--<![endif]-->\n          <!--[if IE 8]>\n            <img\n              src=\"/assets/images/govuk-logotype-crown.png\"\n              class=\"govuk-header__logotype-crown-fallback-image\"\n              width=\"36\"\n              height=\"32\"\n              alt=\"\"\n            />\n          <![endif]-->\n          <span class=\"govuk-header__logotype-text\">\n            <ng-content select=\"[organisationName]\"></ng-content>\n          </span>\n        </span>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      @if (headerLinks.serviceLink) {\n        <a [routerLink]=\"headerLinks.serviceLink\" class=\"govuk-header__link govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </a>\n      } @else {\n        <span class=\"govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </span>\n      }\n\n      <ng-content></ng-content>\n    </div>\n  </div>\n</header>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-header', imports: [RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"govuk-header\" role=\"banner\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a [href]=\"headerLinks.govukLink\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <span class=\"govuk-header__logotype\">\n          <!--[if gt IE 8]><!-->\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-header__logotype-crown\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 132 97\"\n            height=\"30\"\n            width=\"36\"\n          >\n            <path\n              fill=\"currentColor\"\n              fill-rule=\"evenodd\"\n              d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"\n            ></path>\n          </svg>\n          <!--<![endif]-->\n          <!--[if IE 8]>\n            <img\n              src=\"/assets/images/govuk-logotype-crown.png\"\n              class=\"govuk-header__logotype-crown-fallback-image\"\n              width=\"36\"\n              height=\"32\"\n              alt=\"\"\n            />\n          <![endif]-->\n          <span class=\"govuk-header__logotype-text\">\n            <ng-content select=\"[organisationName]\"></ng-content>\n          </span>\n        </span>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      @if (headerLinks.serviceLink) {\n        <a [routerLink]=\"headerLinks.serviceLink\" class=\"govuk-header__link govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </a>\n      } @else {\n        <span class=\"govuk-header__service-name\">\n          <ng-content select=\"[serviceName]\"></ng-content>\n        </span>\n      }\n\n      <ng-content></ng-content>\n    </div>\n  </div>\n</header>\n" }]
         }], propDecorators: { headerLinks: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-heading-with-caption.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ class GovukHeadingWithCaptionComponent {
     headingClasses = 'govuk-heading-l';
     captionClasses = 'govuk-caption-l';
     headingLevel = 1;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeadingWithCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukHeadingWithCaptionComponent, isStandalone: true, selector: "opal-lib-govuk-heading-with-caption", inputs: { captionText: "captionText", headingText: "headingText", headingClasses: "headingClasses", captionClasses: "captionClasses", headingLevel: "headingLevel" }, ngImport: i0, template: "<ng-template #headingContent>\n  <span class=\"{{ captionClasses }}\">{{ captionText }}</span> {{ headingText }}\n</ng-template>\n\n@switch (headingLevel) {\n  @case (1) {\n    <h1 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h6>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeadingWithCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukHeadingWithCaptionComponent, isStandalone: true, selector: "opal-lib-govuk-heading-with-caption", inputs: { captionText: "captionText", headingText: "headingText", headingClasses: "headingClasses", captionClasses: "captionClasses", headingLevel: "headingLevel" }, ngImport: i0, template: "<ng-template #headingContent>\n  <span class=\"{{ captionClasses }}\">{{ captionText }}</span> {{ headingText }}\n</ng-template>\n\n@switch (headingLevel) {\n  @case (1) {\n    <h1 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h6>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukHeadingWithCaptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukHeadingWithCaptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-heading-with-caption', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #headingContent>\n  <span class=\"{{ captionClasses }}\">{{ captionText }}</span> {{ headingText }}\n</ng-template>\n\n@switch (headingLevel) {\n  @case (1) {\n    <h1 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 class=\"{{ headingClasses }}\">\n      <ng-container *ngTemplateOutlet=\"headingContent\"></ng-container>\n    </h6>\n  }\n}\n" }]
         }], propDecorators: { captionText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-inset-text.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import { NgClass } from '@angular/common';
 class GovukInsetTextComponent {
     insetTextId;
     classes = null;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukInsetTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukInsetTextComponent, isStandalone: true, selector: "opal-lib-govuk-inset-text", inputs: { insetTextId: "insetTextId", classes: "classes" }, ngImport: i0, template: "<div class=\"govuk-inset-text\" [id]=\"insetTextId\" [ngClass]=\"classes ? classes : null\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukInsetTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukInsetTextComponent, isStandalone: true, selector: "opal-lib-govuk-inset-text", inputs: { insetTextId: "insetTextId", classes: "classes" }, ngImport: i0, template: "<div class=\"govuk-inset-text\" [id]=\"insetTextId\" [ngClass]=\"classes ? classes : null\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukInsetTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukInsetTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-inset-text', imports: [NgClass], template: "<div class=\"govuk-inset-text\" [id]=\"insetTextId\" [ngClass]=\"classes ? classes : null\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { insetTextId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-list-govuk-list-link.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ class GovukListLinkComponent {
         }
         this.linkClickEvent.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukListLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukListLinkComponent, isStandalone: true, selector: "opal-lib-govuk-list-link", inputs: { linkText: "linkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<li>\n  <a class=\"govuk-link\" href=\"#\" (click)=\"handleClick($event)\">\n    {{ linkText }}\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukListLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukListLinkComponent, isStandalone: true, selector: "opal-lib-govuk-list-link", inputs: { linkText: "linkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<li>\n  <a class=\"govuk-link\" href=\"#\" (click)=\"handleClick($event)\">\n    {{ linkText }}\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukListLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukListLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-list-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n  <a class=\"govuk-link\" href=\"#\" (click)=\"handleClick($event)\">\n    {{ linkText }}\n  </a>\n</li>\n" }]
         }], propDecorators: { linkText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-list.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 class GovukListComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukListComponent, isStandalone: true, selector: "opal-lib-govuk-list", ngImport: i0, template: "<ul class=\"govuk-list\">\n  <ng-content></ng-content>\n</ul>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukListComponent, isStandalone: true, selector: "opal-lib-govuk-list", ngImport: i0, template: "<ul class=\"govuk-list\">\n  <ng-content></ng-content>\n</ul>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-list', template: "<ul class=\"govuk-list\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }] });

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

@@ -15,10 +15,10 @@ class GovukNotificationBannerComponent {
     get computedTitleId() {
         return this.titleId ?? this.generatedTitleId;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukNotificationBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukNotificationBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", 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.17", ngImport: i0, type: GovukNotificationBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", 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: [{

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

@@ -62,10 +62,10 @@ class GovukPaginationComponent {
     ngOnChanges() {
         this.calculatePages();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", 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.17", ngImport: i0, type: GovukPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", 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: [{

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

@@ -4,10 +4,10 @@ import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular
 class GovukPanelComponent {
     panelTitle;
     classes = 'govuk-panel__body';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", 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.17", ngImport: i0, type: GovukPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", 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: [{

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

@@ -10,10 +10,10 @@ class GovukRadiosConditionalComponent {
      * Id used by aria-controls to connect a radio input to this conditional panel.
      */
     conditionalId;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, ngImport: i0, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, ngImport: i0, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { conditionalId: [{
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 class GovukRadiosDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n" }]
         }] });
@@ -99,10 +99,10 @@ class GovukRadiosItemComponent {
         const v = this.inputValue;
         return typeof v === 'string' ? v : String(v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n" }]
         }], propDecorators: { labelText: [{
@@ -234,10 +234,10 @@ class GovukRadioComponent {
         this.isDestroyed = true;
         this.nextRenderRef.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radio', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { fieldSetId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-select.mjs CHANGED Viewed

@@ -30,10 +30,10 @@ class GovukSelectComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-select', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ class GovukSummaryCardActionComponent {
         event.preventDefault();
         this.clickEvent.emit(route);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionText: [{
@@ -55,10 +55,10 @@ class GovukSummaryCardListComponent {
     ngOnInit() {
         this.setId();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { summaryCardListId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class GovukSummaryListRowActionItemComponent {
         event.preventDefault();
         this.linkClick.emit(linkClicked);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionName: [{
@@ -39,10 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 class GovukSummaryListRowActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-actions', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }] });
@@ -73,10 +73,10 @@ class GovukSummaryListRowComponent {
         this.id = this.summaryListId + this._summaryListRowId;
         this.class = 'govuk-summary-list__row';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"] }]
         }], propDecorators: { actionClick: [{
@@ -100,10 +100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class GovukSummaryListComponent {
     summaryListId;
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n" }]
         }], propDecorators: { summaryListId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-table.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ class GovukTableBodyRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -29,10 +29,10 @@ class GovukTableBodyRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { bodyRowClasses: [{
@@ -48,10 +48,10 @@ class GovukTableHeadingComponent {
     get hostScope() {
         return 'col';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -64,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class GovukTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n" }]
         }], propDecorators: { tableClasses: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs CHANGED Viewed

@@ -46,10 +46,10 @@ class GovukTabsListItemComponent {
     activate(fragment) {
         this.router.navigate(['./'], { relativeTo: this.route, fragment });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n" }]
         }], propDecorators: { tabItemId: [{

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

@@ -21,10 +21,10 @@ class GovukTabsPanelComponent {
         const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';
         return `${prefix}-${panelId}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { tabItemId: [{