@hmcts/opal-frontend-common 0.0.90 → 0.0.92

package/fesm2022/{hmcts-opal-frontend-common-access-denied.component-DNNxndx-.mjs → hmcts-opal-frontend-common-access-denied.component-BCLRLZqh.mjs}

@@ -9,13 +9,13 @@ class AccessDeniedComponent {
         // For now, test page will act as our 'Dashboard' page
         this.router.navigate(['/']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccessDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n" }]
         }] });
 
 export { AccessDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-access-denied.component-DNNxndx-.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-access-denied.component-BCLRLZqh.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-account-created.component-3MER1dhS.mjs → hmcts-opal-frontend-common-account-created.component-D0g9FjWl.mjs}

@@ -3,13 +3,13 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { GovukPanelComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-panel';
 
 class AccountCreated {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccountCreated, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AccountCreated, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-account-created', imports: [GovukPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n" }]
         }] });
 
 export { AccountCreated };
-//# sourceMappingURL=hmcts-opal-frontend-common-account-created.component-3MER1dhS.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-account-created.component-D0g9FjWl.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-account-summary-base.mjs

@@ -66,10 +66,10 @@ class AbstractAccountSummaryBaseComponent extends AbstractTabData {
         this.destroy$.complete();
         this.refreshFragment$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractAccountSummaryBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractAccountSummaryBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractAccountSummaryBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractAccountSummaryBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractAccountSummaryBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractAccountSummaryBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-creditor-details-base.mjs

@@ -76,10 +76,10 @@ class AbstractCreditorDetailsBaseComponent extends AbstractAccountSummaryBaseCom
         this.accountStore.setHasVersionMismatch(false);
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractCreditorDetailsBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractCreditorDetailsBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractCreditorDetailsBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractCreditorDetailsBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractCreditorDetailsBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractCreditorDetailsBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs

@@ -213,10 +213,10 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
         this['ngUnsubscribe'].complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aliasFirstField", predicate: ["aliasFirstField"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aliasFirstField", predicate: ["aliasFirstField"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs

@@ -234,10 +234,10 @@ class AbstractFormArrayBaseComponent extends AbstractFormBaseComponent {
         this.ngUnsubscribe.complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-removal-base.mjs

@@ -77,10 +77,10 @@ class AbstractFormArrayRemovalComponent {
             this.router.navigate([route], { relativeTo: this.activatedRoute.parent });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs

@@ -595,10 +595,10 @@ class AbstractFormBaseComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractFormBaseComponent, isStandalone: true, selector: "ng-component", outputs: { unsavedChanges: "unsavedChanges", formSubmit: "formSubmit" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractFormBaseComponent, isStandalone: true, selector: "ng-component", outputs: { unsavedChanges: "unsavedChanges", formSubmit: "formSubmit" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractFormBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractFormBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-nested-form-base.mjs

@@ -125,10 +125,10 @@ class AbstractNestedFormBaseComponent extends AbstractFormBaseComponent {
         }
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractNestedFormBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractNestedFormBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractNestedFormBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractNestedFormBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractNestedFormBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractNestedFormBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { computed, Input, Component } from '@angular/core';
+import { AbstractSortableTablePaginationComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table-pagination';
+
+class AbstractReportInstancesTableBaseComponent extends AbstractSortableTablePaginationComponent {
+    set tableData(tableData) {
+        this.setTableData(tableData);
+        this.onApplyFilters();
+    }
+    paginatedTableDataComputed = computed(() => {
+        const data = this.sortedTableDataSignal();
+        return data.slice(this.startIndexComputed() - 1, this.endIndexComputed());
+    }, ...(ngDevMode ? [{ debugName: "paginatedTableDataComputed" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractReportInstancesTableBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractReportInstancesTableBaseComponent, isStandalone: true, selector: "ng-component", inputs: { tableData: "tableData" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractReportInstancesTableBaseComponent, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { tableData: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractReportInstancesTableBaseComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.mjs

@@ -0,0 +1,26 @@
+const ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS = 'last7Days';
+const ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS = 'customDays';
+const ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE = 'dateRange';
+const ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE = {
+    dateFilter: ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS,
+    days: '',
+    dateFrom: '',
+    dateTo: '',
+};
+
+const ABSTRACT_REPORT_SUMMARY_LIST_STATUS = {
+    requested: 'REQUESTED',
+    ready: 'READY',
+    inProgress: 'IN_PROGRESS',
+};
+const ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY = {
+    inProgress: 'In progress',
+    noContent: 'No content',
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS, ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE, ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE, ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS, ABSTRACT_REPORT_SUMMARY_LIST_STATUS, ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base.mjs

@@ -0,0 +1,282 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Component } from '@angular/core';
+import { DateService } from '@hmcts/opal-frontend-common/services/date-service';
+
+const ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS = 'last7Days';
+const ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS = 'customDays';
+const ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE = 'dateRange';
+const ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE = {
+    dateFilter: ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS,
+    days: '',
+    dateFrom: '',
+    dateTo: '',
+};
+
+const ABSTRACT_REPORT_SUMMARY_LIST_STATUS = {
+    requested: 'REQUESTED',
+    ready: 'READY',
+    inProgress: 'IN_PROGRESS',
+};
+const ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY = {
+    inProgress: 'In progress',
+    noContent: 'No content',
+};
+
+const ABSTRACT_REPORT_SUMMARY_LIST_DATE_FORMATS = {
+    input: 'dd/MM/yyyy',
+    output: 'yyyy-MM-dd',
+};
+class AbstractReportSummaryListBaseComponent {
+    dateService = inject(DateService);
+    fieldErrors = signal({}, ...(ngDevMode ? [{ debugName: "fieldErrors" }] : /* istanbul ignore next */ []));
+    dateFormats = ABSTRACT_REPORT_SUMMARY_LIST_DATE_FORMATS;
+    dateFilterLast7Days = ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS;
+    dateFilterCustomDays = ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS;
+    dateFilterDateRange = ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE;
+    dateFilter = signal(ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE.dateFilter, ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
+    errorSummaryMessages = computed(() => Object.entries(this.fieldErrors()).map(([fieldId, message]) => ({ fieldId, message })), ...(ngDevMode ? [{ debugName: "errorSummaryMessages" }] : /* istanbul ignore next */ []));
+    /**
+     * Builds the default report query for the last 7 days.
+     *
+     * @param dateService - The date service used to calculate and format the date range.
+     * @param dateFormats - The input and output date formats used by the consuming application.
+     * @returns A report query state with a last 7 days date range.
+     */
+    static getDefaultReportQuery(dateService, dateFormats = ABSTRACT_REPORT_SUMMARY_LIST_DATE_FORMATS) {
+        const dateRange = dateService.getDateRange(6, 0, dateFormats.output);
+        return {
+            fromDate: dateRange.from,
+            toDate: dateRange.to,
+        };
+    }
+    /**
+     * Builds a report query from the selected report filter state.
+     *
+     * @param filters - The selected report filter state.
+     * @param dateService - The date service used to calculate and format date values.
+     * @param dateFormats - The input and output date formats used by the consuming application.
+     * @returns A report query state suitable for report instance API requests.
+     */
+    static getReportQueryFromFilters(filters, dateService, dateFormats = ABSTRACT_REPORT_SUMMARY_LIST_DATE_FORMATS) {
+        if (filters.dateFilter === ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS) {
+            const days = Number(filters.days);
+            const dateRange = dateService.getDateRange(days - 1, 0, dateFormats.output);
+            return {
+                fromDate: dateRange.from,
+                toDate: dateRange.to,
+            };
+        }
+        if (filters.dateFilter === ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE) {
+            return {
+                fromDate: filters.dateFrom
+                    ? dateService.getFromFormatToFormat(filters.dateFrom, dateFormats.input, dateFormats.output)
+                    : null,
+                toDate: filters.dateTo
+                    ? dateService.getFromFormatToFormat(filters.dateTo, dateFormats.input, dateFormats.output)
+                    : null,
+            };
+        }
+        return AbstractReportSummaryListBaseComponent.getDefaultReportQuery(dateService, dateFormats);
+    }
+    /**
+     * Gets the display status for a report instance.
+     *
+     * @param status - The report instance status code.
+     * @param records - The number of records in the report instance, where available.
+     * @param displayName - The API-provided status display name, where available.
+     * @returns The display status for the report instance.
+     */
+    static getReportInstanceDisplayStatus(status, records, displayName) {
+        if (status === ABSTRACT_REPORT_SUMMARY_LIST_STATUS.requested) {
+            return ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY.inProgress;
+        }
+        if (status === ABSTRACT_REPORT_SUMMARY_LIST_STATUS.ready && records === 0) {
+            return ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY.noContent;
+        }
+        if (status === ABSTRACT_REPORT_SUMMARY_LIST_STATUS.inProgress) {
+            return ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY.inProgress;
+        }
+        return displayName || AbstractReportSummaryListBaseComponent.toReportDisplayStatus(status);
+    }
+    /**
+     * Converts a report status code into title case display text.
+     *
+     * @param status - The report status code to convert.
+     * @returns A display-friendly status value.
+     */
+    static toReportDisplayStatus(status) {
+        return status ? status.charAt(0).toUpperCase() + status.slice(1).toLowerCase() : '';
+    }
+    /**
+     * Builds the default report query for the current component instance.
+     *
+     * @returns A report query state with a last 7 days date range.
+     */
+    getDefaultReportQuery() {
+        return AbstractReportSummaryListBaseComponent.getDefaultReportQuery(this.dateService, this.dateFormats);
+    }
+    /**
+     * Builds a report query from the selected report filter state for the current component instance.
+     *
+     * @param filters - The selected report filter state.
+     * @returns A report query state suitable for report instance API requests.
+     */
+    getReportQueryFromFilters(filters) {
+        return AbstractReportSummaryListBaseComponent.getReportQueryFromFilters(filters, this.dateService, this.dateFormats);
+    }
+    /**
+     * Builds validation messages for the active report date filter fields.
+     *
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     * @returns A field error map keyed by field id.
+     */
+    buildReportDateFieldErrors(filters, fieldIds) {
+        if (filters.dateFilter === ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS) {
+            return this.buildCustomDaysFieldErrors(filters, fieldIds);
+        }
+        if (filters.dateFilter === ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE) {
+            return this.buildDateRangeFieldErrors(filters, fieldIds);
+        }
+        return {};
+    }
+    /**
+     * Builds validation messages for the custom days report date filter.
+     *
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     * @returns A field error map keyed by field id.
+     */
+    buildCustomDaysFieldErrors(filters, fieldIds) {
+        const days = Number(filters.days);
+        if (!filters.days || !Number.isFinite(days) || !Number.isInteger(days) || days < 1) {
+            return { [fieldIds.days]: this.dateValidationMessages.customDaysRequired };
+        }
+        return {};
+    }
+    /**
+     * Builds validation messages for the date range report date filter.
+     *
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     * @returns A field error map keyed by field id.
+     */
+    buildDateRangeFieldErrors(filters, fieldIds) {
+        const errors = {};
+        this.addRequiredDateRangeError(errors, filters, fieldIds);
+        this.addDateFormatErrors(errors, filters, fieldIds);
+        this.addFutureDateErrors(errors, filters, fieldIds);
+        this.addDateOrderError(errors, filters, fieldIds);
+        return errors;
+    }
+    /**
+     * Adds a validation message when no date range boundary has been entered.
+     *
+     * @param errors - The field error map to update.
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     */
+    addRequiredDateRangeError(errors, filters, fieldIds) {
+        if (!filters.dateFrom && !filters.dateTo) {
+            errors[fieldIds.dateFrom] = this.dateValidationMessages.dateRangeRequired;
+        }
+    }
+    /**
+     * Adds validation messages for date values with an invalid format.
+     *
+     * @param errors - The field error map to update.
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     */
+    addDateFormatErrors(errors, filters, fieldIds) {
+        if (filters.dateFrom && this.isReportDateInvalid(filters.dateFrom)) {
+            errors[fieldIds.dateFrom] = this.dateValidationMessages.invalidDate;
+        }
+        if (filters.dateTo && this.isReportDateInvalid(filters.dateTo)) {
+            errors[fieldIds.dateTo] = this.dateValidationMessages.invalidDate;
+        }
+    }
+    /**
+     * Adds validation messages for date values in the future.
+     *
+     * @param errors - The field error map to update.
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     */
+    addFutureDateErrors(errors, filters, fieldIds) {
+        if (!errors[fieldIds.dateFrom] && filters.dateFrom && this.isReportDateInFuture(filters.dateFrom)) {
+            errors[fieldIds.dateFrom] = this.dateValidationMessages.futureDate;
+        }
+        if (!errors[fieldIds.dateTo] && filters.dateTo && this.isReportDateInFuture(filters.dateTo)) {
+            errors[fieldIds.dateTo] = this.dateValidationMessages.futureDate;
+        }
+    }
+    /**
+     * Adds a validation message when date from is after date to.
+     *
+     * @param errors - The field error map to update.
+     * @param filters - The selected report filter state.
+     * @param fieldIds - The field ids used by the consuming application template.
+     */
+    addDateOrderError(errors, filters, fieldIds) {
+        if (errors[fieldIds.dateFrom] || errors[fieldIds.dateTo] || !filters.dateFrom || !filters.dateTo) {
+            return;
+        }
+        if (this.isReportDateFromAfterDateTo(filters.dateFrom, filters.dateTo)) {
+            errors[fieldIds.dateFrom] = this.dateValidationMessages.dateFromAfterDateTo;
+        }
+    }
+    /**
+     * Checks whether a report date string is invalid.
+     *
+     * @param value - The date value to validate.
+     * @returns True when the date value is invalid, otherwise false.
+     */
+    isReportDateInvalid(value) {
+        return !this.dateService.isValidDate(value, this.dateFormats.input);
+    }
+    /**
+     * Checks whether a report date string is in the future.
+     *
+     * @param value - The date value to validate.
+     * @returns True when the date value is valid and in the future, otherwise false.
+     */
+    isReportDateInFuture(value) {
+        return (this.dateService.isValidDate(value, this.dateFormats.input) &&
+            this.dateService.isDateInTheFuture(value, undefined, this.dateFormats.input));
+    }
+    /**
+     * Checks whether the report date from value is after the report date to value.
+     *
+     * @param dateFrom - The start date value.
+     * @param dateTo - The end date value.
+     * @returns True when both dates are valid and date from is after date to, otherwise false.
+     */
+    isReportDateFromAfterDateTo(dateFrom, dateTo) {
+        const from = this.dateService.getFromFormat(dateFrom, this.dateFormats.input).startOf('day');
+        const to = this.dateService.getFromFormat(dateTo, this.dateFormats.input).startOf('day');
+        return from.isValid && to.isValid && from > to;
+    }
+    /**
+     * Returns the current validation message for a field.
+     *
+     * @param fieldId - The field id to get an error for.
+     * @returns The field error message, or null when there is no error.
+     */
+    getFieldError(fieldId) {
+        return this.fieldErrors()[fieldId] ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractReportSummaryListBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractReportSummaryListBaseComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractReportSummaryListBaseComponent, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractReportSummaryListBaseComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base.mjs.map

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

@@ -1,8 +1,17 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Component } from '@angular/core';
+import { effect, signal, computed, Component } from '@angular/core';
 import { AbstractSortableTableComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table';
 
 class AbstractSortableTablePaginationComponent extends AbstractSortableTableComponent {
+    /**
+     * Keeps the current page within the available range when the data set or page size changes.
+     */
+    clampCurrentPageEffect = effect(() => {
+        const totalPages = Math.max(1, Math.ceil(this.sortedTableDataSignal().length / this.itemsPerPageSignal()));
+        if (this.currentPageSignal() > totalPages) {
+            this.currentPageSignal.set(totalPages);
+        }
+    }, ...(ngDevMode ? [{ debugName: "clampCurrentPageEffect" }] : /* istanbul ignore next */ []));
     // Signal for the current page. Used to calculate the start and end indices for pagination.
     currentPageSignal = signal(1, ...(ngDevMode ? [{ debugName: "currentPageSignal" }] : /* istanbul ignore next */ []));
     // Signal for the number of items per page. Determines how many items are displayed on each page.
@@ -61,10 +70,10 @@ class AbstractSortableTablePaginationComponent extends AbstractSortableTableComp
         const totalPages = Math.ceil(this.displayTableDataSignal().length / this.itemsPerPageSignal());
         this.currentPageSignal.set(Math.max(1, Math.min(newPage, totalPages)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -185,10 +185,10 @@ class AbstractSortableTableComponent extends AbstractTableFilterComponent {
             this.onSortChange({ key, sortType });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -168,10 +168,10 @@ class AbstractTableFilterComponent {
         this.appliedKeyword.set(keyword);
         this.applyFilterState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs

@@ -221,10 +221,10 @@ class AlphagovAccessibleAutocompleteComponent {
         this.describedByObserver?.disconnect();
         this.containerObserver?.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-alphagov-accessible-autocomplete', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{