@hmcts/ccd-case-ui-toolkit 7.2.24 → 7.2.25-welsh-interp

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -2924,11 +2924,19 @@ class FieldLabelPipe {
             return '';
         }
         else if (!field.display_context) {
-            return this.rpxTranslationPipe.transform(field.label);
+            return this.getTranslatedLabel(field);
         }
-        return this.rpxTranslationPipe.transform(field.label) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
+        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
             ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
     }
+    getTranslatedLabel(field) {
+        if (!field.isTranslated) {
+            return this.rpxTranslationPipe.transform(field.label);
+        }
+        else {
+            return field.label;
+        }
+    }
     static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
     static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false });
 }
@@ -20926,14 +20934,7 @@ class QueryListItem {
         if (childrenCount === 0) {
             return this.lastSubmittedMessage.name;
         }
-        let index;
-        if (childrenCount === 1) {
-            index = 0;
-        }
-        else {
-            index = childrenCount % 2 === 1 ? childrenCount - 1 : childrenCount - 2;
-        }
-        return this.children[index].name;
+        return this.children[childrenCount - 1].name;
     }
     get lastSubmittedDate() {
         const childrenCount = this.children.length;
@@ -30094,36 +30095,32 @@ class ReadOrderSummaryRowComponent extends AbstractFieldReadComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadOrderSummaryRowComponent, { className: "ReadOrderSummaryRowComponent", filePath: "lib/shared/components/palette/order-summary/read-order-summary-row.component.ts", lineNumber: 13 }); })();
 
 function ReadOrganisationFieldRawComponent_table_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 1);
-    i0.ɵɵpipe(1, "rpxTranslate");
-    i0.ɵɵelementStart(2, "tr", 4);
-    i0.ɵɵelement(3, "th", 2);
-    i0.ɵɵelementStart(4, "td", 5)(5, "span", 6);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "rpxTranslate");
+    i0.ɵɵelementStart(0, "table", 1)(1, "tr", 4);
+    i0.ɵɵelement(2, "th", 2);
+    i0.ɵɵelementStart(3, "td", 5)(4, "span", 6);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td")(9, "span", 6);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "td")(7, "span", 6);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "tr", 4);
-    i0.ɵɵelement(12, "th", 2);
-    i0.ɵɵelementStart(13, "td", 5)(14, "span", 6);
-    i0.ɵɵtext(15);
-    i0.ɵɵpipe(16, "rpxTranslate");
+    i0.ɵɵelementStart(9, "tr", 4);
+    i0.ɵɵelement(10, "th", 2);
+    i0.ɵɵelementStart(11, "td", 5)(12, "span", 6);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "td");
-    i0.ɵɵelement(18, "ccd-markdown", 7);
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵelement(15, "ccd-markdown", 7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const selectedOrg_r1 = ctx.ngIf;
-    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 5, "complex selected organisation field table"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, "Name:"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵattribute("aria-describedby", "selected organisation field table");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 9, "Address:"));
+    i0.ɵɵtextInterpolate("Name:");
     i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate("Address:");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("content", selectedOrg_r1.address);
 } }
 class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
@@ -30151,7 +30148,7 @@ class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
             i0.ɵɵelementStart(3, "tbody")(4, "tr");
             i0.ɵɵelement(5, "th", 2);
             i0.ɵɵelementStart(6, "td");
-            i0.ɵɵtemplate(7, ReadOrganisationFieldRawComponent_table_7_Template, 19, 11, "table", 3);
+            i0.ɵɵtemplate(7, ReadOrganisationFieldRawComponent_table_7_Template, 16, 5, "table", 3);
             i0.ɵɵpipe(8, "async");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
@@ -30163,43 +30160,39 @@ class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadOrganisationFieldRawComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-organisation-field-raw', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th style=\"display: none;\"></th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'complex selected organisation field table' | rpxTranslate\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Name:' | rpxTranslate}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Address:' | rpxTranslate}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
+        args: [{ selector: 'ccd-read-organisation-field-raw', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th style=\"display: none;\"></th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'selected organisation field table'\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Name:'}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Address:'}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
     }], () => [{ type: OrganisationService }, { type: OrganisationConverter }], { caseFields: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadOrganisationFieldRawComponent, { className: "ReadOrganisationFieldRawComponent", filePath: "lib/shared/components/palette/organisation/read-organisation-field-raw.component.ts", lineNumber: 15 }); })();
 
 function ReadOrganisationFieldTableComponent_table_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 1);
-    i0.ɵɵpipe(1, "rpxTranslate");
-    i0.ɵɵelementStart(2, "tr", 6);
-    i0.ɵɵelement(3, "th", 7);
-    i0.ɵɵelementStart(4, "td", 8)(5, "span", 4);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "rpxTranslate");
+    i0.ɵɵelementStart(0, "table", 1)(1, "tr", 6);
+    i0.ɵɵelement(2, "th", 7);
+    i0.ɵɵelementStart(3, "td", 8)(4, "span", 4);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td")(9, "span", 4);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "td")(7, "span", 4);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "tr", 6);
-    i0.ɵɵelement(12, "th", 7);
-    i0.ɵɵelementStart(13, "td", 8)(14, "span", 4);
-    i0.ɵɵtext(15);
-    i0.ɵɵpipe(16, "rpxTranslate");
+    i0.ɵɵelementStart(9, "tr", 6);
+    i0.ɵɵelement(10, "th", 7);
+    i0.ɵɵelementStart(11, "td", 8)(12, "span", 4);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "td");
-    i0.ɵɵelement(18, "ccd-markdown", 9);
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵelement(15, "ccd-markdown", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const selectedOrg_r1 = ctx.ngIf;
-    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 5, "complex selected organisation field table"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, "Name:"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵattribute("aria-describedby", "selected organisation field table");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 9, "Address:"));
+    i0.ɵɵtextInterpolate("Name:");
     i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate("Address:");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("content", selectedOrg_r1.address);
 } }
 class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
@@ -30229,7 +30222,7 @@ class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
             i0.ɵɵpipe(10, "rpxTranslate");
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(11, "td");
-            i0.ɵɵtemplate(12, ReadOrganisationFieldTableComponent_table_12_Template, 19, 11, "table", 5);
+            i0.ɵɵtemplate(12, ReadOrganisationFieldTableComponent_table_12_Template, 16, 5, "table", 5);
             i0.ɵɵpipe(13, "async");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
@@ -30243,7 +30236,7 @@ class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadOrganisationFieldTableComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-organisation-field-table', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th class=\"complex-field-title\">\n          <dl class=\"complex-panel-title\">\n            <dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt>\n          </dl>\n        </th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'complex selected organisation field table' | rpxTranslate\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Name:' | rpxTranslate}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Address:' | rpxTranslate}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
+        args: [{ selector: 'ccd-read-organisation-field-table', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th class=\"complex-field-title\">\n          <dl class=\"complex-panel-title\">\n            <dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt>\n          </dl>\n        </th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'selected organisation field table'\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Name:'}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Address:'}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
     }], () => [{ type: OrganisationService }, { type: OrganisationConverter }], { caseFields: [{
             type: Input
         }] }); })();
@@ -32161,7 +32154,7 @@ function CaseHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("caseFields", ctx_r0.caseFields);
+    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("labelCanBeTranslated", false)("caseFields", ctx_r0.caseFields);
 } }
 class CaseHeaderComponent {
     caseDetails;
@@ -32184,8 +32177,8 @@ class CaseHeaderComponent {
         return caseDataFields.concat(this.caseDetails.metadataFields);
     }
     static ɵfac = function CaseHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseHeaderComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseHeaderComponent, selectors: [["ccd-case-header"]], inputs: { caseDetails: "caseDetails" }, decls: 2, vars: 2, consts: [["class", "heading-h1", 4, "ngIf"], ["class", "case-title", 4, "ngIf"], [1, "heading-h1"], [1, "case-title"], [3, "caseField", "caseFields"]], template: function CaseHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseHeaderComponent_h1_0_Template, 3, 3, "h1", 0)(1, CaseHeaderComponent_div_1_Template, 2, 2, "div", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseHeaderComponent, selectors: [["ccd-case-header"]], inputs: { caseDetails: "caseDetails" }, decls: 2, vars: 2, consts: [["class", "heading-h1", 4, "ngIf"], ["class", "case-title", 4, "ngIf"], [1, "heading-h1"], [1, "case-title"], [3, "caseField", "labelCanBeTranslated", "caseFields"]], template: function CaseHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CaseHeaderComponent_h1_0_Template, 3, 3, "h1", 0)(1, CaseHeaderComponent_div_1_Template, 2, 3, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", !ctx.caseTitle.label);
             i0.ɵɵadvance();
@@ -32194,7 +32187,7 @@ class CaseHeaderComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-header', template: "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n", styles: [".case-title{margin-top:47px;margin-bottom:10px}.heading-h1{margin-top:40px}\n"] }]
+        args: [{ selector: 'ccd-case-header', template: "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [labelCanBeTranslated]=\"false\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n", styles: [".case-title{margin-top:47px;margin-bottom:10px}.heading-h1{margin-top:40px}\n"] }]
     }], null, { caseDetails: [{
             type: Input
         }] }); })();