@hmcts/rpx-xui-common-lib 3.2.19 → 3.2.20

package/fesm2022/hmcts-rpx-xui-common-lib.mjs

@@ -5306,11 +5306,11 @@ class GovUkLabelComponent {
             i0.ɵɵconditionalCreate(0, GovUkLabelComponent_Conditional_0_Template, 2, 1, "h1")(1, GovUkLabelComponent_Conditional_1_Template, 1, 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.config.isPageHeading ? 0 : 1);
-        } }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-label[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap}.govuk-label__optional[_ngcontent-%COMP%]{font-weight:400;font-size:16px;display:inline-block;margin-left:.75rem}"] }); }
+        } }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-label[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap}.govuk-label.govuk-checkboxes__label--top-aligned[_ngcontent-%COMP%]{align-items:flex-start;padding-top:0}.govuk-label__optional[_ngcontent-%COMP%]{font-weight:400;font-size:16px;display:inline-block;margin-left:.75rem}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkLabelComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-gov-label', standalone: false, template: "@if (config.isPageHeading) {\n  <h1>\n    @if (config.label) {\n      <label [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n        <span>{{ config.label | rpxTranslate }}</span>\n        @if (config.optional) {\n          <span class=\"govuk-label__optional\">(optional)</span>\n        }\n      </label>\n    }\n  </h1>\n} @else {\n  @if (config.label) {\n    <label [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n      <span>{{ config.label }}</span>\n      @if (config.optional) {\n        <span class=\"govuk-label__optional\">(optional)</span>\n      }\n    </label>\n  }\n}\n", styles: [".govuk-label{display:flex;align-items:center;flex-wrap:wrap}.govuk-label__optional{font-weight:400;font-size:16px;display:inline-block;margin-left:.75rem}\n"] }]
+        args: [{ selector: 'xuilib-gov-label', standalone: false, template: "@if (config.isPageHeading) {\n  <h1>\n    @if (config.label) {\n      <label [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n        <span>{{ config.label | rpxTranslate }}</span>\n        @if (config.optional) {\n          <span class=\"govuk-label__optional\">(optional)</span>\n        }\n      </label>\n    }\n  </h1>\n} @else {\n  @if (config.label) {\n    <label [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n      <span>{{ config.label }}</span>\n      @if (config.optional) {\n        <span class=\"govuk-label__optional\">(optional)</span>\n      }\n    </label>\n  }\n}\n", styles: [".govuk-label{display:flex;align-items:center;flex-wrap:wrap}.govuk-label.govuk-checkboxes__label--top-aligned{align-items:flex-start;padding-top:0}.govuk-label__optional{font-weight:400;font-size:16px;display:inline-block;margin-left:.75rem}\n"] }]
     }], () => [], { config: [{
             type: Input
         }] }); })();
@@ -5345,6 +5345,17 @@ class RemoveHostDirective {
             }]
     }], () => [{ type: i0.ElementRef }], null); })();
 
+function GovUkCheckboxComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("id", ctx_r0.config.value + "-item-hint");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, ctx_r0.config.hint), " ");
+} }
 /*
 * Gov Uk Checkbox Dumb Component responsible for
 * displaying checkbox input and hint
@@ -5358,16 +5369,15 @@ class GovUkCheckboxComponent {
         const id = this.config.focusOn ? this.config.focusOn : this.config.value;
         this.config.id = id;
         this.config.classes = this.config.classes ?
-            this.config.classes.concat(' govuk-checkboxes__label') : 'govuk-checkboxes__label';
+            this.config.classes.concat(' govuk-checkboxes__label govuk-checkboxes__label--top-aligned') :
+            'govuk-checkboxes__label govuk-checkboxes__label--top-aligned';
     }
     static { this.ɵfac = function GovUkCheckboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkCheckboxComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkCheckboxComponent, selectors: [["xuilib-gov-checkbox"]], inputs: { group: "group", config: "config", isChecked: "isChecked" }, standalone: false, decls: 6, vars: 11, consts: [[1, "govuk-checkboxes__item", 3, "formGroup"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "formControlName", "checked"], ["appRemoveHost", "", 3, "config"], [1, "govuk-hint", "govuk-checkboxes__hint", 3, "id"]], template: function GovUkCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkCheckboxComponent, selectors: [["xuilib-gov-checkbox"]], inputs: { group: "group", config: "config", isChecked: "isChecked" }, standalone: false, decls: 4, vars: 8, consts: [[1, "govuk-checkboxes__item", 3, "formGroup"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "formControlName", "checked"], ["appRemoveHost", "", 3, "config"], [1, "govuk-hint", "govuk-checkboxes__hint", 3, "id"]], template: function GovUkCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "input", 1)(2, "xuilib-gov-label", 2);
-            i0.ɵɵelementStart(3, "span", 3);
-            i0.ɵɵtext(4);
-            i0.ɵɵpipe(5, "rpxTranslate");
-            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(3, GovUkCheckboxComponent_Conditional_3_Template, 3, 4, "span", 3);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.group);
             i0.ɵɵadvance();
@@ -5376,14 +5386,12 @@ class GovUkCheckboxComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("config", ctx.config);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("id", ctx.config.value + "-item-hint");
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 9, ctx.config.hint), " ");
-        } }, dependencies: [i2$3.CheckboxControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, GovUkLabelComponent, RemoveHostDirective, i2.RpxTranslatePipe], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.config.hint ? 3 : -1);
+        } }, dependencies: [i2$3.CheckboxControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, GovUkLabelComponent, RemoveHostDirective, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.govuk-checkboxes__item[_ngcontent-%COMP%]{margin-bottom:20px}[_nghost-%COMP%]:last-child   .govuk-checkboxes__item[_ngcontent-%COMP%]{margin-bottom:0}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkCheckboxComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-gov-checkbox', standalone: false, template: "<div class=\"govuk-checkboxes__item\" [formGroup]=\"group\">\n  <input class=\"govuk-checkboxes__input\" type=\"checkbox\" [attr.aria-describedby]=\"config.hint ? config.value+'-item-hint' : null\"\n  [id]=\"config.id\" [name]=\"config.name\" [formControlName]=\"config.value\" [checked]=\"isChecked\">\n  <xuilib-gov-label appRemoveHost [config]=\"config\"></xuilib-gov-label>\n  <span [id]=\"config.value+'-item-hint'\" class=\"govuk-hint govuk-checkboxes__hint\">\n    {{config.hint | rpxTranslate}}\n  </span>\n</div>\n" }]
+        args: [{ selector: 'xuilib-gov-checkbox', standalone: false, template: "<div class=\"govuk-checkboxes__item\" [formGroup]=\"group\">\n  <input class=\"govuk-checkboxes__input\" type=\"checkbox\"\n    [attr.aria-describedby]=\"config.hint ? config.value + '-item-hint' : null\"\n    [id]=\"config.id\" [name]=\"config.name\" [formControlName]=\"config.value\" [checked]=\"isChecked\">\n  <xuilib-gov-label appRemoveHost [config]=\"config\"></xuilib-gov-label>\n  @if (config.hint) {\n    <span [id]=\"config.value + '-item-hint'\" class=\"govuk-hint govuk-checkboxes__hint\">\n      {{ config.hint | rpxTranslate }}\n    </span>\n  }\n</div>\n", styles: [":host{display:block}.govuk-checkboxes__item{margin-bottom:20px}:host(:last-child) .govuk-checkboxes__item{margin-bottom:0}\n"] }]
     }], () => [], { group: [{
             type: Input
         }], config: [{
@@ -5391,7 +5399,7 @@ class GovUkCheckboxComponent {
         }], isChecked: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkCheckboxComponent, { className: "GovUkCheckboxComponent", filePath: "lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkCheckboxComponent, { className: "GovUkCheckboxComponent", filePath: "lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.ts", lineNumber: 16 }); })();
 
 function GovUkErrorMessageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 0)(1, "span", 1);