npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.6 → 0.0.8 - Mend

@hmcts/opal-frontend-common 0.0.6 → 0.0.8

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

Files changed (93) hide show

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

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

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

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

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

@@ -12,10 +12,10 @@ class GovukTabListItemComponent {
     }
     tabListItemHref;
     tabListItemName;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTabListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tab-list-item", inputs: { tabsId: "tabsId", tabsListItemId: "tabsListItemId", tabListItemHref: "tabListItemHref", tabListItemName: "tabListItemName" }, ngImport: i0, template: "<li class=\"govuk-tabs__list-item\" [id]=\"tabsId + _tabsListItemId\">\n  <a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTabListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tab-list-item", inputs: { tabsId: "tabsId", tabsListItemId: "tabsListItemId", tabListItemHref: "tabListItemHref", tabListItemName: "tabListItemName" }, ngImport: i0, template: "<li class=\"govuk-tabs__list-item\" [id]=\"tabsId + _tabsListItemId\">\n  <a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tab-list-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"govuk-tabs__list-item\" [id]=\"tabsId + _tabsListItemId\">\n  <a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n</li>\n" }]
         }], propDecorators: { tabsId: [{
@@ -39,10 +39,10 @@ class GovukTabPanelComponent {
     set tabsPanelId(tabsPanelId) {
         this._tabsPanelId = this.utilService.upperCaseFirstLetter(tabsPanelId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTabPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tab-panel", inputs: { tabsId: "tabsId", tabsPanelId: "tabsPanelId" }, ngImport: i0, template: "<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTabPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tab-panel", inputs: { tabsId: "tabsId", tabsPanelId: "tabsPanelId" }, ngImport: i0, template: "<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tab-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { tabsId: [{
@@ -68,10 +68,10 @@ class GovukTabsComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabsId: "tabsId" }, ngImport: i0, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabsId: "tabsId" }, ngImport: i0, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\n" }]
         }], propDecorators: { tabsId: [{

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

@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class GovukTagComponent {
     tagId;
     tagClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tag', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n" }]
         }], propDecorators: { tagId: [{

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

@@ -5,10 +5,10 @@ class GovukTaskListItemComponent {
     taskListItemId;
     taskListStatusId;
     taskListItemClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n" }]
         }], propDecorators: { taskListItemId: [{
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 class GovukTaskListComponent {
     taskListId;
     taskListClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }], propDecorators: { taskListId: [{

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

@@ -27,10 +27,10 @@ class GovukTextAreaComponent {
     get remainingCharacterCount() {
         return this.maxCharacterLimit - (this._control.value?.length ?? 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount }} character{{ remainingCharacterCount === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount }} character{{ remainingCharacterCount === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-area', imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount }} character{{ remainingCharacterCount === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs CHANGED Viewed

@@ -37,10 +37,10 @@ class GovukTextInputPrefixSuffixComponent {
     get getControl() {
         return this._control;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-input-prefix-suffix', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { labelText: [{

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

@@ -21,10 +21,10 @@ class GovukTextInputComponent {
     get getControl() {
         return this._control;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GovukTextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: GovukTextInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-helpers.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * Adds necessary CSS classes to the document body for GDS (Government Digital Service) support.
+ */
+function addGdsBodyClass() {
+    const bodyClassList = document.body.classList;
+    if (!bodyClassList.contains('govuk-frontend-supported')) {
+        bodyClassList.add('govuk-frontend-supported');
+    }
+    if (!bodyClassList.contains('js-enabled')) {
+        bodyClassList.add('js-enabled');
+    }
+}
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { addGdsBodyClass };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-helpers.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-helpers.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hmcts-opal-frontend-common-components-govuk-helpers.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/helpers/add-gds-body-class.ts","../../../projects/opal-frontend-common/components/govuk/helpers/hmcts-opal-frontend-common-components-govuk-helpers.ts"],"sourcesContent":["/**\n * Adds necessary CSS classes to the document body for GDS (Government Digital Service) support.\n */\nexport function addGdsBodyClass() {\n const bodyClassList = document.body.classList;\n\n if (!bodyClassList.contains('govuk-frontend-supported')) {\n bodyClassList.add('govuk-frontend-supported');\n }\n\n if (!bodyClassList.contains('js-enabled')) {\n bodyClassList.add('js-enabled');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;SACa,eAAe,GAAA;AAC7B,IAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS;IAE7C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;AACvD,QAAA,aAAa,CAAC,GAAG,CAAC,0BAA0B,CAAC;;IAG/C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;AACzC,QAAA,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC;;AAEnC;;ACbA;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-badge.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class MojBadgeComponent {
     badgeId;
     badgeClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojBadgeComponent, isStandalone: true, selector: "opal-lib-moj-badge", inputs: { badgeId: "badgeId", badgeClasses: "badgeClasses" }, ngImport: i0, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MojBadgeComponent, isStandalone: true, selector: "opal-lib-moj-badge", inputs: { badgeId: "badgeId", badgeClasses: "badgeClasses" }, ngImport: i0, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-badge', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n" }]
         }], propDecorators: { badgeId: [{

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

@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class MojBannerComponent {
     text;
     type = 'success';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: MojBannerComponent, isStandalone: true, selector: "opal-lib-moj-banner", inputs: { text: "text", type: "type" }, ngImport: i0, template: "<section class=\"moj-banner moj-banner--{{ type }}\">\n  <svg\n    class=\"moj-banner__icon\"\n    fill=\"currentColor\"\n    role=\"presentation\"\n    focusable=\"false\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 25 25\"\n    height=\"25\"\n    width=\"25\"\n  >\n    @if (type === 'success') {\n      <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\" />\n    }\n    @if (type === 'warning') {\n      <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n    }\n    @if (type === 'information') {\n      <path\n        d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n\tC13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"\n      />\n    }\n  </svg>\n  <div id=\"{{ type }}-message\" class=\"moj-banner__message\" role=\"alert\">{{ text }}</div>\n</section>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: MojBannerComponent, isStandalone: true, selector: "opal-lib-moj-banner", inputs: { text: "text", type: "type" }, ngImport: i0, template: "<section class=\"moj-banner moj-banner--{{ type }}\">\n  <svg\n    class=\"moj-banner__icon\"\n    fill=\"currentColor\"\n    role=\"presentation\"\n    focusable=\"false\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 25 25\"\n    height=\"25\"\n    width=\"25\"\n  >\n    @if (type === 'success') {\n      <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\" />\n    }\n    @if (type === 'warning') {\n      <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n    }\n    @if (type === 'information') {\n      <path\n        d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n\tC13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"\n      />\n    }\n  </svg>\n  <div id=\"{{ type }}-message\" class=\"moj-banner__message\" role=\"alert\">{{ text }}</div>\n</section>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"moj-banner moj-banner--{{ type }}\">\n  <svg\n    class=\"moj-banner__icon\"\n    fill=\"currentColor\"\n    role=\"presentation\"\n    focusable=\"false\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 25 25\"\n    height=\"25\"\n    width=\"25\"\n  >\n    @if (type === 'success') {\n      <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\" />\n    }\n    @if (type === 'warning') {\n      <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n    }\n    @if (type === 'information') {\n      <path\n        d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n\tC13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"\n      />\n    }\n  </svg>\n  <div id=\"{{ type }}-message\" class=\"moj-banner__message\" role=\"alert\">{{ text }}</div>\n</section>\n" }]
         }], propDecorators: { text: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ class MojButtonMenuItemComponent {
         event.preventDefault();
         this.actionClick.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  href=\"\"\n  role=\"menuitem\"\n  draggable=\"false\"\n  class=\"moj-button-menu__item\"\n  data-module=\"govuk-button\"\n  data-secondary=\"true\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  href=\"\"\n  role=\"menuitem\"\n  draggable=\"false\"\n  class=\"moj-button-menu__item\"\n  data-module=\"govuk-button\"\n  data-secondary=\"true\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-button-menu-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"\"\n  role=\"menuitem\"\n  draggable=\"false\"\n  class=\"moj-button-menu__item\"\n  data-module=\"govuk-button\"\n  data-secondary=\"true\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content select=\"[linkText]\"></ng-content>\n</a>\n" }]
         }], propDecorators: { actionClick: [{
@@ -27,10 +27,10 @@ class MojButtonMenuComponent {
         const isExpanded = button.getAttribute('aria-expanded') === 'true';
         button.setAttribute('aria-expanded', String(!isExpanded));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle" }, ngImport: i0, template: "<div class=\"moj-button-menu\">\n  <button\n    class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary moj-button-menu__toggle-button--secondary\"\n    type=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    (click)=\"toggleButtonMenu()\"\n  >\n    {{ menuButtonTitle }}\n  </button>\n  <div class=\"moj-button-menu__wrapper\" role=\"menu\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle" }, ngImport: i0, template: "<div class=\"moj-button-menu\">\n  <button\n    class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary moj-button-menu__toggle-button--secondary\"\n    type=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    (click)=\"toggleButtonMenu()\"\n  >\n    {{ menuButtonTitle }}\n  </button>\n  <div class=\"moj-button-menu__wrapper\" role=\"menu\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-button-menu', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-button-menu\">\n  <button\n    class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary moj-button-menu__toggle-button--secondary\"\n    type=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    (click)=\"toggleButtonMenu()\"\n  >\n    {{ menuButtonTitle }}\n  </button>\n  <div class=\"moj-button-menu__wrapper\" role=\"menu\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { menuButtonTitle: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs CHANGED Viewed

@@ -4,6 +4,7 @@ import { inject, EventEmitter, afterNextRender, Input, Output, ChangeDetectionSt
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { DateService } from '@hmcts/opal-frontend-common/services/date-service';
+import { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';
 class MojDatePickerComponent {
     _control;
@@ -60,16 +61,17 @@ class MojDatePickerComponent {
      */
     configureDatePicker() {
         import('@ministryofjustice/frontend/moj/all').then((datePicker) => {
+            addGdsBodyClass();
             datePicker.initAll();
         });
     }
     ngOnInit() {
         this.concatenateDisabledDates();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: MojDatePickerComponent, isStandalone: true, selector: "opal-lib-moj-date-picker", inputs: { labelText: "labelText", labelClasses: "labelClasses", hintText: "hintText", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", minDate: "minDate", maxDate: "maxDate", disabledDates: "disabledDates", disabledDays: "disabledDays", errors: "errors", control: "control" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: MojDatePickerComponent, isStandalone: true, selector: "opal-lib-moj-date-picker", inputs: { labelText: "labelText", labelClasses: "labelClasses", hintText: "hintText", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", minDate: "minDate", maxDate: "maxDate", disabledDates: "disabledDates", disabledDays: "disabledDays", errors: "errors", control: "control" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MojDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-date-picker', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.ts","../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.html","../../../projects/opal-frontend-common/components/moj/moj-date-picker/hmcts-opal-frontend-common-components-moj-moj-date-picker.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n afterNextRender,\n inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\n\n@Component({\n selector: 'opal-lib-moj-date-picker',\n imports: [CommonModule, ReactiveFormsModule],\n templateUrl: './moj-date-picker.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n private _control!: FormControl;\n public disabledDatesConcatenated!: string;\n\n private readonly dateService = inject(DateService);\n\n @Input({ required: true }) labelText!: string;\n @Input({ required: false }) labelClasses!: string;\n @Input({ required: false }) hintText!: string;\n @Input({ required: true }) inputId!: string;\n @Input({ required: true }) inputName!: string;\n @Input({ required: false }) inputClasses!: string;\n @Input({ required: false }) minDate!: string;\n @Input({ required: false }) maxDate!: string;\n @Input({ required: false }) disabledDates!: string[];\n @Input({ required: false }) disabledDays!: string;\n @Input({ required: false }) errors: string \| null = null;\n @Output() dateChange = new EventEmitter<string>();\n\n @Input({ required: true }) set control(abstractControl: AbstractControl) {\n // Form controls are passed in as abstract controls, we need to re-cast it.\n this._control = abstractControl as FormControl;\n }\n\n get getControl() {\n return this._control;\n }\n\n constructor() {\n afterNextRender(() => {\n // Only trigger the render of the component in the browser\n this.configureDatePicker();\n });\n }\n\n /*\n Retrieves the disabled dates and concatenates them into a single string.\n /\n private concatenateDisabledDates(): void {\n this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n }\n\n /\n Sets the date value and emits the updated value through the `dateChange` event.\n \n @param value - The new date value to set.\n /\n protected setDateValue(value: string) {\n const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n if (parsedDate.isValid) {\n const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n this.dateChange.emit(formattedDate);\n } else {\n this.dateChange.emit(value);\n }\n }\n\n /\n Configures the date picker functionality using the moj library.\n /\n public configureDatePicker(): void {\n import('@ministryofjustice/frontend/moj/all').then((datePicker) => {\n datePicker.initAll();\n });\n }\n\n public ngOnInit(): void {\n this.concatenateDisabledDates();\n }\n}\n","<div\n class=\"moj-datepicker\"\n data-module=\"moj-date-picker\"\n [attr.data-min-date]=\"minDate\"\n [attr.data-max-date]=\"maxDate\"\n [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n [attr.data-excluded-days]=\"disabledDays\"\n>\n <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n @if (hintText) {\n <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n aria-describedby=\"date-hint\"\n autocomplete=\"off\"\n [formControl]=\"getControl\"\n (change)=\"setDateValue($any($event).target.value)\"\n />\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;;;MAoBa~~,sBAAsB,CAAA;AACzB,IAAA,QAAQ;AACT,IAAA,yBAAyB;AAEf,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAEvB,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,QAAQ;AACT,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,OAAO;AACP,IAAA,OAAO;AACP,IAAA,aAAa;AACb,IAAA,YAAY;IACZ,MAAM,GAAkB,IAAI;AAC9C,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAEjD,IAA+B,OAAO,CAAC,eAAgC,EAAA;;AAErE,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;;AAGhD,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;;AAGtB,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,SAAC,CAAC;;AAGJ;;AAEG;IACK,wBAAwB,GAAA;QAC9B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;;AAGzF;;;;AAIG;AACO,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC;AACpE,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;aAC9B;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAI/B;;AAEG;IACI,mBAAmB,GAAA;QACxB,OAAO,qCAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,KAAI;~~YAChE~~,UAAU,CAAC,OAAO,EAAE;AACtB,SAAC,CAAC;;IAGG,QAAQ,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE;;~~uGAnEtB~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,~~ECpBnC~~,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4iCAiCA,~~EDjBY~~,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIhC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACE,0BAA0B,EAAA,OAAA,EAC3B,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4iCAAA,EAAA;wDAQpB,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACC,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,OAAO,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,OAAO,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,MAAM,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAChB,UAAU,EAAA,CAAA;sBAAnB;gBAE8B,OAAO,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;~~AEvC3B~~;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.ts","../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.html","../../../projects/opal-frontend-common/components/moj/moj-date-picker/hmcts-opal-frontend-common-components-moj-moj-date-picker.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n afterNextRender,\n inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\nimport { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';\n\n@Component({\n selector: 'opal-lib-moj-date-picker',\n imports: [CommonModule, ReactiveFormsModule],\n templateUrl: './moj-date-picker.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n private _control!: FormControl;\n public disabledDatesConcatenated!: string;\n\n private readonly dateService = inject(DateService);\n\n @Input({ required: true }) labelText!: string;\n @Input({ required: false }) labelClasses!: string;\n @Input({ required: false }) hintText!: string;\n @Input({ required: true }) inputId!: string;\n @Input({ required: true }) inputName!: string;\n @Input({ required: false }) inputClasses!: string;\n @Input({ required: false }) minDate!: string;\n @Input({ required: false }) maxDate!: string;\n @Input({ required: false }) disabledDates!: string[];\n @Input({ required: false }) disabledDays!: string;\n @Input({ required: false }) errors: string \| null = null;\n @Output() dateChange = new EventEmitter<string>();\n\n @Input({ required: true }) set control(abstractControl: AbstractControl) {\n // Form controls are passed in as abstract controls, we need to re-cast it.\n this._control = abstractControl as FormControl;\n }\n\n get getControl() {\n return this._control;\n }\n\n constructor() {\n afterNextRender(() => {\n // Only trigger the render of the component in the browser\n this.configureDatePicker();\n });\n }\n\n /*\n Retrieves the disabled dates and concatenates them into a single string.\n /\n private concatenateDisabledDates(): void {\n this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n }\n\n /\n Sets the date value and emits the updated value through the `dateChange` event.\n \n @param value - The new date value to set.\n /\n protected setDateValue(value: string) {\n const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n if (parsedDate.isValid) {\n const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n this.dateChange.emit(formattedDate);\n } else {\n this.dateChange.emit(value);\n }\n }\n\n /\n Configures the date picker functionality using the moj library.\n /\n public configureDatePicker(): void {\n import('@ministryofjustice/frontend/moj/all').then((datePicker) => {\n addGdsBodyClass();\n datePicker.initAll();\n });\n }\n\n public ngOnInit(): void {\n this.concatenateDisabledDates();\n }\n}\n","<div\n class=\"moj-datepicker\"\n data-module=\"moj-date-picker\"\n [attr.data-min-date]=\"minDate\"\n [attr.data-max-date]=\"maxDate\"\n [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n [attr.data-excluded-days]=\"disabledDays\"\n>\n <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n @if (hintText) {\n <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n aria-describedby=\"date-hint\"\n autocomplete=\"off\"\n [formControl]=\"getControl\"\n (change)=\"setDateValue($any($event).target.value)\"\n />\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAqBa,sBAAsB,CAAA;AACzB,IAAA,QAAQ;AACT,IAAA,yBAAyB;AAEf,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAEvB,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,QAAQ;AACT,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,OAAO;AACP,IAAA,OAAO;AACP,IAAA,aAAa;AACb,IAAA,YAAY;IACZ,MAAM,GAAkB,IAAI;AAC9C,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAEjD,IAA+B,OAAO,CAAC,eAAgC,EAAA;;AAErE,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;;AAGhD,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;;AAGtB,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,SAAC,CAAC;;AAGJ;;AAEG;IACK,wBAAwB,GAAA;QAC9B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;;AAGzF;;;;AAIG;AACO,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC;AACpE,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;aAC9B;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAI/B;;AAEG;IACI,mBAAmB,GAAA;QACxB,OAAO,qCAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,KAAI;AAChE,YAAA,eAAe,EAAE;YACjB,UAAU,CAAC,OAAO,EAAE;AACtB,SAAC,CAAC;;IAGG,QAAQ,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE;;uGApEtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECrBnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4iCAiCA,EDhBY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIhC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACE,0BAA0B,EAAA,OAAA,EAC3B,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4iCAAA,EAAA;wDAQpB,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACC,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,OAAO,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,OAAO,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,MAAM,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAChB,UAAU,EAAA,CAAA;sBAAnB;gBAE8B,OAAO,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AExC3B;;AAEG;;;;"}