npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.47 → 0.0.49 - Mend

@hmcts/opal-frontend-common 0.0.47 → 0.0.49

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

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

@@ -18,10 +18,10 @@ class MojAlertDismissComponent {
         }
         this.dismiss.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertDismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojAlertDismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojAlertDismissComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -55,10 +55,10 @@ class MojAlertComponent {
         this.isVisible = false;
         this.dismissed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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: "ngmodule", type: CommonModule }, { kind: "component", type: MojAlertDismissComponent, selector: "opal-lib-moj-alert-dismiss", outputs: ["dismiss"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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: "ngmodule", type: CommonModule }, { kind: "component", type: MojAlertDismissComponent, selector: "opal-lib-moj-alert-dismiss", outputs: ["dismiss"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert, [opal-lib-moj-alert]', imports: [CommonModule, 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: [{
@@ -142,10 +142,10 @@ class MojAlertPathDirective {
             svg.appendChild(path);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertPathDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: MojAlertPathDirective, isStandalone: true, selector: "[opalLibMojAlertSortIcon]", inputs: { type: ["opalLibMojAlertSortIcon", "type"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertPathDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: MojAlertPathDirective, isStandalone: true, selector: "[opalLibMojAlertSortIcon]", inputs: { type: ["opalLibMojAlertSortIcon", "type"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertPathDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertPathDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibMojAlertSortIcon]',
@@ -158,10 +158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class MojAlertIconComponent {
     type = 'information';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojAlertIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -171,10 +171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class MojAlertHeadingComponent {
     hostClass = 'moj-alert__heading';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojAlertHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojAlertHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-content-heading', imports: [], template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -184,10 +184,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class MojAlertContentComponent {
     hostClass = 'moj-alert__content';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojAlertContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojAlertContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojAlertContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-alert-content', imports: [], template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -196,10 +196,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 class MojAlertTextComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojAlertTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojAlertTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojAlertTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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-alert.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-alert.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-dismiss/moj-alert-dismiss.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-dismiss/moj-alert-dismiss.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-path-directive/constants/alert-icon-path.constant.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-path-directive/moj-alert-path.directive.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-icon.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-icon.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-heading/moj-alert-content-heading.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-heading/moj-alert-content-heading.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-text/moj-alert-content-text.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-text/moj-alert-content-text.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/hmcts-opal-frontend-common-components-moj-moj-alert.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-dismiss',\n imports: [],\n templateUrl: './moj-alert-dismiss.component.html',\n})\nexport class MojAlertDismissComponent {\n @HostBinding('class') hostClass = 'moj-alert__action';\n @Output() public dismiss = new EventEmitter<void>();\n\n /*\n Dismisses the alert.\n \n If an event is provided, its default behavior is prevented before emitting the dismiss event.\n \n @param event An optional DOM event that triggered the dismissal.\n /\n public dismissAlert(event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.dismiss.emit();\n }\n}\n","<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n","import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { MojAlertType } from './constants/alert-types.constant';\nimport { CommonModule } from '@angular/common';\nimport { MojAlertDismissComponent } from './moj-alert-dismiss/moj-alert-dismiss.component';\n\n@Component({\n selector: 'opal-lib-moj-alert, [opal-lib-moj-alert]',\n imports: [CommonModule, MojAlertDismissComponent],\n templateUrl: './moj-alert.component.html',\n})\nexport class MojAlertComponent {\n @Input({ required: true }) ariaLabel!: string;\n @Input({ required: true }) type: MojAlertType = 'information';\n @Input({ required: false }) showDismiss!: boolean;\n @Output() dismissed = new EventEmitter<void>();\n\n public isVisible: boolean = true;\n\n @HostBinding('class')\n get hostClass(): string {\n return this.isVisible ? `moj-alert moj-alert--${this.type}` : '';\n }\n @HostBinding('attr.aria-label')\n get computedAriaLabel(): string {\n return `${this.type} : ${this.ariaLabel}`;\n }\n @HostBinding('attr.data-module') dataModule = 'moj-alert';\n\n /\n Dismisses the alert component.\n \n This method emits the dismissed event to it's parent and\n * sets the component's visibility state to false,\n * effectively hiding the alert from view.\n /\n public dismiss(): void {\n this.isVisible = false;\n this.dismissed.emit();\n }\n}\n","@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","export const MOJ_ALERT_ICON_PATHS = {\n success:\n 'M11.2869 24.6726L2.00415 15.3899L4.62189 12.7722L11.2869 19.4186L25.3781 5.32739L27.9958 7.96369L11.2869 24.6726Z',\n warning:\n 'M15 2.44922L28.75 26.1992H1.25L15 2.44922ZM13.5107 9.49579H16.4697L16.2431 17.7678H13.7461L13.5107 9.49579ZM13.1299 21.82C13.1299 21.5661 13.1787 21.3285 13.2764 21.1071C13.374 20.8793 13.5075 20.6807 13.6768 20.5114C13.8525 20.3421 14.0544 20.2087 14.2822 20.111C14.5101 20.0134 14.7542 19.9645 15.0146 19.9645C15.2686 19.9645 15.5062 20.0134 15.7275 20.111C15.9554 20.2087 16.154 20.3421 16.3232 20.5114C16.4925 20.6807 16.626 20.8793 16.7236 21.1071C16.8213 21.3285 16.8701 21.5661 16.8701 21.82C16.8701 22.0804 16.8213 22.3246 16.7236 22.5524C16.626 22.7803 16.4925 22.9789 16.3232 23.1481C16.154 23.3174 15.9554 23.4509 15.7275 23.5485C15.5062 23.6462 15.2686 23.695 15.0146 23.695C14.7542 23.695 14.5101 23.6462 14.2822 23.5485C14.0544 23.4509 13.8525 23.3174 13.6768 23.1481C13.5075 22.9789 13.374 22.7803 13.2764 22.5524C13.1787 22.3246 13.1299 22.0804 13.1299 21.82Z',\n information:\n 'M10.2165 3.45151C11.733 2.82332 13.3585 2.5 15 2.5C16.6415 2.5 18.267 2.82332 19.7835 3.45151C21.3001 4.07969 22.6781 5.00043 23.8388 6.16117C24.9996 7.3219 25.9203 8.69989 26.5485 10.2165C27.1767 11.733 27.5 13.3585 27.5 15C27.5 18.3152 26.183 21.4946 23.8388 23.8388C21.4946 26.183 18.3152 27.5 15 27.5C13.3585 27.5 11.733 27.1767 10.2165 26.5485C8.69989 25.9203 7.3219 24.9996 6.16117 23.8388C3.81696 21.4946 2.5 18.3152 2.5 15C2.5 11.6848 3.81696 8.50537 6.16117 6.16117C7.3219 5.00043 8.69989 4.07969 10.2165 3.45151ZM16.3574 22.4121H13.6621V12.95H16.3574V22.4121ZM13.3789 9.20898C13.3789 8.98763 13.4212 8.7793 13.5059 8.58398C13.5905 8.38216 13.7044 8.20964 13.8477 8.06641C13.9974 7.91667 14.1699 7.79948 14.3652 7.71484C14.5605 7.63021 14.7721 7.58789 15 7.58789C15.2214 7.58789 15.4297 7.63021 15.625 7.71484C15.8268 7.79948 15.9993 7.91667 16.1426 8.06641C16.2923 8.20964 16.4095 8.38216 16.4941 8.58398C16.5788 8.7793 16.6211 8.98763 16.6211 9.20898C16.6211 9.43685 16.5788 9.64844 16.4941 9.84375C16.4095 10.0391 16.2923 10.2116 16.1426 10.3613C15.9993 10.5046 15.8268 10.6185 15.625 10.7031C15.4297 10.7878 15.2214 10.8301 15 10.8301C14.7721 10.8301 14.5605 10.7878 14.3652 10.7031C14.1699 10.6185 13.9974 10.5046 13.8477 10.3613C13.7044 10.2116 13.5905 10.0391 13.5059 9.84375C13.4212 9.64844 13.3789 9.43685 13.3789 9.20898Z',\n error:\n 'M20.1777 2.5H9.82233L2.5 9.82233V20.1777L9.82233 27.5H20.1777L27.5 20.1777V9.82233L20.1777 2.5ZM10.9155 8.87769L15.0001 12.9623L19.0847 8.87771L21.1224 10.9154L17.0378 15L21.1224 19.0846L19.0847 21.1222L15.0001 17.0376L10.9155 21.1223L8.87782 19.0846L12.9624 15L8.87783 10.9153L10.9155 8.87769Z',\n};\n","import { Directive, OnChanges, Input, ElementRef, Renderer2, inject } from '@angular/core';\nimport { MojAlertType } from '../../constants/alert-types.constant';\nimport { MOJ_ALERT_ICON_PATHS } from './constants/alert-icon-path.constant';\n@Directive({\n selector: '[opalLibMojAlertSortIcon]',\n standalone: true,\n})\nexport class MojAlertPathDirective implements OnChanges {\n private readonly icons = MOJ_ALERT_ICON_PATHS;\n private readonly el = inject(ElementRef<SVGSVGElement>);\n private readonly renderer = inject(Renderer2);\n\n @Input('opalLibMojAlertSortIcon') type: MojAlertType = 'information';\n\n /\n Retrieves the SVG path(s) corresponding to a given alert type.\n \n @param type - The alert type for which to get the icon path. Valid values include 'information', 'success', 'warning', and 'error'.\n * @returns An array containing the SVG path string for the specified alert type.\n \n If the provided type does not match any known alert types, the function defaults to returning the 'information' icon path.\n /\n private getPathsForType(type: MojAlertType): string[] {\n switch (type) {\n case 'information':\n return [this.icons.information];\n case 'success':\n return [this.icons.success];\n case 'warning':\n return [this.icons.warning];\n case 'error':\n return [this.icons.error];\n default:\n return [this.icons.information];\n }\n }\n\n /\n Angular lifecycle hook that is called when any data-bound property of a directive changes.\n \n This method updates the SVG element by setting its namespace and fill attributes,\n * removing all existing child nodes, and appending new <path> elements corresponding\n * to the alert type. Each new path element is created with the appropriate attributes,\n * ensuring that the SVG reflects the current alert type consistently.\n /\n public ngOnChanges(): void {\n const svg = this.el.nativeElement;\n this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n this.renderer.setAttribute(svg, 'fill', 'none');\n\n while (svg.firstChild) {\n svg.firstChild.remove();\n }\n\n const paths = this.getPathsForType(this.type);\n for (const pathD of paths) {\n const path = this.renderer.createElement('path', 'svg');\n this.renderer.setAttribute(path, 'd', pathD);\n this.renderer.setAttribute(path, 'fill', 'currentColor');\n this.renderer.setAttribute(path, 'fill-rule', 'evenodd');\n this.renderer.setAttribute(path, 'clip-rule', 'evenodd');\n\n svg.appendChild(path);\n }\n }\n}\n","import { Component, Input } from '@angular/core';\nimport { MojAlertPathDirective } from './moj-alert-path-directive/moj-alert-path.directive';\nimport { MojAlertType } from '../constants/alert-types.constant';\n@Component({\n selector: 'opal-lib-moj-alert-icon',\n imports: [MojAlertPathDirective],\n templateUrl: './moj-alert-icon.component.html',\n})\nexport class MojAlertIconComponent {\n @Input({ required: true }) type: MojAlertType = 'information';\n}\n","<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","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content-heading',\n imports: [],\n templateUrl: './moj-alert-content-heading.component.html',\n})\nexport class MojAlertHeadingComponent {\n @HostBinding('class') hostClass = 'moj-alert__heading';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content',\n imports: [],\n templateUrl: './moj-alert-content.component.html',\n})\nexport class MojAlertContentComponent {\n @HostBinding('class') hostClass = 'moj-alert__content';\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content-text',\n imports: [],\n templateUrl: './moj-alert-content-text.component.html',\n})\nexport class MojAlertTextComponent {}\n","<ng-content></ng-content>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-alert.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-dismiss/moj-alert-dismiss.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-dismiss/moj-alert-dismiss.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-path-directive/constants/alert-icon-path.constant.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-path-directive/moj-alert-path.directive.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-icon.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-icon/moj-alert-icon.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-heading/moj-alert-content-heading.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-heading/moj-alert-content-heading.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-text/moj-alert-content-text.component.ts","../../../projects/opal-frontend-common/components/moj/moj-alert/moj-alert-content/moj-alert-content-text/moj-alert-content-text.component.html","../../../projects/opal-frontend-common/components/moj/moj-alert/hmcts-opal-frontend-common-components-moj-moj-alert.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-dismiss',\n imports: [],\n templateUrl: './moj-alert-dismiss.component.html',\n})\nexport class MojAlertDismissComponent {\n @HostBinding('class') hostClass = 'moj-alert__action';\n @Output() public dismiss = new EventEmitter<void>();\n\n /*\n Dismisses the alert.\n \n If an event is provided, its default behavior is prevented before emitting the dismiss event.\n \n @param event An optional DOM event that triggered the dismissal.\n /\n public dismissAlert(event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.dismiss.emit();\n }\n}\n","<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n","import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { MojAlertType } from './constants/alert-types.constant';\nimport { CommonModule } from '@angular/common';\nimport { MojAlertDismissComponent } from './moj-alert-dismiss/moj-alert-dismiss.component';\n\n@Component({\n selector: 'opal-lib-moj-alert, [opal-lib-moj-alert]',\n imports: [CommonModule, MojAlertDismissComponent],\n templateUrl: './moj-alert.component.html',\n})\nexport class MojAlertComponent {\n @Input({ required: true }) ariaLabel!: string;\n @Input({ required: true }) type: MojAlertType = 'information';\n @Input({ required: false }) showDismiss!: boolean;\n @Output() dismissed = new EventEmitter<void>();\n\n public isVisible: boolean = true;\n\n @HostBinding('class')\n get hostClass(): string {\n return this.isVisible ? `moj-alert moj-alert--${this.type}` : '';\n }\n @HostBinding('attr.aria-label')\n get computedAriaLabel(): string {\n return `${this.type} : ${this.ariaLabel}`;\n }\n @HostBinding('attr.data-module') dataModule = 'moj-alert';\n\n /\n Dismisses the alert component.\n \n This method emits the dismissed event to it's parent and\n * sets the component's visibility state to false,\n * effectively hiding the alert from view.\n /\n public dismiss(): void {\n this.isVisible = false;\n this.dismissed.emit();\n }\n}\n","@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","export const MOJ_ALERT_ICON_PATHS = {\n success:\n 'M11.2869 24.6726L2.00415 15.3899L4.62189 12.7722L11.2869 19.4186L25.3781 5.32739L27.9958 7.96369L11.2869 24.6726Z',\n warning:\n 'M15 2.44922L28.75 26.1992H1.25L15 2.44922ZM13.5107 9.49579H16.4697L16.2431 17.7678H13.7461L13.5107 9.49579ZM13.1299 21.82C13.1299 21.5661 13.1787 21.3285 13.2764 21.1071C13.374 20.8793 13.5075 20.6807 13.6768 20.5114C13.8525 20.3421 14.0544 20.2087 14.2822 20.111C14.5101 20.0134 14.7542 19.9645 15.0146 19.9645C15.2686 19.9645 15.5062 20.0134 15.7275 20.111C15.9554 20.2087 16.154 20.3421 16.3232 20.5114C16.4925 20.6807 16.626 20.8793 16.7236 21.1071C16.8213 21.3285 16.8701 21.5661 16.8701 21.82C16.8701 22.0804 16.8213 22.3246 16.7236 22.5524C16.626 22.7803 16.4925 22.9789 16.3232 23.1481C16.154 23.3174 15.9554 23.4509 15.7275 23.5485C15.5062 23.6462 15.2686 23.695 15.0146 23.695C14.7542 23.695 14.5101 23.6462 14.2822 23.5485C14.0544 23.4509 13.8525 23.3174 13.6768 23.1481C13.5075 22.9789 13.374 22.7803 13.2764 22.5524C13.1787 22.3246 13.1299 22.0804 13.1299 21.82Z',\n information:\n 'M10.2165 3.45151C11.733 2.82332 13.3585 2.5 15 2.5C16.6415 2.5 18.267 2.82332 19.7835 3.45151C21.3001 4.07969 22.6781 5.00043 23.8388 6.16117C24.9996 7.3219 25.9203 8.69989 26.5485 10.2165C27.1767 11.733 27.5 13.3585 27.5 15C27.5 18.3152 26.183 21.4946 23.8388 23.8388C21.4946 26.183 18.3152 27.5 15 27.5C13.3585 27.5 11.733 27.1767 10.2165 26.5485C8.69989 25.9203 7.3219 24.9996 6.16117 23.8388C3.81696 21.4946 2.5 18.3152 2.5 15C2.5 11.6848 3.81696 8.50537 6.16117 6.16117C7.3219 5.00043 8.69989 4.07969 10.2165 3.45151ZM16.3574 22.4121H13.6621V12.95H16.3574V22.4121ZM13.3789 9.20898C13.3789 8.98763 13.4212 8.7793 13.5059 8.58398C13.5905 8.38216 13.7044 8.20964 13.8477 8.06641C13.9974 7.91667 14.1699 7.79948 14.3652 7.71484C14.5605 7.63021 14.7721 7.58789 15 7.58789C15.2214 7.58789 15.4297 7.63021 15.625 7.71484C15.8268 7.79948 15.9993 7.91667 16.1426 8.06641C16.2923 8.20964 16.4095 8.38216 16.4941 8.58398C16.5788 8.7793 16.6211 8.98763 16.6211 9.20898C16.6211 9.43685 16.5788 9.64844 16.4941 9.84375C16.4095 10.0391 16.2923 10.2116 16.1426 10.3613C15.9993 10.5046 15.8268 10.6185 15.625 10.7031C15.4297 10.7878 15.2214 10.8301 15 10.8301C14.7721 10.8301 14.5605 10.7878 14.3652 10.7031C14.1699 10.6185 13.9974 10.5046 13.8477 10.3613C13.7044 10.2116 13.5905 10.0391 13.5059 9.84375C13.4212 9.64844 13.3789 9.43685 13.3789 9.20898Z',\n error:\n 'M20.1777 2.5H9.82233L2.5 9.82233V20.1777L9.82233 27.5H20.1777L27.5 20.1777V9.82233L20.1777 2.5ZM10.9155 8.87769L15.0001 12.9623L19.0847 8.87771L21.1224 10.9154L17.0378 15L21.1224 19.0846L19.0847 21.1222L15.0001 17.0376L10.9155 21.1223L8.87782 19.0846L12.9624 15L8.87783 10.9153L10.9155 8.87769Z',\n};\n","import { Directive, OnChanges, Input, ElementRef, Renderer2, inject } from '@angular/core';\nimport { MojAlertType } from '../../constants/alert-types.constant';\nimport { MOJ_ALERT_ICON_PATHS } from './constants/alert-icon-path.constant';\n@Directive({\n selector: '[opalLibMojAlertSortIcon]',\n standalone: true,\n})\nexport class MojAlertPathDirective implements OnChanges {\n private readonly icons = MOJ_ALERT_ICON_PATHS;\n private readonly el = inject(ElementRef<SVGSVGElement>);\n private readonly renderer = inject(Renderer2);\n\n @Input('opalLibMojAlertSortIcon') type: MojAlertType = 'information';\n\n /\n Retrieves the SVG path(s) corresponding to a given alert type.\n \n @param type - The alert type for which to get the icon path. Valid values include 'information', 'success', 'warning', and 'error'.\n * @returns An array containing the SVG path string for the specified alert type.\n \n If the provided type does not match any known alert types, the function defaults to returning the 'information' icon path.\n /\n private getPathsForType(type: MojAlertType): string[] {\n switch (type) {\n case 'information':\n return [this.icons.information];\n case 'success':\n return [this.icons.success];\n case 'warning':\n return [this.icons.warning];\n case 'error':\n return [this.icons.error];\n default:\n return [this.icons.information];\n }\n }\n\n /\n Angular lifecycle hook that is called when any data-bound property of a directive changes.\n \n This method updates the SVG element by setting its namespace and fill attributes,\n * removing all existing child nodes, and appending new <path> elements corresponding\n * to the alert type. Each new path element is created with the appropriate attributes,\n * ensuring that the SVG reflects the current alert type consistently.\n /\n public ngOnChanges(): void {\n const svg = this.el.nativeElement;\n this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n this.renderer.setAttribute(svg, 'fill', 'none');\n\n while (svg.firstChild) {\n svg.firstChild.remove();\n }\n\n const paths = this.getPathsForType(this.type);\n for (const pathD of paths) {\n const path = this.renderer.createElement('path', 'svg');\n this.renderer.setAttribute(path, 'd', pathD);\n this.renderer.setAttribute(path, 'fill', 'currentColor');\n this.renderer.setAttribute(path, 'fill-rule', 'evenodd');\n this.renderer.setAttribute(path, 'clip-rule', 'evenodd');\n\n svg.appendChild(path);\n }\n }\n}\n","import { Component, Input } from '@angular/core';\nimport { MojAlertPathDirective } from './moj-alert-path-directive/moj-alert-path.directive';\nimport { MojAlertType } from '../constants/alert-types.constant';\n@Component({\n selector: 'opal-lib-moj-alert-icon',\n imports: [MojAlertPathDirective],\n templateUrl: './moj-alert-icon.component.html',\n})\nexport class MojAlertIconComponent {\n @Input({ required: true }) type: MojAlertType = 'information';\n}\n","<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","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content-heading',\n imports: [],\n templateUrl: './moj-alert-content-heading.component.html',\n})\nexport class MojAlertHeadingComponent {\n @HostBinding('class') hostClass = 'moj-alert__heading';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content',\n imports: [],\n templateUrl: './moj-alert-content.component.html',\n})\nexport class MojAlertContentComponent {\n @HostBinding('class') hostClass = 'moj-alert__content';\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-alert-content-text',\n imports: [],\n templateUrl: './moj-alert-content-text.component.html',\n})\nexport class MojAlertTextComponent {}\n","<ng-content></ng-content>\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-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: "20.3.9", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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-badge.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-badge.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-badge/moj.badge.component.ts","../../../projects/opal-frontend-common/components/moj/moj-badge/moj-badge.component.html","../../../projects/opal-frontend-common/components/moj/moj-badge/hmcts-opal-frontend-common-components-moj-moj-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-badge',\n imports: [],\n templateUrl: './moj-badge.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojBadgeComponent {\n @Input({ required: true }) badgeId!: string;\n @Input({ required: false }) badgeClasses!: string;\n}\n","<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,iBAAiB,CAAA;AACD,IAAA,OAAO;AACN,IAAA,YAAY;~~uGAF7B~~,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,iBAAiB,4ICR9B,mGACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDOa~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mGAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEV5B;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-badge.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-badge/moj.badge.component.ts","../../../projects/opal-frontend-common/components/moj/moj-badge/moj-badge.component.html","../../../projects/opal-frontend-common/components/moj/moj-badge/hmcts-opal-frontend-common-components-moj-moj-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-badge',\n imports: [],\n templateUrl: './moj-badge.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojBadgeComponent {\n @Input({ required: true }) badgeId!: string;\n @Input({ required: false }) badgeClasses!: string;\n}\n","<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,iBAAiB,CAAA;AACD,IAAA,OAAO;AACN,IAAA,YAAY;wGAF7B,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,4ICR9B,mGACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDOa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mGAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEV5B;;AAEG;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/moj-button-menu-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/moj-button-menu-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-button-menu-item',\n templateUrl: './moj-button-menu-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojButtonMenuItemComponent {\n @Input({ required: true }) itemText!: string;\n @Output() actionClick = new EventEmitter<void>();\n\n public handleClick(event: Event) {\n event.preventDefault();\n this.actionClick.emit();\n }\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,0BAA0B,CAAA;AACV,IAAA,QAAQ;AACzB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ;AAEzC,IAAA,WAAW,CAAC,KAAY,EAAA;QAC7B,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IACzB;~~uGAPW~~,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,0BAA0B,oKCPvC,iTAeA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDRa~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,+BAA+B,EAAA,eAAA,EAExB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iTAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;AETH;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/moj-button-menu-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/moj-button-menu-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu-item/hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-button-menu-item',\n templateUrl: './moj-button-menu-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojButtonMenuItemComponent {\n @Input({ required: true }) itemText!: string;\n @Output() actionClick = new EventEmitter<void>();\n\n public handleClick(event: Event) {\n event.preventDefault();\n this.actionClick.emit();\n }\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,0BAA0B,CAAA;AACV,IAAA,QAAQ;AACzB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ;AAEzC,IAAA,WAAW,CAAC,KAAY,EAAA;QAC7B,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IACzB;wGAPW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,oKCPvC,iTAeA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDRa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,+BAA+B,EAAA,eAAA,EAExB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iTAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;AETH;;AAEG;;;;"}

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

@@ -27,10 +27,10 @@ class MojButtonMenuComponent {
         button.setAttribute('aria-expanded', String(!isExpanded));
         this.isExpanded = !isExpanded;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle" }, 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" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], ngImport: i0, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  aria-expanded=\"false\"\n  (click)=\"toggleButtonMenu()\"\n  #menuButton\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@if (isExpanded) {\n  <ul role=\"list\" class=\"moj-button-menu__wrapper\">\n    <ng-content></ng-content>\n  </ul>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojButtonMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: MojButtonMenuComponent, isStandalone: true, selector: "opal-lib-moj-button-menu", inputs: { menuButtonTitle: "menuButtonTitle" }, 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" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], ngImport: i0, template: "<button\n  class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n  type=\"button\"\n  aria-haspopup=\"true\"\n  aria-expanded=\"false\"\n  (click)=\"toggleButtonMenu()\"\n  #menuButton\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@if (isExpanded) {\n  <ul role=\"list\" class=\"moj-button-menu__wrapper\">\n    <ng-content></ng-content>\n  </ul>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojButtonMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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  aria-expanded=\"false\"\n  (click)=\"toggleButtonMenu()\"\n  #menuButton\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@if (isExpanded) {\n  <ul role=\"list\" class=\"moj-button-menu__wrapper\">\n    <ng-content></ng-content>\n  </ul>\n}\n" }]
         }], propDecorators: { menuButtonTitle: [{

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu.component.ts","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu.component.html","../../../projects/opal-frontend-common/components/moj/moj-button-menu/hmcts-opal-frontend-common-components-moj-moj-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, HostBinding, ViewChild, ElementRef } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-button-menu',\n templateUrl: './moj-button-menu.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojButtonMenuComponent {\n @Input({ required: true }) menuButtonTitle!: string;\n @ViewChild('menuButton') menuButton!: ElementRef<HTMLElement>;\n\n @HostBinding('class') hostClasses = 'moj-button-menu';\n @HostBinding('attr.data-module') dataModule = 'moj-button-menu';\n @HostBinding('attr.data-button-text') get dataButtonText() {\n return this.menuButtonTitle;\n }\n @HostBinding('attr.data-button-classes') dataButtonClasses = 'govuk-button--secondary';\n @HostBinding('attr.data-moj-button-menu-init') dataMojButtonMenuInit = '';\n\n public isExpanded = false;\n\n /*\n Toggles the expanded state of the button menu.\n \n This method retrieves the current \"aria-expanded\" state from the menu button,\n * inverts the state, and then updates both the \"aria-expanded\" attribute and the\n * internal component property \"isExpanded\" accordingly.\n \n @returns void\n /\n public toggleButtonMenu(): void {\n const button = this.menuButton.nativeElement;\n const isExpanded = button.getAttribute('aria-expanded') === 'true';\n button.setAttribute('aria-expanded', String(!isExpanded));\n this.isExpanded = !isExpanded;\n }\n}\n","<button\n class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n type=\"button\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleButtonMenu()\"\n #menuButton\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@if (isExpanded) {\n <ul role=\"list\" class=\"moj-button-menu__wrapper\">\n <ng-content></ng-content>\n </ul>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB,CAAA;AACN,IAAA,eAAe;AACjB,IAAA,UAAU;IAEb,WAAW,GAAG,iBAAiB;IACpB,UAAU,GAAG,iBAAiB;AAC/D,IAAA,IAA0C,cAAc,GAAA;QACtD,OAAO,IAAI,CAAC,eAAe;IAC7B;IACyC,iBAAiB,GAAG,yBAAyB;IACvC,qBAAqB,GAAG,EAAE;IAElE,UAAU,GAAG,KAAK;AAEzB;;;;;;;;AAQG;IACI,gBAAgB,GAAA;AACrB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC5C,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;QAClE,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,UAAU;IAC/B;~~uGA5BW~~,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,kfCPnC,gkBAqBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDda~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gkBAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,SAAS;uBAAC,YAAY;;sBAEtB,WAAW;uBAAC,OAAO;;sBACnB,WAAW;uBAAC,kBAAkB;;sBAC9B,WAAW;uBAAC,uBAAuB;;sBAGnC,WAAW;uBAAC,0BAA0B;;sBACtC,WAAW;uBAAC,gCAAgC;;;AEjB/C;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu.component.ts","../../../projects/opal-frontend-common/components/moj/moj-button-menu/moj-button-menu.component.html","../../../projects/opal-frontend-common/components/moj/moj-button-menu/hmcts-opal-frontend-common-components-moj-moj-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, HostBinding, ViewChild, ElementRef } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-button-menu',\n templateUrl: './moj-button-menu.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojButtonMenuComponent {\n @Input({ required: true }) menuButtonTitle!: string;\n @ViewChild('menuButton') menuButton!: ElementRef<HTMLElement>;\n\n @HostBinding('class') hostClasses = 'moj-button-menu';\n @HostBinding('attr.data-module') dataModule = 'moj-button-menu';\n @HostBinding('attr.data-button-text') get dataButtonText() {\n return this.menuButtonTitle;\n }\n @HostBinding('attr.data-button-classes') dataButtonClasses = 'govuk-button--secondary';\n @HostBinding('attr.data-moj-button-menu-init') dataMojButtonMenuInit = '';\n\n public isExpanded = false;\n\n /*\n Toggles the expanded state of the button menu.\n \n This method retrieves the current \"aria-expanded\" state from the menu button,\n * inverts the state, and then updates both the \"aria-expanded\" attribute and the\n * internal component property \"isExpanded\" accordingly.\n \n @returns void\n /\n public toggleButtonMenu(): void {\n const button = this.menuButton.nativeElement;\n const isExpanded = button.getAttribute('aria-expanded') === 'true';\n button.setAttribute('aria-expanded', String(!isExpanded));\n this.isExpanded = !isExpanded;\n }\n}\n","<button\n class=\"govuk-button moj-button-menu__toggle-button govuk-button--secondary\"\n type=\"button\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleButtonMenu()\"\n #menuButton\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@if (isExpanded) {\n <ul role=\"list\" class=\"moj-button-menu__wrapper\">\n <ng-content></ng-content>\n </ul>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB,CAAA;AACN,IAAA,eAAe;AACjB,IAAA,UAAU;IAEb,WAAW,GAAG,iBAAiB;IACpB,UAAU,GAAG,iBAAiB;AAC/D,IAAA,IAA0C,cAAc,GAAA;QACtD,OAAO,IAAI,CAAC,eAAe;IAC7B;IACyC,iBAAiB,GAAG,yBAAyB;IACvC,qBAAqB,GAAG,EAAE;IAElE,UAAU,GAAG,KAAK;AAEzB;;;;;;;;AAQG;IACI,gBAAgB,GAAA;AACrB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC5C,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;QAClE,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,UAAU;IAC/B;wGA5BW,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,SAAA,EAAA,IAAA,EAAA,sBAAsB,kfCPnC,gkBAqBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDda,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gkBAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,SAAS;uBAAC,YAAY;;sBAEtB,WAAW;uBAAC,OAAO;;sBACnB,WAAW;uBAAC,kBAAkB;;sBAC9B,WAAW;uBAAC,uBAAuB;;sBAGnC,WAAW;uBAAC,0BAA0B;;sBACtC,WAAW;uBAAC,gCAAgC;;;AEjB/C;;AAEG;;;;"}

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

@@ -68,10 +68,10 @@ class MojDatePickerComponent {
     ngOnInit() {
         this.concatenateDisabledDates();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\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: "20.3.12", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\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: "20.3.9", ngImport: i0, type: MojDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\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';\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 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 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 [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\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;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,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,qCAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,KAAI;AAChE,YAAA,eAAe,EAAE;YACjB,UAAU,CAAC,OAAO,EAAE;AACtB,QAAA,CAAC,CAAC;IACJ;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE;IACjC;~~uGArEW~~,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,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,ECrBnC,6kCAiCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhBY,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,6kCAAA,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;;;AExC3B;;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 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 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 [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\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: "20.3.9", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojFilterPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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-header.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/moj-filter-panel-header.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/moj-filter-panel-header.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-header',\n templateUrl: './moj-filter-panel-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelHeaderComponent {\n @Input({ required: false }) title: string = 'Filter';\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6BAA6B,CAAA;IACZ,KAAK,GAAW,QAAQ;~~uGADzC~~,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,6BAA6B,wHCP1C,wJAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDEa~~,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wJAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AER5B;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/moj-filter-panel-header.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/moj-filter-panel-header.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-header/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-header',\n templateUrl: './moj-filter-panel-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelHeaderComponent {\n @Input({ required: false }) title: string = 'Filter';\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6BAA6B,CAAA;IACZ,KAAK,GAAW,QAAQ;wGADzC,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,wHCP1C,wJAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDEa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wJAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AER5B;;AAEG;;;;"}

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

@@ -21,10 +21,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: "20.3.9", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [CommonModule], 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-item.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/moj-filter-panel-option-form-group-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/moj-filter-panel-option-form-group-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, Output, EventEmitter, HostBinding, ChangeDetectionStrategy } from '@angular/core';\nimport { IAbstractTableFilterOption } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]',\n templateUrl: './moj-filter-panel-option-form-group-item.component.html',\n imports: [CommonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionFormGroupItemComponent {\n @HostBinding('class') hostClass = 'govuk-form-group';\n @Input() options!: {\n categoryName: string;\n options: IAbstractTableFilterOption[];\n };\n @Output() changed = new EventEmitter<{ categoryName: string; item: IAbstractTableFilterOption }>();\n\n /*\n Handles a change in the checkbox state.\n \n This method updates the selected property of the given filter option based on the\n * current state of the checkbox element derived from the event. It then emits the\n * changed filter option to notify listeners of the update.\n \n @param event - The event object triggered by the checkbox change.\n * @param item - The filter option item whose selected state needs to be updated.\n /\n public onCheckboxChange(event: Event, item: IAbstractTableFilterOption): void {\n const input = event.target as HTMLInputElement;\n const updatedItem = { ...item, selected: input.checked };\n this.changed.emit({ categoryName: this.options.categoryName, item: updatedItem });\n }\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAUa,0CAA0C,CAAA;IAC/B,SAAS,GAAG,kBAAkB;AAC3C,IAAA,OAAO;AAIN,IAAA,OAAO,GAAG,IAAI,YAAY,EAA8D;AAElG;;;;;;;;;AASG;IACI,gBAAgB,CAAC,KAAY,EAAE,IAAgC,EAAA;AACpE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,MAAM,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE;AACxD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;IACnF;~~uGAtBW~~,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;~~2FAA1C~~,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wGAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVvD,06BAqBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FAGX~~,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBANtD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wGAAwG,WAEzG,CAAC,YAAY,CAAC,EAAA,eAAA,EACN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,06BAAA,EAAA;;sBAG9C,WAAW;uBAAC,OAAO;;sBACnB;;sBAIA;;;AEhBH;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/moj-filter-panel-option-form-group-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/moj-filter-panel-option-form-group-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-item/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, Output, EventEmitter, HostBinding, ChangeDetectionStrategy } from '@angular/core';\nimport { IAbstractTableFilterOption } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]',\n templateUrl: './moj-filter-panel-option-form-group-item.component.html',\n imports: [CommonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionFormGroupItemComponent {\n @HostBinding('class') hostClass = 'govuk-form-group';\n @Input() options!: {\n categoryName: string;\n options: IAbstractTableFilterOption[];\n };\n @Output() changed = new EventEmitter<{ categoryName: string; item: IAbstractTableFilterOption }>();\n\n /*\n Handles a change in the checkbox state.\n \n This method updates the selected property of the given filter option based on the\n * current state of the checkbox element derived from the event. It then emits the\n * changed filter option to notify listeners of the update.\n \n @param event - The event object triggered by the checkbox change.\n * @param item - The filter option item whose selected state needs to be updated.\n /\n public onCheckboxChange(event: Event, item: IAbstractTableFilterOption): void {\n const input = event.target as HTMLInputElement;\n const updatedItem = { ...item, selected: input.checked };\n this.changed.emit({ categoryName: this.options.categoryName, item: updatedItem });\n }\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAUa,0CAA0C,CAAA;IAC/B,SAAS,GAAG,kBAAkB;AAC3C,IAAA,OAAO;AAIN,IAAA,OAAO,GAAG,IAAI,YAAY,EAA8D;AAElG;;;;;;;;;AASG;IACI,gBAAgB,CAAC,KAAY,EAAE,IAAgC,EAAA;AACpE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,MAAM,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE;AACxD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;IACnF;wGAtBW,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wGAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVvD,06BAqBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGX,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBANtD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wGAAwG,WAEzG,CAAC,YAAY,CAAC,EAAA,eAAA,EACN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,06BAAA,EAAA;;sBAG9C,WAAW;uBAAC,OAAO;;sBACnB;;sBAIA;;;AEhBH;;AAEG;;;;"}

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: "20.3.9", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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=\"keywords\"> {{ 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: "20.3.12", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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=\"keywords\"> {{ 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: "20.3.9", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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=\"keywords\"> {{ 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-moj-filter-panel-option-form-group-keyword.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/moj-filter-panel-option-form-group-keyword.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/moj-filter-panel-option-form-group-keyword.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-option-form-group-keyword',\n templateUrl: './moj-filter-panel-option-form-group-keyword.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionFormGroupKeywordComponent {\n @Input({ required: false }) inputId = 'keywords';\n @Input({ required: false }) inputName = 'keywords';\n @Input({ required: false }) labelValue = 'Keywords';\n @Output() keywordChange = new EventEmitter<string>();\n\n /*\n Handles the keyword change event from an input element.\n \n This function extracts the keyword from the event target (an HTML input element) and emits the new value\n * using the `keywordChange` event emitter.\n \n @param event - The DOM event triggered by a change in the input element.\n /\n public onKeywordChange(event?: Event): void {\n let keyword = '';\n if (event) {\n keyword = (event.target as HTMLInputElement).value;\n }\n\n this.keywordChange.emit(keyword);\n }\n}\n","<div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-label--m\" for=\"keywords\"> {{ 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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6CAA6C,CAAA;IAC5B,OAAO,GAAG,UAAU;IACpB,SAAS,GAAG,UAAU;IACtB,UAAU,GAAG,UAAU;AACzC,IAAA,aAAa,GAAG,IAAI,YAAY,EAAU;AAEpD;;;;;;;AAOG;AACI,IAAA,eAAe,CAAC,KAAa,EAAA;QAClC,IAAI,OAAO,GAAG,EAAE;QAChB,IAAI,KAAK,EAAE;AACT,YAAA,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;QACpD;AAEA,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;IAClC;~~uGArBW~~,6CAA6C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,6CAA6C,8OCP1D,8TAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDEa~~,6CAA6C,EAAA,UAAA,EAAA,CAAA;kBALzD,SAAS;+BACE,qDAAqD,EAAA,eAAA,EAE9C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8TAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AEXH;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/moj-filter-panel-option-form-group-keyword.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/moj-filter-panel-option-form-group-keyword.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option-form-group-keyword/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-option-form-group-keyword',\n templateUrl: './moj-filter-panel-option-form-group-keyword.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionFormGroupKeywordComponent {\n @Input({ required: false }) inputId = 'keywords';\n @Input({ required: false }) inputName = 'keywords';\n @Input({ required: false }) labelValue = 'Keywords';\n @Output() keywordChange = new EventEmitter<string>();\n\n /*\n Handles the keyword change event from an input element.\n \n This function extracts the keyword from the event target (an HTML input element) and emits the new value\n * using the `keywordChange` event emitter.\n \n @param event - The DOM event triggered by a change in the input element.\n /\n public onKeywordChange(event?: Event): void {\n let keyword = '';\n if (event) {\n keyword = (event.target as HTMLInputElement).value;\n }\n\n this.keywordChange.emit(keyword);\n }\n}\n","<div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-label--m\" for=\"keywords\"> {{ 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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6CAA6C,CAAA;IAC5B,OAAO,GAAG,UAAU;IACpB,SAAS,GAAG,UAAU;IACtB,UAAU,GAAG,UAAU;AACzC,IAAA,aAAa,GAAG,IAAI,YAAY,EAAU;AAEpD;;;;;;;AAOG;AACI,IAAA,eAAe,CAAC,KAAa,EAAA;QAClC,IAAI,OAAO,GAAG,EAAE;QAChB,IAAI,KAAK,EAAE;AACT,YAAA,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;QACpD;AAEA,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;IAClC;wGArBW,6CAA6C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6CAA6C,8OCP1D,8TAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDEa,6CAA6C,EAAA,UAAA,EAAA,CAAA;kBALzD,SAAS;+BACE,qDAAqD,EAAA,eAAA,EAE9C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8TAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AEXH;;AAEG;;;;"}

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: "20.3.9", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojFilterPanelOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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-option.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-option',\n templateUrl: './moj-filter-panel-option.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionComponent {\n @Input({ required: false }) buttonText = 'Apply filters';\n @Output() applyFilters = new EventEmitter<void>();\n\n /*\n Emits the applyFilters event.\n \n This method triggers the emission of the applyFilters event to notify\n * any subscribers that the filter criteria have been applied.\n /\n public onApplyFilters(): void {\n this.applyFilters.emit();\n }\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6BAA6B,CAAA;IACZ,UAAU,GAAG,eAAe;AAC9C,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AAEjD;;;;;AAKG;IACI,cAAc,GAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;~~uGAZW~~,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,6BAA6B,6KCP1C,2TAYA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~2FDLa~~,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2TAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AETH;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/moj-filter-panel-option.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-option/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-option',\n templateUrl: './moj-filter-panel-option.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelOptionComponent {\n @Input({ required: false }) buttonText = 'Apply filters';\n @Output() applyFilters = new EventEmitter<void>();\n\n /*\n Emits the applyFilters event.\n \n This method triggers the emission of the applyFilters event to notify\n * any subscribers that the filter criteria have been applied.\n /\n public onApplyFilters(): void {\n this.applyFilters.emit();\n }\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,6BAA6B,CAAA;IACZ,UAAU,GAAG,eAAe;AAC9C,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AAEjD;;;;;AAKG;IACI,cAAc,GAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;wGAZW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,6KCP1C,2TAYA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDLa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2TAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AETH;;AAEG;;;;"}

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: "20.3.9", ngImport: i0, type: MojFilterPanelSelectedTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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: "20.3.12", ngImport: i0, type: MojFilterPanelSelectedTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojFilterPanelSelectedTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{