@hmcts/ccd-case-ui-toolkit 7.4.12-broken-access → 7.4.12-exui-5288-v1

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.
Files changed (5) hide show
  1. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +149 -45
  2. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
  3. package/index.d.ts +4 -1
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs CHANGED
@@ -2760,6 +2760,7 @@ var CaseFlagFormFields;
2760
2760
  CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
2761
2761
  CaseFlagFormFields["STATUS"] = "status";
2762
2762
  CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
2763
+ CaseFlagFormFields["STATUS_CHANGE_REASON_WELSH"] = "flagStatusReasonChange_cy";
2763
2764
  CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
2764
2765
  CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
2765
2766
  })(CaseFlagFormFields || (CaseFlagFormFields = {}));
@@ -2879,6 +2880,7 @@ var UpdateFlagStep;
2879
2880
  UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
2880
2881
  UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
2881
2882
  UpdateFlagStep["STATUS_REASON_LABEL"] = "Reason for change";
2883
+ UpdateFlagStep["STATUS_REASON_WELSH_LABEL"] = "Reason for change (Welsh)";
2882
2884
  UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
2883
2885
  })(UpdateFlagStep || (UpdateFlagStep = {}));
2884
2886
 
@@ -14834,7 +14836,7 @@ class CaseFileViewFieldComponent {
14834
14836
  }
14835
14837
  setMediaViewerFile(document) {
14836
14838
  const documentDetails = {
14837
- document_binary_url: this.withLegacyDocumentAccessContext(this.documentManagementService.getDocumentBinaryUrl(document)),
14839
+ document_binary_url: document.document_binary_url,
14838
14840
  document_filename: document.document_filename,
14839
14841
  content_type: document.content_type
14840
14842
  };
@@ -14849,19 +14851,6 @@ class CaseFileViewFieldComponent {
14849
14851
  const mediaViewerInfo = this.documentManagementService.getMediaViewerInfo(documentDetails);
14850
14852
  this.currentDocument = JSON.parse(mediaViewerInfo);
14851
14853
  }
14852
- withLegacyDocumentAccessContext(documentBinaryUrl) {
14853
- if (!documentBinaryUrl || !this.caseId) {
14854
- return documentBinaryUrl;
14855
- }
14856
- const [path, query = ''] = documentBinaryUrl.split('?');
14857
- if (!/^\/documents\/[^/]+\/binary\/?$/.test(path)) {
14858
- return documentBinaryUrl;
14859
- }
14860
- // XUI validates legacy document access against the case before proxying the binary request.
14861
- const searchParams = new URLSearchParams(query);
14862
- searchParams.set('caseId', this.caseId);
14863
- return `${path}?${searchParams.toString()}`;
14864
- }
14865
14854
  moveDocument(data) {
14866
14855
  const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
14867
14856
  const loadingToken = this.loadingService.register();
@@ -15927,6 +15916,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15927
15916
  flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
15928
15917
  flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
15929
15918
  flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
15919
+ flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
15930
15920
  flagDetail.value.status = originalFlagDetail.value?.status;
15931
15921
  flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
15932
15922
  }
@@ -15967,6 +15957,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15967
15957
  // Ensure that any comments entered with language set to Welsh do not end up in the English comments field
15968
15958
  if (this.rpxTranslationService.language !== 'cy') {
15969
15959
  flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
15960
+ flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
15970
15961
  }
15971
15962
  // Populate from the *English* comments field if:
15972
15963
  // * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
@@ -15981,7 +15972,13 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15981
15972
  ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
15982
15973
  : null;
15983
15974
  }
15984
- flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
15975
+ if (this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH) || this.rpxTranslationService.language === 'cy') {
15976
+ flagDetailToUpdate.value.flagUpdateComment_cy = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH)?.value
15977
+ ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH)?.value
15978
+ : this.rpxTranslationService.language === 'cy'
15979
+ ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value
15980
+ : null;
15981
+ }
15985
15982
  flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
15986
15983
  flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
15987
15984
  }
@@ -31239,6 +31236,34 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
31239
31236
  i0.ɵɵadvance(3);
31240
31237
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
31241
31238
  } }
31239
+ function CaseFlagSummaryListComponent_dl_0_div_40_Template(rf, ctx) { if (rf & 1) {
31240
+ const _r8 = i0.ɵɵgetCurrentView();
31241
+ i0.ɵɵelementStart(0, "div", 2)(1, "dt", 3);
31242
+ i0.ɵɵtext(2);
31243
+ i0.ɵɵpipe(3, "rpxTranslate");
31244
+ i0.ɵɵelementEnd();
31245
+ i0.ɵɵelementStart(4, "dd", 4);
31246
+ i0.ɵɵtext(5);
31247
+ i0.ɵɵelementEnd();
31248
+ i0.ɵɵelementStart(6, "dd", 5)(7, "a", 6);
31249
+ i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_div_40_Template_a_click_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.changeButtonEmitter.emit(ctx_r1.caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); return i0.ɵɵresetView($event.preventDefault()); });
31250
+ i0.ɵɵtext(8);
31251
+ i0.ɵɵpipe(9, "rpxTranslate");
31252
+ i0.ɵɵelementStart(10, "span", 7);
31253
+ i0.ɵɵtext(11);
31254
+ i0.ɵɵpipe(12, "rpxTranslate");
31255
+ i0.ɵɵelementEnd()()()();
31256
+ } if (rf & 2) {
31257
+ const ctx_r1 = i0.ɵɵnextContext(2);
31258
+ i0.ɵɵadvance(2);
31259
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL), " ");
31260
+ i0.ɵɵadvance(3);
31261
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.flagUpdateCommentsWelsh, " ");
31262
+ i0.ɵɵadvance(3);
31263
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 6, "Change"));
31264
+ i0.ɵɵadvance(3);
31265
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL));
31266
+ } }
31242
31267
  function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31243
31268
  const _r1 = i0.ɵɵgetCurrentView();
31244
31269
  i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
@@ -31283,26 +31308,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31283
31308
  i0.ɵɵelementStart(37, "dd", 5);
31284
31309
  i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
31285
31310
  i0.ɵɵelementEnd()();
31286
- i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
31311
+ i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8)(40, CaseFlagSummaryListComponent_dl_0_div_40_Template, 13, 10, "div", 8);
31287
31312
  i0.ɵɵelementEnd();
31288
31313
  } if (rf & 2) {
31289
31314
  const ctx_r1 = i0.ɵɵnextContext();
31290
31315
  i0.ɵɵadvance(3);
31291
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 15, ctx_r1.addUpdateFlagHeaderText), " ");
31316
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 16, ctx_r1.addUpdateFlagHeaderText), " ");
31292
31317
  i0.ɵɵadvance(3);
31293
31318
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
31294
31319
  i0.ɵɵadvance(3);
31295
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 17, "Change"));
31320
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 18, "Change"));
31296
31321
  i0.ɵɵadvance(3);
31297
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 19, "party name"));
31322
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 20, "party name"));
31298
31323
  i0.ɵɵadvance(4);
31299
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 21, ctx_r1.flagTypeHeaderText), " ");
31324
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 22, ctx_r1.flagTypeHeaderText), " ");
31300
31325
  i0.ɵɵadvance(3);
31301
31326
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
31302
31327
  i0.ɵɵadvance(3);
31303
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 23, "Change"));
31328
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 24, "Change"));
31304
31329
  i0.ɵɵadvance(3);
31305
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 25, "flag type"));
31330
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 26, "flag type"));
31306
31331
  i0.ɵɵadvance(2);
31307
31332
  i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31308
31333
  i0.ɵɵadvance();
@@ -31310,13 +31335,15 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31310
31335
  i0.ɵɵadvance();
31311
31336
  i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31312
31337
  i0.ɵɵadvance(3);
31313
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 27, "Status"), " ");
31338
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 28, "Status"), " ");
31314
31339
  i0.ɵɵadvance(3);
31315
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 29, ctx_r1.flagStatus), " ");
31340
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 30, ctx_r1.flagStatus), " ");
31316
31341
  i0.ɵɵadvance(3);
31317
31342
  i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
31318
31343
  i0.ɵɵadvance();
31319
31344
  i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
31345
+ i0.ɵɵadvance();
31346
+ i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateCommentsWelsh == null ? null : ctx_r1.flagUpdateCommentsWelsh.length) > 0);
31320
31347
  } }
31321
31348
  class CaseFlagSummaryListComponent {
31322
31349
  rpxTranslationService;
@@ -31331,6 +31358,7 @@ class CaseFlagSummaryListComponent {
31331
31358
  otherDescription;
31332
31359
  otherDescriptionWelsh;
31333
31360
  flagUpdateComments;
31361
+ flagUpdateCommentsWelsh;
31334
31362
  summaryListDisplayMode;
31335
31363
  addUpdateFlagHeaderText;
31336
31364
  caseFlagFieldState = CaseFlagFieldState;
@@ -31354,6 +31382,7 @@ class CaseFlagSummaryListComponent {
31354
31382
  // Flag update comments will be coming from the flagStatusReasonChange property instead of flagUpdateComment
31355
31383
  // because these haven't been persisted yet
31356
31384
  this.flagUpdateComments = flagDetail['flagStatusReasonChange'];
31385
+ this.flagUpdateCommentsWelsh = flagDetail['flagStatusReasonChange_cy'];
31357
31386
  this.flagStatus = flagDetail.status;
31358
31387
  this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
31359
31388
  this.flagTypeHeaderText = this.getFlagTypeHeaderText();
@@ -31423,14 +31452,14 @@ class CaseFlagSummaryListComponent {
31423
31452
  }
31424
31453
  static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
31425
31454
  static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", displayContextParameter: "displayContextParameter" }, outputs: { changeButtonEmitter: "changeButtonEmitter" }, standalone: false, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "#", 1, "govuk-link", 3, "click"], [1, "govuk-visually-hidden"], ["class", "govuk-summary-list__row", 4, "ngIf"], ["class", "govuk-link", "href", "#", 3, "click", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) { if (rf & 1) {
31426
- i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 40, 31, "dl", 0);
31455
+ i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 41, 32, "dl", 0);
31427
31456
  } if (rf & 2) {
31428
31457
  i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
31429
31458
  } }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
31430
31459
  }
31431
31460
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
31432
31461
  type: Component,
31433
- args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Update && flagUpdateComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n</dl>\n" }]
31462
+ args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Update && flagUpdateComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Update && flagUpdateCommentsWelsh?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n</dl>\n" }]
31434
31463
  }], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
31435
31464
  type: Input
31436
31465
  }], displayContextParameter: [{
@@ -31573,7 +31602,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
31573
31602
  i0.ɵɵadvance();
31574
31603
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
31575
31604
  i0.ɵɵadvance(2);
31576
- i0.ɵɵproperty("ngIf", !ctx_r0.caseFlagsExternalUser && (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
31605
+ i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
31577
31606
  i0.ɵɵadvance(2);
31578
31607
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
31579
31608
  i0.ɵɵadvance(3);
@@ -31666,7 +31695,7 @@ class CaseFlagTableComponent {
31666
31695
  }
31667
31696
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
31668
31697
  type: Component,
31669
- args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"!caseFlagsExternalUser &&\n (flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.flagUpdateComment}}</span>\n </div>\n </td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell cell-flag-status\">\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n </td>\n </tr>\n </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
31698
+ args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"(flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.flagUpdateComment}}</span>\n </div>\n </td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell cell-flag-status\">\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n </td>\n </tr>\n </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
31670
31699
  }], null, { tableCaption: [{
31671
31700
  type: Input
31672
31701
  }], flagData: [{
@@ -33551,7 +33580,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33551
33580
 
33552
33581
  const _c0$n = a0 => ({ "form-group-error": a0 });
33553
33582
  function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
33554
- i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
33583
+ i0.ɵɵelementStart(0, "div", 21)(1, "span", 22);
33555
33584
  i0.ɵɵtext(2);
33556
33585
  i0.ɵɵpipe(3, "rpxTranslate");
33557
33586
  i0.ɵɵelementEnd();
@@ -33566,7 +33595,7 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
33566
33595
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
33567
33596
  } }
33568
33597
  function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
33569
- i0.ɵɵelementStart(0, "div", 19)(1, "span", 18);
33598
+ i0.ɵɵelementStart(0, "div", 23)(1, "span", 22);
33570
33599
  i0.ɵɵtext(2);
33571
33600
  i0.ɵɵpipe(3, "rpxTranslate");
33572
33601
  i0.ɵɵelementEnd();
@@ -33581,7 +33610,7 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
33581
33610
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
33582
33611
  } }
33583
33612
  function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
33584
- i0.ɵɵelementStart(0, "div", 20)(1, "span", 18);
33613
+ i0.ɵɵelementStart(0, "div", 24)(1, "span", 22);
33585
33614
  i0.ɵɵtext(2);
33586
33615
  i0.ɵɵpipe(3, "rpxTranslate");
33587
33616
  i0.ɵɵelementEnd();
@@ -33596,7 +33625,37 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
33596
33625
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
33597
33626
  } }
33598
33627
  function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
33599
- i0.ɵɵelementStart(0, "div", 21)(1, "span", 18);
33628
+ i0.ɵɵelementStart(0, "div", 25)(1, "span", 22);
33629
+ i0.ɵɵtext(2);
33630
+ i0.ɵɵpipe(3, "rpxTranslate");
33631
+ i0.ɵɵelementEnd();
33632
+ i0.ɵɵtext(4);
33633
+ i0.ɵɵpipe(5, "rpxTranslate");
33634
+ i0.ɵɵelementEnd();
33635
+ } if (rf & 2) {
33636
+ const ctx_r0 = i0.ɵɵnextContext();
33637
+ i0.ɵɵadvance(2);
33638
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33639
+ i0.ɵɵadvance(2);
33640
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33641
+ } }
33642
+ function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
33643
+ i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
33644
+ i0.ɵɵtext(2);
33645
+ i0.ɵɵpipe(3, "rpxTranslate");
33646
+ i0.ɵɵelementEnd();
33647
+ i0.ɵɵtext(4);
33648
+ i0.ɵɵpipe(5, "rpxTranslate");
33649
+ i0.ɵɵelementEnd();
33650
+ } if (rf & 2) {
33651
+ const ctx_r0 = i0.ɵɵnextContext();
33652
+ i0.ɵɵadvance(2);
33653
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33654
+ i0.ɵɵadvance(2);
33655
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33656
+ } }
33657
+ function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
33658
+ i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
33600
33659
  i0.ɵɵtext(2);
33601
33660
  i0.ɵɵpipe(3, "rpxTranslate");
33602
33661
  i0.ɵɵelementEnd();
@@ -33633,6 +33692,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33633
33692
  this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
33634
33693
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
33635
33694
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
33695
+ this.formGroup.addControl(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
33636
33696
  }
33637
33697
  ngOnDestroy() {
33638
33698
  this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
@@ -33695,7 +33755,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33695
33755
  }
33696
33756
  }
33697
33757
  static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
33698
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 50, vars: 54, consts: [[3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], ["id", "add-translation-form-hint", 1, "govuk-hint"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-other-flag-description-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "add-translation-other-flag-description-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", 1, "govuk-error-message"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
33758
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 70, vars: 76, consts: [[3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], ["id", "add-translation-form-hint", 1, "govuk-hint"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-other-flag-description-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "add-translation-other-flag-description-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", 1, "govuk-error-message"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
33699
33759
  i0.ɵɵelementContainerStart(0, 0);
33700
33760
  i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
33701
33761
  i0.ɵɵtext(5);
@@ -33752,61 +33812,105 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33752
33812
  i0.ɵɵelementStart(47, "div", 16);
33753
33813
  i0.ɵɵtext(48);
33754
33814
  i0.ɵɵpipe(49, "rpxTranslate");
33815
+ i0.ɵɵelementEnd()();
33816
+ i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
33817
+ i0.ɵɵtext(52);
33818
+ i0.ɵɵpipe(53, "rpxTranslate");
33819
+ i0.ɵɵelementEnd();
33820
+ i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
33821
+ i0.ɵɵelementStart(55, "textarea", 9);
33822
+ i0.ɵɵtext(56, " ");
33823
+ i0.ɵɵelementEnd();
33824
+ i0.ɵɵelementStart(57, "div", 18);
33825
+ i0.ɵɵtext(58);
33826
+ i0.ɵɵpipe(59, "rpxTranslate");
33827
+ i0.ɵɵelementEnd()();
33828
+ i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
33829
+ i0.ɵɵtext(62);
33830
+ i0.ɵɵpipe(63, "rpxTranslate");
33831
+ i0.ɵɵelementEnd();
33832
+ i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
33833
+ i0.ɵɵelementStart(65, "textarea", 9);
33834
+ i0.ɵɵtext(66, " ");
33835
+ i0.ɵɵelementEnd();
33836
+ i0.ɵɵelementStart(67, "div", 20);
33837
+ i0.ɵɵtext(68);
33838
+ i0.ɵɵpipe(69, "rpxTranslate");
33755
33839
  i0.ɵɵelementEnd()()()();
33756
33840
  i0.ɵɵelementContainerEnd();
33757
33841
  } if (rf & 2) {
33758
33842
  i0.ɵɵproperty("formGroup", ctx.formGroup);
33759
33843
  i0.ɵɵadvance(2);
33760
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(52, _c0$n, ctx.errorMessages.length > 0));
33844
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(74, _c0$n, ctx.errorMessages.length > 0));
33761
33845
  i0.ɵɵadvance(3);
33762
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 32, ctx.updateFlagAddTranslationTitle), " ");
33846
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 46, ctx.updateFlagAddTranslationTitle), " ");
33763
33847
  i0.ɵɵadvance(3);
33764
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 34, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33848
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 48, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33765
33849
  i0.ɵɵadvance(3);
33766
33850
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33767
33851
  i0.ɵɵadvance();
33768
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 36, "Other description"));
33852
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 50, "Other description"));
33769
33853
  i0.ɵɵadvance(2);
33770
33854
  i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
33771
33855
  i0.ɵɵadvance();
33772
33856
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33773
33857
  i0.ɵɵadvance(3);
33774
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 38, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33858
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 52, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33775
33859
  i0.ɵɵadvance(3);
33776
33860
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33777
33861
  i0.ɵɵadvance();
33778
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 40, "Other description (Welsh)"));
33862
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 54, "Other description (Welsh)"));
33779
33863
  i0.ɵɵadvance(2);
33780
33864
  i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
33781
33865
  i0.ɵɵadvance();
33782
33866
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33783
33867
  i0.ɵɵadvance(3);
33784
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 42, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33868
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 56, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33785
33869
  i0.ɵɵadvance(3);
33786
33870
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
33787
33871
  i0.ɵɵadvance();
33788
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 44, "Flag comments"));
33872
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 58, "Flag comments"));
33789
33873
  i0.ɵɵadvance(2);
33790
33874
  i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
33791
33875
  i0.ɵɵadvance();
33792
33876
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
33793
33877
  i0.ɵɵadvance(3);
33794
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 46, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33878
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 60, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33795
33879
  i0.ɵɵadvance(3);
33796
33880
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
33797
33881
  i0.ɵɵadvance();
33798
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 48, "Flag comments (Welsh)"));
33882
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 62, "Flag comments (Welsh)"));
33799
33883
  i0.ɵɵadvance(2);
33800
33884
  i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33801
33885
  i0.ɵɵadvance();
33802
33886
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
33803
33887
  i0.ɵɵadvance(3);
33804
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 50, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33888
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 64, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33889
+ i0.ɵɵadvance(3);
33890
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.STATUS_CHANGE_REASON);
33891
+ i0.ɵɵadvance();
33892
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Flag status change reason"));
33893
+ i0.ɵɵadvance(2);
33894
+ i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33895
+ i0.ɵɵadvance();
33896
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.STATUS_CHANGE_REASON)("name", ctx.caseFlagFormFields.STATUS_CHANGE_REASON)("formControlName", ctx.caseFlagFormFields.STATUS_CHANGE_REASON);
33897
+ i0.ɵɵadvance(3);
33898
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33899
+ i0.ɵɵadvance(3);
33900
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH);
33901
+ i0.ɵɵadvance();
33902
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Flag status change reason (Welsh)"));
33903
+ i0.ɵɵadvance(2);
33904
+ i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33905
+ i0.ɵɵadvance();
33906
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH)("name", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH)("formControlName", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH);
33907
+ i0.ɵɵadvance(3);
33908
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33805
33909
  } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
33806
33910
  }
33807
33911
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
33808
33912
  type: Component,
33809
- args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n </div>\n </div>\n</ng-container>" }]
33913
+ args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.STATUS_CHANGE_REASON\" class=\"govuk-label govuk-label--s\">{{'Flag status change reason' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n [name]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n [formControlName]=\"caseFlagFormFields.STATUS_CHANGE_REASON\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.STATUS_CHANGE_REASON_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag status change reason (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.STATUS_CHANGE_REASON_WELSH\"\n [name]=\"caseFlagFormFields.STATUS_CHANGE_REASON_WELSH\"\n [formControlName]=\"caseFlagFormFields.STATUS_CHANGE_REASON_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n </div>\n </div>\n</ng-container>\n" }]
33810
33914
  }], null, { formGroup: [{
33811
33915
  type: Input
33812
33916
  }], caseFlagStateEmitter: [{