@hmcts/ccd-case-ui-toolkit 4.10.0-rc.2 → 4.10.0-rc.4

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.10.0-rc.2
+ * @version v4.10.0-rc.4
  * @link undefined
  * @license MIT
  */
@@ -17057,7 +17057,6 @@ var CaseUIToolkitModule = /** @class */ (function () {
                 shared_1.WriteNumberFieldComponent,
                 shared_1.WriteEmailFieldComponent,
                 shared_1.WriteDateFieldComponent,
-                shared_1.ConditionalShowDirective,
                 shared_1.LabelSubstitutorDirective,
                 shared_1.FocusElementDirective,
                 ngx_pagination_1.PaginatePipe
@@ -18152,7 +18151,6 @@ exports.SortOrder = domain_1.SortOrder;
 exports.SortParameters = domain_1.SortParameters;
 var directives_1 = __webpack_require__(66395);
 exports.ShowCondition = directives_1.ShowCondition;
-exports.ConditionalShowDirective = directives_1.ConditionalShowDirective;
 exports.ConditionalShowModule = directives_1.ConditionalShowModule;
 exports.PlaceholderService = directives_1.PlaceholderService;
 exports.LabelSubstitutorDirective = directives_1.LabelSubstitutorDirective;
@@ -21993,8 +21991,8 @@ var WorkAllocationService = /** @class */ (function () {
      * @param eventId The ID of the event to find tasks for.
      * @param caseId The ID of the case to find tasks for.
      */
-    WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId) {
-        return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId);
+    WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
+        return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId + "/caseType/" + caseType + "/jurisdiction/" + jurisdiction);
     };
     /**
      * Call the API to get a task
@@ -26157,11 +26155,13 @@ var rxjs_1 = __webpack_require__(87318);
 var operators_1 = __webpack_require__(19443);
 var case_editor_1 = __webpack_require__(27070);
 var app_config_1 = __webpack_require__(35185);
+var services_1 = __webpack_require__(65010);
 var EventStartGuard = /** @class */ (function () {
-    function EventStartGuard(workAllocationService, router, appConfig) {
+    function EventStartGuard(workAllocationService, router, appConfig, sessionStorageService) {
         this.workAllocationService = workAllocationService;
         this.router = router;
         this.appConfig = appConfig;
+        this.sessionStorageService = sessionStorageService;
     }
     EventStartGuard.prototype.canActivate = function (route) {
         var _this = this;
@@ -26172,10 +26172,16 @@ var EventStartGuard = /** @class */ (function () {
             var taskId_1 = route.queryParams['tid'];
             // TODO: NavigationExtras should be used once Angular upgrade changes have been incorporated
             var isComplete = route.queryParams['isComplete'];
-            if (isComplete) {
-                return rxjs_1.of(true);
+            var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
+            if (caseInfoStr) {
+                var caseInfo = JSON.parse(caseInfoStr);
+                if (caseInfo && caseInfo.cid === caseId_1) {
+                    if (isComplete) {
+                        return rxjs_1.of(true);
+                    }
+                    return this.workAllocationService.getTasksByCaseIdAndEventId(eventId_1, caseId_1, caseInfo.caseType, caseInfo.jurisdiction).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId_1, eventId_1, taskId_1); }));
+                }
             }
-            return this.workAllocationService.getTasksByCaseIdAndEventId(eventId_1, caseId_1).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId_1, eventId_1, taskId_1); }));
         }
         else {
             // Checks not required, return true by default for Work Allocation 1
@@ -26193,7 +26199,8 @@ var EventStartGuard = /** @class */ (function () {
         core_1.Injectable(),
         __metadata("design:paramtypes", [case_editor_1.WorkAllocationService,
             router_1.Router,
-            app_config_1.AbstractAppConfig])
+            app_config_1.AbstractAppConfig,
+            services_1.SessionStorageService])
     ], EventStartGuard);
     return EventStartGuard;
 }());
@@ -26414,19 +26421,26 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var case_editor_1 = __webpack_require__(27070);
 var operators_1 = __webpack_require__(19443);
+var services_1 = __webpack_require__(65010);
 var EventTasksResolverService = /** @class */ (function () {
-    function EventTasksResolverService(service) {
+    function EventTasksResolverService(service, sessionStorageService) {
         this.service = service;
+        this.sessionStorageService = sessionStorageService;
     }
     EventTasksResolverService.prototype.resolve = function (route) {
         var eventId = route.queryParamMap.get('eventId');
         var caseId = route.queryParamMap.get('caseId');
-        return this.service.getTasksByCaseIdAndEventId(eventId, caseId)
-            .pipe(operators_1.map(function (payload) { return payload.tasks; }));
+        var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
+        var caseInfo = JSON.parse(caseInfoStr);
+        if (caseInfo) {
+            return this.service.getTasksByCaseIdAndEventId(eventId, caseId, caseInfo.caseType, caseInfo.jurisdiction)
+                .pipe(operators_1.map(function (payload) { return payload.tasks; }));
+        }
     };
     EventTasksResolverService = __decorate([
         core_1.Injectable(),
-        __metadata("design:paramtypes", [case_editor_1.WorkAllocationService])
+        __metadata("design:paramtypes", [case_editor_1.WorkAllocationService,
+            services_1.SessionStorageService])
     ], EventTasksResolverService);
     return EventTasksResolverService;
 }());
@@ -26516,7 +26530,9 @@ var EventStartStateMachineService = /** @class */ (function () {
         // Get number of tasks assigned to user
         var userInfoStr = context.sessionStorageService.getItem('userDetails');
         var userInfo = JSON.parse(userInfoStr);
-        var tasksAssignedToUser = context.tasks.filter(function (x) { return x.assignee === userInfo.id || x.assignee === userInfo.uid; });
+        var tasksAssignedToUser = context.tasks.filter(function (x) {
+            return x.task_state !== 'unassigned' && x.assignee === userInfo.id || x.assignee === userInfo.uid;
+        });
         // Check if user initiated the event from task tab
         var isEventInitiatedFromTaskTab = context.taskId !== undefined && tasksAssignedToUser.findIndex(function (x) { return x.id === context.taskId; }) > -1;
         if (isEventInitiatedFromTaskTab) {
@@ -28702,6 +28718,61 @@ var WriteCollectionFieldComponent = /** @class */ (function (_super) {
 exports.WriteCollectionFieldComponent = WriteCollectionFieldComponent;
 
 
+/***/ }),
+
+/***/ 18649:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var definition_1 = __webpack_require__(11080);
+var class_transformer_1 = __webpack_require__(86631);
+var CcdCollectionTableCaseFieldsFilterPipe = /** @class */ (function () {
+    function CcdCollectionTableCaseFieldsFilterPipe() {
+    }
+    CcdCollectionTableCaseFieldsFilterPipe.prototype.transform = function (objs, caseField, value) {
+        var fields = objs.map(function (obj) { return (__assign({}, obj.value.caseField, { type: obj.value.type.type ? obj.value.type.type : obj.value.type })); });
+        return class_transformer_1.plainToClassFromExist(new definition_1.CaseField(), {
+            id: caseField ? caseField.id : '',
+            label: caseField ? caseField.label : '',
+            display_context: 'READONLY',
+            value: value,
+            field_type: {
+                id: caseField ? caseField.id : '',
+                type: 'Complex',
+                complex_fields: fields,
+            }
+        });
+    };
+    CcdCollectionTableCaseFieldsFilterPipe = __decorate([
+        core_1.Pipe({
+            name: 'ccdCollectionTableCaseFieldsFilter'
+        })
+    ], CcdCollectionTableCaseFieldsFilterPipe);
+    return CcdCollectionTableCaseFieldsFilterPipe;
+}());
+exports.CcdCollectionTableCaseFieldsFilterPipe = CcdCollectionTableCaseFieldsFilterPipe;
+
+
 /***/ }),
 
 /***/ 41392:
@@ -29075,6 +29146,7 @@ var read_complex_field_table_component_1 = __webpack_require__(12259);
 var read_complex_field_component_1 = __webpack_require__(47157);
 var write_complex_field_component_1 = __webpack_require__(94091);
 var ccd_cyapage_label_filter_pipe_1 = __webpack_require__(41392);
+var ccd_collection_table_value_case_fields_pipe_1 = __webpack_require__(18649);
 var ComplexModule = /** @class */ (function () {
     function ComplexModule() {
     }
@@ -29101,6 +29173,7 @@ var ComplexModule = /** @class */ (function () {
                 read_complex_field_raw_component_1.ReadComplexFieldRawComponent,
                 read_complex_field_table_component_1.ReadComplexFieldTableComponent,
                 read_complex_field_collection_table_component_1.ReadComplexFieldCollectionTableComponent,
+                ccd_collection_table_value_case_fields_pipe_1.CcdCollectionTableCaseFieldsFilterPipe,
                 ccd_cyapage_label_filter_pipe_1.CcdCYAPageLabelFilterPipe,
             ],
             entryComponents: [
@@ -29112,8 +29185,9 @@ var ComplexModule = /** @class */ (function () {
                 fields_filter_pipe_1.FieldsFilterPipe,
                 ccd_tab_fields_pipe_1.CcdTabFieldsPipe,
                 ccd_read_fields_filter_pipe_1.ReadFieldsFilterPipe,
-                write_complex_field_component_1.WriteComplexFieldComponent,
-                ccd_cyapage_label_filter_pipe_1.CcdCYAPageLabelFilterPipe
+                ccd_cyapage_label_filter_pipe_1.CcdCYAPageLabelFilterPipe,
+                ccd_collection_table_value_case_fields_pipe_1.CcdCollectionTableCaseFieldsFilterPipe,
+                write_complex_field_component_1.WriteComplexFieldComponent
             ]
         })
     ], ComplexModule);
@@ -29306,6 +29380,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var abstract_field_read_component_1 = __webpack_require__(73860);
 var sort_order_1 = __webpack_require__(88843);
+var definition_1 = __webpack_require__(11080);
+var class_transformer_1 = __webpack_require__(86631);
 var ReadComplexFieldCollectionTableComponent = /** @class */ (function (_super) {
     __extends(ReadComplexFieldCollectionTableComponent, _super);
     function ReadComplexFieldCollectionTableComponent() {
@@ -29315,13 +29391,17 @@ var ReadComplexFieldCollectionTableComponent = /** @class */ (function (_super)
         _this.keepOriginalOrder = function (a, b) { return a.key; };
         return _this;
     }
+    ReadComplexFieldCollectionTableComponent_1 = ReadComplexFieldCollectionTableComponent;
+    ReadComplexFieldCollectionTableComponent.isSortAscending = function (column) {
+        return !(column.sortOrder === sort_order_1.SortOrder.UNSORTED || column.sortOrder === sort_order_1.SortOrder.DESCENDING);
+    };
     ReadComplexFieldCollectionTableComponent.prototype.ngOnInit = function () {
         _super.prototype.ngOnInit.call(this);
         if (this.caseField.display_context_parameter
             && this.caseField.display_context_parameter.trim().startsWith('#TABLE(')) {
             var displayContextParameter = this.caseField.display_context_parameter.trim();
             var result = displayContextParameter.replace('#TABLE(', '');
-            this.columns = result.replace(')', '').split(',');
+            this.columns = result.replace(')', '').split(',').map(function (c) { return c.trim(); });
             var labelsVertical = {};
             var labelsHorizontal = {};
             var allLabels = {};
@@ -29336,9 +29416,10 @@ var ReadComplexFieldCollectionTableComponent = /** @class */ (function (_super)
     ReadComplexFieldCollectionTableComponent.prototype.populateHorizontalLabels = function (labelsHorizontal, allLabels, labelsVertical) {
         for (var _i = 0, _a = this.columns; _i < _a.length; _i++) {
             var id = _a[_i];
-            labelsHorizontal[id.trim()] = allLabels[id.trim()];
-            labelsHorizontal[id.trim()].sortOrder = sort_order_1.SortOrder.UNSORTED;
-            delete labelsVertical[id.trim()];
+            var trimmedId = id.trim();
+            labelsHorizontal[trimmedId] = allLabels[trimmedId];
+            labelsHorizontal[trimmedId].sortOrder = sort_order_1.SortOrder.UNSORTED;
+            delete labelsVertical[trimmedId];
         }
     };
     ReadComplexFieldCollectionTableComponent.prototype.populateLabels = function (labelsVertical, allLabels) {
@@ -29395,6 +29476,15 @@ var ReadComplexFieldCollectionTableComponent = /** @class */ (function (_super)
         field.value = { CaseReference: value };
         return field;
     };
+    ReadComplexFieldCollectionTableComponent.prototype.toCaseField = function (id, label, field_type, value) {
+        return class_transformer_1.plainToClassFromExist(new definition_1.CaseField(), {
+            id: id,
+            label: label,
+            display_context: 'READONLY',
+            value: value,
+            field_type: field_type
+        });
+    };
     ReadComplexFieldCollectionTableComponent.prototype.isVerticleDataNotEmpty = function (row) {
         var result = false;
         for (var key in this.columnsVerticalLabel) {
@@ -29443,16 +29533,11 @@ var ReadComplexFieldCollectionTableComponent = /** @class */ (function (_super)
                 break;
         }
     };
-    ReadComplexFieldCollectionTableComponent.prototype.isSortAscending = function (column) {
-        return !(column.sortOrder === sort_order_1.SortOrder.UNSORTED || column.sortOrder === sort_order_1.SortOrder.DESCENDING);
-    };
     ReadComplexFieldCollectionTableComponent.prototype.sortWidget = function (column) {
-        return this.isSortAscending(column) ? '&#9660;' : '&#9650;';
-    };
-    ReadComplexFieldCollectionTableComponent.prototype.trackByIndex = function (index, obj) {
-        return index;
+        return ReadComplexFieldCollectionTableComponent_1.isSortAscending(column) ? '&#9660;' : '&#9650;';
     };
-    ReadComplexFieldCollectionTableComponent = __decorate([
+    var ReadComplexFieldCollectionTableComponent_1;
+    ReadComplexFieldCollectionTableComponent = ReadComplexFieldCollectionTableComponent_1 = __decorate([
         core_1.Component({
             selector: 'ccd-read-complex-field-collection-table',
             template: __webpack_require__(9643),
@@ -29627,6 +29712,12 @@ var ReadComplexFieldComponent = /** @class */ (function (_super) {
         if (this.caseField.display_context_parameter) {
             this.context = palette_context_enum_1.PaletteContext.TABLE_VIEW;
         }
+        else {
+            // default to default views
+            if (!this.caseField.display_context_parameter && this.context) {
+                this.context = palette_context_enum_1.PaletteContext.DEFAULT;
+            }
+        }
         if (this.caseField.field_type) {
             this.caseField.field_type.complex_fields.map(function (field) {
                 if (field.isDynamic()) {
@@ -32421,7 +32512,7 @@ var MoneyGbpInputComponent = /** @class */ (function () {
         // Not used.
     };
     var MoneyGbpInputComponent_1;
-    MoneyGbpInputComponent.PATTERN_REGEXP = new RegExp('^\\d*(\\.\\d{0,2})?$');
+    MoneyGbpInputComponent.PATTERN_REGEXP = new RegExp('^-?\\d*(\\.\\d{0,2})?$');
     __decorate([
         core_1.Input(),
         __metadata("design:type", String)
@@ -36639,16 +36730,18 @@ var WorkbasketFiltersComponent = /** @class */ (function () {
         var formGroupLS = JSON.parse(this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE));
         // Form group local storage is available and contains regionList property
         if (util_1.isDefined(formGroupLS) && formGroupLS.hasOwnProperty(REGION_LIST_AND_FRC_FILTER)) {
-            // If regionList value does not match between local storage and form group
-            // then the filter value has been changed and we need to clear the old filter values
-            if (formGroupLS[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
-                for (var key in formGroupLS) {
-                    if (formGroupLS.hasOwnProperty(key)) {
-                        var value = formGroupLS[key];
-                        // Clear the filter form group control values if it has a value in local storage
-                        // The regionList form group control value should be ignored as it always contain the latest value
-                        if (key !== REGION_LIST_AND_FRC_FILTER && value != null) {
-                            this.formGroup.get(key).setValue(null);
+            if (this.formGroup.get(REGION_LIST_AND_FRC_FILTER)) {
+                // If regionList value does not match between local storage and form group
+                // then the filter value has been changed and we need to clear the old filter values
+                if (formGroupLS[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
+                    for (var key in formGroupLS) {
+                        if (formGroupLS.hasOwnProperty(key)) {
+                            var value = formGroupLS[key];
+                            // Clear the filter form group control values if it has a value in local storage
+                            // The regionList form group control value should be ignored as it always contain the latest value
+                            if (key !== REGION_LIST_AND_FRC_FILTER && value != null) {
+                                this.formGroup.get(key).setValue(null);
+                            }
                         }
                     }
                 }
@@ -36935,232 +37028,6 @@ var ConditionalShowFormDirective = /** @class */ (function () {
 exports.ConditionalShowFormDirective = ConditionalShowFormDirective;
 
 
-/***/ }),
-
-/***/ 74015:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-var core_1 = __webpack_require__(57208);
-var forms_1 = __webpack_require__(92985);
-var case_field_model_1 = __webpack_require__(13930);
-var conditional_show_model_1 = __webpack_require__(5369);
-var fields_utils_1 = __webpack_require__(40980);
-var conditional_show_registrar_service_1 = __webpack_require__(49532);
-var grey_bar_service_1 = __webpack_require__(100);
-var operators_1 = __webpack_require__(19443);
-var ConditionalShowDirective = /** @class */ (function () {
-    function ConditionalShowDirective(el, fieldsUtils, registry, renderer, greyBarService) {
-        this.el = el;
-        this.fieldsUtils = fieldsUtils;
-        this.registry = registry;
-        this.renderer = renderer;
-        this.greyBarService = greyBarService;
-        this.contextFields = [];
-        this.greyBarEnabled = false;
-    }
-    ConditionalShowDirective.prototype.ngAfterViewInit = function () {
-        // Ensure this.caseField is actually a CaseField instance even if instantiated with {}
-        // this.caseField = FieldsUtils.convertToCaseField(this.caseField);
-        if (this.caseField.show_condition) {
-            this.condition = conditional_show_model_1.ShowCondition.getInstance(this.caseField.show_condition);
-            this.formGroup = this.formGroup || new forms_1.FormGroup({});
-            this.complexFormGroup = this.complexFormGroup || new forms_1.FormGroup({});
-            this.formField = this.complexFormGroup.get(this.caseField.id) || this.formGroup.get(this.caseField.id);
-            this.updateVisibility(this.getCurrentPagesReadOnlyAndFormFieldValues());
-            if (this.greyBarEnabled && this.greyBarService.wasToggledToShow(this.caseField.id)) {
-                this.greyBarService.showGreyBar(this.caseField, this.el);
-            }
-            this.subscribeToFormChanges();
-            this.registry.register(this);
-        }
-    };
-    ConditionalShowDirective.prototype.refreshVisibility = function () {
-        this.updateVisibility(this.getCurrentPagesReadOnlyAndFormFieldValues(), true);
-        this.subscribeToFormChanges();
-    };
-    ConditionalShowDirective.prototype.ngOnDestroy = function () {
-        this.unsubscribeFromFormChanges();
-    };
-    ConditionalShowDirective.prototype.subscribeToFormChanges = function () {
-        var _this = this;
-        this.unsubscribeFromFormChanges();
-        this.formChangesSubscription = this.formGroup
-            .valueChanges
-            .pipe(operators_1.debounceTime(200))
-            .subscribe(function (_) {
-            var shown = _this.updateVisibility(_this.getCurrentPagesReadOnlyAndFormFieldValues());
-            if (_this.greyBarEnabled && shown !== undefined) {
-                _this.updateGreyBar(shown);
-            }
-        });
-    };
-    /**
-     * returns whether the field visibility has changed, or undefined if not
-     */
-    ConditionalShowDirective.prototype.updateVisibility = function (fields, forced) {
-        if (forced === void 0) { forced = false; }
-        if (this.shouldToggleToHide(fields, forced)) {
-            this.onHide();
-            return false;
-        }
-        else if (this.shouldToggleToShow(fields)) {
-            this.onShow();
-            return true;
-        }
-    };
-    ConditionalShowDirective.prototype.onHide = function () {
-        if (this.formField) {
-            this.unsubscribeFromFormChanges();
-            this.formField.disable({ emitEvent: false });
-            this.subscribeToFormChanges();
-        }
-        this.hideField();
-        this.greyBarService.removeGreyBar(this.el);
-    };
-    ConditionalShowDirective.prototype.onShow = function () {
-        if (this.formField) {
-            this.unsubscribeFromFormChanges();
-            this.formField.enable({ emitEvent: false });
-            this.subscribeToFormChanges();
-        }
-        this.showField();
-        if (this.formField) {
-            this.checkHideShowCondition(this.caseField.id, this.formField);
-        }
-    };
-    ConditionalShowDirective.prototype.hideField = function () {
-        this.el.nativeElement.hidden = true;
-    };
-    ConditionalShowDirective.prototype.showField = function () {
-        this.el.nativeElement.hidden = false;
-    };
-    ConditionalShowDirective.prototype.shouldToggleToHide = function (fields, forced) {
-        return (!this.isHidden() || forced) && !this.condition.match(fields, this.buildPath());
-    };
-    ConditionalShowDirective.prototype.shouldToggleToShow = function (fields) {
-        return this.isHidden() && this.condition.match(fields, this.buildPath());
-    };
-    ConditionalShowDirective.prototype.buildPath = function () {
-        if (this.idPrefix) {
-            return this.idPrefix + this.caseField.id;
-        }
-        return this.caseField.id;
-    };
-    ConditionalShowDirective.prototype.getCurrentPagesReadOnlyAndFormFieldValues = function () {
-        var formFields = this.getFormFieldsValuesIncludingDisabled();
-        return this.fieldsUtils.mergeCaseFieldsAndFormFields(this.contextFields, formFields);
-    };
-    ConditionalShowDirective.prototype.getFormFieldsValuesIncludingDisabled = function () {
-        if (this.formGroupRawValue) {
-            return this.formGroupRawValue;
-        }
-        this.formGroupRawValue = this.formGroup.getRawValue();
-        return this.formGroupRawValue;
-    };
-    ConditionalShowDirective.prototype.isHidden = function () {
-        return this.el.nativeElement.hidden;
-    };
-    ConditionalShowDirective.prototype.unsubscribeFromFormChanges = function () {
-        if (this.formChangesSubscription) {
-            this.formChangesSubscription.unsubscribe();
-        }
-    };
-    // TODO This must be extracted to a generic service for traversing see RDM-2233
-    ConditionalShowDirective.prototype.checkHideShowCondition = function (key, aControl) {
-        var _this = this;
-        if (aControl instanceof forms_1.FormArray) { // We're in a collection
-            aControl.controls.forEach(function (formControl, i) {
-                _this.checkHideShowCondition('' + i, formControl);
-            });
-        }
-        else if (aControl instanceof forms_1.FormGroup) {
-            if (aControl.get('value')) { // Complex Field
-                var complexControl_1 = aControl.get('value');
-                Object.keys(complexControl_1.controls).forEach(function (controlKey) {
-                    _this.checkHideShowCondition(controlKey, complexControl_1.get(controlKey));
-                });
-            }
-            else if (aControl.controls) { // Special Field like AddressUK, AddressGlobal
-                Object.keys(aControl.controls).forEach(function (controlKey) {
-                    _this.checkHideShowCondition(controlKey, aControl.get(controlKey));
-                });
-            }
-        }
-        else if (aControl instanceof forms_1.FormControl) { // FormControl
-            if (aControl.invalid) {
-                this.registry.refresh();
-            }
-        }
-    };
-    ConditionalShowDirective.prototype.updateGreyBar = function (shown) {
-        if (shown) {
-            this.greyBarService.addToggledToShow(this.caseField.id);
-            this.greyBarService.showGreyBar(this.caseField, this.el);
-        }
-        else {
-            this.greyBarService.removeToggledToShow(this.caseField.id);
-            this.greyBarService.removeGreyBar(this.el);
-        }
-    };
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", case_field_model_1.CaseField)
-    ], ConditionalShowDirective.prototype, "caseField", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], ConditionalShowDirective.prototype, "idPrefix", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Array)
-    ], ConditionalShowDirective.prototype, "contextFields", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", forms_1.FormGroup)
-    ], ConditionalShowDirective.prototype, "formGroup", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Object)
-    ], ConditionalShowDirective.prototype, "greyBarEnabled", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", forms_1.FormGroup)
-    ], ConditionalShowDirective.prototype, "complexFormGroup", void 0);
-    ConditionalShowDirective = __decorate([
-        core_1.Directive({ selector: '[ccdConditionalShow]' })
-        /** Hides and shows the host element based on the show condition if the condition is not empty. Works on read only fields and form fields.
-         *  The show condition is evaluated on all the fields of the page. i.e. read only and form fields. When a form field is hidden, if its
-         *  initial value was changed then the field is cleared. Otherwise the original value is kept and will display next time the field is
-         *  shown. Evaluation of the show condition includes disabled fields, which can be on their initial value or empty. Executes on the
-         *  host field initialization and when any field of the form changes.
-         *  Collaborates with the GreyBarService to show a vertical grey bar when a field initially hidden on the page is shown. When returning
-         *  to the page after the page has been left, the grey bar has to be redisplayed. If instead on initial page load the field renders as
-         *  initially shown, the grey bar is not displayed.
-         */
-        ,
-        __metadata("design:paramtypes", [core_1.ElementRef,
-            fields_utils_1.FieldsUtils,
-            conditional_show_registrar_service_1.ConditionalShowRegistrarService,
-            core_1.Renderer2,
-            grey_bar_service_1.GreyBarService])
-    ], ConditionalShowDirective);
-    return ConditionalShowDirective;
-}());
-exports.ConditionalShowDirective = ConditionalShowDirective;
-
-
 /***/ }),
 
 /***/ 95844:
@@ -37176,7 +37043,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
-var conditional_show_directive_1 = __webpack_require__(74015);
 var fields_utils_1 = __webpack_require__(40980);
 var conditional_show_registrar_service_1 = __webpack_require__(49532);
 var grey_bar_service_1 = __webpack_require__(100);
@@ -37187,11 +37053,9 @@ var ConditionalShowModule = /** @class */ (function () {
     ConditionalShowModule = __decorate([
         core_1.NgModule({
             declarations: [
-                conditional_show_directive_1.ConditionalShowDirective,
                 conditional_show_form_directive_1.ConditionalShowFormDirective
             ],
             exports: [
-                conditional_show_directive_1.ConditionalShowDirective,
                 conditional_show_form_directive_1.ConditionalShowFormDirective
             ],
             providers: [
@@ -37543,7 +37407,6 @@ function __export(m) {
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(97965));
-__export(__webpack_require__(74015));
 __export(__webpack_require__(32225));
 __export(__webpack_require__(95844));
 
@@ -37570,11 +37433,6 @@ var ConditionalShowRegistrarService = /** @class */ (function () {
     ConditionalShowRegistrarService.prototype.register = function (newDirective) {
         this.registeredDirectives.push(newDirective);
     };
-    ConditionalShowRegistrarService.prototype.refresh = function () {
-        this.registeredDirectives.forEach(function (dir) {
-            dir.refreshVisibility();
-        });
-    };
     ConditionalShowRegistrarService.prototype.reset = function () {
         this.registeredDirectives = [];
     };
@@ -89482,7 +89340,7 @@ module.exports = "<div class=\"form-group\" [id]=\"id()\">\n\n  <div class=\"pan
 /***/ 9643:
 /***/ ((module) => {
 
-module.exports = " <div class=\"complex-panel\" [hidden]=\"caseField.hidden\">\n      <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label}}</span></dt><dd></dd></dl>\n      <table class=\"complex-panel-table\">\n        <tbody>\n        <!-- <COMPLEX table field header>-->\n        <tr>\n          <ng-container *ngFor=\"let heading of columns\">\n            <ng-container *ngFor=\"let name of columnsAllLabels | keyvalue:keepOriginalOrder\">\n              <th *ngIf=\"heading.trim() == name.key\">\n                <span class=\"text-16\">{{name.value.label}}</span>\n                <a href=\"javascript:void(0)\" (click)=\"sortRowsByColumns(name.key)\"  class=\"sort-widget\" [innerHTML]=\"sortWidget(name.value)\"></a>\n              </th>\n            </ng-container>\n          </ng-container>\n          <th></th>\n        </tr>\n        <!-- </COMPLEX table field header>-->\n        <ng-container *ngFor=\"let item of rows; let i = index; trackBy:trackByIndex;\" >\n          <!-- <COMPLEX table collapsed view>-->\n          <tr class=\"new-table-row accordion-heading\" (click)=\"isHidden[i] = !isHidden[i]\">\n            <ng-container *ngFor=\"let heading of columns\">\n              <ng-container  *ngFor=\"let name of item | keyvalue\">\n                <td *ngIf=\"heading.trim() == name.key\" class=\"text-16\">\n                  <div *ngIf=\"name.value;else showEmptyTd\">\n                    <ccd-field-read [caseField]=\"{\n                      id: name.key,\n                      label: name.value.label,\n                      field_type: this.columnsHorizontalLabel[name.key].type,\n                      value: name.value\n                    }\" [context]=\"context\"></ccd-field-read>\n                  </div>\n                  <ng-template #showEmptyTd><div>&nbsp;</div></ng-template>\n                </td>\n\n              </ng-container>\n            </ng-container>\n              <td>\n                <div style=\"float: right;\">\n                  <a href=\"javascript:void(0)\"> <img src=\"{{ getImage(i) }}\" class=\"accordion-image\"/></a>\n                </div>\n               </td>\n          </tr>\n          <!-- </COMPLEX table collapsed view>-->\n          <!-- <COMPLEX table expanded view>-->\n          <tr [hidden]=\"isHidden[i]\">\n            <td [colSpan]=\"columns.length +1\">\n              <table class=\"complex-panel-table\">\n                <tbody>\n                  \n                <ng-container *ngFor=\"let vLabel of columnsVerticalLabel | keyvalue:keepOriginalOrder\">\n                  <ng-container  *ngFor=\"let name of item | keyvalue\">\n                    <ng-container *ngIf=\"vLabel.key == name.key && isNotBlank(name.value)\" >\n                    <!-- <COMPLEX table expandable body simple field>-->\n\n                    <tr class=\"complex-panel-simple-field accordion-body\"\n                        ccdConditionalShow [caseField]=\"vLabel.value.caseField\" [contextFields]=\"caseField | ccdFieldsFilter :true :i\">\n                      <th><span class=\"text-16\">{{vLabel.value.label}}</span></th>\n                      <td *ngIf=\"vLabel.value.type !== 'Complex'\" class=\"text-16\">\n                        <ccd-field-read [caseField]=\"{\n                          id: name.key,\n                          label: vLabel.label,\n                          field_type: vLabel.value.caseField.field_type,\n                          value: name.value\n                        }\" [context]=\"context\"></ccd-field-read>\n                      </td>\n                    </tr>\n                      \n                    <!-- </COMPLEX table expandable body simple field>-->\n                    <!-- <COMPLEX table expandable body complex field>-->\n\n                    <tr *ngIf=\"vLabel.value.type === 'Complex' && addCaseFieldValue(vLabel.value.caseField, name.value)\">\n                      <td colspan=\"2\">\n                        <ng-container *ngFor=\"let field of vLabel.value.caseField | ccdFieldsFilter\">\n                          <ng-container *ngIf=\"(field | ccdIsCompound); else SimpleRow\">\n                            <tr class=\"complex-panel-compound-field\" ccdConditionalShow ccdLabelSubstitutor [caseField]=\"field\"\n                                [contextFields]=\"vLabel.value.caseField | ccdFieldsFilter\">\n                              <td colspan=\"2\">\n                                <span class=\"text-16\"><ccd-field-read [caseField]=\"field\" [context]=\"context\"></ccd-field-read></span>\n                              </td>\n                            </tr>\n                          </ng-container>\n                          <ng-template #SimpleRow>\n                            <tr class=\"complex-panel-nested-field\" ccdConditionalShow ccdLabelSubstitutor [caseField]=\"field\"\n                                [contextFields]=\"vLabel.value.caseField  | ccdFieldsFilter\">\n                              <th><span class=\"text-16\">{{field.label}}</span></th>\n                              <td *ngIf=\"!name.value.hasOwnProperty('CaseReference')\">\n                                <span class=\"text-16\"><ccd-field-read [caseField]=\"field\" [context]=\"context\"></ccd-field-read></span>\n                              </td>\n                              <td *ngIf=\"name.value.hasOwnProperty('CaseReference')\">\n                                <ccd-read-case-link-field [caseField]=\"addCaseReferenceValue(field, name.value.CaseReference)\" [context]=\"context\"></ccd-read-case-link-field>\n                              </td>\n                            </tr>\n                          </ng-template>\n                        </ng-container>\n                      </td>\n                    </tr>\n                    <!-- <COMPLEX table expandable body complex field>-->\n                  </ng-container>\n                  </ng-container>\n                </ng-container>\n                </tbody>\n              </table>\n            </td>\n          </tr>\n          <!-- </COMPLEX table expanded view>-->\n        </ng-container>\n        </tbody>\n      </table>\n    </div>\n"
+module.exports = "<div class=\"complex-panel\" [hidden]=\"caseField.hidden\">\n  <dl class=\"complex-panel-title\">\n    <dt><span class=\"text-16\">{{caseField.label}}</span></dt>\n    <dd></dd>\n  </dl>\n  <table class=\"complex-panel-table\">\n    <tbody>\n    <!-- <COMPLEX table field header>-->\n    <tr>\n      <th *ngFor=\"let heading of columns\" scope=\"col\">\n        <span class=\"text-16\">{{columnsAllLabels[heading].label}}</span>\n        <a href=\"javascript:void(0)\"\n           (click)=\"sortRowsByColumns(heading)\"\n           class=\"sort-widget\"\n           [innerHTML]=\"sortWidget(columnsAllLabels[heading])\"></a>\n      </th>\n      <th></th>\n    </tr>\n    <!-- </COMPLEX table field header>-->\n    <ng-container *ngFor=\"let item of rows; let i = index;\">\n      <!-- <COMPLEX table collapsed view>-->\n      <tr class=\"new-table-row accordion-heading\" (click)=\"isHidden[i] = !isHidden[i]\"\n          [class.last-accordion]=\"isHidden[i]\">\n        <ng-container *ngFor=\"let heading of columns\">\n          <td class=\"text-16\">\n            <div *ngIf=\"item[heading]; else showEmptyTd\">\n              <ccd-field-read\n                [caseField]=\"toCaseField(heading, item[heading].label, columnsHorizontalLabel[heading].type, item[heading])\"\n                [context]=\"context\"></ccd-field-read>\n            </div>\n            <ng-template #showEmptyTd>\n              <div>&nbsp;</div>\n            </ng-template>\n          </td>\n        </ng-container>\n        <td>\n          <div style=\"float: right;\">\n            <a href=\"javascript:void(0)\"> <img src=\"{{ getImage(i) }}\" class=\"accordion-image\"/></a>\n          </div>\n        </td>\n      </tr>\n      <!-- </COMPLEX table collapsed view>-->\n      <!-- <COMPLEX table expanded view>-->\n      <tr [hidden]=\"isHidden[i]\">\n        <td [colSpan]=\"columns.length + 1\">\n          <table class=\"complex-panel-table\">\n            <tbody>\n            <ng-container\n              *ngFor=\"let vLabel of columnsVerticalLabel | keyvalue: keepOriginalOrder | ccdCollectionTableCaseFieldsFilter: caseField: rows[i] | ccdReadFieldsFilter:true :undefined :true\">\n              <!-- <COMPLEX table expandable body simple field>-->\n              <tr class=\"complex-panel-simple-field accordion-body\" *ngIf=\"item[vLabel.id]\" [hidden]=\"vLabel.hidden\">\n                <th scope=\"col\"><span class=\"text-16\">{{vLabel.label}}</span></th>\n                <td *ngIf=\"vLabel['type'] !== 'Complex'\" class=\"text-16\">\n                  <ccd-field-read [caseField]=\"toCaseField('', vLabel.label, vLabel.field_type, item[vLabel.id])\"\n                                  [context]=\"context\"></ccd-field-read>\n                </td>\n              </tr>\n              <!-- </COMPLEX table expandable body simple field>-->\n\n              <!-- <COMPLEX table expandable body complex field>-->\n              <tr *ngIf=\"vLabel['type'] === 'Complex' && addCaseFieldValue(vLabel, item[vLabel.id])\" [hidden]=\"vLabel.hidden\">\n                <td colspan=\"2\">\n                  <ng-container *ngFor=\"let caseField of vLabel | ccdReadFieldsFilter:true :undefined :true\">\n                      <tr class=\"complex-panel-compound-field\" *ngIf=\"(caseField | ccdIsCompound); else SimpleRow\" [hidden]=\"caseField\">\n                        <td colspan=\"2\">\n                          <span class=\"text-16\"><ccd-field-read [caseField]=\"caseField\" [context]=\"context\"></ccd-field-read></span>\n                        </td>\n                      </tr>\n                      <ng-template #SimpleRow>\n                        <tr class=\"complex-panel-nested-field\" [hidden]=\"caseField.hidden\">\n                          <th scope=\"col\"><span class=\"text-16\">{{caseField.label}}</span></th>\n                          <td *ngIf=\"!item[vLabel.id].hasOwnProperty('CaseReference')\">\n                            <span class=\"text-16\"><ccd-field-read [caseField]=\"caseField\" [context]=\"context\"></ccd-field-read></span>\n                          </td>\n                          <td *ngIf=\"item[vLabel.id].hasOwnProperty('CaseReference')\">\n                            <ccd-read-case-link-field [caseField]=\"addCaseReferenceValue(caseField, item[vLabel.id].CaseReference)\" [context]=\"context\"></ccd-read-case-link-field>\n                          </td>\n                        </tr>\n                      </ng-template>\n                  </ng-container>\n                </td>\n              </tr>\n              <!-- <COMPLEX table expandable body complex field>-->\n            </ng-container>\n            </tbody>\n          </table>\n        </td>\n      </tr>\n      <!-- </COMPLEX table expanded view>-->\n    </ng-container>\n    </tbody>\n  </table>\n</div>\n"
 
 /***/ }),