@hmcts/opal-frontend-common 0.0.89 → 0.0.91

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

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

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

@@ -46,10 +46,10 @@ class MojSortableTableHeaderSortIconDirective {
             svg.appendChild(path);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibMojSortableTableHeaderSortIcon]',
@@ -86,10 +86,10 @@ class MojSortableTableHeaderComponent {
             sortType: newDirection,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "attr.scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "attr.scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MojSortableTableHeaderSortIconDirective], template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n" }]
         }], propDecorators: { columnKey: [{
@@ -117,10 +117,10 @@ class MojSortableTableRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-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: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-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: MojSortableTableRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -139,10 +139,10 @@ class MojSortableTableRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-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: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-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: MojSortableTableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { bodyRowClasses: [{
@@ -156,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class MojSortableTableStatusComponent {
     columnTitle;
     sortDirection;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-status', standalone: true, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" }]
         }], propDecorators: { columnTitle: [{
@@ -172,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 
 class MojSortableTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSortableTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n" }]
         }], propDecorators: { tableClasses: [{

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

@@ -22,10 +22,10 @@ class MojSubNavigationItemComponent {
         // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
         this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n" }]
         }], propDecorators: { subNavItemId: [{
@@ -76,10 +76,10 @@ class MojSubNavigationComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sub-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n" }]
         }], propDecorators: { subNavId: [{

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

@@ -5,10 +5,10 @@ class MojTicketPanelComponent {
     componentClasses;
     sectionClasses;
     alert;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-ticket-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n" }]
         }], propDecorators: { componentClasses: [{

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

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class MojTimelineItemComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-timeline-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n" }]
         }] });
 
 class MojTimelineComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><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: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-timeline', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n" }]
         }] });

package/fesm2022/{hmcts-opal-frontend-common-concurrency-failure.component-UnC_Qex5.mjs → hmcts-opal-frontend-common-concurrency-failure.component-CdkYMvv-.mjs}

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class ConcurrencyFailureComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-concurrency-failure', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n" }]
         }] });
 
 export { ConcurrencyFailureComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-UnC_Qex5.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-CdkYMvv-.mjs.map

package/fesm2022/hmcts-opal-frontend-common-directives-capitalisation.mjs

@@ -23,10 +23,10 @@ class CapitalisationDirective {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.18", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CapitalisationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CapitalisationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibCapitaliseAllCharacters]',

package/fesm2022/hmcts-opal-frontend-common-directives-govuk-button.mjs

@@ -22,10 +22,10 @@ class GovukButtonDirective {
     handleButtonClick() {
         this.buttonClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.18", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GovukButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GovukButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibGovukButton]',

package/fesm2022/hmcts-opal-frontend-common-directives-moj-multi-select.mjs

@@ -57,10 +57,10 @@ class MojMultiSelectBodyDirective {
         }
         this.selectionChange.emit({ rowId: this.rowId, checked: target.checked });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojMultiSelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: MojMultiSelectBodyDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]", inputs: { rowId: "rowId", ariaLabel: "ariaLabel", extraClasses: "extraClasses" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojMultiSelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.18", type: MojMultiSelectBodyDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]", inputs: { rowId: "rowId", ariaLabel: "ariaLabel", extraClasses: "extraClasses" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojMultiSelectBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojMultiSelectBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]',
@@ -127,10 +127,10 @@ class MojMultiSelectHeadDirective {
         }
         this.toggleAll.emit(target.checked);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojMultiSelectHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: MojMultiSelectHeadDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]", inputs: { extraClasses: "extraClasses", selectAllIndeterminate: "selectAllIndeterminate", ariaLabel: "ariaLabel" }, outputs: { toggleAll: "toggleAll" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojMultiSelectHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.18", type: MojMultiSelectHeadDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]", inputs: { extraClasses: "extraClasses", selectAllIndeterminate: "selectAllIndeterminate", ariaLabel: "ariaLabel" }, outputs: { toggleAll: "toggleAll" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MojMultiSelectHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MojMultiSelectHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]',

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-retry-constants.mjs

@@ -0,0 +1,16 @@
+const MAX_HTTP_RETRY_BACKOFF_MULTIPLIER = 10;
+
+const MAX_HTTP_RETRY_COUNT = 2;
+
+const MAX_HTTP_RETRY_DELAY_MS = 30000;
+
+const HTTP_NON_RETRYABLE_STATUS_CODES = Object.freeze([400, 401, 403, 404, 409, 422]);
+
+const HTTP_RETRYABLE_STATUS_CODES = Object.freeze([0, 408, 502, 503, 504]);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HTTP_NON_RETRYABLE_STATUS_CODES, HTTP_RETRYABLE_STATUS_CODES, MAX_HTTP_RETRY_BACKOFF_MULTIPLIER, MAX_HTTP_RETRY_COUNT, MAX_HTTP_RETRY_DELAY_MS };
+//# sourceMappingURL=hmcts-opal-frontend-common-interceptors-http-retry-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-retry-interfaces.mjs

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

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-retry.mjs

@@ -0,0 +1,162 @@
+import { retry, throwError, timer, of } from 'rxjs';
+import { HttpContextToken, HttpErrorResponse, HttpContext } from '@angular/common/http';
+
+/**
+ * Stores per-request HTTP retry policy options in an Angular HTTP context.
+ */
+const HTTP_RETRY_POLICY = new HttpContextToken(() => ({}));
+
+const MAX_HTTP_RETRY_BACKOFF_MULTIPLIER = 10;
+
+const HTTP_NON_RETRYABLE_STATUS_CODES = Object.freeze([400, 401, 403, 404, 409, 422]);
+
+const HTTP_RETRYABLE_STATUS_CODES = Object.freeze([0, 408, 502, 503, 504]);
+
+const MAX_HTTP_RETRY_COUNT = 2;
+
+const MAX_HTTP_RETRY_DELAY_MS = 30000;
+
+/**
+ * Returns whether the request is eligible for retry under the supplied policy.
+ */
+function canRetryRequest(req, policy) {
+    return policy.retryCount > 0 && isGetRequest(req);
+}
+/**
+ * Calculates the delay before the next retry attempt, including backoff and maximum delay bounds.
+ */
+function getRetryDelayMs(policy, retryAttempt) {
+    const retryDelayMs = policy.delayMs * Math.pow(policy.backoffMultiplier, Math.max(retryAttempt - 1, 0));
+    return Math.min(Math.round(retryDelayMs), policy.maxDelayMs);
+}
+/**
+ * Returns whether the error status is retryable and has not been explicitly marked non-retriable.
+ */
+function isRetryableError(error, policy) {
+    if (isApiNonRetriableError(error)) {
+        return false;
+    }
+    const statusCode = getStatusCode(error);
+    if (statusCode === undefined || HTTP_NON_RETRYABLE_STATUS_CODES.includes(statusCode)) {
+        return false;
+    }
+    return policy.retryableStatusCodes.includes(statusCode);
+}
+/**
+ * Normalizes partial retry options into a bounded retry policy with default values.
+ */
+function normalizeHttpRetryPolicy(policy = {}) {
+    const delayMs = getBoundedInteger(policy.delayMs, 0, MAX_HTTP_RETRY_DELAY_MS);
+    return {
+        retryCount: getBoundedInteger(policy.retryCount, 0, MAX_HTTP_RETRY_COUNT),
+        delayMs,
+        backoffMultiplier: getBoundedNumber(policy.backoffMultiplier, 1, 1, MAX_HTTP_RETRY_BACKOFF_MULTIPLIER),
+        maxDelayMs: getBoundedInteger(policy.maxDelayMs, delayMs, MAX_HTTP_RETRY_DELAY_MS),
+        retryableStatusCodes: getRetryableStatusCodes(policy.retryableStatusCodes),
+    };
+}
+/**
+ * Returns whether the request uses the GET method.
+ */
+function isGetRequest(req) {
+    return req.method.toUpperCase() === 'GET';
+}
+/**
+ * Extracts an HTTP status code from an Angular error response or compatible error shape.
+ */
+function getStatusCode(error) {
+    if (!(error instanceof HttpErrorResponse) && (typeof error !== 'object' || error === null)) {
+        return undefined;
+    }
+    if (typeof error === 'object' && error !== null && 'status' in error) {
+        const statusError = error;
+        if (typeof statusError.status === 'number') {
+            return statusError.status;
+        }
+    }
+    if (typeof error === 'object' && error !== null && 'error' in error) {
+        const nestedError = error;
+        if (typeof nestedError.error?.status === 'number') {
+            return nestedError.error.status;
+        }
+    }
+    return undefined;
+}
+/**
+ * Returns whether the API response body explicitly marks the error as non-retriable.
+ */
+function isApiNonRetriableError(error) {
+    if (typeof error !== 'object' || error === null || !('error' in error)) {
+        return false;
+    }
+    const responseError = error.error;
+    return typeof responseError === 'object' && responseError !== null && 'retriable' in responseError
+        ? responseError.retriable === false
+        : false;
+}
+/**
+ * Returns a finite integer clamped between zero and the supplied maximum.
+ */
+function getBoundedInteger(value, fallback, max) {
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        return fallback;
+    }
+    return Math.min(Math.max(Math.floor(value), 0), max);
+}
+/**
+ * Returns a finite number clamped between the supplied minimum and maximum.
+ */
+function getBoundedNumber(value, fallback, min, max) {
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        return fallback;
+    }
+    return Math.min(Math.max(value, min), max);
+}
+/**
+ * Filters and de-duplicates configured retryable status codes against the supported retryable list.
+ */
+function getRetryableStatusCodes(statusCodes) {
+    const codes = statusCodes ?? HTTP_RETRYABLE_STATUS_CODES;
+    return [...new Set(codes.filter((statusCode) => HTTP_RETRYABLE_STATUS_CODES.includes(statusCode)))];
+}
+
+/**
+ * Retries opted-in GET requests when they fail with configured transient HTTP errors.
+ */
+const httpRetryInterceptor = (req, next) => {
+    const retryPolicy = normalizeHttpRetryPolicy(req.context.get(HTTP_RETRY_POLICY));
+    if (!canRetryRequest(req, retryPolicy)) {
+        return next(req);
+    }
+    return next(req).pipe(retry({
+        count: retryPolicy.retryCount,
+        delay: (error, retryAttempt) => {
+            if (!isRetryableError(error, retryPolicy)) {
+                return throwError(() => error);
+            }
+            const delayMs = getRetryDelayMs(retryPolicy, retryAttempt);
+            return delayMs > 0 ? timer(delayMs) : of(0);
+        },
+    }));
+};
+
+/**
+ * Enables HTTP retry for a request by adding the normalized retry policy to its context.
+ */
+function withHttpRetry(policy, context = new HttpContext()) {
+    return context.set(HTTP_RETRY_POLICY, normalizeHttpRetryPolicy(policy));
+}
+
+/**
+ * Disables HTTP retry for a request by setting a zero retry count on its context.
+ */
+function withoutHttpRetry(context = new HttpContext()) {
+    return context.set(HTTP_RETRY_POLICY, { retryCount: 0 });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { httpRetryInterceptor, withHttpRetry, withoutHttpRetry };
+//# sourceMappingURL=hmcts-opal-frontend-common-interceptors-http-retry.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-internal-server-error.component-Cj-ueGWj.mjs → hmcts-opal-frontend-common-internal-server-error.component-CinCBLVo.mjs}

@@ -14,13 +14,13 @@ class InternalServerErrorComponent {
         const operationId = [queryParamOperationId, navigationState?.operationId, persistedState?.operationId].find((id) => id?.trim());
         return operationId?.trim() ?? 'Unavailable';
     }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-internal-server-error', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n" }]
         }] });
 
 export { InternalServerErrorComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-internal-server-error.component-Cj-ueGWj.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-internal-server-error.component-CinCBLVo.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-DNNxndx-.mjs → hmcts-opal-frontend-common-pages-access-denied.component-BCLRLZqh.mjs}

@@ -9,13 +9,13 @@ class AccessDeniedComponent {
         // For now, test page will act as our 'Dashboard' page
         this.router.navigate(['/']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccessDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n" }]
         }] });
 
 export { AccessDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-DNNxndx-.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-BCLRLZqh.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-account-created.component-3MER1dhS.mjs → hmcts-opal-frontend-common-pages-account-created.component-D0g9FjWl.mjs}

@@ -3,13 +3,13 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { GovukPanelComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-panel';
 
 class AccountCreated {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccountCreated, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccountCreated, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-account-created', imports: [GovukPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n" }]
         }] });
 
 export { AccountCreated };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-account-created.component-3MER1dhS.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-account-created.component-D0g9FjWl.mjs.map