@hmcts/opal-frontend-common 0.0.108 → 0.0.110

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

@@ -1,122 +1,247 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Output, Input, ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';
-
-class GovukSummaryListRowActionItemComponent {
-    actionName;
-    actionId;
-    visuallyHiddenText;
-    linkClick = new EventEmitter();
-    hostClass = 'govuk-summary-list__actions-list-item govuk-link-colour';
-    /**
-     * Handles the click event for the action button.
-     * @param event - The click event.
-     */
-    handleActionClick(event, linkClicked) {
-        event.preventDefault();
-        this.linkClick.emit(linkClicked);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</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.21", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
-        }], propDecorators: { actionName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], actionId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], visuallyHiddenText: [{
-                type: Input,
-                args: [{ required: false }]
-            }], linkClick: [{
-                type: Output
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class GovukSummaryListRowActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-list-row-actions', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n" }]
-        }] });
-
-class GovukSummaryListRowComponent {
-    utilService = inject(UtilsService);
-    _summaryListRowId;
-    actionClick = new EventEmitter();
-    actionEnabled = false;
-    summaryListId;
-    set summaryListRowId(summaryListRowId) {
-        this._summaryListRowId = this.utilService.upperCaseFirstLetter(summaryListRowId);
-    }
-    // We need to set the class and id on the host div element
-    // A div needs to be passed, otherwise we will get https://dequeuniversity.com/rules/axe/4.8/definition-list?application=RuleDescription
-    // As it doesn't like nested divs
-    class;
-    id;
-    /**
-     * Handles the click event for the action button.
-     * @param event - The click event.
-     */
-    handleActionClick(event) {
-        event.preventDefault();
-        this.actionClick.emit(true);
-    }
-    ngOnInit() {
-        this.id = this.summaryListId + this._summaryListRowId;
-        this.class = 'govuk-summary-list__row';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"] }]
-        }], propDecorators: { actionClick: [{
-                type: Output
-            }], actionEnabled: [{
-                type: Input
-            }], summaryListId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], summaryListRowId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], class: [{
-                type: HostBinding,
-                args: ['class']
-            }], id: [{
-                type: HostBinding,
-                args: ['id']
-            }] } });
-
-class GovukSummaryListComponent {
-    summaryListId;
-    classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n" }]
-        }], propDecorators: { summaryListId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], 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, inject } from "@angular/core";
+import { UtilsService } from "@hmcts/opal-frontend-common/services/utils-service";
+var GovukSummaryListRowActionItemComponent = class GovukSummaryListRowActionItemComponent {
+	actionName;
+	actionId;
+	visuallyHiddenText;
+	linkClick = new EventEmitter();
+	hostClass = "govuk-summary-list__actions-list-item govuk-link-colour";
+	handleActionClick(event, linkClicked) {
+		event.preventDefault();
+		this.linkClick.emit(linkClicked);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryListRowActionItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukSummaryListRowActionItemComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]",
+		inputs: {
+			actionName: "actionName",
+			actionId: "actionId",
+			visuallyHiddenText: "visuallyHiddenText"
+		},
+		outputs: { linkClick: "linkClick" },
+		host: { properties: { "class": "this.hostClass" } },
+		ngImport: i0,
+		template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</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: GovukSummaryListRowActionItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n"
+		}]
+	}],
+	propDecorators: {
+		actionName: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		actionId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		visuallyHiddenText: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		linkClick: [{ type: Output }],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+var GovukSummaryListRowActionsComponent = class GovukSummaryListRowActionsComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryListRowActionsComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukSummaryListRowActionsComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-list-row-actions",
+		ngImport: i0,
+		template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSummaryListRowActionsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-list-row-actions",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n"
+		}]
+	}]
+});
+var GovukSummaryListRowComponent = class GovukSummaryListRowComponent {
+	utilService = inject(UtilsService);
+	_summaryListRowId;
+	actionClick = new EventEmitter();
+	actionEnabled = false;
+	summaryListId;
+	set summaryListRowId(summaryListRowId) {
+		this._summaryListRowId = this.utilService.upperCaseFirstLetter(summaryListRowId);
+	}
+	class;
+	id;
+	handleActionClick(event) {
+		event.preventDefault();
+		this.actionClick.emit(true);
+	}
+	ngOnInit() {
+		this.id = this.summaryListId + this._summaryListRowId;
+		this.class = "govuk-summary-list__row";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryListRowComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukSummaryListRowComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]",
+		inputs: {
+			actionEnabled: "actionEnabled",
+			summaryListId: "summaryListId",
+			summaryListRowId: "summaryListRowId"
+		},
+		outputs: { actionClick: "actionClick" },
+		host: { properties: {
+			"class": "this.class",
+			"id": "this.id"
+		} },
+		ngImport: i0,
+		template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n",
+		styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSummaryListRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n",
+			styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		actionClick: [{ type: Output }],
+		actionEnabled: [{ type: Input }],
+		summaryListId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		summaryListRowId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		class: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		id: [{
+			type: HostBinding,
+			args: ["id"]
+		}]
+	}
+});
+var GovukSummaryListComponent = class GovukSummaryListComponent {
+	summaryListId;
+	classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukSummaryListComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukSummaryListComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-summary-list",
+		inputs: {
+			summaryListId: "summaryListId",
+			classes: "classes"
+		},
+		ngImport: i0,
+		template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukSummaryListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-summary-list",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n"
+		}]
+	}],
+	propDecorators: {
+		summaryListId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		classes: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { GovukSummaryListComponent, GovukSummaryListRowActionItemComponent, GovukSummaryListRowActionsComponent, GovukSummaryListRowComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs.map