master-control 0.2.81 → 0.2.82

package/fesm2022/master-control.mjs

@@ -336,6 +336,18 @@ class TextboxComponent {
     setDisabledState(isDisabled) { }
     ;
     onInputChange(event) {
+        let min = null;
+        let max = null;
+        let value = event.target.value;
+        if (!this.masterService.checkIfValueIsEmpty(this.field()?.configData) && !this.masterService.checkIfValueIsEmpty(this.field()?.configData?.minValue) && !this.masterService.checkIfValueIsEmpty(this.field()?.configData?.maxValue)) {
+            min = parseInt(this.field()?.configData?.minValue);
+            max = parseInt(this.field()?.configData?.maxValue);
+        }
+        if (!this.masterService.checkIfValueIsEmpty(this.field()?.configData?.inputType) && this.field()?.configData?.inputType === 'number' && !this.masterService.checkIfValueIsEmpty(max) && !this.masterService.checkIfValueIsEmpty(min)) {
+            if (parseInt(value) < min || parseInt(value) > max) {
+                event.target.value = parseInt(event.target.value.toString().slice(0, -1));
+            }
+        }
         this.inputValue = this.field()?.configData?.isTextCapitalized ? (event.target.value).toUpperCase() : event.target.value;
         this._onChange(this.inputValue);
     }
@@ -350,7 +362,7 @@ class TextboxComponent {
                 useExisting: TextboxComponent,
                 multi: true
             }
-        ], ngImport: i0, template: "<label\r\n  class=\"field-lable\"\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n'--custom-width': field()?.controlStyle?.width ,\r\n}\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n    <mat-hint *ngIf=\"field()?.configData?.helperText\">{{field()?.configData?.helperText}}</mat-hint>\r\n\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}.error-message{color:red}*{font-family:mulish!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], ngImport: i0, template: "<label\r\n  class=\"field-lable\"\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n'--custom-width': field()?.controlStyle?.width ,\r\n}\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.configData?.inputType ? field()?.configData?.inputType : field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.configData?.inputType ? field()?.configData?.inputType : field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n    <mat-hint *ngIf=\"field()?.configData?.helperText\">{{field()?.configData?.helperText}}</mat-hint>\r\n\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n  <!-- <mat-error *ngIf=\"field()?.configData?.isInvalidPattern && !masterService.checkIfValueIsEmpty(field()?.validators?.patternMessage)\">\r\n    {{ field()?.validators?.patternMessage }}\r\n  </mat-error> -->\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}.error-message{color:red}*{font-family:mulish!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
@@ -365,7 +377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: TextboxComponent,
                             multi: true
                         }
-                    ], template: "<label\r\n  class=\"field-lable\"\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n'--custom-width': field()?.controlStyle?.width ,\r\n}\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n    <mat-hint *ngIf=\"field()?.configData?.helperText\">{{field()?.configData?.helperText}}</mat-hint>\r\n\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}.error-message{color:red}*{font-family:mulish!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}\n"] }]
+                    ], template: "<label\r\n  class=\"field-lable\"\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n'--custom-width': field()?.controlStyle?.width ,\r\n}\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.configData?.inputType ? field()?.configData?.inputType : field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [type]=\"field()?.configData?.inputType ? field()?.configData?.inputType : field()?.controlType\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n    <mat-hint *ngIf=\"field()?.configData?.helperText\">{{field()?.configData?.helperText}}</mat-hint>\r\n\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n  <!-- <mat-error *ngIf=\"field()?.configData?.isInvalidPattern && !masterService.checkIfValueIsEmpty(field()?.validators?.patternMessage)\">\r\n    {{ field()?.validators?.patternMessage }}\r\n  </mat-error> -->\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}.error-message{color:red}*{font-family:mulish!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { blur: [{
                 type: Output
             }] } });
@@ -2932,12 +2944,12 @@ class MedialQuestionsComponent {
     medicalQuestionsHeightUnitTypes = [
         {
             label: 'Cm',
-            value: 'CM'
+            value: 'CM',
         },
         {
             label: 'Feet',
-            value: 'FEET'
-        }
+            value: 'FEET',
+        },
     ];
     showDropdown = false;
     addressSuggestions = [];
@@ -2949,7 +2961,8 @@ class MedialQuestionsComponent {
     }
     ngOnInit() { }
     ngOnChanges(changes) {
-        if (changes['medialQuestionResponse'] && !this.checkIfValueIsEmpty(changes['medialQuestionResponse'].currentValue)) {
+        if (changes['medialQuestionResponse'] &&
+            !this.checkIfValueIsEmpty(changes['medialQuestionResponse'].currentValue)) {
             if ('geolocation' in navigator) {
                 navigator.geolocation.getCurrentPosition((position) => {
                     this.latitude = position.coords.latitude;
@@ -2972,7 +2985,7 @@ class MedialQuestionsComponent {
         this.autocomplete = new google.maps.places.Autocomplete(this.addressInput?.nativeElement, {
             types: ['address'],
             componentRestrictions: { country: 'IN' },
-            fields: ['place_id', 'geometry', 'name', 'formatted_address']
+            fields: ['place_id', 'geometry', 'name', 'formatted_address'],
         });
         this.autocomplete.addListener('place_changed', () => {
             this.ngZone.run(() => {
@@ -2989,7 +3002,7 @@ class MedialQuestionsComponent {
         const location = place.geometry.location;
         this.center = {
             lat: location.lat(),
-            lng: location.lng()
+            lng: location.lng(),
         };
         this.currentCoordinates = this.center;
         if (place.geometry.viewport) {
@@ -3001,7 +3014,7 @@ class MedialQuestionsComponent {
         console.log('Selected place:', {
             name: place.name,
             address: place.formatted_address,
-            coordinates: this.center
+            coordinates: this.center,
         });
         this.storeSelectedAddress(place);
     }
@@ -3010,7 +3023,7 @@ class MedialQuestionsComponent {
             placeId: place.place_id,
             name: place.name,
             formattedAddress: place.formatted_address,
-            coordinates: this.center
+            coordinates: this.center,
         };
     }
     searchAddress(address) {
@@ -3021,7 +3034,7 @@ class MedialQuestionsComponent {
                 this.ngZone.run(() => {
                     this.center = {
                         lat: location.lat(),
-                        lng: location.lng()
+                        lng: location.lng(),
                     };
                     this.currentCoordinates = this.center;
                     this.zoom = 15;
@@ -3048,7 +3061,8 @@ class MedialQuestionsComponent {
             return;
         }
         else if (event.key === 'Enter') {
-            if (this.hoveredIndex >= 0 && this.addressSuggestions[this.hoveredIndex]) {
+            if (this.hoveredIndex >= 0 &&
+                this.addressSuggestions[this.hoveredIndex]) {
                 this.selectAddress(this.addressSuggestions[this.hoveredIndex]);
             }
             return;
@@ -3072,14 +3086,15 @@ class MedialQuestionsComponent {
         const service = new google.maps.places.AutocompleteService();
         service.getPlacePredictions({
             input: query,
-            types: ['address']
+            types: ['address'],
         }, (predictions, status) => {
-            if (status === google.maps.places.PlacesServiceStatus.OK && predictions) {
-                this.addressSuggestions = predictions.map(prediction => ({
+            if (status === google.maps.places.PlacesServiceStatus.OK &&
+                predictions) {
+                this.addressSuggestions = predictions.map((prediction) => ({
                     place_id: prediction.place_id,
                     main_text: prediction.structured_formatting.main_text,
                     secondary_text: prediction.structured_formatting.secondary_text,
-                    description: prediction.description
+                    description: prediction.description,
                 }));
                 this.showDropdown = true;
                 this.hoveredIndex = -1;
@@ -3098,7 +3113,7 @@ class MedialQuestionsComponent {
         const service = new google.maps.places.PlacesService(document.createElement('div'));
         service.getDetails({
             placeId: suggestion.place_id,
-            fields: ['geometry', 'formatted_address']
+            fields: ['geometry', 'formatted_address'],
         }, (place, status) => {
             if (status === google.maps.places.PlacesServiceStatus.OK && place) {
                 const lat = place.geometry?.location?.lat();
@@ -3128,7 +3143,8 @@ class MedialQuestionsComponent {
             data['questionsResponse'].forEach((singleQuestionObj) => {
                 personUwIdArray.push(singleQuestionObj['personUWId']);
             });
-            if (!this.checkIfValueIsEmpty(data) && !this.checkIfValueIsEmpty(data['questionsResponse'])) {
+            if (!this.checkIfValueIsEmpty(data) &&
+                !this.checkIfValueIsEmpty(data['questionsResponse'])) {
                 if (!this.checkIfValueIsEmpty(data['questionsResponse'])) {
                     let distinctSteps = [];
                     data['questionsResponse'].forEach((singlePersonObject) => {
@@ -3137,10 +3153,12 @@ class MedialQuestionsComponent {
                                 if (singleQuestion['title'] === 'Medical Details') {
                                     singleQuestion['questionText'] = singleQuestion['questionText'].replace(/\\n/g, '\n');
                                 }
-                                singleQuestion['domainValues'] = data['domainValues'][singleQuestion['domainName']];
+                                singleQuestion['domainValues'] =
+                                    data['domainValues'][singleQuestion['domainName']];
                                 singleQuestion['field'] = this.getField(singleQuestion);
                                 if (singleQuestion['cammundaQuestionCode'] === 'PAN') {
-                                    singleQuestion['validations'] = '{"Type":"AlphaNumeric","MinValue":"10","MaxValue":"10","regexPattern":"/^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/"}';
+                                    singleQuestion['validations'] =
+                                        '{"Type":"AlphaNumeric","MinValue":"10","MaxValue":"10","regexPattern":"/^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/"}';
                                 }
                                 // if (singleQuestion['cammundaQuestionCode'] === 'FtcaCntcDetls') {
                                 //   singleQuestion['validations'] = '{"customValidation":[{"country":"IN","MinValue":"10","MaxValue":"10","regexPattern":"((^[6-9]){1}([0-9]){9}$)"},{"country":"OTHER","MinValue":"5","MaxValue":"14"}]}';
@@ -3148,14 +3166,17 @@ class MedialQuestionsComponent {
                                 if (singleQuestion['questionType'] === 'CHECKBOX' &&
                                     !this.checkIfValueIsEmpty(singleQuestion['questionRelation'])) {
                                     singleQuestion['questionRelation'].forEach((singleQuestionRelationObj) => {
-                                        let nextQuestionObject = singlePersonObject['questionList'].filter((object) => object['questionId'] === singleQuestionRelationObj['nextQuestionId']);
+                                        let nextQuestionObject = singlePersonObject['questionList'].filter((object) => object['questionId'] ===
+                                            singleQuestionRelationObj['nextQuestionId']);
                                         if (nextQuestionObject.length > 0) {
-                                            nextQuestionObject[0]['answeredValue'] = singleQuestionRelationObj['parentQuestionValue'];
+                                            nextQuestionObject[0]['answeredValue'] =
+                                                singleQuestionRelationObj['parentQuestionValue'];
                                         }
                                     });
                                 }
                                 if (singleQuestion['questionType'] === 'CHECKBOX') {
-                                    if (!this.checkIfValueIsEmpty(singleQuestion['domainName']) && !this.checkIfValueIsEmpty(data['domainValues'][singleQuestion['domainName']])) {
+                                    if (!this.checkIfValueIsEmpty(singleQuestion['domainName']) &&
+                                        !this.checkIfValueIsEmpty(data['domainValues'][singleQuestion['domainName']])) {
                                         data['domainValues'][singleQuestion['domainName']].forEach((singleDomainValue) => {
                                             if (!this.checkIfValueIsEmpty(singleDomainValue['domainInternalValue'])) {
                                                 this.listOfDomainValuesForCheckBox.push(singleDomainValue['domainInternalValue']);
@@ -3177,11 +3198,154 @@ class MedialQuestionsComponent {
                                     this.medicalQuestionsFeetList = question['domainValues'];
                                     this.medQuestionObj['QHTF'] = question;
                                     this.medQuestionObj['QHTF']['field']['isShowLabel'] = false;
+                                    this.medQuestionObj['QHTF']['field']['controlStyle'] = {
+                                        controlType: 'select',
+                                        borderColor: '#ffffff',
+                                        borderWidth: '1.5px',
+                                        borderRadius: null,
+                                        fontSize: '16px',
+                                        fontWeight: '400',
+                                        fontFamily: 'Mulish',
+                                        color: '#444444',
+                                        background: '#FFFFFF',
+                                        caretColor: '#ffbb00',
+                                        nudgeDisplayImage: null,
+                                        dropdownOptionBgColor: '#FFFFFF',
+                                        dropdownOptionColor: '#444444',
+                                        dropdownOptionFontWeight: '400',
+                                        width: null,
+                                        focusBorderWidth: '1.5px',
+                                        focusBorderColor: '#ffffff',
+                                        focusBackground: null,
+                                        focusColor: '#444444',
+                                        focusDropdownOptionBgColor: null,
+                                        focusDropdownOptionColor: null,
+                                        focusDropdownOptionFontWeight: null,
+                                        focusDropdownOptionBorderLeft: null,
+                                        focusDropdownOptionBorderRadius: null,
+                                        hoverBorderColor: '#ffffff',
+                                        hoverBorderWidth: '1.5px',
+                                        hoverColor: '#444444',
+                                        disableColor: '#ECECEC',
+                                        disableBackground: '#ECECEC',
+                                        errorBorderColor: '#EE0000',
+                                        errorBorderWidth: '1.5px',
+                                        errorColor: '#444444',
+                                        createdDate: null,
+                                        padding: null,
+                                        margin: null,
+                                        isMasterCss: null,
+                                        controlMetaId: 'LI_COM_GEN_CTRL_select_downloadDocuments_V1',
+                                        borderStyle: null,
+                                        height: null,
+                                        minHeight: null,
+                                        maxHeight: null,
+                                        minWidth: null,
+                                        maxWidth: null,
+                                        cssClass: null,
+                                    };
                                 }
                                 if (question['cammundaQuestionCode'] === 'QHTI') {
                                     this.medicalQuestionsInchesList = question['domainValues'];
                                     this.medQuestionObj['QHTI'] = question;
                                     this.medQuestionObj['QHTI']['field']['isShowLabel'] = false;
+                                    this.medQuestionObj['QHTI']['field']['controlStyle'] = {
+                                        controlType: 'select',
+                                        borderColor: '#ffffff',
+                                        borderWidth: '1.5px',
+                                        borderRadius: null,
+                                        fontSize: '16px',
+                                        fontWeight: '400',
+                                        fontFamily: 'Mulish',
+                                        color: '#444444',
+                                        background: '#FFFFFF',
+                                        caretColor: '#ffbb00',
+                                        nudgeDisplayImage: null,
+                                        dropdownOptionBgColor: '#FFFFFF',
+                                        dropdownOptionColor: '#444444',
+                                        dropdownOptionFontWeight: '400',
+                                        width: null,
+                                        focusBorderWidth: '1.5px',
+                                        focusBorderColor: '#ffffff',
+                                        focusBackground: null,
+                                        focusColor: '#444444',
+                                        focusDropdownOptionBgColor: null,
+                                        focusDropdownOptionColor: null,
+                                        focusDropdownOptionFontWeight: null,
+                                        focusDropdownOptionBorderLeft: null,
+                                        focusDropdownOptionBorderRadius: null,
+                                        hoverBorderColor: '#ffffff',
+                                        hoverBorderWidth: '1.5px',
+                                        hoverColor: '#444444',
+                                        disableColor: '#ECECEC',
+                                        disableBackground: '#ECECEC',
+                                        errorBorderColor: '#EE0000',
+                                        errorBorderWidth: '1.5px',
+                                        errorColor: '#444444',
+                                        createdDate: null,
+                                        padding: null,
+                                        margin: null,
+                                        isMasterCss: null,
+                                        controlMetaId: 'LI_COM_GEN_CTRL_select_downloadDocuments_V1',
+                                        borderStyle: null,
+                                        height: null,
+                                        minHeight: null,
+                                        maxHeight: null,
+                                        minWidth: null,
+                                        maxWidth: null,
+                                        cssClass: null,
+                                    };
+                                }
+                                if (question['cammundaQuestionCode'] === 'QHT') {
+                                    this.medicalQuestionsInchesList = question['domainValues'];
+                                    this.medQuestionObj['QHT'] = question;
+                                    this.medQuestionObj['QHT']['field']['isShowLabel'] = false;
+                                    this.medQuestionObj['QHT']['field']['controlStyle'] = {
+                                        controlType: 'FREETEXT',
+                                        borderColor: '#ffffff',
+                                        borderWidth: '1.5px',
+                                        borderRadius: null,
+                                        fontSize: '16px',
+                                        fontWeight: '400',
+                                        fontFamily: 'Mulish',
+                                        color: '#444444',
+                                        background: '#FFFFFF',
+                                        caretColor: '#ffbb00',
+                                        nudgeDisplayImage: null,
+                                        dropdownOptionBgColor: '#FFFFFF',
+                                        dropdownOptionColor: '#444444',
+                                        dropdownOptionFontWeight: '400',
+                                        width: null,
+                                        focusBorderWidth: '1.5px',
+                                        focusBorderColor: '#ffffff',
+                                        focusBackground: null,
+                                        focusColor: '#444444',
+                                        focusDropdownOptionBgColor: null,
+                                        focusDropdownOptionColor: null,
+                                        focusDropdownOptionFontWeight: null,
+                                        focusDropdownOptionBorderLeft: null,
+                                        focusDropdownOptionBorderRadius: null,
+                                        hoverBorderColor: '#ffffff',
+                                        hoverBorderWidth: '1.5px',
+                                        hoverColor: '#444444',
+                                        disableColor: '#ECECEC',
+                                        disableBackground: '#ECECEC',
+                                        errorBorderColor: '#EE0000',
+                                        errorBorderWidth: '1.5px',
+                                        errorColor: '#444444',
+                                        createdDate: null,
+                                        padding: null,
+                                        margin: null,
+                                        isMasterCss: null,
+                                        controlMetaId: 'LI_COM_GEN_CTRL_select_downloadDocuments_V1',
+                                        borderStyle: null,
+                                        height: null,
+                                        minHeight: null,
+                                        maxHeight: null,
+                                        minWidth: null,
+                                        maxWidth: null,
+                                        cssClass: null,
+                                    };
                                 }
                                 if (question['questionType'] === 'DECLARATION') {
                                     if (question['cammundaQuestionCode'] === 'recvSftCopy') {
@@ -3189,13 +3353,13 @@ class MedialQuestionsComponent {
                                         question['domainValues'] = [];
                                         question['domainValues'].push({
                                             domainInternalValue: question['questionId'],
-                                            domainUiValue: 'N'
+                                            domainUiValue: 'N',
                                         });
                                     }
                                     question['domainValues'] = [];
                                     question['domainValues'].push({
                                         domainInternalValue: question['questionId'],
-                                        domainUiValue: 'Y'
+                                        domainUiValue: 'Y',
                                     });
                                 }
                                 if (question['cammundaQuestionCode'] === 'hardCopyLang') {
@@ -3210,46 +3374,50 @@ class MedialQuestionsComponent {
                             let obj = {
                                 step: steps,
                                 personUWId: singlePersonObject['personUWId'].toString(),
-                                questions: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj : [],
-                                sectionName: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj[0]['title'] : '',
+                                questions: !this.checkIfValueIsEmpty(filteredObj)
+                                    ? filteredObj
+                                    : [],
+                                sectionName: !this.checkIfValueIsEmpty(filteredObj)
+                                    ? filteredObj[0]['title']
+                                    : '',
                                 isMedicalSubQuestion: false,
-                                showSection: true
+                                showSection: true,
                             };
                             if (!this.checkIfValueIsEmpty(filteredObj)) {
                                 // Hard Copy and Map question
                                 let filteredHardCopyQuestion = filteredObj.filter((singleQuestion) => singleQuestion['cammundaQuestionCode'] === 'recvSftCopy');
                                 if (!this.checkIfValueIsEmpty(filteredHardCopyQuestion)) {
                                     obj['questions'].push({
-                                        questionType: "MAP",
+                                        questionType: 'MAP',
                                         isShowQuestionInUI: true,
                                         parentQuestionRelation: {
                                             parentQuestionId: filteredHardCopyQuestion[0]['questionId'],
-                                            parentQuestionAnswer: 'Y'
-                                        }
+                                            parentQuestionAnswer: 'Y',
+                                        },
                                     });
                                 }
                                 // if NRI then passport upload is required
                                 let filteredNationalityQuestion = filteredObj.filter((singleQuestion) => singleQuestion['cammundaQuestionCode'] === 'Nationality');
                                 if (!this.checkIfValueIsEmpty(filteredNationalityQuestion)) {
                                     singlePersonObject['questionList'].push({
-                                        questionType: "PASSPORT_UPLOAD",
+                                        questionType: 'PASSPORT_UPLOAD',
                                         optionalQuestion: 'N',
                                         questionText: 'Passport Details ',
                                         isShowQuestionInUI: true,
                                         parentQuestionRelation: {
                                             parentQuestionId: filteredNationalityQuestion[0]['questionId'],
-                                            parentQuestionAnswer: 'forgnNational'
-                                        }
+                                            parentQuestionAnswer: 'forgnNational',
+                                        },
                                     });
                                     obj['questions'].push({
-                                        questionType: "PASSPORT_UPLOAD",
+                                        questionType: 'PASSPORT_UPLOAD',
                                         optionalQuestion: 'N',
                                         questionText: 'Passport Details ',
                                         isShowQuestionInUI: true,
                                         parentQuestionRelation: {
                                             parentQuestionId: filteredNationalityQuestion[0]['questionId'],
-                                            parentQuestionAnswer: 'forgnNational'
-                                        }
+                                            parentQuestionAnswer: 'forgnNational',
+                                        },
                                     });
                                 }
                             }
@@ -3266,42 +3434,87 @@ class MedialQuestionsComponent {
         }
         this.removeSubQuestionValues();
         this.medQuestionObj['heightObjectTypes'] = {
-            "controlStyle": {},
-            "fieldName": null,
-            "label": "feet / inches",
-            "placeHolder": "",
-            "metaId": "",
-            "isVisible": true,
-            "isDisable": false,
-            "validators": {
-                "isRequired": false,
-                "requiredMessage": "This field cannot be empty",
-                "minLength": null,
-                "minLengthMessage": null,
-                "maxLength": 150,
-                "maxLengthMessage": null,
-                "pattern": null,
-                "patternMessage": ""
+            controlStyle: {
+                controlType: 'select',
+                borderColor: '#ffffff',
+                borderWidth: '1.5px',
+                borderRadius: null,
+                fontSize: '16px',
+                fontWeight: '400',
+                fontFamily: 'Mulish',
+                color: '#444444',
+                background: '#FFFFFF',
+                caretColor: '#ffbb00',
+                nudgeDisplayImage: null,
+                dropdownOptionBgColor: '#FFFFFF',
+                dropdownOptionColor: '#444444',
+                dropdownOptionFontWeight: '400',
+                width: null,
+                focusBorderWidth: '1.5px',
+                focusBorderColor: '#ffffff',
+                focusBackground: null,
+                focusColor: '#444444',
+                focusDropdownOptionBgColor: null,
+                focusDropdownOptionColor: null,
+                focusDropdownOptionFontWeight: null,
+                focusDropdownOptionBorderLeft: null,
+                focusDropdownOptionBorderRadius: null,
+                hoverBorderColor: '#ffffff',
+                hoverBorderWidth: '1.5px',
+                hoverColor: '#444444',
+                disableColor: '#ECECEC',
+                disableBackground: '#ECECEC',
+                errorBorderColor: '#EE0000',
+                errorBorderWidth: '1.5px',
+                errorColor: '#444444',
+                createdDate: null,
+                padding: null,
+                margin: null,
+                isMasterCss: null,
+                controlMetaId: 'LI_COM_GEN_CTRL_select_downloadDocuments_V1',
+                borderStyle: null,
+                height: null,
+                minHeight: null,
+                maxHeight: null,
+                minWidth: null,
+                maxWidth: null,
+                cssClass: null,
+            },
+            fieldName: null,
+            label: 'feet / inches',
+            placeHolder: '',
+            metaId: '',
+            isVisible: true,
+            isDisable: false,
+            validators: {
+                isRequired: false,
+                requiredMessage: 'This field cannot be empty',
+                minLength: null,
+                minLengthMessage: null,
+                maxLength: 150,
+                maxLengthMessage: null,
+                pattern: null,
+                patternMessage: '',
             },
-            "options": [
+            options: [
                 {
-                    "label": "Cm",
-                    "value": "CM"
+                    label: 'Cm',
+                    value: 'CM',
                 },
                 {
-                    "label": "Feet",
-                    "value": "FEET"
-                }
+                    label: 'Feet',
+                    value: 'FEET',
+                },
             ],
-            "cssClass": null,
-            "value": null,
-            "style": null,
-            "imageUrl": null,
-            "configData": {},
-            "metaDataObj": null,
-            "isShowLabel": false,
-            "isMasterControl": false,
-            "controlType": "select"
+            cssClass: null,
+            value: null,
+            style: null,
+            imageUrl: null,
+            configData: {},
+            metaDataObj: null,
+            isShowLabel: false,
+            isMasterControl: false,
+            controlType: 'select',
         };
     }
     checkIfValueIsEmpty(value) {
@@ -3318,7 +3531,7 @@ class MedialQuestionsComponent {
         if (header) {
             if (this.questionHeader.includes(header.toLocaleLowerCase())) {
                 let val = header.split(' ');
-                return (val[0].toUpperCase() + ' ' + this.toTitleCase(val[1]));
+                return val[0].toUpperCase() + ' ' + this.toTitleCase(val[1]);
             }
             else {
                 if (header.toUpperCase() === 'FATCA DETAILS') {
@@ -3330,7 +3543,9 @@ class MedialQuestionsComponent {
     }
     toTitleCase(value) {
         if (!this.checkIfValueIsEmpty(value)) {
-            return value.toString().replace(/\w\S*/g, (txt) => txt[0].toUpperCase() + txt.substr(1).toLowerCase());
+            return value
+                .toString()
+                .replace(/\w\S*/g, (txt) => txt[0].toUpperCase() + txt.substr(1).toLowerCase());
         }
     }
     getField(questionObj) {
@@ -3345,6 +3560,11 @@ class MedialQuestionsComponent {
         }
         let minLength = null;
         let maxLength = null;
+        let pattern = null;
+        let patternMessage = null;
+        let configData = !this.checkIfValueIsEmpty(this.field()?.configData)
+            ? this.field()?.configData
+            : {};
         if (!this.checkIfValueIsEmpty(questionObj['validations'])) {
             let validationObj = JSON.parse(questionObj['validations']);
             if (!this.checkIfValueIsEmpty(validationObj['MinValue'])) {
@@ -3353,11 +3573,38 @@ class MedialQuestionsComponent {
             if (!this.checkIfValueIsEmpty(validationObj['MaxValue'])) {
                 maxLength = validationObj['MaxValue'];
             }
+            if (!this.checkIfValueIsEmpty(validationObj['Type'])) {
+                pattern = validationObj['Type'] === 'Numeric' ? '^[0-9]+$' : null;
+                patternMessage =
+                    validationObj['Type'] === 'Numeric'
+                        ? 'Only numbers are allowed.'
+                        : null;
+                configData['inputType'] = validationObj['Type'] === 'Numeric' ? 'number' : 'text';
+                if (validationObj['Type'] === 'Numeric') {
+                    maxLength = '9'.repeat(Number(maxLength));
+                    configData['maxValue'] = maxLength;
+                    configData['minValue'] = 0;
+                }
+            }
         }
         return {
-            configData: this.field()?.configData,
+            configData: configData,
             controlStyle: this.field()?.controlStyle,
-            controlType: questionObj['questionType'] === 'FREE TEXT' ? 'text' : (questionObj['questionType'] === 'RADIO BUTTON' || questionObj['questionType'] === 'ADDMORE') ? 'radio' : (questionObj['questionType'] === 'CHECKBOX' || questionObj['questionType'] === 'DECLARATION') ? 'checkbox' : questionObj['questionType'] === 'CALENDAR' ? 'date' : questionObj['questionType'] === 'DROPDOWN' ? 'select' : questionObj['questionType'] === 'DOCUPLOAD' ? 'file' : '',
+            controlType: questionObj['questionType'] === 'FREE TEXT'
+                ? 'text'
+                : questionObj['questionType'] === 'RADIO BUTTON' ||
+                    questionObj['questionType'] === 'ADDMORE'
+                    ? 'radio'
+                    : questionObj['questionType'] === 'CHECKBOX' ||
+                        questionObj['questionType'] === 'DECLARATION'
+                        ? 'checkbox'
+                        : questionObj['questionType'] === 'CALENDAR'
+                            ? 'date'
+                            : questionObj['questionType'] === 'DROPDOWN'
+                                ? 'select'
+                                : questionObj['questionType'] === 'DOCUPLOAD'
+                                    ? 'file'
+                                    : '',
             fieldName: questionObj['cammundaQuestionCode'],
             isDisable: false,
             label: questionObj['questionText'],
@@ -3365,7 +3612,9 @@ class MedialQuestionsComponent {
             validators: {
                 isRequired: questionObj['optionalQuestion'] === 'N' ? true : false,
                 minLength,
-                maxLength
+                maxLength,
+                pattern,
+                patternMessage,
             },
             isVisible: true,
             options: optionsObj,
@@ -3399,11 +3648,14 @@ class MedialQuestionsComponent {
                             if (!this.checkIfValueIsEmpty(singleQuestion['domainValues'])) {
                                 let isNoneInDomainValues = singleQuestion['domainValues'].filter((singleObj) => singleObj['domainUiValue'].toUpperCase() === 'NONE');
                                 singleQuestion['domainValues'].forEach((singleDomainValue) => {
-                                    if (!this.checkIfValueIsEmpty(isNoneInDomainValues) && !this.checkIfValueIsEmpty(this.personUwAnswers[isNoneInDomainValues[0]['domainInternalValue']]) && this.personUwAnswers[isNoneInDomainValues[0]['domainInternalValue']]) {
+                                    if (!this.checkIfValueIsEmpty(isNoneInDomainValues) &&
+                                        !this.checkIfValueIsEmpty(this.personUwAnswers[isNoneInDomainValues[0]['domainInternalValue']]) &&
+                                        this.personUwAnswers[isNoneInDomainValues[0]['domainInternalValue']]) {
                                         // none is selected
                                         singleQuestion['domainValues'].forEach((singleDomainValue) => {
                                             // remove all selected checkbox questions
-                                            if (singleDomainValue.domainUiValue.toUpperCase() !== 'NONE') {
+                                            if (singleDomainValue.domainUiValue.toUpperCase() !==
+                                                'NONE') {
                                                 singleDomainValue.isDisabled = true;
                                                 delete this.personUwAnswers[singleDomainValue['domainInternalValue']];
                                             }
@@ -3468,30 +3720,39 @@ class MedialQuestionsComponent {
         this.personUwResponseObj[0].questionList.forEach((singleQuestion) => {
             let isSubQuestionObject = [];
             if (!this.checkIfValueIsEmpty(singleQuestion['questionRelation'])) {
-                isSubQuestionObject = singleQuestion['questionRelation'].filter((questionRelationObj) => questionRelationObj['nextQuestionId'] === currentQuestion['questionId']);
+                isSubQuestionObject = singleQuestion['questionRelation'].filter((questionRelationObj) => questionRelationObj['nextQuestionId'] ===
+                    currentQuestion['questionId']);
             }
             if (isSubQuestionObject.length > 0) {
                 subQuestions.push(singleQuestion);
                 isSubQuestionObject.forEach((singleSubQuestion) => {
                     if ((singleQuestion['questionType'] !== 'CHECKBOX' &&
-                        (singleSubQuestion['parentQuestionValue'].toString()[0] !== '!' &&
-                            this.personUwAnswers[singleQuestion['questionId']] ===
-                                singleSubQuestion['parentQuestionValue'])) ||
+                        singleSubQuestion['parentQuestionValue'].toString()[0] !== '!' &&
+                        this.personUwAnswers[singleQuestion['questionId']] ===
+                            singleSubQuestion['parentQuestionValue']) ||
                         (singleSubQuestion['parentQuestionValue'].toString()[0] === '!' &&
                             !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']]) &&
                             this.personUwAnswers[singleQuestion['questionId']] !==
-                                singleSubQuestion['parentQuestionValue'].toString().split('!')[1]) ||
-                        (singleQuestion['questionType'] === 'CHECKBOX' && !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']]) &&
-                            this.personUwAnswers[singleQuestion['questionId']].filter((singleObj) => singleObj['value'] === singleSubQuestion['parentQuestionValue']).length > 0)) {
+                                singleSubQuestion['parentQuestionValue']
+                                    .toString()
+                                    .split('!')[1]) ||
+                        (singleQuestion['questionType'] === 'CHECKBOX' &&
+                            !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']]) &&
+                            this.personUwAnswers[singleQuestion['questionId']].filter((singleObj) => singleObj['value'] ===
+                                singleSubQuestion['parentQuestionValue']).length > 0)) {
                         showQuestion = true;
                     }
                 });
             }
         });
-        if (this.checkIfValueIsEmpty(subQuestions) && this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation'])) {
+        if (this.checkIfValueIsEmpty(subQuestions) &&
+            this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation'])) {
             showQuestion = true;
         }
-        if (!this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation']) && !this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation']['parentQuestionId']) && !this.checkIfValueIsEmpty(this.personUwAnswers[currentQuestion['parentQuestionRelation']['parentQuestionId']]) && this.personUwAnswers[currentQuestion['parentQuestionRelation']['parentQuestionId']] === currentQuestion['parentQuestionRelation']['parentQuestionAnswer']) {
+        if (!this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation']) &&
+            !this.checkIfValueIsEmpty(currentQuestion['parentQuestionRelation']['parentQuestionId']) &&
+            !this.checkIfValueIsEmpty(this.personUwAnswers[currentQuestion['parentQuestionRelation']['parentQuestionId']]) &&
+            this.personUwAnswers[currentQuestion['parentQuestionRelation']['parentQuestionId']] === currentQuestion['parentQuestionRelation']['parentQuestionAnswer']) {
             showQuestion = true;
         }
         if (currentQuestion['questionType'] === 'NODISPLAY') {
@@ -3874,16 +4135,25 @@ class MedialQuestionsComponent {
             this.questionList.forEach((singleSection) => {
                 // if (!this.checkIfValueIsEmpty(singlePersonObj['questionList'])) {
                 // singlePersonObj['questionList'].forEach((singleSection: any) => {
-                if (!this.checkIfValueIsEmpty(singleSection['sectionName']) && (singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') === 'TELL_US_MORE' || singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') === 'BASIC_DETAILS')) {
+                if (!this.checkIfValueIsEmpty(singleSection['sectionName']) &&
+                    (singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
+                        'TELL_US_MORE' ||
+                        singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
+                            'BASIC_DETAILS')) {
                     // validation for height in cm
                     let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT');
                     let heightInInchesObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTI');
                     let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF');
-                    if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' && !this.checkIfValueIsEmpty(heightInCentimeterObj) && !this.checkIfValueIsEmpty(heightInCentimeterObj) && !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput'])) {
+                    if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
+                        !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
+                        !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
+                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput'])) {
                         // pass height in cm obj
-                        let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInCentimeterObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                        let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
+                            obj['personUWId'] === singleSection['personUWId']);
                         if (cmObjInAnswersindex !== -1) {
-                            mainRequestForBothPersons[cmObjInAnswersindex]['answer'] = parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString();
+                            mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
+                                parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString();
                         }
                         else {
                             mainRequestForBothPersons.push({
@@ -3897,10 +4167,14 @@ class MedialQuestionsComponent {
                         }
                         // height in inches
                         let heightInInches = (this.personUwAnswers['medicalQuestionsHeightInput'] * 0.393701).toFixed(2);
-                        let heightInFeet = parseFloat((heightInInches / 12).toString().split('.')[1]) > 12 ? (heightInInches / 12).toFixed(1) : (heightInInches / 12).toFixed(2);
-                        let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInInchesObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                        let heightInFeet = parseFloat((heightInInches / 12).toString().split('.')[1]) > 12
+                            ? (heightInInches / 12).toFixed(1)
+                            : (heightInInches / 12).toFixed(2);
+                        let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInInchesObj[0]['questionId'] &&
+                            obj['personUWId'] === singleSection['personUWId']);
                         if (inchesobjInAnswersindex !== -1) {
-                            mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] = parseInt(heightInInches).toString();
+                            mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] =
+                                parseInt(heightInInches).toString();
                         }
                         else {
                             mainRequestForBothPersons.push({
@@ -3913,9 +4187,11 @@ class MedialQuestionsComponent {
                             });
                         }
                         // height in feet
-                        let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInFeetObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                        let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
+                            obj['personUWId'] === singleSection['personUWId']);
                         if (feetObjInAnswersindex !== -1) {
-                            mainRequestForBothPersons[feetObjInAnswersindex]['answer'] = parseFloat(heightInFeet).toString();
+                            mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
+                                parseFloat(heightInFeet).toString();
                         }
                         else {
                             mainRequestForBothPersons.push({
@@ -3928,27 +4204,39 @@ class MedialQuestionsComponent {
                             });
                         }
                     }
-                    else if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'FEET' && !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) && !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput'])) {
+                    else if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'FEET' &&
+                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) &&
+                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput'])) {
                         if (!this.checkIfValueIsEmpty(heightInFeetObj)) {
-                            let heightInInches = (parseFloat(this.personUwAnswers['medicalQuestionFeetInput']) * 12) + parseFloat(this.personUwAnswers['medicalQuestionsInchesInput']);
+                            let heightInInches = parseFloat(this.personUwAnswers['medicalQuestionFeetInput']) *
+                                12 +
+                                parseFloat(this.personUwAnswers['medicalQuestionsInchesInput']);
                             let heightInCm = (parseFloat(heightInInches) / 0.393701).toFixed(2);
-                            let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInFeetObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                            let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
+                                obj['personUWId'] === singleSection['personUWId']);
                             if (feetObjInAnswersindex !== -1) {
-                                mainRequestForBothPersons[feetObjInAnswersindex]['answer'] = this.personUwAnswers['medicalQuestionFeetInput'].toString() + '.' + this.personUwAnswers['medicalQuestionsInchesInput'].toString();
+                                mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
+                                    this.personUwAnswers['medicalQuestionFeetInput'].toString() +
+                                        '.' +
+                                        this.personUwAnswers['medicalQuestionsInchesInput'].toString();
                             }
                             else {
                                 mainRequestForBothPersons.push({
                                     personUWId: singleSection['personUWId'],
                                     questionId: heightInFeetObj[0]['questionId'],
-                                    answer: this.personUwAnswers['medicalQuestionFeetInput'].toString() + '.' + this.personUwAnswers['medicalQuestionsInchesInput'].toString(),
+                                    answer: this.personUwAnswers['medicalQuestionFeetInput'].toString() +
+                                        '.' +
+                                        this.personUwAnswers['medicalQuestionsInchesInput'].toString(),
                                     personUWParentId: 0,
                                     createdUser: this.getCookieValue('userId'),
                                     clusterId: heightInFeetObj[0]['clusterId'],
                                 });
                             }
-                            let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInInchesObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                            let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInInchesObj[0]['questionId'] &&
+                                obj['personUWId'] === singleSection['personUWId']);
                             if (inchesobjInAnswersindex !== -1) {
-                                mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] = parseInt(heightInInches).toString();
+                                mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] =
+                                    parseInt(heightInInches).toString();
                             }
                             else {
                                 mainRequestForBothPersons.push({
@@ -3960,9 +4248,11 @@ class MedialQuestionsComponent {
                                     clusterId: heightInInchesObj[0]['clusterId'],
                                 });
                             }
-                            let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => (obj.questionId === heightInCentimeterObj[0]['questionId'] && obj['personUWId'] === singleSection['personUWId']));
+                            let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
+                                obj['personUWId'] === singleSection['personUWId']);
                             if (cmObjInAnswersindex !== -1) {
-                                mainRequestForBothPersons[cmObjInAnswersindex]['answer'] = parseInt(heightInCm).toString();
+                                mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
+                                    parseInt(heightInCm).toString();
                             }
                             else {
                                 mainRequestForBothPersons.push({
@@ -3976,27 +4266,43 @@ class MedialQuestionsComponent {
                             }
                         }
                     }
-                    if (!this.checkIfValueIsEmpty(heightInCentimeterObj) && !this.checkIfValueIsEmpty(heightInCentimeterObj[0]['questionId'])) {
-                        let heightInCmAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] === heightInCentimeterObj[0]['questionId']);
-                        if (!this.checkIfValueIsEmpty(heightInCmAnswerObject) && !this.checkIfValueIsEmpty(heightInCmAnswerObject[0]['answer'])) {
-                            this.personUwAnswers[heightInCentimeterObj[0]['questionId']] = heightInCmAnswerObject[0]['answer'];
+                    if (!this.checkIfValueIsEmpty(heightInCentimeterObj) &&
+                        !this.checkIfValueIsEmpty(heightInCentimeterObj[0]['questionId'])) {
+                        let heightInCmAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
+                            heightInCentimeterObj[0]['questionId']);
+                        if (!this.checkIfValueIsEmpty(heightInCmAnswerObject) &&
+                            !this.checkIfValueIsEmpty(heightInCmAnswerObject[0]['answer'])) {
+                            this.personUwAnswers[heightInCentimeterObj[0]['questionId']] =
+                                heightInCmAnswerObject[0]['answer'];
                         }
                     }
-                    if (!this.checkIfValueIsEmpty(heightInInchesObj) && !this.checkIfValueIsEmpty(heightInInchesObj[0]['questionId'])) {
-                        let heightInInchesAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] === heightInInchesObj[0]['questionId']);
-                        if (!this.checkIfValueIsEmpty(heightInInchesAnswerObject) && !this.checkIfValueIsEmpty(heightInInchesAnswerObject[0]['answer'])) {
-                            this.personUwAnswers[heightInInchesObj[0]['questionId']] = heightInInchesAnswerObject[0]['answer'];
+                    if (!this.checkIfValueIsEmpty(heightInInchesObj) &&
+                        !this.checkIfValueIsEmpty(heightInInchesObj[0]['questionId'])) {
+                        let heightInInchesAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
+                            heightInInchesObj[0]['questionId']);
+                        if (!this.checkIfValueIsEmpty(heightInInchesAnswerObject) &&
+                            !this.checkIfValueIsEmpty(heightInInchesAnswerObject[0]['answer'])) {
+                            this.personUwAnswers[heightInInchesObj[0]['questionId']] =
+                                heightInInchesAnswerObject[0]['answer'];
                         }
                     }
-                    if (!this.checkIfValueIsEmpty(heightInFeetObj) && !this.checkIfValueIsEmpty(heightInFeetObj[0]['questionId'])) {
-                        let heightInFeetAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] === heightInFeetObj[0]['questionId']);
-                        if (!this.checkIfValueIsEmpty(heightInFeetAnswerObject) && !this.checkIfValueIsEmpty(heightInFeetAnswerObject[0]['answer'])) {
-                            this.personUwAnswers[heightInFeetObj[0]['questionId']] = heightInFeetAnswerObject[0]['answer'];
+                    if (!this.checkIfValueIsEmpty(heightInFeetObj) &&
+                        !this.checkIfValueIsEmpty(heightInFeetObj[0]['questionId'])) {
+                        let heightInFeetAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
+                            heightInFeetObj[0]['questionId']);
+                        if (!this.checkIfValueIsEmpty(heightInFeetAnswerObject) &&
+                            !this.checkIfValueIsEmpty(heightInFeetAnswerObject[0]['answer'])) {
+                            this.personUwAnswers[heightInFeetObj[0]['questionId']] =
+                                heightInFeetAnswerObject[0]['answer'];
                         }
                     }
                 }
-                let isNoDisplayQuestionInSection = !this.checkIfValueIsEmpty(singleSection['questions']) ? singleSection['questions'].filter((singleData) => singleData['questionType'] === 'NODISPLAY') : [];
-                if ((singleSection['showSection'] || isNoDisplayQuestionInSection.length > 0) && !this.checkIfValueIsEmpty(singleSection['questions'])) {
+                let isNoDisplayQuestionInSection = !this.checkIfValueIsEmpty(singleSection['questions'])
+                    ? singleSection['questions'].filter((singleData) => singleData['questionType'] === 'NODISPLAY')
+                    : [];
+                if ((singleSection['showSection'] ||
+                    isNoDisplayQuestionInSection.length > 0) &&
+                    !this.checkIfValueIsEmpty(singleSection['questions'])) {
                     singleSection['questions'].forEach((singleQuestion) => {
                         if (singleQuestion['cammundaQuestionCode'] === 'hardCopyLang') {
                             if (singleQuestion['isShowQuestionInUI']) {
@@ -4009,14 +4315,20 @@ class MedialQuestionsComponent {
                         let checkedOptionsArr = [];
                         if (!this.checkIfValueIsEmpty(singleQuestion['domainValues'])) {
                             singleQuestion['domainValues'].forEach((singleDomainValue) => {
-                                if (!this.checkIfValueIsEmpty(this.personUwAnswers[singleDomainValue['domainInternalValue']]) && this.personUwAnswers[singleDomainValue['domainInternalValue']]) {
+                                if (!this.checkIfValueIsEmpty(this.personUwAnswers[singleDomainValue['domainInternalValue']]) &&
+                                    this.personUwAnswers[singleDomainValue['domainInternalValue']]) {
                                     checkedOptionsArr.push(singleDomainValue['domainInternalValue']);
                                 }
                             });
                         }
-                        if (singleQuestion['isShowQuestionInUI'] && singleQuestion['questionType'] === 'CHECKBOX' && !this.checkIfValueIsEmpty(checkedOptionsArr)) {
+                        if (singleQuestion['isShowQuestionInUI'] &&
+                            singleQuestion['questionType'] === 'CHECKBOX' &&
+                            !this.checkIfValueIsEmpty(checkedOptionsArr)) {
                             // for checkbox question
-                            let questionIndexInMainRequest = mainRequestForBothPersons.findIndex((singleAnswerObj) => (singleAnswerObj['questionId'] === singleQuestion['questionId'] && singleAnswerObj['personUWId'] === singleSection['personUWId']));
+                            let questionIndexInMainRequest = mainRequestForBothPersons.findIndex((singleAnswerObj) => singleAnswerObj['questionId'] ===
+                                singleQuestion['questionId'] &&
+                                singleAnswerObj['personUWId'] ===
+                                    singleSection['personUWId']);
                             if (questionIndexInMainRequest === -1) {
                                 let obj = {
                                     personUWId: singleSection['personUWId'],
@@ -4033,14 +4345,21 @@ class MedialQuestionsComponent {
                                 mainRequestForBothPersons[questionIndexInMainRequest]['answer'] = checkedOptionsArr.toString();
                             }
                         }
-                        else if (singleQuestion['isShowQuestionInUI'] && singleQuestion['questionType'] !== 'CHECKBOX' && !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']])) {
+                        else if (singleQuestion['isShowQuestionInUI'] &&
+                            singleQuestion['questionType'] !== 'CHECKBOX' &&
+                            !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']])) {
                             // non checkbox question
-                            let questionIndexInMainRequest = mainRequestForBothPersons.findIndex((singleAnswerObj) => (singleAnswerObj['questionId'] === singleQuestion['questionId'] && singleAnswerObj['personUWId'] === singleSection['personUWId']));
+                            let questionIndexInMainRequest = mainRequestForBothPersons.findIndex((singleAnswerObj) => singleAnswerObj['questionId'] ===
+                                singleQuestion['questionId'] &&
+                                singleAnswerObj['personUWId'] ===
+                                    singleSection['personUWId']);
                             if (questionIndexInMainRequest === -1) {
                                 let obj = {
                                     personUWId: singleSection['personUWId'],
                                     questionId: singleQuestion['questionId'],
-                                    answer: singleQuestion['questionType'] === 'CALENDAR' ? new Date(this.personUwAnswers[singleQuestion['questionId']]) : this.personUwAnswers[singleQuestion['questionId']],
+                                    answer: singleQuestion['questionType'] === 'CALENDAR'
+                                        ? new Date(this.personUwAnswers[singleQuestion['questionId']])
+                                        : this.personUwAnswers[singleQuestion['questionId']],
                                     personUWParentId: 0,
                                     createdUser: this.getCookieValue('userId'),
                                     clusterId: singleQuestion['clusterId'],
@@ -4048,7 +4367,10 @@ class MedialQuestionsComponent {
                                 mainRequestForBothPersons.push(obj);
                             }
                             else {
-                                mainRequestForBothPersons[questionIndexInMainRequest]['answer'] = singleQuestion['questionType'] === 'CALENDAR' ? new Date(this.personUwAnswers[singleQuestion['questionId']]) : this.personUwAnswers[singleQuestion['questionId']];
+                                mainRequestForBothPersons[questionIndexInMainRequest]['answer'] =
+                                    singleQuestion['questionType'] === 'CALENDAR'
+                                        ? new Date(this.personUwAnswers[singleQuestion['questionId']])
+                                        : this.personUwAnswers[singleQuestion['questionId']];
                             }
                         }
                         // if(singleQuestion['isShowQuestionInUI'] && !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']])) {
@@ -4112,7 +4434,9 @@ class MedialQuestionsComponent {
                 // });
                 // }
             });
-            let distinctPersonIdFromRequest = [...new Set(mainRequestForBothPersons.map((item) => item.personUWId.toString()))];
+            let distinctPersonIdFromRequest = [
+                ...new Set(mainRequestForBothPersons.map((item) => item.personUWId.toString())),
+            ];
             if (!this.checkIfValueIsEmpty(distinctPersonIdFromRequest)) {
                 mainRequestForLa = mainRequestForBothPersons.filter((singleAnswer) => singleAnswer['personUWId'] === distinctPersonIdFromRequest[0]);
                 if (distinctPersonIdFromRequest.length === 2) {
@@ -4140,7 +4464,7 @@ class MedialQuestionsComponent {
         let tokenName = '';
         let tokenValue = '';
         const index2 = 2;
-        cookie.forEach(data => {
+        cookie.forEach((data) => {
             if (data.split('=')[0].includes(name) && !!data.split('=')[1]) {
                 tokenName = data.split('=')[0].trim();
                 tokenValue = data.split('=')[1];
@@ -4158,12 +4482,20 @@ class MedialQuestionsComponent {
         let isValid = true;
         this.questionList.forEach((singleSection) => {
             if (!this.checkIfValueIsEmpty(singleSection['questions']) && isValid) {
-                if (!this.checkIfValueIsEmpty(singleSection['sectionName']) && (singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') === 'TELL_US_MORE' || singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') === 'BASIC_DETAILS') && isValid) {
+                if (!this.checkIfValueIsEmpty(singleSection['sectionName']) &&
+                    (singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
+                        'TELL_US_MORE' ||
+                        singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
+                            'BASIC_DETAILS') &&
+                    isValid) {
                     // validation for height entered in feet
                     if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'FEET') {
                         let heightInInchesObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTI');
                         let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF');
-                        if (!this.checkIfValueIsEmpty(heightInInchesObj) && !this.checkIfValueIsEmpty(heightInFeetObj) && (this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) || this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput']))) {
+                        if (!this.checkIfValueIsEmpty(heightInInchesObj) &&
+                            !this.checkIfValueIsEmpty(heightInFeetObj) &&
+                            (this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) ||
+                                this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput']))) {
                             isValid = false;
                             // if (this.sharedService.isMandatoryField && !savedraft && redirect) {
                             // if (this.sharedService.selectedQuestionTab !== singlePersonObj['role']) {
@@ -4189,7 +4521,8 @@ class MedialQuestionsComponent {
                     let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT');
                     if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
                         this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput']) &&
-                        !this.checkIfValueIsEmpty(heightInCentimeterObj) && isValid) {
+                        !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
+                        isValid) {
                         isValid = false;
                     }
                 }
@@ -4207,11 +4540,11 @@ class MedialQuestionsComponent {
                         singleQuestionObj['cammundaQuestionCode'] !== 'QHTF' &&
                         singleQuestionObj['cammundaQuestionCode'] !== 'QHTI' &&
                         singleQuestionObj['optionalQuestion'].toString() === 'N' &&
-                        this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestionObj['questionId']])
+                        this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestionObj['questionId']]) &&
                         // ((singleQuestionObj['questionType'] !== 'CHECKBOX' &&
                         //   this.checkIfValueIsEmpty(this.personUwAnswers[singlePersonObj['role']][singleQuestionObj['questionId']])) ||
                         //   (singleQuestionObj['questionType'] === 'CHECKBOX' && !this.validateCheckBoxField(singleQuestionObj, singlePersonObj['role'])))
-                        && isValid) {
+                        isValid) {
                         isValid = false;
                     }
                     // if (
@@ -4252,17 +4585,21 @@ class MedialQuestionsComponent {
                     //   }
                     // }
                     // validation for declaration questions
-                    if (isValid && singleQuestionObj.questionType === 'DECLARATION' &&
+                    if (isValid &&
+                        singleQuestionObj.questionType === 'DECLARATION' &&
                         singleQuestionObj['isShowQuestionInUI'] &&
                         !this.checkIfValueIsEmpty(singleQuestionObj['optionalQuestion']) &&
                         singleQuestionObj['optionalQuestion'] === 'N') {
-                        if (isValid &&
+                        if ((isValid &&
                             // !this.checkIfValueIsEmpty(this.personUwAnswers[singlePersonObj['role']]) &&
                             // (!this.checkIfValueIsEmpty(singleQuestionObj['domainValues']) &&
                             //   !this.checkIfValueIsEmpty(singleQuestionObj['domainValues'][0]) &&
                             //   !this.checkIfValueIsEmpty(singleQuestionObj['domainValues'][0]['domainInternalValue']) &&
                             //   ((!this.checkIfValueIsEmpty(this.personUwAnswers[singlePersonObj['role']][singleQuestionObj['domainValues'][0]['domainInternalValue']]) &&
-                            this.personUwAnswers[singleQuestionObj['questionId']] === 'N' || !this.personUwAnswers[singleQuestionObj['questionId']] || this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestionObj['questionId']])
+                            this.personUwAnswers[singleQuestionObj['questionId']] ===
+                                'N') ||
+                            !this.personUwAnswers[singleQuestionObj['questionId']] ||
+                            this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestionObj['questionId']])
                         // )
                         // || this.checkIfValueIsEmpty(singleQuestionObj['domainValues'])
                         ) {
@@ -4330,11 +4667,23 @@ class MedialQuestionsComponent {
         sessionStorage.setItem('isMedicalQuestionsValid', isValid);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-2\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0\">\r\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <label class=\"card-topic d-block field-lable\"\r\n            >Height\r\n            <span\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label>\r\n          <div\r\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\r\n\r\n          >\r\n            <div\r\n              class=\"col-7 py-0 heightInputs\"\r\n              style=\"transform: translate(6px, 3px);\"\r\n              *ngIf=\"\r\n                personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\r\n              \"\r\n            >\r\n              <lib-textbox [field]=\"questions['field']\"   />\r\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n            </div>\r\n            <div\r\n              class=\"py-0\"\r\n              style=\"display: flex;\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 heightInputs px-1\">\r\n                <lib-select [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 heightInputs px-1\">\r\n                <lib-select [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 heightInputs px-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues\"\r\n          *ngIf=\"\r\n            (questions['questionType'] === 'RADIO BUTTON' ||\r\n              questions['questionType'] === 'ADDMORE') &&\r\n              questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CHECKBOX' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DECLARATION' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DROPDOWN' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CALENDAR' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <!-- <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        </div> -->\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i3$1.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3$1.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-2\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0\">\r\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <label class=\"card-topic d-block field-lable\"\r\n            >Height\r\n            <span\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label>\r\n          <div\r\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\r\n\r\n          >\r\n            <div class=\"row col-12\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row col-12 mx-1\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0\">\r\n                <lib-select [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0\">\r\n                <lib-select [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues\"\r\n          *ngIf=\"\r\n            (questions['questionType'] === 'RADIO BUTTON' ||\r\n              questions['questionType'] === 'ADDMORE') &&\r\n              questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CHECKBOX' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DECLARATION' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DROPDOWN' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CALENDAR' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <!-- <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        </div> -->\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i3$1.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3$1.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-medial-questions', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, TextboxComponent, RadioComponent, CheckboxComponent, SelectComponent, DobComponent, UploadComponent, MultipleSelectComponent, GoogleMapsModule], template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-2\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0\">\r\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <label class=\"card-topic d-block field-lable\"\r\n            >Height\r\n            <span\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label>\r\n          <div\r\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\r\n\r\n          >\r\n            <div\r\n              class=\"col-7 py-0 heightInputs\"\r\n              style=\"transform: translate(6px, 3px);\"\r\n              *ngIf=\"\r\n                personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\r\n              \"\r\n            >\r\n              <lib-textbox [field]=\"questions['field']\"   />\r\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n            </div>\r\n            <div\r\n              class=\"py-0\"\r\n              style=\"display: flex;\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 heightInputs px-1\">\r\n                <lib-select [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 heightInputs px-1\">\r\n                <lib-select [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 heightInputs px-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues\"\r\n          *ngIf=\"\r\n            (questions['questionType'] === 'RADIO BUTTON' ||\r\n              questions['questionType'] === 'ADDMORE') &&\r\n              questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CHECKBOX' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DECLARATION' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DROPDOWN' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CALENDAR' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <!-- <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        </div> -->\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}\n"] }]
+            args: [{ selector: 'lib-medial-questions', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TextboxComponent,
+                        RadioComponent,
+                        CheckboxComponent,
+                        SelectComponent,
+                        DobComponent,
+                        UploadComponent,
+                        MultipleSelectComponent,
+                        GoogleMapsModule,
+                    ], template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-2\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0\">\r\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <label class=\"card-topic d-block field-lable\"\r\n            >Height\r\n            <span\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label>\r\n          <div\r\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\r\n\r\n          >\r\n            <div class=\"row col-12\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row col-12 mx-1\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0\">\r\n                <lib-select [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0\">\r\n                <lib-select [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues\"\r\n          *ngIf=\"\r\n            (questions['questionType'] === 'RADIO BUTTON' ||\r\n              questions['questionType'] === 'ADDMORE') &&\r\n              questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CHECKBOX' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DECLARATION' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DROPDOWN' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'CALENDAR' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\r\n        </div>\r\n\r\n        <!-- <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'HEIGHTINPUT' &&\r\n            questions['cammundaQuestionCode'] === 'QHTF' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        </div> -->\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { addressInput: [{
                 type: ViewChild,
                 args: ['addressInput']