@hmcts/opal-frontend-common 0.0.74 → 0.0.76

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.10", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImpo
 class MojSortableTableStatusComponent {
     columnTitle;
     sortDirection;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImpo
 
 class MojSortableTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-ULo1cvr6.mjs → hmcts-opal-frontend-common-concurrency-failure.component-LJCjruXJ.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.10", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-ULo1cvr6.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-LJCjruXJ.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.10", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CapitalisationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: GovukButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojMultiSelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojMultiSelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojMultiSelectBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojMultiSelectHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: MojMultiSelectHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: MojMultiSelectHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-error-constants.mjs

@@ -10,9 +10,11 @@ const ERROR_RESPONSE = {
 
 const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';
 
+const GENERIC_HTTP_ERROR_TITLE = 'There was a problem';
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ERROR_RESPONSE, GENERIC_HTTP_ERROR_MESSAGE };
+export { ERROR_RESPONSE, GENERIC_HTTP_ERROR_MESSAGE, GENERIC_HTTP_ERROR_TITLE };
 //# sourceMappingURL=hmcts-opal-frontend-common-interceptors-http-error-constants.mjs.map

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

@@ -7,6 +7,8 @@ import { GLOBAL_ERROR_STATE } from '@hmcts/opal-frontend-common/stores/global/co
 
 const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';
 
+const GENERIC_HTTP_ERROR_TITLE = 'There was a problem';
+
 const ERROR_RESPONSE = {
     type: null,
     title: null,
@@ -56,7 +58,7 @@ function handleRetriableError(error, globalStore) {
     globalStore.setBannerError({
         ...GLOBAL_ERROR_STATE,
         error: true,
-        title: errorResponse?.title || ERROR_RESPONSE.title,
+        title: errorResponse?.title || GENERIC_HTTP_ERROR_TITLE,
         message: errorMessage,
         operationId: errorResponse?.operation_id || ERROR_RESPONSE.operation_id,
     });
@@ -141,7 +143,7 @@ const httpErrorInterceptor = (req, next) => {
                 globalStore.setBannerError({
                     ...GLOBAL_ERROR_STATE,
                     error: true,
-                    title: 'There was a problem',
+                    title: GENERIC_HTTP_ERROR_TITLE,
                     message: GENERIC_HTTP_ERROR_MESSAGE,
                     operationId: ERROR_RESPONSE.operation_id,
                 });

package/fesm2022/{hmcts-opal-frontend-common-internal-server-error.component-CznG3q_P.mjs → hmcts-opal-frontend-common-internal-server-error.component-yIBN1Pow.mjs}

@@ -12,13 +12,13 @@ class InternalServerErrorComponent {
         const operationId = navigationState?.operationId ?? persistedState?.operationId;
         return operationId && operationId.trim().length > 0 ? operationId : 'Unavailable';
     }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-CznG3q_P.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-internal-server-error.component-yIBN1Pow.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-DXFmabtQ.mjs → hmcts-opal-frontend-common-pages-access-denied.component-CbZdxm6o.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.10", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-DXFmabtQ.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-CbZdxm6o.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-account-created.component-wNksg0C5.mjs → hmcts-opal-frontend-common-pages-account-created.component-Cvdg-Js7.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.10", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: AccountCreated, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-wNksg0C5.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-account-created.component-Cvdg-Js7.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-concurrency-failure.component-ULo1cvr6.mjs → hmcts-opal-frontend-common-pages-concurrency-failure.component-LJCjruXJ.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.10", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-pages-concurrency-failure.component-ULo1cvr6.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-concurrency-failure.component-LJCjruXJ.mjs.map

package/fesm2022/hmcts-opal-frontend-common-pages-dashboard-page.mjs

@@ -44,10 +44,10 @@ class DashboardPage {
         }))
             .filter((group) => group.links.length > 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DashboardPage, isStandalone: true, selector: "opal-lib-dashboard-page", inputs: { dashboardConfig: "dashboardConfig" }, ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MojInsetTextComponent, selector: "opal-lib-moj-inset-text", inputs: ["id", "classes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DashboardPage, isStandalone: true, selector: "opal-lib-dashboard-page", inputs: { dashboardConfig: "dashboardConfig" }, ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MojInsetTextComponent, selector: "opal-lib-moj-inset-text", inputs: ["id", "classes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DashboardPage, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-dashboard-page', imports: [RouterModule, MojInsetTextComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n" }]
         }], propDecorators: { dashboardConfig: [{

package/fesm2022/{hmcts-opal-frontend-common-pages-internal-server-error.component-CznG3q_P.mjs → hmcts-opal-frontend-common-pages-internal-server-error.component-yIBN1Pow.mjs}

@@ -12,13 +12,13 @@ class InternalServerErrorComponent {
         const operationId = navigationState?.operationId ?? persistedState?.operationId;
         return operationId && operationId.trim().length > 0 ? operationId : 'Unavailable';
     }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", 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.11", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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.10", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", 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-pages-internal-server-error.component-CznG3q_P.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-internal-server-error.component-yIBN1Pow.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-permission-denied.component-C-TEESwX.mjs → hmcts-opal-frontend-common-pages-permission-denied.component-CZqiZ7uX.mjs}

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class PermissionDeniedComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-permission-denied', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n" }]
         }] });
 
 export { PermissionDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-permission-denied.component-C-TEESwX.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-permission-denied.component-CZqiZ7uX.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-D_6QOzNV.mjs → hmcts-opal-frontend-common-pages-sign-in-stub.component-BOUIZCFQ.mjs}

@@ -28,10 +28,10 @@ class SignInStubComponent {
     ngOnInit() {
         this.setupSignInForm();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "control"] }, { 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.11", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "control"] }, { 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.10", ngImport: i0, type: SignInStubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SignInStubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-sign-in-stub', imports: [FormsModule, ReactiveFormsModule, GovukTextInputComponent, GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n" }]
         }], propDecorators: { signInFormSubmit: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
             }] } });
 
 export { SignInStubComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in-stub.component-D_6QOzNV.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in-stub.component-BOUIZCFQ.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-CN3sQh8k.mjs → hmcts-opal-frontend-common-pages-sign-in.component-B0IZeuue.mjs}

@@ -16,13 +16,13 @@ class SignInComponent {
     handleStubSignInFormSubmit(formData) {
         this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-D_6QOzNV.mjs').then(m => m.SignInStubComponent)]] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-BOUIZCFQ.mjs').then(m => m.SignInStubComponent)]] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.10", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-D_6QOzNV.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.11", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-BOUIZCFQ.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'opal-lib-sign-in', imports: [SignInStubComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n" }]
             }], ctorParameters: null, propDecorators: null }) });
 
 export { SignInComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in.component-CN3sQh8k.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in.component-B0IZeuue.mjs.map