@hmcts/opal-frontend-common 0.0.108 → 0.0.110

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

@@ -1,91 +1,225 @@
-import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukTableBodyRowDataComponent {
-    id;
-    hostClass = 'govuk-table__cell';
-    get hostId() {
-        return this.id;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { id: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['id']
-            }] } });
-
-class GovukTableBodyRowComponent {
-    bodyRowClasses = '';
-    get hostClass() {
-        return `govuk-table__row ${this.bodyRowClasses}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { bodyRowClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class GovukTableHeadingComponent {
-    hostClass = `govuk-table__header`;
-    get hostScope() {
-        return 'col';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostScope: [{
-                type: HostBinding,
-                args: ['scope']
-            }] } });
-
-class GovukTableComponent {
-    tableClasses;
-    caption = null;
-    captionClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses", caption: "caption", captionClasses: "captionClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  @if (caption) {\n    <caption class=\"govuk-table__caption {{ captionClasses }}\">\n      {{\n        caption\n      }}\n    </caption>\n  }\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-table', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  @if (caption) {\n    <caption class=\"govuk-table__caption {{ captionClasses }}\">\n      {{\n        caption\n      }}\n    </caption>\n  }\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n" }]
-        }], propDecorators: { tableClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], caption: [{
-                type: Input,
-                args: [{ required: false }]
-            }], captionClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from "@angular/core";
+var GovukTableBodyRowDataComponent = class GovukTableBodyRowDataComponent {
+	id;
+	hostClass = "govuk-table__cell";
+	get hostId() {
+		return this.id;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTableBodyRowDataComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukTableBodyRowDataComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]",
+		inputs: { id: "id" },
+		host: { properties: {
+			"class": "this.hostClass",
+			"id": "this.hostId"
+		} },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTableBodyRowDataComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		hostId: [{
+			type: HostBinding,
+			args: ["id"]
+		}]
+	}
+});
+var GovukTableBodyRowComponent = class GovukTableBodyRowComponent {
+	bodyRowClasses = "";
+	get hostClass() {
+		return `govuk-table__row ${this.bodyRowClasses}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTableBodyRowComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukTableBodyRowComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]",
+		inputs: { bodyRowClasses: "bodyRowClasses" },
+		host: { properties: { "class": "this.hostClass" } },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTableBodyRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		bodyRowClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+var GovukTableHeadingComponent = class GovukTableHeadingComponent {
+	hostClass = `govuk-table__header`;
+	get hostScope() {
+		return "col";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTableHeadingComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukTableHeadingComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]",
+		host: { properties: {
+			"class": "this.hostClass",
+			"scope": "this.hostScope"
+		} },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTableHeadingComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		hostScope: [{
+			type: HostBinding,
+			args: ["scope"]
+		}]
+	}
+});
+var GovukTableComponent = class GovukTableComponent {
+	tableClasses;
+	caption = null;
+	captionClasses;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTableComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukTableComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-table",
+		inputs: {
+			tableClasses: "tableClasses",
+			caption: "caption",
+			captionClasses: "captionClasses"
+		},
+		ngImport: i0,
+		template: "<table class=\"govuk-table {{ tableClasses }}\">\n  @if (caption) {\n    <caption class=\"govuk-table__caption {{ captionClasses }}\">\n      {{\n        caption\n      }}\n    </caption>\n  }\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTableComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-table",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<table class=\"govuk-table {{ tableClasses }}\">\n  @if (caption) {\n    <caption class=\"govuk-table__caption {{ captionClasses }}\">\n      {{\n        caption\n      }}\n    </caption>\n  }\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n"
+		}]
+	}],
+	propDecorators: {
+		tableClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		caption: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		captionClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { GovukTableBodyRowComponent, GovukTableBodyRowDataComponent, GovukTableComponent, GovukTableHeadingComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-table.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-table.mjs.map

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

@@ -1,77 +1,100 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-
-class GovukTabsListItemComponent {
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    elementRef = inject((ElementRef));
-    tabItemId;
-    tabItemFragment;
-    activeTabItemFragment;
-    get hostClass() {
-        return this.isActive ? 'govuk-tabs__list-item govuk-tabs__list-item--selected' : 'govuk-tabs__list-item';
-    }
-    get hostRole() {
-        return 'presentation';
-    }
-    /**
-     * Resolves the tab item ID, using the tabs prefix when none is provided.
-     */
-    get resolvedTabItemId() {
-        if (this.tabItemId) {
-            return this.tabItemId;
-        }
-        const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';
-        return `${prefix}-${this.tabItemFragment}`;
-    }
-    /**
-     * Indicates whether this tab matches the active fragment.
-     */
-    get isActive() {
-        return this.activeTabItemFragment === this.tabItemFragment;
-    }
-    /**
-     * Handles the click event of a sub-navigation item.
-     * @param event - The click event.
-     * @param item - The item string.
-     */
-    handleItemClick(event, item) {
-        event.preventDefault();
-        this.activate(item);
-    }
-    /**
-     * Navigates to the provided fragment.
-     */
-    activate(fragment) {
-        this.router.navigate(['./'], { relativeTo: this.route, fragment });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n" }]
-        }], propDecorators: { tabItemId: [{
-                type: Input,
-                args: [{ required: false }]
-            }], tabItemFragment: [{
-                type: Input,
-                args: [{ required: true }]
-            }], activeTabItemFragment: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, inject } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+var GovukTabsListItemComponent = class GovukTabsListItemComponent {
+	router = inject(Router);
+	route = inject(ActivatedRoute);
+	elementRef = inject(ElementRef);
+	tabItemId;
+	tabItemFragment;
+	activeTabItemFragment;
+	get hostClass() {
+		return this.isActive ? "govuk-tabs__list-item govuk-tabs__list-item--selected" : "govuk-tabs__list-item";
+	}
+	get hostRole() {
+		return "presentation";
+	}
+	get resolvedTabItemId() {
+		if (this.tabItemId) return this.tabItemId;
+		return `${this.elementRef.nativeElement.closest(".govuk-tabs")?.id ?? "tab"}-${this.tabItemFragment}`;
+	}
+	get isActive() {
+		return this.activeTabItemFragment === this.tabItemFragment;
+	}
+	handleItemClick(event, item) {
+		event.preventDefault();
+		this.activate(item);
+	}
+	activate(fragment) {
+		this.router.navigate(["./"], {
+			relativeTo: this.route,
+			fragment
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTabsListItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukTabsListItemComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]",
+		inputs: {
+			tabItemId: "tabItemId",
+			tabItemFragment: "tabItemFragment",
+			activeTabItemFragment: "activeTabItemFragment"
+		},
+		host: { properties: {
+			"class": "this.hostClass",
+			"attr.role": "this.hostRole"
+		} },
+		ngImport: i0,
+		template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTabsListItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n"
+		}]
+	}],
+	propDecorators: {
+		tabItemId: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		tabItemFragment: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		activeTabItemFragment: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		hostRole: [{
+			type: HostBinding,
+			args: ["attr.role"]
+		}]
+	}
+});
 export { GovukTabsListItemComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs.map

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

@@ -1,52 +1,79 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukTabsPanelComponent {
-    elementRef = inject((ElementRef));
-    tabItemId;
-    hostClass = 'govuk-tabs__panel';
-    role = 'tabpanel';
-    /**
-     * Ensures the panel renders as a block element so GOV.UK padding/border styles wrap content correctly.
-     */
-    display = 'block';
-    get ariaLabelledBy() {
-        if (this.tabItemId) {
-            return this.tabItemId;
-        }
-        const panelId = this.elementRef.nativeElement.id;
-        if (!panelId) {
-            return null;
-        }
-        const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';
-        return `${prefix}-${panelId}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { tabItemId: [{
-                type: Input,
-                args: [{ required: false }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], display: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], ariaLabelledBy: [{
-                type: HostBinding,
-                args: ['attr.aria-labelledby']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, inject } from "@angular/core";
+var GovukTabsPanelComponent = class GovukTabsPanelComponent {
+	elementRef = inject(ElementRef);
+	tabItemId;
+	hostClass = "govuk-tabs__panel";
+	role = "tabpanel";
+	display = "block";
+	get ariaLabelledBy() {
+		if (this.tabItemId) return this.tabItemId;
+		const panelId = this.elementRef.nativeElement.id;
+		if (!panelId) return null;
+		return `${this.elementRef.nativeElement.closest(".govuk-tabs")?.id ?? "tab"}-${panelId}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTabsPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukTabsPanelComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-tabs-panel",
+		inputs: { tabItemId: "tabItemId" },
+		host: { properties: {
+			"class": "this.hostClass",
+			"attr.role": "this.role",
+			"style.display": "this.display",
+			"attr.aria-labelledby": "this.ariaLabelledBy"
+		} },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukTabsPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-tabs-panel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n"
+		}]
+	}],
+	propDecorators: {
+		tabItemId: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		role: [{
+			type: HostBinding,
+			args: ["attr.role"]
+		}],
+		display: [{
+			type: HostBinding,
+			args: ["style.display"]
+		}],
+		ariaLabelledBy: [{
+			type: HostBinding,
+			args: ["attr.aria-labelledby"]
+		}]
+	}
+});
 export { GovukTabsPanelComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs.map