@hmcts/opal-frontend-common 0.0.47 → 0.0.49

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../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 { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination',\n  templateUrl: './moj-pagination.component.html',\n  styleUrl: './moj-pagination.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  private readonly pages = signal<number[]>([]);\n\n  @Input({ required: true }) id!: string;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) total: number = 0;\n  @Input({ required: true }) limit: number = 25;\n  @Output() changePage = new EventEmitter<number>();\n\n  public readonly elipsedPages = signal<(number | string)[]>([]);\n  public readonly ELIPSIS = '…';\n\n  /**\n   * Gets the total number of pages available.\n   *\n   * @returns The total count of pages as a number.\n   */\n  get totalPages(): number {\n    return this.pages().length;\n  }\n\n  /**\n   * Gets the starting item index for the current page in a paginated list.\n   *\n   * @returns {number} The index of the first item on the current page, or 0 if there are no items.\n   *\n   * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.\n   */\n  get pageStart(): number {\n    return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;\n  }\n\n  /**\n   * Gets the index of the last item on the current page.\n   *\n   * @returns {number} The index of the last item displayed on the current page.\n   * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of\n   * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.\n   */\n  get pageEnd(): number {\n    return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);\n  }\n\n  /**\n   * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.\n   *\n   * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.\n   * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,\n   *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.\n   *\n   * @private\n   */\n  private calculatePages() {\n    if (this.limit <= 0 || this.total <= 0) {\n      this.pages.set([]);\n      this.elipsedPages.set([]);\n      return;\n    }\n    const pagesCount = Math.ceil(this.total / this.limit);\n    this.pages.set(this.range(1, pagesCount + 1));\n    this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n  }\n\n  /**\n   * Generates an array of numbers starting from `start` up to, but not including, `end`.\n   *\n   * @param start - The starting number of the range (inclusive).\n   * @param end - The ending number of the range (exclusive).\n   * @returns An array of numbers from `start` to `end - 1`.\n   */\n  private range(start: number, end: number): number[] {\n    const result: number[] = [];\n    for (let i = start; i < end; i++) {\n      result.push(i);\n    }\n    return result;\n  }\n  /**\n   * Generates a pagination array with ellipses (\"...\") to represent skipped page ranges.\n   *\n   * The resulting array always includes the first and last page numbers, the current page,\n   * and up to one page before and after the current page. Ellipses are inserted where\n   * there are skipped ranges between the displayed pages.\n   *\n   * @param pages - An array of page numbers representing all available pages.\n   * @param currentPage - The currently active page number.\n   * @returns An array containing page numbers and ellipsis strings (\"...\") to indicate skipped pages.\n   */\n  private elipseSkippedPages(pages: number[], currentPage: number): (number | string)[] {\n    const totalPages = pages.length;\n    const first = 1;\n    const last = totalPages;\n\n    const result: (number | string)[] = [];\n\n    // Always show the first page\n    result.push(first);\n\n    // Determine left-side ellipsis\n    if (currentPage > first + 2) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Middle pages: current - 1, current, current + 1\n    for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n      if (i > first && i < last) {\n        result.push(i);\n      }\n    }\n\n    // Decide whether to add right-side ellipsis\n    const lastIncluded = result.includes(last);\n    const secondLast = last - 1;\n    if (!result.includes(secondLast) && !lastIncluded) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Add last page if not already included\n    if (!lastIncluded && last !== first) {\n      result.push(last);\n    }\n\n    return result;\n  }\n\n  /**\n   * Handles the page change event for the pagination component.\n   *\n   * Prevents the default action of the event (if provided) and emits the selected page number.\n   *\n   * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.\n   * @param page - The page number to navigate to.\n   */\n  public onPageChanged(event: Event, page: number): void {\n    if (event) {\n      event.preventDefault();\n    }\n    this.changePage.emit(page);\n  }\n\n  /**\n   * Lifecycle hook that is called when any data-bound property of the component changes.\n   * Invokes the `calculatePages` method to update the pagination state based on the new input values.\n   */\n  public ngOnChanges(): void {\n    this.calculatePages();\n  }\n}\n","@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../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 { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination',\n  templateUrl: './moj-pagination.component.html',\n  styleUrl: './moj-pagination.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  private readonly pages = signal<number[]>([]);\n\n  @Input({ required: true }) id!: string;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) total: number = 0;\n  @Input({ required: true }) limit: number = 25;\n  @Output() changePage = new EventEmitter<number>();\n\n  public readonly elipsedPages = signal<(number | string)[]>([]);\n  public readonly ELIPSIS = '…';\n\n  /**\n   * Gets the total number of pages available.\n   *\n   * @returns The total count of pages as a number.\n   */\n  get totalPages(): number {\n    return this.pages().length;\n  }\n\n  /**\n   * Gets the starting item index for the current page in a paginated list.\n   *\n   * @returns {number} The index of the first item on the current page, or 0 if there are no items.\n   *\n   * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.\n   */\n  get pageStart(): number {\n    return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;\n  }\n\n  /**\n   * Gets the index of the last item on the current page.\n   *\n   * @returns {number} The index of the last item displayed on the current page.\n   * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of\n   * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.\n   */\n  get pageEnd(): number {\n    return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);\n  }\n\n  /**\n   * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.\n   *\n   * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.\n   * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,\n   *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.\n   *\n   * @private\n   */\n  private calculatePages() {\n    if (this.limit <= 0 || this.total <= 0) {\n      this.pages.set([]);\n      this.elipsedPages.set([]);\n      return;\n    }\n    const pagesCount = Math.ceil(this.total / this.limit);\n    this.pages.set(this.range(1, pagesCount + 1));\n    this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n  }\n\n  /**\n   * Generates an array of numbers starting from `start` up to, but not including, `end`.\n   *\n   * @param start - The starting number of the range (inclusive).\n   * @param end - The ending number of the range (exclusive).\n   * @returns An array of numbers from `start` to `end - 1`.\n   */\n  private range(start: number, end: number): number[] {\n    const result: number[] = [];\n    for (let i = start; i < end; i++) {\n      result.push(i);\n    }\n    return result;\n  }\n  /**\n   * Generates a pagination array with ellipses (\"...\") to represent skipped page ranges.\n   *\n   * The resulting array always includes the first and last page numbers, the current page,\n   * and up to one page before and after the current page. Ellipses are inserted where\n   * there are skipped ranges between the displayed pages.\n   *\n   * @param pages - An array of page numbers representing all available pages.\n   * @param currentPage - The currently active page number.\n   * @returns An array containing page numbers and ellipsis strings (\"...\") to indicate skipped pages.\n   */\n  private elipseSkippedPages(pages: number[], currentPage: number): (number | string)[] {\n    const totalPages = pages.length;\n    const first = 1;\n    const last = totalPages;\n\n    const result: (number | string)[] = [];\n\n    // Always show the first page\n    result.push(first);\n\n    // Determine left-side ellipsis\n    if (currentPage > first + 2) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Middle pages: current - 1, current, current + 1\n    for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n      if (i > first && i < last) {\n        result.push(i);\n      }\n    }\n\n    // Decide whether to add right-side ellipsis\n    const lastIncluded = result.includes(last);\n    const secondLast = last - 1;\n    if (!result.includes(secondLast) && !lastIncluded) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Add last page if not already included\n    if (!lastIncluded && last !== first) {\n      result.push(last);\n    }\n\n    return result;\n  }\n\n  /**\n   * Handles the page change event for the pagination component.\n   *\n   * Prevents the default action of the event (if provided) and emits the selected page number.\n   *\n   * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.\n   * @param page - The page number to navigate to.\n   */\n  public onPageChanged(event: Event, page: number): void {\n    if (event) {\n      event.preventDefault();\n    }\n    this.changePage.emit(page);\n  }\n\n  /**\n   * Lifecycle hook that is called when any data-bound property of the component changes.\n   * Invokes the `calculatePages` method to update the pagination state based on the new input values.\n   */\n  public ngOnChanges(): void {\n    this.calculatePages();\n  }\n}\n","@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\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

@@ -24,10 +24,10 @@ class MojPrimaryNavigationItemComponent {
         // 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: "20.3.9", ngImport: i0, type: MojPrimaryNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId", "class.last-item": "this.hostLastItem" } }, ngImport: i0, template: "<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", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojPrimaryNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId", "class.last-item": "this.hostLastItem" } }, ngImport: i0, template: "<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", 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: "20.3.9", ngImport: i0, type: MojPrimaryNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: "<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", styles: [".moj-primary-navigation__item.last-item{margin-right:initial!important}.moj-primary-navigation__item{margin-right:20px}\n"] }]
         }], propDecorators: { primaryNavigationItemId: [{
@@ -89,10 +89,10 @@ class MojPrimaryNavigationComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojPrimaryNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojPrimaryNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojPrimaryNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{

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

@@ -1 +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, HostBinding, 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  @HostBinding('class') hostClass = 'moj-primary-navigation__item';\n  @HostBinding('id') hostId = `${this.primaryNavigationItemId}`;\n  @HostBinding('class.last-item') hostLastItem = this.isLastItem;\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","<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","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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"}
+{"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, HostBinding, 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  @HostBinding('class') hostClass = 'moj-primary-navigation__item';\n  @HostBinding('id') hostId = `${this.primaryNavigationItemId}`;\n  @HostBinding('class.last-item') hostLastItem = this.isLastItem;\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","<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","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

@@ -46,10 +46,10 @@ class MojSortableTableHeaderSortIconDirective {
             svg.appendChild(path);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibMojSortableTableHeaderSortIcon]',
@@ -86,10 +86,10 @@ class MojSortableTableHeaderComponent {
             sortType: newDirection,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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 type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MojSortableTableHeaderSortIconDirective], template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n" }]
         }], propDecorators: { columnKey: [{
@@ -117,10 +117,10 @@ class MojSortableTableRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -139,10 +139,10 @@ class MojSortableTableRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -156,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class MojSortableTableStatusComponent {
     columnTitle;
     sortDirection;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -172,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 
 class MojSortableTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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: "20.3.9", ngImport: i0, type: MojSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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: [{

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

@@ -1 +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/directive/constants/moj-sortable-table-header-sort-icons.constant.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/directive/moj-sortable-table-header-sort-icon.directive.ts","../../../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":["// Extracted from @ministryofjustice/frontend v5.1.2 sortable-table.mjs\nexport const MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS = {\n  ascending: 'M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z',\n  descending: 'M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z',\n  none: ['M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z', 'M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z'],\n};\n","import { Directive, OnChanges, Input, ElementRef, Renderer2, inject } from '@angular/core';\nimport { MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS } from './constants/moj-sortable-table-header-sort-icons.constant';\n\n@Directive({\n  selector: '[opalLibMojSortableTableHeaderSortIcon]',\n  standalone: true,\n})\nexport class MojSortableTableHeaderSortIconDirective implements OnChanges {\n  private readonly el = inject(ElementRef<SVGSVGElement>);\n  private readonly renderer = inject(Renderer2);\n  @Input('opalLibMojSortableTableHeaderSortIcon') sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n\n  /**\n   * Returns the SVG path(s) for the sort icon based on the specified direction.\n   *\n   * @param dir - The sort direction, which can be 'ascending', 'descending', or 'none'.\n   * @returns An array of SVG path strings corresponding to the given sort direction.\n   */\n  private getPathsForDirection(dir: 'ascending' | 'descending' | 'none'): string[] {\n    const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;\n    switch (dir) {\n      case 'ascending':\n        return [icons.ascending];\n      case 'descending':\n        return [icons.descending];\n      default:\n        return icons.none;\n    }\n  }\n\n  public ngOnChanges(): void {\n    const svg = this.el.nativeElement;\n    this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n    this.renderer.setAttribute(svg, 'fill', 'none');\n\n    // Clear existing <path> children\n    while (svg.firstChild) {\n      svg.firstChild.remove();\n    }\n\n    // Append new <path> elements based on sortDirection\n    const paths = this.getPathsForDirection(this.sortDirection);\n    for (const pathD of paths) {\n      const path = this.renderer.createElement('path', 'svg');\n      this.renderer.setAttribute(path, 'd', pathD);\n      this.renderer.setAttribute(path, 'fill', 'currentColor');\n\n      svg.appendChild(path);\n    }\n  }\n}\n","import { Component, HostBinding, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';\nimport { MojSortableTableHeaderSortIconDirective } from './directive/moj-sortable-table-header-sort-icon.directive';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',\n  templateUrl: './moj-sortable-table-header.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MojSortableTableHeaderSortIconDirective],\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 type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\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  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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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"}
+{"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/directive/constants/moj-sortable-table-header-sort-icons.constant.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/directive/moj-sortable-table-header-sort-icon.directive.ts","../../../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":["// Extracted from @ministryofjustice/frontend v5.1.2 sortable-table.mjs\nexport const MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS = {\n  ascending: 'M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z',\n  descending: 'M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z',\n  none: ['M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z', 'M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z'],\n};\n","import { Directive, OnChanges, Input, ElementRef, Renderer2, inject } from '@angular/core';\nimport { MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS } from './constants/moj-sortable-table-header-sort-icons.constant';\n\n@Directive({\n  selector: '[opalLibMojSortableTableHeaderSortIcon]',\n  standalone: true,\n})\nexport class MojSortableTableHeaderSortIconDirective implements OnChanges {\n  private readonly el = inject(ElementRef<SVGSVGElement>);\n  private readonly renderer = inject(Renderer2);\n  @Input('opalLibMojSortableTableHeaderSortIcon') sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n\n  /**\n   * Returns the SVG path(s) for the sort icon based on the specified direction.\n   *\n   * @param dir - The sort direction, which can be 'ascending', 'descending', or 'none'.\n   * @returns An array of SVG path strings corresponding to the given sort direction.\n   */\n  private getPathsForDirection(dir: 'ascending' | 'descending' | 'none'): string[] {\n    const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;\n    switch (dir) {\n      case 'ascending':\n        return [icons.ascending];\n      case 'descending':\n        return [icons.descending];\n      default:\n        return icons.none;\n    }\n  }\n\n  public ngOnChanges(): void {\n    const svg = this.el.nativeElement;\n    this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n    this.renderer.setAttribute(svg, 'fill', 'none');\n\n    // Clear existing <path> children\n    while (svg.firstChild) {\n      svg.firstChild.remove();\n    }\n\n    // Append new <path> elements based on sortDirection\n    const paths = this.getPathsForDirection(this.sortDirection);\n    for (const pathD of paths) {\n      const path = this.renderer.createElement('path', 'svg');\n      this.renderer.setAttribute(path, 'd', pathD);\n      this.renderer.setAttribute(path, 'fill', 'currentColor');\n\n      svg.appendChild(path);\n    }\n  }\n}\n","import { Component, HostBinding, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';\nimport { MojSortableTableHeaderSortIconDirective } from './directive/moj-sortable-table-header-sort-icon.directive';\n\n@Component({\n  selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',\n  templateUrl: './moj-sortable-table-header.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MojSortableTableHeaderSortIconDirective],\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 type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\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  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\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

@@ -22,10 +22,10 @@ class MojSubNavigationItemComponent {
         // 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: "20.3.9", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{
@@ -76,10 +76,10 @@ class MojSubNavigationComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{

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

@@ -1 +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, HostBinding, Input, inject } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-sub-navigation-item, [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  @HostBinding('class') hostClass = 'moj-sub-navigation__item';\n  @HostBinding('id') hostId = this.subNavItemId;\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","<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","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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"}
+{"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, HostBinding, Input, inject } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-moj-sub-navigation-item, [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  @HostBinding('class') hostClass = 'moj-sub-navigation__item';\n  @HostBinding('id') hostId = this.subNavItemId;\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","<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","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

@@ -5,10 +5,10 @@ class MojTicketPanelComponent {
     componentClasses;
     sectionClasses;
     alert;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: [{

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

@@ -1 +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,EAAA,OAAA,EAC5B,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mOAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}
+{"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;wGAHtB,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,SAAA,EAAA,IAAA,EAAA,uBAAuB,yLCRpC,mOAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDGa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mOAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}

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

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class MojTimelineItemComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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: "20.3.9", ngImport: i0, type: MojTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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" }]
         }] });

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

@@ -1 +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,EAAA,OAAA,EAC7B,EAAE,EAAA,eAAA,EAEM,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,EAAA,OAAA,EACxB,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+DAAA,EAAA;;;AENjD;;AAEG;;;;"}
+{"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;wGAAxB,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,SAAA,EAAA,IAAA,EAAA,wBAAwB,sFCRrC,kgBAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDLa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAAA,OAAA,EAC7B,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kgBAAA,EAAA;;;MEEpC,oBAAoB,CAAA;wGAApB,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,SAAA,EAAA,IAAA,EAAA,oBAAoB,iFCRjC,+DACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDOa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+DAAA,EAAA;;;AENjD;;AAEG;;;;"}

package/fesm2022/{hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs → hmcts-opal-frontend-common-concurrency-failure.component-apu3f4Gj.mjs}

@@ -3,13 +3,13 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class ConcurrencyFailureComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-concurrency-failure', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n" }]
         }] });
 
 export { ConcurrencyFailureComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-apu3f4Gj.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs.map → hmcts-opal-frontend-common-concurrency-failure.component-apu3f4Gj.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs","sources":["../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.ts","../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-concurrency-failure',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './concurrency-failure.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ConcurrencyFailureComponent {}\n","<div class=\"govuk-grid-row\">\n  <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</div>\n"],"names":[],"mappings":";;;;MAUa,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVxC,8VAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8VAAA,EAAA;;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-concurrency-failure.component-apu3f4Gj.mjs","sources":["../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.ts","../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-concurrency-failure',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './concurrency-failure.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ConcurrencyFailureComponent {}\n","<div class=\"govuk-grid-row\">\n  <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</div>\n"],"names":[],"mappings":";;;;MAUa,2BAA2B,CAAA;wGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVxC,8VAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAIX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8VAAA,EAAA;;;;;"}

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

@@ -23,10 +23,10 @@ class CapitalisationDirective {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: CapitalisationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CapitalisationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibCapitaliseAllCharacters]',

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-directives-capitalisation.mjs","sources":["../../../projects/opal-frontend-common/directives/capitalisation/capitalisation.directive.ts","../../../projects/opal-frontend-common/directives/capitalisation/hmcts-opal-frontend-common-directives-capitalisation.ts"],"sourcesContent":["import { Directive, Input, OnInit, OnDestroy, inject } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Subject, takeUntil } from 'rxjs';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Directive({\n  selector: '[opalLibCapitaliseAllCharacters]',\n})\nexport class CapitalisationDirective implements OnInit, OnDestroy {\n  private readonly destroy$ = new Subject<void>();\n  private readonly utilsService = inject(UtilsService);\n\n  @Input('opalLibCapitaliseAllCharacters') control!: AbstractControl;\n\n  ngOnInit(): void {\n    if (!this.control) return;\n\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      if (typeof value === 'string' && value.length > 0) {\n        const upper = this.utilsService.upperCaseAllLetters(value);\n        if (value !== upper) {\n          this.control.setValue(upper, { emitEvent: false });\n        }\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB,CAAA;AACjB,IAAA,QAAQ,GAAG,IAAI,OAAO,EAAQ;AAC9B,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAEX,IAAA,OAAO;IAEhD,QAAQ,GAAA;QACN,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;QAEnB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YAC3E,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,CAAC;AAC1D,gBAAA,IAAI,KAAK,KAAK,KAAK,EAAE;AACnB,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBACpD;YACF;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACpB,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;IAC1B;uGAtBW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,gCAAA,EAAA,SAAA,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC7C,iBAAA;;sBAKE,KAAK;uBAAC,gCAAgC;;;ACZzC;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-directives-capitalisation.mjs","sources":["../../../projects/opal-frontend-common/directives/capitalisation/capitalisation.directive.ts","../../../projects/opal-frontend-common/directives/capitalisation/hmcts-opal-frontend-common-directives-capitalisation.ts"],"sourcesContent":["import { Directive, Input, OnInit, OnDestroy, inject } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Subject, takeUntil } from 'rxjs';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Directive({\n  selector: '[opalLibCapitaliseAllCharacters]',\n})\nexport class CapitalisationDirective implements OnInit, OnDestroy {\n  private readonly destroy$ = new Subject<void>();\n  private readonly utilsService = inject(UtilsService);\n\n  @Input('opalLibCapitaliseAllCharacters') control!: AbstractControl;\n\n  ngOnInit(): void {\n    if (!this.control) return;\n\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      if (typeof value === 'string' && value.length > 0) {\n        const upper = this.utilsService.upperCaseAllLetters(value);\n        if (value !== upper) {\n          this.control.setValue(upper, { emitEvent: false });\n        }\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB,CAAA;AACjB,IAAA,QAAQ,GAAG,IAAI,OAAO,EAAQ;AAC9B,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAEX,IAAA,OAAO;IAEhD,QAAQ,GAAA;QACN,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;QAEnB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YAC3E,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,CAAC;AAC1D,gBAAA,IAAI,KAAK,KAAK,KAAK,EAAE;AACnB,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBACpD;YACF;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACpB,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;IAC1B;wGAtBW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,gCAAA,EAAA,SAAA,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC7C,iBAAA;;sBAKE,KAAK;uBAAC,gCAAgC;;;ACZzC;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-directives-govuk-button.mjs

@@ -22,10 +22,10 @@ class GovukButtonDirective {
     handleButtonClick() {
         this.buttonClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GovukButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: GovukButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibGovukButton]',