master-control 0.4.57 → 0.4.59

package/esm2022/lib/pay-get-card/pay-get-card.component.mjs

@@ -15,11 +15,11 @@ export class PayGetCardComponent {
         { amount: '₹72,000', percentage: '@10%' }
     ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years (till {{years}})</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width , 100%)!important;max-height:62px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius , 8px)!important;background-color:var(--pay-card-bg-color , #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color , #f5f5f5)!important;border-width:var(--pay-card-border-width , none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;line-height:16px}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;max-height:65px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius, 8px)!important;background-color:var(--pay-card-bg-color, #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule], template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years (till {{years}})</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width , 100%)!important;max-height:62px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius , 8px)!important;background-color:var(--pay-card-bg-color , #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color , #f5f5f5)!important;border-width:var(--pay-card-border-width , none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;line-height:16px}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"] }]
+            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule], template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;max-height:65px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius, 8px)!important;background-color:var(--pay-card-bg-color, #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"] }]
         }], propDecorators: { payAmount: [{
                 type: Input
             }], premiumAmount: [{
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], payamountOptions: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3hELE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDakMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUU7UUFDeEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUU7UUFDeEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7S0FDMUMsQ0FBQzt3R0FaVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw0L0JDVmhDLDRpREFtQ0EsKzVDRDdCWSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcGF5LWdldC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFBheUdldENhcmRDb21wb25lbnQge1xuZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcbiBASW5wdXQoKSBwYXlBbW91bnQ6IGFueSA9ICfigrk2LDAwLDAwMCc7XG4gQElucHV0KCkgcHJlbWl1bUFtb3VudDogYW55PSAn4oK5MTAsMDAwJztcbiBASW5wdXQoKSBwdFZhbHVlOiBhbnk9IDU7XG4gQElucHV0KCkgeWVhcnM6IGFueT0gJzIwMzAnO1xuIEBJbnB1dCgpIGZyZXF1ZW5jeTogYW55PSAnbW9udGgnO1xuXG4gQElucHV0KCkgcGF5YW1vdW50T3B0aW9uczogYW55W10gPSBbXG4gICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdANiUnIH0sXG4gICB7IGFtb3VudDogJ+KCuTY2LDAwMCcsIHBlcmNlbnRhZ2U6ICdAOCUnIH0sXG4gICB7IGFtb3VudDogJ+KCuTcyLDAwMCcsIHBlcmNlbnRhZ2U6ICdAMTAlJyB9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBteC0yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib2xkLWxhYmVsXCI+e3sgZmllbGQoKT8ucGxhY2VIb2xkZXIgfHwgJ1BheScgfX08L3NwYW4+IDxiciAvPlxuICAgIDxzcGFuIGNsYXNzPVwiZ3JleS1sYWJlbFwiPnt7cGF5QW1vdW50fX08L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJlbWl1bS1jYXJkIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWFyb3VuZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBwYXlhbW91bnRPcHRpb25zOyBsZXQgaSA9IGluZGV4OyBsZXQgaXNMYXN0ID0gbGFzdFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLWNhcmQgdGV4dC1jZW50ZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0NvbnRlbnRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzaG93Y29udGVudC1hbW91bnRcIj57e29wdGlvbi5hbW91bnR9fTwvc3Bhbj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImdyZXktYnV0dG9uXCI+e3tvcHRpb24ucGVyY2VudGFnZX19PC9idXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvci1jb250YWluZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0NvbnRlbnQgJiYgIWlzTGFzdFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwib3ItdGV4dFwiPm9yPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gdGV4dC1jZW50ZXJcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGlnaHQtbGFiZWxcIj48YiBjbGFzcz1cImJvbGQtbGFiZWxcIj57e3ByZW1pdW1BbW91bnR9fTwvYj4vIHt7ZnJlcXVlbmN5fX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj5mb3Ige3twdFZhbHVlfX0geWVhcnMgKHRpbGwge3t5ZWFyc319KTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3hELE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDakMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUU7UUFDeEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUU7UUFDeEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7S0FDMUMsQ0FBQzt3R0FaVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw0L0JDVmhDLDJoREFtQ0EsdTVDRDdCWSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcGF5LWdldC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFBheUdldENhcmRDb21wb25lbnQge1xuZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcbiBASW5wdXQoKSBwYXlBbW91bnQ6IGFueSA9ICfigrk2LDAwLDAwMCc7XG4gQElucHV0KCkgcHJlbWl1bUFtb3VudDogYW55PSAn4oK5MTAsMDAwJztcbiBASW5wdXQoKSBwdFZhbHVlOiBhbnk9IDU7XG4gQElucHV0KCkgeWVhcnM6IGFueT0gJzIwMzAnO1xuIEBJbnB1dCgpIGZyZXF1ZW5jeTogYW55PSAnbW9udGgnO1xuXG4gQElucHV0KCkgcGF5YW1vdW50T3B0aW9uczogYW55W10gPSBbXG4gICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdANiUnIH0sXG4gICB7IGFtb3VudDogJ+KCuTY2LDAwMCcsIHBlcmNlbnRhZ2U6ICdAOCUnIH0sXG4gICB7IGFtb3VudDogJ+KCuTcyLDAwMCcsIHBlcmNlbnRhZ2U6ICdAMTAlJyB9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBteC0yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib2xkLWxhYmVsXCI+e3sgZmllbGQoKT8ucGxhY2VIb2xkZXIgfHwgJ1BheScgfX08L3NwYW4+IDxiciAvPlxuICAgIDxzcGFuIGNsYXNzPVwiZ3JleS1sYWJlbFwiPnt7cGF5QW1vdW50fX08L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJlbWl1bS1jYXJkIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWFyb3VuZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBwYXlhbW91bnRPcHRpb25zOyBsZXQgaSA9IGluZGV4OyBsZXQgaXNMYXN0ID0gbGFzdFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLWNhcmQgdGV4dC1jZW50ZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0NvbnRlbnRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzaG93Y29udGVudC1hbW91bnRcIj57e29wdGlvbi5hbW91bnR9fTwvc3Bhbj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImdyZXktYnV0dG9uXCI+e3tvcHRpb24ucGVyY2VudGFnZX19PC9idXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvci1jb250YWluZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0NvbnRlbnQgJiYgIWlzTGFzdFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwib3ItdGV4dFwiPm9yPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZlcnRpY2FsLWxpbmVcIj48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gdGV4dC1jZW50ZXJcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGlnaHQtbGFiZWxcIj48YiBjbGFzcz1cImJvbGQtbGFiZWxcIj57e3ByZW1pdW1BbW91bnR9fTwvYj4vIHt7ZnJlcXVlbmN5fX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj5mb3Ige3twdFZhbHVlfX0geWVhcnM8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2022/master-control.mjs

@@ -3713,11 +3713,11 @@ class PayGetCardComponent {
         { amount: '₹72,000', percentage: '@10%' }
     ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years (till {{years}})</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width , 100%)!important;max-height:62px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius , 8px)!important;background-color:var(--pay-card-bg-color , #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color , #f5f5f5)!important;border-width:var(--pay-card-border-width , none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;line-height:16px}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;max-height:65px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius, 8px)!important;background-color:var(--pay-card-bg-color, #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule], template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years (till {{years}})</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width , 100%)!important;max-height:62px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius , 8px)!important;background-color:var(--pay-card-bg-color , #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color , #f5f5f5)!important;border-width:var(--pay-card-border-width , none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;line-height:16px}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"] }]
+            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule], template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <span class=\"grey-label\">{{payAmount}}</span>\n  </div>\n  <div class=\"premium-card d-flex align-items-center justify-content-around\">\n    <ng-container *ngFor=\"let option of payamountOptions; let i = index; let isLast = last\">\n      <div class=\"value-card text-center\" *ngIf=\"field()?.configData?.isShowContent\">\n        <span class=\"showcontent-amount\">{{option.amount}}</span>\n        <button class=\"grey-button\">{{option.percentage}}</button>\n      </div>\n\n      <div class=\"separator-container\" *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n        <span class=\"vertical-line\"></span>\n        <span class=\"or-text\">or</span>\n        <span class=\"vertical-line\"></span>\n      </div>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\">for {{ptValue}} years</span>\n    </div>\n  </div>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;max-height:65px;border:1px solid #f5f5f5;border-radius:var(--pay-card-border-radius, 8px)!important;background-color:var(--pay-card-bg-color, #f5f5f5)!important;padding:2px 4px 10px 10px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.bold-label{font-size:.875rem;font-weight:700;line-height:20px;color:#444}.light-label{font-size:12px;font-weight:400;line-height:16px;color:#000}.premium-card{background:#fff;padding:6px 10px;height:54px;width:fit-content;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:8px}.showcontent-amount{font-weight:800;font-size:14px;color:#444;line-height:20px}.vertical-line{width:1px;height:20px;background-color:#ddd}.or-text{font-size:10px;font-weight:400;color:#8f8f8f;text-align:center;line-height:14px}.separator-container{display:flex;flex-direction:column;align-items:center}.grey-button{background-color:#ececec;border:none;border-radius:25px;padding:2px 12px;font-size:10px;font-weight:700;color:#696969;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}\n"] }]
         }], propDecorators: { payAmount: [{
                 type: Input
             }], premiumAmount: [{
@@ -3766,11 +3766,11 @@ class AnnuityRateLogoComponent {
     field = input.required();
     ratePercent = '7%';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityRateLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityRateLogoComponent, isStandalone: true, selector: "lib-annuity-rate-logo", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, ratePercent: { classPropertyName: "ratePercent", publicName: "ratePercent", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div *ngIf=\"field() && field()?.isVisible\">\n  <span class=\"annuity-box\">\n    <span class=\"annuity-percent\">{{ ratePercent }}</span>\n    <img src=\"https://cdn.godigit.com/retail-life/annuity-rate.svg\" alt=\"\" />\n  </span>\n</div>\n", styles: [".annuity-percent{position:absolute;font-weight:900;font-size:12px;transform:translate(31px,17px)}.annuity-box{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityRateLogoComponent, isStandalone: true, selector: "lib-annuity-rate-logo", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, ratePercent: { classPropertyName: "ratePercent", publicName: "ratePercent", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div *ngIf=\"field() && field()?.isVisible\" class=\"annuity-rate-logo\">\n  <span class=\"annuity-box\">\n    <span class=\"annuity-percent\">{{ ratePercent }}</span>\n    <img src=\"https://cdn.godigit.com/retail-life/annuity-rate.svg\" alt=\"\" />\n  </span>\n</div>\n", styles: [".annuity-rate-log{display:flex;align-items:center;justify-content:center}.annuity-percent{position:absolute;font-weight:900;font-size:12px;transform:translate(31px,17px)}.annuity-box{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityRateLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-annuity-rate-logo', standalone: true, imports: [CommonModule], template: "<div *ngIf=\"field() && field()?.isVisible\">\n  <span class=\"annuity-box\">\n    <span class=\"annuity-percent\">{{ ratePercent }}</span>\n    <img src=\"https://cdn.godigit.com/retail-life/annuity-rate.svg\" alt=\"\" />\n  </span>\n</div>\n", styles: [".annuity-percent{position:absolute;font-weight:900;font-size:12px;transform:translate(31px,17px)}.annuity-box{position:relative}\n"] }]
+            args: [{ selector: 'lib-annuity-rate-logo', standalone: true, imports: [CommonModule], template: "<div *ngIf=\"field() && field()?.isVisible\" class=\"annuity-rate-logo\">\n  <span class=\"annuity-box\">\n    <span class=\"annuity-percent\">{{ ratePercent }}</span>\n    <img src=\"https://cdn.godigit.com/retail-life/annuity-rate.svg\" alt=\"\" />\n  </span>\n</div>\n", styles: [".annuity-rate-log{display:flex;align-items:center;justify-content:center}.annuity-percent{position:absolute;font-weight:900;font-size:12px;transform:translate(31px,17px)}.annuity-box{position:relative}\n"] }]
         }], propDecorators: { ratePercent: [{
                 type: Input
             }] } });
@@ -4799,11 +4799,23 @@ class MedialQuestionsComponent {
     validateField(questionId, question) {
         this.fieldTouched[questionId] = true;
         const validators = this.getField(question)?.validators;
-        const value = this.personUwAnswers[questionId];
+        let value;
+        if (this.personUwAnswers['medicalQuestionsHeightUnit'] !== 'FEET') {
+            value = this.personUwAnswers.medicalQuestionsHeightInput;
+        }
+        else {
+            value = this.personUwAnswers[questionId];
+        }
         // Initialize errors object for this field
         this.fieldErrors[questionId] = {};
         // Required validation
-        if (validators?.isRequired && this.checkIfValueIsEmpty(value)) {
+        if (question.questionType === 'CHECKBOX' &&
+            validators?.isRequired &&
+            this.checkIfValueIsEmpty(value[0])) {
+            this.fieldErrors[questionId]['required'] = true;
+        }
+        else if (validators?.isRequired &&
+            (this.checkIfValueIsEmpty(value) || value === 0.0)) {
             this.fieldErrors[questionId]['required'] = true;
         }
         // Skip other validations if value is empty
@@ -4847,16 +4859,20 @@ class MedialQuestionsComponent {
             const errors = this.fieldErrors[questionId];
             const validators = question?.field?.validators;
             if (errors['required']) {
-                if (question?.field?.controlType === 'radio') {
+                if (question?.field?.controlType === 'radio' || question?.field?.controlType === 'checkbox') {
                     return validators?.requiredMessage || `Please select any one option`;
                 }
-                return validators?.requiredMessage || `Please enter ${question?.questionText || 'this field'}`;
+                const cleanText = question?.questionText?.replace(/\(ft\)|\(kg\)/gi, '').trim() ||
+                    'this field';
+                return validators?.requiredMessage || `Please enter ${cleanText}`;
             }
             if (errors['type']) {
                 return validators?.patternMessage || 'Invalid input type';
             }
             if (errors['range']) {
-                return `Please enter a valid ${question?.questionText || 'value'}`;
+                const cleanText = question?.questionText?.replace(/\(ft\)|\(kg\)/gi, '').trim() ||
+                    'value';
+                return `Please enter a valid ${cleanText}`;
             }
         }
         return '';
@@ -5046,9 +5062,10 @@ class MedialQuestionsComponent {
                             singleQuestion['isShowQuestionInUI'] = true;
                         }
                         // Disable the question if it has a default value
+                        let isEnableDefaultQuestions = this.defaultValues()['isEnableDefaultQuestions'] ? true : false;
                         const questionId = singleQuestion['questionId']?.toString();
                         const hasDefaultValue = !this.checkIfValueIsEmpty(this.defaultValues()) && Object.keys(this.defaultValues()).includes(questionId);
-                        if (hasDefaultValue && singleQuestion['field']) {
+                        if (hasDefaultValue && singleQuestion['field'] && !isEnableDefaultQuestions) {
                             singleQuestion['field'] = {
                                 ...singleQuestion['field'],
                                 isDisable: true
@@ -6407,7 +6424,7 @@ class MedialQuestionsComponent {
         return window;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, deps: [{ token: i0.NgZone }, { token: MasterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { clusterId: { classPropertyName: "clusterId", publicName: "clusterId", isSignal: true, isRequired: false, transformFunction: null }, triggerValidation: { classPropertyName: "triggerValidation", publicName: "triggerValidation", isSignal: false, isRequired: false, transformFunction: null }, medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, personType: { classPropertyName: "personType", publicName: "personType", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { questionsValueChange: "questionsValueChange" }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n              style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); valueChangeForMultiselect(questions)\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "openQuoteImageObj", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { clusterId: { classPropertyName: "clusterId", publicName: "clusterId", isSignal: true, isRequired: false, transformFunction: null }, triggerValidation: { classPropertyName: "triggerValidation", publicName: "triggerValidation", isSignal: false, isRequired: false, transformFunction: null }, medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, personType: { classPropertyName: "personType", publicName: "personType", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { questionsValueChange: "questionsValueChange" }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n\n        </div>\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n              style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (click)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"\n            validateField(questions.questionId, questions);\n            valueChangeForMultiselect(questions)\n          \"\n          [field]=\"questions['field']\"\n        />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "openQuoteImageObj", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
@@ -6425,7 +6442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         GoogleMapsModule,
                         HrLineComponent,
                         FilePreviewComponent
-                    ], template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n              style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); valueChangeForMultiselect(questions)\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"] }]
+                    ], template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"card p-3 mb-4\" id=\"personUwMedicalQuestions\">\n    <h6 class=\"page-title bold-label\">\n      {{ getTitleCase(section[\"sectionName\"]) }}\n    </h6>\n    <lib-hr-line [field]=\"horizontalLineObj\" />\n    <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n      <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \">\n        <div class=\"col-12 px-0 my-1\">\n          <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n            (blur)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n          <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n        </div>\n      </div>\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \">\n        <label class=\"card-topic d-block field-lable\">Height\n          <span style=\"color: #ee0000\">&#42;</span>\n        </label>\n        <div [class]=\" 'col-auto px-0 my-0 py-0 heightinput medicalQuestionsHeightInput'\"\n          id=\"medicalQuestionsHeightInput\" (focusout)=\"validateField(questions.questionId, questions)\">\n          <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n            <div class=\"col-7 py-0 heightInputs\">\n              <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHT']['field']\" />\n            </div>\n            <div class=\"col-5\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"validateField(questions.questionId, questions); checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \">\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTF']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\"\n                (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\"\n                [field]=\"medQuestionObj['QHTI']['field']\" />\n            </div>\n            <div class=\"col-4 py-0 my-1\">\n              <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\"\n                [field]=\"medQuestionObj['heightObjectTypes']\" (blur)=\"validateField(questions.questionId, questions)\"\n                (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n            </div>\n          </div>\n\n        </div>\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n            {{ getFieldErrorMessage(questions.questionId, questions) }}\n          </div>\n      </div>\n      <div class=\"row mt-0 pt-0\" *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \">\n\n\n        <div class=\"map-container\">\n          <div class=\"address-search-container mb-3\">\n\n            <div class=\"row mb-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Longitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"longitude\"\n                  placeholder=\"Enter longitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label card-topic\">Latitude</label>\n                <input type=\"number\" class=\"form-control\" autocomplete=\"off\" [(ngModel)]=\"latitude\"\n                  placeholder=\"Enter latitude\" step=\"any\" readonly\n                  (blur)=\"validateField(questions.questionId, questions)\">\n              </div>\n            </div>\n\n            <input #addressInput type=\"text\" class=\"form-control\" placeholder=\"Search for address\"\n              (keyup)=\"onAddressInputKeyup($event)\" (focus)=\"showDropdown = true\" (blur)=\"onInputBlur()\"\n              autocomplete=\"off\">\n            <div *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n              class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n              style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n              <div *ngFor=\"let suggestion of addressSuggestions; let i = index\" class=\"dropdown-item p-2\"\n                style=\"cursor: pointer; border-bottom: 1px solid #eee;\" (mousedown)=\"selectAddress(suggestion)\"\n                (mouseenter)=\"hoveredIndex = i\" [class.bg-light]=\"hoveredIndex === i\">\n                <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n                <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n              </div>\n            </div>\n            <small class=\"text-muted\">Start typing to search for addresses</small>\n          </div>\n          <google-map [center]=\"center\" [zoom]=\"zoom\">\n            <map-marker [position]=\"currentCoordinates\"></map-marker>\n          </google-map>\n        </div>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \">\n        <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (click)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"\n            validateField(questions.questionId, questions);\n            valueChangeForMultiselect(questions)\n          \"\n          [field]=\"questions['field']\"\n        />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\"\n          [field]=\"questions['field']\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n         \" (focusout)=\"validateField(questions.questionId, questions)\">\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        <div class=\"error-message text-danger mt-1\" *ngIf=\"hasAnyFieldError(questions.questionId)\">\n          {{ getFieldErrorMessage(questions.questionId, questions) }}\n        </div>\n      </div>\n\n      <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n      <div class=\"my-1\" [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\"\n          (blur)=\"validateField(questions.questionId, questions);\" />\n        <lib-file-preview *ngIf=\" previewFile\" [field]=\"questions['field']\" [file]=\"previewFile\"\n          (closed)=\"closeFilePreview()\">\n        </lib-file-preview>\n      </div>\n\n\n      <div [ngClass]=\"questions?.field?.cssClass\" *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \">\n        <!-- pending -->\n      </div>\n    </div>\n  </div>\n</div>", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.blink_me{animation:blinker 1s linear infinite}.invalid-field-one-ui{border:2px solid #dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.invalid-field-one-ui:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}@keyframes blinker{50%{opacity:0}}.error-message{font-size:12px;color:#dc3545;margin-top:4px;font-weight:400}.text-danger{color:#dc3545!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { questionsValueChange: [{
                 type: Output
             }], triggerValidation: [{