npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.63 → 0.0.65 - Mend

@hmcts/opal-frontend-common 0.0.63 → 0.0.65

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 (146) hide show

package/fesm2022/hmcts-opal-frontend-common-components-hod-hod-loading-spinner.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ class HodLoadingSpinnerComponent {
     statusText = 'Loading...';
     hostClasses = 'hods-loading-spinner';
     role = 'status';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: HodLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: HodLoadingSpinnerComponent, isStandalone: true, selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", inputs: { spinnerId: "spinnerId", statusText: "statusText" }, host: { properties: { "class": "this.hostClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HodLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: HodLoadingSpinnerComponent, isStandalone: true, selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", inputs: { spinnerId: "spinnerId", statusText: "statusText" }, host: { properties: { "class": "this.hostClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: HodLoadingSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HodLoadingSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { spinnerId: [{

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

@@ -17,10 +17,10 @@ class MojAlertDismissComponent {
         }
         this.dismiss.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertDismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertDismissComponent, isStandalone: true, selector: "opal-lib-moj-alert-dismiss", outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertDismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertDismissComponent, isStandalone: true, selector: "opal-lib-moj-alert-dismiss", outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertDismissComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertDismissComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-dismiss', imports: [], template: "<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n" }]
         }], propDecorators: { hostClass: [{
@@ -54,10 +54,10 @@ class MojAlertComponent {
         this.isVisible = false;
         this.dismissed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MojAlertComponent, isStandalone: true, selector: "opal-lib-moj-alert, [opal-lib-moj-alert]", inputs: { ariaLabel: "ariaLabel", type: "type", showDismiss: "showDismiss" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.hostClass", "attr.aria-label": "this.computedAriaLabel", "attr.data-module": "this.dataModule" } }, ngImport: i0, template: "@if (isVisible) {\n  <ng-content select=\"[icon]\"></ng-content>\n  <ng-content select=\"[content]\"></ng-content>\n\n  @if (showDismiss) {\n    <opal-lib-moj-alert-dismiss (dismiss)=\"dismiss()\"></opal-lib-moj-alert-dismiss>\n  }\n}\n", dependencies: [{ kind: "component", type: MojAlertDismissComponent, selector: "opal-lib-moj-alert-dismiss", outputs: ["dismiss"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MojAlertComponent, isStandalone: true, selector: "opal-lib-moj-alert, [opal-lib-moj-alert]", inputs: { ariaLabel: "ariaLabel", type: "type", showDismiss: "showDismiss" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.hostClass", "attr.aria-label": "this.computedAriaLabel", "attr.data-module": "this.dataModule" } }, ngImport: i0, template: "@if (isVisible) {\n  <ng-content select=\"[icon]\"></ng-content>\n  <ng-content select=\"[content]\"></ng-content>\n\n  @if (showDismiss) {\n    <opal-lib-moj-alert-dismiss (dismiss)=\"dismiss()\"></opal-lib-moj-alert-dismiss>\n  }\n}\n", dependencies: [{ kind: "component", type: MojAlertDismissComponent, selector: "opal-lib-moj-alert-dismiss", outputs: ["dismiss"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert, [opal-lib-moj-alert]', imports: [MojAlertDismissComponent], template: "@if (isVisible) {\n  <ng-content select=\"[icon]\"></ng-content>\n  <ng-content select=\"[content]\"></ng-content>\n\n  @if (showDismiss) {\n    <opal-lib-moj-alert-dismiss (dismiss)=\"dismiss()\"></opal-lib-moj-alert-dismiss>\n  }\n}\n" }]
         }], propDecorators: { ariaLabel: [{
@@ -141,10 +141,10 @@ class MojAlertPathDirective {
             svg.appendChild(path);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertPathDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertPathDirective, isStandalone: true, selector: "[opalLibMojAlertSortIcon]", inputs: { type: ["opalLibMojAlertSortIcon", "type"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertPathDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertPathDirective, isStandalone: true, selector: "[opalLibMojAlertSortIcon]", inputs: { type: ["opalLibMojAlertSortIcon", "type"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertPathDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertPathDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibMojAlertSortIcon]',
@@ -157,10 +157,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class MojAlertIconComponent {
     type = 'information';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertIconComponent, isStandalone: true, selector: "opal-lib-moj-alert-icon", inputs: { type: "type" }, ngImport: i0, template: "<svg\n  [opalLibMojAlertSortIcon]=\"type\"\n  class=\"moj-alert__icon\"\n  role=\"presentation\"\n  focusable=\"false\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 30 30\"\n  height=\"30\"\n  width=\"30\"\n  fill=\"currentColor\"\n></svg>\n", dependencies: [{ kind: "directive", type: MojAlertPathDirective, selector: "[opalLibMojAlertSortIcon]", inputs: ["opalLibMojAlertSortIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertIconComponent, isStandalone: true, selector: "opal-lib-moj-alert-icon", inputs: { type: "type" }, ngImport: i0, template: "<svg\n  [opalLibMojAlertSortIcon]=\"type\"\n  class=\"moj-alert__icon\"\n  role=\"presentation\"\n  focusable=\"false\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 30 30\"\n  height=\"30\"\n  width=\"30\"\n  fill=\"currentColor\"\n></svg>\n", dependencies: [{ kind: "directive", type: MojAlertPathDirective, selector: "[opalLibMojAlertSortIcon]", inputs: ["opalLibMojAlertSortIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-icon', imports: [MojAlertPathDirective], template: "<svg\n  [opalLibMojAlertSortIcon]=\"type\"\n  class=\"moj-alert__icon\"\n  role=\"presentation\"\n  focusable=\"false\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 30 30\"\n  height=\"30\"\n  width=\"30\"\n  fill=\"currentColor\"\n></svg>\n" }]
         }], propDecorators: { type: [{
@@ -170,10 +170,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class MojAlertHeadingComponent {
     hostClass = 'moj-alert__heading';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertHeadingComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-heading", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertHeadingComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-heading", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-content-heading', imports: [], template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -183,10 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class MojAlertContentComponent {
     hostClass = 'moj-alert__content';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertContentComponent, isStandalone: true, selector: "opal-lib-moj-alert-content", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertContentComponent, isStandalone: true, selector: "opal-lib-moj-alert-content", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-content', imports: [], template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -195,10 +195,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 class MojAlertTextComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojAlertTextComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-text", ngImport: i0, template: "<ng-content></ng-content>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojAlertTextComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-text", ngImport: i0, template: "<ng-content></ng-content>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojAlertTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojAlertTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-content-text', imports: [], template: "<ng-content></ng-content>\n" }]
         }] });

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: "21.1.5", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", 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: "21.2.1", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", 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: "21.1.5", ngImport: i0, type: MojBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", 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-button-menu-moj-button-menu-item.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ class MojButtonMenuItemComponent {
         event.preventDefault();
         this.actionClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", inputs: { itemText: "itemText" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", inputs: { itemText: "itemText" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-button-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n  <a\n    href=\"#\"\n    role=\"link\"\n    draggable=\"false\"\n    class=\"moj-button-menu__item\"\n    data-module=\"govuk-button\"\n    data-secondary=\"true\"\n    data-govuk-button-init=\"\"\n    tabindex=\"-1\"\n    (click)=\"handleClick($event)\"\n  >\n    {{ itemText }}\n  </a>\n</li>\n" }]
         }], propDecorators: { itemText: [{

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

@@ -25,10 +25,10 @@ class MojButtonMenuComponent {
     toggleButtonMenu() {
         this.isExpanded = !this.isExpanded;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle", menuId: "menuId" }, host: { properties: { "class": "this.hostClasses", "attr.data-module": "this.dataModule", "attr.data-button-text": "this.dataButtonText", "attr.data-button-classes": "this.dataButtonClasses", "attr.data-moj-button-menu-init": "this.dataMojButtonMenuInit" } }, ngImport: i0, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle", menuId: "menuId" }, host: { properties: { "class": "this.hostClasses", "attr.data-module": "this.dataModule", "attr.data-button-text": "this.dataButtonText", "attr.data-button-classes": "this.dataButtonClasses", "attr.data-moj-button-menu-init": "this.dataMojButtonMenuInit" } }, ngImport: i0, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-button-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  [attr.aria-controls]=\"menuId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"toggleButtonMenu()\"\n>\n  <span>\n    {{ menuButtonTitle }}\n    <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n    </svg>\n  </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }], propDecorators: { menuButtonTitle: [{

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

@@ -50,6 +50,15 @@ class MojDatePickerComponent {
     concatenateDisabledDates() {
         this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';
     }
+    /**
+     * Dynamically imports the Ministry of Justice frontend date picker module.
+     *
+     * @returns A promise that resolves to the imported module containing all MOJ components.
+     * @private
+     */
+    loadDatePickerModule() {
+        return import('@ministryofjustice/frontend/moj/all.mjs');
+    }
     /**
      * Sets the date value and emits the updated value through the `dateChange` event.
      *
@@ -69,7 +78,7 @@ class MojDatePickerComponent {
      * Configures the date picker functionality using the moj library.
      */
     configureDatePicker() {
-        import('@ministryofjustice/frontend/moj/all.mjs').then((datePicker) => {
+        this.loadDatePickerModule().then((datePicker) => {
             addGdsBodyClass();
             datePicker.initAll();
         });
@@ -77,10 +86,10 @@ class MojDatePickerComponent {
     ngOnInit() {
         this.concatenateDisabledDates();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", 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]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ 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 moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"describedBy\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", 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]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ 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 moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"describedBy\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-date-picker', imports: [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]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ 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 moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"describedBy\"\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 {\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: [ReactiveFormsModule],\n templateUrl: './moj-date-picker.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n private readonly dateService = inject(DateService);\n private _control!: FormControl;\n\n public disabledDatesConcatenated!: string;\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 get describedBy(): string \| null {\n const ids: string[] = [];\n\n if (this.hintText) {\n ids.push(`${this.inputId}-hint`);\n }\n\n if (this.errors) {\n ids.push(`${this.inputId}-error-message`);\n }\n\n return ids.length ? ids.join(' ') : null;\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.mjs'~~).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]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ 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 moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [attr.aria-describedby]=\"describedBy\"\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;AAChB,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAC1C,IAAA,QAAQ;AAET,IAAA,yBAAyB;AAEL,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;IAChD;AAEA,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;IACtB;AAEA,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,GAAG,GAAa,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,KAAA,CAAO,CAAC;QAClC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,cAAA,CAAgB,CAAC;QAC3C;AAEA,QAAA,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;IAC1C;AAEA,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACK,wBAAwB,GAAA;QAC9B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;IACzF;AAEA;;;;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;QACrC;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;AAEA;;AAEG;IACI,mBAAmB,GAAA;QACxB,~~OAAO~~,~~yCAAyC,~~CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,KAAI;~~AACpE~~,YAAA,eAAe,EAAE;YACjB,UAAU,CAAC,OAAO,EAAE;AACtB,QAAA,CAAC,CAAC;IACJ;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE;IACjC;~~uGAnFW~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,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,ECpBnC,kkCAiCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjBY,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;;2FAIlB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,mBAAmB,CAAC,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kkCAAA,EAAA;;sBAQ9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;sBAEA,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 {\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: [ReactiveFormsModule],\n templateUrl: './moj-date-picker.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n private readonly dateService = inject(DateService);\n private _control!: FormControl;\n\n public disabledDatesConcatenated!: string;\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 get describedBy(): string \| null {\n const ids: string[] = [];\n\n if (this.hintText) {\n ids.push(`${this.inputId}-hint`);\n }\n\n if (this.errors) {\n ids.push(`${this.inputId}-error-message`);\n }\n\n return ids.length ? ids.join(' ') : null;\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 Dynamically imports the Ministry of Justice frontend date picker module.\n \n @returns A promise that resolves to the imported module containing all MOJ components.\n * @private\n /\n private loadDatePickerModule(): Promise<typeof import('@ministryofjustice/frontend/moj/all.mjs')> {\n return import('@ministryofjustice/frontend/moj/all.mjs');\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 this.loadDatePickerModule().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]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ 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 moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [attr.aria-describedby]=\"describedBy\"\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":"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"}

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class MojFilterPanelHeaderComponent {
     title = 'Filter';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterPanelHeaderComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-header", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"moj-filter__header\">\n  <div class=\"moj-filter__header-title\">\n    <h2 class=\"govuk-heading-m\">{{ title }}</h2>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterPanelHeaderComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-header", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"moj-filter__header\">\n  <div class=\"moj-filter__header-title\">\n    <h2 class=\"govuk-heading-m\">{{ title }}</h2>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-filter__header\">\n  <div class=\"moj-filter__header-title\">\n    <h2 class=\"govuk-heading-m\">{{ title }}</h2>\n  </div>\n</div>\n" }]
         }], propDecorators: { title: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ class MojFilterPanelOptionFormGroupItemComponent {
         const updatedItem = { ...item, selected: input.checked };
         this.changed.emit({ categoryName: this.options.categoryName, item: updatedItem });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MojFilterPanelOptionFormGroupItemComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]", inputs: { options: "options" }, outputs: { changed: "changed" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">{{ options.categoryName }}</legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    @for (item of options.options; track item.value + '-' + options.categoryName) {\n      <div class=\"govuk-checkboxes__item\">\n        <input\n          class=\"govuk-checkboxes__input\"\n          id=\"{{ item.value }}\"\n          name=\"{{ item.value }}\"\n          type=\"checkbox\"\n          [value]=\"item.value\"\n          [checked]=\"item.selected\"\n          (change)=\"onCheckboxChange($event, item)\"\n        />\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"{{ item.value }}\">\n          {{ item.count !== null && item.count !== undefined ? item.label + ' (' + item.count + ')' : item.label }}\n        </label>\n      </div>\n    }\n  </div>\n</fieldset>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MojFilterPanelOptionFormGroupItemComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]", inputs: { options: "options" }, outputs: { changed: "changed" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">{{ options.categoryName }}</legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    @for (item of options.options; track item.value + '-' + options.categoryName) {\n      <div class=\"govuk-checkboxes__item\">\n        <input\n          class=\"govuk-checkboxes__input\"\n          id=\"{{ item.value }}\"\n          name=\"{{ item.value }}\"\n          type=\"checkbox\"\n          [value]=\"item.value\"\n          [checked]=\"item.selected\"\n          (change)=\"onCheckboxChange($event, item)\"\n        />\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"{{ item.value }}\">\n          {{ item.count !== null && item.count !== undefined ? item.label + ' (' + item.count + ')' : item.label }}\n        </label>\n      </div>\n    }\n  </div>\n</fieldset>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">{{ options.categoryName }}</legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    @for (item of options.options; track item.value + '-' + options.categoryName) {\n      <div class=\"govuk-checkboxes__item\">\n        <input\n          class=\"govuk-checkboxes__input\"\n          id=\"{{ item.value }}\"\n          name=\"{{ item.value }}\"\n          type=\"checkbox\"\n          [value]=\"item.value\"\n          [checked]=\"item.selected\"\n          (change)=\"onCheckboxChange($event, item)\"\n        />\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"{{ item.value }}\">\n          {{ item.count !== null && item.count !== undefined ? item.label + ' (' + item.count + ')' : item.label }}\n        </label>\n      </div>\n    }\n  </div>\n</fieldset>\n" }]
         }], propDecorators: { hostClass: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs CHANGED Viewed

@@ -21,10 +21,10 @@ class MojFilterPanelOptionFormGroupKeywordComponent {
         }
         this.keywordChange.emit(keyword);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterPanelOptionFormGroupKeywordComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option-form-group-keyword", inputs: { inputId: "inputId", inputName: "inputName", labelValue: "labelValue" }, outputs: { keywordChange: "keywordChange" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterPanelOptionFormGroupKeywordComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option-form-group-keyword", inputs: { inputId: "inputId", inputName: "inputName", labelValue: "labelValue" }, outputs: { keywordChange: "keywordChange" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-option-form-group-keyword', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n" }]
         }], propDecorators: { inputId: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs CHANGED Viewed

@@ -13,10 +13,10 @@ class MojFilterPanelOptionComponent {
     onApplyFilters() {
         this.applyFilters.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterPanelOptionComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option", inputs: { buttonText: "buttonText" }, outputs: { applyFilters: "applyFilters" }, ngImport: i0, template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterPanelOptionComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option", inputs: { buttonText: "buttonText" }, outputs: { applyFilters: "applyFilters" }, ngImport: i0, template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n" }]
         }], propDecorators: { buttonText: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class MojFilterPanelSelectedTagComponent {
         }
         this.removeTagClicked.emit({ categoryName, optionValue });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelSelectedTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MojFilterPanelSelectedTagComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected-tag", inputs: { filterData: "filterData", ariaLabelPrefix: "ariaLabelPrefix" }, outputs: { removeTagClicked: "removeTagClicked" }, ngImport: i0, template: "@for (data of filterData; track data.categoryName) {\n  <h3 class=\"govuk-heading-s govuk-!-margin-bottom-0\">{{ data.categoryName }}</h3>\n  <ul class=\"moj-filter-tags\">\n    @for (tag of data.options; track tag.value) {\n      <li>\n        <a class=\"moj-filter__tag\" href=\"#\" (click)=\"removeTag(data.categoryName, tag.value, $event)\">\n          <span class=\"govuk-visually-hidden\">{{ ariaLabelPrefix }}</span> {{ tag.label }}\n        </a>\n      </li>\n    }\n  </ul>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelSelectedTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MojFilterPanelSelectedTagComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected-tag", inputs: { filterData: "filterData", ariaLabelPrefix: "ariaLabelPrefix" }, outputs: { removeTagClicked: "removeTagClicked" }, ngImport: i0, template: "@for (data of filterData; track data.categoryName) {\n  <h3 class=\"govuk-heading-s govuk-!-margin-bottom-0\">{{ data.categoryName }}</h3>\n  <ul class=\"moj-filter-tags\">\n    @for (tag of data.options; track tag.value) {\n      <li>\n        <a class=\"moj-filter__tag\" href=\"#\" (click)=\"removeTag(data.categoryName, tag.value, $event)\">\n          <span class=\"govuk-visually-hidden\">{{ ariaLabelPrefix }}</span> {{ tag.label }}\n        </a>\n      </li>\n    }\n  </ul>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelSelectedTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelSelectedTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-selected-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (data of filterData; track data.categoryName) {\n  <h3 class=\"govuk-heading-s govuk-!-margin-bottom-0\">{{ data.categoryName }}</h3>\n  <ul class=\"moj-filter-tags\">\n    @for (tag of data.options; track tag.value) {\n      <li>\n        <a class=\"moj-filter__tag\" href=\"#\" (click)=\"removeTag(data.categoryName, tag.value, $event)\">\n          <span class=\"govuk-visually-hidden\">{{ ariaLabelPrefix }}</span> {{ tag.label }}\n        </a>\n      </li>\n    }\n  </ul>\n}\n" }]
         }], propDecorators: { filterData: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.mjs CHANGED Viewed

@@ -19,10 +19,10 @@ class MojFilterPanelSelectedComponent {
         }
         this.clearFilters.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelSelectedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterPanelSelectedComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected", inputs: { headingLabel: "headingLabel", linkLabel: "linkLabel" }, outputs: { clearFilters: "clearFilters" }, ngImport: i0, template: "<div class=\"moj-filter__content\">\n  <div class=\"moj-filter__selected\">\n    <div class=\"moj-filter__selected-heading\">\n      <div class=\"moj-filter__heading-title\">\n        <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n      </div>\n      <div class=\"moj-filter__heading-action\">\n        <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n      </div>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".moj-filter__selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.moj-filter__heading-title,.moj-filter__heading-action{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelSelectedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterPanelSelectedComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected", inputs: { headingLabel: "headingLabel", linkLabel: "linkLabel" }, outputs: { clearFilters: "clearFilters" }, ngImport: i0, template: "<div class=\"moj-filter__content\">\n  <div class=\"moj-filter__selected\">\n    <div class=\"moj-filter__selected-heading\">\n      <div class=\"moj-filter__heading-title\">\n        <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n      </div>\n      <div class=\"moj-filter__heading-action\">\n        <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n      </div>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".moj-filter__selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.moj-filter__heading-title,.moj-filter__heading-action{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelSelectedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelSelectedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-selected', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-filter__content\">\n  <div class=\"moj-filter__selected\">\n    <div class=\"moj-filter__selected-heading\">\n      <div class=\"moj-filter__heading-title\">\n        <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n      </div>\n      <div class=\"moj-filter__heading-action\">\n        <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n      </div>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".moj-filter__selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.moj-filter__heading-title,.moj-filter__heading-action{margin:0}\n"] }]
         }], propDecorators: { headingLabel: [{

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 class MojFilterPanelComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterPanelComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel", ngImport: i0, template: "<div class=\"moj-filter\" data-module=\"moj-filter\">\n  <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterPanelComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel", ngImport: i0, template: "<div class=\"moj-filter\" data-module=\"moj-filter\">\n  <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-filter\" data-module=\"moj-filter\">\n  <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n" }]
         }] });

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

@@ -14,10 +14,10 @@ class MojFilterComponent {
     toggleFilter() {
         this.showFilter = !this.showFilter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MojFilterComponent, isStandalone: true, selector: "opal-lib-moj-filter", inputs: { showFilter: "showFilter", filterId: "filterId" }, ngImport: i0, template: "<div class=\"moj-filter-layout\">\n  <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n    <ng-content select=\"[mojFilterPanel]\"></ng-content>\n  </div>\n  <div class=\"moj-filter-layout__content\">\n    <button\n      type=\"button\"\n      class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n      [attr.aria-controls]=\"filterId\"\n      [attr.aria-expanded]=\"showFilter\"\n      (click)=\"toggleFilter()\"\n    >\n      {{ showFilter ? 'Hide filter' : 'Show filter' }}\n    </button>\n\n    <ng-content select=\"[mojFilterContent]\"></ng-content>\n  </div>\n</div>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: MojFilterComponent, isStandalone: true, selector: "opal-lib-moj-filter", inputs: { showFilter: "showFilter", filterId: "filterId" }, ngImport: i0, template: "<div class=\"moj-filter-layout\">\n  <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n    <ng-content select=\"[mojFilterPanel]\"></ng-content>\n  </div>\n  <div class=\"moj-filter-layout__content\">\n    <button\n      type=\"button\"\n      class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n      [attr.aria-controls]=\"filterId\"\n      [attr.aria-expanded]=\"showFilter\"\n      (click)=\"toggleFilter()\"\n    >\n      {{ showFilter ? 'Hide filter' : 'Show filter' }}\n    </button>\n\n    <ng-content select=\"[mojFilterContent]\"></ng-content>\n  </div>\n</div>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MojFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MojFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter', standalone: true, template: "<div class=\"moj-filter-layout\">\n  <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n    <ng-content select=\"[mojFilterPanel]\"></ng-content>\n  </div>\n  <div class=\"moj-filter-layout__content\">\n    <button\n      type=\"button\"\n      class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n      [attr.aria-controls]=\"filterId\"\n      [attr.aria-expanded]=\"showFilter\"\n      (click)=\"toggleFilter()\"\n    >\n      {{ showFilter ? 'Hide filter' : 'Show filter' }}\n    </button>\n\n    <ng-content select=\"[mojFilterContent]\"></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { showFilter: [{