master-control 0.4.73 → 0.4.75

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

@@ -16,11 +16,11 @@ export class PayGetCardComponent {
         { amount: '₹72,000', percentage: 'Total @<10%>' }
     ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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=\"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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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=\"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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7O0FBU3hGLE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDakMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUU7UUFDL0MsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRTtRQUNwRCxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRTtLQUNsRCxDQUFDO3dHQVpVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDQvQkNYaEMsaWlGQThDQSx3bEREdkNZLFlBQVkscVZBQUUsMEJBQTBCOzs0RkFJdkMsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsMEJBQTBCLENBQUM7OEJBTTNDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvY3VzdG9taXplZC50b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wYXktZ2V0LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFBheUdldENhcmRDb21wb25lbnQge1xuZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcbiBASW5wdXQoKSBwYXlBbW91bnQ6IGFueSA9ICfigrk2LDAwLDAwMCc7XG4gQElucHV0KCkgcHJlbWl1bUFtb3VudDogYW55PSAn4oK5MTAsMDAwJztcbiBASW5wdXQoKSBwdFZhbHVlOiBhbnk9IDU7XG4gQElucHV0KCkgeWVhcnM6IGFueT0gJzIwMzAnO1xuIEBJbnB1dCgpIGZyZXF1ZW5jeTogYW55PSAnbW9udGgnO1xuXG4gQElucHV0KCkgcGF5YW1vdW50T3B0aW9uczogYW55W10gPSBbXG4gICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdHdWFyYW50ZWVkJyB9LFxuICAgeyBhbW91bnQ6ICfigrk2NiwwMDAnLCBwZXJjZW50YWdlOiAnVmFyaWFibGUgQDwxMCU+JyB9LFxuICAgeyBhbW91bnQ6ICfigrk3MiwwMDAnLCBwZXJjZW50YWdlOiAnVG90YWwgQDwxMCU+JyB9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBteC0yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib2xkLWxhYmVsXCI+e3sgZmllbGQoKT8ucGxhY2VIb2xkZXIgfHwgJ1BheScgfX08L3NwYW4+IDxiciAvPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj48e3twYXlBbW91bnR9fT48L3NwYW4+XG4gICAgPHNwYW4gW2FwcFRvb2x0aXBUZW1wbGF0ZV09XCJjdXJyZW50VG9vbHRpcFwiIGFycm93UG9zaXRpb249XCJsZWZ0XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcbiAgICAgICAgKm5nSWY9XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybCAmJiBmaWVsZCgpLmNvbmZpZ0RhdGE/LnRvb2x0aXBUZXh0XCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybFwiIGNsYXNzPVwidG9nZ2xlLWJlbmVmaXQtaW1nIG14LTFcIiAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPG5nLXRlbXBsYXRlICNjdXJyZW50VG9vbHRpcD5cbiAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LnRvb2x0aXBUZXh0XCI+PC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cImxlZnQtcmlnaHQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmxlZnRTdWJUZXh0XCI+e3tmaWVsZCgpPy5jb25maWdEYXRhPy5sZWZ0U3ViVGV4dH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInByZW1pdW0tY2FyZCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1hcm91bmRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcGF5YW1vdW50T3B0aW9uczsgbGV0IGkgPSBpbmRleDsgbGV0IGlzTGFzdCA9IGxhc3RcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZS1jYXJkIHRleHQtY2VudGVyXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dDb250ZW50XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2hvd2NvbnRlbnQtYW1vdW50XCI+e3tvcHRpb24uYW1vdW50fX08L3NwYW4+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmV5LWJ1dHRvblwiPnt7b3B0aW9uLnBlcmNlbnRhZ2V9fTwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dDb250ZW50ICYmICFpc0xhc3RcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaSAhPT0gcGF5YW1vdW50T3B0aW9ucy5sZW5ndGggLSAyXCIgY2xhc3M9XCJzZXBhcmF0b3ItaWNvblwiPis8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImkgPT09IHBheWFtb3VudE9wdGlvbnMubGVuZ3RoIC0gMlwiIGNsYXNzPVwic2VwYXJhdG9yLWljb25cIj49PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiB0ZXh0LWNlbnRlclwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93TGFzdFBhcnRcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGlnaHQtbGFiZWxcIj48YiBjbGFzcz1cImJvbGQtbGFiZWxcIj48e3twcmVtaXVtQW1vdW50fX0+PC9iPi8gPHt7ZnJlcXVlbmN5fX0+PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJncmV5LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dwYXlvdXRcIj5mb3Ige3twdFZhbHVlfX0geWVhcnM8L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInJpZ2h0LWxlZnQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd1JpZ2h0VGV4dFZhbHVlXCI+e3tmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dSaWdodFRleHRWYWx1ZX19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJsZWZ0LXJpZ2h0LWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5yaWdodFN1YlRleHRcIj57e2ZpZWxkKCk/LmNvbmZpZ0RhdGE/LnJpZ2h0U3ViVGV4dH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5LWdldC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvcGF5LWdldC1jYXJkL3BheS1nZXQtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3BheS1nZXQtY2FyZC9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7O0FBU3hGLE1BQU0sT0FBTyxtQkFBbUI7SUFDaEMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUN6QixTQUFTLEdBQVEsV0FBVyxDQUFDO0lBQzdCLGFBQWEsR0FBTyxTQUFTLENBQUM7SUFDOUIsT0FBTyxHQUFPLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQU8sTUFBTSxDQUFDO0lBQ25CLFNBQVMsR0FBTyxPQUFPLENBQUM7SUFFeEIsZ0JBQWdCLEdBQVU7UUFDakMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUU7UUFDL0MsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRTtRQUNwRCxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRTtLQUNsRCxDQUFDO3dHQVpVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDQvQkNYaEMsNmhGQThDQSx3bEREdkNZLFlBQVkscVZBQUUsMEJBQTBCOzs0RkFJdkMsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsMEJBQTBCLENBQUM7OEJBTTNDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvY3VzdG9taXplZC50b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wYXktZ2V0LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXktZ2V0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGF5LWdldC1jYXJkLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFBheUdldENhcmRDb21wb25lbnQge1xuZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcbiBASW5wdXQoKSBwYXlBbW91bnQ6IGFueSA9ICfigrk2LDAwLDAwMCc7XG4gQElucHV0KCkgcHJlbWl1bUFtb3VudDogYW55PSAn4oK5MTAsMDAwJztcbiBASW5wdXQoKSBwdFZhbHVlOiBhbnk9IDU7XG4gQElucHV0KCkgeWVhcnM6IGFueT0gJzIwMzAnO1xuIEBJbnB1dCgpIGZyZXF1ZW5jeTogYW55PSAnbW9udGgnO1xuXG4gQElucHV0KCkgcGF5YW1vdW50T3B0aW9uczogYW55W10gPSBbXG4gICB7IGFtb3VudDogJ+KCuTYyLDAwMCcsIHBlcmNlbnRhZ2U6ICdHdWFyYW50ZWVkJyB9LFxuICAgeyBhbW91bnQ6ICfigrk2NiwwMDAnLCBwZXJjZW50YWdlOiAnVmFyaWFibGUgQDwxMCU+JyB9LFxuICAgeyBhbW91bnQ6ICfigrk3MiwwMDAnLCBwZXJjZW50YWdlOiAnVG90YWwgQDwxMCU+JyB9XG4gXTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gcGF5LWNhcmRcIlxuICBbbmdTdHlsZV09XCJ7XG4nLS1wYXktY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLXBheS1jYXJkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tcGF5LWNhcmQtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbictLXBheS1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLXBheS1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXG4gfVwiXG4gKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBteC0yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib2xkLWxhYmVsXCI+e3sgZmllbGQoKT8ucGxhY2VIb2xkZXIgfHwgJ1BheScgfX08L3NwYW4+IDxiciAvPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIj48e3twYXlBbW91bnR9fT48L3NwYW4+XG4gICAgPHNwYW4gW2FwcFRvb2x0aXBUZW1wbGF0ZV09XCJjdXJyZW50VG9vbHRpcFwiIGFycm93UG9zaXRpb249XCJsZWZ0XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcbiAgICAgICAgKm5nSWY9XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybCAmJiBmaWVsZCgpLmNvbmZpZ0RhdGE/LnRvb2x0aXBUZXh0XCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybFwiIGNsYXNzPVwidG9nZ2xlLWJlbmVmaXQtaW1nIG14LTFcIiAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPG5nLXRlbXBsYXRlICNjdXJyZW50VG9vbHRpcD5cbiAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LnRvb2x0aXBUZXh0XCI+PC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cImxlZnQtcmlnaHQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmxlZnRTdWJUZXh0XCI+e3tmaWVsZCgpPy5jb25maWdEYXRhPy5sZWZ0U3ViVGV4dH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInByZW1pdW0tY2FyZCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1hcm91bmRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcGF5YW1vdW50T3B0aW9uczsgbGV0IGkgPSBpbmRleDsgbGV0IGlzTGFzdCA9IGxhc3RcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZS1jYXJkIHRleHQtY2VudGVyXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dDb250ZW50XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2hvd2NvbnRlbnQtYW1vdW50XCI+e3tvcHRpb24uYW1vdW50fX08L3NwYW4+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmV5LWJ1dHRvblwiPnt7b3B0aW9uLnBlcmNlbnRhZ2V9fTwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pc1Nob3dDb250ZW50ICYmICFpc0xhc3RcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaSAhPT0gcGF5YW1vdW50T3B0aW9ucy5sZW5ndGggLSAyXCIgY2xhc3M9XCJzZXBhcmF0b3ItaWNvblwiPis8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImkgPT09IHBheWFtb3VudE9wdGlvbnMubGVuZ3RoIC0gMlwiIGNsYXNzPVwic2VwYXJhdG9yLWljb25cIj49PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiB0ZXh0LWNlbnRlclwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93TGFzdFBhcnRcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGlnaHQtbGFiZWxcIj48YiBjbGFzcz1cImJvbGQtbGFiZWxcIj57e3ByZW1pdW1BbW91bnR9fTwvYj4vIHt7ZnJlcXVlbmN5fX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImdyZXktbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd3BheW91dFwiPmZvciB7e3B0VmFsdWV9fSB5ZWFyczwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwicmlnaHQtbGVmdC1sYWJlbFwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uaXNTaG93UmlnaHRUZXh0VmFsdWVcIj57e2ZpZWxkKCk/LmNvbmZpZ0RhdGE/LmlzU2hvd1JpZ2h0VGV4dFZhbHVlfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImxlZnQtcmlnaHQtbGFiZWxcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LnJpZ2h0U3ViVGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8ucmlnaHRTdWJUZXh0fX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2022/master-control.mjs

@@ -3721,11 +3721,11 @@ class PayGetCardComponent {
         { amount: '₹72,000', percentage: 'Total @<10%>' }
     ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PayGetCardComponent, isStandalone: true, selector: "lib-pay-get-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, payAmount: { classPropertyName: "payAmount", publicName: "payAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, ptValue: { classPropertyName: "ptValue", publicName: "ptValue", isSignal: false, isRequired: false, transformFunction: null }, years: { classPropertyName: "years", publicName: "years", isSignal: false, isRequired: false, transformFunction: null }, frequency: { classPropertyName: "frequency", publicName: "frequency", isSignal: false, isRequired: false, transformFunction: null }, payamountOptions: { classPropertyName: "payamountOptions", publicName: "payamountOptions", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"d-flex justify-content-between pay-card\"\n  [ngStyle]=\"{\n'--pay-card-border-color': field()?.controlStyle?.borderColor ,\n'--pay-card-border-width': field()?.controlStyle?.borderWidth ,\n'--pay-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--pay-card-bg-color': field()?.controlStyle?.background ,\n'--pay-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"text-center mx-2\">\n    <span class=\"bold-label\">{{ field()?.placeHolder || 'Pay' }}</span> <br />\n    <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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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=\"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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\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=\"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>\n        <div class=\"grey-button\">{{option.percentage}}</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</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", 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}.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}\n"] }]
         }], propDecorators: { payAmount: [{
                 type: Input
             }], premiumAmount: [{
@@ -7870,7 +7870,7 @@ class AnnuityPremiumCalculatorComponent {
         return str ? str + ' Only' : '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityPremiumCalculatorComponent, deps: [{ token: MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityPremiumCalculatorComponent, isStandalone: true, selector: "lib-annuity-premium-calculator", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumDetails: { classPropertyName: "premiumDetails", publicName: "premiumDetails", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCalcualteButtonClick: "onCalcualteButtonClick", onGenerateSummaryClick: "onGenerateSummaryClick", onAnnuityPremiumChange: "onAnnuityPremiumChange", onMinimumPremiumValueChange: "onMinimumPremiumValueChange", onAutioDebitValueChange: "onAutioDebitValueChange", onGuranteedAnnuityValueChange: "onGuranteedAnnuityValueChange", onDigitBossSwitchToggle: "onDigitBossSwitchToggle" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's Your Premium to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div class=\"annuity-mat-hint\" *ngIf=\"annuityPremiumObj?.configData?.numbertoword\">{{annuityPremiumObj?.configData?.numbertoword}}</div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative; height: auto; min-height: 100%;\">\n        <!-- Top line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); top: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <!-- Bottom line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); bottom: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"annuity-mat-hint\" *ngIf=\"minimumAnnuityPayoutObj?.configData?.numbertoword\">{{minimumAnnuityPayoutObj?.configData?.numbertoword}}</div>\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"digitBossSwitch?.isVisible\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [(ngModel)]=\"this.digitBossSwitch.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{this.digitBossSwitch?.prefixText}}\n          <span class=\"highlight\">{{this.digitBossSwitch?.highlightText}}</span>\n          {{this.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \"\n        >\n        <div class=\"mx-4\" *ngIf=\"recalculateSubTextObj?.isVisible\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div *ngIf=\"generateSummaryObj.isVisible\" class=\"generateSummary\">\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.annuity-mat-hint{font-size:8px;text-align:start;font-weight:400;color:#444;letter-spacing:0px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}.generateSummary{margin-right:.4rem;margin-left:.4rem}\n"], dependencies: [{ kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityPremiumCalculatorComponent, isStandalone: true, selector: "lib-annuity-premium-calculator", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumDetails: { classPropertyName: "premiumDetails", publicName: "premiumDetails", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCalcualteButtonClick: "onCalcualteButtonClick", onGenerateSummaryClick: "onGenerateSummaryClick", onAnnuityPremiumChange: "onAnnuityPremiumChange", onMinimumPremiumValueChange: "onMinimumPremiumValueChange", onAutioDebitValueChange: "onAutioDebitValueChange", onGuranteedAnnuityValueChange: "onGuranteedAnnuityValueChange", onDigitBossSwitchToggle: "onDigitBossSwitchToggle" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's Your Premium to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Please enter Premium amount\n        </div>\n        <div class=\"annuity-mat-hint\" *ngIf=\"annuityPremiumObj?.configData?.numbertoword\">{{annuityPremiumObj?.configData?.numbertoword}}</div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative; height: auto; min-height: 100%;\">\n        <!-- Top line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); top: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <!-- Bottom line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); bottom: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"annuity-mat-hint\" *ngIf=\"minimumAnnuityPayoutObj?.configData?.numbertoword\">{{minimumAnnuityPayoutObj?.configData?.numbertoword}}</div>\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"digitBossSwitch?.isVisible\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [(ngModel)]=\"this.digitBossSwitch.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{this.digitBossSwitch?.prefixText}}\n          <span class=\"highlight\">{{this.digitBossSwitch?.highlightText}}</span>\n          {{this.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \"\n        >\n        <div class=\"mx-4\" *ngIf=\"recalculateSubTextObj?.isVisible\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div *ngIf=\"generateSummaryObj.isVisible\" class=\"generateSummary\">\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.annuity-mat-hint{font-size:8px;text-align:start;font-weight:400;color:#444;letter-spacing:0px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}.generateSummary{margin-right:.4rem;margin-left:.4rem}\n"], dependencies: [{ kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityPremiumCalculatorComponent, decorators: [{
             type: Component,
@@ -7882,7 +7882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RadioComponent,
                         CommonModule,
                         FormsModule
-                    ], template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's Your Premium to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div class=\"annuity-mat-hint\" *ngIf=\"annuityPremiumObj?.configData?.numbertoword\">{{annuityPremiumObj?.configData?.numbertoword}}</div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative; height: auto; min-height: 100%;\">\n        <!-- Top line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); top: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <!-- Bottom line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); bottom: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"annuity-mat-hint\" *ngIf=\"minimumAnnuityPayoutObj?.configData?.numbertoword\">{{minimumAnnuityPayoutObj?.configData?.numbertoword}}</div>\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"digitBossSwitch?.isVisible\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [(ngModel)]=\"this.digitBossSwitch.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{this.digitBossSwitch?.prefixText}}\n          <span class=\"highlight\">{{this.digitBossSwitch?.highlightText}}</span>\n          {{this.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \"\n        >\n        <div class=\"mx-4\" *ngIf=\"recalculateSubTextObj?.isVisible\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div *ngIf=\"generateSummaryObj.isVisible\" class=\"generateSummary\">\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.annuity-mat-hint{font-size:8px;text-align:start;font-weight:400;color:#444;letter-spacing:0px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}.generateSummary{margin-right:.4rem;margin-left:.4rem}\n"] }]
+                    ], template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's Your Premium to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Please enter Premium amount\n        </div>\n        <div class=\"annuity-mat-hint\" *ngIf=\"annuityPremiumObj?.configData?.numbertoword\">{{annuityPremiumObj?.configData?.numbertoword}}</div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative; height: auto; min-height: 100%;\">\n        <!-- Top line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); top: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <!-- Bottom line -->\n        <div style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% + 24px); bottom: -37px; background: rgba(221, 221, 221, 1); pointer-events: none;\"></div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"annuity-mat-hint\" *ngIf=\"minimumAnnuityPayoutObj?.configData?.numbertoword\">{{minimumAnnuityPayoutObj?.configData?.numbertoword}}</div>\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"digitBossSwitch?.isVisible\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [(ngModel)]=\"this.digitBossSwitch.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{this.digitBossSwitch?.prefixText}}\n          <span class=\"highlight\">{{this.digitBossSwitch?.highlightText}}</span>\n          {{this.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \"\n        >\n        <div class=\"mx-4\" *ngIf=\"recalculateSubTextObj?.isVisible\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div *ngIf=\"generateSummaryObj.isVisible\" class=\"generateSummary\">\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.annuity-mat-hint{font-size:8px;text-align:start;font-weight:400;color:#444;letter-spacing:0px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}.generateSummary{margin-right:.4rem;margin-left:.4rem}\n"] }]
         }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { onCalcualteButtonClick: [{
                 type: Output
             }], onGenerateSummaryClick: [{