@hmcts/opal-frontend-common 0.0.109 → 0.0.111

package/fesm2022/hmcts-opal-frontend-common-directives-govuk-button.mjs

@@ -1,61 +1,87 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Output, Input, Directive } from '@angular/core';
-
-class GovukButtonDirective {
-    buttonId;
-    buttonClasses = '';
-    type = 'submit';
-    buttonClickEvent = new EventEmitter();
-    get id() {
-        return this.buttonId;
-    }
-    get buttonType() {
-        return this.type;
-    }
-    get classes() {
-        return `govuk-button ${this.buttonClasses}`.trim();
-    }
-    dataModule = 'govuk-button';
-    /**
-     * Handles the button click event.
-     */
-    handleButtonClick() {
-        this.buttonClickEvent.emit(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[opalLibGovukButton]',
-                }]
-        }], propDecorators: { buttonId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], buttonClasses: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], buttonClickEvent: [{
-                type: Output
-            }], id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }], buttonType: [{
-                type: HostBinding,
-                args: ['attr.type']
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }], dataModule: [{
-                type: HostBinding,
-                args: ['attr.data-module']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Directive, EventEmitter, HostBinding, Input, Output } from "@angular/core";
+var GovukButtonDirective = class GovukButtonDirective {
+	buttonId;
+	buttonClasses = "";
+	type = "submit";
+	buttonClickEvent = new EventEmitter();
+	get id() {
+		return this.buttonId;
+	}
+	get buttonType() {
+		return this.type;
+	}
+	get classes() {
+		return `govuk-button ${this.buttonClasses}`.trim();
+	}
+	dataModule = "govuk-button";
+	handleButtonClick() {
+		this.buttonClickEvent.emit(true);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukButtonDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukButtonDirective,
+		isStandalone: true,
+		selector: "[opalLibGovukButton]",
+		inputs: {
+			buttonId: "buttonId",
+			buttonClasses: "buttonClasses",
+			type: "type"
+		},
+		outputs: { buttonClickEvent: "buttonClickEvent" },
+		host: { properties: {
+			"attr.id": "this.id",
+			"attr.type": "this.buttonType",
+			"class": "this.classes",
+			"attr.data-module": "this.dataModule"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukButtonDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[opalLibGovukButton]" }]
+	}],
+	propDecorators: {
+		buttonId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		buttonClasses: [{ type: Input }],
+		type: [{ type: Input }],
+		buttonClickEvent: [{ type: Output }],
+		id: [{
+			type: HostBinding,
+			args: ["attr.id"]
+		}],
+		buttonType: [{
+			type: HostBinding,
+			args: ["attr.type"]
+		}],
+		classes: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		dataModule: [{
+			type: HostBinding,
+			args: ["attr.data-module"]
+		}]
+	}
+});
 export { GovukButtonDirective };
-//# sourceMappingURL=hmcts-opal-frontend-common-directives-govuk-button.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-directives-govuk-button.mjs.map

package/fesm2022/hmcts-opal-frontend-common-directives-moj-multi-select.mjs

@@ -1,232 +1,193 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, HostListener, HostBinding, Output, Input, Directive } from '@angular/core';
-
-/**
- * Returns the first checkbox input found within a directive host element.
- *
- * @param hostElement - Host element containing checkbox markup.
- */
-const getCheckboxInputFromHost = (hostElement) => hostElement.querySelector('input[type="checkbox"]');
-
-class MojMultiSelectBodyDirective {
-    hostElementRef = inject(ElementRef);
-    baseClasses = 'govuk-checkboxes__item moj-multi-select__checkbox body-checkbox';
-    rowId;
-    ariaLabel = '';
-    extraClasses = '';
-    selectionChange = new EventEmitter();
-    /**
-     * Synchronises the nested checkbox aria-label based on directive inputs.
-     */
-    syncInputState() {
-        const checkboxInput = getCheckboxInputFromHost(this.hostElementRef.nativeElement);
-        if (!checkboxInput) {
-            return;
-        }
-        const customAriaLabel = this.ariaLabel.trim();
-        if (customAriaLabel) {
-            checkboxInput.setAttribute('aria-label', customAriaLabel);
-        }
-        else {
-            checkboxInput.removeAttribute('aria-label');
-        }
-    }
-    get classes() {
-        return `${this.baseClasses} ${this.extraClasses}`.trim();
-    }
-    /**
-     * Applies initial input aria-label after directive initialisation.
-     */
-    ngOnInit() {
-        this.syncInputState();
-    }
-    /**
-     * Re-syncs checkbox aria-label when aria-related inputs change.
-     *
-     * @param changes - Angular change map for current input updates.
-     */
-    ngOnChanges(changes) {
-        if (changes['ariaLabel']) {
-            this.syncInputState();
-        }
-    }
-    onCheckboxChange(event) {
-        const target = event.target;
-        if (!(target instanceof HTMLInputElement)) {
-            return;
-        }
-        this.selectionChange.emit({ rowId: this.rowId, checked: target.checked });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojMultiSelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: MojMultiSelectBodyDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]", inputs: { rowId: "rowId", ariaLabel: "ariaLabel", extraClasses: "extraClasses" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojMultiSelectBodyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]',
-                }]
-        }], propDecorators: { rowId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], ariaLabel: [{
-                type: Input
-            }], extraClasses: [{
-                type: Input
-            }], selectionChange: [{
-                type: Output
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }], onCheckboxChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }] } });
-
-class MojMultiSelectHeadDirective {
-    hostElementRef = inject(ElementRef);
-    baseClasses = 'govuk-checkboxes__item moj-multi-select__checkbox';
-    extraClasses = '';
-    selectAllIndeterminate = false;
-    ariaLabel = 'Select all rows';
-    toggleAll = new EventEmitter();
-    /**
-     * Synchronises the nested checkbox UI state with directive inputs.
-     * Updates indeterminate and aria-label when the input element is present.
-     */
-    syncInputState() {
-        const checkboxInput = getCheckboxInputFromHost(this.hostElementRef.nativeElement);
-        if (!checkboxInput) {
-            return;
-        }
-        checkboxInput.indeterminate = this.selectAllIndeterminate;
-        checkboxInput.setAttribute('aria-label', this.ariaLabel);
-    }
-    get classes() {
-        return `${this.baseClasses} ${this.extraClasses}`.trim();
-    }
-    /**
-     * Applies the initial checkbox aria and indeterminate state after init.
-     */
-    ngOnInit() {
-        this.syncInputState();
-    }
-    /**
-     * Re-syncs checkbox state when relevant inputs change.
-     *
-     * @param changes - Angular change map for current input updates.
-     */
-    ngOnChanges(changes) {
-        if (changes['selectAllIndeterminate'] || changes['ariaLabel']) {
-            this.syncInputState();
-        }
-    }
-    onCheckboxChange(event) {
-        const target = event.target;
-        if (!(target instanceof HTMLInputElement)) {
-            return;
-        }
-        this.toggleAll.emit(target.checked);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojMultiSelectHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: MojMultiSelectHeadDirective, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]", inputs: { extraClasses: "extraClasses", selectAllIndeterminate: "selectAllIndeterminate", ariaLabel: "ariaLabel" }, outputs: { toggleAll: "toggleAll" }, host: { listeners: { "change": "onCheckboxChange($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojMultiSelectHeadDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]',
-                }]
-        }], propDecorators: { extraClasses: [{
-                type: Input
-            }], selectAllIndeterminate: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], toggleAll: [{
-                type: Output
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }], onCheckboxChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }] } });
-
-/**
- * Checks whether a single row is currently selected.
- *
- * @param row - Row object to evaluate.
- * @param index - Row index passed to the id resolver.
- * @param selectedRowIds - Current selected row id set.
- * @param getRowId - Resolver used to extract row id.
- */
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, inject } from "@angular/core";
+const getCheckboxInputFromHost = (hostElement) => hostElement.querySelector("input[type=\"checkbox\"]");
+var MojMultiSelectBodyDirective = class MojMultiSelectBodyDirective {
+	hostElementRef = inject(ElementRef);
+	baseClasses = "govuk-checkboxes__item moj-multi-select__checkbox body-checkbox";
+	rowId;
+	ariaLabel = "";
+	extraClasses = "";
+	selectionChange = new EventEmitter();
+	syncInputState() {
+		const checkboxInput = getCheckboxInputFromHost(this.hostElementRef.nativeElement);
+		if (!checkboxInput) return;
+		const customAriaLabel = this.ariaLabel.trim();
+		if (customAriaLabel) checkboxInput.setAttribute("aria-label", customAriaLabel);
+		else checkboxInput.removeAttribute("aria-label");
+	}
+	get classes() {
+		return `${this.baseClasses} ${this.extraClasses}`.trim();
+	}
+	ngOnInit() {
+		this.syncInputState();
+	}
+	ngOnChanges(changes) {
+		if (changes["ariaLabel"]) this.syncInputState();
+	}
+	onCheckboxChange(event) {
+		const target = event.target;
+		if (!(target instanceof HTMLInputElement)) return;
+		this.selectionChange.emit({
+			rowId: this.rowId,
+			checked: target.checked
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojMultiSelectBodyDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojMultiSelectBodyDirective,
+		isStandalone: true,
+		selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]",
+		inputs: {
+			rowId: "rowId",
+			ariaLabel: "ariaLabel",
+			extraClasses: "extraClasses"
+		},
+		outputs: { selectionChange: "selectionChange" },
+		host: {
+			listeners: { "change": "onCheckboxChange($event)" },
+			properties: { "class": "this.classes" }
+		},
+		usesOnChanges: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojMultiSelectBodyDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectBody], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectBody]" }]
+	}],
+	propDecorators: {
+		rowId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		ariaLabel: [{ type: Input }],
+		extraClasses: [{ type: Input }],
+		selectionChange: [{ type: Output }],
+		classes: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		onCheckboxChange: [{
+			type: HostListener,
+			args: ["change", ["$event"]]
+		}]
+	}
+});
+var MojMultiSelectHeadDirective = class MojMultiSelectHeadDirective {
+	hostElementRef = inject(ElementRef);
+	baseClasses = "govuk-checkboxes__item moj-multi-select__checkbox";
+	extraClasses = "";
+	selectAllIndeterminate = false;
+	ariaLabel = "Select all rows";
+	toggleAll = new EventEmitter();
+	syncInputState() {
+		const checkboxInput = getCheckboxInputFromHost(this.hostElementRef.nativeElement);
+		if (!checkboxInput) return;
+		checkboxInput.indeterminate = this.selectAllIndeterminate;
+		checkboxInput.setAttribute("aria-label", this.ariaLabel);
+	}
+	get classes() {
+		return `${this.baseClasses} ${this.extraClasses}`.trim();
+	}
+	ngOnInit() {
+		this.syncInputState();
+	}
+	ngOnChanges(changes) {
+		if (changes["selectAllIndeterminate"] || changes["ariaLabel"]) this.syncInputState();
+	}
+	onCheckboxChange(event) {
+		const target = event.target;
+		if (!(target instanceof HTMLInputElement)) return;
+		this.toggleAll.emit(target.checked);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojMultiSelectHeadDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojMultiSelectHeadDirective,
+		isStandalone: true,
+		selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]",
+		inputs: {
+			extraClasses: "extraClasses",
+			selectAllIndeterminate: "selectAllIndeterminate",
+			ariaLabel: "ariaLabel"
+		},
+		outputs: { toggleAll: "toggleAll" },
+		host: {
+			listeners: { "change": "onCheckboxChange($event)" },
+			properties: { "class": "this.classes" }
+		},
+		usesOnChanges: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojMultiSelectHeadDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "opal-lib-govuk-checkboxes-item[opalLibMojMultiSelectHead], [opal-lib-govuk-checkboxes-item][opalLibMojMultiSelectHead]" }]
+	}],
+	propDecorators: {
+		extraClasses: [{ type: Input }],
+		selectAllIndeterminate: [{ type: Input }],
+		ariaLabel: [{ type: Input }],
+		toggleAll: [{ type: Output }],
+		classes: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		onCheckboxChange: [{
+			type: HostListener,
+			args: ["change", ["$event"]]
+		}]
+	}
+});
 const isMultiSelectRowSelected = (row, index, selectedRowIds, getRowId) => selectedRowIds.has(getRowId(row, index));
-/**
- * Checks whether all visible rows are selected.
- * Returns false when there are no rows.
- *
- * @param rows - Rows currently displayed.
- * @param selectedRowIds - Current selected row id set.
- * @param getRowId - Resolver used to extract row id.
- */
 const areAllMultiSelectRowsSelected = (rows, selectedRowIds, getRowId) => rows.length > 0 && rows.every((row, index) => selectedRowIds.has(getRowId(row, index)));
-/**
- * Checks whether selection is partial for the current rows.
- * Returns true only when at least one row is selected and at least one is unselected.
- *
- * @param rows - Rows currently displayed.
- * @param selectedRowIds - Current selected row id set.
- * @param getRowId - Resolver used to extract row id.
- */
 const areSomeMultiSelectRowsSelected = (rows, selectedRowIds, getRowId) => {
-    if (rows.length === 0) {
-        return false;
-    }
-    const selectedCount = rows.reduce((count, row, index) => (selectedRowIds.has(getRowId(row, index)) ? count + 1 : count), 0);
-    return selectedCount > 0 && selectedCount < rows.length;
+	if (rows.length === 0) return false;
+	const selectedCount = rows.reduce((count, row, index) => selectedRowIds.has(getRowId(row, index)) ? count + 1 : count, 0);
+	return selectedCount > 0 && selectedCount < rows.length;
 };
-/**
- * Toggles selection for a single row id and returns a new selection set.
- *
- * @param selectedRowIds - Current selected row id set.
- * @param rowId - Row id to add or remove.
- * @param checked - True to add; false to remove.
- */
 const toggleMultiSelectRow = (selectedRowIds, rowId, checked) => {
-    const nextSelectedRowIds = new Set(selectedRowIds);
-    if (checked) {
-        nextSelectedRowIds.add(rowId);
-    }
-    else {
-        nextSelectedRowIds.delete(rowId);
-    }
-    return nextSelectedRowIds;
+	const nextSelectedRowIds = new Set(selectedRowIds);
+	if (checked) nextSelectedRowIds.add(rowId);
+	else nextSelectedRowIds.delete(rowId);
+	return nextSelectedRowIds;
 };
-/**
- * Toggles selection for all visible rows and returns a new selection set.
- * Existing ids not present in `rows` are preserved.
- *
- * @param rows - Rows currently displayed.
- * @param selectedRowIds - Current selected row id set.
- * @param getRowId - Resolver used to extract row id.
- * @param checked - True to add visible ids; false to remove visible ids.
- */
 const toggleAllMultiSelectRows = (rows, selectedRowIds, getRowId, checked) => {
-    const nextSelectedRowIds = new Set(selectedRowIds);
-    rows.forEach((row, index) => {
-        const rowId = getRowId(row, index);
-        if (checked) {
-            nextSelectedRowIds.add(rowId);
-        }
-        else {
-            nextSelectedRowIds.delete(rowId);
-        }
-    });
-    return nextSelectedRowIds;
+	const nextSelectedRowIds = new Set(selectedRowIds);
+	rows.forEach((row, index) => {
+		const rowId = getRowId(row, index);
+		if (checked) nextSelectedRowIds.add(rowId);
+		else nextSelectedRowIds.delete(rowId);
+	});
+	return nextSelectedRowIds;
 };
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { MojMultiSelectBodyDirective, MojMultiSelectHeadDirective, areAllMultiSelectRowsSelected, areSomeMultiSelectRowsSelected, isMultiSelectRowSelected, toggleAllMultiSelectRows, toggleMultiSelectRow };
-//# sourceMappingURL=hmcts-opal-frontend-common-directives-moj-multi-select.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-directives-moj-multi-select.mjs.map