@hmcts/opal-frontend-common 0.0.108 → 0.0.110

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

@@ -1,48 +1,69 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojFilterPanelOptionFormGroupKeywordComponent {
-    inputId = 'keywords';
-    inputName = 'keywords';
-    labelValue = 'Keywords';
-    keywordChange = new EventEmitter();
-    /**
-     * Handles the keyword change event from an input element.
-     *
-     * This function extracts the keyword from the event target (an HTML input element) and emits the new value
-     * using the `keywordChange` event emitter.
-     *
-     * @param event - The DOM event triggered by a change in the input element.
-     */
-    onKeywordChange(event) {
-        let keyword = '';
-        if (event) {
-            keyword = event.target.value;
-        }
-        this.keywordChange.emit(keyword);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterPanelOptionFormGroupKeywordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojFilterPanelOptionFormGroupKeywordComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option-form-group-keyword", inputs: { inputId: "inputId", inputName: "inputName", labelValue: "labelValue" }, outputs: { keywordChange: "keywordChange" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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: [{
-                type: Input,
-                args: [{ required: false }]
-            }], inputName: [{
-                type: Input,
-                args: [{ required: false }]
-            }], labelValue: [{
-                type: Input,
-                args: [{ required: false }]
-            }], keywordChange: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+var MojFilterPanelOptionFormGroupKeywordComponent = class MojFilterPanelOptionFormGroupKeywordComponent {
+	inputId = "keywords";
+	inputName = "keywords";
+	labelValue = "Keywords";
+	keywordChange = new EventEmitter();
+	onKeywordChange(event) {
+		let keyword = "";
+		if (event) keyword = event.target.value;
+		this.keywordChange.emit(keyword);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterPanelOptionFormGroupKeywordComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojFilterPanelOptionFormGroupKeywordComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter-panel-option-form-group-keyword",
+		inputs: {
+			inputId: "inputId",
+			inputName: "inputName",
+			labelValue: "labelValue"
+		},
+		outputs: { keywordChange: "keywordChange" },
+		ngImport: i0,
+		template: "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" [for]=\"inputId\"> {{ labelValue }} </label>\n  <input class=\"govuk-input\" [id]=\"inputId\" [name]=\"inputName\" type=\"text\" (input)=\"onKeywordChange($event)\" />\n</div>\n<ng-content select=\"[mojFilterPanelItems]\"></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		inputName: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		labelValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		keywordChange: [{ type: Output }]
+	}
+});
 export { MojFilterPanelOptionFormGroupKeywordComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs.map

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

@@ -1,34 +1,53 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojFilterPanelOptionComponent {
-    buttonText = 'Apply filters';
-    applyFilters = new EventEmitter();
-    /**
-     * Emits the applyFilters event.
-     *
-     * This method triggers the emission of the applyFilters event to notify
-     * any subscribers that the filter criteria have been applied.
-     */
-    onApplyFilters() {
-        this.applyFilters.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterPanelOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojFilterPanelOptionComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-option", inputs: { buttonText: "buttonText" }, outputs: { applyFilters: "applyFilters" }, ngImport: i0, template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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: [{
-                type: Input,
-                args: [{ required: false }]
-            }], applyFilters: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+var MojFilterPanelOptionComponent = class MojFilterPanelOptionComponent {
+	buttonText = "Apply filters";
+	applyFilters = new EventEmitter();
+	onApplyFilters() {
+		this.applyFilters.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterPanelOptionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojFilterPanelOptionComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter-panel-option",
+		inputs: { buttonText: "buttonText" },
+		outputs: { applyFilters: "applyFilters" },
+		ngImport: i0,
+		template: "<div class=\"moj-filter__options\">\n  <button\n    type=\"button\"\n    class=\"govuk-button\"\n    data-module=\"govuk-button\"\n    data-test-id=\"submit-button\"\n    (click)=\"onApplyFilters()\"\n  >\n    {{ buttonText }}\n  </button>\n  <ng-content select=\"[mojFilterPanelKeyword]\"></ng-content>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		applyFilters: [{ type: Output }]
+	}
+});
 export { MojFilterPanelOptionComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs.map

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

@@ -1,41 +1,62 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojFilterPanelSelectedTagComponent {
-    filterData = [];
-    ariaLabelPrefix = 'Remove this filter';
-    removeTagClicked = new EventEmitter();
-    /**
-     * Removes the tag with the specified label.
-     *
-     * This method emits an event to signal that the tag related to the provided label should be removed.
-     *
-     * @param label - The label of the tag to remove.
-     */
-    removeTag(categoryName, optionValue, event) {
-        if (event) {
-            event.preventDefault();
-        }
-        this.removeTagClicked.emit({ categoryName, optionValue });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterPanelSelectedTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MojFilterPanelSelectedTagComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected-tag", inputs: { filterData: "filterData", ariaLabelPrefix: "ariaLabelPrefix" }, outputs: { removeTagClicked: "removeTagClicked" }, ngImport: i0, template: "@for (data of filterData; track data.categoryName) {\n  <h3 class=\"govuk-heading-s govuk-!-margin-bottom-0\">{{ data.categoryName }}</h3>\n  <ul class=\"moj-filter-tags\">\n    @for (tag of data.options; track tag.value) {\n      <li>\n        <a class=\"moj-filter__tag\" href=\"#\" (click)=\"removeTag(data.categoryName, tag.value, $event)\">\n          <span class=\"govuk-visually-hidden\">{{ ariaLabelPrefix }}</span> {{ tag.label }}\n        </a>\n      </li>\n    }\n  </ul>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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: [{
-                type: Input
-            }], ariaLabelPrefix: [{
-                type: Input,
-                args: [{ required: false }]
-            }], removeTagClicked: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+var MojFilterPanelSelectedTagComponent = class MojFilterPanelSelectedTagComponent {
+	filterData = [];
+	ariaLabelPrefix = "Remove this filter";
+	removeTagClicked = new EventEmitter();
+	removeTag(categoryName, optionValue, event) {
+		if (event) event.preventDefault();
+		this.removeTagClicked.emit({
+			categoryName,
+			optionValue
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterPanelSelectedTagComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: MojFilterPanelSelectedTagComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter-panel-selected-tag",
+		inputs: {
+			filterData: "filterData",
+			ariaLabelPrefix: "ariaLabelPrefix"
+		},
+		outputs: { removeTagClicked: "removeTagClicked" },
+		ngImport: i0,
+		template: "@for (data of filterData; track data.categoryName) {\n  <h3 class=\"govuk-heading-s govuk-!-margin-bottom-0\">{{ data.categoryName }}</h3>\n  <ul class=\"moj-filter-tags\">\n    @for (tag of data.options; track tag.value) {\n      <li>\n        <a class=\"moj-filter__tag\" href=\"#\" (click)=\"removeTag(data.categoryName, tag.value, $event)\">\n          <span class=\"govuk-visually-hidden\">{{ ariaLabelPrefix }}</span> {{ tag.label }}\n        </a>\n      </li>\n    }\n  </ul>\n}\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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: [{ type: Input }],
+		ariaLabelPrefix: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		removeTagClicked: [{ type: Output }]
+	}
+});
 export { MojFilterPanelSelectedTagComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs.map

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

@@ -1,43 +1,64 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojFilterPanelSelectedComponent {
-    headingLabel = 'Selected filters';
-    linkLabel = 'Clear filters';
-    clearFilters = new EventEmitter();
-    /**
-     * Clears the selected tag filter.
-     *
-     * If an event is provided, this method prevents its default behavior to avoid unintended side effects.
-     * It then emits the `clearFilters` event to reset the applied filters.
-     *
-     * @param event - An optional event that triggered the clear action.
-     */
-    clearTag(event) {
-        if (event) {
-            event.preventDefault();
-        }
-        this.clearFilters.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterPanelSelectedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojFilterPanelSelectedComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel-selected", inputs: { headingLabel: "headingLabel", linkLabel: "linkLabel" }, outputs: { clearFilters: "clearFilters" }, ngImport: i0, template: "<div class=\"moj-filter__content\">\n  <div class=\"moj-filter__selected\">\n    <div class=\"moj-filter__selected-heading\">\n      <div class=\"moj-filter__heading-title\">\n        <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n      </div>\n      <div class=\"moj-filter__heading-action\">\n        <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n      </div>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".moj-filter__selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.moj-filter__heading-title,.moj-filter__heading-action{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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: [{
-                type: Input,
-                args: [{ required: false }]
-            }], linkLabel: [{
-                type: Input,
-                args: [{ required: false }]
-            }], clearFilters: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+var MojFilterPanelSelectedComponent = class MojFilterPanelSelectedComponent {
+	headingLabel = "Selected filters";
+	linkLabel = "Clear filters";
+	clearFilters = new EventEmitter();
+	clearTag(event) {
+		if (event) event.preventDefault();
+		this.clearFilters.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterPanelSelectedComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojFilterPanelSelectedComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter-panel-selected",
+		inputs: {
+			headingLabel: "headingLabel",
+			linkLabel: "linkLabel"
+		},
+		outputs: { clearFilters: "clearFilters" },
+		ngImport: i0,
+		template: "<div class=\"moj-filter__content\">\n  <div class=\"moj-filter__selected\">\n    <div class=\"moj-filter__selected-heading\">\n      <div class=\"moj-filter__heading-title\">\n        <h2 class=\"govuk-heading-m\">{{ headingLabel }}</h2>\n      </div>\n      <div class=\"moj-filter__heading-action\">\n        <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\" (click)=\"clearTag($event)\">{{ linkLabel }}</a>\n      </div>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+		styles: [".moj-filter__selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.moj-filter__heading-title,.moj-filter__heading-action{margin:0}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		linkLabel: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		clearFilters: [{ type: Output }]
+	}
+});
 export { MojFilterPanelSelectedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.mjs.map

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

@@ -1,18 +1,39 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojFilterPanelComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojFilterPanelComponent, isStandalone: true, selector: "opal-lib-moj-filter-panel", ngImport: i0, template: "<div class=\"moj-filter\" data-module=\"moj-filter\">\n  <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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" }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var MojFilterPanelComponent = class MojFilterPanelComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojFilterPanelComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter-panel",
+		ngImport: i0,
+		template: "<div class=\"moj-filter\" data-module=\"moj-filter\">\n  <ng-content select=\"[mojFilterPanelHeader]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelSelected]\"></ng-content>\n  <ng-content select=\"[mojFilterPanelOption]\"></ng-content>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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"
+		}]
+	}]
+});
 export { MojFilterPanelComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.mjs.map

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

@@ -1,36 +1,58 @@
-import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { Component, Input } from "@angular/core";
 let nextFilterId = 0;
-class MojFilterComponent {
-    showFilter = false;
-    filterId = `moj-filter-${++nextFilterId}`;
-    /**
-     * Toggles the visibility of the filter panel.
-     *
-     * This method inverts the current value of `showFilter`, effectively
-     * showing the filter panel if it is hidden, or hiding it if it is visible.
-     */
-    toggleFilter() {
-        this.showFilter = !this.showFilter;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MojFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: MojFilterComponent, isStandalone: true, selector: "opal-lib-moj-filter", inputs: { showFilter: "showFilter", filterId: "filterId" }, ngImport: i0, template: "<div class=\"moj-filter-layout\">\n  <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n    <ng-content select=\"[mojFilterPanel]\"></ng-content>\n  </div>\n  <div class=\"moj-filter-layout__content\">\n    <button\n      type=\"button\"\n      class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n      [attr.aria-controls]=\"filterId\"\n      [attr.aria-expanded]=\"showFilter\"\n      (click)=\"toggleFilter()\"\n    >\n      {{ showFilter ? 'Hide filter' : 'Show filter' }}\n    </button>\n\n    <ng-content select=\"[mojFilterContent]\"></ng-content>\n  </div>\n</div>\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", 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: [{
-                type: Input,
-                args: [{ required: false }]
-            }], filterId: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var MojFilterComponent = class MojFilterComponent {
+	showFilter = false;
+	filterId = `moj-filter-${++nextFilterId}`;
+	toggleFilter() {
+		this.showFilter = !this.showFilter;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojFilterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojFilterComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-filter",
+		inputs: {
+			showFilter: "showFilter",
+			filterId: "filterId"
+		},
+		ngImport: i0,
+		template: "<div class=\"moj-filter-layout\">\n  <div class=\"moj-filter-layout__filter\" [id]=\"filterId\" [hidden]=\"!showFilter\">\n    <ng-content select=\"[mojFilterPanel]\"></ng-content>\n  </div>\n  <div class=\"moj-filter-layout__content\">\n    <button\n      type=\"button\"\n      class=\"govuk-button govuk-button--secondary moj-filter-layout__toggle-button\"\n      [attr.aria-controls]=\"filterId\"\n      [attr.aria-expanded]=\"showFilter\"\n      (click)=\"toggleFilter()\"\n    >\n      {{ showFilter ? 'Hide filter' : 'Show filter' }}\n    </button>\n\n    <ng-content select=\"[mojFilterContent]\"></ng-content>\n  </div>\n</div>\n"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	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: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		filterId: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { MojFilterComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-filter.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-header-interfaces.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-header-interfaces.mjs.map