@hmcts/ccd-case-ui-toolkit 7.1.60-subject-message-length → 7.1.63-service-message

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20425,7 +20425,6 @@ var RaiseQueryErrorMessage;
20425
20425
  RaiseQueryErrorMessage["QUERY_BODY"] = "Enter query details";
20426
20426
  RaiseQueryErrorMessage["QUERY_HEARING_RELATED"] = "Select whether the query is hearing related or not";
20427
20427
  RaiseQueryErrorMessage["QUERY_HEARING_DATE"] = "Enter a valid date";
20428
- RaiseQueryErrorMessage["QUERY_SUBJECT_MAX_LENGTH"] = "Query subject must be less than 201 characters in length";
20429
20428
  RaiseQueryErrorMessage["RESPOND_QUERY_BODY"] = "Add a response before continue";
20430
20429
  })(RaiseQueryErrorMessage || (RaiseQueryErrorMessage = {}));
20431
20430
 
@@ -22159,8 +22158,8 @@ class QueryWriteDateInputComponent {
22159
22158
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteDateInputComponent, { className: "QueryWriteDateInputComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-date-input/query-write-date-input.component.ts", lineNumber: 15 }); })();
22160
22159
 
22161
22160
  const _c0$C = a0 => ({ "govuk-form-group--error": a0 });
22162
- function QueryWriteRaiseQueryComponent_div_11_p_11_Template(rf, ctx) { if (rf & 1) {
22163
- i0.ɵɵelementStart(0, "p", 27)(1, "span", 28);
22161
+ function QueryWriteRaiseQueryComponent_div_11_p_19_Template(rf, ctx) { if (rf & 1) {
22162
+ i0.ɵɵelementStart(0, "p", 32)(1, "span", 10);
22164
22163
  i0.ɵɵtext(2);
22165
22164
  i0.ɵɵpipe(3, "rpxTranslate");
22166
22165
  i0.ɵɵelementEnd();
@@ -22168,14 +22167,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_11_Template(rf, ctx) { if (rf &
22168
22167
  i0.ɵɵpipe(5, "rpxTranslate");
22169
22168
  i0.ɵɵelementEnd();
22170
22169
  } if (rf & 2) {
22171
- const ctx_r1 = i0.ɵɵnextContext(2);
22170
+ const ctx_r0 = i0.ɵɵnextContext(2);
22172
22171
  i0.ɵɵadvance(2);
22173
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
22172
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
22174
22173
  i0.ɵɵadvance(2);
22175
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.getSubjectErrorMessage()), " ");
22174
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessage.QUERY_SUBJECT), " ");
22176
22175
  } }
22177
- function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf & 1) {
22178
- i0.ɵɵelementStart(0, "p", 29)(1, "span", 28);
22176
+ function QueryWriteRaiseQueryComponent_div_11_p_29_Template(rf, ctx) { if (rf & 1) {
22177
+ i0.ɵɵelementStart(0, "p", 33)(1, "span", 10);
22179
22178
  i0.ɵɵtext(2);
22180
22179
  i0.ɵɵpipe(3, "rpxTranslate");
22181
22180
  i0.ɵɵelementEnd();
@@ -22183,14 +22182,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf &
22183
22182
  i0.ɵɵpipe(5, "rpxTranslate");
22184
22183
  i0.ɵɵelementEnd();
22185
22184
  } if (rf & 2) {
22186
- const ctx_r1 = i0.ɵɵnextContext(2);
22185
+ const ctx_r0 = i0.ɵɵnextContext(2);
22187
22186
  i0.ɵɵadvance(2);
22188
22187
  i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
22189
22188
  i0.ɵɵadvance(2);
22190
- i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_BODY), " ");
22189
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessage.QUERY_BODY), " ");
22191
22190
  } }
22192
- function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf & 1) {
22193
- i0.ɵɵelementStart(0, "p", 30)(1, "span", 28);
22191
+ function QueryWriteRaiseQueryComponent_div_11_p_38_Template(rf, ctx) { if (rf & 1) {
22192
+ i0.ɵɵelementStart(0, "p", 34)(1, "span", 10);
22194
22193
  i0.ɵɵtext(2);
22195
22194
  i0.ɵɵpipe(3, "rpxTranslate");
22196
22195
  i0.ɵɵelementEnd();
@@ -22198,14 +22197,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf &
22198
22197
  i0.ɵɵpipe(5, "rpxTranslate");
22199
22198
  i0.ɵɵelementEnd();
22200
22199
  } if (rf & 2) {
22201
- const ctx_r1 = i0.ɵɵnextContext(2);
22200
+ const ctx_r0 = i0.ɵɵnextContext(2);
22202
22201
  i0.ɵɵadvance(2);
22203
22202
  i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
22204
22203
  i0.ɵɵadvance(2);
22205
- i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
22204
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
22206
22205
  } }
22207
- function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, ctx) { if (rf & 1) {
22208
- i0.ɵɵelementStart(0, "p", 36)(1, "span", 28);
22206
+ function QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template(rf, ctx) { if (rf & 1) {
22207
+ i0.ɵɵelementStart(0, "p", 40)(1, "span", 10);
22209
22208
  i0.ɵɵtext(2);
22210
22209
  i0.ɵɵpipe(3, "rpxTranslate");
22211
22210
  i0.ɵɵelementEnd();
@@ -22213,141 +22212,138 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, c
22213
22212
  i0.ɵɵpipe(5, "rpxTranslate");
22214
22213
  i0.ɵɵelementEnd();
22215
22214
  } if (rf & 2) {
22216
- const ctx_r1 = i0.ɵɵnextContext(3);
22215
+ const ctx_r0 = i0.ɵɵnextContext(3);
22217
22216
  i0.ɵɵadvance(2);
22218
22217
  i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
22219
22218
  i0.ɵɵadvance(2);
22220
- i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
22219
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
22221
22220
  } }
22222
- function QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template(rf, ctx) { if (rf & 1) {
22221
+ function QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template(rf, ctx) { if (rf & 1) {
22223
22222
  i0.ɵɵelementContainerStart(0);
22224
- i0.ɵɵelementStart(1, "div", 31)(2, "fieldset", 32)(3, "legend")(4, "label", 33);
22223
+ i0.ɵɵelementStart(1, "div", 35)(2, "fieldset", 36)(3, "legend")(4, "label", 37);
22225
22224
  i0.ɵɵtext(5);
22226
22225
  i0.ɵɵpipe(6, "rpxTranslate");
22227
22226
  i0.ɵɵelementEnd()();
22228
- i0.ɵɵtemplate(7, QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template, 6, 6, "p", 34);
22229
- i0.ɵɵelement(8, "ccd-query-write-date-input", 35);
22227
+ i0.ɵɵtemplate(7, QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template, 6, 6, "p", 38);
22228
+ i0.ɵɵelement(8, "ccd-query-write-date-input", 39);
22230
22229
  i0.ɵɵelementEnd()();
22231
22230
  i0.ɵɵelementContainerEnd();
22232
22231
  } if (rf & 2) {
22233
- const ctx_r1 = i0.ɵɵnextContext(2);
22232
+ const ctx_r0 = i0.ɵɵnextContext(2);
22234
22233
  i0.ɵɵadvance();
22235
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null));
22234
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").value === true && ctx_r0.formGroup.get("hearingDate").value === null));
22236
22235
  i0.ɵɵadvance(4);
22237
22236
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
22238
22237
  i0.ɵɵadvance(2);
22239
- i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null);
22238
+ i0.ɵɵproperty("ngIf", ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").value === true && ctx_r0.formGroup.get("hearingDate").value === null);
22240
22239
  } }
22241
22240
  function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
22242
- const _r1 = i0.ɵɵgetCurrentView();
22243
- i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "div", 8)(5, "label", 9);
22244
- i0.ɵɵtext(6);
22245
- i0.ɵɵpipe(7, "rpxTranslate");
22246
- i0.ɵɵelementEnd()();
22247
- i0.ɵɵelementStart(8, "div", 10);
22248
- i0.ɵɵtext(9);
22241
+ i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "span", 8);
22242
+ i0.ɵɵtext(5, "!");
22243
+ i0.ɵɵelementEnd();
22244
+ i0.ɵɵelementStart(6, "strong", 9)(7, "span", 10);
22245
+ i0.ɵɵtext(8, "Warning");
22246
+ i0.ɵɵelementEnd();
22247
+ i0.ɵɵelement(9, "ccd-markdown", 11);
22249
22248
  i0.ɵɵpipe(10, "rpxTranslate");
22249
+ i0.ɵɵelementEnd()();
22250
+ i0.ɵɵelementStart(11, "div", 12)(12, "div", 13)(13, "label", 14);
22251
+ i0.ɵɵtext(14);
22252
+ i0.ɵɵpipe(15, "rpxTranslate");
22253
+ i0.ɵɵelementEnd()();
22254
+ i0.ɵɵelementStart(16, "div", 15);
22255
+ i0.ɵɵtext(17);
22256
+ i0.ɵɵpipe(18, "rpxTranslate");
22250
22257
  i0.ɵɵelementEnd();
22251
- i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_p_11_Template, 6, 6, "p", 11);
22252
- i0.ɵɵelementStart(12, "input", 12);
22253
- i0.ɵɵlistener("input", function QueryWriteRaiseQueryComponent_div_11_Template_input_input_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubjectInput()); });
22258
+ i0.ɵɵtemplate(19, QueryWriteRaiseQueryComponent_div_11_p_19_Template, 6, 6, "p", 16);
22259
+ i0.ɵɵelement(20, "input", 17);
22254
22260
  i0.ɵɵelementEnd()();
22255
- i0.ɵɵelementStart(13, "div", 7)(14, "div", 8)(15, "label", 13);
22256
- i0.ɵɵtext(16);
22257
- i0.ɵɵpipe(17, "rpxTranslate");
22261
+ i0.ɵɵelementStart(21, "div", 12)(22, "div", 13)(23, "label", 18);
22262
+ i0.ɵɵtext(24);
22263
+ i0.ɵɵpipe(25, "rpxTranslate");
22258
22264
  i0.ɵɵelementEnd()();
22259
- i0.ɵɵelementStart(18, "div", 14);
22260
- i0.ɵɵtext(19);
22261
- i0.ɵɵpipe(20, "rpxTranslate");
22265
+ i0.ɵɵelementStart(26, "div", 19);
22266
+ i0.ɵɵtext(27);
22267
+ i0.ɵɵpipe(28, "rpxTranslate");
22262
22268
  i0.ɵɵelementEnd();
22263
- i0.ɵɵtemplate(21, QueryWriteRaiseQueryComponent_div_11_p_21_Template, 6, 6, "p", 15);
22264
- i0.ɵɵelementStart(22, "textarea", 16);
22265
- i0.ɵɵtext(23, " ");
22269
+ i0.ɵɵtemplate(29, QueryWriteRaiseQueryComponent_div_11_p_29_Template, 6, 6, "p", 20);
22270
+ i0.ɵɵelementStart(30, "textarea", 21);
22271
+ i0.ɵɵtext(31, " ");
22266
22272
  i0.ɵɵelementEnd()();
22267
- i0.ɵɵelementStart(24, "div", 7)(25, "fieldset", 17)(26, "legend")(27, "label", 18);
22268
- i0.ɵɵtext(28);
22269
- i0.ɵɵpipe(29, "rpxTranslate");
22273
+ i0.ɵɵelementStart(32, "div", 12)(33, "fieldset", 22)(34, "legend")(35, "label", 23);
22274
+ i0.ɵɵtext(36);
22275
+ i0.ɵɵpipe(37, "rpxTranslate");
22270
22276
  i0.ɵɵelementEnd()();
22271
- i0.ɵɵtemplate(30, QueryWriteRaiseQueryComponent_div_11_p_30_Template, 6, 6, "p", 19);
22272
- i0.ɵɵelementStart(31, "div", 20)(32, "div", 21);
22273
- i0.ɵɵelement(33, "input", 22);
22274
- i0.ɵɵelementStart(34, "label", 23);
22275
- i0.ɵɵtext(35);
22276
- i0.ɵɵpipe(36, "rpxTranslate");
22277
+ i0.ɵɵtemplate(38, QueryWriteRaiseQueryComponent_div_11_p_38_Template, 6, 6, "p", 24);
22278
+ i0.ɵɵelementStart(39, "div", 25)(40, "div", 26);
22279
+ i0.ɵɵelement(41, "input", 27);
22280
+ i0.ɵɵelementStart(42, "label", 28);
22281
+ i0.ɵɵtext(43);
22282
+ i0.ɵɵpipe(44, "rpxTranslate");
22277
22283
  i0.ɵɵelementEnd()();
22278
- i0.ɵɵelementStart(37, "div", 21);
22279
- i0.ɵɵelement(38, "input", 24);
22280
- i0.ɵɵelementStart(39, "label", 25);
22281
- i0.ɵɵtext(40);
22282
- i0.ɵɵpipe(41, "rpxTranslate");
22283
- i0.ɵɵelementEnd()()()();
22284
- i0.ɵɵtemplate(42, QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template, 9, 7, "ng-container", 26);
22284
+ i0.ɵɵelementStart(45, "div", 26);
22285
+ i0.ɵɵelement(46, "input", 29);
22286
+ i0.ɵɵelementStart(47, "label", 30);
22287
+ i0.ɵɵtext(48);
22288
+ i0.ɵɵpipe(49, "rpxTranslate");
22285
22289
  i0.ɵɵelementEnd()()()();
22290
+ i0.ɵɵtemplate(50, QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template, 9, 7, "ng-container", 31);
22291
+ i0.ɵɵelementEnd()()();
22286
22292
  } if (rf & 2) {
22287
- const ctx_r1 = i0.ɵɵnextContext();
22293
+ let tmp_7_0;
22294
+ const ctx_r0 = i0.ɵɵnextContext();
22288
22295
  i0.ɵɵadvance();
22289
- i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
22296
+ i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
22297
+ i0.ɵɵadvance(8);
22298
+ i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 26, ctx_r0.serviceMessage));
22290
22299
  i0.ɵɵadvance(2);
22291
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(40, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("subject").hasError("required")));
22300
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(46, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required")));
22292
22301
  i0.ɵɵadvance(3);
22293
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 22, "Query subject"), " ");
22302
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 28, "Query subject"), " ");
22294
22303
  i0.ɵɵadvance(3);
22295
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 24, "The subject should be a summary of your query"), " ");
22304
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 30, "The subject should be a summary of your query"), " ");
22296
22305
  i0.ɵɵadvance(2);
22297
- i0.ɵɵproperty("ngIf", ctx_r1.submitted && (ctx_r1.formGroup.get("subject").hasError("required") || ctx_r1.formGroup.get("subject").hasError("maxlength")));
22298
- i0.ɵɵadvance(2);
22299
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(42, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required")));
22306
+ i0.ɵɵproperty("ngIf", ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required"));
22307
+ i0.ɵɵadvance();
22308
+ i0.ɵɵclassProp("govuk-input--error", ctx_r0.submitted && ((tmp_7_0 = ctx_r0.formGroup.get("subject")) == null ? null : tmp_7_0.hasError("required")));
22309
+ i0.ɵɵproperty("formControlName", "subject");
22310
+ i0.ɵɵadvance();
22311
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(48, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
22300
22312
  i0.ɵɵadvance(3);
22301
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 26, "Query detail"), " ");
22313
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 32, "Query detail"), " ");
22302
22314
  i0.ɵɵadvance(3);
22303
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 28, "Include as many details as possible so case workers can respond to your query"), " ");
22315
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 34, "Include as many details as possible so case workers can respond to your query"), " ");
22304
22316
  i0.ɵɵadvance(2);
22305
- i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
22317
+ i0.ɵɵproperty("ngIf", ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required"));
22306
22318
  i0.ɵɵadvance();
22307
- i0.ɵɵclassProp("govuk-textarea--error", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
22319
+ i0.ɵɵclassProp("govuk-textarea--error", ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required"));
22308
22320
  i0.ɵɵproperty("formControlName", "body");
22309
22321
  i0.ɵɵadvance(2);
22310
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required")));
22322
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(50, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").hasError("required")));
22311
22323
  i0.ɵɵadvance(4);
22312
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 30, "Is the query hearing related?"), " ");
22324
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(37, 36, "Is the query hearing related?"), " ");
22313
22325
  i0.ɵɵadvance(2);
22314
- i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required"));
22326
+ i0.ɵɵproperty("ngIf", ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").hasError("required"));
22315
22327
  i0.ɵɵadvance(3);
22316
- i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === true)("value", true);
22328
+ i0.ɵɵproperty("checked", ctx_r0.formGroup.get("isHearingRelated").value === true)("value", true);
22317
22329
  i0.ɵɵadvance(2);
22318
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(36, 32, "Is the query hearing related?", null, "Yes"), " ");
22330
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(44, 38, "Is the query hearing related?", null, "Yes"), " ");
22319
22331
  i0.ɵɵadvance(3);
22320
- i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === false)("value", false);
22332
+ i0.ɵɵproperty("checked", ctx_r0.formGroup.get("isHearingRelated").value === false)("value", false);
22321
22333
  i0.ɵɵadvance(2);
22322
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41, 36, "Is the query hearing related?", null, "No"), " ");
22334
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(49, 42, "Is the query hearing related?", null, "No"), " ");
22323
22335
  i0.ɵɵadvance(2);
22324
- i0.ɵɵproperty("ngIf", ctx_r1.formGroup.get("isHearingRelated").value);
22336
+ i0.ɵɵproperty("ngIf", ctx_r0.formGroup.get("isHearingRelated").value);
22325
22337
  } }
22326
22338
  class QueryWriteRaiseQueryComponent {
22327
22339
  formGroup;
22328
22340
  submitted;
22329
22341
  caseDetails;
22330
22342
  showForm;
22343
+ serviceMessage;
22331
22344
  raiseQueryErrorMessage = RaiseQueryErrorMessage;
22332
- onSubjectInput() {
22333
- const control = this.formGroup.get('subject');
22334
- const value = control?.value;
22335
- if (value && value.length > 200) {
22336
- control?.setValue(value.substring(0, 200));
22337
- }
22338
- }
22339
- getSubjectErrorMessage() {
22340
- const control = this.formGroup.get('subject');
22341
- if (control.hasError('required')) {
22342
- return this.raiseQueryErrorMessage.QUERY_SUBJECT;
22343
- }
22344
- if (control.hasError('maxlength')) {
22345
- return this.raiseQueryErrorMessage.QUERY_SUBJECT_MAX_LENGTH;
22346
- }
22347
- return '';
22348
- }
22349
22345
  static ɵfac = function QueryWriteRaiseQueryComponent_Factory(t) { return new (t || QueryWriteRaiseQueryComponent)(); };
22350
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "id", "subject", "formControlName", "subject", "maxlength", "200", "aria-describedby", "subject-error", 1, "govuk-input", 3, "input"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) { if (rf & 1) {
22346
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm", serviceMessage: "serviceMessage" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [3, "content"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "name", "subject", "id", "subject", 1, "govuk-input", 3, "formControlName"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) { if (rf & 1) {
22351
22347
  i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
22352
22348
  i0.ɵɵtext(3);
22353
22349
  i0.ɵɵpipe(4, "rpxTranslate");
@@ -22360,7 +22356,7 @@ class QueryWriteRaiseQueryComponent {
22360
22356
  i0.ɵɵelement(9, "ccd-query-case-details-header", 3);
22361
22357
  i0.ɵɵelementEnd();
22362
22358
  i0.ɵɵelement(10, "hr");
22363
- i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 43, 46, "div", 4);
22359
+ i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 51, 52, "div", 4);
22364
22360
  i0.ɵɵelementEnd();
22365
22361
  } if (rf & 2) {
22366
22362
  i0.ɵɵadvance(3);
@@ -22375,7 +22371,7 @@ class QueryWriteRaiseQueryComponent {
22375
22371
  }
22376
22372
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
22377
22373
  type: Component,
22378
- args: [{ selector: 'ccd-query-write-raise-query', template: "<div>\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-4\">{{ 'Enter query details' | rpxTranslate }}</h1>\n </div>\n\n <div>\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <hr>\n\n <div class=\"govuk-!-margin-bottom-4\" *ngIf=\"showForm\">\n <div [formGroup]=\"formGroup\">\n <div>\n <div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('subject').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"subject\">\n {{ 'Query subject' | rpxTranslate }}\n </label>\n </div>\n <div id=\"subject-hint\" class=\"govuk-hint\">\n {{ 'The subject should be a summary of your query' | rpxTranslate }}\n </div>\n <p id=\"subject-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && (formGroup.get('subject').hasError('required') || formGroup.get('subject').hasError('maxlength'))\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span>\n {{ getSubjectErrorMessage() | rpxTranslate }}\n </p>\n\n <input type=\"text\"\n id=\"subject\"\n class=\"govuk-input\"\n formControlName=\"subject\"\n maxlength=\"200\"\n (input)=\"onSubjectInput()\"\n aria-describedby=\"subject-error\" />\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('body').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"body\">\n {{ 'Query detail' | rpxTranslate }}\n </label>\n </div>\n <div id=\"body-hint\" class=\"govuk-hint\">\n {{ 'Include as many details as possible so case workers can respond to your query' | rpxTranslate }}\n </div>\n <p id=\"body-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('body').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_BODY | rpxTranslate }}\n </p>\n <textarea [formControlName]=\"'body'\"\n id=\"body\" name=\"body\" rows=\"5\"\n aria-describedby=\"body-hint body-error\"\n class=\"govuk-textarea\"\n [class.govuk-textarea--error]=\"submitted && formGroup.get('body').hasError('required')\"\n >\n </textarea>\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('isHearingRelated').hasError('required')}\">\n <fieldset class=\"govuk-fieldset\">\n <legend>\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"isHearingRelated-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_RELATED | rpxTranslate }}\n </p>\n <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-yes\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === true\" [value]=\"true\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-yes\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n </label>\n </div>\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-no\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === false\" [value]=\"false\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-no\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n </label>\n </div>\n </div>\n </fieldset>\n\n <ng-container *ngIf=\"formGroup.get('isHearingRelated').value\">\n <div class=\"govuk-radios__conditional govuk-!-margin-top-1\"\n [ngClass]=\"{'govuk-form-group--error': submitted &&\n formGroup.get('isHearingRelated').value === true &&\n formGroup.get('hearingDate').value === null}\">\n <fieldset class=\"govuk-fieldset\" role=\"group\">\n <legend>\n <label class=\"govuk-label govuk-label--s\">\n {{ 'What is the date of the hearing?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"hearingDate-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').value === true && formGroup.get('hearingDate').value === null\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_DATE | rpxTranslate }}\n </p>\n <ccd-query-write-date-input formControlName=\"hearingDate\"></ccd-query-write-date-input>\n </fieldset>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n" }]
22374
+ args: [{ selector: 'ccd-query-write-raise-query', template: "<div>\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-4\">{{ 'Enter query details' | rpxTranslate }}</h1>\n </div>\n\n <div>\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <hr>\n\n <div class=\"govuk-!-margin-bottom-4\" *ngIf=\"showForm\">\n <div [formGroup]=\"formGroup\">\n <div>\n <div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-visually-hidden\">Warning</span>\n <ccd-markdown\n [content]=\"serviceMessage | rpxTranslate\">\n </ccd-markdown>\n </strong>\n </div>\n <div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('subject').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"subject\">\n {{ 'Query subject' | rpxTranslate }}\n </label>\n </div>\n <div id=\"subject-hint\" class=\"govuk-hint\">\n {{ 'The subject should be a summary of your query' | rpxTranslate }}\n </div>\n <p id=\"subject-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('subject').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_SUBJECT | rpxTranslate }}\n </p>\n <input [formControlName]=\"'subject'\" type=\"text\" name=\"subject\"\n class=\"govuk-input\" id=\"subject\"\n [class.govuk-input--error]=\"submitted && formGroup.get('subject')?.hasError('required')\"\n />\n </div>\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('body').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"body\">\n {{ 'Query detail' | rpxTranslate }}\n </label>\n </div>\n <div id=\"body-hint\" class=\"govuk-hint\">\n {{ 'Include as many details as possible so case workers can respond to your query' | rpxTranslate }}\n </div>\n <p id=\"body-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('body').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_BODY | rpxTranslate }}\n </p>\n <textarea [formControlName]=\"'body'\"\n id=\"body\" name=\"body\" rows=\"5\"\n aria-describedby=\"body-hint body-error\"\n class=\"govuk-textarea\"\n [class.govuk-textarea--error]=\"submitted && formGroup.get('body').hasError('required')\"\n >\n </textarea>\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('isHearingRelated').hasError('required')}\">\n <fieldset class=\"govuk-fieldset\">\n <legend>\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"isHearingRelated-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_RELATED | rpxTranslate }}\n </p>\n <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-yes\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === true\" [value]=\"true\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-yes\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n </label>\n </div>\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-no\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === false\" [value]=\"false\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-no\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n </label>\n </div>\n </div>\n </fieldset>\n\n <ng-container *ngIf=\"formGroup.get('isHearingRelated').value\">\n <div class=\"govuk-radios__conditional govuk-!-margin-top-1\"\n [ngClass]=\"{'govuk-form-group--error': submitted &&\n formGroup.get('isHearingRelated').value === true &&\n formGroup.get('hearingDate').value === null}\">\n <fieldset class=\"govuk-fieldset\" role=\"group\">\n <legend>\n <label class=\"govuk-label govuk-label--s\">\n {{ 'What is the date of the hearing?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"hearingDate-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').value === true && formGroup.get('hearingDate').value === null\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_DATE | rpxTranslate }}\n </p>\n <ccd-query-write-date-input formControlName=\"hearingDate\"></ccd-query-write-date-input>\n </fieldset>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n" }]
22379
22375
  }], null, { formGroup: [{
22380
22376
  type: Input
22381
22377
  }], submitted: [{
@@ -22384,6 +22380,8 @@ class QueryWriteRaiseQueryComponent {
22384
22380
  type: Input
22385
22381
  }], showForm: [{
22386
22382
  type: Input
22383
+ }], serviceMessage: [{
22384
+ type: Input
22387
22385
  }] }); })();
22388
22386
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRaiseQueryComponent, { className: "QueryWriteRaiseQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.ts", lineNumber: 8 }); })();
22389
22387
 
@@ -30492,7 +30490,7 @@ ReadQueryManagementFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i1
30492
30490
  i0.ɵɵsetComponentScope(QueryDetailsComponent, function () { return [i5.NgForOf, i5.NgIf, AlertComponent, QueryAttachmentsReadComponent]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe]; });
30493
30491
  i0.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, function () { return [i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryDetailsComponent,
30494
30492
  QueryCaseDetailsHeaderComponent]; }, function () { return [i1.RpxTranslatePipe]; });
30495
- i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MaxLengthValidator, i4.FormGroupDirective, i4.FormControlName, QueryCaseDetailsHeaderComponent,
30493
+ i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, MarkdownComponent, QueryCaseDetailsHeaderComponent,
30496
30494
  QueryWriteDateInputComponent]; }, function () { return [i1.RpxTranslatePipe]; });
30497
30495
  i0.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, function () { return [i5.NgForOf, i5.NgIf, QueryCaseDetailsHeaderComponent,
30498
30496
  QueryAttachmentsReadComponent,