@hmcts/opal-frontend-common 0.0.4 → 0.0.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-item/moj-pagination-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-item/moj-pagination-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-link/moj-pagination-link.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-link/moj-pagination-link.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-list/moj-pagination-list.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination-list/moj-pagination-list.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/hmcts-opal-frontend-common-components-moj-moj-pagination.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-item , [opal-lib-moj-pagination-item]',\n  imports: [],\n  templateUrl: './moj-pagination-item.component.html',\n})\nexport class MojPaginationItemComponent {\n  @HostBinding('class') class = 'moj-pagination__item';\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-link',\n  imports: [],\n  templateUrl: './moj-pagination-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationLinkComponent {\n  @Input({ required: true }) page: number | string = 1;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) totalPages: number = 1;\n  @Input() changePage: EventEmitter<number> = new EventEmitter<number>();\n\n  /**\n   * Checks if the given page number is not the current page.\n   *\n   * @param page - The page number to check.\n   * @returns A boolean indicating whether the given page is not the current page.\n   */\n\n  private pageIsNotCurrentPage(page: number): boolean {\n    return page !== this.currentPage;\n  }\n\n  /**\n   * Checks if the given page number is not negative.\n   *\n   * @param page - The page number to check.\n   * @returns `true` if the page number is greater than 0, otherwise `false`.\n   */\n\n  private pageIsNotNegative(page: number): boolean {\n    return page > 0;\n  }\n\n  /**\n   * Checks if the given page number is not greater than the total number of pages.\n   *\n   * @param page - The page number to check.\n   * @returns `true` if the page number is less than or equal to the total number of pages, otherwise `false`.\n   */\n\n  private pageIsNotGreaterThanTotalPages(page: number): boolean {\n    return page <= this.totalPages;\n  }\n  /**\n   * Handles the page change event.\n   *\n   * @param event - The mouse event that triggered the page change.\n   * @param page - The page number to change to.\n   *\n   * Prevents the default action of the event and checks if the page number is valid.\n   * A valid page number is one that is not the current page, is greater than 0,\n   * and is less than or equal to the total number of pages.\n   * If the page number is valid, emits the changePage event with the new page number.\n   */\n  public changePageEvent(event: MouseEvent, page: number): void {\n    event.preventDefault();\n\n    if (this.pageIsNotCurrentPage(page) && this.pageIsNotNegative(page) && this.pageIsNotGreaterThanTotalPages(page)) {\n      this.changePage.emit(page);\n    }\n  }\n}\n","<a class=\"moj-pagination__link\" href=\"#\" (click)=\"changePageEvent($event, +page)\"> <ng-content></ng-content></a>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination-list , [opal-lib-moj-pagination-list]',\n  imports: [],\n  templateUrl: './moj-pagination-list.component.html',\n})\nexport class MojPaginationListComponent {\n  @HostBinding('class') class = 'moj-pagination__list';\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\nimport { MojPaginationItemComponent } from './moj-pagination-item/moj-pagination-item.component';\nimport { MojPaginationListComponent } from './moj-pagination-list/moj-pagination-list.component';\nimport { MojPaginationLinkComponent } from './moj-pagination-link/moj-pagination-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-moj-pagination,',\n  styleUrls: ['./moj-pagination.component.scss'],\n\n  imports: [CommonModule, MojPaginationItemComponent, MojPaginationListComponent, MojPaginationLinkComponent],\n  templateUrl: './moj-pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  @Input() currentPage = 1;\n  @Input() total = 0;\n  @Input() maxPagesToShow = 5;\n  @Input() limit = 100;\n  @Input() ariaLabel = 'Pagination navigation';\n  @Output() changePage = new EventEmitter<number>();\n\n  public pages = signal<(number | string)[]>([]);\n  public totalPages = signal<number>(0);\n  public startItem = signal<number>(0);\n  public endItem = signal<number>(0);\n  public totalItems = signal<number>(0);\n\n  /**\n   * Updates the pagination signals based on the current state.\n   *\n   * This method recalculates and sets the following signals:\n   * - `totalPages`: The total number of pages based on the total items and items per page limit.\n   * - `startItem`: The index of the first item on the current page.\n   * - `endItem`: The index of the last item on the current page.\n   * - `pages`: The array of page numbers to be displayed.\n   * - `totalItems`: The total number of items.\n   *\n   * @private\n   */\n  private setSignals(): void {\n    this.totalPages.set(this.getTotalPages(this.total, this.limit));\n    this.startItem.set(this.getStartItem(this.currentPage, this.limit));\n    this.endItem.set(this.getEndItem(this.currentPage, this.limit, this.total));\n    this.setPages();\n    this.setTotalItems();\n  }\n\n  /**\n   * Calculates the total number of pages based on the total number of items and the limit of items per page.\n   *\n   * @param total - The total number of items.\n   * @param limit - The number of items per page.\n   * @returns The total number of pages.\n   */\n  private getTotalPages(total: number, limit: number): number {\n    return Math.ceil(total / limit);\n  }\n  /**\n   * Sets the pagination pages based on the current page and total pages.\n   * This method updates the `pages` property with the result of the `getPages` method.\n   *\n   * @private\n   */\n  private setPages(): void {\n    this.pages.set(this.getPages(this.currentPage, this.totalPages()));\n  }\n\n  /**\n   * Calculates the starting item index for pagination.\n   *\n   * @param currentPage - The current page number.\n   * @param limit - The number of items per page.\n   * @returns The starting item index for the given page.\n   */\n  private getStartItem(currentPage: number, limit: number): number {\n    return (currentPage - 1) * limit + 1;\n  }\n\n  /**\n   * Calculates the end item index for pagination.\n   *\n   * @param currentPage - The current page number.\n   * @param limit - The number of items per page.\n   * @param total - The total number of items.\n   * @returns The index of the last item on the current page, or the total number of items if the end of the list is reached.\n   */\n  private getEndItem(currentPage: number, limit: number, total: number): number {\n    return Math.min(currentPage * limit, total);\n  }\n  /**\n   * Updates the total number of items by setting the value of `totalItems` to the current `total`.\n   *\n   * @private\n   */\n  private setTotalItems(): void {\n    this.totalItems.set(this.total);\n  }\n\n  /**\n   * Generates an array of page numbers and ellipses for pagination display.\n   *\n   * @param currentPage - The current active page number.\n   * @param totalPages - The total number of pages available.\n   * @returns An array of page numbers and ellipses representing the pagination.\n   *\n   * The function ensures that the pagination display shows a maximum of 5 pages at a time.\n   * It calculates the range of pages to display based on the current page and total pages.\n   * If the start page is greater than 1, it adds an ellipsis and the first page at the beginning.\n   * If the end page is less than the total pages, it adds an ellipsis and the last page at the end.\n   */\n  private getPages(currentPage: number, totalPages: number): (number | string)[] {\n    const halfPagesToShow = Math.floor(this.maxPagesToShow / 2);\n    const eclipses = '...';\n\n    const startPage = this.calculateStartPage(currentPage, totalPages, halfPagesToShow);\n    const endPage = this.calculateEndPage(currentPage, totalPages, halfPagesToShow);\n\n    const pages = this.generatePageNumbers(startPage, endPage);\n\n    if (startPage > 1) {\n      pages.unshift(eclipses);\n      pages.unshift(1);\n    }\n\n    if (endPage < totalPages) {\n      pages.push(eclipses);\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }\n\n  /**\n   * Calculates the start page for pagination based on the current page, total pages, and the number of pages to show on either side of the current page.\n   *\n   * @param currentPage - The current active page number.\n   * @param totalPages - The total number of pages available.\n   * @param halfPagesToShow - The number of pages to show on either side of the current page.\n   * @returns The start page number for pagination.\n   */\n  private calculateStartPage(currentPage: number, totalPages: number, halfPagesToShow: number): number {\n    let startPage = Math.max(1, currentPage - halfPagesToShow);\n\n    if (currentPage - halfPagesToShow <= 0) {\n      startPage = 1;\n    } else if (currentPage + halfPagesToShow > totalPages) {\n      startPage = Math.max(1, startPage - (currentPage + halfPagesToShow - totalPages));\n    }\n\n    return startPage;\n  }\n\n  /**\n   * Calculates the end page number for pagination based on the current page, total pages, and the number of pages to show.\n   *\n   * @param currentPage - The current page number.\n   * @param totalPages - The total number of pages.\n   * @param halfPagesToShow - Half the number of pages to show around the current page.\n   * @returns The calculated end page number.\n   */\n  private calculateEndPage(currentPage: number, totalPages: number, halfPagesToShow: number): number {\n    let endPage = Math.min(totalPages, currentPage + halfPagesToShow);\n\n    if (currentPage - halfPagesToShow <= 0) {\n      endPage = Math.min(totalPages, endPage + (halfPagesToShow - currentPage + 1));\n    } else if (currentPage + halfPagesToShow > totalPages) {\n      endPage = totalPages;\n    }\n\n    return endPage;\n  }\n\n  /**\n   * Generates an array of page numbers from the startPage to the endPage.\n   *\n   * @param startPage - The starting page number.\n   * @param endPage - The ending page number.\n   * @returns An array of page numbers from startPage to endPage.\n   */\n  private generatePageNumbers(startPage: number, endPage: number): (number | string)[] {\n    const pages: (number | string)[] = [];\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  public ngOnChanges(): void {\n    this.setSignals();\n  }\n}\n","<nav class=\"moj-pagination moj-pagination-alignment\" [attr.aria-label]=\"ariaLabel\">\n  <ul opal-lib-moj-pagination-list>\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--prev\">\n      @if (currentPage > 1) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage - 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Previous<span class=\"govuk-visually-hidden\"> page </span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n    @for (page of pages(); track page) {\n      <li\n        opal-lib-moj-pagination-item\n        [class.moj-pagination__item--active]=\"page === currentPage\"\n        [class.moj-pagination__item--dot]=\"page === '...'\"\n      >\n        @if (page !== currentPage && page !== '...') {\n          <opal-lib-moj-pagination-link\n            [changePage]=\"changePage\"\n            [page]=\"+page\"\n            [currentPage]=\"currentPage\"\n            [totalPages]=\"totalPages()\"\n          >\n            {{ page }}\n          </opal-lib-moj-pagination-link>\n        } @else if (page === '...') {\n          <strong>...</strong>\n        } @else {\n          {{ page }}\n        }\n      </li>\n    }\n\n    <li opal-lib-moj-pagination-item class=\"moj-pagination__item moj-pagination__item--next\">\n      @if (currentPage < totalPages()) {\n        <opal-lib-moj-pagination-link\n          [changePage]=\"changePage\"\n          [page]=\"currentPage + 1\"\n          [currentPage]=\"currentPage\"\n          [totalPages]=\"totalPages()\"\n          >Next<span class=\"govuk-visually-hidden\"> page</span></opal-lib-moj-pagination-link\n        >\n      }\n    </li>\n  </ul>\n  <p class=\"moj-pagination__results\">\n    Showing <b>{{ startItem() - 1 }}</b> to <b>{{ endItem() }}</b> of <b>{{ totalItems() }}</b> results\n  </p>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { inject, Input, ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Subject, takeUntil } from 'rxjs';
+
+class MojPrimaryNavigationItemComponent {
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    primaryNavigationItemId;
+    primaryNavigationItemFragment;
+    primaryNavigationItemText;
+    activeItemFragment;
+    isLastItem = false;
+    /**
+     * 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: "19.2.6", ngImport: i0, type: MojPrimaryNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojPrimaryNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]", inputs: { primaryNavigationItemId: "primaryNavigationItemId", primaryNavigationItemFragment: "primaryNavigationItemFragment", primaryNavigationItemText: "primaryNavigationItemText", activeItemFragment: "activeItemFragment", isLastItem: "isLastItem" }, ngImport: i0, template: "<li class=\"moj-primary-navigation__item\" [class.last-item]=\"isLastItem\" [id]=\"primaryNavigationItemId\">\n  <a\n    href=\"\"\n    class=\"moj-primary-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n    (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    >{{ primaryNavigationItemText }}</a\n  >\n</li>\n", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojPrimaryNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"moj-primary-navigation__item\" [class.last-item]=\"isLastItem\" [id]=\"primaryNavigationItemId\">\n  <a\n    href=\"\"\n    class=\"moj-primary-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n    (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    >{{ primaryNavigationItemText }}</a\n  >\n</li>\n", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"] }]
+        }], propDecorators: { primaryNavigationItemId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], primaryNavigationItemFragment: [{
+                type: Input,
+                args: [{ required: true }]
+            }], primaryNavigationItemText: [{
+                type: Input,
+                args: [{ required: true }]
+            }], activeItemFragment: [{
+                type: Input,
+                args: [{ required: true }]
+            }], isLastItem: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+class MojPrimaryNavigationComponent {
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    ngUnsubscribe = new Subject();
+    primaryNavigationId;
+    activeItemFragment = 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.activeItemFragment.emit(fragment);
+            }
+        });
+    }
+    /**
+     * Initializes the component.
+     * This method is called after the component has been created and initialized.
+     */
+    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: "19.2.6", ngImport: i0, type: MojPrimaryNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojPrimaryNavigationComponent, isStandalone: true, selector: "opal-lib-moj-primary-navigation", inputs: { primaryNavigationId: "primaryNavigationId" }, outputs: { activeItemFragment: "activeItemFragment" }, ngImport: i0, template: "<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojPrimaryNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-primary-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { primaryNavigationId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], activeItemFragment: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MojPrimaryNavigationComponent, MojPrimaryNavigationItemComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation-item/moj-primary-navigation-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.ts","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/moj-primary-navigation.component.html","../../../projects/opal-frontend-common/components/moj/moj-primary-navigation/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation-item, [opal-lib-moj-primary-navigation-item]',\n  imports: [],\n  templateUrl: './moj-primary-navigation-item.component.html',\n  styleUrls: ['./moj-primary-navigation-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  @Input({ required: true }) public primaryNavigationItemId!: string;\n  @Input({ required: true }) public primaryNavigationItemFragment!: string;\n  @Input({ required: true }) public primaryNavigationItemText!: string;\n  @Input({ required: true }) public activeItemFragment!: string;\n  @Input({ required: false }) public isLastItem: boolean = false;\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.router.navigate(['./'], { relativeTo: this.route, fragment: item });\n  }\n}\n","<li class=\"moj-primary-navigation__item\" [class.last-item]=\"isLastItem\" [id]=\"primaryNavigationItemId\">\n  <a\n    href=\"\"\n    class=\"moj-primary-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"primaryNavigationItemFragment === activeItemFragment ? 'page' : null\"\n    (click)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, primaryNavigationItemFragment)\"\n    >{{ primaryNavigationItemText }}</a\n  >\n</li>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-moj-primary-navigation',\n  imports: [],\n  templateUrl: './moj-primary-navigation.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPrimaryNavigationComponent implements OnInit, OnDestroy {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) public primaryNavigationId!: string;\n  @Output() activeItemFragment = new EventEmitter<string>();\n\n  /**\n   * Sets up the listeners for the route fragment changes.\n   * Emits the active navigation item when a fragment is present in the route.\n   */\n  private setupListeners(): void {\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeItemFragment.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Initializes the component.\n   * This method is called after the component has been created and initialized.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"moj-primary-navigation\" [id]=\"primaryNavigationId\">\n  <div class=\"moj-primary-navigation__container\">\n    <div class=\"moj-primary-navigation__nav\">\n      <nav class=\"moj-primary-navigation\" aria-label=\"Primary navigation\">\n        <ul class=\"moj-primary-navigation__list\">\n          <ng-content></ng-content>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, HostBinding, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class MojSortableTableHeaderComponent {
+    columnKey;
+    sortDirection = 'none';
+    dataIndex = 0;
+    sortChange = new EventEmitter();
+    get ariaSort() {
+        return this.sortDirection;
+    }
+    hostScope = 'col';
+    get hostClass() {
+        return 'govuk-table__header';
+    }
+    /**
+     * Toggles the sort direction between 'ascending' and 'descending' for the table column.
+     * Emits a sortChange event with the column key and the new sort direction.
+     *
+     * @public
+     * @returns {void}
+     */
+    toggleSort() {
+        const newDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';
+        this.sortChange.emit({
+            key: this.columnKey,
+            sortType: newDirection,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button [attr.data-index]=\"dataIndex\" (click)=\"toggleSort()\" type=\"button\">\n  <ng-content></ng-content>\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button [attr.data-index]=\"dataIndex\" (click)=\"toggleSort()\" type=\"button\">\n  <ng-content></ng-content>\n</button>\n" }]
+        }], propDecorators: { columnKey: [{
+                type: Input
+            }], sortDirection: [{
+                type: Input
+            }], dataIndex: [{
+                type: Input
+            }], sortChange: [{
+                type: Output
+            }], ariaSort: [{
+                type: HostBinding,
+                args: ['attr.aria-sort']
+            }], hostScope: [{
+                type: HostBinding,
+                args: ['scope']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MojSortableTableRowDataComponent {
+    id;
+    hostClass = 'govuk-table__cell';
+    get hostId() {
+        return this.id;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-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: "19.2.6", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-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 MojSortableTableRowComponent {
+    bodyRowClasses = '';
+    get hostClass() {
+        return `govuk-table__row ${this.bodyRowClasses}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-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: "19.2.6", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { bodyRowClasses: [{
+                type: Input,
+                args: [{ required: false }]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MojSortableTableStatusComponent {
+    columnTitle;
+    sortDirection;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sortable-table-status', standalone: true, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" }]
+        }], propDecorators: { columnTitle: [{
+                type: Input,
+                args: [{ required: false }]
+            }], sortDirection: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+class MojSortableTableComponent {
+    tableClasses;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSortableTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sortable-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n" }]
+        }], propDecorators: { tableClasses: [{
+                type: Input,
+                args: [{ required: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MojSortableTableComponent, MojSortableTableHeaderComponent, MojSortableTableRowComponent, MojSortableTableRowDataComponent, MojSortableTableStatusComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/hmcts-opal-frontend-common-components-moj-moj-sortable-table.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',\n  imports: [],\n  templateUrl: './moj-sortable-table-header.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableHeaderComponent {\n  @Input() columnKey!: string;\n  @Input() sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n  @Input() dataIndex: number = 0;\n\n  @Output() sortChange = new EventEmitter<{ key: string; sortType: 'ascending' | 'descending' }>();\n\n  @HostBinding('attr.aria-sort') get ariaSort(): string | null {\n    return this.sortDirection;\n  }\n\n  @HostBinding('scope') hostScope = 'col';\n\n  @HostBinding('class') get hostClass(): string {\n    return 'govuk-table__header';\n  }\n\n  /**\n   * Toggles the sort direction between 'ascending' and 'descending' for the table column.\n   * Emits a sortChange event with the column key and the new sort direction.\n   *\n   * @public\n   * @returns {void}\n   */\n  public toggleSort(): void {\n    const newDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';\n\n    this.sortChange.emit({\n      key: this.columnKey,\n      sortType: newDirection,\n    });\n  }\n}\n","<button [attr.data-index]=\"dataIndex\" (click)=\"toggleSort()\" type=\"button\">\n  <ng-content></ng-content>\n</button>\n","import { Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]',\n  imports: [],\n  templateUrl: './moj-sortable-table-row-data.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowDataComponent {\n  @Input({ required: true }) id!: string;\n\n  @HostBinding('class') hostClass = 'govuk-table__cell';\n  @HostBinding('id') get hostId() {\n    return this.id;\n  }\n}\n","<ng-content></ng-content>\n","import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]',\n  imports: [],\n  templateUrl: './moj-sortable-table-row.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowComponent {\n  @Input({ required: false }) public bodyRowClasses: string = '';\n  @HostBinding('class') get hostClass() {\n    return `govuk-table__row ${this.bodyRowClasses}`;\n  }\n}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-status',\n  standalone: true,\n  templateUrl: './moj-sortable-table-status.component.html',\n})\nexport class MojSortableTableStatusComponent {\n  @Input({ required: false }) public columnTitle!: string;\n  @Input({ required: false }) public sortDirection!: 'ascending' | 'descending' | 'none';\n}\n","<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table',\n\n  templateUrl: './moj-sortable-table.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableComponent {\n  @Input({ required: false }) public tableClasses!: string;\n}\n","<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\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=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { inject, 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;
+    /**
+     * 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: "19.2.6", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<li class=\"moj-sub-navigation__item\" [id]=\"subNavItemId\">\n  <a\n    class=\"moj-sub-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n    (click)=\"handleItemClick($event, subNavItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n    role=\"link\"\n    tabindex=\"0\"\n  >\n    {{ subNavItemText }}\n    <ng-content select=\"[badge]\"></ng-content>\n  </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-moj-sub-navigation-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"moj-sub-navigation__item\" [id]=\"subNavItemId\">\n  <a\n    class=\"moj-sub-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n    (click)=\"handleItemClick($event, subNavItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n    role=\"link\"\n    tabindex=\"0\"\n  >\n    {{ subNavItemText }}\n    <ng-content select=\"[badge]\"></ng-content>\n  </a>\n</li>\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 }]
+            }] } });
+
+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: "19.2.6", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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: "19.2.6", 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.
+ */
+
+export { MojSubNavigationComponent, MojSubNavigationItemComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-sub-navigation/moj-sub-navigation-item/moj-sub-navigation-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sub-navigation/moj-sub-navigation-item/moj-sub-navigation-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-sub-navigation/moj-sub-navigation.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sub-navigation/moj-sub-navigation.component.html","../../../projects/opal-frontend-common/components/moj/moj-sub-navigation/hmcts-opal-frontend-common-components-moj-moj-sub-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-sub-navigation-item',\n  imports: [],\n  templateUrl: './moj-sub-navigation-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSubNavigationItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  @Input({ required: true }) public subNavItemId!: string;\n  @Input({ required: true }) public subNavItemFragment!: string;\n  @Input({ required: true }) public subNavItemText!: string;\n  @Input({ required: true }) public activeSubNavItemFragment!: string;\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.router.navigate(['./'], { relativeTo: this.route, fragment: item });\n  }\n}\n","<li class=\"moj-sub-navigation__item\" [id]=\"subNavItemId\">\n  <a\n    class=\"moj-sub-navigation__link cursor-pointer\"\n    [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n    (click)=\"handleItemClick($event, subNavItemFragment)\"\n    (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n    role=\"link\"\n    tabindex=\"0\"\n  >\n    {{ subNavItemText }}\n    <ng-content select=\"[badge]\"></ng-content>\n  </a>\n</li>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-moj-sub-navigation',\n  imports: [],\n  templateUrl: './moj-sub-navigation.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSubNavigationComponent implements OnInit, OnDestroy {\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) public subNavId!: string;\n  @Output() activeSubNavItemFragment = new EventEmitter<string>();\n\n  /**\n   * Sets up the listeners for the route fragment changes.\n   * Emits the active navigation item when a fragment is present in the route.\n   */\n  private setupListeners(): void {\n    // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeSubNavItemFragment.emit(fragment);\n      }\n    });\n  }\n\n  ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+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: "19.2.6", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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: "19.2.6", 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.
+ */
+
+export { MojTicketPanelComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-ticket-panel/moj-ticket-panel.component.ts","../../../projects/opal-frontend-common/components/moj/moj-ticket-panel/moj-ticket-panel.component.html","../../../projects/opal-frontend-common/components/moj/moj-ticket-panel/hmcts-opal-frontend-common-components-moj-moj-ticket-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-ticket-panel',\n  imports: [],\n  templateUrl: './moj-ticket-panel.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojTicketPanelComponent {\n  @Input({ required: false }) componentClasses!: string;\n  @Input({ required: false }) sectionClasses!: string;\n  @Input({ required: false }) alert!: boolean;\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,uBAAuB,CAAA;AACN,IAAA,gBAAgB;AAChB,IAAA,cAAc;AACd,IAAA,KAAK;uGAHtB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,yLCRpC,mOAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDGa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAC5B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mOAAA,EAAA;8BAGnB,gBAAgB,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,cAAc,EAAA,CAAA;sBAAzC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,KAAK,EAAA,CAAA;sBAAhC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}

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

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+class MojTimelineItemComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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: "19.2.6", 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: "19.2.6", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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: "19.2.6", 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.
+ */
+
+export { MojTimelineComponent, MojTimelineItemComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-moj-moj-timeline.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-timeline.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-timeline/moj-timeline-item/moj-timeline-item.component.ts","../../../projects/opal-frontend-common/components/moj/moj-timeline/moj-timeline-item/moj-timeline-item.component.html","../../../projects/opal-frontend-common/components/moj/moj-timeline/moj-timeline.component.ts","../../../projects/opal-frontend-common/components/moj/moj-timeline/moj-timeline.component.html","../../../projects/opal-frontend-common/components/moj/moj-timeline/hmcts-opal-frontend-common-components-moj-moj-timeline.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-timeline-item',\n  imports: [],\n  templateUrl: './moj-timeline-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojTimelineItemComponent {}\n","<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","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-timeline',\n  imports: [],\n  templateUrl: './moj-timeline.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojTimelineComponent {}\n","<div class=\"moj-timeline\"><ng-content></ng-content></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,wBAAwB,CAAA;uGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,sFCRrC,kgBAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDLa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC7B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kgBAAA,EAAA;;;MEEpC,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,iFCRjC,+DACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDOa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EACxB,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+DAAA,EAAA;;;AENjD;;AAEG;;;;"}

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

@@ -1,36 +1,17 @@
-const PAGES_ROUTING_PATHS = {
-    root: '',
-    children: {
-        accessDenied: 'access-denied',
-        signIn: 'sign-in',
-        signInStub: 'sign-in-stub',
-    },
+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/',
 };
 
-const PAGES_ROUTING_TITLES = {
-    root: '',
-    children: {
-        accessDenied: 'Access denied',
-        signIn: 'Sign in',
-        signInStub: 'Sign in',
-    },
-};
-
-const SESSION_ENDPOINTS = {
-    userState: '/session/user-state',
-    expiry: '/session/expiry',
-};
-
-const SSO_ENDPOINTS = {
-    login: '/sso/login',
-    logout: '/sso/logout',
-    callback: '/sso/callback',
-    authenticated: '/sso/authenticated',
+const HEADER_LINKS = {
+    govukLink: 'https://www.gov.uk/',
+    serviceLink: '/',
 };
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { PAGES_ROUTING_PATHS, PAGES_ROUTING_TITLES, SESSION_ENDPOINTS, SSO_ENDPOINTS };
+export { FOOTER_LINKS, HEADER_LINKS };
 //# sourceMappingURL=hmcts-opal-frontend-common-constants.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-constants.mjs","sources":["../../../projects/opal-frontend-common/constants/src/routing-paths.constant.ts","../../../projects/opal-frontend-common/constants/src/routing-titles.constant.ts","../../../projects/opal-frontend-common/constants/src/session-endpoints.constant.ts","../../../projects/opal-frontend-common/constants/src/sso-endpoints.constant.ts","../../../projects/opal-frontend-common/constants/hmcts-opal-frontend-common-constants.ts"],"sourcesContent":["import { IPagesRoutingPaths } from '@hmcts/opal-frontend-common/interfaces';\n\nexport const PAGES_ROUTING_PATHS: IPagesRoutingPaths = {\n  root: '',\n  children: {\n    accessDenied: 'access-denied',\n    signIn: 'sign-in',\n    signInStub: 'sign-in-stub',\n  },\n};\n","import { IPagesRoutingPaths } from '@hmcts/opal-frontend-common/interfaces';\n\nexport const PAGES_ROUTING_TITLES: IPagesRoutingPaths = {\n  root: '',\n  children: {\n    accessDenied: 'Access denied',\n    signIn: 'Sign in',\n    signInStub: 'Sign in',\n  },\n};\n","import { ISessionEndpoints } from '@hmcts/opal-frontend-common/interfaces';\n\nexport const SESSION_ENDPOINTS: ISessionEndpoints = {\n  userState: '/session/user-state',\n  expiry: '/session/expiry',\n};\n","import { ISsoEndpoints } from '@hmcts/opal-frontend-common/interfaces';\n\nexport const SSO_ENDPOINTS: ISsoEndpoints = {\n  login: '/sso/login',\n  logout: '/sso/logout',\n  callback: '/sso/callback',\n  authenticated: '/sso/authenticated',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEa,MAAA,mBAAmB,GAAuB;AACrD,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,QAAQ,EAAE;AACR,QAAA,YAAY,EAAE,eAAe;AAC7B,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;ACNU,MAAA,oBAAoB,GAAuB;AACtD,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,QAAQ,EAAE;AACR,QAAA,YAAY,EAAE,eAAe;AAC7B,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,UAAU,EAAE,SAAS;AACtB,KAAA;;;ACNU,MAAA,iBAAiB,GAAsB;AAClD,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,MAAM,EAAE,iBAAiB;;;ACFd,MAAA,aAAa,GAAkB;AAC1C,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,aAAa,EAAE,oBAAoB;;;ACNrC;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-constants.mjs","sources":["../../../projects/opal-frontend-common/constants/src/footer-links.constant.ts","../../../projects/opal-frontend-common/constants/src/header-links.constant.ts","../../../projects/opal-frontend-common/constants/hmcts-opal-frontend-common-constants.ts"],"sourcesContent":["import { IGovukFooterLinks } from '@hmcts/opal-frontend-common/components/govuk/govuk-footer/interfaces';\n\nexport const FOOTER_LINKS: IGovukFooterLinks = {\n  licenseLink: 'https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/',\n  licenseVersion: '3.0',\n  copyrightLink:\n    'https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/',\n};\n","import { IMojHeaderLinks } from '@hmcts/opal-frontend-common/components/moj/moj-header/interfaces';\n\nexport const HEADER_LINKS: IMojHeaderLinks = {\n  govukLink: 'https://www.gov.uk/',\n  serviceLink: '/',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEa,MAAA,YAAY,GAAsB;AAC7C,IAAA,WAAW,EAAE,4EAA4E;AACzF,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,aAAa,EACX,kJAAkJ;;;ACJzI,MAAA,YAAY,GAAoB;AAC3C,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,WAAW,EAAE,GAAG;;;ACJlB;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-guards-auth.mjs

@@ -0,0 +1,27 @@
+import { Router } from '@angular/router';
+import { inject } from '@angular/core';
+import { map, catchError, of } from 'rxjs';
+import { PAGES_ROUTING_PATHS } from '@hmcts/opal-frontend-common/pages/routing/constants';
+import { AuthService } from '@hmcts/opal-frontend-common/services/auth-service';
+
+/**
+ * A guard that checks if the user is authenticated before allowing access to a route.
+ * @returns An Observable that emits a boolean value indicating whether the user is authenticated.
+ */
+const authGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    return authService.checkAuthenticated().pipe(map((resp) => {
+        return resp;
+    }), catchError(() => {
+        router.navigate([PAGES_ROUTING_PATHS.children.signIn]);
+        return of(false);
+    }));
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { authGuard };
+//# sourceMappingURL=hmcts-opal-frontend-common-guards-auth.mjs.map