@hmcts/opal-frontend-common 0.0.109 → 0.0.111

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-select-interfaces.mjs

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

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-select.mjs

@@ -1,81 +1,165 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-
-class GovukSelectComponent {
-    _control;
-    labelText;
-    labelClasses;
-    selectId;
-    selectName;
-    selectClasses;
-    selectHint;
-    errors = null;
-    autoComplete = false;
-    autoCompleteValue = null;
-    options;
-    set control(abstractControl) {
-        // Form controls are passed in as abstract controls, we need to re-cast it.
-        this._control = abstractControl;
-    }
-    get getControl() {
-        return this._control;
-    }
-    get describedBy() {
-        const ids = [];
-        if (this.selectHint) {
-            ids.push(`${this.selectId}-hint`);
-        }
-        if (this.errors) {
-            ids.push(`${this.selectId}-error-message`);
-        }
-        return ids.length ? ids.join(' ') : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", autoComplete: "autoComplete", autoCompleteValue: "autoCompleteValue", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-select', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n" }]
-        }], propDecorators: { labelText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], labelClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], selectId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], selectName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], selectClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], selectHint: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errors: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoComplete: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoCompleteValue: [{
-                type: Input,
-                args: [{ required: false }]
-            }], options: [{
-                type: Input,
-                args: [{ required: true }]
-            }], control: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+var GovukSelectComponent = class GovukSelectComponent {
+	_control;
+	labelText;
+	labelClasses;
+	selectId;
+	selectName;
+	selectClasses;
+	selectHint;
+	errors = null;
+	autoComplete = false;
+	autoCompleteValue = null;
+	options;
+	set control(abstractControl) {
+		this._control = abstractControl;
+	}
+	get getControl() {
+		return this._control;
+	}
+	get describedBy() {
+		const ids = [];
+		if (this.selectHint) ids.push(`${this.selectId}-hint`);
+		if (this.errors) ids.push(`${this.selectId}-error-message`);
+		return ids.length ? ids.join(" ") : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSelectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukSelectComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-select",
+		inputs: {
+			labelText: "labelText",
+			labelClasses: "labelClasses",
+			selectId: "selectId",
+			selectName: "selectName",
+			selectClasses: "selectClasses",
+			selectHint: "selectHint",
+			errors: "errors",
+			autoComplete: "autoComplete",
+			autoCompleteValue: "autoCompleteValue",
+			options: "options",
+			control: "control"
+		},
+		ngImport: i0,
+		template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgSelectOption,
+				selector: "option",
+				inputs: ["ngValue", "value"]
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgSelectMultipleOption,
+				selector: "option",
+				inputs: ["ngValue", "value"]
+			},
+			{
+				kind: "directive",
+				type: i1.SelectControlValueAccessor,
+				selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]",
+				inputs: ["compareWith"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.FormControlDirective,
+				selector: "[formControl]",
+				inputs: [
+					"formControl",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngForm"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSelectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-select",
+			imports: [ReactiveFormsModule],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		labelText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		labelClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		selectId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		selectName: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		selectClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		selectHint: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errors: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoComplete: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoCompleteValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		options: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		control: [{
+			type: Input,
+			args: [{ required: true }]
+		}]
+	}
+});
 export { GovukSelectComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-select.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-select.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-skip-link.mjs

@@ -0,0 +1,61 @@
+import { DOCUMENT } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, inject } from "@angular/core";
+import { UtilsService } from "@hmcts/opal-frontend-common/services/utils-service";
+var GovukSkipLinkComponent = class GovukSkipLinkComponent {
+	document = inject(DOCUMENT);
+	utilsService = inject(UtilsService);
+	targetId = "main-content";
+	linkText = "Skip to main content";
+	get href() {
+		return `${this.document.location?.pathname ?? ""}#${this.targetId}`;
+	}
+	onSkipLink(event) {
+		event.preventDefault();
+		this.utilsService.focusElementById(this.targetId);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSkipLinkComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukSkipLinkComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-skip-link",
+		inputs: {
+			targetId: "targetId",
+			linkText: "linkText"
+		},
+		ngImport: i0,
+		template: "<a class=\"govuk-skip-link\" [href]=\"href\" data-module=\"govuk-skip-link\" (click)=\"onSkipLink($event)\">{{ linkText }}</a>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSkipLinkComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-skip-link",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<a class=\"govuk-skip-link\" [href]=\"href\" data-module=\"govuk-skip-link\" (click)=\"onSkipLink($event)\">{{ linkText }}</a>\n"
+		}]
+	}],
+	propDecorators: {
+		targetId: [{ type: Input }],
+		linkText: [{ type: Input }]
+	}
+});
+export { GovukSkipLinkComponent };
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-skip-link.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs

@@ -1,86 +1,154 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukSummaryCardActionComponent {
-    actionText;
-    actionRoute;
-    visuallyHiddenText;
-    clickEvent = new EventEmitter();
-    hostClass = 'govuk-summary-card__action';
-    /**
-     * Handles click events, prevents default behavior, and emits a route.
-     *
-     * @param {Event} event - The DOM event triggered by the user action.
-     * @param {string} route - The route to be emitted when the event is triggered.
-     */
-    onClick(event, route) {
-        event.preventDefault();
-        this.clickEvent.emit(route);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
-        }], propDecorators: { actionText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], actionRoute: [{
-                type: Input,
-                args: [{ required: true }]
-            }], visuallyHiddenText: [{
-                type: Input,
-                args: [{ required: false }]
-            }], clickEvent: [{
-                type: Output
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class GovukSummaryCardListComponent {
-    summaryCardListId;
-    cardTitle;
-    contentHidden;
-    headingLevel = 2;
-    classes;
-    get class() {
-        return `govuk-summary-card ${this.classes || ''}`;
-    }
-    id;
-    setId() {
-        this.id = this.summaryCardListId + '-summary-card-list';
-    }
-    ngOnInit() {
-        this.setId();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { summaryCardListId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], cardTitle: [{
-                type: Input,
-                args: [{ required: false }]
-            }], contentHidden: [{
-                type: Input,
-                args: [{ required: false }]
-            }], headingLevel: [{
-                type: Input,
-                args: [{ required: false }]
-            }], classes: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from "@angular/core";
+var GovukSummaryCardActionComponent = class GovukSummaryCardActionComponent {
+	actionText;
+	actionRoute;
+	visuallyHiddenText;
+	clickEvent = new EventEmitter();
+	hostClass = "govuk-summary-card__action";
+	onClick(event, route) {
+		event.preventDefault();
+		this.clickEvent.emit(route);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryCardActionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukSummaryCardActionComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]",
+		inputs: {
+			actionText: "actionText",
+			actionRoute: "actionRoute",
+			visuallyHiddenText: "visuallyHiddenText"
+		},
+		outputs: { clickEvent: "clickEvent" },
+		host: { properties: { "class": "this.hostClass" } },
+		ngImport: i0,
+		template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSummaryCardActionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n"
+		}]
+	}],
+	propDecorators: {
+		actionText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		actionRoute: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		visuallyHiddenText: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		clickEvent: [{ type: Output }],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+var GovukSummaryCardListComponent = class GovukSummaryCardListComponent {
+	summaryCardListId;
+	cardTitle;
+	contentHidden;
+	headingLevel = 2;
+	classes;
+	get class() {
+		return `govuk-summary-card ${this.classes || ""}`;
+	}
+	id;
+	setId() {
+		this.id = this.summaryCardListId + "-summary-card-list";
+	}
+	ngOnInit() {
+		this.setId();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryCardListComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukSummaryCardListComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-card-list",
+		inputs: {
+			summaryCardListId: "summaryCardListId",
+			cardTitle: "cardTitle",
+			contentHidden: "contentHidden",
+			headingLevel: "headingLevel",
+			classes: "classes"
+		},
+		ngImport: i0,
+		template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSummaryCardListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-card-list",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		summaryCardListId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		cardTitle: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		contentHidden: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		headingLevel: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		classes: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { GovukSummaryCardActionComponent, GovukSummaryCardListComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs.map