@hmcts/ccd-case-ui-toolkit 4.3.4 → 4.3.6-hotfix-EUI-4652-4404

package/dist/shared/components/palette/datetime-picker/datetime-picker.component.js

@@ -28,12 +28,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
 var forms_1 = require("@angular/forms");
 var datetime_picker_1 = require("@angular-material-components/datetime-picker");
+var moment_adapter_1 = require("@angular-material-components/moment-adapter");
 var abstract_form_field_component_1 = require("../base-field/abstract-form-field.component");
 var datetime_picker_utils_1 = require("./datetime-picker-utils");
 var format_translator_service_1 = require("../../../services/case-fields/format-translator.service");
 var moment = require("moment/moment");
-var ɵ0 = datetime_picker_utils_1.CUSTOM_MOMENT_FORMATS;
+var ɵ0 = datetime_picker_utils_1.CUSTOM_MOMENT_FORMATS, ɵ1 = { useUtc: true };
 exports.ɵ0 = ɵ0;
+exports.ɵ1 = ɵ1;
 var DatetimePickerComponent = /** @class */ (function (_super) {
     __extends(DatetimePickerComponent, _super);
     function DatetimePickerComponent(formatTranslationService, ngxMatDateFormats) {
@@ -67,14 +69,16 @@ var DatetimePickerComponent = /** @class */ (function (_super) {
         var _this = this;
         this.dateTimeEntryFormat = this.formatTranslationService.showOnlyDates(this.caseField.dateTimeEntryFormat);
         this.configureDatePicker(this.dateTimeEntryFormat);
-        this.setDateTimeFormat();
-        this.dateControl = this.registerControl(new forms_1.FormControl(this.caseField.value));
+        // set date control based on mandatory field
+        this.dateControl = (this.caseField.isMandatory ?
+            this.registerControl(new forms_1.FormControl(this.caseField.value || '', [forms_1.Validators.required]))
+            : this.registerControl(new forms_1.FormControl(this.caseField.value)));
         // in resetting the format just after the page initialises, the input can be reformatted
         // otherwise the last format given will be how the text shown will be displayed
         setTimeout(function () {
             _this.setDateTimeFormat();
-            _this.formatValue();
-        }, 1);
+            _this.formatValueAndSetErrors();
+        }, 1000);
         // when the status changes check that the maximum/minimum date has not been exceeded
         this.dateControl.statusChanges.subscribe(function () {
             _this.minError = _this.dateControl.hasError('matDatetimePickerMin');
@@ -89,20 +93,35 @@ var DatetimePickerComponent = /** @class */ (function (_super) {
     When the value changes, update the form control
     */
     DatetimePickerComponent.prototype.valueChanged = function () {
-        this.formatValue();
+        this.formatValueAndSetErrors();
     };
-    DatetimePickerComponent.prototype.formatValue = function () {
+    DatetimePickerComponent.prototype.formatValueAndSetErrors = function () {
         if (this.inputElement.nativeElement.value) {
             var formValue = this.inputElement.nativeElement.value;
             formValue = moment(formValue, this.dateTimeEntryFormat).format(this.momentFormat);
             if (formValue !== 'Invalid date') {
+                // if not invalid set the value as the formatted value
                 this.dateControl.setValue(formValue);
             }
+            else {
+                // ensure that the datepicker picks up the invalid error
+                var keepErrorText = this.inputElement.nativeElement.value;
+                this.dateControl.setValue(keepErrorText);
+                this.inputElement.nativeElement.value = keepErrorText;
+            }
+        }
+        else {
+            // ensure required errors are picked up if relevant
+            this.dateControl.setValue('');
         }
     };
     DatetimePickerComponent.prototype.focusIn = function () {
         this.setDateTimeFormat();
     };
+    DatetimePickerComponent.prototype.focusOut = function () {
+        // focus out needed to obtain errors (relevant to formatting)
+        this.formatValueAndSetErrors();
+    };
     DatetimePickerComponent.prototype.toggleClick = function () {
         this.setDateTimeFormat();
     };
@@ -195,11 +214,13 @@ var DatetimePickerComponent = /** @class */ (function (_super) {
     DatetimePickerComponent = __decorate([
         core_1.Component({
             selector: 'ccd-datetime-picker',
-            template: "\n    <div class=\"govuk-form-group  bottom-30\" [id]=\"caseField.id\"\n         [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && dateControl.dirty}\">\n      <fieldset>\n        <legend>\n          <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel }}</span>\n          <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n          <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.errors && dateControl.dirty && !(minError || maxError)\">{{dateControl.errors | ccdFirstError:caseField.label}}</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && minError\">This date is older than the minimum date allowed</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && maxError\">This date is later than the maximum date allowed</span>\n        </legend>\n        <div class=\"datepicker-container\">\n          <input class=\"govuk-input\"\n                 #input\n                 aria-label=\"Please enter a date and time in the format DD/MM/YYYY HH:MM\"\n                 [min]=\"minDate(caseField)\"\n                 [max]=\"maxDate(caseField)\"\n                 [formControl]=\"dateControl\"\n                 [ngxMatDatetimePicker]=\"picker\"\n                 (focusin)=\"focusIn()\"\n                 (dateChange)=\"valueChanged()\"\n                 ng-model-options=\"{timezone:'utc'}\"\n          >\n          <mat-datepicker-toggle matSuffix [for]=\"picker\" id=\"pickerOpener\"></mat-datepicker-toggle>\n          <ngx-mat-datetime-picker #picker\n                                   [color]=\"color\"\n                                   [touchUi]=\"touchUi\"\n                                   [hideTime]=\"hideTime\"\n                                   [startView]=\"startView\"\n                                   [stepHour]=\"stepHour\"\n                                   [stepSecond]=\"stepSecond\"\n                                   [stepMinute]=\"stepMinute\"\n                                   [showSeconds]=\"showSeconds\"\n                                   [showSpinners]=\"showSpinners\"\n                                   [disableMinute]=\"disableMinute\"\n                                   [enableMeridian]=\"enableMeridian\"\n\n                                   (yearSelected)=\"yearSelected($event)\"\n                                   (monthSelected)=\"monthSelected($event)\"\n                                   (opened)=\"toggleClick()\"\n          >\n          </ngx-mat-datetime-picker>\n        </div>\n      </fieldset>\n    </div>\n  ",
+            template: "\n    <div class=\"govuk-form-group  bottom-30\" [id]=\"caseField.id\"\n         [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && dateControl.dirty}\">\n      <fieldset>\n        <legend>\n          <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel }}</span>\n          <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n          <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.errors && dateControl.dirty && !(minError || maxError)\">{{dateControl.errors | ccdFirstError:caseField.label}}</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && minError\">This date is older than the minimum date allowed</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && maxError\">This date is later than the maximum date allowed</span>\n        </legend>\n        <div class=\"datepicker-container\">\n          <input class=\"govuk-input\"\n                 #input\n                 attr.aria-label=\"Please enter a date and time in the format {{dateTimeEntryFormat}}\"\n                 [min]=\"minDate(caseField)\"\n                 [max]=\"maxDate(caseField)\"\n                 [formControl]=\"dateControl\"\n                 [ngxMatDatetimePicker]=\"picker\"\n                 (focusin)=\"focusIn()\"\n                 (focusout)=\"focusOut()\"\n                 (dateChange)=\"valueChanged()\"\n                 ng-model-options=\"{timezone:'utc'}\"\n          >\n          <mat-datepicker-toggle matSuffix [for]=\"picker\" id=\"pickerOpener\"></mat-datepicker-toggle>\n          <ngx-mat-datetime-picker #picker\n                                   [color]=\"color\"\n                                   [touchUi]=\"touchUi\"\n                                   [hideTime]=\"hideTime\"\n                                   [startView]=\"startView\"\n                                   [stepHour]=\"stepHour\"\n                                   [stepSecond]=\"stepSecond\"\n                                   [stepMinute]=\"stepMinute\"\n                                   [showSeconds]=\"showSeconds\"\n                                   [showSpinners]=\"showSpinners\"\n                                   [disableMinute]=\"disableMinute\"\n                                   [enableMeridian]=\"enableMeridian\"\n                                   (yearSelected)=\"yearSelected($event)\"\n                                   (monthSelected)=\"monthSelected($event)\"\n                                   (opened)=\"toggleClick()\"\n          >\n          </ngx-mat-datetime-picker>\n        </div>\n      </fieldset>\n    </div>\n  ",
             styles: ["\n    .datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #ffdd00;border:1px solid black}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #ffdd00}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid black;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0px;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:bold}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button::after{border-left-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button::after{border-right-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize !important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0px;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider::after{height:0px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:bold;font-size:15px;padding-top:2%;padding-bottom:2%;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th::after{visibility:visible;color:black;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(1)::after{content:'MON'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(2)::after{left:-12px;content:'TUE'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(3)::after{left:-18px;content:'WED'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(4)::after{left:-14px;content:'THU'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(5)::after{left:-10px;content:'FRI'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(6)::after{content:'SAT'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(7)::after{content:'SUN'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:bold;font-size:large;color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:white}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:nth-of-type(1){visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0 !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(1) [aria-label=\"expand_less icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field::before{color:black;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field::before{color:black;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field::before{color:black;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:black;border-color:black;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px !important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1) [aria-label=\"expand_more icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1).ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper::after{content:' \\25B2'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper::after{content:'\\25BC'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid black;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:darkgreen}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper::before{color:white;content:'Confirm';position:relative;font-size:15px;left:-3px}\n  "],
             encapsulation: core_1.ViewEncapsulation.None,
             providers: [
-                { provide: datetime_picker_1.NGX_MAT_DATE_FORMATS, useValue: ɵ0 }
+                { provide: datetime_picker_1.NGX_MAT_DATE_FORMATS, useValue: ɵ0 },
+                { provide: datetime_picker_1.NgxMatDateAdapter, useClass: moment_adapter_1.NgxMatMomentAdapter },
+                { provide: moment_adapter_1.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: ɵ1 }
             ]
         }),
         __param(1, core_1.Inject(datetime_picker_1.NGX_MAT_DATE_FORMATS)),

package/dist/shared/components/palette/datetime-picker/datetime-picker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/datetime-picker/datetime-picker.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"datetime-picker.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/datetime-picker/datetime-picker.component.ts"],"names":[],"mappings":"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"}

package/dist/shared/components/palette/datetime-picker/datetime-picker.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"reference","module":"./datetime-picker-utils","name":"CUSTOM_MOMENT_FORMATS"},"DatetimePickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-form-field.component","name":"AbstractFormFieldComponent","line":76,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ccd-datetime-picker","template":"\n    <div class=\"govuk-form-group  bottom-30\" [id]=\"caseField.id\"\n         [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && dateControl.dirty}\">\n      <fieldset>\n        <legend>\n          <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel }}</span>\n          <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n          <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.errors && dateControl.dirty && !(minError || maxError)\">{{dateControl.errors | ccdFirstError:caseField.label}}</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && minError\">This date is older than the minimum date allowed</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && maxError\">This date is later than the maximum date allowed</span>\n        </legend>\n        <div class=\"datepicker-container\">\n          <input class=\"govuk-input\"\n                 #input\n                 aria-label=\"Please enter a date and time in the format DD/MM/YYYY HH:MM\"\n                 [min]=\"minDate(caseField)\"\n                 [max]=\"maxDate(caseField)\"\n                 [formControl]=\"dateControl\"\n                 [ngxMatDatetimePicker]=\"picker\"\n                 (focusin)=\"focusIn()\"\n                 (dateChange)=\"valueChanged()\"\n                 ng-model-options=\"{timezone:'utc'}\"\n          >\n          <mat-datepicker-toggle matSuffix [for]=\"picker\" id=\"pickerOpener\"></mat-datepicker-toggle>\n          <ngx-mat-datetime-picker #picker\n                                   [color]=\"color\"\n                                   [touchUi]=\"touchUi\"\n                                   [hideTime]=\"hideTime\"\n                                   [startView]=\"startView\"\n                                   [stepHour]=\"stepHour\"\n                                   [stepSecond]=\"stepSecond\"\n                                   [stepMinute]=\"stepMinute\"\n                                   [showSeconds]=\"showSeconds\"\n                                   [showSpinners]=\"showSpinners\"\n                                   [disableMinute]=\"disableMinute\"\n                                   [enableMeridian]=\"enableMeridian\"\n\n                                   (yearSelected)=\"yearSelected($event)\"\n                                   (monthSelected)=\"monthSelected($event)\"\n                                   (opened)=\"toggleClick()\"\n          >\n          </ngx-mat-datetime-picker>\n        </div>\n      </fieldset>\n    </div>\n  ","styles":["\n    .datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #ffdd00;border:1px solid black}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #ffdd00}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid black;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0px;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:bold}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button::after{border-left-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button::after{border-right-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize !important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0px;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider::after{height:0px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:bold;font-size:15px;padding-top:2%;padding-bottom:2%;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th::after{visibility:visible;color:black;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(1)::after{content:'MON'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(2)::after{left:-12px;content:'TUE'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(3)::after{left:-18px;content:'WED'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(4)::after{left:-14px;content:'THU'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(5)::after{left:-10px;content:'FRI'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(6)::after{content:'SAT'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(7)::after{content:'SUN'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:bold;font-size:large;color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:white}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:nth-of-type(1){visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0 !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(1) [aria-label=\"expand_less icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field::before{color:black;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field::before{color:black;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field::before{color:black;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:black;border-color:black;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px !important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1) [aria-label=\"expand_more icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1).ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper::after{content:' \\25B2'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper::after{content:'\\25BC'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid black;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:darkgreen}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper::before{color:white;content:'Confirm';position:relative;font-size:15px;left:-3px}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":73,"character":14},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}],"members":{"dateControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"datetimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":3},"arguments":["picker"]}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":105,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":105,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../../services/case-fields/format-translator.service","name":"FormatTranslatorService","line":104,"character":57},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDateFormats","line":105,"character":71}]}],"ngOnInit":[{"__symbolic":"method"}],"setDateTimeFormat":[{"__symbolic":"method"}],"valueChanged":[{"__symbolic":"method"}],"formatValue":[{"__symbolic":"method"}],"focusIn":[{"__symbolic":"method"}],"toggleClick":[{"__symbolic":"method"}],"minDate":[{"__symbolic":"method"}],"maxDate":[{"__symbolic":"method"}],"configureDatePicker":[{"__symbolic":"method"}],"yearSelected":[{"__symbolic":"method"}],"monthSelected":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"reference","module":"./datetime-picker-utils","name":"CUSTOM_MOMENT_FORMATS"},"ɵ1":{"useUtc":true},"DatetimePickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-form-field.component","name":"AbstractFormFieldComponent","line":80,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ccd-datetime-picker","template":"\n    <div class=\"govuk-form-group  bottom-30\" [id]=\"caseField.id\"\n         [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && dateControl.dirty}\">\n      <fieldset>\n        <legend>\n          <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel }}</span>\n          <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n          <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.errors && dateControl.dirty && !(minError || maxError)\">{{dateControl.errors | ccdFirstError:caseField.label}}</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && minError\">This date is older than the minimum date allowed</span>\n                <span class=\"error-message\"\n                *ngIf=\"dateControl && dateControl.dirty && maxError\">This date is later than the maximum date allowed</span>\n        </legend>\n        <div class=\"datepicker-container\">\n          <input class=\"govuk-input\"\n                 #input\n                 attr.aria-label=\"Please enter a date and time in the format {{dateTimeEntryFormat}}\"\n                 [min]=\"minDate(caseField)\"\n                 [max]=\"maxDate(caseField)\"\n                 [formControl]=\"dateControl\"\n                 [ngxMatDatetimePicker]=\"picker\"\n                 (focusin)=\"focusIn()\"\n                 (focusout)=\"focusOut()\"\n                 (dateChange)=\"valueChanged()\"\n                 ng-model-options=\"{timezone:'utc'}\"\n          >\n          <mat-datepicker-toggle matSuffix [for]=\"picker\" id=\"pickerOpener\"></mat-datepicker-toggle>\n          <ngx-mat-datetime-picker #picker\n                                   [color]=\"color\"\n                                   [touchUi]=\"touchUi\"\n                                   [hideTime]=\"hideTime\"\n                                   [startView]=\"startView\"\n                                   [stepHour]=\"stepHour\"\n                                   [stepSecond]=\"stepSecond\"\n                                   [stepMinute]=\"stepMinute\"\n                                   [showSeconds]=\"showSeconds\"\n                                   [showSpinners]=\"showSpinners\"\n                                   [disableMinute]=\"disableMinute\"\n                                   [enableMeridian]=\"enableMeridian\"\n                                   (yearSelected)=\"yearSelected($event)\"\n                                   (monthSelected)=\"monthSelected($event)\"\n                                   (opened)=\"toggleClick()\"\n          >\n          </ngx-mat-datetime-picker>\n        </div>\n      </fieldset>\n    </div>\n  ","styles":["\n    .datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #ffdd00;border:1px solid black}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #ffdd00}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid black;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0px;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:bold}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button::after{border-left-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button::after{border-right-width:5px;border-top-width:5px;color:black;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize !important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0px;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider::after{height:0px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:bold;font-size:15px;padding-top:2%;padding-bottom:2%;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th::after{visibility:visible;color:black;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(1)::after{content:'MON'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(2)::after{left:-12px;content:'TUE'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(3)::after{left:-18px;content:'WED'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(4)::after{left:-14px;content:'THU'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(5)::after{left:-10px;content:'FRI'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(6)::after{content:'SAT'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:nth-of-type(1) th:nth-of-type(7)::after{content:'SUN'}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:bold;font-size:large;color:black}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:white}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:nth-of-type(1){visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=\"true\"]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0 !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px !important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(1) [aria-label=\"expand_less icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field::before{color:black;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field::before{color:black;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field::before{color:black;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:black;border-color:black;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px !important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1) [aria-label=\"expand_more icon\"].mat-icon-button{left:65px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-last-child(1).ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px !important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper::after{content:' \\25B2'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper::after{content:'\\25BC'}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid black;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:black}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:darkgreen}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper::before{color:white;content:'Confirm';position:relative;font-size:15px;left:-3px}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":72,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":74,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}},{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDateAdapter","line":75,"character":15},"useClass":{"__symbolic":"reference","module":"@angular-material-components/moment-adapter","name":"NgxMatMomentAdapter","line":75,"character":44}},{"provide":{"__symbolic":"reference","module":"@angular-material-components/moment-adapter","name":"NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":76,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ1"}}]}]}],"members":{"dateControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"datetimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":3},"arguments":["picker"]}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":104,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":109,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../../services/case-fields/format-translator.service","name":"FormatTranslatorService","line":108,"character":57},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDateFormats","line":109,"character":71}]}],"ngOnInit":[{"__symbolic":"method"}],"setDateTimeFormat":[{"__symbolic":"method"}],"valueChanged":[{"__symbolic":"method"}],"formatValueAndSetErrors":[{"__symbolic":"method"}],"focusIn":[{"__symbolic":"method"}],"focusOut":[{"__symbolic":"method"}],"toggleClick":[{"__symbolic":"method"}],"minDate":[{"__symbolic":"method"}],"maxDate":[{"__symbolic":"method"}],"configureDatePicker":[{"__symbolic":"method"}],"yearSelected":[{"__symbolic":"method"}],"monthSelected":[{"__symbolic":"method"}]}}}}]

package/dist/shared/components/palette/document/write-document-field.component.d.ts

@@ -47,7 +47,6 @@ export declare class WriteDocumentFieldComponent extends AbstractFieldWriteCompo
     private openDialog;
     triggerReplace(): void;
     getUploadedFileName(): any;
-    private initDialog;
     private subscribeToCaseDetails;
     private isAMandatoryComponent;
     private displayFileUploadMessages;

package/dist/shared/components/palette/document/write-document-field.component.js

@@ -41,6 +41,7 @@ var constants_1 = require("../../../commons/constants");
 var document_management_service_1 = require("../../../services/document-management/document-management.service");
 var case_notifier_1 = require("../../case-editor/services/case.notifier");
 var document_dialog_component_1 = require("../../dialogs/document-dialog/document-dialog.component");
+var helpers_1 = require("../../helpers");
 var abstract_field_write_component_1 = require("../base-field/abstract-field-write.component");
 var file_upload_state_service_1 = require("./file-upload-state.service");
 var WriteDocumentFieldComponent = /** @class */ (function (_super) {
@@ -67,7 +68,7 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
     };
     WriteDocumentFieldComponent.prototype.ngOnInit = function () {
         this.secureModeOn = this.appConfig.getDocumentSecureMode();
-        this.initDialog();
+        helpers_1.initDialog(this.dialogConfig);
         // EUI-3403. The field was not being registered when there was no value and the field
         // itself was not mandatory, which meant that show_conditions would not be evaluated.
         // I've cleaned up the logic and it's now always registered.
@@ -136,10 +137,7 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             this.displayFileUploadMessages(WriteDocumentFieldComponent_1.UPLOAD_WAITING_FILE_STATUS);
             var documentUpload = this.buildDocumentUploadData(this.selectedFile);
             this.fileUploadStateService.setUploadInProgress(true);
-            var uploadFile = this.secureModeOn ?
-                this.documentManagement.secureUploadFile(documentUpload) :
-                this.documentManagement.uploadFile(documentUpload);
-            this.fileUploadSubscription = uploadFile.subscribe({
+            this.fileUploadSubscription = this.documentManagement.uploadFile(documentUpload).subscribe({
                 next: function (resultDocument) { return _this.handleDocumentUploadResult(resultDocument); },
                 error: function (error) { return _this.handleDocumentUploadError(error); }
             });
@@ -181,19 +179,6 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             return undefined;
         }
     };
-    WriteDocumentFieldComponent.prototype.initDialog = function () {
-        this.dialogConfig = new material_1.MatDialogConfig();
-        this.dialogConfig.disableClose = true;
-        this.dialogConfig.autoFocus = true;
-        this.dialogConfig.ariaLabel = 'Label';
-        this.dialogConfig.height = '245px';
-        this.dialogConfig.width = '550px';
-        this.dialogConfig.panelClass = 'dialog';
-        this.dialogConfig.closeOnNavigation = false;
-        this.dialogConfig.position = {
-            top: window.innerHeight / 2 - 120 + 'px', left: window.innerWidth / 2 - 275 + 'px'
-        };
-    };
     WriteDocumentFieldComponent.prototype.subscribeToCaseDetails = function () {
         var _this = this;
         this.caseEventSubscription = this.caseNotifier.caseView.subscribe({
@@ -238,7 +223,7 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             document_binary_url: new forms_1.FormControl(document.document_binary_url, forms_1.Validators.required),
             document_filename: new forms_1.FormControl(document.document_filename, forms_1.Validators.required)
         };
-        documentFormGroup = this.secureModeOn ? __assign({}, documentFormGroup, { document_hash: new forms_1.FormControl(document.document_hash, forms_1.Validators.required) }) : documentFormGroup;
+        documentFormGroup = this.secureModeOn ? __assign({}, documentFormGroup, { document_hash: new forms_1.FormControl(document.document_hash) }) : documentFormGroup;
         this.uploadedDocument = this.registerControl(new forms_1.FormGroup(documentFormGroup), true);
     };
     WriteDocumentFieldComponent.prototype.createDocumentForm = function (document) {

package/dist/shared/components/palette/document/write-document-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"write-document-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/document/write-document-field.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"write-document-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/document/write-document-field.component.ts"],"names":[],"mappings":"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"}

package/dist/shared/components/palette/document/write-document-field.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"WriteDocumentFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":43,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ccd-write-document-field","template":"\n    <div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n      <label [for]=\"id()\">\n        <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"fileUploadMessages && !valid\">{{fileUploadMessages}}</span>\n\n      <div>\n        <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n        <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n      </div>\n\n      <div style='position:relative'>\n\n        <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\"></div>\n        <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event)\"\n               accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n      </div>\n    </div>\n    <div class=\"form-group bottom-30\">\n      <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">Cancel upload</button>\n    </div>\n  "}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["fileInput"]}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":69,"character":3},"arguments":["document:click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../../app.config","name":"AbstractAppConfig","line":81,"character":32},{"__symbolic":"reference","module":"../../case-editor/services/case.notifier","name":"CaseNotifier","line":82,"character":35},{"__symbolic":"reference","module":"../../../services/document-management/document-management.service","name":"DocumentManagementService","line":83,"character":32},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":84,"character":19},{"__symbolic":"reference","module":"./file-upload-state.service","name":"FileUploadStateService","line":85,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isUploadInProgress":[{"__symbolic":"method"}],"cancelUpload":[{"__symbolic":"method"}],"resetUpload":[{"__symbolic":"method"}],"fileValidations":[{"__symbolic":"method"}],"fileValidationsOnTab":[{"__symbolic":"method"}],"fileChangeEvent":[{"__symbolic":"method"}],"openFileDialog":[{"__symbolic":"method"}],"fileSelectEvent":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"triggerReplace":[{"__symbolic":"method"}],"getUploadedFileName":[{"__symbolic":"method"}],"initDialog":[{"__symbolic":"method"}],"subscribeToCaseDetails":[{"__symbolic":"method"}],"isAMandatoryComponent":[{"__symbolic":"method"}],"displayFileUploadMessages":[{"__symbolic":"method"}],"isUpLoadingAFile":[{"__symbolic":"method"}],"validateFormUploadedDocument":[{"__symbolic":"method"}],"updateDocumentForm":[{"__symbolic":"method"}],"createDocumentFormWithValidator":[{"__symbolic":"method"}],"createDocumentForm":[{"__symbolic":"method"}],"getErrorMessage":[{"__symbolic":"method"}],"buildDocumentUploadData":[{"__symbolic":"method"}],"handleDocumentUploadResult":[{"__symbolic":"method"}],"handleDocumentUploadError":[{"__symbolic":"method"}]},"statics":{"DOCUMENT_URL":"document_url","DOCUMENT_BINARY_URL":"document_binary_url","DOCUMENT_FILENAME":"document_filename","DOCUMENT_HASH":"document_hash","UPLOAD_ERROR_FILE_REQUIRED":"File required","UPLOAD_ERROR_NOT_AVAILABLE":"Document upload facility is not available at the moment","UPLOAD_WAITING_FILE_STATUS":"Uploading..."}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"WriteDocumentFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":44,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ccd-write-document-field","template":"\n    <div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n      <label [for]=\"id()\">\n        <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"fileUploadMessages && !valid\">{{fileUploadMessages}}</span>\n\n      <div>\n        <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n        <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n      </div>\n\n      <div style='position:relative'>\n\n        <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\"></div>\n        <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event)\"\n               accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n      </div>\n    </div>\n    <div class=\"form-group bottom-30\">\n      <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">Cancel upload</button>\n    </div>\n  "}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["fileInput"]}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":70,"character":3},"arguments":["document:click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../../app.config","name":"AbstractAppConfig","line":82,"character":32},{"__symbolic":"reference","module":"../../case-editor/services/case.notifier","name":"CaseNotifier","line":83,"character":35},{"__symbolic":"reference","module":"../../../services/document-management/document-management.service","name":"DocumentManagementService","line":84,"character":32},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":85,"character":19},{"__symbolic":"reference","module":"./file-upload-state.service","name":"FileUploadStateService","line":86,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isUploadInProgress":[{"__symbolic":"method"}],"cancelUpload":[{"__symbolic":"method"}],"resetUpload":[{"__symbolic":"method"}],"fileValidations":[{"__symbolic":"method"}],"fileValidationsOnTab":[{"__symbolic":"method"}],"fileChangeEvent":[{"__symbolic":"method"}],"openFileDialog":[{"__symbolic":"method"}],"fileSelectEvent":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"triggerReplace":[{"__symbolic":"method"}],"getUploadedFileName":[{"__symbolic":"method"}],"subscribeToCaseDetails":[{"__symbolic":"method"}],"isAMandatoryComponent":[{"__symbolic":"method"}],"displayFileUploadMessages":[{"__symbolic":"method"}],"isUpLoadingAFile":[{"__symbolic":"method"}],"validateFormUploadedDocument":[{"__symbolic":"method"}],"updateDocumentForm":[{"__symbolic":"method"}],"createDocumentFormWithValidator":[{"__symbolic":"method"}],"createDocumentForm":[{"__symbolic":"method"}],"getErrorMessage":[{"__symbolic":"method"}],"buildDocumentUploadData":[{"__symbolic":"method"}],"handleDocumentUploadResult":[{"__symbolic":"method"}],"handleDocumentUploadError":[{"__symbolic":"method"}]},"statics":{"DOCUMENT_URL":"document_url","DOCUMENT_BINARY_URL":"document_binary_url","DOCUMENT_FILENAME":"document_filename","DOCUMENT_HASH":"document_hash","UPLOAD_ERROR_FILE_REQUIRED":"File required","UPLOAD_ERROR_NOT_AVAILABLE":"Document upload facility is not available at the moment","UPLOAD_WAITING_FILE_STATUS":"Uploading..."}}}}]

package/dist/shared/components/palette/dynamic-list/read-dynamic-list-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"read-dynamic-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-list/read-dynamic-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6FAAyF;AACzF,sCAAkD;AAMlD;IAAmD,iDAA0B;IAA7E;;IAYA,CAAC;IAVC,gDAAQ,GAAR;QACE;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;QACD,iBAAM,QAAQ,WAAE,CAAC;IACnB,CAAC;IAXU,6BAA6B;QAJzC,gBAAS,CAAC;YACT,QAAQ,EAAE,6BAA6B;YACvC,QAAQ,EAAE,wFAAwF;SACnG,CAAC;OACW,6BAA6B,CAYzC;IAAD,oCAAC;CAAA,AAZD,CAAmD,0DAA0B,GAY5E;AAZY,sEAA6B"}
+{"version":3,"file":"read-dynamic-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-list/read-dynamic-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6FAAyF;AACzF,sCAAkD;AAMlD;IAAmD,iDAA0B;IAA7E;;IAYA,CAAC;IAVQ,gDAAQ,GAAf;QACE;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;QACD,iBAAM,QAAQ,WAAE,CAAC;IACnB,CAAC;IAXU,6BAA6B;QAJzC,gBAAS,CAAC;YACT,QAAQ,EAAE,6BAA6B;YACvC,QAAQ,EAAE,wFAAwF;SACnG,CAAC;OACW,6BAA6B,CAYzC;IAAD,oCAAC;CAAA,AAZD,CAAmD,0DAA0B,GAY5E;AAZY,sEAA6B"}

package/dist/shared/components/palette/dynamic-list/write-dynamic-list-field.component.js

@@ -52,7 +52,7 @@ var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
     WriteDynamicListFieldComponent = __decorate([
         core_1.Component({
             selector: 'ccd-write-dynamic-list-field',
-            template: "\n    <div class=\"form-group\"\n      [ngClass]=\"{'form-group-error': !dynamicListFormControl.valid && dynamicListFormControl.dirty}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"form-label\" *ngIf=\"!caseField.label && !caseField.hint_text\">Select an option from the\n          dropdown</span>\n      <span class=\"error-message\"\n        *ngIf=\"dynamicListFormControl.errors && dynamicListFormControl.dirty\">{{dynamicListFormControl.errors |\n        ccdFirstError:caseField.label}}</span>\n\n      <select class=\"form-control ccd-dropdown bottom-30\" [id]=\"id()\"\n        [formControl]=\"dynamicListFormControl\">\n        <option [ngValue]=null>--Select a value--</option>\n        <option [ngValue]=\"type.code\" *ngFor=\"let type of caseField.list_items\" role=\"option\">{{type.label}}</option>\n      </select>\n\n    </div>\n  "
+            template: "\n    <div class=\"form-group\"\n      [ngClass]=\"{'form-group-error': !dynamicListFormControl.valid && (dynamicListFormControl.dirty || dynamicListFormControl.touched)}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"form-label\" *ngIf=\"!caseField.label && !caseField.hint_text\">Select an option from the\n          dropdown</span>\n      <span class=\"error-message\"\n        *ngIf=\"dynamicListFormControl.errors && dynamicListFormControl.dirty\">{{dynamicListFormControl.errors |\n        ccdFirstError:caseField.label}}</span>\n\n      <select class=\"form-control ccd-dropdown bottom-30\" [id]=\"id()\"\n        [formControl]=\"dynamicListFormControl\">\n        <option [ngValue]=null>--Select a value--</option>\n        <option [ngValue]=\"type.code\" *ngFor=\"let type of caseField.list_items\" role=\"option\">{{type.label}}</option>\n      </select>\n\n    </div>\n  "
         })
     ], WriteDynamicListFieldComponent);
     return WriteDynamicListFieldComponent;

package/dist/shared/components/palette/dynamic-list/write-dynamic-list-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"write-dynamic-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-list/write-dynamic-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sCAAkD;AAClD,wCAA6C;AAC7C,+FAA2F;AA2B3F;IAAoD,kDAA2B;IAA/E;;IA8BA,CAAC;IA1BC,iDAAQ,GAAR;QACE;;WAEG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;QAED;;WAEG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YACzB,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvH,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;aAClE;SACF;QAED,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;QAEjF,IAAI,MAAM,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,QAAQ,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;SAC7B;QAED,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAgB,CAAC;QACzG,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC;IA7BU,8BAA8B;QAzB1C,gBAAS,CAAC;YACT,QAAQ,EAAE,8BAA8B;YACxC,QAAQ,EAAE,0iCAqBT;SACF,CAAC;OACW,8BAA8B,CA8B1C;IAAD,qCAAC;CAAA,AA9BD,CAAoD,4DAA2B,GA8B9E;AA9BY,wEAA8B"}
+{"version":3,"file":"write-dynamic-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-list/write-dynamic-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sCAAkD;AAClD,wCAA6C;AAC7C,+FAA2F;AA2B3F;IAAoD,kDAA2B;IAA/E;;IA8BA,CAAC;IA1BC,iDAAQ,GAAR;QACE;;WAEG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;QAED;;WAEG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YACzB,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvH,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;aAClE;SACF;QAED,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;QAEjF,IAAI,MAAM,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,QAAQ,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;SAC7B;QAED,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAgB,CAAC;QACzG,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC;IA7BU,8BAA8B;QAzB1C,gBAAS,CAAC;YACT,QAAQ,EAAE,8BAA8B;YACxC,QAAQ,EAAE,8kCAqBT;SACF,CAAC;OACW,8BAA8B,CA8B1C;IAAD,qCAAC;CAAA,AA9BD,CAAoD,4DAA2B,GA8B9E;AA9BY,wEAA8B"}

package/dist/shared/components/palette/dynamic-list/write-dynamic-list-field.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"WriteDynamicListFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":29,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ccd-write-dynamic-list-field","template":"\n    <div class=\"form-group\"\n      [ngClass]=\"{'form-group-error': !dynamicListFormControl.valid && dynamicListFormControl.dirty}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"form-label\" *ngIf=\"!caseField.label && !caseField.hint_text\">Select an option from the\n          dropdown</span>\n      <span class=\"error-message\"\n        *ngIf=\"dynamicListFormControl.errors && dynamicListFormControl.dirty\">{{dynamicListFormControl.errors |\n        ccdFirstError:caseField.label}}</span>\n\n      <select class=\"form-control ccd-dropdown bottom-30\" [id]=\"id()\"\n        [formControl]=\"dynamicListFormControl\">\n        <option [ngValue]=null>--Select a value--</option>\n        <option [ngValue]=\"type.code\" *ngFor=\"let type of caseField.list_items\" role=\"option\">{{type.label}}</option>\n      </select>\n\n    </div>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"WriteDynamicListFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":29,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ccd-write-dynamic-list-field","template":"\n    <div class=\"form-group\"\n      [ngClass]=\"{'form-group-error': !dynamicListFormControl.valid && (dynamicListFormControl.dirty || dynamicListFormControl.touched)}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"form-label\" *ngIf=\"!caseField.label && !caseField.hint_text\">Select an option from the\n          dropdown</span>\n      <span class=\"error-message\"\n        *ngIf=\"dynamicListFormControl.errors && dynamicListFormControl.dirty\">{{dynamicListFormControl.errors |\n        ccdFirstError:caseField.label}}</span>\n\n      <select class=\"form-control ccd-dropdown bottom-30\" [id]=\"id()\"\n        [formControl]=\"dynamicListFormControl\">\n        <option [ngValue]=null>--Select a value--</option>\n        <option [ngValue]=\"type.code\" *ngFor=\"let type of caseField.list_items\" role=\"option\">{{type.label}}</option>\n      </select>\n\n    </div>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/dist/shared/components/palette/dynamic-radio-list/dynamic-radio-list.pipe.d.ts

@@ -2,5 +2,5 @@ import { PipeTransform } from '@angular/core';
 import { FixedListItem } from '../../../domain/definition/fixed-list-item.model';
 export declare class DynamicRadioListPipe implements PipeTransform {
     private static readonly EMPTY;
-    transform(value: string, items: FixedListItem[]): any;
+    transform(value: any, items: FixedListItem[]): any;
 }

package/dist/shared/components/palette/dynamic-radio-list/dynamic-radio-list.pipe.js

@@ -12,6 +12,13 @@ var DynamicRadioListPipe = /** @class */ (function () {
     }
     DynamicRadioListPipe_1 = DynamicRadioListPipe;
     DynamicRadioListPipe.prototype.transform = function (value, items) {
+        /**
+         *
+         * If value is object with element `value.code`, use code instead.
+         */
+        if (value && value.value && value.value.code) {
+            value = value.value.code;
+        }
         var item = items.find(function (i) { return i.code === value; });
         return item ? item.label : DynamicRadioListPipe_1.EMPTY;
     };

package/dist/shared/components/palette/dynamic-radio-list/dynamic-radio-list.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-radio-list.pipe.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-radio-list/dynamic-radio-list.pipe.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAoD;AAMpD;IAAA;IAQA,CAAC;6BARY,oBAAoB;IAI/B,wCAAS,GAAT,UAAU,KAAa,EAAE,KAAsB;QAC7C,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,KAAK,KAAK,EAAhB,CAAgB,CAAC,CAAC;QAC7C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,sBAAoB,CAAC,KAAK,CAAC;IACxD,CAAC;;IALuB,0BAAK,GAAG,EAAE,CAAC;IAFxB,oBAAoB;QAHhC,WAAI,CAAC;YACJ,IAAI,EAAE,qBAAqB;SAC5B,CAAC;OACW,oBAAoB,CAQhC;IAAD,2BAAC;CAAA,AARD,IAQC;AARY,oDAAoB"}
+{"version":3,"file":"dynamic-radio-list.pipe.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-radio-list/dynamic-radio-list.pipe.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAoD;AAMpD;IAAA;IAeA,CAAC;6BAfY,oBAAoB;IAI/B,wCAAS,GAAT,UAAU,KAAU,EAAE,KAAsB;QAC1C;;;WAGG;QACH,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;YAC5C,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;SAC1B;QACD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,KAAK,KAAK,EAAhB,CAAgB,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,sBAAoB,CAAC,KAAK,CAAC;IACxD,CAAC;;IAZuB,0BAAK,GAAG,EAAE,CAAC;IAFxB,oBAAoB;QAHhC,WAAI,CAAC;YACJ,IAAI,EAAE,qBAAqB;SAC5B,CAAC;OACW,oBAAoB,CAehC;IAAD,2BAAC;CAAA,AAfD,IAeC;AAfY,oDAAoB"}

package/dist/shared/components/palette/dynamic-radio-list/read-dynamic-radio-list-field.component.js

@@ -34,6 +34,13 @@ var ReadDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         if (!this.caseField.list_items && this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
             this.caseField.list_items = this.caseField.formatted_value.list_items;
         }
+        /**
+         *
+         * Seems formatted_value can also be empty for DynamicRadioList's. Reassigning list_items from value.list_items in that case
+         */
+        if (!this.caseField.list_items && this.caseField.value && this.caseField.value.list_items) {
+            this.caseField.list_items = this.caseField.value.list_items;
+        }
     };
     ReadDynamicRadioListFieldComponent = __decorate([
         core_1.Component({

package/dist/shared/components/palette/dynamic-radio-list/read-dynamic-radio-list-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"read-dynamic-radio-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-radio-list/read-dynamic-radio-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6FAAyF;AACzF,sCAAkD;AAMlD;IAAwD,sDAA0B;IAAlF;;IAWA,CAAC;IATQ,qDAAQ,GAAf;QACE;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;IACH,CAAC;IAVU,kCAAkC;QAJ9C,gBAAS,CAAC;YACT,QAAQ,EAAE,mCAAmC;YAC7C,QAAQ,EAAE,6FAA6F;SACxG,CAAC;OACW,kCAAkC,CAW9C;IAAD,yCAAC;CAAA,AAXD,CAAwD,0DAA0B,GAWjF;AAXY,gFAAkC"}
+{"version":3,"file":"read-dynamic-radio-list-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/dynamic-radio-list/read-dynamic-radio-list-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6FAAyF;AACzF,sCAAkD;AAMlD;IAAwD,sDAA0B;IAAlF;;IAmBA,CAAC;IAjBQ,qDAAQ,GAAf;QACE;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;YAC7G,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC;SACvE;QAED;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE;YACzF,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC;SAC7D;IACH,CAAC;IAlBU,kCAAkC;QAJ9C,gBAAS,CAAC;YACT,QAAQ,EAAE,mCAAmC;YAC7C,QAAQ,EAAE,6FAA6F;SACxG,CAAC;OACW,kCAAkC,CAmB9C;IAAD,yCAAC;CAAA,AAnBD,CAAwD,0DAA0B,GAmBjF;AAnBY,gFAAkC"}

package/dist/shared/components/palette/email/write-email-field.component.js

@@ -33,7 +33,7 @@ var WriteEmailFieldComponent = /** @class */ (function (_super) {
     WriteEmailFieldComponent = __decorate([
         core_1.Component({
             selector: 'ccd-write-email-field',
-            template: "\n    <div class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !emailControl.valid && emailControl.dirty}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"emailControl.errors && emailControl.dirty\">{{emailControl.errors | ccdFirstError:caseField.label}}</span>\n\n      <input class=\"form-control\" [ngClass]=\"{'govuk-input--error': emailControl.errors && emailControl.dirty}\"\n        [id]=\"id()\" type=\"email\" [formControl]=\"emailControl\">\n\n    </div>\n  "
+            template: "\n    <div class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !emailControl.valid && (emailControl.dirty || emailControl.touched)}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"emailControl.errors && (emailControl.dirty || emailControl.touched)\">{{emailControl.errors | ccdFirstError:caseField.label}}</span>\n\n      <input class=\"form-control\" [ngClass]=\"{'govuk-input--error': emailControl.errors && (emailControl.dirty || emailControl.touched)}\"\n        [id]=\"id()\" type=\"email\" [formControl]=\"emailControl\">\n\n    </div>\n  "
         })
     ], WriteEmailFieldComponent);
     return WriteEmailFieldComponent;

package/dist/shared/components/palette/email/write-email-field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"write-email-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/email/write-email-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sCAAkD;AAClD,wCAA6C;AAC7C,+FAA2F;AAmB3F;IAA8C,4CAA2B;IAAzE;;IAOA,CAAC;IAHC,2CAAQ,GAAR;QACE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAgB,CAAC;IACjG,CAAC;IANU,wBAAwB;QAjBpC,gBAAS,CAAC;YACT,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,ktBAaT;SACF,CAAC;OACW,wBAAwB,CAOpC;IAAD,+BAAC;CAAA,AAPD,CAA8C,4DAA2B,GAOxE;AAPY,4DAAwB"}
+{"version":3,"file":"write-email-field.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/email/write-email-field.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sCAAkD;AAClD,wCAA6C;AAC7C,+FAA2F;AAmB3F;IAA8C,4CAA2B;IAAzE;;IAOA,CAAC;IAHC,2CAAQ,GAAR;QACE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAgB,CAAC;IACjG,CAAC;IANU,wBAAwB;QAjBpC,gBAAS,CAAC;YACT,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,gyBAaT;SACF,CAAC;OACW,wBAAwB,CAOpC;IAAD,+BAAC;CAAA,AAPD,CAA8C,4DAA2B,GAOxE;AAPY,4DAAwB"}

package/dist/shared/components/palette/email/write-email-field.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"WriteEmailFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":21,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ccd-write-email-field","template":"\n    <div class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !emailControl.valid && emailControl.dirty}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"emailControl.errors && emailControl.dirty\">{{emailControl.errors | ccdFirstError:caseField.label}}</span>\n\n      <input class=\"form-control\" [ngClass]=\"{'govuk-input--error': emailControl.errors && emailControl.dirty}\"\n        [id]=\"id()\" type=\"email\" [formControl]=\"emailControl\">\n\n    </div>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"WriteEmailFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-field/abstract-field-write.component","name":"AbstractFieldWriteComponent","line":21,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ccd-write-email-field","template":"\n    <div class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !emailControl.valid && (emailControl.dirty || emailControl.touched)}\">\n\n      <label [for]=\"id()\">\n        <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n      </label>\n      <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n      <span class=\"error-message\" *ngIf=\"emailControl.errors && (emailControl.dirty || emailControl.touched)\">{{emailControl.errors | ccdFirstError:caseField.label}}</span>\n\n      <input class=\"form-control\" [ngClass]=\"{'govuk-input--error': emailControl.errors && (emailControl.dirty || emailControl.touched)}\"\n        [id]=\"id()\" type=\"email\" [formControl]=\"emailControl\">\n\n    </div>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]