@hmcts/opal-frontend-common 0.0.98 → 0.0.101

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { inject, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MonetaryPipe } from '@hmcts/opal-frontend-common/pipes/monetary';
+
+class CustomAccessibleMonetaryComponent {
+    monetaryPipe = inject(MonetaryPipe);
+    value;
+    format = 'default';
+    /**
+     * Formats the provided value using the shared monetary pipe.
+     *
+     * @returns The formatted monetary string for display.
+     */
+    get formattedValue() {
+        return this.monetaryPipe.transform(this.value, this.format);
+    }
+    /**
+     * Determines whether the formatted value is negative and needs accessible split rendering.
+     *
+     * @returns `true` when the formatted value starts with a minus sign; otherwise `false`.
+     */
+    get hasAccessibleNegativeValue() {
+        return this.formattedValue.startsWith('-');
+    }
+    /**
+     * Builds the screen-reader-friendly text for negative amounts.
+     *
+     * @returns The accessible value, prefixing negative amounts with the word `minus`.
+     */
+    get accessibleValue() {
+        if (!this.hasAccessibleNegativeValue) {
+            return this.formattedValue;
+        }
+        return `minus ${this.formattedValue.slice(1)}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: CustomAccessibleMonetaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: CustomAccessibleMonetaryComponent, isStandalone: true, selector: "opal-lib-custom-accessible-monetary", inputs: { value: "value", format: "format" }, providers: [MonetaryPipe], ngImport: i0, template: "@if (hasAccessibleNegativeValue) {\n  <span aria-hidden=\"true\">{{ formattedValue }}</span>\n  <span class=\"govuk-visually-hidden\">{{ accessibleValue }}</span>\n} @else {\n  {{ formattedValue }}\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: CustomAccessibleMonetaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-custom-accessible-monetary', imports: [], providers: [MonetaryPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasAccessibleNegativeValue) {\n  <span aria-hidden=\"true\">{{ formattedValue }}</span>\n  <span class=\"govuk-visually-hidden\">{{ accessibleValue }}</span>\n} @else {\n  {{ formattedValue }}\n}\n" }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], format: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomAccessibleMonetaryComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.mjs.map

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

@@ -10,6 +10,7 @@ const HEADER_LINKS = {
 };
 
 const ALPHANUMERIC_WITH_SPACES_PATTERN = /^[a-zA-Z0-9 ]*$/;
+const ADDRESS_LINE_PATTERN = /^[a-zA-Z0-9'*,()_ .-]*$/;
 const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN = /^[a-zA-Z0-9\s'.-]*$/;
 const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN = /^[a-zA-Z0-9\s'.,-]*$/;
 const LETTERS_WITH_SPACES_PATTERN = /^[a-zA-Z ]*$/;
@@ -29,5 +30,5 @@ const SINGLE_ASCII_CHARACTERS_WITH_POUND = /^[\x20-\x7E£]*$/;
  * Generated bundle index. Do not edit.
  */
 
-export { ACCOUNT_NUMBER_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN };
+export { ACCOUNT_NUMBER_PATTERN, ADDRESS_LINE_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN };
 //# sourceMappingURL=hmcts-opal-frontend-common-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-guards-can-deactivate.mjs

@@ -1,7 +1,7 @@
 const canDeactivateGuard = (component) => {
     return component.canDeactivate()
         ? true
-        : confirm('WARNING: Are you sure you want to cancel? Any information you entered will be lost.');
+        : confirm('WARNING: Are you sure you want to leave this page? Any information you entered will be lost.');
 };
 
 /**

package/fesm2022/hmcts-opal-frontend-common-pipes-monetary.mjs

@@ -12,6 +12,12 @@ import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service
 class MonetaryPipe {
     utilsService = inject(UtilsService);
     transform(value, format = 'default') {
+        if (value === null || value === undefined || value === '') {
+            return '';
+        }
+        if (typeof value === 'string' && value.includes('£')) {
+            return format === 'remove-minus-symbol' && value.startsWith('-') ? value.slice(1) : value;
+        }
         const monetaryValue = this.utilsService.convertToMonetaryString(value);
         return format === 'remove-minus-symbol' ? monetaryValue.replace(/^-/, '') : monetaryValue;
     }

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

@@ -16,6 +16,7 @@ const HEADER_LINKS = {
 };
 
 const ALPHANUMERIC_WITH_SPACES_PATTERN = /^[a-zA-Z0-9 ]*$/;
+const ADDRESS_LINE_PATTERN = /^[a-zA-Z0-9'*,()_ .-]*$/;
 const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN = /^[a-zA-Z0-9\s'.-]*$/;
 const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN = /^[a-zA-Z0-9\s'.,-]*$/;
 const LETTERS_WITH_SPACES_PATTERN = /^[a-zA-Z ]*$/;
@@ -94,5 +95,5 @@ const routing = [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCOUNT_NUMBER_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN, routing };
+export { ACCOUNT_NUMBER_PATTERN, ADDRESS_LINE_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN, routing };
 //# sourceMappingURL=hmcts-opal-frontend-common.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.98",
+  "version": "0.0.101",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -201,6 +201,11 @@
       "types": "./types/hmcts-opal-frontend-common-components-custom-custom-account-information.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information.mjs"
     },
+    "./components/custom/custom-accessible-monetary": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.mjs"
+    },
     "./components/custom/custom-summary-metric-bar": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar.mjs",
       "types": "./types/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar.d.ts",

package/types/hmcts-opal-frontend-common-components-custom-custom-accessible-monetary.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+
+type MonetaryFormat = 'default' | 'remove-minus-symbol';
+declare class CustomAccessibleMonetaryComponent {
+    private readonly monetaryPipe;
+    value: number | string | null | undefined;
+    format: MonetaryFormat;
+    /**
+     * Formats the provided value using the shared monetary pipe.
+     *
+     * @returns The formatted monetary string for display.
+     */
+    get formattedValue(): string;
+    /**
+     * Determines whether the formatted value is negative and needs accessible split rendering.
+     *
+     * @returns `true` when the formatted value starts with a minus sign; otherwise `false`.
+     */
+    get hasAccessibleNegativeValue(): boolean;
+    /**
+     * Builds the screen-reader-friendly text for negative amounts.
+     *
+     * @returns The accessible value, prefixing negative amounts with the word `minus`.
+     */
+    get accessibleValue(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomAccessibleMonetaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomAccessibleMonetaryComponent, "opal-lib-custom-accessible-monetary", never, { "value": { "alias": "value"; "required": true; }; "format": { "alias": "format"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { CustomAccessibleMonetaryComponent };

package/types/hmcts-opal-frontend-common-constants.d.ts

@@ -6,6 +6,7 @@ declare const FOOTER_LINKS: IGovukFooterLinks;
 declare const HEADER_LINKS: IMojHeaderLinks;
 
 declare const ALPHANUMERIC_WITH_SPACES_PATTERN: RegExp;
+declare const ADDRESS_LINE_PATTERN: RegExp;
 declare const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN: RegExp;
 declare const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN: RegExp;
 declare const LETTERS_WITH_SPACES_PATTERN: RegExp;
@@ -21,4 +22,4 @@ declare const ACCOUNT_NUMBER_PATTERN: RegExp;
 declare const SINGLE_ASCII_CHARACTERS: RegExp;
 declare const SINGLE_ASCII_CHARACTERS_WITH_POUND: RegExp;
 
-export { ACCOUNT_NUMBER_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN };
+export { ACCOUNT_NUMBER_PATTERN, ADDRESS_LINE_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN };

package/types/hmcts-opal-frontend-common-pipes-monetary.d.ts

@@ -4,7 +4,7 @@ import { PipeTransform } from '@angular/core';
 type MonetaryFormat = 'default' | 'remove-minus-symbol';
 declare class MonetaryPipe implements PipeTransform {
     private readonly utilsService;
-    transform(value: number | string, format?: MonetaryFormat): string;
+    transform(value: number | string | null | undefined, format?: MonetaryFormat): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonetaryPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<MonetaryPipe, "monetary", true>;
 }

package/types/hmcts-opal-frontend-common.d.ts

@@ -7,6 +7,7 @@ declare const FOOTER_LINKS: IGovukFooterLinks;
 declare const HEADER_LINKS: IMojHeaderLinks;
 
 declare const ALPHANUMERIC_WITH_SPACES_PATTERN: RegExp;
+declare const ADDRESS_LINE_PATTERN: RegExp;
 declare const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN: RegExp;
 declare const ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN: RegExp;
 declare const LETTERS_WITH_SPACES_PATTERN: RegExp;
@@ -26,5 +27,5 @@ declare const routing: Routes;
 
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
-export { ACCOUNT_NUMBER_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN, routing };
+export { ACCOUNT_NUMBER_PATTERN, ADDRESS_LINE_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_COMMAS_DOT_PATTERN, ALPHANUMERIC_WITH_HYPHENS_SPACES_APOSTROPHES_DOT_PATTERN, ALPHANUMERIC_WITH_SPACES_PATTERN, DRIVING_LICENCE_NUMBER_PATTERN, EMAIL_ADDRESS_PATTERN, FOOTER_LINKS, HEADER_LINKS, LETTERS_SPACES_HYPHENS_APOSTROPHES_DOT_PATTERN, LETTERS_WITH_SPACES_DOT_PATTERN, LETTERS_WITH_SPACES_PATTERN, NUMERIC_PATTERN, SINGLE_ASCII_CHARACTERS, SINGLE_ASCII_CHARACTERS_WITH_POUND, SPECIAL_CHARACTERS_PATTERN, TIME_FORMAT_PATTERN, TWO_DECIMAL_PLACES_PATTERN, routing };
 export type { HeadingLevel };