master-control 0.4.29 → 0.4.30

package/fesm2022/master-control.mjs

@@ -17,6 +17,7 @@ import { MatSelectModule } from '@angular/material/select';
 import * as i2$2 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i1$1 from '@angular/platform-browser';
+import * as i1$2 from '@angular/common/http';
 import { MomentDateAdapter, MomentDateModule } from '@angular/material-moment-adapter';
 import * as i5 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -34,11 +35,10 @@ import * as i4$2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i5$2 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
-import * as i1$2 from '@angular/material/button-toggle';
+import * as i1$3 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i4$3 from '@angular/google-maps';
 import { GoogleMapsModule } from '@angular/google-maps';
-import * as i1$3 from '@angular/common/http';
 import * as i1$4 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i1$5 from '@angular/material/expansion';
@@ -941,15 +941,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class MasterService {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    getCookieValue(name) {
+        const cookie = document.cookie.split(';');
+        let tokenName = '';
+        let tokenValue = '';
+        const index2 = 2;
+        cookie.forEach(data => {
+            if (data.split('=')[0].includes(name) && !!data.split('=')[1]) {
+                tokenName = data.split('=')[0].trim();
+                tokenValue = data.split('=')[1];
+            }
+            if (name === 'link' &&
+                data.split('=')[0].includes(name) &&
+                data.split('=')[index2] !== null &&
+                data.split('=')[index2] !== undefined) {
+                tokenValue = tokenValue + '=' + data.split('=')[index2];
+            }
+        });
+        return tokenValue;
+    }
+    getCommonHeaders(configData) {
+        const headers = {};
+        headers['content-type'] = 'application/json';
+        if (configData['isSendToken']) {
+            headers['Authorization'] = 'Bearer ' + this.getCookieValue(configData['tokenCookieParam']);
+        }
+        return headers;
+    }
+    getSubQuestions(configData, subquestionType, personUWID) {
+        let url = `${configData['apiUrl']}`;
+        url += `?${configData['urlParamForDisease']}=${subquestionType}`;
+        url += `&${configData['urlParamForPersonUwId']}=${personUWID}`;
+        url += `&lang=ENG`;
+        return this.http.get(url, { headers: this.getCommonHeaders(configData) });
+    }
+    getImage(configData, request) {
+        const headers = this.getCommonHeaders(configData);
+        headers['applicationid'] = sessionStorage.getItem(configData['sessionStorageApplicationIdParam']);
+        return this.http.post(`${configData['apiUrl']}`, request, { headers,
+            responseType: 'blob'
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+
 class UploadComponent {
     masterService;
     appRef;
     injector;
+    masterservice;
     documentUploaderField = input();
-    constructor(masterService, appRef, injector) {
+    openQuoteImageObj = input();
+    http;
+    // openQuoteImageObj : any = {
+    //   documentId: "E1B17401B6604614AC72714AB1C89BEB",
+    //   documentCode: "LAPIC",
+    //   documentName: "LAPIC_1687424860972.png",
+    //   companyCode: "DL"
+    // }
+    // configData object for api call
+    //   {
+    //   "apiUrl" : "https://uat-directportallife.godigit.com/DirectPortalLife/life/document",
+    //   "sessionStorageApplicationIdParam": "applicationid",
+    //   "isSendToken" : false,
+    //   "tokenCookieParam" : "v3Token"
+    // }
+    constructor(masterService, appRef, injector, masterservice) {
         this.masterService = masterService;
         this.appRef = appRef;
         this.injector = injector;
+        this.masterservice = masterservice;
+    }
+    ngOnChanges(changes) {
+        if ((changes['openQuoteImageObj']) && !this.masterService.checkIfValueIsEmpty(changes['openQuoteImageObj'].currentValue)) {
+            if (!this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj()) &&
+                !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentId) &&
+                !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentCode) &&
+                !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentName)) {
+                this.uploadedFiles = [
+                    {
+                        name: this.openQuoteImageObj().documentName
+                    }
+                ];
+            }
+        }
     }
     field = input.required();
     reactiveFormControlobject = input();
@@ -1028,7 +1115,40 @@ class UploadComponent {
             this.fileInput.nativeElement.click();
         }
     }
-    previewFile(file, index) {
+    previewFile(file, index, event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        // Check if the file is newly uploaded or not
+        const isActualFile = file instanceof File && file.size > 0;
+        if (!isActualFile &&
+            !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj()) &&
+            !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentId) &&
+            !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentCode) &&
+            !this.masterService.checkIfValueIsEmpty(this.openQuoteImageObj().documentName)) {
+            // This is the initially loaded file from openQuoteImageObj, fetch it from server
+            if (!this.masterService.checkIfValueIsEmpty(this.field().configData) && !this.masterService.checkIfValueIsEmpty(this.field().configData['apiUrl']) && !this.masterService.checkIfValueIsEmpty(this.field().configData['sessionStorageApplicationIdParam'])) {
+                let req = {
+                    documentId: this.openQuoteImageObj().documentId,
+                    documentCode: this.openQuoteImageObj().documentCode,
+                    companycode: this.openQuoteImageObj().companyCode,
+                };
+                this.masterservice.getImage(this.field().configData, req).subscribe((response) => {
+                    if (response) {
+                        const previewFile = new File([response], this.openQuoteImageObj().documentName, { type: response.type });
+                        console.log('Downloaded file for preview:', previewFile);
+                        this.showFilePreview(previewFile);
+                    }
+                });
+            }
+        }
+        else {
+            this.showFilePreview(file);
+        }
+    }
+    // Helper method to show file preview
+    showFilePreview(file) {
         this.filePreviewRef = createComponent(FilePreviewComponent, {
             environmentInjector: this.injector
         });
@@ -1054,14 +1174,14 @@ class UploadComponent {
     ngOnDestroy() {
         this.closeFilePreview();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadComponent, deps: [{ token: MasterControlService }, { token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UploadComponent, isStandalone: true, selector: "lib-upload", inputs: { documentUploaderField: { classPropertyName: "documentUploaderField", publicName: "documentUploaderField", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, reactiveFormControlobject: { classPropertyName: "reactiveFormControlobject", publicName: "reactiveFormControlobject", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesChanged: "filesChanged", fileRemoved: "fileRemoved", filePreview: "filePreview" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadComponent, deps: [{ token: MasterControlService }, { token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: MasterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UploadComponent, isStandalone: true, selector: "lib-upload", inputs: { documentUploaderField: { classPropertyName: "documentUploaderField", publicName: "documentUploaderField", isSignal: true, isRequired: false, transformFunction: null }, openQuoteImageObj: { classPropertyName: "openQuoteImageObj", publicName: "openQuoteImageObj", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, reactiveFormControlobject: { classPropertyName: "reactiveFormControlobject", publicName: "reactiveFormControlobject", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesChanged: "filesChanged", fileRemoved: "fileRemoved", filePreview: "filePreview" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: UploadComponent,
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\n  @if(reactiveFormControlobject()) {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n    [formControl]=\"reactiveFormControlobject()\"\n  />\n  }@else {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n  />\n  }\n  <button\n    type=\"button\"\n    class=\"upload-btn\"\n    (click)=\"triggerFileInput()\"\n    [ngClass]=\"field()?.label ? 'lightbackground' : 'successBackground'\"\n    *ngIf=\"field() && field()?.isVisible\"\n    [disabled]=\"field()?.isDisable\"\n     [ngStyle]=\"{\n'--upload-width': field()?.controlStyle?.width ,\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\n'--upload-border-color': field()?.controlStyle?.borderColor ,\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\n'--upload-background-color': field()?.controlStyle?.background ,\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\n}\"\n  >\n    <ng-container *ngIf=\"field()?.label && !hasFiles(); else fileUploadedTemplate\">\n      <span class=\"upload-icon\">\n        <span\n          ><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n        <span class=\"upload-text\" [ngStyle]=\"{\n'--upload-font-color': field()?.controlStyle?.color ,\n'--upload-font-size': field()?.controlStyle?.fontSize ,\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\n}\">{{ field()?.placeHolder }} <span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></span>\n      </span>\n    </ng-container>\n    <ng-template #fileUploadedTemplate>\n      <div *ngFor=\"let file of uploadedFiles; let i = index\" class=\"uploaded-file d-flex gap-4\" style=\"transform: translate(0px, -3px);\">\n        <span class=\"mt-2 right-icon\" style=\" white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\">\n          <span><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n          <span [title]=\"file.name\">{{ file.name }}</span>\n        </span>\n        <div class=\"mt-2 left-icon\">\n          <span (click)=\"previewFile(file, i);$event.stopPropagation()\"><img src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\" alt=\"\"/></span>\n          <span (click)=\"removeFile(i, $event);$event.stopPropagation()\" style=\"cursor: pointer;\">\n            <img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"/>\n          </span>\n        </div>\n      </div>\n    </ng-template>\n  </button>\n  <div class=\"upload-info\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.subText\">{{field()?.configData?.subText}}</div>\n", styles: ["*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.upload-label{opacity:1}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:.5rem}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.successBackground{border-color:var(--upload-focus-border-color , #ddd)!important;background:var(--upload-focus-background-color , #fafafa)!important;color:var(--upload-focus-font-color , #444)!important}.successBackground{border:1px dashed #ddd;background:#fafafa;color:#444;display:flex;justify-content:space-between}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.right-icon{display:flex;gap:10px;margin-left:.5em}.left-icon{display:flex;gap:15px;margin-right:1em}.upload-info{font-size:10px;font-weight:500;font-family:Mulish!important;letter-spacing:0px;color:#444}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\n  @if(reactiveFormControlobject()) {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n    [formControl]=\"reactiveFormControlobject()\"\n  />\n  }@else {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n  />\n  }\n  <button\n    type=\"button\"\n    class=\"upload-btn\"\n    (click)=\"triggerFileInput()\"\n    [ngClass]=\"field()?.label ? 'lightbackground' : 'successBackground'\"\n    *ngIf=\"field() && field()?.isVisible\"\n    [disabled]=\"field()?.isDisable\"\n     [ngStyle]=\"{\n'--upload-width': field()?.controlStyle?.width ,\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\n'--upload-border-color': field()?.controlStyle?.borderColor ,\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\n'--upload-background-color': field()?.controlStyle?.background ,\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\n}\"\n  >\n    <ng-container *ngIf=\"field()?.label && !hasFiles(); else fileUploadedTemplate\">\n      <span class=\"upload-icon\">\n        <span\n          ><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n        <span class=\"upload-text\" [ngStyle]=\"{\n'--upload-font-color': field()?.controlStyle?.color ,\n'--upload-font-size': field()?.controlStyle?.fontSize ,\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\n}\">{{ field()?.placeHolder }} <span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></span>\n      </span>\n    </ng-container>\n    <ng-template #fileUploadedTemplate>\n      <div *ngFor=\"let file of uploadedFiles; let i = index\" class=\"uploaded-file d-flex gap-4\" style=\"transform: translate(0px, -3px);\">\n        <span class=\"mt-2 right-icon\" style=\" white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\">\n          <span><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n          <span [title]=\"file.name\">{{ file.name }}</span>\n        </span>\n        <div class=\"mt-2 left-icon\">\n          <span (click)=\"previewFile(file, i, $event)\" style=\"cursor: pointer;\"><img src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\" alt=\"\"/></span>\n          <span (click)=\"removeFile(i, $event)\" style=\"cursor: pointer;\">\n            <img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"/>\n          </span>\n        </div>\n      </div>\n    </ng-template>\n  </button>\n  <div class=\"upload-info\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.subText\">{{field()?.configData?.subText}}</div>\n", styles: ["*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.upload-label{opacity:1}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:.5rem}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.successBackground{border-color:var(--upload-focus-border-color , #ddd)!important;background:var(--upload-focus-background-color , #fafafa)!important;color:var(--upload-focus-font-color , #444)!important}.successBackground{border:1px dashed #ddd;background:#fafafa;color:#444;display:flex;justify-content:space-between}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.right-icon{display:flex;gap:10px;margin-left:.5em}.left-icon{display:flex;gap:15px;margin-right:1em}.upload-info{font-size:10px;font-weight:500;font-family:Mulish!important;letter-spacing:0px;color:#444}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
@@ -1075,8 +1195,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: UploadComponent,
                             multi: true
                         }
-                    ], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\n  @if(reactiveFormControlobject()) {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n    [formControl]=\"reactiveFormControlobject()\"\n  />\n  }@else {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n  />\n  }\n  <button\n    type=\"button\"\n    class=\"upload-btn\"\n    (click)=\"triggerFileInput()\"\n    [ngClass]=\"field()?.label ? 'lightbackground' : 'successBackground'\"\n    *ngIf=\"field() && field()?.isVisible\"\n    [disabled]=\"field()?.isDisable\"\n     [ngStyle]=\"{\n'--upload-width': field()?.controlStyle?.width ,\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\n'--upload-border-color': field()?.controlStyle?.borderColor ,\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\n'--upload-background-color': field()?.controlStyle?.background ,\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\n}\"\n  >\n    <ng-container *ngIf=\"field()?.label && !hasFiles(); else fileUploadedTemplate\">\n      <span class=\"upload-icon\">\n        <span\n          ><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n        <span class=\"upload-text\" [ngStyle]=\"{\n'--upload-font-color': field()?.controlStyle?.color ,\n'--upload-font-size': field()?.controlStyle?.fontSize ,\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\n}\">{{ field()?.placeHolder }} <span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></span>\n      </span>\n    </ng-container>\n    <ng-template #fileUploadedTemplate>\n      <div *ngFor=\"let file of uploadedFiles; let i = index\" class=\"uploaded-file d-flex gap-4\" style=\"transform: translate(0px, -3px);\">\n        <span class=\"mt-2 right-icon\" style=\" white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\">\n          <span><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n          <span [title]=\"file.name\">{{ file.name }}</span>\n        </span>\n        <div class=\"mt-2 left-icon\">\n          <span (click)=\"previewFile(file, i);$event.stopPropagation()\"><img src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\" alt=\"\"/></span>\n          <span (click)=\"removeFile(i, $event);$event.stopPropagation()\" style=\"cursor: pointer;\">\n            <img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"/>\n          </span>\n        </div>\n      </div>\n    </ng-template>\n  </button>\n  <div class=\"upload-info\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.subText\">{{field()?.configData?.subText}}</div>\n", styles: ["*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.upload-label{opacity:1}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:.5rem}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.successBackground{border-color:var(--upload-focus-border-color , #ddd)!important;background:var(--upload-focus-background-color , #fafafa)!important;color:var(--upload-focus-font-color , #444)!important}.successBackground{border:1px dashed #ddd;background:#fafafa;color:#444;display:flex;justify-content:space-between}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.right-icon{display:flex;gap:10px;margin-left:.5em}.left-icon{display:flex;gap:15px;margin-right:1em}.upload-info{font-size:10px;font-weight:500;font-family:Mulish!important;letter-spacing:0px;color:#444}\n"] }]
-        }], ctorParameters: () => [{ type: MasterControlService }, { type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }], propDecorators: { fileInput: [{
+                    ], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\n  @if(reactiveFormControlobject()) {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n    [formControl]=\"reactiveFormControlobject()\"\n  />\n  }@else {\n  <input\n    hidden\n    [type]=\"field()?.controlType\"\n    [name]=\"field()?.fieldName\"\n    [id]=\"field()?.fieldName\"\n    [multiple]=\"field()?.configData?.multiple\"\n    [accept]=\"field()?.configData?.accept\"\n    #fileInput\n    (change)=\"onFileSelected($event)\"\n    (click)=\"fileInput.value = ''\"\n    [required]=\"field()?.validators?.isRequired\"\n    [disabled]=\"field()?.isDisable\"\n  />\n  }\n  <button\n    type=\"button\"\n    class=\"upload-btn\"\n    (click)=\"triggerFileInput()\"\n    [ngClass]=\"field()?.label ? 'lightbackground' : 'successBackground'\"\n    *ngIf=\"field() && field()?.isVisible\"\n    [disabled]=\"field()?.isDisable\"\n     [ngStyle]=\"{\n'--upload-width': field()?.controlStyle?.width ,\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\n'--upload-border-color': field()?.controlStyle?.borderColor ,\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\n'--upload-background-color': field()?.controlStyle?.background ,\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\n}\"\n  >\n    <ng-container *ngIf=\"field()?.label && !hasFiles(); else fileUploadedTemplate\">\n      <span class=\"upload-icon\">\n        <span\n          ><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n        <span class=\"upload-text\" [ngStyle]=\"{\n'--upload-font-color': field()?.controlStyle?.color ,\n'--upload-font-size': field()?.controlStyle?.fontSize ,\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\n}\">{{ field()?.placeHolder }} <span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></span>\n      </span>\n    </ng-container>\n    <ng-template #fileUploadedTemplate>\n      <div *ngFor=\"let file of uploadedFiles; let i = index\" class=\"uploaded-file d-flex gap-4\" style=\"transform: translate(0px, -3px);\">\n        <span class=\"mt-2 right-icon\" style=\" white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\">\n          <span><img [src]=\"field()?.imageUrl\" alt=\"\"/></span>\n          <span [title]=\"file.name\">{{ file.name }}</span>\n        </span>\n        <div class=\"mt-2 left-icon\">\n          <span (click)=\"previewFile(file, i, $event)\" style=\"cursor: pointer;\"><img src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\" alt=\"\"/></span>\n          <span (click)=\"removeFile(i, $event)\" style=\"cursor: pointer;\">\n            <img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"/>\n          </span>\n        </div>\n      </div>\n    </ng-template>\n  </button>\n  <div class=\"upload-info\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.subText\">{{field()?.configData?.subText}}</div>\n", styles: ["*{font-family:mulish!important}.field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.upload-label{opacity:1}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:.5rem}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.successBackground{border-color:var(--upload-focus-border-color , #ddd)!important;background:var(--upload-focus-background-color , #fafafa)!important;color:var(--upload-focus-font-color , #444)!important}.successBackground{border:1px dashed #ddd;background:#fafafa;color:#444;display:flex;justify-content:space-between}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.right-icon{display:flex;gap:10px;margin-left:.5em}.left-icon{display:flex;gap:15px;margin-right:1em}.upload-info{font-size:10px;font-weight:500;font-family:Mulish!important;letter-spacing:0px;color:#444}\n"] }]
+        }], ctorParameters: () => [{ type: MasterControlService }, { type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: MasterService }], propDecorators: { fileInput: [{
                 type: ViewChild,
                 args: ['fileInput']
             }], filesChanged: [{
@@ -3430,7 +3550,7 @@ class ToggleButtonComponent {
                 useExisting: ToggleButtonComponent,
                 multi: true,
             },
-        ], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\n  @if(reactiveFormControlobject()) {\n  <mat-button-toggle-group [ngStyle]=\"{\n      '--toggle-button-width': field()?.controlStyle?.width ,\n    }\" name=\"fontStyle\" class=\"custom-mat-toggle\" aria-label=\"Font Style\"\n    *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\" [value]=\"selectedValue\"\n    (change)=\"onSelectionChange($event.value)\" [formControl]=\"reactiveFormControlobject()\">\n    @for (data of field()?.configData?.options; track $index) {\n    <mat-button-toggle [value]=\"data.value\">\n      <img *ngIf=\"data.imgUrl && !data.tooltipText\" [src]=\"data.imgUrl\" alt=\"\" class=\"toggle-img mx-1\" />\n\n      {{ data.label }}\n      <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"data.imgUrl && data.tooltipText\">\n        <img [src]=\"data.imgUrl\" class=\"toggle-img mx-1\" />\n      </span>\n\n      <!-- \u2705 Single template that uses current data -->\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"data.tooltipText\"></span>\n      </ng-template>\n    </mat-button-toggle>\n    <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\n      <span class=\"second-box\">\n        <img class=\"green-card-img\" *ngIf=\"data.topImage\" [src]=\"data.topImage\" alt=\"\" />\n        <span>{{ data.toggleTopText }}</span>\n      </span>\n    </div>\n    }\n  </mat-button-toggle-group>\n  }@else {\n  <mat-button-toggle-group [ngStyle]=\"{\n      '--toggle-button-width': field()?.controlStyle?.width ,\n    }\" name=\"fontStyle\" class=\"custom-mat-toggle\" aria-label=\"Font Style\"\n    *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\" [(ngModel)]=\"selectedValue\"\n    (change)=\"onSelectionChange($event.value)\">\n    @for (data of field()?.configData?.options; track $index) {\n    <mat-button-toggle [value]=\"data.value\">\n      {{ data.label }}\n      <!-- <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"data.imgUrl && data.tooltipText\">\n        <img [src]=\"data.imgUrl\" />\n      </span> -->\n\n      <!-- \u2705 Single template that uses current data -->\n      <!-- <ng-template #currentTooltip>\n        <span [innerHTML]=\"data.tooltipText\"></span>\n      </ng-template> -->\n    </mat-button-toggle>\n    <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\n      <span class=\"second-box\">\n        <img class=\"green-card-img\" *ngIf=\"data.topImage\" [src]=\"data.topImage\" alt=\"\" />\n        <span>{{ data.toggleTopText }}</span>\n      </span>\n    </div>\n    }\n  </mat-button-toggle-group>\n  }\n</div>", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
+        ], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\n  @if(reactiveFormControlobject()) {\n  <mat-button-toggle-group [ngStyle]=\"{\n      '--toggle-button-width': field()?.controlStyle?.width ,\n    }\" name=\"fontStyle\" class=\"custom-mat-toggle\" aria-label=\"Font Style\"\n    *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\" [value]=\"selectedValue\"\n    (change)=\"onSelectionChange($event.value)\" [formControl]=\"reactiveFormControlobject()\">\n    @for (data of field()?.configData?.options; track $index) {\n    <mat-button-toggle [value]=\"data.value\">\n      <img *ngIf=\"data.imgUrl && !data.tooltipText\" [src]=\"data.imgUrl\" alt=\"\" class=\"toggle-img mx-1\" />\n\n      {{ data.label }}\n      <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"data.imgUrl && data.tooltipText\">\n        <img [src]=\"data.imgUrl\" class=\"toggle-img mx-1\" />\n      </span>\n\n      <!-- \u2705 Single template that uses current data -->\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"data.tooltipText\"></span>\n      </ng-template>\n    </mat-button-toggle>\n    <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\n      <span class=\"second-box\">\n        <img class=\"green-card-img\" *ngIf=\"data.topImage\" [src]=\"data.topImage\" alt=\"\" />\n        <span>{{ data.toggleTopText }}</span>\n      </span>\n    </div>\n    }\n  </mat-button-toggle-group>\n  }@else {\n  <mat-button-toggle-group [ngStyle]=\"{\n      '--toggle-button-width': field()?.controlStyle?.width ,\n    }\" name=\"fontStyle\" class=\"custom-mat-toggle\" aria-label=\"Font Style\"\n    *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\" [(ngModel)]=\"selectedValue\"\n    (change)=\"onSelectionChange($event.value)\">\n    @for (data of field()?.configData?.options; track $index) {\n    <mat-button-toggle [value]=\"data.value\">\n      {{ data.label }}\n      <!-- <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"data.imgUrl && data.tooltipText\">\n        <img [src]=\"data.imgUrl\" />\n      </span> -->\n\n      <!-- \u2705 Single template that uses current data -->\n      <!-- <ng-template #currentTooltip>\n        <span [innerHTML]=\"data.tooltipText\"></span>\n      </ng-template> -->\n    </mat-button-toggle>\n    <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\n      <span class=\"second-box\">\n        <img class=\"green-card-img\" *ngIf=\"data.topImage\" [src]=\"data.topImage\" alt=\"\" />\n        <span>{{ data.toggleTopText }}</span>\n      </span>\n    </div>\n    }\n  </mat-button-toggle-group>\n  }\n</div>", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleButtonComponent, decorators: [{
             type: Component,
@@ -3539,55 +3659,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'lib-label-value-card', standalone: true, imports: [CommonModule], template: "<div class=\"labelValueCard\" *ngIf=\"field() && field()?.isVisible\">\n    <div class=\"labelHead\">\n        <span class=\"master-labelValue\" [ngStyle]=\"{\n        '--master-heading-font-color': field()?.controlStyle?.color,\n        '--master-heading-font-size': field()?.controlStyle?.fontSize,\n        '--master-heading-font-weight': field()?.controlStyle?.fontWeight\n        }\">{{field()?.label}}</span>\n    </div>\n    <div class=\"labelValue\">\n        <span>{{field()?.placeHolder}}</span>\n        <span matSuffix class=\"mx-3\">\n            <img *ngIf=\"field()?.imageUrl\" [src]='field().imageUrl' alt=\"\" />\n        </span>\n    </div>\n</div>", styles: ["*{font-family:mulish!important}.master-labelValue{font-weight:400;font-size:14px;color:#000}.master-labelValue{color:var(--master-heading-font-color, #000000)!important;font-size:var(--master-heading-font-size, 14px)!important;font-weight:var(--master-heading-font-weight, 400)!important}.labelValueCard{display:flex;flex-direction:column}.labelHead{font-size:14px;font-weight:400;color:#444;line-height:20px}.labelValue{font-size:16px;font-weight:700;color:#444;line-height:20px;position:relative;top:8px}\n"] }]
         }] });
 
-class MasterService {
-    http;
-    constructor(http) {
-        this.http = http;
-    }
-    getCookieValue(name) {
-        const cookie = document.cookie.split(';');
-        let tokenName = '';
-        let tokenValue = '';
-        const index2 = 2;
-        cookie.forEach(data => {
-            if (data.split('=')[0].includes(name) && !!data.split('=')[1]) {
-                tokenName = data.split('=')[0].trim();
-                tokenValue = data.split('=')[1];
-            }
-            if (name === 'link' &&
-                data.split('=')[0].includes(name) &&
-                data.split('=')[index2] !== null &&
-                data.split('=')[index2] !== undefined) {
-                tokenValue = tokenValue + '=' + data.split('=')[index2];
-            }
-        });
-        return tokenValue;
-    }
-    getCommonHeaders(configData) {
-        const headers = {};
-        headers['content-type'] = 'application/json';
-        if (configData['isSendToken']) {
-            headers['Authorization'] = 'Bearer ' + this.getCookieValue(configData['tokenCookieParam']);
-        }
-        return headers;
-    }
-    getSubQuestions(configData, subquestionType, personUWID) {
-        let url = `${configData['apiUrl']}`;
-        url += `?${configData['urlParamForDisease']}=${subquestionType}`;
-        url += `&${configData['urlParamForPersonUwId']}=${personUWID}`;
-        url += `&lang=ENG`;
-        return this.http.get(url, { headers: this.getCommonHeaders(configData) });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }] });
-
 class MedialQuestionsComponent {
     ngZone;
     masterService;
@@ -3748,26 +3819,26 @@ class MedialQuestionsComponent {
         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;
-                    }
-                });
-            }
-        });
+        this.personUwAnswers['medicalQuestionsHeightInput'] = '';
+        this.personUwAnswers['medicalQuestionFeetInput'] = '';
+        this.personUwAnswers['medicalQuestionsInchesInput'] = '';
+        // this.questionList.forEach((section: any) => {
+        //   if (section.questions && Array.isArray(section.questions)) {
+        //     section.questions.forEach((question: any) => {
+        //       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, {
@@ -5263,7 +5334,7 @@ class MedialQuestionsComponent {
                 if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
                     !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
                     !this.checkIfValueIsEmpty(heightInCentimeterObj) &&
-                    !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput'])) {
+                    !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput']) && !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput']) && !this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput'])) {
                     // pass height in cm obj
                     let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
                         obj['personUWId'] === singleSection['personUWId']);
@@ -5975,7 +6046,7 @@ class MedialQuestionsComponent {
         this.removeSubQuestionValues();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, deps: [{ token: i0.NgZone }, { token: MasterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", 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: "\n<div *ngFor=\"let section of questionList\">\n    <div\n      *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \"\n      class=\"card p-3 mb-4\"\n      id=\"personUwMedicalQuestions\"\n    >\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\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <!-- <label class=\"field-lable d-block\"\n            >{{ questions[\"questionText\"] }}\n            <span\n              *ngIf=\"\n                questions.optionalQuestion === 'N'\n              \"\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label> -->\n          <div class=\"col-12 px-0 my-1\">\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\n          </div>\n        </div>\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <label class=\"card-topic d-block field-lable\"\n            >Height\n            <span\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label>\n          <div\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\n\n          >\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']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\n              </div>\n              <div class=\"col-5\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n            <div\n              class=\"row\"\n              *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \"\n            >\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\n              </div>\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\n              </div>\n              <div\n                class=\"col-4 py-0 my-1\"\n              >\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"row mt-0 pt-0\"\n          *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \"\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\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"longitude\"\n          placeholder=\"Enter longitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Latitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"latitude\"\n          placeholder=\"Enter latitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n    </div>\n\n      <input\n        #addressInput\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"Search for address\"\n        (keyup)=\"onAddressInputKeyup($event)\"\n        (focus)=\"showDropdown = true\"\n        (blur)=\"onInputBlur()\"\n        autocomplete=\"off\"\n      >\n      <div\n    *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  >\n    <div\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\n      class=\"dropdown-item p-2\"\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\n      (mousedown)=\"selectAddress(suggestion)\"\n      (mouseenter)=\"hoveredIndex = i\"\n      [class.bg-light]=\"hoveredIndex === i\"\n    >\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\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\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\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\n          <lib-file-preview\n            *ngIf=\"previewFile\"\n            [field]=\"questions['field']\"\n            [file]=\"previewFile\"\n            (closed)=\"closeFilePreview()\">\n          </lib-file-preview>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        <!-- pending -->\n        </div>\n      </div>\n    </div>\n  </div>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$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: { 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 }, 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: "\n<div *ngFor=\"let section of questionList\">\n    <div\n      *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \"\n      class=\"card p-3 mb-4\"\n      id=\"personUwMedicalQuestions\"\n    >\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\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <!-- <label class=\"field-lable d-block\"\n            >{{ questions[\"questionText\"] }}\n            <span\n              *ngIf=\"\n                questions.optionalQuestion === 'N'\n              \"\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label> -->\n          <div class=\"col-12 px-0 my-1\">\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\n          </div>\n        </div>\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <label class=\"card-topic d-block field-lable\"\n            >Height\n            <span\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label>\n          <div\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\n\n          >\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']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\n              </div>\n              <div class=\"col-5\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n            <div\n              class=\"row\"\n              *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \"\n            >\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\n              </div>\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\n              </div>\n              <div\n                class=\"col-4 py-0 my-1\"\n              >\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"row mt-0 pt-0\"\n          *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \"\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\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"longitude\"\n          placeholder=\"Enter longitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Latitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"latitude\"\n          placeholder=\"Enter latitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n    </div>\n\n      <input\n        #addressInput\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"Search for address\"\n        (keyup)=\"onAddressInputKeyup($event)\"\n        (focus)=\"showDropdown = true\"\n        (blur)=\"onInputBlur()\"\n        autocomplete=\"off\"\n      >\n      <div\n    *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  >\n    <div\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\n      class=\"dropdown-item p-2\"\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\n      (mousedown)=\"selectAddress(suggestion)\"\n      (mouseenter)=\"hoveredIndex = i\"\n      [class.bg-light]=\"hoveredIndex === i\"\n    >\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\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\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\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\n          <lib-file-preview\n            *ngIf=\"previewFile\"\n            [field]=\"questions['field']\"\n            [file]=\"previewFile\"\n            (closed)=\"closeFilePreview()\">\n          </lib-file-preview>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        <!-- pending -->\n        </div>\n      </div>\n    </div>\n  </div>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "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,
@@ -7335,7 +7406,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) {\n  @case ('top-header') {\n    <lib-top-header [field]=\"field()\" />\n  }\n  @case ('footer') {\n    <lib-footer [field]=\"field()\" />\n  }\n  @case('footer-buttons')\n  {\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\n  }\n  @case('text') {\n   <lib-textbox [field]=\"field()\"></lib-textbox>\n  }\n  @case('select') {\n    <lib-select [field]=\"field()\"/>\n  }\n\n  @case('radio') {\n    <lib-radio [field]=\"field()\" />\n  }\n\n  @case('toggle') {\n    <lib-toggle [field]=\"field()\" />\n  }\n\n  @case('file') {\n    <lib-upload [field]=\"field()\" />\n  }\n\n  @case('date') {\n    <lib-dob [field]=\"field()\" />\n  }\n\n  @case('mobileNumber') {\n    <lib-mob-number [field]=\"field()\" />\n  }\n\n  @case('info') {\n    <lib-info [field]=\"field()\" />\n  }\n\n  @case('checkbox') {\n    <lib-checkbox [field]=\"field()\" />\n  }\n\n  @case('textarea') {\n    <lib-textarea [field]=\"field()\" />\n  }\n\n  @case ('button') {\n    <lib-button [field]=\"field()\" />\n  }\n\n  @case ('tab') {\n    <lib-tab [field]=\"field()\" />\n  }\n\n  @case ('autocomplete') {\n    <lib-autocomplete [field]=\"field()\" />\n  }\n\n  @case ('multipleSelect') {\n    <lib-multiple-select [field]=\"field()\" />\n  }\n\n  @case ('textboxWithSelect') {\n    <lib-select-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpTextbox') {\n    <lib-otp-textbox [field]=\"field()\" />\n  }\n\n  @case ('amountTextbox') {\n    <lib-amount-textbox [field]=\"field()\" />\n  }\n\n  @case ('suffixTextbox') {\n    <lib-suffix-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpMobNumber') {\n    <lib-otp-mob-number [field]=\"field()\" />\n  }\n\n  @case ('tagMobNumber') {\n    <lib-tag-mob-number [field]=\"field()\" />\n  }\n\n  @case ('dateWithAge') {\n     <lib-age-date [field]=\"field()\" />\n  }\n\n  @case ('additionButton') {\n    <lib-addition-button [field]=\"field()\" />\n  }\n\n  @case ('infoTextbox') {\n    <lib-info-textbox [field]=\"field()\" />\n  }\n\n  @case ('textboxWithImage') {\n    <lib-textbox-with-image [field]=\"field()\" />\n  }\n\n  @case ('emailWithDomain') {\n    <lib-email-with-domain [field]=\"field()\" />\n  }\n\n  @case ('imageUpload') {\n     <lib-image-upload [field]=\"field()\" />\n  }\n\n  @case ('downloadDocument') {\n     <lib-download-document [field]=\"field()\" />\n  }\n\n  @case ('addDocument') {\n    <lib-add-document [field]=\"field()\" />\n  }\n\n  @case ('hyperlink') {\n    <lib-hyperlink [field]=\"field()\" />\n  }\n\n  @case ('textboxWithUnderscore') {\n    <lib-textbox-with-underscore [field]=\"field()\" />\n  }\n\n  @case ('underscoreMobNumber') {\n    <lib-underscore-mob-number [field]=\"field()\" />\n  }\n\n  @case ('downloadIconButton') {\n    <lib-icon-button [field]=\"field()\" />\n  }\n\n  @case ('image') {\n    <lib-image [field]=\"field()\" />\n  }\n  @case ('stepper') {\n    <lib-stepper [field]=\"field()\" />\n  }\n   @case ('card') {\n    <lib-card [field]=\"field()\" />\n  }\n  @case ('hrLine') {\n    <lib-hr-line [field]=\"field()\" />\n  }\n  @case ('searchMultiSelect') {\n    <lib-search-multi-select [field]=\"field()\" />\n  }\n  @case ('subscriptTextbox') {\n    <lib-subscript-textbox [field]=\"field()\" />\n  }\n  @case ('label') {\n    <lib-label [field]=\"field()\" />\n  }\n  @case ('subHeading') {\n    <lib-sub-header [field]=\"field()\" />\n  }\n  @case ('heading') {\n    <lib-header [field]=\"field()\" />\n  }\n  @case ('table') {\n  <lib-table [field]=\"field()\" />\n  }\n  @case ('textboxWithText') {\n    <lib-textbox-with-text [field]=\"field()\" />\n  }\n    @case ('loader') {\n    <lib-loader [field]=\"field()\" />\n    }\n  @case ('discount') {\n    <lib-discount [field]=\"field()\" />\n  }\n  @case ('optionalBenefitCard') {\n    <lib-benefit-card [field]=\"field()\" />\n  }\n  @case ('errorSnackbar') {\n    <lib-error-snackbar [field]=\"field()\" />\n  }\n   @case ('warningSnackbar') {\n    <lib-warning-snackbar [field]=\"field()\" />\n  }\n   @case ('successSnackbar') {\n    <lib-success-snackbar [field]=\"field()\" />\n  }\n   @case ('neutralSnackbar') {\n    <lib-neutral-snackbar [field]=\"field()\" />\n  }\n  @case ('boldLabel') {\n    <lib-grey-label [field]=\"field()\" />\n  }\n  @case ('iframe') {\n    <lib-iframe [field]=\"field()\" />\n  }\n  @case ('toggleButton') {\n    <lib-toggle-button [field]=\"field()\" />\n  }\n  @case ('payGetCard') {\n    <lib-pay-get-card [field]=\"field()\"  />\n  }\n  @case ('inBuiltBenefit') {\n    <lib-in-built-benefit [field]=\"field()\" />\n  }\n  @case ('otherBenefit') {\n    <lib-other-benefits [field]=\"field()\" />\n  }\n  @case ('annuityRateLogo') {\n    <lib-annuity-rate-logo [field]=\"field()\" />\n  }\n  @case ('discountAnnuity') {\n    <lib-discount-v2 [field]=\"field()\" />\n  }\n  @case ('labelValue'){\n    <lib-label-value-card [field]=\"field()\" />\n  }\n  @case ('medicalQuestions'){\n    <lib-medial-questions [field]=\"field()\" />\n  }\n  @case ('nudge'){\n    <lib-page-nudge  [field]=\"field()\"/>\n  }\n  @case ('progressBar'){\n    <lib-progress-bar  [field]=\"field()\"/>\n  }\n  @case ('accordian'){\n    <lib-accordian  [field]=\"field()\"/>\n  }\n  @case ('miscInfo'){\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\n  }\n  @case ('plainText'){\n    <lib-plain-text [field]=\"field()\"/>\n  }\n  @case ('menu'){\n    <lib-menu [field]=\"field()\" />\n  }\n  @case ('stepperWithArrow') {\n    <lib-stepper-with-arrow [field]=\"field()\" />\n  }\n  @case ('labelWithImage') {\n    <lib-label-with-image [field]=\"field()\" />\n  }\n  @case ('motorGlowPlanDetails') {\n    <lib-motor-glow-plan-details [field]=\"field()\" />\n  }\n  @case ('premiumToAnnuityCalculator') {\n    <lib-annuity-premium-calculator [field]=\"field()\" />\n  } @case ('footerProgressBar') {\n    <lib-footer-design [field]=\"field()\" />\n  }\n}\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", "infoClick"] }, { 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: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { 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", "selectionChanged", "valueChanged", "optionSelected"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { 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"], outputs: ["blur"] }, { 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"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { 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", "payamountOptions"] }, { 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", "personUWOpenQuoteResponse", "defaultValues", "field"], outputs: ["questionsValueChange"] }, { 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", "currentStepValue", "autoProgress", "autoProgressDelay"], outputs: ["selectedStep"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }, { kind: "component", type: TopHeaderComponent, selector: "lib-top-header", inputs: ["field"] }, { kind: "component", type: FooterComponent, selector: "lib-footer", inputs: ["field"] }, { kind: "component", type: FooterWithButtonsComponent, selector: "lib-footer-with-buttons", inputs: ["field"] }, { kind: "component", type: MotorGlowPlanDetailsComponent, selector: "lib-motor-glow-plan-details", inputs: ["field"], outputs: ["editPlanClick"] }, { kind: "component", type: AnnuityPremiumCalculatorComponent, selector: "lib-annuity-premium-calculator", inputs: ["field", "premiumDetails"], outputs: ["onCalcualteButtonClick", "onGenerateSummaryClick", "onAnnuityPremiumChange", "onMinimumPremiumValueChange", "onAutioDebitValueChange", "onGuranteedAnnuityValueChange"] }, { kind: "component", type: FooterDesignComponent, selector: "lib-footer-design", 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) {\n  @case ('top-header') {\n    <lib-top-header [field]=\"field()\" />\n  }\n  @case ('footer') {\n    <lib-footer [field]=\"field()\" />\n  }\n  @case('footer-buttons')\n  {\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\n  }\n  @case('text') {\n   <lib-textbox [field]=\"field()\"></lib-textbox>\n  }\n  @case('select') {\n    <lib-select [field]=\"field()\"/>\n  }\n\n  @case('radio') {\n    <lib-radio [field]=\"field()\" />\n  }\n\n  @case('toggle') {\n    <lib-toggle [field]=\"field()\" />\n  }\n\n  @case('file') {\n    <lib-upload [field]=\"field()\" />\n  }\n\n  @case('date') {\n    <lib-dob [field]=\"field()\" />\n  }\n\n  @case('mobileNumber') {\n    <lib-mob-number [field]=\"field()\" />\n  }\n\n  @case('info') {\n    <lib-info [field]=\"field()\" />\n  }\n\n  @case('checkbox') {\n    <lib-checkbox [field]=\"field()\" />\n  }\n\n  @case('textarea') {\n    <lib-textarea [field]=\"field()\" />\n  }\n\n  @case ('button') {\n    <lib-button [field]=\"field()\" />\n  }\n\n  @case ('tab') {\n    <lib-tab [field]=\"field()\" />\n  }\n\n  @case ('autocomplete') {\n    <lib-autocomplete [field]=\"field()\" />\n  }\n\n  @case ('multipleSelect') {\n    <lib-multiple-select [field]=\"field()\" />\n  }\n\n  @case ('textboxWithSelect') {\n    <lib-select-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpTextbox') {\n    <lib-otp-textbox [field]=\"field()\" />\n  }\n\n  @case ('amountTextbox') {\n    <lib-amount-textbox [field]=\"field()\" />\n  }\n\n  @case ('suffixTextbox') {\n    <lib-suffix-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpMobNumber') {\n    <lib-otp-mob-number [field]=\"field()\" />\n  }\n\n  @case ('tagMobNumber') {\n    <lib-tag-mob-number [field]=\"field()\" />\n  }\n\n  @case ('dateWithAge') {\n     <lib-age-date [field]=\"field()\" />\n  }\n\n  @case ('additionButton') {\n    <lib-addition-button [field]=\"field()\" />\n  }\n\n  @case ('infoTextbox') {\n    <lib-info-textbox [field]=\"field()\" />\n  }\n\n  @case ('textboxWithImage') {\n    <lib-textbox-with-image [field]=\"field()\" />\n  }\n\n  @case ('emailWithDomain') {\n    <lib-email-with-domain [field]=\"field()\" />\n  }\n\n  @case ('imageUpload') {\n     <lib-image-upload [field]=\"field()\" />\n  }\n\n  @case ('downloadDocument') {\n     <lib-download-document [field]=\"field()\" />\n  }\n\n  @case ('addDocument') {\n    <lib-add-document [field]=\"field()\" />\n  }\n\n  @case ('hyperlink') {\n    <lib-hyperlink [field]=\"field()\" />\n  }\n\n  @case ('textboxWithUnderscore') {\n    <lib-textbox-with-underscore [field]=\"field()\" />\n  }\n\n  @case ('underscoreMobNumber') {\n    <lib-underscore-mob-number [field]=\"field()\" />\n  }\n\n  @case ('downloadIconButton') {\n    <lib-icon-button [field]=\"field()\" />\n  }\n\n  @case ('image') {\n    <lib-image [field]=\"field()\" />\n  }\n  @case ('stepper') {\n    <lib-stepper [field]=\"field()\" />\n  }\n   @case ('card') {\n    <lib-card [field]=\"field()\" />\n  }\n  @case ('hrLine') {\n    <lib-hr-line [field]=\"field()\" />\n  }\n  @case ('searchMultiSelect') {\n    <lib-search-multi-select [field]=\"field()\" />\n  }\n  @case ('subscriptTextbox') {\n    <lib-subscript-textbox [field]=\"field()\" />\n  }\n  @case ('label') {\n    <lib-label [field]=\"field()\" />\n  }\n  @case ('subHeading') {\n    <lib-sub-header [field]=\"field()\" />\n  }\n  @case ('heading') {\n    <lib-header [field]=\"field()\" />\n  }\n  @case ('table') {\n  <lib-table [field]=\"field()\" />\n  }\n  @case ('textboxWithText') {\n    <lib-textbox-with-text [field]=\"field()\" />\n  }\n    @case ('loader') {\n    <lib-loader [field]=\"field()\" />\n    }\n  @case ('discount') {\n    <lib-discount [field]=\"field()\" />\n  }\n  @case ('optionalBenefitCard') {\n    <lib-benefit-card [field]=\"field()\" />\n  }\n  @case ('errorSnackbar') {\n    <lib-error-snackbar [field]=\"field()\" />\n  }\n   @case ('warningSnackbar') {\n    <lib-warning-snackbar [field]=\"field()\" />\n  }\n   @case ('successSnackbar') {\n    <lib-success-snackbar [field]=\"field()\" />\n  }\n   @case ('neutralSnackbar') {\n    <lib-neutral-snackbar [field]=\"field()\" />\n  }\n  @case ('boldLabel') {\n    <lib-grey-label [field]=\"field()\" />\n  }\n  @case ('iframe') {\n    <lib-iframe [field]=\"field()\" />\n  }\n  @case ('toggleButton') {\n    <lib-toggle-button [field]=\"field()\" />\n  }\n  @case ('payGetCard') {\n    <lib-pay-get-card [field]=\"field()\"  />\n  }\n  @case ('inBuiltBenefit') {\n    <lib-in-built-benefit [field]=\"field()\" />\n  }\n  @case ('otherBenefit') {\n    <lib-other-benefits [field]=\"field()\" />\n  }\n  @case ('annuityRateLogo') {\n    <lib-annuity-rate-logo [field]=\"field()\" />\n  }\n  @case ('discountAnnuity') {\n    <lib-discount-v2 [field]=\"field()\" />\n  }\n  @case ('labelValue'){\n    <lib-label-value-card [field]=\"field()\" />\n  }\n  @case ('medicalQuestions'){\n    <lib-medial-questions [field]=\"field()\" />\n  }\n  @case ('nudge'){\n    <lib-page-nudge  [field]=\"field()\"/>\n  }\n  @case ('progressBar'){\n    <lib-progress-bar  [field]=\"field()\"/>\n  }\n  @case ('accordian'){\n    <lib-accordian  [field]=\"field()\"/>\n  }\n  @case ('miscInfo'){\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\n  }\n  @case ('plainText'){\n    <lib-plain-text [field]=\"field()\"/>\n  }\n  @case ('menu'){\n    <lib-menu [field]=\"field()\" />\n  }\n  @case ('stepperWithArrow') {\n    <lib-stepper-with-arrow [field]=\"field()\" />\n  }\n  @case ('labelWithImage') {\n    <lib-label-with-image [field]=\"field()\" />\n  }\n  @case ('motorGlowPlanDetails') {\n    <lib-motor-glow-plan-details [field]=\"field()\" />\n  }\n  @case ('premiumToAnnuityCalculator') {\n    <lib-annuity-premium-calculator [field]=\"field()\" />\n  } @case ('footerProgressBar') {\n    <lib-footer-design [field]=\"field()\" />\n  }\n}\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", "infoClick"] }, { 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: ["documentUploaderField", "openQuoteImageObj", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { 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", "selectionChanged", "valueChanged", "optionSelected"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { 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"], outputs: ["blur"] }, { 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"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { 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", "payamountOptions"] }, { 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", "personUWOpenQuoteResponse", "defaultValues", "field"], outputs: ["questionsValueChange"] }, { 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", "currentStepValue", "autoProgress", "autoProgressDelay"], outputs: ["selectedStep"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }, { kind: "component", type: TopHeaderComponent, selector: "lib-top-header", inputs: ["field"] }, { kind: "component", type: FooterComponent, selector: "lib-footer", inputs: ["field"] }, { kind: "component", type: FooterWithButtonsComponent, selector: "lib-footer-with-buttons", inputs: ["field"] }, { kind: "component", type: MotorGlowPlanDetailsComponent, selector: "lib-motor-glow-plan-details", inputs: ["field"], outputs: ["editPlanClick"] }, { kind: "component", type: AnnuityPremiumCalculatorComponent, selector: "lib-annuity-premium-calculator", inputs: ["field", "premiumDetails"], outputs: ["onCalcualteButtonClick", "onGenerateSummaryClick", "onAnnuityPremiumChange", "onMinimumPremiumValueChange", "onAutioDebitValueChange", "onGuranteedAnnuityValueChange"] }, { kind: "component", type: FooterDesignComponent, selector: "lib-footer-design", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, decorators: [{
             type: Component,