@hmcts/rpx-xui-common-lib 1.9.0-error-message-change → 1.9.0-error-message-rearrange

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -5009,7 +5009,7 @@
     WriteAddressFieldComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'xuilib-write-address-field',
-                    template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\" [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  <p class=\"govuk-error-message\" *ngIf=\"optionErrorsPresent\">\n    <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n  </p>\n  <div *ngIf=\"postcodeLookupVisible()\">\n    <span class=\"govuk-label\"><b>Provide address details</b></span>\n    <div class=\"govuk-body postcodeLookup\" id=\"addressLookup\" [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n      <p class=\"govuk-error-message\" *ngIf=\"missingPostcode || postcodeErrorPresent(true)\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n      </p>\n      <label for=\"postcodeInput\">\n        <span class=\"govuk-hint\">Enter a UK postcode</span>\n      </label>\n      <div class=\"govuk-body\">\n        <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n          class=\"govuk-input govuk-!-width-two-thirds postcodeinput inline-block\" formControlName=\"postcode\">\n        <button type=\"button\" class=\"govuk-button\" (click)=\"findAddress()\">Find address</button>\n      </div>\n    </div>\n\n    <div class=\"govuk-body\"\n     *ngIf=\"addressOptions\" id=\"selectAddress\">\n      <div class=\"govuk-body\"\n      [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n        <p class=\"govuk-error-message\" *ngIf=\"postcodeErrorPresent(false)\">\n          <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n       </p>\n       <label class=\"govuk-label\" for=\"addressList\">\n        <span class=\"form-label\">Select an address</span>\n      </label>\n        <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n          formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n          <option *ngFor=\"let addressOption of addressOptions\" [ngValue]=\"addressOption.value\">\n            {{addressOption.description}}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <a class=\"manual-link govuk-link\" *ngIf=\"!shouldShowDetailFields() || (!startedInternational && !addressChosen)\" (click)=\"blankAddress()\"\n      href=\"javascript:void(0)\">I can't enter a UK postcode</a>\n  </div>\n\n  <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n    *ngIf=\"shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\" data-aria-controls=\"address-fields\"\n        (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\" data-aria-controls=\"address-fields\"\n        (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n        No\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n      <xuilib-write-address-inputs *ngIf=\"isInternational !== undefined\" [formGroup]=\"formGroup\" [isInternational]=\"isInternational\"\n                                  [submissionAttempted]=\"submissionAttempted\">\n      </xuilib-write-address-inputs>\n    </div>\n  </div>\n\n  <xuilib-write-address-inputs *ngIf=\"shouldShowDetailFields() && (addressChosen || !internationalMode)\"\n    [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\"></xuilib-write-address-inputs>\n\n</div>",
+                    template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\" [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  <p class=\"govuk-error-message\" *ngIf=\"optionErrorsPresent\">\n    <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n  </p>\n  <div *ngIf=\"postcodeLookupVisible()\">\n    <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n    <div class=\"govuk-body postcodeLookup\" id=\"addressLookup\" [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n      <label for=\"postcodeInput\">\n        <span class=\"govuk-hint\">Enter a UK postcode</span>\n      </label>\n      <p class=\"govuk-error-message\" *ngIf=\"missingPostcode || postcodeErrorPresent(true)\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n      </p>\n      <div class=\"govuk-body\">\n        <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n          class=\"govuk-input govuk-!-width-two-thirds postcodeinput inline-block\" formControlName=\"postcode\">\n        <button type=\"button\" class=\"govuk-button\" (click)=\"findAddress()\">Find address</button>\n      </div>\n    </div>\n\n    <div class=\"govuk-body\"\n     *ngIf=\"addressOptions\" id=\"selectAddress\">\n      <div class=\"govuk-body\"\n      [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n       <label class=\"govuk-label\" for=\"addressList\">\n        <span class=\"form-label\">Select an address</span>\n      </label>\n      <p class=\"govuk-error-message\" *ngIf=\"postcodeErrorPresent(false)\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n     </p>\n        <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n          formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n          <option *ngFor=\"let addressOption of addressOptions\" [ngValue]=\"addressOption.value\">\n            {{addressOption.description}}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <a class=\"manual-link govuk-link\" *ngIf=\"!shouldShowDetailFields() || (!startedInternational && !addressChosen)\" (click)=\"blankAddress()\"\n      href=\"javascript:void(0)\">I can't enter a UK postcode</a>\n  </div>\n\n  <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n    *ngIf=\"shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\" data-aria-controls=\"address-fields\"\n        (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\" data-aria-controls=\"address-fields\"\n        (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n        No\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n      <xuilib-write-address-inputs *ngIf=\"isInternational !== undefined\" [formGroup]=\"formGroup\" [isInternational]=\"isInternational\"\n                                  [submissionAttempted]=\"submissionAttempted\">\n      </xuilib-write-address-inputs>\n    </div>\n  </div>\n\n  <xuilib-write-address-inputs *ngIf=\"shouldShowDetailFields() && (addressChosen || !internationalMode)\"\n    [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\"></xuilib-write-address-inputs>\n\n</div>",
                     styles: [".manual-link{cursor:pointer;text-decoration:underline;margin-top:10px}.manual-link,:host{display:block}"]
                 },] }
     ];