master-control 0.4.58 → 0.4.59

package/fesm2022/master-control.mjs

@@ -4799,11 +4799,23 @@ class MedialQuestionsComponent {
     validateField(questionId, question) {
         this.fieldTouched[questionId] = true;
         const validators = this.getField(question)?.validators;
-        const value = this.personUwAnswers[questionId];
+        let value;
+        if (this.personUwAnswers['medicalQuestionsHeightUnit'] !== 'FEET') {
+            value = this.personUwAnswers.medicalQuestionsHeightInput;
+        }
+        else {
+            value = this.personUwAnswers[questionId];
+        }
         // Initialize errors object for this field
         this.fieldErrors[questionId] = {};
         // Required validation
-        if (validators?.isRequired && this.checkIfValueIsEmpty(value)) {
+        if (question.questionType === 'CHECKBOX' &&
+            validators?.isRequired &&
+            this.checkIfValueIsEmpty(value[0])) {
+            this.fieldErrors[questionId]['required'] = true;
+        }
+        else if (validators?.isRequired &&
+            (this.checkIfValueIsEmpty(value) || value === 0.0)) {
             this.fieldErrors[questionId]['required'] = true;
         }
         // Skip other validations if value is empty
@@ -4847,16 +4859,20 @@ class MedialQuestionsComponent {
             const errors = this.fieldErrors[questionId];
             const validators = question?.field?.validators;
             if (errors['required']) {
-                if (question?.field?.controlType === 'radio') {
+                if (question?.field?.controlType === 'radio' || question?.field?.controlType === 'checkbox') {
                     return validators?.requiredMessage || `Please select any one option`;
                 }
-                return validators?.requiredMessage || `Please enter ${question?.questionText || 'this field'}`;
+                const cleanText = question?.questionText?.replace(/\(ft\)|\(kg\)/gi, '').trim() ||
+                    'this field';
+                return validators?.requiredMessage || `Please enter ${cleanText}`;
             }
             if (errors['type']) {
                 return validators?.patternMessage || 'Invalid input type';
             }
             if (errors['range']) {
-                return `Please enter a valid ${question?.questionText || 'value'}`;
+                const cleanText = question?.questionText?.replace(/\(ft\)|\(kg\)/gi, '').trim() ||
+                    'value';
+                return `Please enter a valid ${cleanText}`;
             }
         }
         return '';
@@ -6408,7 +6424,7 @@ class MedialQuestionsComponent {
         return window;
     }
     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: { clusterId: { classPropertyName: "clusterId", publicName: "clusterId", isSignal: true, isRequired: false, transformFunction: null }, triggerValidation: { classPropertyName: "triggerValidation", publicName: "triggerValidation", isSignal: false, isRequired: false, transformFunction: null }, medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, personType: { classPropertyName: "personType", publicName: "personType", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { questionsValueChange: "questionsValueChange" }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\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);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); valueChangeForMultiselect(questions)\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", 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}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "openQuoteImageObj", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.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$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { clusterId: { classPropertyName: "clusterId", publicName: "clusterId", isSignal: true, isRequired: false, transformFunction: null }, triggerValidation: { classPropertyName: "triggerValidation", publicName: "triggerValidation", isSignal: false, isRequired: false, transformFunction: null }, medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, personType: { classPropertyName: "personType", publicName: "personType", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { questionsValueChange: "questionsValueChange" }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n\n        </div>\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\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);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (click)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"\n            validateField(questions.questionId, questions);\n            valueChangeForMultiselect(questions)\n          \"\n          [field]=\"questions['field']\"\n        />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", 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}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "openQuoteImageObj", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.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$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
@@ -6426,7 +6442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         GoogleMapsModule,
                         HrLineComponent,
                         FilePreviewComponent
-                    ], template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\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);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); valueChangeForMultiselect(questions)\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", 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}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"] }]
+                    ], template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n\n        </div>\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\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);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (click)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"\n            validateField(questions.questionId, questions);\n            valueChangeForMultiselect(questions)\n          \"\n          [field]=\"questions['field']\"\n        />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", 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}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { questionsValueChange: [{
                 type: Output
             }], triggerValidation: [{