@hmcts/ccd-case-ui-toolkit 5.0.44-case-flags-integration-fixes → 5.0.45-case-file-view-styling-fixes

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

@@ -18178,16 +18178,16 @@
                 }] });
     })();
 
-    function CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template(rf, ctx) {
+    function CaseFileViewFolderSelectorComponent_ng_container_6_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_5_Template(rf, ctx) {
+    function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 8);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -18230,7 +18230,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", 2);
+            i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -18326,46 +18326,47 @@
         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, "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) {
+    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) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "h2", 0);
-                i0__namespace.ɵɵtext(1, "Move File");
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { return ctx.cancel(); });
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(2, "p");
-                i0__namespace.ɵɵtext(3);
+                i0__namespace.ɵɵelementStart(1, "h2", 1);
+                i0__namespace.ɵɵtext(2, "Move File");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(4, "div", 1);
-                i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_container_5_Template, 2, 4, "ng-container", 2);
+                i0__namespace.ɵɵelementStart(3, "p");
+                i0__namespace.ɵɵtext(4);
                 i0__namespace.ɵɵelementEnd();
-                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.ɵɵelementStart(5, "div", 2);
+                i0__namespace.ɵɵtemplate(6, CaseFileViewFolderSelectorComponent_ng_container_6_Template, 2, 4, "ng-container", 3);
                 i0__namespace.ɵɵelementEnd();
-                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.ɵɵ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.ɵɵ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(3);
+                i0__namespace.ɵɵadvance(4);
                 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: ["[_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}"] });
+        }, 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 });
     (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']
+                        styleUrls: ['./case-file-view-folder-selector.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None
                     }]
             }], function () {
             return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -18999,7 +19000,6 @@
         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) {