npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.59 → 0.0.61 - Mend

@hmcts/opal-frontend-common 0.0.59 → 0.0.61

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

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 } from '@angular/core';\n\nlet nextMenuId = 0;\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 @Input({ required: false }) menuId = `moj-button-menu-${++nextMenuId}`;\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 this.isExpanded = !this.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 [attr.aria-controls]=\"menuId\"\n [attr.aria-expanded]=\"isExpanded\"\n (click)=\"toggleButtonMenu()\"\n>\n <span>\n {{ menuButtonTitle }}\n <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n </svg>\n </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n <ng-content></ng-content>\n</ul>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA,IAAI,UAAU,GAAG,CAAC;MAOL,sBAAsB,CAAA;AACN,IAAA,eAAe;AACd,IAAA,MAAM,GAAG,CAAA,gBAAA,EAAmB,EAAE,UAAU,EAAE;IAEhD,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,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU;IACpC;~~wGAzBW~~,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,0ZCTnC,8lBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~4FDVa~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8lBAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBAEzB,WAAW;uBAAC,OAAO;;sBACnB,WAAW;uBAAC,kBAAkB;;sBAC9B,WAAW;uBAAC,uBAAuB;;sBAGnC,WAAW;uBAAC,0BAA0B;;sBACtC,WAAW;uBAAC,gCAAgC;;;AEnB/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 } from '@angular/core';\n\nlet nextMenuId = 0;\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 @Input({ required: false }) menuId = `moj-button-menu-${++nextMenuId}`;\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 this.isExpanded = !this.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 [attr.aria-controls]=\"menuId\"\n [attr.aria-expanded]=\"isExpanded\"\n (click)=\"toggleButtonMenu()\"\n>\n <span>\n {{ menuButtonTitle }}\n <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"></path>\n </svg>\n </span>\n</button>\n\n<ul [id]=\"menuId\" class=\"moj-button-menu__wrapper\" [hidden]=\"!isExpanded\">\n <ng-content></ng-content>\n</ul>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA,IAAI,UAAU,GAAG,CAAC;MAOL,sBAAsB,CAAA;AACN,IAAA,eAAe;AACd,IAAA,MAAM,GAAG,CAAA,gBAAA,EAAmB,EAAE,UAAU,EAAE;IAEhD,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,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU;IACpC;uGAzBW,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,0ZCTnC,8lBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDVa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,0BAA0B,EAAA,eAAA,EAEnB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8lBAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBAEzB,WAAW;uBAAC,OAAO;;sBACnB,WAAW;uBAAC,kBAAkB;;sBAC9B,WAAW;uBAAC,uBAAuB;;sBAGnC,WAAW;uBAAC,0BAA0B;;sBACtC,WAAW;uBAAC,gCAAgC;;;AEnB/C;;AAEG;;;;"}

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

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

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 get describedBy(): string \| null {\n const ids: string[] = [];\n\n if (this.hintText) {\n ids.push(`${this.inputId}-hint`);\n }\n\n if (this.errors) {\n ids.push(`${this.inputId}-error-message`);\n }\n\n return ids.length ? ids.join(' ') : null;\n }\n\n constructor() {\n afterNextRender(() => {\n // Only trigger the render of the component in the browser\n this.configureDatePicker();\n });\n }\n\n /*\n Retrieves the disabled dates and concatenates them into a single string.\n /\n private concatenateDisabledDates(): void {\n this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n }\n\n /\n Sets the date value and emits the updated value through the `dateChange` event.\n \n @param value - The new date value to set.\n /\n protected setDateValue(value: string) {\n const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n if (parsedDate.isValid) {\n const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n this.dateChange.emit(formattedDate);\n } else {\n this.dateChange.emit(value);\n }\n }\n\n /\n Configures the date picker functionality using the moj library.\n /\n public configureDatePicker(): void {\n import('@ministryofjustice/frontend/moj/all').then((datePicker) => {\n addGdsBodyClass();\n datePicker.initAll();\n });\n }\n\n public ngOnInit(): void {\n this.concatenateDisabledDates();\n }\n}\n","<div\n class=\"moj-datepicker\"\n data-module=\"moj-date-picker\"\n [attr.data-min-date]=\"minDate\"\n [attr.data-max-date]=\"maxDate\"\n [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n [attr.data-excluded-days]=\"disabledDays\"\n>\n <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n @if (hintText) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [attr.aria-describedby]=\"describedBy\"\n autocomplete=\"off\"\n [formControl]=\"getControl\"\n (change)=\"setDateValue($any($event).target.value)\"\n />\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;;;;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,IAAI,WAAW,GAAA;QACb,MAAM,GAAG,GAAa,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,KAAA,CAAO,CAAC;QAClC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,cAAA,CAAgB,CAAC;QAC3C;AAEA,QAAA,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;IAC1C;AAEA,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACK,wBAAwB,GAAA;QAC9B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;IACzF;AAEA;;;;AAIG;AACO,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC;AACpE,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;QACrC;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;AAEA;;AAEG;IACI,mBAAmB,GAAA;QACxB,OAAO,~~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;~~wGAnFW~~,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,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~~,kkCAiCA,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;;~~4FAIhC~~,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,kkCAAA,EAAA;;sBAQ9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;sBAEA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;~~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 {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n afterNextRender,\n inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\nimport { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';\n\n@Component({\n selector: 'opal-lib-moj-date-picker',\n imports: [ReactiveFormsModule],\n templateUrl: './moj-date-picker.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n private readonly dateService = inject(DateService);\n private _control!: FormControl;\n\n public disabledDatesConcatenated!: string;\n\n @Input({ required: true }) labelText!: string;\n @Input({ required: false }) labelClasses!: string;\n @Input({ required: false }) hintText!: string;\n @Input({ required: true }) inputId!: string;\n @Input({ required: true }) inputName!: string;\n @Input({ required: false }) inputClasses!: string;\n @Input({ required: false }) minDate!: string;\n @Input({ required: false }) maxDate!: string;\n @Input({ required: false }) disabledDates!: string[];\n @Input({ required: false }) disabledDays!: string;\n @Input({ required: false }) errors: string \| null = null;\n @Output() dateChange = new EventEmitter<string>();\n\n @Input({ required: true }) set control(abstractControl: AbstractControl) {\n // Form controls are passed in as abstract controls, we need to re-cast it.\n this._control = abstractControl as FormControl;\n }\n\n get getControl() {\n return this._control;\n }\n\n get describedBy(): string \| null {\n const ids: string[] = [];\n\n if (this.hintText) {\n ids.push(`${this.inputId}-hint`);\n }\n\n if (this.errors) {\n ids.push(`${this.inputId}-error-message`);\n }\n\n return ids.length ? ids.join(' ') : null;\n }\n\n constructor() {\n afterNextRender(() => {\n // Only trigger the render of the component in the browser\n this.configureDatePicker();\n });\n }\n\n /*\n Retrieves the disabled dates and concatenates them into a single string.\n /\n private concatenateDisabledDates(): void {\n this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n }\n\n /\n Sets the date value and emits the updated value through the `dateChange` event.\n \n @param value - The new date value to set.\n /\n protected setDateValue(value: string) {\n const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n if (parsedDate.isValid) {\n const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n this.dateChange.emit(formattedDate);\n } else {\n this.dateChange.emit(value);\n }\n }\n\n /\n Configures the date picker functionality using the moj library.\n /\n public configureDatePicker(): void {\n import('@ministryofjustice/frontend/moj/all.mjs').then((datePicker) => {\n addGdsBodyClass();\n datePicker.initAll();\n });\n }\n\n public ngOnInit(): void {\n this.concatenateDisabledDates();\n }\n}\n","<div\n class=\"moj-datepicker\"\n data-module=\"moj-date-picker\"\n [attr.data-min-date]=\"minDate\"\n [attr.data-max-date]=\"maxDate\"\n [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n [attr.data-excluded-days]=\"disabledDays\"\n>\n <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n @if (hintText) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">{{ hintText }}</div>\n }\n\n @if (errors) {\n <p id=\"{{ inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [attr.aria-describedby]=\"describedBy\"\n autocomplete=\"off\"\n [formControl]=\"getControl\"\n (change)=\"setDateValue($any($event).target.value)\"\n />\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;MAoBa,sBAAsB,CAAA;AAChB,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAC1C,IAAA,QAAQ;AAET,IAAA,yBAAyB;AAEL,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,QAAQ;AACT,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,OAAO;AACP,IAAA,OAAO;AACP,IAAA,aAAa;AACb,IAAA,YAAY;IACZ,MAAM,GAAkB,IAAI;AAC9C,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAEjD,IAA+B,OAAO,CAAC,eAAgC,EAAA;;AAErE,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;IAChD;AAEA,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;IACtB;AAEA,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,GAAG,GAAa,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,KAAA,CAAO,CAAC;QAClC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,cAAA,CAAgB,CAAC;QAC3C;AAEA,QAAA,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;IAC1C;AAEA,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACK,wBAAwB,GAAA;QAC9B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;IACzF;AAEA;;;;AAIG;AACO,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC;AACpE,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;QACrC;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;AAEA;;AAEG;IACI,mBAAmB,GAAA;QACxB,OAAO,yCAAyC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,KAAI;AACpE,YAAA,eAAe,EAAE;YACjB,UAAU,CAAC,OAAO,EAAE;AACtB,QAAA,CAAC,CAAC;IACJ;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE;IACjC;uGAnFW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnC,kkCAiCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjBY,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIlB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,mBAAmB,CAAC,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kkCAAA,EAAA;;sBAQ9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;sBAEA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AEvC3B;;AAEG;;;;"}

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.16", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: MojFilterPanelHeaderComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-header", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"moj-filter__header\">\n  <div class=\"moj-filter__header-title\">\n    <h2 class=\"govuk-heading-m\">{{ title }}</h2>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MojFilterPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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.16", ngImport: i0, type: MojFilterPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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;~~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;;;;"}
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;;;;"}

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

@@ -1,4 +1,3 @@
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -21,12 +20,12 @@ 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.16", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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: "21.1.3", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MojFilterPanelOptionFormGroupItemComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]", inputs: { options: "options" }, outputs: { changed: "changed" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">{{ options.categoryName }}</legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    @for (item of options.options; track item.value + '-' + options.categoryName) {\n      <div class=\"govuk-checkboxes__item\">\n        <input\n          class=\"govuk-checkboxes__input\"\n          id=\"{{ item.value }}\"\n          name=\"{{ item.value }}\"\n          type=\"checkbox\"\n          [value]=\"item.value\"\n          [checked]=\"item.selected\"\n          (change)=\"onCheckboxChange($event, item)\"\n        />\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"{{ item.value }}\">\n          {{ item.count !== null && item.count !== undefined ? item.label + ' (' + item.count + ')' : item.label }}\n        </label>\n      </div>\n    }\n  </div>\n</fieldset>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MojFilterPanelOptionFormGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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" }]
+            args: [{ selector: 'opal-lib-moj-filter-panel-options-form-group-item, [opal-lib-moj-filter-panel-options-form-group-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">{{ options.categoryName }}</legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    @for (item of options.options; track item.value + '-' + options.categoryName) {\n      <div class=\"govuk-checkboxes__item\">\n        <input\n          class=\"govuk-checkboxes__input\"\n          id=\"{{ item.value }}\"\n          name=\"{{ item.value }}\"\n          type=\"checkbox\"\n          [value]=\"item.value\"\n          [checked]=\"item.selected\"\n          (change)=\"onCheckboxChange($event, item)\"\n        />\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"{{ item.value }}\">\n          {{ item.count !== null && item.count !== undefined ? item.label + ' (' + item.count + ')' : item.label }}\n        </label>\n      </div>\n    }\n  </div>\n</fieldset>\n" }]
         }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']

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;~~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;;;;"}
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 { 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: [],\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":";;;MASa,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;AAA1C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,wRCTvD,06BAqBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDZa,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBANtD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wGAAwG,EAAA,OAAA,EAEzG,EAAE,EAAA,eAAA,EACM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,06BAAA,EAAA;;sBAG9C,WAAW;uBAAC,OAAO;;sBACnB;;sBAIA;;;AEfH;;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.16", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: MojFilterPanelOptionFormGroupKeywordComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option-form-group-keyword", inputs: { inputId: "inputId", inputName: "inputName", labelValue: "labelValue" }, outputs: { keywordChange: "keywordChange" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MojFilterPanelOptionFormGroupKeywordComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option-form-group-keyword", inputs: { inputId: "inputId", inputName: "inputName", labelValue: "labelValue" }, outputs: { keywordChange: "keywordChange" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-filter-panel-option-form-group-keyword', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n" }]
         }], propDecorators: { inputId: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-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]=\"inputId\"> {{ labelValue }} </label>\n <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n","/\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,+TAKA,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,+TAAA,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]=\"inputId\"> {{ labelValue }} </label>\n <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n","/\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,+TAKA,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,+TAAA,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.16", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: MojFilterPanelOptionComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option", inputs: { buttonText: "buttonText" }, outputs: { applyFilters: "applyFilters" }, ngImport: i0, template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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.16", ngImport: i0, type: MojFilterPanelOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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;~~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;;;;"}
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;;;;"}

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/moj-filter-panel-selected-tag.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/moj-filter-panel-selected-tag.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { IAbstractTableFilterCategory } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\n@Component({\n selector: 'opal-lib-moj-filter-panel-selected-tag',\n templateUrl: './moj-filter-panel-selected-tag.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelSelectedTagComponent {\n @Input() filterData: IAbstractTableFilterCategory[] = [];\n @Input({ required: false }) ariaLabelPrefix = 'Remove this filter';\n @Output() removeTagClicked = new EventEmitter<{ categoryName: string; optionValue: string \| number }>();\n\n /*\n Removes the tag with the specified label.\n \n This method emits an event to signal that the tag related to the provided label should be removed.\n \n @param label - The label of the tag to remove.\n /\n public removeTag(categoryName: string, optionValue: string \| number, event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.removeTagClicked.emit({ categoryName, optionValue });\n }\n}\n","@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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,kCAAkC,CAAA;IACpC,UAAU,GAAmC,EAAE;IAC5B,eAAe,GAAG,oBAAoB;AACxD,IAAA,gBAAgB,GAAG,IAAI,YAAY,EAA0D;AAEvG;;;;;;AAMG;AACI,IAAA,SAAS,CAAC,YAAoB,EAAE,WAA4B,EAAE,KAAa,EAAA;QAChF,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,EAAE;QACxB;QACA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;IAC3D;~~wGAjBW~~,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,kCAAkC,+NCP/C,yeAYA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~4FDLa~~,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAL9C,SAAS;+BACE,wCAAwC,EAAA,eAAA,EAEjC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yeAAA,EAAA;;sBAG9C;;sBACA,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AEVH;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/moj-filter-panel-selected-tag.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/moj-filter-panel-selected-tag.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected-tag/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { IAbstractTableFilterCategory } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\n@Component({\n selector: 'opal-lib-moj-filter-panel-selected-tag',\n templateUrl: './moj-filter-panel-selected-tag.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelSelectedTagComponent {\n @Input() filterData: IAbstractTableFilterCategory[] = [];\n @Input({ required: false }) ariaLabelPrefix = 'Remove this filter';\n @Output() removeTagClicked = new EventEmitter<{ categoryName: string; optionValue: string \| number }>();\n\n /*\n Removes the tag with the specified label.\n \n This method emits an event to signal that the tag related to the provided label should be removed.\n \n @param label - The label of the tag to remove.\n /\n public removeTag(categoryName: string, optionValue: string \| number, event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.removeTagClicked.emit({ categoryName, optionValue });\n }\n}\n","@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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,kCAAkC,CAAA;IACpC,UAAU,GAAmC,EAAE;IAC5B,eAAe,GAAG,oBAAoB;AACxD,IAAA,gBAAgB,GAAG,IAAI,YAAY,EAA0D;AAEvG;;;;;;AAMG;AACI,IAAA,SAAS,CAAC,YAAoB,EAAE,WAA4B,EAAE,KAAa,EAAA;QAChF,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,EAAE;QACxB;QACA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;IAC3D;uGAjBW,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,+NCP/C,yeAYA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDLa,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAL9C,SAAS;+BACE,wCAAwC,EAAA,eAAA,EAEjC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yeAAA,EAAA;;sBAG9C;;sBACA,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AEVH;;AAEG;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-selected',\n templateUrl: './moj-filter-panel-selected.component.html',\n styleUrls: ['./moj-filter-panel-selected.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelSelectedComponent {\n @Input({ required: false }) headingLabel = 'Selected filters';\n @Input({ required: false }) linkLabel = 'Clear filters';\n @Output() clearFilters = new EventEmitter<void>();\n\n /*\n Clears the selected tag filter.\n \n If an event is provided, this method prevents its default behavior to avoid unintended side effects.\n * It then emits the `clearFilters` event to reset the applied filters.\n \n @param event - An optional event that triggered the clear action.\n /\n public clearTag(event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.clearFilters.emit();\n }\n}\n","<div class=\"moj-filter__content\">\n <div class=\"moj-filter__selected\">\n <div class=\"moj-filter__selected-heading\">\n <div class=\"moj-filter__heading-title\">\n <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n </div>\n <div class=\"moj-filter__heading-action\">\n <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;IACd,YAAY,GAAG,kBAAkB;IACjC,SAAS,GAAG,eAAe;AAC7C,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AAEjD;;;;;;;AAOG;AACI,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC3B,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,EAAE;QACxB;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;~~wGAlBW~~,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,+BAA+B,2MCR5C,sfAaA,EAAA,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~4FDLa~~,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;+BACE,oCAAoC,EAAA,eAAA,EAG7B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sfAAA,EAAA,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA;;sBAG9C,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-selected.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/moj-filter-panel-selected.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel-selected/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.ts"],"sourcesContent":["import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel-selected',\n templateUrl: './moj-filter-panel-selected.component.html',\n styleUrls: ['./moj-filter-panel-selected.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelSelectedComponent {\n @Input({ required: false }) headingLabel = 'Selected filters';\n @Input({ required: false }) linkLabel = 'Clear filters';\n @Output() clearFilters = new EventEmitter<void>();\n\n /*\n Clears the selected tag filter.\n \n If an event is provided, this method prevents its default behavior to avoid unintended side effects.\n * It then emits the `clearFilters` event to reset the applied filters.\n \n @param event - An optional event that triggered the clear action.\n /\n public clearTag(event?: Event): void {\n if (event) {\n event.preventDefault();\n }\n this.clearFilters.emit();\n }\n}\n","<div class=\"moj-filter__content\">\n <div class=\"moj-filter__selected\">\n <div class=\"moj-filter__selected-heading\">\n <div class=\"moj-filter__heading-title\">\n <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n </div>\n <div class=\"moj-filter__heading-action\">\n <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;IACd,YAAY,GAAG,kBAAkB;IACjC,SAAS,GAAG,eAAe;AAC7C,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AAEjD;;;;;;;AAOG;AACI,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC3B,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,EAAE;QACxB;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;uGAlBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,2MCR5C,sfAaA,EAAA,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDLa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;+BACE,oCAAoC,EAAA,eAAA,EAG7B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sfAAA,EAAA,MAAA,EAAA,CAAA,4LAAA,CAAA,EAAA;;sBAG9C,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.mjs CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel',\n templateUrl: './moj-filter-panel.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelComponent {}\n","<div class=\"moj-filter\" data-module=\"moj-filter\">\n <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,uBAAuB,CAAA;~~wGAAvB~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,uBAAuB,qFCPpC,gQAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;~~4FDEa~~,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gQAAA,EAAA;;;AELjD;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/moj-filter-panel.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter-panel/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-filter-panel',\n templateUrl: './moj-filter-panel.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojFilterPanelComponent {}\n","<div class=\"moj-filter\" data-module=\"moj-filter\">\n <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAOa,uBAAuB,CAAA;uGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,qFCPpC,gQAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDEa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gQAAA,EAAA;;;AELjD;;AAEG;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/hmcts-opal-frontend-common-components-moj-moj-filter.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\nlet nextFilterId = 0;\n\n@Component({\n selector: 'opal-lib-moj-filter',\n standalone: true,\n templateUrl: './moj-filter.component.html',\n})\nexport class MojFilterComponent {\n @Input({ required: false }) public showFilter = false;\n @Input({ required: false }) public filterId = `moj-filter-${++nextFilterId}`;\n\n /*\n Toggles the visibility of the filter panel.\n \n This method inverts the current value of `showFilter`, effectively\n * showing the filter panel if it is hidden, or hiding it if it is visible.\n /\n public toggleFilter(): void {\n this.showFilter = !this.showFilter;\n }\n}\n","<div class=\"moj-filter-layout\">\n <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n <ng-content select=\"[mojFilterPanel]\"></ng-content>\n </div>\n <div class=\"moj-filter-layout__content\">\n <button\n type=\"button\"\n class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n [attr.aria-controls]=\"filterId\"\n [attr.aria-expanded]=\"showFilter\"\n (click)=\"toggleFilter()\"\n >\n {{ showFilter ? 'Hide filter' : 'Show filter' }}\n </button>\n\n <ng-content select=\"[mojFilterContent]\"></ng-content>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA,IAAI,YAAY,GAAG,CAAC;MAOP,kBAAkB,CAAA;IACM,UAAU,GAAG,KAAK;AAClB,IAAA,QAAQ,GAAG,CAAA,WAAA,EAAc,EAAE,YAAY,EAAE;AAE5E;;;;;AAKG;IACI,YAAY,GAAA;AACjB,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU;IACpC;~~wGAZW~~,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,kBAAkB,2ICT/B,goBAkBA,EAAA,CAAA;;~~4FDTa~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,cACnB,IAAI,EAAA,QAAA,EAAA,goBAAA,EAAA;;sBAIf,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-filter.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter.component.ts","../../../projects/opal-frontend-common/components/moj/moj-filter/moj-filter.component.html","../../../projects/opal-frontend-common/components/moj/moj-filter/hmcts-opal-frontend-common-components-moj-moj-filter.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\nlet nextFilterId = 0;\n\n@Component({\n selector: 'opal-lib-moj-filter',\n standalone: true,\n templateUrl: './moj-filter.component.html',\n})\nexport class MojFilterComponent {\n @Input({ required: false }) public showFilter = false;\n @Input({ required: false }) public filterId = `moj-filter-${++nextFilterId}`;\n\n /*\n Toggles the visibility of the filter panel.\n \n This method inverts the current value of `showFilter`, effectively\n * showing the filter panel if it is hidden, or hiding it if it is visible.\n /\n public toggleFilter(): void {\n this.showFilter = !this.showFilter;\n }\n}\n","<div class=\"moj-filter-layout\">\n <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n <ng-content select=\"[mojFilterPanel]\"></ng-content>\n </div>\n <div class=\"moj-filter-layout__content\">\n <button\n type=\"button\"\n class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n [attr.aria-controls]=\"filterId\"\n [attr.aria-expanded]=\"showFilter\"\n (click)=\"toggleFilter()\"\n >\n {{ showFilter ? 'Hide filter' : 'Show filter' }}\n </button>\n\n <ng-content select=\"[mojFilterContent]\"></ng-content>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA,IAAI,YAAY,GAAG,CAAC;MAOP,kBAAkB,CAAA;IACM,UAAU,GAAG,KAAK;AAClB,IAAA,QAAQ,GAAG,CAAA,WAAA,EAAc,EAAE,YAAY,EAAE;AAE5E;;;;;AAKG;IACI,YAAY,GAAA;AACjB,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU;IACpC;uGAZW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,2ICT/B,goBAkBA,EAAA,CAAA;;2FDTa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,cACnB,IAAI,EAAA,QAAA,EAAA,goBAAA,EAAA;;sBAIf,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}