@hmcts/opal-frontend-common 0.0.109 → 0.0.111

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

@@ -1,97 +1,153 @@
-import * as i0 from '@angular/core';
-import { inject, HostBinding, Input, ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-import { Subject, takeUntil } from 'rxjs';
-
-class MojSubNavigationItemComponent {
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    subNavItemId;
-    subNavItemFragment;
-    subNavItemText;
-    activeSubNavItemFragment;
-    hostClass = 'moj-sub-navigation__item';
-    hostId = this.subNavItemId;
-    /**
-     * Handles the click event of a sub-navigation item.
-     * @param event - The click event.
-     * @param item - The item string.
-     */
-    handleItemClick(event, item) {
-        event.preventDefault();
-        // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
-        this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n" }]
-        }], propDecorators: { subNavItemId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], subNavItemFragment: [{
-                type: Input,
-                args: [{ required: true }]
-            }], subNavItemText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], activeSubNavItemFragment: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['id']
-            }] } });
-
-class MojSubNavigationComponent {
-    route = inject(ActivatedRoute);
-    ngUnsubscribe = new Subject();
-    subNavId;
-    activeSubNavItemFragment = new EventEmitter();
-    /**
-     * Sets up the listeners for the route fragment changes.
-     * Emits the active navigation item when a fragment is present in the route.
-     */
-    setupListeners() {
-        // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
-        this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {
-            if (fragment) {
-                this.activeSubNavItemFragment.emit(fragment);
-            }
-        });
-    }
-    ngOnInit() {
-        this.setupListeners();
-    }
-    /**
-     * Lifecycle hook that is called when the component is about to be destroyed.
-     * Unsubscribes from the route fragment subscription.
-     */
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-sub-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n" }]
-        }], propDecorators: { subNavId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], activeSubNavItemFragment: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, inject } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { Subject, takeUntil } from "rxjs";
+var MojSubNavigationItemComponent = class MojSubNavigationItemComponent {
+	router = inject(Router);
+	route = inject(ActivatedRoute);
+	subNavItemId;
+	subNavItemFragment;
+	subNavItemText;
+	activeSubNavItemFragment;
+	hostClass = "moj-sub-navigation__item";
+	hostId = this.subNavItemId;
+	handleItemClick(event, item) {
+		event.preventDefault();
+		this.router.navigate(["./"], {
+			relativeTo: this.route,
+			fragment: item
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSubNavigationItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSubNavigationItemComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]",
+		inputs: {
+			subNavItemId: "subNavItemId",
+			subNavItemFragment: "subNavItemFragment",
+			subNavItemText: "subNavItemText",
+			activeSubNavItemFragment: "activeSubNavItemFragment"
+		},
+		host: { properties: {
+			"class": "this.hostClass",
+			"id": "this.hostId"
+		} },
+		ngImport: i0,
+		template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSubNavigationItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n"
+		}]
+	}],
+	propDecorators: {
+		subNavItemId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		subNavItemFragment: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		subNavItemText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		activeSubNavItemFragment: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		hostClass: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		hostId: [{
+			type: HostBinding,
+			args: ["id"]
+		}]
+	}
+});
+var MojSubNavigationComponent = class MojSubNavigationComponent {
+	route = inject(ActivatedRoute);
+	ngUnsubscribe = new Subject();
+	subNavId;
+	activeSubNavItemFragment = new EventEmitter();
+	setupListeners() {
+		this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {
+			if (fragment) this.activeSubNavItemFragment.emit(fragment);
+		});
+	}
+	ngOnInit() {
+		this.setupListeners();
+	}
+	ngOnDestroy() {
+		this.ngUnsubscribe.next();
+		this.ngUnsubscribe.complete();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojSubNavigationComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojSubNavigationComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-sub-navigation",
+		inputs: { subNavId: "subNavId" },
+		outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" },
+		ngImport: i0,
+		template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojSubNavigationComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-sub-navigation",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n"
+		}]
+	}],
+	propDecorators: {
+		subNavId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		activeSubNavItemFragment: [{ type: Output }]
+	}
+});
 export { MojSubNavigationComponent, MojSubNavigationItemComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs.map

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

@@ -1,30 +1,62 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojTicketPanelComponent {
-    componentClasses;
-    sectionClasses;
-    alert;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-ticket-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n" }]
-        }], propDecorators: { componentClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], sectionClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], alert: [{
-                type: Input,
-                args: [{ required: false }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+var MojTicketPanelComponent = class MojTicketPanelComponent {
+	componentClasses;
+	sectionClasses;
+	alert;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojTicketPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojTicketPanelComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-ticket-panel",
+		inputs: {
+			componentClasses: "componentClasses",
+			sectionClasses: "sectionClasses",
+			alert: "alert"
+		},
+		ngImport: i0,
+		template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojTicketPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-ticket-panel",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n"
+		}]
+	}],
+	propDecorators: {
+		componentClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		sectionClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		alert: [{
+			type: Input,
+			args: [{ required: false }]
+		}]
+	}
+});
 export { MojTicketPanelComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs.map

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

@@ -1,27 +1,75 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-class MojTimelineItemComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-timeline-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n" }]
-        }] });
-
-class MojTimelineComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MojTimelineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-moj-timeline', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n" }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var MojTimelineItemComponent = class MojTimelineItemComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojTimelineItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojTimelineItemComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-timeline-item",
+		ngImport: i0,
+		template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojTimelineItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-timeline-item",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n"
+		}]
+	}]
+});
+var MojTimelineComponent = class MojTimelineComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: MojTimelineComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: MojTimelineComponent,
+		isStandalone: true,
+		selector: "opal-lib-moj-timeline",
+		ngImport: i0,
+		template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: MojTimelineComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-moj-timeline",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n"
+		}]
+	}]
+});
 export { MojTimelineComponent, MojTimelineItemComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-timeline.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-timeline.mjs.map

package/fesm2022/hmcts-opal-frontend-common-concurrency-failure.component-BqsP0gj2.mjs

@@ -0,0 +1,41 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var ConcurrencyFailureComponent = class ConcurrencyFailureComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: ConcurrencyFailureComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: ConcurrencyFailureComponent,
+		isStandalone: true,
+		selector: "opal-lib-concurrency-failure",
+		ngImport: i0,
+		template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: ConcurrencyFailureComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-concurrency-failure",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n"
+		}]
+	}]
+});
+export { ConcurrencyFailureComponent };
+
+//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-BqsP0gj2.mjs.map

package/fesm2022/hmcts-opal-frontend-common-constants.mjs

@@ -1,14 +1,12 @@
 const FOOTER_LINKS = {
-    licenseLink: 'https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/',
-    licenseVersion: '3.0',
-    copyrightLink: 'https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/',
+	licenseLink: "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/",
+	licenseVersion: "3.0",
+	copyrightLink: "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
 };
-
 const HEADER_LINKS = {
-    govukLink: 'https://www.gov.uk/',
-    serviceLink: '/',
+	govukLink: "https://www.gov.uk/",
+	serviceLink: "/"
 };
-
 const ALPHANUMERIC_WITH_SPACES_PATTERN = /^[a-zA-Z0-9 ]*$/;
 const ADDRESS_LINE_PATTERN = /^[a-zA-Z0-9'*,()_ .-]*$/;
 const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN = /^[a-zA-Z0-9\s'.-]*$/;
@@ -25,10 +23,6 @@ const TWO_DECIMAL_PLACES_PATTERN = /^\d+(\.\d{0,2})?$/;
 const ACCOUNT_NUMBER_PATTERN = /^\d{8}([A-Z])?$/;
 const SINGLE_ASCII_CHARACTERS = /^[\x20-\x7E]*$/;
 const SINGLE_ASCII_CHARACTERS_WITH_POUND = /^[\x20-\x7E£]*$/;
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { ACCOUNT_NUMBER_PATTERN, ADDRESS_LINE_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN };
-//# sourceMappingURL=hmcts-opal-frontend-common-constants.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-directives-capitalisation.mjs

@@ -1,44 +1,56 @@
-import * as i0 from '@angular/core';
-import { inject, Input, Directive } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
-import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';
-
-class CapitalisationDirective {
-    destroy$ = new Subject();
-    utilsService = inject(UtilsService);
-    control;
-    ngOnInit() {
-        if (!this.control)
-            return;
-        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
-            if (typeof value === 'string' && value.length > 0) {
-                const upper = this.utilsService.upperCaseAllLetters(value);
-                if (value !== upper) {
-                    this.control.setValue(upper, { emitEvent: false });
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CapitalisationDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[opalLibCapitaliseAllCharacters]',
-                }]
-        }], propDecorators: { control: [{
-                type: Input,
-                args: ['opalLibCapitaliseAllCharacters']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Directive, Input, inject } from "@angular/core";
+import { Subject, takeUntil } from "rxjs";
+import { UtilsService } from "@hmcts/opal-frontend-common/services/utils-service";
+var CapitalisationDirective = class CapitalisationDirective {
+	destroy$ = new Subject();
+	utilsService = inject(UtilsService);
+	control;
+	ngOnInit() {
+		if (!this.control) return;
+		this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+			if (typeof value === "string" && value.length > 0) {
+				const upper = this.utilsService.upperCaseAllLetters(value);
+				if (value !== upper) this.control.setValue(upper, { emitEvent: false });
+			}
+		});
+	}
+	ngOnDestroy() {
+		this.destroy$.next();
+		this.destroy$.complete();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: CapitalisationDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: CapitalisationDirective,
+		isStandalone: true,
+		selector: "[opalLibCapitaliseAllCharacters]",
+		inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: CapitalisationDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[opalLibCapitaliseAllCharacters]" }]
+	}],
+	propDecorators: { control: [{
+		type: Input,
+		args: ["opalLibCapitaliseAllCharacters"]
+	}] }
+});
 export { CapitalisationDirective };
-//# sourceMappingURL=hmcts-opal-frontend-common-directives-capitalisation.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-directives-capitalisation.mjs.map