master-control 0.5.5 → 0.5.7

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

@@ -16,11 +16,11 @@ export class PayGetCardComponent {
         { amount: '₹72,000', percentage: 'Total @', frequency: '', variable: '' }
     ];
     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    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\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}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}\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"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
+    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=\"pay-left text-center mx-2 d-flex flex-column align-items-center justify-content-center\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span>\n    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;width:100%;min-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:6px 8px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important;box-sizing:border-box;gap:8px;align-items:stretch}.pay-left{flex:0 0 30%;max-width:30%;min-width:0;margin:0!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.premium-card{background:#fff;padding:6px 10px;min-height:54px;flex:1 1 70%;max-width:70%;min-width:0;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;overflow:hidden}.premium-card .value-card span,.premium-card .light-label,.premium-card .grey-label{white-space:normal;overflow-wrap:anywhere}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:normal;overflow-wrap:anywhere}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}@media (max-width: 480px){.pay-card{padding:6px;gap:4px}.pay-left{flex:0 0 30%;max-width:30%}.premium-card{flex:1 1 70%;max-width:70%;padding:4px 6px;gap:4px}.bold-label{font-size:.75rem}.grey-label{font-size:11px}.showcontent-amount{font-size:12px}.separator-icon{margin:0 4px}}\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"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
 }
 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, CustomizedTooltipDirective], 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    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\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}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}\n"] }]
+            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], 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=\"pay-left text-center mx-2 d-flex flex-column align-items-center justify-content-center\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span>\n    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;width:100%;min-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:6px 8px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important;box-sizing:border-box;gap:8px;align-items:stretch}.pay-left{flex:0 0 30%;max-width:30%;min-width:0;margin:0!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.premium-card{background:#fff;padding:6px 10px;min-height:54px;flex:1 1 70%;max-width:70%;min-width:0;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;overflow:hidden}.premium-card .value-card span,.premium-card .light-label,.premium-card .grey-label{white-space:normal;overflow-wrap:anywhere}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:normal;overflow-wrap:anywhere}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}@media (max-width: 480px){.pay-card{padding:6px;gap:4px}.pay-left{flex:0 0 30%;max-width:30%}.premium-card{flex:1 1 70%;max-width:70%;padding:4px 6px;gap:4px}.bold-label{font-size:.75rem}.grey-label{font-size:11px}.showcontent-amount{font-size:12px}.separator-icon{margin:0 4px}}\n"] }]
         }], propDecorators: { payAmount: [{
                 type: Input
             }], premiumAmount: [{
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], payamountOptions: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7O0FBU3hGLE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDbEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUMsU0FBUyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1FBQzFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtRQUM1RSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUM7S0FDekUsQ0FBQzt3R0FaVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw0L0JDWGhDLHUyRkFpREEscTlERDFDWSxZQUFZLHFWQUFFLDBCQUEwQjs7NEZBSXZDLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLDBCQUEwQixDQUFDOzhCQU0zQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VzdG9taXplZFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2N1c3RvbWl6ZWQudG9vbHRpcC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcGF5LWdldC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ3VzdG9taXplZFRvb2x0aXBEaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BheS1nZXQtY2FyZC5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQYXlHZXRDYXJkQ29tcG9uZW50IHtcbmZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XG4gQElucHV0KCkgcGF5QW1vdW50OiBhbnkgPSAn4oK5NiwwMCwwMDAnO1xuIEBJbnB1dCgpIHByZW1pdW1BbW91bnQ6IGFueT0gJ+KCuTEwLDAwMCc7XG4gQElucHV0KCkgcHRWYWx1ZTogYW55PSA1O1xuIEBJbnB1dCgpIHllYXJzOiBhbnk9ICcyMDMwJztcbiBASW5wdXQoKSBmcmVxdWVuY3k6IGFueT0gJ21vbnRoJztcblxuIEBJbnB1dCgpIHBheWFtb3VudE9wdGlvbnM6IGFueVtdID0gW1xuICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdHdWFyYW50ZWVkJyxmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJycgfSxcbiAgIHsgYW1vdW50OiAn4oK5NjYsMDAwJywgcGVyY2VudGFnZTogJ1ZhcmlhYmxlIEAnLCBmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJycgfSxcbiAgIHsgYW1vdW50OiAn4oK5NzIsMDAwJywgcGVyY2VudGFnZTogJ1RvdGFsIEAnLCBmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJyd9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBteC0yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib2xkLWxhYmVsXCI+e3sgZmllbGQoKT8ucGxhY2VIb2xkZXIgfHwgJ1BheScgfX08L3NwYW4+IDxiciAvPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj57e3BheUFtb3VudH19PC9zcGFuPlxuICAgIDxzcGFuIFthcHBUb29sdGlwVGVtcGxhdGVdPVwiY3VycmVudFRvb2x0aXBcIiBhcnJvd1Bvc2l0aW9uPVwibGVmdFwiIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgICpuZ0lmPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmwgJiYgZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmxcIiBjbGFzcz1cInRvZ2dsZS1iZW5lZml0LWltZyBteC0xXCIgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjY3VycmVudFRvb2x0aXA+XG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPjwvc3Bhbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJsZWZ0LXJpZ2h0LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5sZWZ0U3ViVGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8ubGVmdFN1YlRleHR9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwcmVtaXVtLWNhcmQgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtYXJvdW5kXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIHBheWFtb3VudE9wdGlvbnM7IGxldCBpID0gaW5kZXg7IGxldCBpc0xhc3QgPSBsYXN0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtY2FyZCB0ZXh0LWNlbnRlclwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93Q29udGVudFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNob3djb250ZW50LWFtb3VudFwiPnt7b3B0aW9uLmFtb3VudH19LyA8c3BhbiBjbGFzcz1cInNob3djb250ZW50LWZyZXF1ZW5jeVwiPnt7b3B0aW9uLmZyZXF1ZW5jeX19PC9zcGFuPjwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImdyZXktYnV0dG9uXCI+e3tvcHRpb24ucGVyY2VudGFnZX19IHt7b3B0aW9uLnZhcmlhYmxlfX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93Q29udGVudCAmJiAhaXNMYXN0XCI+XG4gICAgICA8c3BhbiAqbmdJZj1cImkgIT09IHBheWFtb3VudE9wdGlvbnMubGVuZ3RoIC0gMlwiIGNsYXNzPVwic2VwYXJhdG9yLWljb25cIj4rPC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJpID09PSBwYXlhbW91bnRPcHRpb25zLmxlbmd0aCAtIDJcIiBjbGFzcz1cInNlcGFyYXRvci1pY29uXCI+PTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gdGV4dC1jZW50ZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0xhc3RQYXJ0XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImxpZ2h0LWxhYmVsXCI+PGIgY2xhc3M9XCJib2xkLWxhYmVsXCI+e3twcmVtaXVtQW1vdW50fX08L2I+LyB7e2ZyZXF1ZW5jeX19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJncmV5LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dwYXlvdXRcIj5mb3Ige3twdFZhbHVlfX0geWVhcnMgKHRpbGwge3t5ZWFyc319KTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwicmlnaHQtbGVmdC1sYWJlbFwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93UmlnaHRUZXh0VmFsdWVcIj57e2ZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd1JpZ2h0VGV4dFZhbHVlfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImxlZnQtcmlnaHQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LnJpZ2h0U3ViVGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8ucmlnaHRTdWJUZXh0fX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwicGF5LWdldC1jYXJkLWRpZ2l0LWJvc3MtYmFubmVyXCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZSAmJiBmaWVsZCgpPy5jb25maWdEYXRhPy5kaWdpdEJvc3NUZXh0XCI+XG4gIDxzcGFuIGNsYXNzPVwicGF5LWdldC1jYXJkLWRpZ2l0LWJvc3MtdGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8uZGlnaXRCb3NzVGV4dH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7O0FBU3hGLE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDbEMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUMsU0FBUyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1FBQzFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtRQUM1RSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUM7S0FDekUsQ0FBQzt3R0FaVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw0L0JDWGhDLHM2RkFpREEsOGtGRDFDWSxZQUFZLHFWQUFFLDBCQUEwQjs7NEZBSXZDLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLDBCQUEwQixDQUFDOzhCQU0zQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VzdG9taXplZFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2N1c3RvbWl6ZWQudG9vbHRpcC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcGF5LWdldC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ3VzdG9taXplZFRvb2x0aXBEaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BheS1nZXQtY2FyZC5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQYXlHZXRDYXJkQ29tcG9uZW50IHtcbmZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XG4gQElucHV0KCkgcGF5QW1vdW50OiBhbnkgPSAn4oK5NiwwMCwwMDAnO1xuIEBJbnB1dCgpIHByZW1pdW1BbW91bnQ6IGFueT0gJ+KCuTEwLDAwMCc7XG4gQElucHV0KCkgcHRWYWx1ZTogYW55PSA1O1xuIEBJbnB1dCgpIHllYXJzOiBhbnk9ICcyMDMwJztcbiBASW5wdXQoKSBmcmVxdWVuY3k6IGFueT0gJ21vbnRoJztcblxuIEBJbnB1dCgpIHBheWFtb3VudE9wdGlvbnM6IGFueVtdID0gW1xuICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdHdWFyYW50ZWVkJyxmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJycgfSxcbiAgIHsgYW1vdW50OiAn4oK5NjYsMDAwJywgcGVyY2VudGFnZTogJ1ZhcmlhYmxlIEAnLCBmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJycgfSxcbiAgIHsgYW1vdW50OiAn4oK5NzIsMDAwJywgcGVyY2VudGFnZTogJ1RvdGFsIEAnLCBmcmVxdWVuY3k6ICcnLCB2YXJpYWJsZTogJyd9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJwYXktbGVmdCB0ZXh0LWNlbnRlciBteC0yIGQtZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwiYm9sZC1sYWJlbFwiPnt7IGZpZWxkKCk/LnBsYWNlSG9sZGVyIHx8ICdQYXknIH19PC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj57e3BheUFtb3VudH19PC9zcGFuPlxuICAgIDxzcGFuIFthcHBUb29sdGlwVGVtcGxhdGVdPVwiY3VycmVudFRvb2x0aXBcIiBhcnJvd1Bvc2l0aW9uPVwibGVmdFwiIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgICpuZ0lmPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmwgJiYgZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmxcIiBjbGFzcz1cInRvZ2dsZS1iZW5lZml0LWltZyBteC0xXCIgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjY3VycmVudFRvb2x0aXA+XG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPjwvc3Bhbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJsZWZ0LXJpZ2h0LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5sZWZ0U3ViVGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8ubGVmdFN1YlRleHR9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwcmVtaXVtLWNhcmQgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtYXJvdW5kXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIHBheWFtb3VudE9wdGlvbnM7IGxldCBpID0gaW5kZXg7IGxldCBpc0xhc3QgPSBsYXN0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtY2FyZCB0ZXh0LWNlbnRlclwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93Q29udGVudFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNob3djb250ZW50LWFtb3VudFwiPnt7b3B0aW9uLmFtb3VudH19LyA8c3BhbiBjbGFzcz1cInNob3djb250ZW50LWZyZXF1ZW5jeVwiPnt7b3B0aW9uLmZyZXF1ZW5jeX19PC9zcGFuPjwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImdyZXktYnV0dG9uXCI+e3tvcHRpb24ucGVyY2VudGFnZX19IHt7b3B0aW9uLnZhcmlhYmxlfX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93Q29udGVudCAmJiAhaXNMYXN0XCI+XG4gICAgICA8c3BhbiAqbmdJZj1cImkgIT09IHBheWFtb3VudE9wdGlvbnMubGVuZ3RoIC0gMlwiIGNsYXNzPVwic2VwYXJhdG9yLWljb25cIj4rPC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJpID09PSBwYXlhbW91bnRPcHRpb25zLmxlbmd0aCAtIDJcIiBjbGFzcz1cInNlcGFyYXRvci1pY29uXCI+PTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gdGV4dC1jZW50ZXJcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd0xhc3RQYXJ0XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImxpZ2h0LWxhYmVsXCI+PGIgY2xhc3M9XCJib2xkLWxhYmVsXCI+e3twcmVtaXVtQW1vdW50fX08L2I+LyB7e2ZyZXF1ZW5jeX19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJncmV5LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dwYXlvdXRcIj5mb3Ige3twdFZhbHVlfX0geWVhcnMgKHRpbGwge3t5ZWFyc319KTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwicmlnaHQtbGVmdC1sYWJlbFwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93UmlnaHRUZXh0VmFsdWVcIj57e2ZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd1JpZ2h0VGV4dFZhbHVlfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImxlZnQtcmlnaHQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LnJpZ2h0U3ViVGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8ucmlnaHRTdWJUZXh0fX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwicGF5LWdldC1jYXJkLWRpZ2l0LWJvc3MtYmFubmVyXCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZSAmJiBmaWVsZCgpPy5jb25maWdEYXRhPy5kaWdpdEJvc3NUZXh0XCI+XG4gIDxzcGFuIGNsYXNzPVwicGF5LWdldC1jYXJkLWRpZ2l0LWJvc3MtdGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8uZGlnaXRCb3NzVGV4dH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=

package/fesm2022/master-control.mjs

@@ -3805,11 +3805,11 @@ class PayGetCardComponent {
         { amount: '₹72,000', percentage: 'Total @', frequency: '', variable: '' }
     ];
     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    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\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}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}\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"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
+    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=\"pay-left text-center mx-2 d-flex flex-column align-items-center justify-content-center\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span>\n    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;width:100%;min-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:6px 8px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important;box-sizing:border-box;gap:8px;align-items:stretch}.pay-left{flex:0 0 30%;max-width:30%;min-width:0;margin:0!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.premium-card{background:#fff;padding:6px 10px;min-height:54px;flex:1 1 70%;max-width:70%;min-width:0;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;overflow:hidden}.premium-card .value-card span,.premium-card .light-label,.premium-card .grey-label{white-space:normal;overflow-wrap:anywhere}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:normal;overflow-wrap:anywhere}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}@media (max-width: 480px){.pay-card{padding:6px;gap:4px}.pay-left{flex:0 0 30%;max-width:30%}.premium-card{flex:1 1 70%;max-width:70%;padding:4px 6px;gap:4px}.bold-label{font-size:.75rem}.grey-label{font-size:11px}.showcontent-amount{font-size:12px}.separator-icon{margin:0 4px}}\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"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
 }
 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, CustomizedTooltipDirective], 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    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\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}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:nowrap}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}\n"] }]
+            args: [{ selector: 'lib-pay-get-card', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], 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=\"pay-left text-center mx-2 d-flex flex-column align-items-center justify-content-center\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span>\n    <div class=\"d-flex align-items-center justify-content-center\">\n    <span class=\"grey-label\">{{payAmount}}</span>\n    <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n        *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n        <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n      </span>\n      <ng-template #currentTooltip>\n        <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n      </ng-template>\n    </div>\n    <span class=\"left-right-label\" *ngIf=\"field()?.configData?.leftSubText\">{{field()?.configData?.leftSubText}}</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 class=\"showcontent-frequency\">{{option.frequency}}</span></span>\n        <div class=\"grey-button\">{{option.percentage}} {{option.variable}}</div>\n      </div>\n\n      <ng-container *ngIf=\"field()?.configData?.isShowContent && !isLast\">\n      <span *ngIf=\"i !== payamountOptions.length - 2\" class=\"separator-icon\">+</span>\n      <span *ngIf=\"i === payamountOptions.length - 2\" class=\"separator-icon\">=</span>\n    </ng-container>\n    </ng-container>\n\n    <div class=\"d-flex flex-column text-center\" *ngIf=\"field()?.configData?.isShowLastPart\">\n      <span class=\"light-label\"><b class=\"bold-label\">{{premiumAmount}}</b>/ {{frequency}}</span>\n      <span class=\"grey-label\" *ngIf=\"field()?.configData?.isShowpayout\">for {{ptValue}} years (till {{years}})</span>\n      <span class=\"right-left-label\" *ngIf=\"field()?.configData?.isShowRightTextValue\">{{field()?.configData?.isShowRightTextValue}}</span>\n      <span class=\"left-right-label\" *ngIf=\"field()?.configData?.rightSubText\">{{field()?.configData?.rightSubText}}</span>\n    </div>\n  </div>\n</div>\n<div class=\"pay-get-card-digit-boss-banner\" *ngIf=\"field() && field()?.isVisible && field()?.configData?.digitBossText\">\n  <span class=\"pay-get-card-digit-boss-text\">{{field()?.configData?.digitBossText}}</span>\n</div>\n", styles: [".pay-card{max-width:var(--pay-card-width, 100%)!important;width:100%;min-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:6px 8px;border-color:var(--pay-card-border-color, #f5f5f5)!important;border-width:var(--pay-card-border-width, none)!important;box-sizing:border-box;gap:8px;align-items:stretch}.pay-left{flex:0 0 30%;max-width:30%;min-width:0;margin:0!important}.grey-label{font-size:12px;font-weight:700;color:#696969;display:block}.left-right-label{font-size:8px;font-weight:600;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}.toggle-benefit-img{width:10px;height:10px}.premium-card{background:#fff;padding:6px 10px;min-height:54px;flex:1 1 70%;max-width:70%;min-width:0;border-radius:4px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;overflow:hidden}.premium-card .value-card span,.premium-card .light-label,.premium-card .grey-label{white-space:normal;overflow-wrap:anywhere}.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}.separator-icon{font-size:12px;margin:0 8px;font-weight:700;color:#444}.grey-button{color:#696969;font-size:10px;font-weight:600;height:18px;min-width:50px;display:flex;align-items:center;line-height:14px}.pay-get-card-digit-boss-banner{background-color:#f5f5f5;margin-top:0;padding:6px 10px;max-width:var(--pay-card-width, 100%);border-radius:0 0 var(--pay-card-border-radius, 8px) var(--pay-card-border-radius, 8px)}.pay-get-card-digit-boss-text{font-size:12px;font-weight:600;color:#444;display:block;text-align:center}.value-card{display:flex;flex-direction:column;align-items:center;gap:4px}.value-card span{white-space:normal;overflow-wrap:anywhere}.right-left-label{font-size:6px;font-weight:600;color:#696969;display:block}.showcontent-frequency{font-weight:400;font-size:6px;color:#444}@media (max-width: 480px){.pay-card{padding:6px;gap:4px}.pay-left{flex:0 0 30%;max-width:30%}.premium-card{flex:1 1 70%;max-width:70%;padding:4px 6px;gap:4px}.bold-label{font-size:.75rem}.grey-label{font-size:11px}.showcontent-amount{font-size:12px}.separator-icon{margin:0 4px}}\n"] }]
         }], propDecorators: { payAmount: [{
                 type: Input
             }], premiumAmount: [{
@@ -6589,7 +6589,7 @@ class MedialQuestionsComponent {
         this.questionsValueChange.emit(this.personUwAnswers);
     }
     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=\"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(); handleQuestionChange()\" />\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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         {{questions['field'].isDisable}}\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues(); handleQuestionChange()\" />\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(); handleQuestionChange()\" />\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>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.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}.error-message:first-letter{text-transform:uppercase}\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: 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=\"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(); handleQuestionChange()\" />\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\" />\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(); handleQuestionChange()\" />\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>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.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}.error-message:first-letter{text-transform:uppercase}\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: 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,
@@ -6607,7 +6607,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=\"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(); handleQuestionChange()\" />\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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         {{questions['field'].isDisable}}\n        <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\"\n          (blur)=\"validateField(questions.questionId, questions)\"\n          (ngModelChange)=\"validateField(questions.questionId, questions); removeSubQuestionValues(); handleQuestionChange()\" />\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(); handleQuestionChange()\" />\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>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.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}.error-message:first-letter{text-transform:uppercase}\n"] }]
+                    ], template: "<div *ngFor=\"let section of questionList\">\n  <div *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \" class=\"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(); handleQuestionChange()\" />\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\"\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(); handleQuestionChange()\" />\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(); handleQuestionChange()\" />\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>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}.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}.error-message:first-letter{text-transform:uppercase}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { questionsValueChange: [{
                 type: Output
             }], triggerValidation: [{