@hmcts/ccd-case-ui-toolkit 5.0.46-case-file-view-styling-fixes → 5.0.46-case-flags-not-approved-status

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -2552,6 +2552,7 @@
         CaseFlagStatus["ACTIVE"] = "Active";
         CaseFlagStatus["INACTIVE"] = "Inactive";
         CaseFlagStatus["REQUESTED"] = "Requested";
+        CaseFlagStatus["NOT_APPROVED"] = "Not approved";
     })(exports.CaseFlagStatus || (exports.CaseFlagStatus = {}));
 
     var DashPipe = /** @class */ (function () {
@@ -17853,6 +17854,8 @@
                             return write ? WriteOrganisationFieldComponent : ReadOrganisationFieldComponent;
                         case 'JudicialUser':
                             return write ? WriteJudicialUserFieldComponent : ReadJudicialUserFieldComponent;
+                        case 'CaseLink':
+                            return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
                         default:
                             return write ? WriteComplexFieldComponent : ReadComplexFieldComponent;
                     }
@@ -18178,16 +18181,16 @@
                 }] });
     })();
 
-    function CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template(rf, ctx) {
+    function CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainer(0);
         }
     }
     var _c0$u = function (a0) { return { cat: a0, level: 1 }; };
-    function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
+    function CaseFileViewFolderSelectorComponent_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 8);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -18230,7 +18233,7 @@
             i0__namespace.ɵɵelement(3, "img", 12);
             i0__namespace.ɵɵtext(4);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 3);
+            i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 2);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -18326,47 +18329,46 @@
         return CaseFileViewFolderSelectorComponent;
     }());
     CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$3.MAT_DIALOG_DATA)); };
-    CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "close", 3, "click"], [1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
+    CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { return ctx.cancel(); });
+                i0__namespace.ɵɵelementStart(0, "h2", 0);
+                i0__namespace.ɵɵtext(1, "Move File");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(1, "h2", 1);
-                i0__namespace.ɵɵtext(2, "Move File");
+                i0__namespace.ɵɵelementStart(2, "p");
+                i0__namespace.ɵɵtext(3);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(3, "p");
-                i0__namespace.ɵɵtext(4);
+                i0__namespace.ɵɵelementStart(4, "div", 1);
+                i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_container_5_Template, 2, 4, "ng-container", 2);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(5, "div", 2);
-                i0__namespace.ɵɵtemplate(6, CaseFileViewFolderSelectorComponent_ng_container_6_Template, 2, 4, "ng-container", 3);
+                i0__namespace.ɵɵelementStart(6, "div", 3);
+                i0__namespace.ɵɵelementStart(7, "button", 4);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_7_listener() { return ctx.save(); });
+                i0__namespace.ɵɵtext(8, "Save");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(7, "div", 4);
-                i0__namespace.ɵɵelementStart(8, "button", 5);
-                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_8_listener() { return ctx.save(); });
-                i0__namespace.ɵɵtext(9, "Save");
+                i0__namespace.ɵɵelementStart(9, "a", 5);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_9_listener() { return ctx.cancel(); });
+                i0__namespace.ɵɵtext(10, "Cancel");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(10, "a", 6);
-                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_10_listener() { return ctx.cancel(); });
-                i0__namespace.ɵɵtext(11, "Cancel");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(11, "div", 6);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_11_listener() { return ctx.cancel(); });
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵtemplate(12, CaseFileViewFolderSelectorComponent_ng_template_12_Template, 6, 5, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate1("Where do you want to move \"", ctx.data.document.document_filename, "\" file?");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.currentCategories);
             }
-        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder:last-child{border-bottom:1px solid #ccc}.folders>.folder,input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel,.close{cursor:pointer}.cdk-overlay-pane{overflow:auto}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}"], encapsulation: 2 });
+        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:block}.folders[_ngcontent-%COMP%]{margin-bottom:20px}.folder[_ngcontent-%COMP%]{display:none;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:0 0 -1px}.folders[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%], input[_ngcontent-%COMP%]:checked ~ .folder[_ngcontent-%COMP%]{display:block}.iconImg[_ngcontent-%COMP%]{position:relative;display:inline-block;height:28px}.folder[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%]{margin-left:20px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:before{top:3px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:after{top:13px}p[_ngcontent-%COMP%]{font-weight:700}button[_ngcontent-%COMP%]{margin-right:20px}.close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel[_ngcontent-%COMP%], .close[_ngcontent-%COMP%]{cursor:pointer}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'xui-case-file-view-folder-selector',
                         templateUrl: './case-file-view-folder-selector.component.html',
-                        styleUrls: ['./case-file-view-folder-selector.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
+                        styleUrls: ['./case-file-view-folder-selector.component.scss']
                     }]
             }], function () {
             return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -18918,7 +18920,7 @@
                 return Object.assign(documentTreeNode, node);
             }
             var filteredData = this.documentTreeData;
-            if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 0) {
+            if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 2) {
                 filteredData = this.documentTreeData.map(copy).filter(function filterTreeData(node) {
                     if (node.name && node.name.toLowerCase().includes(searchTerm) && node.type === DocumentTreeNodeType.DOCUMENT) {
                         return true;
@@ -19000,6 +19002,7 @@
         CaseFileViewFolderComponent.prototype.openMoveDialog = function (node) {
             var _this = this;
             var dialogRef = this.dialog.open(CaseFileViewFolderSelectorComponent, {
+                width: '570px',
                 data: { categories: this.categories, document: node }
             });
             dialogRef.afterClosed().subscribe(function (newCatId) {
@@ -19025,7 +19028,7 @@
     }());
     CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
     CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
-    CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 1;
+    CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
     CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog)); };
     CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
             if (rf & 1) {
@@ -19085,25 +19088,32 @@
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 19);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵtext(1, "Not approved");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 15);
@@ -19130,6 +19140,7 @@
             i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
             i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
             i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
+            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -19143,21 +19154,23 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -19222,7 +19235,7 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
@@ -30060,7 +30073,7 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
             i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 33);
-            i0__namespace.ɵɵelementStart(2, "th", 34);
+            i0__namespace.ɵɵelementStart(2, "td", 34);
             i0__namespace.ɵɵelementStart(3, "span", 35);
             i0__namespace.ɵɵelement(4, "ccd-field-read", 36);
             i0__namespace.ɵɵelementEnd();