master-control 0.2.97 → 0.2.99

package/fesm2022/master-control.mjs

@@ -181,6 +181,14 @@ class MasterControlService {
                     "imgIconUrl": 'https://cdn.godigit.com/retail-life/Endorsement_pending.svg'
                 }
             ]
+        },
+        "policyDisplayCard": {
+            "policyDetails": [{
+                    "policyHolderName": "XYZ",
+                    "policyType": "Glow Plus",
+                    "policyNumber": "L1234694934"
+                }
+            ]
         }
     };
     snackbars = [
@@ -710,17 +718,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const MY_DATE_FORMAT = {
     parse: {
         dateInput: [
-            'DD/MM/YYYY',
+            'DD-MM-YYYY',
             'MM/DD/YYYY',
             'YYYY/MM/DD',
+            'DD/MM/YYYY',
             'DD MMM YYYY',
-            'DD MMMM YYYY'
+            'DD MMMM YYYY',
+            'DD-MMM-YYYY'
         ]
     },
     display: {
-        dateInput: 'DD/MM/YYYY',
+        dateInput: 'DD-MMM-YYYY',
         monthYearLabel: 'MMM YYYY',
-        dateA11yLabel: 'DD/MM/YYYY',
+        dateA11yLabel: 'DD-MMM-YYYY',
         monthYearA11yLabel: 'MMMM YYYY'
     }
 };
@@ -2347,14 +2357,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: MasterControlService }] });
 
 class CardComponent {
+    masterSharedService;
     field = input.required();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "  <div class=\"d-flex gap-5\" *ngIf=\"field() && field()?.isVisible\">\r\n    <div class=\"endorsement-card\" [ngStyle]=\"{\r\n    '--card-border-color': field()?.controlStyle?.borderColor ,\r\n    '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--card-border-radius': field()?.controlStyle?.borderRadius \r\n}\">\r\n      <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,\r\n}\">Label</p>\r\n      <hr class=\"m-0 hr-line mt-1\" />\r\n      <div class=\"d-flex gap-2 mt-1\">\r\n        <span>\r\n          <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n        </span>\r\n        <span>\r\n          <p class=\"m-0 card-label\">Glow Plus Pure Term</p>\r\n          <span class=\"below-card-text\">L1234694934</span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , .5rem);padding:12px;max-width:220px}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    cardDetailsClicked = new EventEmitter();
+    constructor(masterSharedService) {
+        this.masterSharedService = masterSharedService;
+    }
+    ngOnInit() {
+        this.field().cardDetails = this.field().configData?.cardDetails ? this.field().configData?.cardDetails : this.masterSharedService?.configData?.policyDisplayCard?.policyDetails;
+    }
+    activeCard(emitData) {
+        const cards = document.querySelectorAll('.endorsement-card');
+        cards.forEach(card => {
+            card.addEventListener('click', () => {
+                cards.forEach(c => c.classList.remove('active'));
+                card.classList.add('active');
+            });
+        });
+        let passcardData = {
+            "cardData": emitData,
+            "filedData": this.field()
+        };
+        this.cardDetailsClicked.emit(passcardData);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [{ token: MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { cardDetailsClicked: "cardDetailsClicked" }, ngImport: i0, template: "<div class=\"grid-container-card\" *ngIf=\"field() && field()?.isVisible\">\r\n  <div class=\"endorsement-card\" [ngStyle]=\"{\r\n              '--card-border-color': field()?.controlStyle?.borderColor ,\r\n              '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n              '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n              '--card-border-radius': field()?.controlStyle?.borderRadius \r\n             }\" *ngFor=\"let policyDetails of field().cardDetails; let i = index\" (click)=\"activeCard(policyDetails)\">\r\n    <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,}\">{{policyDetails?.policyHolderName}}</p>\r\n    <hr class=\"m-0 hr-line mt-1\" />\r\n    <div class=\"d-flex gap-2 mt-1\">\r\n      <span>\r\n        <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n      </span>\r\n      <span>\r\n        <p class=\"m-0 card-label\">{{policyDetails?.policyType}}</p>\r\n        <span class=\"below-card-text\">{{policyDetails?.policyNumber}}</span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1.5px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , .5rem);padding:12px;max-width:220px;cursor:pointer;transition:border-color .3s ease}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}.grid-container-card{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;padding:20px!important}.endorsement-card.active{border-color:#fb0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-card', standalone: true, imports: [CommonModule], template: "  <div class=\"d-flex gap-5\" *ngIf=\"field() && field()?.isVisible\">\r\n    <div class=\"endorsement-card\" [ngStyle]=\"{\r\n    '--card-border-color': field()?.controlStyle?.borderColor ,\r\n    '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--card-border-radius': field()?.controlStyle?.borderRadius \r\n}\">\r\n      <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,\r\n}\">Label</p>\r\n      <hr class=\"m-0 hr-line mt-1\" />\r\n      <div class=\"d-flex gap-2 mt-1\">\r\n        <span>\r\n          <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n        </span>\r\n        <span>\r\n          <p class=\"m-0 card-label\">Glow Plus Pure Term</p>\r\n          <span class=\"below-card-text\">L1234694934</span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , .5rem);padding:12px;max-width:220px}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}\n"] }]
-        }] });
+            args: [{ selector: 'lib-card', standalone: true, imports: [CommonModule], template: "<div class=\"grid-container-card\" *ngIf=\"field() && field()?.isVisible\">\r\n  <div class=\"endorsement-card\" [ngStyle]=\"{\r\n              '--card-border-color': field()?.controlStyle?.borderColor ,\r\n              '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n              '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n              '--card-border-radius': field()?.controlStyle?.borderRadius \r\n             }\" *ngFor=\"let policyDetails of field().cardDetails; let i = index\" (click)=\"activeCard(policyDetails)\">\r\n    <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,}\">{{policyDetails?.policyHolderName}}</p>\r\n    <hr class=\"m-0 hr-line mt-1\" />\r\n    <div class=\"d-flex gap-2 mt-1\">\r\n      <span>\r\n        <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n      </span>\r\n      <span>\r\n        <p class=\"m-0 card-label\">{{policyDetails?.policyType}}</p>\r\n        <span class=\"below-card-text\">{{policyDetails?.policyNumber}}</span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1.5px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , .5rem);padding:12px;max-width:220px;cursor:pointer;transition:border-color .3s ease}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}.grid-container-card{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;padding:20px!important}.endorsement-card.active{border-color:#fb0}\n"] }]
+        }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { cardDetailsClicked: [{
+                type: Output
+            }] } });
 
 class HrLineComponent {
     field = input.required();
@@ -3053,6 +3087,9 @@ class MedialQuestionsComponent {
     marker = {};
     personUwAnswers = {
         medicalQuestionsHeightUnit: 'FEET',
+        medicalQuestionFeetInput: 0,
+        medicalQuestionsInchesInput: 0,
+        medicalQuestionsHeightInput: 0,
     };
     medQuestionObj = {};
     listOfDomainValuesForCheckBox = [];
@@ -3100,6 +3137,28 @@ class MedialQuestionsComponent {
     ngAfterViewInit() {
         this.initializeAutocomplete();
     }
+    resolveHeightQuestionIds() {
+        this.personUwAnswers['medicalQuestionsHeightInput'] = 0;
+        this.personUwAnswers['medicalQuestionFeetInput'] = 0;
+        this.personUwAnswers['medicalQuestionsInchesInput'] = 0;
+        this.questionList.forEach((section) => {
+            if (section.questions && Array.isArray(section.questions)) {
+                section.questions.forEach((question) => {
+                    switch (question.cammundaQuestionCode) {
+                        case 'QHT':
+                            this.personUwAnswers['medicalQuestionsHeightInput'] = question.questionId;
+                            break;
+                        case 'QHTF':
+                            this.personUwAnswers['medicalQuestionFeetInput'] = question.questionId;
+                            break;
+                        case 'QHTI':
+                            this.personUwAnswers['medicalQuestionsInchesInput'] = question.questionId;
+                            break;
+                    }
+                });
+            }
+        });
+    }
     initializeAutocomplete() {
         this.autocomplete = new google.maps.places.Autocomplete(this.addressInput?.nativeElement, {
             types: ['address'],
@@ -3546,6 +3605,7 @@ class MedialQuestionsComponent {
                         // let lifeAssuredObjectIndexInMaster: any = this.questionList.findIndex((singleObj: any) => singleObj['role'] === singlePersonObject['role']);
                         // if (lifeAssuredObjectIndexInMaster !== this.numberMinusOne) {
                         this.questionList = questionsListForLA;
+                        this.resolveHeightQuestionIds();
                         // }
                     });
                     this.personUwResponseObj = data['questionsResponse'];
@@ -3798,14 +3858,6 @@ class MedialQuestionsComponent {
                     singleSection['questions'].forEach((singleQuestion) => {
                         if (!this.showQuestion(singleQuestion)) {
                             singleQuestion['isShowQuestionInUI'] = false;
-                            // if (singleQuestion['questionType'] === 'CHECKBOX' && !this.checkIfValueIsEmpty(singleQuestion['domainValues'])) {
-                            //   singleQuestion['domainValues'].forEach((domainValueObj: any) => {
-                            //     if (!this.checkIfValueIsEmpty(this.personUwAnswers[domainValueObj['domainInternalValue']])) {
-                            //       delete this.personUwAnswers[domainValueObj['domainInternalValue']];
-                            //     }
-                            //   });
-                            // }
-                            // if (singleQuestion['questionType'] !== 'CHECKBOX') {
                             if (!this.checkIfValueIsEmpty(this.personUwAnswers[singleQuestion['questionId']])) {
                                 delete this.personUwAnswers[singleQuestion['questionId']];
                             }
@@ -4311,32 +4363,32 @@ class MedialQuestionsComponent {
                         singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
                             'BASIC_DETAILS')) {
                     // validation for height in cm
-                    let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT');
-                    let heightInInchesObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTI');
-                    let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF');
+                    let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT' || obj['questionId'] === this.personUwAnswers['medicalQuestionsHeightInput']);
+                    let heightInInchesObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTI' || obj['questionId'] === this.personUwAnswers['medicalQuestionsInchesInput']);
+                    let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF' || obj['questionId'] === this.personUwAnswers['medicalQuestionFeetInput']);
                     if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
                         !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
                         !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
-                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput'])) {
+                        !this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionsHeightInput']])) {
                         // pass height in cm obj
                         let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
                             obj['personUWId'] === singleSection['personUWId']);
                         if (cmObjInAnswersindex !== -1) {
                             mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
-                                parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString();
+                                parseInt(this.personUwAnswers[this.personUwAnswers['medicalQuestionsHeightInput']]).toString();
                         }
                         else {
                             mainRequestForBothPersons.push({
                                 personUWId: singleSection['personUWId'],
                                 questionId: heightInCentimeterObj[0]['questionId'],
-                                answer: parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString(),
+                                answer: parseInt(this.personUwAnswers[this.personUwAnswers['medicalQuestionsHeightInput']]).toString(),
                                 personUWParentId: 0,
                                 createdUser: this.getCookieValue('userId'),
                                 clusterId: heightInCentimeterObj[0]['clusterId'],
                             });
                         }
                         // height in inches
-                        let heightInInches = (this.personUwAnswers['medicalQuestionsHeightInput'] * 0.393701).toFixed(2);
+                        let heightInInches = (this.personUwAnswers[this.personUwAnswers['medicalQuestionsHeightInput']] * 0.393701).toFixed(2);
                         let heightInFeet = parseFloat((heightInInches / 12).toString().split('.')[1]) > 12
                             ? (heightInInches / 12).toFixed(1)
                             : (heightInInches / 12).toFixed(2);
@@ -4375,28 +4427,28 @@ class MedialQuestionsComponent {
                         }
                     }
                     else if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'FEET' &&
-                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) &&
-                        !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput'])) {
+                        !this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionFeetInput']]) &&
+                        !this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']])) {
                         if (!this.checkIfValueIsEmpty(heightInFeetObj)) {
-                            let heightInInches = parseFloat(this.personUwAnswers['medicalQuestionFeetInput']) *
+                            let heightInInches = parseFloat(this.personUwAnswers[this.personUwAnswers['medicalQuestionFeetInput']]) *
                                 12 +
-                                parseFloat(this.personUwAnswers['medicalQuestionsInchesInput']);
+                                parseFloat(this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']]);
                             let heightInCm = (parseFloat(heightInInches) / 0.393701).toFixed(2);
                             let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
                                 obj['personUWId'] === singleSection['personUWId']);
                             if (feetObjInAnswersindex !== -1) {
                                 mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
-                                    this.personUwAnswers['medicalQuestionFeetInput'].toString() +
+                                    this.personUwAnswers[this.personUwAnswers['medicalQuestionFeetInput']].toString() +
                                         '.' +
-                                        this.personUwAnswers['medicalQuestionsInchesInput'].toString();
+                                        this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']].toString();
                             }
                             else {
                                 mainRequestForBothPersons.push({
                                     personUWId: singleSection['personUWId'],
                                     questionId: heightInFeetObj[0]['questionId'],
-                                    answer: this.personUwAnswers['medicalQuestionFeetInput'].toString() +
+                                    answer: this.personUwAnswers[this.personUwAnswers['medicalQuestionFeetInput']].toString() +
                                         '.' +
-                                        this.personUwAnswers['medicalQuestionsInchesInput'].toString(),
+                                        this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']].toString(),
                                     personUWParentId: 0,
                                     createdUser: this.getCookieValue('userId'),
                                     clusterId: heightInFeetObj[0]['clusterId'],
@@ -4664,8 +4716,8 @@ class MedialQuestionsComponent {
                         let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF');
                         if (!this.checkIfValueIsEmpty(heightInInchesObj) &&
                             !this.checkIfValueIsEmpty(heightInFeetObj) &&
-                            (this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) ||
-                                this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput']))) {
+                            (this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionFeetInput']]) ||
+                                this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']]))) {
                             isValid = false;
                             // if (this.sharedService.isMandatoryField && !savedraft && redirect) {
                             // if (this.sharedService.selectedQuestionTab !== singlePersonObj['role']) {
@@ -4690,7 +4742,7 @@ class MedialQuestionsComponent {
                     // validation for height in cm
                     let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT');
                     if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
-                        this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput']) &&
+                        this.checkIfValueIsEmpty(this.personUwAnswers[this.personUwAnswers['medicalQuestionsHeightInput']]) &&
                         !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
                         isValid) {
                         isValid = false;
@@ -4908,81 +4960,80 @@ class MedialQuestionsComponent {
             //     ].toString()
             //   )
             // );
-            this.masterService.getSubQuestions(question['field']['configData'], selectedDiseases, this.personUwId).subscribe((data) => {
-                // this.loader.display(false);
-                let distinctSteps = [];
-                if (!this.checkIfValueIsEmpty(data)) {
-                    data.forEach((subQuestion) => {
-                        subQuestion['isShowQuestionInUI'] = false;
-                        subQuestion['isMedicalSubQuestion'] = true;
-                        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 = data.filter((object) => object['questionId'] ===
-                                    singleQuestionRelationObj['nextQuestionId']);
-                                if (nextQuestionObject.length > 0) {
-                                    nextQuestionObject[0]['answeredValue'] =
-                                        singleQuestionRelationObj['parentQuestionValue'];
-                                }
-                            });
-                        }
-                        // subQuestion[
-                        //   'domainValues'
-                        // ] = this.sharedService.personUwResponseObj['domainValues'][
-                        //   subQuestion['domainName']
-                        // ];
-                        // if (
-                        //   !this.sharedService.checkIfValueIsEmpty(
-                        //     subQuestion['domainValues']
-                        //   )
-                        // ) {
-                        //   subQuestion['domainValues'].forEach((subDomain: any) => {
-                        //     this.sharedService.subMedicalQuestionsDomainInternalValuesList.push(
-                        //       subDomain['domainInternalValue']
-                        //     );
-                        //   });
-                        // }
-                        if (!distinctSteps.includes(subQuestion['clusterId'])) {
-                            distinctSteps.push(subQuestion['clusterId']);
-                        }
-                    });
-                    data.sort((a, b) => a['step'] - b['step'] || a['displayOrder'] - b['displayOrder']);
-                    distinctSteps.forEach((steps, ind) => {
-                        let filteredObj = data.filter((singleQuestion) => singleQuestion['clusterId'] === steps);
-                        let obj = {
-                            step: 1000 + ind,
-                            questions: !this.checkIfValueIsEmpty(filteredObj)
-                                ? filteredObj
-                                : [],
-                            sectionName: !this.checkIfValueIsEmpty(filteredObj)
-                                ? filteredObj[0]['title']
-                                : '',
-                            personUWId: this.personUwId,
-                            isMedicalSubQuestion: true,
-                            showSection: true
-                        };
-                        this.questionList.push(obj);
-                    });
-                    this.medicalSubQuestionsResponse = data;
-                    // merge medical sub questions into person uw main questions response (required for show question function to work)
-                    // clearing on top before api call
-                    this.personUwResponseObj['questionList'] = this.personUwResponseObj['questionList'].concat(this.medicalSubQuestionsResponse);
-                }
-                this.removeSubQuestionValues();
-            }, (err) => {
-                // this.loader.display(false);
-            });
+            if (question['field']['configData'].hasOwnProperty('apiUrl') && question['field']['configData'].hasOwnProperty('urlParamForDisease') && question['field']['configData'].hasOwnProperty('urlParamForPersonUwId') && !this.checkIfValueIsEmpty(question['field']['configData']['apiUrl']) && !this.checkIfValueIsEmpty(question['field']['configData']['urlParamForDisease']) && !this.checkIfValueIsEmpty(question['field']['configData']['urlParamForPersonUwId'])) {
+                this.masterService.getSubQuestions(question['field']['configData'], selectedDiseases, this.personUwId).subscribe((data) => {
+                    // this.loader.display(false);
+                    let distinctSteps = [];
+                    if (!this.checkIfValueIsEmpty(data)) {
+                        data.forEach((subQuestion) => {
+                            subQuestion['domainValues'] = this.medialQuestionResponse()['domainValues'][subQuestion['domainName']];
+                            subQuestion['isShowQuestionInUI'] = false;
+                            subQuestion['isMedicalSubQuestion'] = true;
+                            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 = data.filter((object) => object['questionId'] ===
+                                        singleQuestionRelationObj['nextQuestionId']);
+                                    if (nextQuestionObject.length > 0) {
+                                        nextQuestionObject[0]['answeredValue'] =
+                                            singleQuestionRelationObj['parentQuestionValue'];
+                                    }
+                                });
+                            }
+                            // if (
+                            //   !this.checkIfValueIsEmpty(
+                            //     subQuestion['domainValues']
+                            //   )
+                            // ) {
+                            //   subQuestion['domainValues'].forEach((subDomain: any) => {
+                            //     this.sharedService.subMedicalQuestionsDomainInternalValuesList.push(
+                            //       subDomain['domainInternalValue']
+                            //     );
+                            //   });
+                            // }
+                            if (!distinctSteps.includes(subQuestion['clusterId'])) {
+                                distinctSteps.push(subQuestion['clusterId']);
+                            }
+                            subQuestion['field'] = this.getField(subQuestion);
+                        });
+                        data.sort((a, b) => a['step'] - b['step'] || a['displayOrder'] - b['displayOrder']);
+                        distinctSteps.forEach((steps, ind) => {
+                            let filteredObj = data.filter((singleQuestion) => singleQuestion['clusterId'] === steps);
+                            let obj = {
+                                step: 1000 + ind,
+                                questions: !this.checkIfValueIsEmpty(filteredObj)
+                                    ? filteredObj
+                                    : [],
+                                sectionName: !this.checkIfValueIsEmpty(filteredObj)
+                                    ? filteredObj[0]['title']
+                                    : '',
+                                personUWId: this.personUwId,
+                                isMedicalSubQuestion: true,
+                                showSection: true
+                            };
+                            this.questionList.push(obj);
+                        });
+                        this.medicalSubQuestionsResponse = data;
+                        // merge medical sub questions into person uw main questions response (required for show question function to work)
+                        // clearing on top before api call
+                        this.personUwResponseObj[0]['questionList'] = this.personUwResponseObj[0]['questionList'].concat(this.medicalSubQuestionsResponse);
+                    }
+                    this.removeSubQuestionValues();
+                }, (err) => {
+                    // this.loader.display(false);
+                });
+            }
         }
         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 }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-1\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0 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 [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\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 [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [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']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues my-1\"\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']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-1\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0 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[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']\" />\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[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[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']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues my-1\"\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']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
@@ -4998,7 +5049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         UploadComponent,
                         MultipleSelectComponent,
                         GoogleMapsModule,
-                    ], template: "\r\n<div *ngFor=\"let section of questionList\">\r\n    <div\r\n      *ngIf=\"\r\n        !checkIfValueIsEmpty(section['questions']) &&\r\n        section['showSection']\r\n      \"\r\n      class=\"card p-3 my-1\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0 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 [field]=\"medQuestionObj['QHT']['field']\"   />\r\n              </div>\r\n              <div class=\"col-5\">\r\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"row\"\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 [field]=\"medQuestionObj['QHTF']['field']\" />\r\n              </div>\r\n              <div class=\"col-4 py-0 my-1\">\r\n                <lib-select [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']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues my-1\"\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']\" />\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 my-1\"\r\n      id=\"personUwMedicalQuestions\"\r\n    >\r\n      <h6 class=\"page-title bold-label\">\r\n        {{ getTitleCase(section[\"sectionName\"]) }}\r\n      </h6>\r\n      <div *ngFor=\"let questions of section['questions']\">\r\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\r\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\r\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\r\n        </div> -->\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'FREE TEXT' &&\r\n            questions['cammundaQuestionCode'] !== 'QHT' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n          <!-- <label class=\"field-lable d-block\"\r\n            >{{ questions[\"questionText\"] }}\r\n            <span\r\n              *ngIf=\"\r\n                questions.optionalQuestion === 'N'\r\n              \"\r\n              style=\"color: #ee0000\"\r\n              >&#42;</span\r\n            >\r\n          </label> -->\r\n          <div class=\"col-12 px-0 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[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']\" />\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[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[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']\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"row mt-0 pt-0\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'MAP' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n\r\n\r\n          <div class=\"map-container\">\r\n            <div class=\"address-search-container mb-3\">\r\n\r\n    <div class=\"row mb-3\">\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Longitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"longitude\"\r\n          placeholder=\"Enter longitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <label class=\"form-label card-topic\">Latitude</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control\"\r\n          [(ngModel)]=\"latitude\"\r\n          placeholder=\"Enter latitude\"\r\n          step=\"any\"\r\n          readonly\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n      <input\r\n        #addressInput\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        placeholder=\"Search for address\"\r\n        (keyup)=\"onAddressInputKeyup($event)\"\r\n        (focus)=\"showDropdown = true\"\r\n        (blur)=\"onInputBlur()\"\r\n        autocomplete=\"off\"\r\n      >\r\n      <div\r\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\r\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\r\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\r\n      class=\"dropdown-item p-2\"\r\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\r\n      (mousedown)=\"selectAddress(suggestion)\"\r\n      (mouseenter)=\"hoveredIndex = i\"\r\n      [class.bg-light]=\"hoveredIndex === i\"\r\n    >\r\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\r\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\r\n    </div>\r\n  </div>\r\n      <small class=\"text-muted\">Start typing to search for addresses</small>\r\n    </div>\r\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\r\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\r\n            </google-map>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"medicalQues my-1\"\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']\" />\r\n        </div>\r\n\r\n\r\n        <div\r\n          class=\"\"\r\n          *ngIf=\"\r\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\r\n            questions['isShowQuestionInUI']\r\n          \"\r\n        >\r\n        <!-- pending -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { addressInput: [{
                 type: ViewChild,
                 args: ['addressInput']
@@ -5185,7 +5236,7 @@ class MasterControlComponent {
     formGroup = new FormGroup({});
     constructor() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field()?.controlType) {\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: MobNumberComponent, selector: "lib-mob-number", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: InfoComponent, selector: "lib-info", inputs: ["field"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: TabComponent, selector: "lib-tab", inputs: ["field"], outputs: ["selectedIndexChange"] }, { kind: "component", type: AutocompleteComponent, selector: "lib-autocomplete", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: OtpTextboxComponent, selector: "lib-otp-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AmountTextboxComponent, selector: "lib-amount-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SuffixTextboxComponent, selector: "lib-suffix-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: OtpMobNumberComponent, selector: "lib-otp-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: TagMobNumberComponent, selector: "lib-tag-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AgeDateComponent, selector: "lib-age-date", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field", "reactiveFormControlobject", "fields"], outputs: ["infoClick"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: ImageUploadComponent, selector: "lib-image-upload", inputs: ["field"] }, { kind: "component", type: DownloadDocumentComponent, selector: "lib-download-document", inputs: ["field"] }, { kind: "component", type: AddDocumentComponent, selector: "lib-add-document", inputs: ["field"] }, { kind: "component", type: HyperlinkComponent, selector: "lib-hyperlink", inputs: ["field"] }, { kind: "component", type: TextboxWithUnderscoreComponent, selector: "lib-textbox-with-underscore", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: UnderscoreMobNumberComponent, selector: "lib-underscore-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ImageComponent, selector: "lib-image", inputs: ["field"] }, { kind: "component", type: StepperComponent, selector: "lib-stepper", inputs: ["field"] }, { kind: "component", type: CardComponent, selector: "lib-card", inputs: ["field"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: SearchMultiSelectComponent, selector: "lib-search-multi-select", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: SubscriptTextboxComponent, selector: "lib-subscript-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: LabelComponent, selector: "lib-label", inputs: ["field"] }, { kind: "component", type: SubHeaderComponent, selector: "lib-sub-header", inputs: ["field"] }, { kind: "component", type: HeaderComponent, selector: "lib-header", inputs: ["field"] }, { kind: "component", type: TextboxWithTextComponent, selector: "lib-textbox-with-text", inputs: ["reactiveFormControlobject", "field"], outputs: ["blur"] }, { kind: "component", type: DiscountComponent, selector: "lib-discount", inputs: ["field"] }, { kind: "component", type: BenefitCardComponent, selector: "lib-benefit-card", inputs: ["field"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["field", "readonly"], outputs: ["actionItemClicked", "tablePaginationClicked"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["field"] }, { kind: "component", type: WarningSnackbarComponent, selector: "lib-warning-snackbar", inputs: ["field"] }, { kind: "component", type: SuccessSnackbarComponent, selector: "lib-success-snackbar", inputs: ["field"] }, { kind: "component", type: NeutralSnackbarComponent, selector: "lib-neutral-snackbar", inputs: ["field"] }, { kind: "component", type: ErrorSnackbarComponent, selector: "lib-error-snackbar", inputs: ["field"] }, { kind: "component", type: GreyLabelComponent, selector: "lib-grey-label", inputs: ["field"] }, { kind: "component", type: IframeComponent, selector: "lib-iframe", inputs: ["field"] }, { kind: "component", type: ToggleButtonComponent, selector: "lib-toggle-button", inputs: ["reactiveFormControlobject", "field"], outputs: ["selectionChanged", "change"] }, { kind: "component", type: PayGetCardComponent, selector: "lib-pay-get-card", inputs: ["field", "payAmount", "premiumAmount", "ptValue", "years", "frequency"] }, { kind: "component", type: InBuiltBenefitComponent, selector: "lib-in-built-benefit", inputs: ["field", "premiumAmount", "premiumAmountShort"] }, { kind: "component", type: OtherBenefitsComponent, selector: "lib-other-benefits", inputs: ["field"] }, { kind: "component", type: AnnuityRateLogoComponent, selector: "lib-annuity-rate-logo", inputs: ["field", "ratePercent"] }, { kind: "component", type: DiscountV2Component, selector: "lib-discount-v2", inputs: ["field"] }, { kind: "component", type: LabelValueCardComponent, selector: "lib-label-value-card", inputs: ["field"] }, { kind: "component", type: MedialQuestionsComponent, selector: "lib-medial-questions", inputs: ["medialQuestionResponse", "field"] }, { kind: "component", type: PageNudgeComponent, selector: "lib-page-nudge", inputs: ["field"] }, { kind: "component", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: ["field"] }, { kind: "component", type: AccordianComponent, selector: "lib-accordian", inputs: ["field"] }, { kind: "component", type: MiscellaneousInfoBarComponent, selector: "lib-miscellaneous-info-bar", inputs: ["field", "details"] }, { kind: "component", type: PlainTextComponent, selector: "lib-plain-text", inputs: ["field"] }, { kind: "component", type: MenuComponent, selector: "lib-menu", inputs: ["field"] }, { kind: "component", type: StepperWIthArrowComponent, selector: "lib-stepper-with-arrow", inputs: ["field"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field()?.controlType) {\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: MobNumberComponent, selector: "lib-mob-number", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: InfoComponent, selector: "lib-info", inputs: ["field"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: TabComponent, selector: "lib-tab", inputs: ["field"], outputs: ["selectedIndexChange"] }, { kind: "component", type: AutocompleteComponent, selector: "lib-autocomplete", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: OtpTextboxComponent, selector: "lib-otp-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AmountTextboxComponent, selector: "lib-amount-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SuffixTextboxComponent, selector: "lib-suffix-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: OtpMobNumberComponent, selector: "lib-otp-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: TagMobNumberComponent, selector: "lib-tag-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AgeDateComponent, selector: "lib-age-date", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field", "reactiveFormControlobject", "fields"], outputs: ["infoClick"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: ImageUploadComponent, selector: "lib-image-upload", inputs: ["field"] }, { kind: "component", type: DownloadDocumentComponent, selector: "lib-download-document", inputs: ["field"] }, { kind: "component", type: AddDocumentComponent, selector: "lib-add-document", inputs: ["field"] }, { kind: "component", type: HyperlinkComponent, selector: "lib-hyperlink", inputs: ["field"] }, { kind: "component", type: TextboxWithUnderscoreComponent, selector: "lib-textbox-with-underscore", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: UnderscoreMobNumberComponent, selector: "lib-underscore-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ImageComponent, selector: "lib-image", inputs: ["field"] }, { kind: "component", type: StepperComponent, selector: "lib-stepper", inputs: ["field"] }, { kind: "component", type: CardComponent, selector: "lib-card", inputs: ["field"], outputs: ["cardDetailsClicked"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: SearchMultiSelectComponent, selector: "lib-search-multi-select", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: SubscriptTextboxComponent, selector: "lib-subscript-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: LabelComponent, selector: "lib-label", inputs: ["field"] }, { kind: "component", type: SubHeaderComponent, selector: "lib-sub-header", inputs: ["field"] }, { kind: "component", type: HeaderComponent, selector: "lib-header", inputs: ["field"] }, { kind: "component", type: TextboxWithTextComponent, selector: "lib-textbox-with-text", inputs: ["reactiveFormControlobject", "field"], outputs: ["blur"] }, { kind: "component", type: DiscountComponent, selector: "lib-discount", inputs: ["field"] }, { kind: "component", type: BenefitCardComponent, selector: "lib-benefit-card", inputs: ["field"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["field", "readonly"], outputs: ["actionItemClicked", "tablePaginationClicked"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["field"] }, { kind: "component", type: WarningSnackbarComponent, selector: "lib-warning-snackbar", inputs: ["field"] }, { kind: "component", type: SuccessSnackbarComponent, selector: "lib-success-snackbar", inputs: ["field"] }, { kind: "component", type: NeutralSnackbarComponent, selector: "lib-neutral-snackbar", inputs: ["field"] }, { kind: "component", type: ErrorSnackbarComponent, selector: "lib-error-snackbar", inputs: ["field"] }, { kind: "component", type: GreyLabelComponent, selector: "lib-grey-label", inputs: ["field"] }, { kind: "component", type: IframeComponent, selector: "lib-iframe", inputs: ["field"] }, { kind: "component", type: ToggleButtonComponent, selector: "lib-toggle-button", inputs: ["reactiveFormControlobject", "field"], outputs: ["selectionChanged", "change"] }, { kind: "component", type: PayGetCardComponent, selector: "lib-pay-get-card", inputs: ["field", "payAmount", "premiumAmount", "ptValue", "years", "frequency"] }, { kind: "component", type: InBuiltBenefitComponent, selector: "lib-in-built-benefit", inputs: ["field", "premiumAmount", "premiumAmountShort"] }, { kind: "component", type: OtherBenefitsComponent, selector: "lib-other-benefits", inputs: ["field"] }, { kind: "component", type: AnnuityRateLogoComponent, selector: "lib-annuity-rate-logo", inputs: ["field", "ratePercent"] }, { kind: "component", type: DiscountV2Component, selector: "lib-discount-v2", inputs: ["field"] }, { kind: "component", type: LabelValueCardComponent, selector: "lib-label-value-card", inputs: ["field"] }, { kind: "component", type: MedialQuestionsComponent, selector: "lib-medial-questions", inputs: ["medialQuestionResponse", "field"] }, { kind: "component", type: PageNudgeComponent, selector: "lib-page-nudge", inputs: ["field"] }, { kind: "component", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: ["field"] }, { kind: "component", type: AccordianComponent, selector: "lib-accordian", inputs: ["field"] }, { kind: "component", type: MiscellaneousInfoBarComponent, selector: "lib-miscellaneous-info-bar", inputs: ["field", "details"] }, { kind: "component", type: PlainTextComponent, selector: "lib-plain-text", inputs: ["field"] }, { kind: "component", type: MenuComponent, selector: "lib-menu", inputs: ["field"] }, { kind: "component", type: StepperWIthArrowComponent, selector: "lib-stepper-with-arrow", inputs: ["field"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, decorators: [{
             type: Component,