master-control 0.3.80 → 0.3.81

package/fesm2022/master-control.mjs

@@ -772,7 +772,7 @@ class RadioComponent {
                 useExisting: RadioComponent,
                 multi: true
             }
-        ], ngImport: i0, template: "<label class=\"field-lable\"  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\" [ngStyle]=\"{\r\n  }\">{{field()?.label}}<span class=\"error-message\" *ngIf=\"field()?.validators?.isRequired\">*</span></label>\r\n  @if(reactiveFormControlobject()) {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender  py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable || reactiveFormControlobject?.disabled}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }@else {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender py-auto px-1\"\r\n      style=\"width: 100% !important; min-width: fit-content !important;\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }\r\n  <div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.patternMessage}}.\r\n</div>\r\n", styles: [".radio-selection-border{border:1px solid #ffbb00!important;background:#fffaeb!important}*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important;white-space:pre-wrap!important}.error-message{color:red}.radio-btn-group{display:flex;align-items:center;gap:1rem;align-self:stretch}::ng-deep .radio-btn-gender .mdc-form-field .mdc-radio{display:none!important}.radio-card-gender{box-shadow:none;border-color:var(--radio-button-border-color,#DADADA);border-width:var(--radio-button-border-width, 1px solid);background:var(--radio-button-background-color, #FFFFFF);display:flex;align-items:center;cursor:pointer;width:max-content!important;border-radius:var(--radio-button-border-radius, 6px)}::ng-deep .radioButtonGender .mdc-form-field .mdc-radio{display:none!important}.forRadioLabel{font-size:var(--radio-button-font-size, 12px)!important;font-weight:var(--radio-button-font-weight, 400);cursor:pointer;color:var(--radio-button-font-color, #444444)}.radio-btn-icon{margin-top:-2px;margin-left:4px}.selected-radio-btn{border:1px solid #ffbb00!important}.disable-radio-btn{background:#f5f5f5;pointer-events:none;cursor:none}\n"], dependencies: [{ kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }] });
+        ], ngImport: i0, template: "<label class=\"field-lable\"  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\" [ngStyle]=\"{\r\n  }\">{{field()?.label}}<span class=\"error-message\" *ngIf=\"field()?.validators?.isRequired\">*</span></label>\r\n  @if(reactiveFormControlobject()) {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender  py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable || reactiveFormControlobject?.disabled}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center; padding: 0px 16px;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }@else {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center; padding: 0px 16px;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }\r\n  <div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.patternMessage}}.\r\n</div>\r\n", styles: [".radio-selection-border{border:1px solid #ffbb00!important;background:#fffaeb!important}*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important;white-space:pre-wrap!important}.error-message{color:red}.radio-btn-group{display:flex;align-items:center;gap:1rem;align-self:stretch}::ng-deep .radio-btn-gender .mdc-form-field .mdc-radio{display:none!important}.radio-card-gender{box-shadow:none;border-color:var(--radio-button-border-color,#DADADA);border-width:var(--radio-button-border-width, 1px solid);background:var(--radio-button-background-color, #FFFFFF);display:flex;align-items:center;cursor:pointer;width:max-content!important;border-radius:var(--radio-button-border-radius, 6px)}::ng-deep .radioButtonGender .mdc-form-field .mdc-radio{display:none!important}.forRadioLabel{font-size:var(--radio-button-font-size, 12px)!important;font-weight:var(--radio-button-font-weight, 400);cursor:pointer;color:var(--radio-button-font-color, #444444)}.radio-btn-icon{margin-top:-2px;margin-left:4px}.selected-radio-btn{border:1px solid #ffbb00!important}.disable-radio-btn{background:#f5f5f5;pointer-events:none;cursor:none}\n"], dependencies: [{ kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
@@ -787,7 +787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: RadioComponent,
                             multi: true
                         }
-                    ], template: "<label class=\"field-lable\"  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\" [ngStyle]=\"{\r\n  }\">{{field()?.label}}<span class=\"error-message\" *ngIf=\"field()?.validators?.isRequired\">*</span></label>\r\n  @if(reactiveFormControlobject()) {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender  py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable || reactiveFormControlobject?.disabled}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }@else {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender py-auto px-1\"\r\n      style=\"width: 100% !important; min-width: fit-content !important;\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }\r\n  <div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.patternMessage}}.\r\n</div>\r\n", styles: [".radio-selection-border{border:1px solid #ffbb00!important;background:#fffaeb!important}*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important;white-space:pre-wrap!important}.error-message{color:red}.radio-btn-group{display:flex;align-items:center;gap:1rem;align-self:stretch}::ng-deep .radio-btn-gender .mdc-form-field .mdc-radio{display:none!important}.radio-card-gender{box-shadow:none;border-color:var(--radio-button-border-color,#DADADA);border-width:var(--radio-button-border-width, 1px solid);background:var(--radio-button-background-color, #FFFFFF);display:flex;align-items:center;cursor:pointer;width:max-content!important;border-radius:var(--radio-button-border-radius, 6px)}::ng-deep .radioButtonGender .mdc-form-field .mdc-radio{display:none!important}.forRadioLabel{font-size:var(--radio-button-font-size, 12px)!important;font-weight:var(--radio-button-font-weight, 400);cursor:pointer;color:var(--radio-button-font-color, #444444)}.radio-btn-icon{margin-top:-2px;margin-left:4px}.selected-radio-btn{border:1px solid #ffbb00!important}.disable-radio-btn{background:#f5f5f5;pointer-events:none;cursor:none}\n"] }]
+                    ], template: "<label class=\"field-lable\"  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\" [ngStyle]=\"{\r\n  }\">{{field()?.label}}<span class=\"error-message\" *ngIf=\"field()?.validators?.isRequired\">*</span></label>\r\n  @if(reactiveFormControlobject()) {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender  py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable || reactiveFormControlobject?.disabled}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center; padding: 0px 16px;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }@else {\r\n     <mat-radio-group class=\"w-100\" *ngIf=\"field() && field()?.isVisible\"\r\n    class=\"radio-btn-group radio-btn-gender\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [value]=\"inputValue\"\r\n    (change)=\"onRadioGroupChange($event)\"\r\n    >\r\n    <div\r\n      class=\"card radio-card-gender py-auto px-1\"\r\n      *ngFor=\"let data of field()?.options\"\r\n      [ngClass]=\"{'disable-radio-btn': field()?.isDisable}\"\r\n      (click)=\"toggleRadio(data.value, $event)\"\r\n       [ngStyle]=\"{\r\n    '--radio-button-border-color': inputValue === data.value ? field()?.controlStyle?.focusBorderColor : field()?.controlStyle?.borderColor,\r\n    '--radio-button-background-color': inputValue === data.value ? field()?.controlStyle?.focusBackground : field()?.controlStyle?.background,\r\n    '--radio-button-border-width': inputValue === data.value ? field()?.controlStyle?.focusBorderWidth : field()?.controlStyle?.borderWidth,\r\n    '--radio-button-border-radius': inputValue === data.value ? field()?.controlStyle?.borderRadius : field()?.controlStyle?.borderRadius,\r\n  }\"\r\n      >\r\n      <mat-radio-button\r\n        style=\"min-width: 72px; text-align: center; padding: 0px 16px;\"\r\n        class=\"radioButtonGender\"\r\n        [value]=\"data.value\"\r\n      >\r\n        <span style=\"white-space: pre-line;\" class=\"forRadioLabel\" [ngStyle]=\"{\r\n    '--radio-button-font-weight': field()?.controlStyle?.fontWeight,\r\n    '--radio-button-font-size': field()?.controlStyle?.fontSize,\r\n    '--radio-button-font-color': field()?.controlStyle?.color,\r\n  }\">{{ data.label }}\r\n  <img class=\"radio-btn-icon\" *ngIf=\"field()?.imageUrl\" [src]=\"field()?.imageUrl\" alt=\"\">\r\n  </span>\r\n      </mat-radio-button>\r\n    </div>\r\n  </mat-radio-group>\r\n  }\r\n  <div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.patternMessage}}.\r\n</div>\r\n", styles: [".radio-selection-border{border:1px solid #ffbb00!important;background:#fffaeb!important}*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important;white-space:pre-wrap!important}.error-message{color:red}.radio-btn-group{display:flex;align-items:center;gap:1rem;align-self:stretch}::ng-deep .radio-btn-gender .mdc-form-field .mdc-radio{display:none!important}.radio-card-gender{box-shadow:none;border-color:var(--radio-button-border-color,#DADADA);border-width:var(--radio-button-border-width, 1px solid);background:var(--radio-button-background-color, #FFFFFF);display:flex;align-items:center;cursor:pointer;width:max-content!important;border-radius:var(--radio-button-border-radius, 6px)}::ng-deep .radioButtonGender .mdc-form-field .mdc-radio{display:none!important}.forRadioLabel{font-size:var(--radio-button-font-size, 12px)!important;font-weight:var(--radio-button-font-weight, 400);cursor:pointer;color:var(--radio-button-font-color, #444444)}.radio-btn-icon{margin-top:-2px;margin-left:4px}.selected-radio-btn{border:1px solid #ffbb00!important}.disable-radio-btn{background:#f5f5f5;pointer-events:none;cursor:none}\n"] }]
         }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { change: [{
                 type: Output
             }] } });
@@ -3506,6 +3506,7 @@ class MedialQuestionsComponent {
     medialQuestionResponse = input();
     personUWOpenQuoteResponse = input();
     personUwId = "";
+    isMedicalSubQuestionsAvailable = null;
     medicalSubQuestionsResponse = {};
     addressInput;
     autocomplete;
@@ -3825,6 +3826,31 @@ class MedialQuestionsComponent {
             this.showDropdown = false;
         }, 200);
     }
+    findMedicalQuestionsInOpenQuote(arrayOfObj) {
+        if (arrayOfObj['cammundaQuestionCode'] === 'MediCndtn' || arrayOfObj['cammundaQuestionCode'] === 'LifeMediCndtn') {
+            this.isMedicalSubQuestionsAvailable = arrayOfObj;
+        }
+        if (this.checkIfValueIsEmpty(this.isMedicalSubQuestionsAvailable) && !this.checkIfValueIsEmpty(arrayOfObj['personUWActivityResponseEntity'])) {
+            arrayOfObj['personUWActivityResponseEntity'].forEach((singleSubArray) => {
+                this.findMedicalQuestionsInOpenQuote(singleSubArray);
+            });
+        }
+    }
+    mapAnswersForOpenQuote() {
+        if (!this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]?.questionList) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]?.questionList[0]?.personUWdetailsList)) {
+            let arrayOfKeys = Object.keys(this.personUWOpenQuoteResponse()[0]?.questionList[0]?.personUWdetailsList);
+            arrayOfKeys.forEach((singleKey, singleKeyLength) => {
+                if (!this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]['questionList'][0]['personUWdetailsList'][singleKey])) {
+                    this.personUWOpenQuoteResponse()[0]['questionList'][0]['personUWdetailsList'][singleKey].forEach((singleAnswerObj, singleAnswerObjLength) => {
+                        this.updatePersonUwAnswers(singleAnswerObj);
+                        if (singleKeyLength === (arrayOfKeys.length - 1) && singleAnswerObjLength === (this.personUWOpenQuoteResponse()[0]['questionList'][0]['personUWdetailsList'][singleKey].length - 1)) {
+                            this.removeSubQuestionValues();
+                        }
+                    });
+                }
+            });
+        }
+    }
     preparePersonUwQuestionsObj() {
         this.questionList = [];
         let data = this.medialQuestionResponse();
@@ -4124,143 +4150,199 @@ class MedialQuestionsComponent {
                     this.personUwResponseObj = data['questionsResponse'];
                 }
             }
-            if (!this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse())) {
+            if (!this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]?.questionList) && !this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]?.questionList[0]?.personUWdetailsList)) {
                 let isSubQuestionExists = false;
-                this.personUWOpenQuoteResponse().forEach((singlePerson) => {
-                    if (!this.checkIfValueIsEmpty(singlePerson['questionList']) && !this.checkIfValueIsEmpty(singlePerson['questionList'][0])) {
-                        let arrayOfKeys = Object.keys(singlePerson['questionList'][0]['personUWdetailsList']);
-                        if (arrayOfKeys.length > 0) {
-                            arrayOfKeys.forEach((singleKey) => {
-                                if (!this.checkIfValueIsEmpty(singlePerson['questionList'][0]['personUWdetailsList'][singleKey])) {
-                                    singlePerson['questionList'][0]['personUWdetailsList'][singleKey].forEach((answerObj) => {
-                                        // this.personUwAnswers[answerObj.questionId] = answerObj.answer // for answers other than checkbox
-                                        let filteredQuestion = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].filter((singleQuestion) => singleQuestion['questionId'] === answerObj['questionId']);
-                                        if (!this.checkIfValueIsEmpty(filteredQuestion) && filteredQuestion[0]['questionType'] === 'CHECKBOX') {
-                                            this.personUwAnswers[answerObj.questionId] = [];
-                                            let listOfOptionsSelected = answerObj.answer.split(',');
-                                            listOfOptionsSelected.forEach((singleElement) => {
-                                                if (!this.checkIfValueIsEmpty(filteredQuestion) && !this.checkIfValueIsEmpty(filteredQuestion[0]) && !this.checkIfValueIsEmpty(filteredQuestion[0]['domainValues'])) {
-                                                    let filteredDomainValueObj = filteredQuestion[0]['domainValues'].filter((singleObj) => singleObj['domainInternalValue'] === singleElement);
-                                                    if (!this.checkIfValueIsEmpty(filteredDomainValueObj)) {
-                                                        this.personUwAnswers[answerObj.questionId].push({
-                                                            label: filteredDomainValueObj[0]['domainUiValue'],
-                                                            value: filteredDomainValueObj[0]['domainInternalValue']
-                                                        });
-                                                    }
-                                                }
-                                            });
-                                            // this.personUwAnswers[answerObj.questionId] = answerObj.answer.split(',');
-                                        }
-                                        else {
-                                            this.personUwAnswers[answerObj.questionId] = answerObj.answer;
-                                        }
-                                        if (answerObj['cammundaQuestionCode'] === 'QHT') {
-                                            this.personUwAnswers['medicalQuestionsHeightInput'] = answerObj['answer'];
-                                        }
-                                        if (answerObj['cammundaQuestionCode'] === 'QHTF') {
-                                            let feetAnswer = answerObj['answer'].split('.');
-                                            if (!this.checkIfValueIsEmpty(answerObj['answer']) && answerObj['answer'].includes('.')) {
-                                                this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
-                                                this.personUwAnswers['medicalQuestionsInchesInput'] = feetAnswer[1];
-                                            }
-                                            else {
-                                                this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
-                                                this.personUwAnswers['medicalQuestionsInchesInput'] = '0';
-                                            }
-                                        }
-                                        // this.medialQuestionResponse()['questionsResponse'][0]['questionList'].forEach((singleQuestionResponse: any) => {
-                                        //   if (singleQuestionResponse['questionId'] === answerObj['questionId'] && singleQuestionResponse['questionType'] === 'DECLARATION') {
-                                        //     this.personUwAnswers[answerObj.questionId] = answerObj.answer;
-                                        //   }
-                                        // });
-                                        // let laIndex: any = this.medialQuestionResponse()['questionsResponse'].findIndex((singlePersonObj: any) => singlePersonObj['role'] === singlePerson['role']);
-                                        // if (!this.checkIfValueIsEmpty(filteredQuestion) && filteredQuestion[0]['questionType'] === 'DECLARATION') {
-                                        //   this.personUwAnswers[answerObj.questionId] = answerObj.answer;
-                                        // }
-                                        if (answerObj['cammundaQuestionCode'] === 'LifeMediCndtn' || answerObj['cammundaQuestionCode'] === 'MediCndtn') {
-                                            isSubQuestionExists = true;
-                                            // {
-                                            //   "urlParamForDisease": "mdeicalHistory",
-                                            //   "apiUrl": "https://preprod-directportallife.godigit.com/DirectPortalLife/life/fetchSubQuestions",
-                                            //   "urlParamForPersonUwId": "personUWID",
-                                            //   "tokenCookieParam": "v3Token",
-                                            //   "isSendToken": false
-                                            // }
-                                            this.masterService.getSubQuestions(this.field()?.configData, answerObj['answer'], answerObj['personUWId']).subscribe((subQuestionResponse) => {
-                                                // this.loaderService.display(false);
-                                                let distinctSteps = [];
-                                                if (!this.checkIfValueIsEmpty(subQuestionResponse)) {
-                                                    subQuestionResponse.forEach((subQuestion) => {
-                                                        subQuestion['isMedicalSubQuestion'] = true;
-                                                        subQuestion['isShowQuestionInUI'] = false;
-                                                        if (!this.checkIfValueIsEmpty(subQuestion['questionRelation']) &&
-                                                            !Array.isArray(subQuestion['questionRelation'])) {
-                                                            subQuestion['questionRelation'] = [subQuestion['questionRelation']];
-                                                        }
-                                                        if (subQuestion['questionType'] === 'CHECKBOX' &&
-                                                            !this.checkIfValueIsEmpty(subQuestion['questionRelation'])) {
-                                                            subQuestion['questionRelation'].forEach((singleQuestionRelationObj) => {
-                                                                let nextQuestionObject = subQuestionResponse.filter((object) => object['questionId'] === singleQuestionRelationObj['nextQuestionId']);
-                                                                if (nextQuestionObject.length > 0) {
-                                                                    nextQuestionObject[0]['answeredValue'] = singleQuestionRelationObj['parentQuestionValue'];
-                                                                }
-                                                            });
-                                                        }
-                                                        subQuestion['domainValues'] = this.medialQuestionResponse()['domainValues'][subQuestion['domainName']];
-                                                        // if (!this.checkIfValueIsEmpty(subQuestion['domainValues'])) {
-                                                        //   subQuestion['domainValues'].forEach((subDomain: any) => {
-                                                        //     this.subMedicalQuestionsDomainInternalValuesList.push(subDomain['domainInternalValue']);
-                                                        //   });
-                                                        // }
-                                                        if (!distinctSteps.includes(subQuestion['clusterId'])) {
-                                                            distinctSteps.push(subQuestion['clusterId']);
-                                                        }
-                                                    });
-                                                    subQuestionResponse.sort((a, b) => a['step'] - b['step'] || a['displayOrder'] - b['displayOrder']);
-                                                    distinctSteps.forEach((steps, ind) => {
-                                                        let filteredObj = subQuestionResponse.filter((singleQuestion) => singleQuestion['clusterId'] === steps);
-                                                        let obj = {
-                                                            step: 1000 + ind,
-                                                            questions: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj : [],
-                                                            sectionName: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj[0]['title'] : '',
-                                                            isMedicalSubQuestion: true,
-                                                            showSection: true,
-                                                            personUWId: answerObj['personUWId'].toString(),
-                                                        };
-                                                        // let LaIndex: any = this.personUwMasterObj.findIndex(
-                                                        //   (single: any) => single['role'] === singlePerson['role']
-                                                        // );
-                                                        this.questionList.push(obj);
-                                                    });
-                                                    this.medicalSubQuestionsResponse = subQuestionResponse;
-                                                    // let laIndex: any = this.personUwResponseObj['questionsResponse'].findIndex((singlePersonObj: any) => singlePersonObj['role'] === singlePerson['role']);
-                                                    this.medialQuestionResponse()['questionsResponse'][0]['questionList'] = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].concat(this.medicalSubQuestionsResponse);
-                                                }
-                                                this.removeSubQuestionValues();
-                                                // this.disableConfirmationButton = false;
-                                            }, (err) => {
-                                                // this.disableConfirmationButton = true;
-                                                // this.loaderService.display(false);
-                                            });
-                                        }
-                                        // else {
-                                        //   this.loaderService.display(false);
-                                        // }
-                                        if (typeof answerObj.answer === 'string' && answerObj.answer !== 'Y' && answerObj.answer !== 'N') {
-                                            // if (answerObj.answer.includes(',')) {
-                                            //   answerObj.answer.split(',').forEach((answer: any) => {
-                                            //     this.personUwAnswers[answer] = true;
-                                            //   });
-                                            // }
-                                            // this.personUwAnswers[answerObj.answer] = true;
-                                        }
-                                        this.updatePersonUwAnswers(answerObj, singlePerson['role']);
-                                    });
-                                }
-                            });
-                        }
+                this.isMedicalSubQuestionsAvailable = null;
+                let arrayOfKeys = Object.keys(this.personUWOpenQuoteResponse()[0]?.questionList[0]?.personUWdetailsList);
+                arrayOfKeys.forEach((singleKey) => {
+                    if (!this.checkIfValueIsEmpty(this.personUWOpenQuoteResponse()[0]['questionList'][0]['personUWdetailsList'][singleKey])) {
+                        this.personUWOpenQuoteResponse()[0]['questionList'][0]['personUWdetailsList'][singleKey].forEach((singleAnswerObj) => {
+                            this.findMedicalQuestionsInOpenQuote(singleAnswerObj);
+                        });
                     }
                 });
+                if (!this.checkIfValueIsEmpty(this.isMedicalSubQuestionsAvailable)) {
+                    this.masterService.getSubQuestions(this.field()?.configData, this.isMedicalSubQuestionsAvailable['answer'], this.isMedicalSubQuestionsAvailable['personUWId']).subscribe((subQuestionResponse) => {
+                        let distinctSteps = [];
+                        subQuestionResponse.forEach((subQuestion) => {
+                            subQuestion['domainValues'] = this.medialQuestionResponse()['domainValues'][subQuestion['domainName']];
+                            subQuestion['field'] = this.getField(subQuestion);
+                            if (!distinctSteps.includes(subQuestion['clusterId'])) {
+                                distinctSteps.push(subQuestion['clusterId']);
+                            }
+                        });
+                        subQuestionResponse.sort((a, b) => a['step'] - b['step'] || a['displayOrder'] - b['displayOrder']);
+                        distinctSteps.forEach((steps, ind) => {
+                            let filteredObj = subQuestionResponse.filter((singleQuestion) => singleQuestion['clusterId'] === steps);
+                            let obj = {
+                                step: 1000 + ind,
+                                questions: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj : [],
+                                sectionName: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj[0]['title'] : '',
+                                isMedicalSubQuestion: true,
+                                showSection: true,
+                                personUWId: this.isMedicalSubQuestionsAvailable['personUWId'].toString(),
+                            };
+                            // let LaIndex: any = this.personUwMasterObj.findIndex(
+                            //   (single: any) => single['role'] === singlePerson['role']
+                            // );
+                            this.questionList.push(obj);
+                        });
+                        this.medicalSubQuestionsResponse = subQuestionResponse;
+                        // let laIndex: any = this.personUwResponseObj['questionsResponse'].findIndex((singlePersonObj: any) => singlePersonObj['role'] === singlePerson['role']);
+                        this.medialQuestionResponse()['questionsResponse'][0]['questionList'] = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].concat(this.medicalSubQuestionsResponse);
+                        this.mapAnswersForOpenQuote();
+                    }, (err) => {
+                        this.mapAnswersForOpenQuote();
+                    });
+                }
+                else {
+                    this.mapAnswersForOpenQuote();
+                }
+                // this.personUWOpenQuoteResponse().forEach((singlePerson: any) => {
+                //   if (!this.checkIfValueIsEmpty(singlePerson['questionList']) && !this.checkIfValueIsEmpty(singlePerson['questionList'][0])) {
+                //     let arrayOfKeys = Object.keys(singlePerson['questionList'][0]['personUWdetailsList']);
+                //     if (arrayOfKeys.length > 0) {
+                //       arrayOfKeys.forEach((singleKey) => {
+                //         if (!this.checkIfValueIsEmpty(singlePerson['questionList'][0]['personUWdetailsList'][singleKey])) {
+                //           singlePerson['questionList'][0]['personUWdetailsList'][singleKey].forEach((answerObj: any) => {
+                //             this.personUwAnswers[answerObj.questionId] = answerObj.answer;
+                //             let filteredQuestion: any = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].filter((singleQuestion: any) => singleQuestion['questionId'] === answerObj['questionId']);
+                //             if (!this.checkIfValueIsEmpty(filteredQuestion) && filteredQuestion[0]['questionType'] === 'CHECKBOX') {
+                //               // this.personUwAnswers[answerObj.questionId] = [];
+                //               // let listOfOptionsSelected : any = answerObj.answer.split(',');
+                //               // listOfOptionsSelected.forEach((singleElement : any) => {
+                //               //   if(!this.checkIfValueIsEmpty(filteredQuestion) && !this.checkIfValueIsEmpty(filteredQuestion[0]) && !this.checkIfValueIsEmpty(filteredQuestion[0]['domainValues'])) {
+                //               //     let filteredDomainValueObj : any = filteredQuestion[0]['domainValues'].filter((singleObj : any) => singleObj['domainInternalValue'] === singleElement);
+                //               //     if(!this.checkIfValueIsEmpty(filteredDomainValueObj)) {
+                //               //       this.personUwAnswers[answerObj.questionId].push({
+                //               //         label : filteredDomainValueObj[0]['domainUiValue'],
+                //               //         value : filteredDomainValueObj[0]['domainInternalValue']
+                //               //       });
+                //               //     }
+                //               //   }
+                //               // });
+                //               this.personUwAnswers[answerObj.questionId] = answerObj.answer.split(',');
+                //             } else {
+                //               this.personUwAnswers[answerObj.questionId] = answerObj.answer
+                //             }
+                // if (answerObj['cammundaQuestionCode'] === 'QHT') {
+                //   this.personUwAnswers['medicalQuestionsHeightInput'] = answerObj['answer'];
+                // }
+                // if (answerObj['cammundaQuestionCode'] === 'QHTF') {
+                //   let feetAnswer = answerObj['answer'].split('.');
+                //   if (!this.checkIfValueIsEmpty(answerObj['answer']) && answerObj['answer'].includes('.')) {
+                //     this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
+                //     this.personUwAnswers['medicalQuestionsInchesInput'] = feetAnswer[1];
+                //   } else {
+                //     this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
+                //     this.personUwAnswers['medicalQuestionsInchesInput'] = '0';
+                //   }
+                // }
+                //             // this.medialQuestionResponse()['questionsResponse'][0]['questionList'].forEach((singleQuestionResponse: any) => {
+                //             //   if (singleQuestionResponse['questionId'] === answerObj['questionId'] && singleQuestionResponse['questionType'] === 'DECLARATION') {
+                //             //     this.personUwAnswers[answerObj.questionId] = answerObj.answer;
+                //             //   }
+                //             // });
+                //             // let laIndex: any = this.medialQuestionResponse()['questionsResponse'].findIndex((singlePersonObj: any) => singlePersonObj['role'] === singlePerson['role']);
+                //             // if (!this.checkIfValueIsEmpty(filteredQuestion) && filteredQuestion[0]['questionType'] === 'DECLARATION') {
+                //             //   this.personUwAnswers[answerObj.questionId] = answerObj.answer;
+                //             // }
+                //             if (answerObj['cammundaQuestionCode'] === 'LifeMediCndtn' || answerObj['cammundaQuestionCode'] === 'MediCndtn') {
+                //               isSubQuestionExists = true;
+                //               // {
+                //               //   "urlParamForDisease": "mdeicalHistory",
+                //               //   "apiUrl": "https://preprod-directportallife.godigit.com/DirectPortalLife/life/fetchSubQuestions",
+                //               //   "urlParamForPersonUwId": "personUWID",
+                //               //   "tokenCookieParam": "v3Token",
+                //               //   "isSendToken": false
+                //               // }
+                //               this.masterService.getSubQuestions(this.field()?.configData, answerObj['answer'], answerObj['personUWId']).subscribe(
+                //                 (subQuestionResponse: any) => {
+                //                   // this.loaderService.display(false);
+                //                   let distinctSteps: any = [];
+                //                   if (!this.checkIfValueIsEmpty(subQuestionResponse)) {
+                //                     subQuestionResponse.forEach((subQuestion: any) => {
+                //                       subQuestion['isMedicalSubQuestion'] = true;
+                //                       subQuestion['isShowQuestionInUI'] = false;
+                //                       if (
+                //                         !this.checkIfValueIsEmpty(subQuestion['questionRelation']) &&
+                //                         !Array.isArray(subQuestion['questionRelation'])
+                //                       ) {
+                //                         subQuestion['questionRelation'] = [subQuestion['questionRelation']];
+                //                       }
+                //                       if (
+                //                         subQuestion['questionType'] === 'CHECKBOX' &&
+                //                         !this.checkIfValueIsEmpty(subQuestion['questionRelation'])
+                //                       ) {
+                //                         subQuestion['questionRelation'].forEach((singleQuestionRelationObj: any) => {
+                //                           let nextQuestionObject: any = subQuestionResponse.filter(
+                //                             (object: any) => object['questionId'] === singleQuestionRelationObj['nextQuestionId']
+                //                           );
+                //                           if (nextQuestionObject.length > 0) {
+                //                             nextQuestionObject[0]['answeredValue'] = singleQuestionRelationObj['parentQuestionValue'];
+                //                           }
+                //                         });
+                //                       }
+                //                       subQuestion['domainValues'] = this.medialQuestionResponse()['domainValues'][
+                //                         subQuestion['domainName']
+                //                       ];
+                //                       subQuestion['field'] = this.getField(subQuestion);
+                //                       // if (!this.checkIfValueIsEmpty(subQuestion['domainValues'])) {
+                //                       //   subQuestion['domainValues'].forEach((subDomain: any) => {
+                //                       //     this.subMedicalQuestionsDomainInternalValuesList.push(subDomain['domainInternalValue']);
+                //                       //   });
+                //                       // }
+                //                       if (!distinctSteps.includes(subQuestion['clusterId'])) {
+                //                         distinctSteps.push(subQuestion['clusterId']);
+                //                       }
+                //                     });
+                //                     subQuestionResponse.sort((a: any, b: any) => a['step'] - b['step'] || a['displayOrder'] - b['displayOrder']);
+                //                     distinctSteps.forEach((steps: any, ind: any) => {
+                //                       let filteredObj: any = subQuestionResponse.filter((singleQuestion: any) => singleQuestion['clusterId'] === steps);
+                //                       let obj: any = {
+                //                         step: 1000 + ind,
+                //                         questions: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj : [],
+                //                         sectionName: !this.checkIfValueIsEmpty(filteredObj) ? filteredObj[0]['title'] : '',
+                //                         isMedicalSubQuestion: true,
+                //                         showSection: true,
+                //                         personUWId: answerObj['personUWId'].toString(),
+                //                       };
+                //                       // let LaIndex: any = this.personUwMasterObj.findIndex(
+                //                       //   (single: any) => single['role'] === singlePerson['role']
+                //                       // );
+                //                       this.questionList.push(obj);
+                //                     })
+                //                     this.medicalSubQuestionsResponse = subQuestionResponse;
+                //                     // let laIndex: any = this.personUwResponseObj['questionsResponse'].findIndex((singlePersonObj: any) => singlePersonObj['role'] === singlePerson['role']);
+                //                     this.medialQuestionResponse()['questionsResponse'][0]['questionList'] = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].concat(this.medicalSubQuestionsResponse);
+                //                   }
+                //                   this.removeSubQuestionValues();
+                //                   // this.disableConfirmationButton = false;
+                //                 },
+                //                 (err: any) => {
+                //                   // this.disableConfirmationButton = true;
+                //                   // this.loaderService.display(false);
+                //                 }
+                //               );
+                //             }
+                //             // else {
+                //             //   this.loaderService.display(false);
+                //             // }
+                //             if (typeof answerObj.answer === 'string' && answerObj.answer !== 'Y' && answerObj.answer !== 'N') {
+                //               // if (answerObj.answer.includes(',')) {
+                //               //   answerObj.answer.split(',').forEach((answer: any) => {
+                //               //     this.personUwAnswers[answer] = true;
+                //               //   });
+                //               // }
+                //               // this.personUwAnswers[answerObj.answer] = true;
+                //             }
+                //             this.  updatePersonUwAnswers(answerObj);
+                //           });
+                //         }
+                //       });
+                //     }
+                //   }
+                // });
             }
         }
         this.removeSubQuestionValues();
@@ -4348,40 +4430,33 @@ class MedialQuestionsComponent {
             controlType: 'select',
         };
     }
-    updatePersonUwAnswers(answerObj, role) {
-        // Yes, I want a Hard Copy
-        // if (!this.checkIfValueIsEmpty(answerObj) && !this.checkIfValueIsEmpty(answerObj.cammundaQuestionCode) && answerObj.cammundaQuestionCode === 'recvSftCopy') {
-        //   this.hardCopyRequired = answerObj.answer === 'Y' ? true : false;
-        //   if (this.hardCopyRequired && !this.checkIfValueIsEmpty(this.openQuoteResponse) && !this.checkIfValueIsEmpty(this.openQuoteResponse.locationDetails)) {
-        //     this.location = this.openQuoteResponse.locationDetails;
-        //   }
-        // }
+    updatePersonUwAnswers(answerObj) {
+        if (answerObj['cammundaQuestionCode'] === 'QHT') {
+            this.personUwAnswers['medicalQuestionsHeightInput'] = answerObj['answer'];
+        }
+        if (answerObj['cammundaQuestionCode'] === 'QHTF') {
+            let feetAnswer = answerObj['answer'].split('.');
+            if (!this.checkIfValueIsEmpty(answerObj['answer']) && answerObj['answer'].includes('.')) {
+                this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
+                this.personUwAnswers['medicalQuestionsInchesInput'] = feetAnswer[1];
+            }
+            else {
+                this.personUwAnswers['medicalQuestionFeetInput'] = feetAnswer[0];
+                this.personUwAnswers['medicalQuestionsInchesInput'] = '0';
+            }
+        }
+        let filteredQuestion = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].filter((singleQuestion) => singleQuestion['questionId'] === answerObj['questionId']);
+        if (!this.checkIfValueIsEmpty(filteredQuestion) && !this.checkIfValueIsEmpty(filteredQuestion[0])) {
+            if (filteredQuestion[0]['questionType'] === 'CHECKBOX') {
+                this.personUwAnswers[answerObj.questionId] = answerObj.answer.split(',');
+            }
+            else {
+                this.personUwAnswers[answerObj.questionId] = answerObj.answer;
+            }
+        }
         if (!this.checkIfValueIsEmpty(answerObj.personUWActivityResponseEntity)) {
             answerObj.personUWActivityResponseEntity.forEach((subquestion) => {
-                let filteredQuestion = this.medialQuestionResponse()['questionsResponse'][0]['questionList'].filter((singleQuestion) => singleQuestion['questionId'] === subquestion['questionId']);
-                if (!this.checkIfValueIsEmpty(filteredQuestion) && !this.checkIfValueIsEmpty(filteredQuestion[0])) {
-                    if (filteredQuestion[0]['questionType'] === 'CHECKBOX') {
-                        this.personUwAnswers[subquestion.questionId] = [];
-                        let listOfOptionsSelected = !Array.isArray(subquestion.answer) ? subquestion.answer.split(',') : subquestion.answer;
-                        listOfOptionsSelected.forEach((singleElement) => {
-                            if (!this.checkIfValueIsEmpty(filteredQuestion[0]['domainValues'])) {
-                                let filteredDomainValueObj = filteredQuestion[0]['domainValues'].filter((singleObj) => singleObj['domainInternalValue'] === singleElement);
-                                if (!this.checkIfValueIsEmpty(filteredDomainValueObj)) {
-                                    this.personUwAnswers[subquestion.questionId].push({
-                                        label: filteredDomainValueObj[0]['domainUiValue'],
-                                        value: filteredDomainValueObj[0]['domainInternalValue']
-                                    });
-                                }
-                            }
-                        });
-                    }
-                    else {
-                        this.personUwAnswers[subquestion.questionId] = subquestion.answer;
-                    }
-                }
-                if (!this.checkIfValueIsEmpty(subquestion)) {
-                    this.updatePersonUwAnswers(subquestion, role);
-                }
+                this.updatePersonUwAnswers(subquestion);
             });
             this.saveQuestionDetails();
         }
@@ -4534,7 +4609,7 @@ class MedialQuestionsComponent {
                 pattern,
                 patternMessage,
             },
-            cssClass: "",
+            cssClass: "mb-2",
             isVisible: true,
             options: optionsObj,
             isShowLabel: true,
@@ -4650,8 +4725,13 @@ class MedialQuestionsComponent {
                                     .split('!')[1]) ||
                         (singleQuestion['questionType'] === 'CHECKBOX' &&
                             !this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']]) &&
-                            this.personUwAnswers[singleQuestion['questionId']]?.filter((singleObj) => singleObj['value'] ===
-                                singleSubQuestion['parentQuestionValue']).length > 0)) {
+                            this.personUwAnswers[singleQuestion['questionId']]?.includes(singleSubQuestion['parentQuestionValue'])
+                        // this.personUwAnswers[singleQuestion['questionId']]?.filter(
+                        //   (singleObj: any) =>
+                        //     singleObj ===
+                        //     singleSubQuestion['parentQuestionValue']
+                        // ).length > 0
+                        )) {
                         showQuestion = true;
                     }
                 });
@@ -5767,7 +5847,7 @@ class MedialQuestionsComponent {
         this.removeSubQuestionValues();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, deps: [{ token: i0.NgZone }, { token: MasterService }], 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 }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", 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 mb-4\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <lib-hr-line [field]=\"horizontalLineObj\" />\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 my-1\">\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 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 my-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\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          *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=\"my-1\"\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)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"my-1\"\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=\"my-1\"\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=\"my-1\"\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=\"my-1\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\r\n          <lib-file-preview\r\n            *ngIf=\"previewFile\"\r\n            [field]=\"questions['field']\"\r\n            [file]=\"previewFile\"\r\n            (closed)=\"closeFilePreview()\">\r\n          </lib-file-preview>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.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", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$4.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: i4$4.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"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
+    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 }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", 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 mb-4\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <lib-hr-line [field]=\"horizontalLineObj\" />\r\n      <div *ngFor=\"let questions of section['questions']\" class=\"row\">\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          [ngClass]=\"questions?.field?.cssClass\"\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 my-1\">\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          [ngClass]=\"questions?.field?.cssClass\"\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 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 my-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\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          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\r\n          <lib-file-preview\r\n            *ngIf=\"previewFile\"\r\n            [field]=\"questions['field']\"\r\n            [file]=\"previewFile\"\r\n            (closed)=\"closeFilePreview()\">\r\n          </lib-file-preview>\r\n        </div>\r\n\r\n\r\n        <div\r\n          [ngClass]=\"questions?.field?.cssClass\"\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.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", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$4.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: i4$4.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"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
@@ -5785,7 +5865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         GoogleMapsModule,
                         HrLineComponent,
                         FilePreviewComponent
-                    ], 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 mb-4\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <lib-hr-line [field]=\"horizontalLineObj\" />\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 my-1\">\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 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 my-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\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          *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=\"my-1\"\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)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"my-1\"\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=\"my-1\"\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=\"my-1\"\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=\"my-1\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\r\n          <lib-file-preview\r\n            *ngIf=\"previewFile\"\r\n            [field]=\"questions['field']\"\r\n            [file]=\"previewFile\"\r\n            (closed)=\"closeFilePreview()\">\r\n          </lib-file-preview>\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"] }]
+                    ], 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 mb-4\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <lib-hr-line [field]=\"horizontalLineObj\" />\r\n      <div *ngFor=\"let questions of section['questions']\" class=\"row\">\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          [ngClass]=\"questions?.field?.cssClass\"\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 my-1\">\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          [ngClass]=\"questions?.field?.cssClass\"\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 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\r\n              <div class=\"col-7 py-0 heightInputs\">\r\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\r\n              *ngIf=\"\r\n                personUwAnswers[\r\n                  'medicalQuestionsHeightUnit'\r\n                ] === 'FEET'\r\n              \"\r\n            >\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\r\n              </div>\r\n              <div\r\n                class=\"col-4 py-0 my-1\"\r\n              >\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\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          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\r\n        </div>\r\n\r\n        <div\r\n          class=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\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=\"my-1\"\r\n          [ngClass]=\"questions?.field?.cssClass\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'DOCUPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\r\n          <lib-file-preview\r\n            *ngIf=\"previewFile\"\r\n            [field]=\"questions['field']\"\r\n            [file]=\"previewFile\"\r\n            (closed)=\"closeFilePreview()\">\r\n          </lib-file-preview>\r\n        </div>\r\n\r\n\r\n        <div\r\n          [ngClass]=\"questions?.field?.cssClass\"\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 }, { type: MasterService }], propDecorators: { addressInput: [{
                 type: ViewChild,
                 args: ['addressInput']