master-control 0.4.70 → 0.4.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/in-built-benefit/in-built-benefit.component.mjs +3 -3
- package/esm2022/lib/other-benefits/other-benefits.component.mjs +4 -3
- package/esm2022/lib/pay-get-card/pay-get-card.component.mjs +3 -3
- package/fesm2022/master-control.mjs +6 -6
- package/fesm2022/master-control.mjs.map +1 -1
- package/master-control-0.4.71.tgz +0 -0
- package/package.json +1 -1
- package/master-control-0.4.70.tgz +0 -0
|
@@ -13,14 +13,14 @@ export class InBuiltBenefitComponent {
|
|
|
13
13
|
this.service = service;
|
|
14
14
|
}
|
|
15
15
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InBuiltBenefitComponent, deps: [{ token: i1.MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InBuiltBenefitComponent, isStandalone: true, selector: "lib-in-built-benefit", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmountShort: { classPropertyName: "premiumAmountShort", publicName: "premiumAmountShort", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InBuiltBenefitComponent, isStandalone: true, selector: "lib-in-built-benefit", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmountShort: { classPropertyName: "premiumAmountShort", publicName: "premiumAmountShort", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\" [innerHTML]=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: CustomizedTooltipDirective, selector: "[appTooltipTemplate]", inputs: ["appTooltipTemplate"] }] });
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InBuiltBenefitComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'lib-in-built-benefit', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"] }]
|
|
20
|
+
args: [{ selector: 'lib-in-built-benefit', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\" [innerHTML]=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"] }]
|
|
21
21
|
}], ctorParameters: () => [{ type: i1.MasterControlService }], propDecorators: { premiumAmount: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], premiumAmountShort: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luLWJ1aWx0LWJlbmVmaXQvaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luLWJ1aWx0LWJlbmVmaXQvaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7O0FBU3hGLE1BQU0sT0FBTyx1QkFBdUI7SUFLYjtJQUpyQixLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBRTFCLGFBQWEsR0FBUSxXQUFXLENBQUM7SUFDakMsa0JBQWtCLEdBQVEsSUFBSSxDQUFDO0lBQ3RDLFlBQW1CLE9BQThCO1FBQTlCLFlBQU8sR0FBUCxPQUFPLENBQXVCO0lBQUcsQ0FBQzt3R0FMNUMsdUJBQXVCOzRGQUF2Qix1QkFBdUIsb2dCQ1pwQyxpcEVBMENBLDY1Q0RsQ1ksWUFBWSx3TkFBRywwQkFBMEI7OzRGQUl4Qyx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRywwQkFBMEIsQ0FBQzt5RkFPM0MsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hc3RlckNvbnRyb2xTZXJ2aWNlIH0gZnJvbSAnLi4vbWFzdGVyLWNvbnRyb2wuc2VydmljZSc7XG5pbXBvcnQgeyBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvY3VzdG9taXplZC50b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1pbi1idWlsdC1iZW5lZml0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSAsIEN1c3RvbWl6ZWRUb29sdGlwRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2luLWJ1aWx0LWJlbmVmaXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgSW5CdWlsdEJlbmVmaXRDb21wb25lbnQge1xuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xuXG4gIEBJbnB1dCgpIHByZW1pdW1BbW91bnQ6IGFueSA9ICfigrkxLDAwLDAwMCc7XG4gIEBJbnB1dCgpIHByZW1pdW1BbW91bnRTaG9ydDogYW55ID0gJzFMJztcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgc2VydmljZSA6IE1hc3RlckNvbnRyb2xTZXJ2aWNlKSB7fVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGluLWJ1aWx0LWNhcmRcIlxuIFtuZ1N0eWxlXT1cIntcbictLWluYnVpbHQtY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLWluYnVpbHQtY2FyZC1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcbictLWluYnVpbHQtY2FyZC1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxuJy0taW5idWlsdC1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLWluYnVpbHQtY2FyZC13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxuIH1cIlxuICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxuPlxuICA8cCBjbGFzcz1cInctMTAwIHRvcC1ib3hcIj5cbiAgICA8c3BhbiBjbGFzcz1cInRvcC1iZW5lZml0LWNhcmRcIj5CZW5lZml0cyBpbiBCcmllZjwvc3Bhbj5cbiAgPC9wPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0IGdhcC0zXCI+XG4gICAgPGltZyAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmltYWdlVXJsXCIgW3NyY109XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pbWFnZVVybFwiIGFsdD1cIkJlbmVmaXQgSW1hZ2VcIiBjbGFzcz1cImJlbmVmaXQtaW1nXCIgLz5cbiAgICA8ZGl2IGNsYXNzPVwiYmVuZWZpdC1jb250ZW50XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInByZW1pdW0taGVhZGVyXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5sYWJlbFwiPnt7IGZpZWxkKCk/LmNvbmZpZ0RhdGE/LmxhYmVsIH19PC9zcGFuPiA8YnIgLz5cbiAgICAgIDxzcGFuIGNsYXNzPVwiYmVuZWZpdC10ZXh0IG5vcm1hbC10ZXh0XCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5zdWJUZXh0XCIgW2lubmVySFRNTF09XCJmaWVsZCgpPy5jb25maWdEYXRhPy5zdWJUZXh0XCI+XG4gICAgICAgIHt7IGZpZWxkKCk/LmNvbmZpZ0RhdGE/LnN1YlRleHQgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidWl0LWluLWJlbmVmaXQtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImJlbmVmaXQtdGV4dCBub3JtYWwtdGV4dFwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uYmVuZWZpdHByZWZpeHRleHRcIj4ge3sgZmllbGQoKT8uY29uZmlnRGF0YT8uYmVuZWZpdHByZWZpeHRleHQgfX0gPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImhpZ2hsaWdodCBtcy0yXCIgKm5nSWY9XCJmaWVsZCgpPy5jb25maWdEYXRhPy5iZW5lZml0SGlnaGxpZ2h0dGV4dFwiPnt7ZmllbGQoKT8uY29uZmlnRGF0YT8uYmVuZWZpdEhpZ2hsaWdodHRleHR9fVxuICAgICAgICAgIDxzcGFuIFthcHBUb29sdGlwVGVtcGxhdGVdPVwiY3VycmVudFRvb2x0aXBcIiBhcnJvd1Bvc2l0aW9uPVwibGVmdFwiIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgICpuZ0lmPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmwgJiYgZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwiZmllbGQoKS5jb25maWdEYXRhPy5pbmZvaW1hZ2VVcmxcIiBjbGFzcz1cInRvZ2dsZS1pbWcgbXgtMVwiIC8+XG4gICAgICA8L3NwYW4+XG4gICAgICA8bmctdGVtcGxhdGUgI2N1cnJlbnRUb29sdGlwPlxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImZpZWxkKCkuY29uZmlnRGF0YT8udG9vbHRpcFRleHRcIj48L3NwYW4+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxiciAvPlxuICAgICAgPHNwYW4gY2xhc3M9XCJwcmVtaXVtXCIgKm5nSWY9XCIhdGhpcy5zZXJ2aWNlLmNoZWNrSWZWYWx1ZUlzRW1wdHkocHJlbWl1bUFtb3VudClcIj5cbiAgICAgICAgPGI+e3sgcHJlbWl1bUFtb3VudCB9fTwvYj4gKHt7IHByZW1pdW1BbW91bnRTaG9ydCB9fSlcbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJtLWF1dG9cIj5cbiAgICA8aW1nICpuZ0lmPVwiZmllbGQoKT8uaW1hZ2VVcmxcIiBbc3JjXT1cImZpZWxkKCkuaW1hZ2VVcmxcIiBhbHQ9XCJcIiAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, input } from '@angular/core';
|
|
3
|
+
import { CustomizedTooltipDirective } from '../directives/customized.tooltip.directive';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
5
6
|
export class OtherBenefitsComponent {
|
|
6
7
|
field = input.required();
|
|
7
8
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"data.infoimageUrl && data.tooltipText\">\n <img [src]=\"data.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"data.tooltipText\"></span>\n </ng-template>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
9
10
|
}
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, decorators: [{
|
|
11
12
|
type: Component,
|
|
12
|
-
args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
|
|
13
|
+
args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"data.infoimageUrl && data.tooltipText\">\n <img [src]=\"data.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"data.tooltipText\"></span>\n </ng-template>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
|
|
13
14
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3RoZXItYmVuZWZpdHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9vdGhlci1iZW5lZml0cy9vdGhlci1iZW5lZml0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL290aGVyLWJlbmVmaXRzL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7O0FBU3hGLE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQzt3R0FEeEIsc0JBQXNCOzRGQUF0QixzQkFBc0IsaU5DWG5DLHM1Q0FnQ0EsOHRERHpCWSxZQUFZLHdOQUFFLDBCQUEwQjs7NEZBSXZDLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvY3VzdG9taXplZC50b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1vdGhlci1iZW5lZml0cycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEN1c3RvbWl6ZWRUb29sdGlwRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIE90aGVyQmVuZWZpdHNDb21wb25lbnQge1xuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xufVxuIiwiPGRpdiBjbGFzcz1cIm90aGVyLWJlbmVmaXQtY2FyZCBkLWZsZXggZ2FwLTJcIlxuIFtuZ1N0eWxlXT1cIntcbictLW90aGVyLWJlbmVmaXQtY29sb3ItYm9yZGVyLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJDb2xvciAsXG4nLS1vdGhlci1iZW5lZml0LWNvbG9yLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1iZy1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYmFja2dyb3VuZFxuIH1cIlxuICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxuPlxuICA8ZGl2IGNsYXNzPVwidy0xMDAgdG9wLWJveFwiPlxuICAgIDxzcGFuIGNsYXNzPVwidG9wLWJlbmVmaXQtY2FyZFwiPkFkZGl0aW9uYWwgQmVuZWZpdHM8L3NwYW4+XG4gIDwvZGl2PlxuICBAZm9yIChkYXRhIG9mIGZpZWxkKCk/LmNvbmZpZ0RhdGE/Lm90aGVyQmVuZWZpdHM7IHRyYWNrICRpbmRleCkge1xuICA8ZGl2IGNsYXNzPVwic3ViLWJlbmVmaXQtY2FyZFwiICpuZ0lmPVwiZGF0YS5zaG91bGRTaG93XCI+XG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBnYXAtMiBhbGlnbi1pdGVtcy1zdGFydFwiPlxuICAgICAgPGltZyBbc3JjXT1cImRhdGEuaW1hZ2VVcmxcIiBhbHQ9XCJcIiBjbGFzcz1cImJlbmVmaXQtaWNvblwiIC8+XG4gICAgICA8c3BhbiBjbGFzcz1cImhlYWRlci10eHRcIj57eyBkYXRhLmhlYWRlclRleHQgfX08L3NwYW4+XG4gICAgICA8c3BhbiBbYXBwVG9vbHRpcFRlbXBsYXRlXT1cImN1cnJlbnRUb29sdGlwXCIgYXJyb3dQb3NpdGlvbj1cImxlZnRcIiB0b29sdGlwUG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICAqbmdJZj1cImRhdGEuaW5mb2ltYWdlVXJsICYmIGRhdGEudG9vbHRpcFRleHRcIj5cbiAgICAgICAgPGltZyBbc3JjXT1cImRhdGEuaW5mb2ltYWdlVXJsXCIgY2xhc3M9XCJ0b2dnbGUtYmVuZWZpdC1pbWcgbXgtMVwiIC8+XG4gICAgICA8L3NwYW4+XG4gICAgICA8bmctdGVtcGxhdGUgI2N1cnJlbnRUb29sdGlwPlxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImRhdGEudG9vbHRpcFRleHRcIj48L3NwYW4+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJoaWdobGlnaHQtYm94XCIgKm5nSWY9XCJkYXRhLmhpZ2hsaWdodFRleHRcIj5cbiAgICAgIHt7ZGF0YS5oaWdobGlnaHRUZXh0fX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb24tdHh0XCIgW2lubmVySFRNTF09XCJkYXRhLmh0bWxJbm5lclRleHRcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -16,11 +16,11 @@ export class PayGetCardComponent {
|
|
|
16
16
|
{ amount: '₹72,000', percentage: 'Total @<10%>' }
|
|
17
17
|
];
|
|
18
18
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
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=\"left-
|
|
19
|
+
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"] }] });
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
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=\"left-
|
|
23
|
+
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"] }]
|
|
24
24
|
}], propDecorators: { payAmount: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], premiumAmount: [{
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
34
34
|
}], payamountOptions: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# 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
|
|
@@ -3721,11 +3721,11 @@ class PayGetCardComponent {
|
|
|
3721
3721
|
{ amount: '₹72,000', percentage: 'Total @<10%>' }
|
|
3722
3722
|
];
|
|
3723
3723
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3724
|
-
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=\"left-
|
|
3724
|
+
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"] }] });
|
|
3725
3725
|
}
|
|
3726
3726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PayGetCardComponent, decorators: [{
|
|
3727
3727
|
type: Component,
|
|
3728
|
-
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=\"left-
|
|
3728
|
+
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"] }]
|
|
3729
3729
|
}], propDecorators: { payAmount: [{
|
|
3730
3730
|
type: Input
|
|
3731
3731
|
}], premiumAmount: [{
|
|
@@ -3749,11 +3749,11 @@ class InBuiltBenefitComponent {
|
|
|
3749
3749
|
this.service = service;
|
|
3750
3750
|
}
|
|
3751
3751
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InBuiltBenefitComponent, deps: [{ token: MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InBuiltBenefitComponent, isStandalone: true, selector: "lib-in-built-benefit", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmountShort: { classPropertyName: "premiumAmountShort", publicName: "premiumAmountShort", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
3752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InBuiltBenefitComponent, isStandalone: true, selector: "lib-in-built-benefit", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumAmount: { classPropertyName: "premiumAmount", publicName: "premiumAmount", isSignal: false, isRequired: false, transformFunction: null }, premiumAmountShort: { classPropertyName: "premiumAmountShort", publicName: "premiumAmountShort", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\" [innerHTML]=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
3753
3753
|
}
|
|
3754
3754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InBuiltBenefitComponent, decorators: [{
|
|
3755
3755
|
type: Component,
|
|
3756
|
-
args: [{ selector: 'lib-in-built-benefit', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"] }]
|
|
3756
|
+
args: [{ selector: 'lib-in-built-benefit', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"d-flex in-built-card\"\n [ngStyle]=\"{\n'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,\n'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,\n'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,\n'--inbuilt-card-bg-color': field()?.controlStyle?.background ,\n'--inbuilt-card-width': field()?.controlStyle?.width ,\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <p class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Benefits in Brief</span>\n </p>\n <div class=\"d-flex align-items-start gap-3\">\n <img *ngIf=\"field()?.configData?.imageUrl\" [src]=\"field()?.configData?.imageUrl\" alt=\"Benefit Image\" class=\"benefit-img\" />\n <div class=\"benefit-content\">\n <span class=\"premium-header\" *ngIf=\"field()?.configData?.label\">{{ field()?.configData?.label }}</span> <br />\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.subText\" [innerHTML]=\"field()?.configData?.subText\">\n {{ field()?.configData?.subText }}\n </span>\n <div class=\"buit-in-benefit-text\">\n <span class=\"benefit-text normal-text\" *ngIf=\"field()?.configData?.benefitprefixtext\"> {{ field()?.configData?.benefitprefixtext }} </span>\n <span class=\"highlight ms-2\" *ngIf=\"field()?.configData?.benefitHighlighttext\">{{field()?.configData?.benefitHighlighttext}}\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"field().configData?.infoimageUrl && field().configData?.tooltipText\">\n <img [src]=\"field().configData?.infoimageUrl\" class=\"toggle-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"field().configData?.tooltipText\"></span>\n </ng-template>\n </span>\n </div>\n <br />\n <span class=\"premium\" *ngIf=\"!this.service.checkIfValueIsEmpty(premiumAmount)\">\n <b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})\n </span>\n </div>\n </div>\n <div class=\"m-auto\">\n <img *ngIf=\"field()?.imageUrl\" [src]=\"field().imageUrl\" alt=\"\" />\n </div>\n</div>\n", styles: [".in-built-card{max-width:var(--inbuilt-card-width, 100%)!important;min-height:114px;border-radius:var(--inbuilt-card-border-radius, 12px)!important;border:1px solid #0bb68b;border-color:var(--inbuilt-card-border-color, #0bb68b)!important;border-width:var(--inbuilt-card-border-width, 1px)!important;background:var(--inbuilt-card-bg-color, #e6f7f3)!important;padding:12px 16px;position:relative;overflow:hidden}.premium-header{font-size:14px;font-weight:700;letter-spacing:0px;line-height:18px;color:#444}.benefit-text{font-size:12px;color:#696969;font-weight:700;letter-spacing:0%;line-height:16px}.premium{font-size:12px;padding:4px 16px;border-radius:4px;height:24px;width:113px;background:#fff;color:#444}.normal-text{font-weight:400}.bold-text{font-weight:700}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.2em)}.top-box{position:absolute;text-align:center}.benefit-content{min-width:0;flex:1;overflow:hidden}.buit-in-benefit-text{display:block;word-break:break-word;overflow-wrap:break-word}.buit-in-benefit-text .benefit-text{display:inline}.highlight{display:inline;color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-benefit-img{width:10px;height:10px}\n"] }]
|
|
3757
3757
|
}], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { premiumAmount: [{
|
|
3758
3758
|
type: Input
|
|
3759
3759
|
}], premiumAmountShort: [{
|
|
@@ -3763,11 +3763,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3763
3763
|
class OtherBenefitsComponent {
|
|
3764
3764
|
field = input.required();
|
|
3765
3765
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3766
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
3766
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"data.infoimageUrl && data.tooltipText\">\n <img [src]=\"data.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"data.tooltipText\"></span>\n </ng-template>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
3767
3767
|
}
|
|
3768
3768
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, decorators: [{
|
|
3769
3769
|
type: Component,
|
|
3770
|
-
args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
|
|
3770
|
+
args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule, CustomizedTooltipDirective], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n <div class=\"w-100 top-box\">\n <span class=\"top-benefit-card\">Additional Benefits</span>\n </div>\n @for (data of field()?.configData?.otherBenefits; track $index) {\n <div class=\"sub-benefit-card\" *ngIf=\"data.shouldShow\">\n <div class=\"d-flex gap-2 align-items-start\">\n <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n <span class=\"header-txt\">{{ data.headerText }}</span>\n <span [appTooltipTemplate]=\"currentTooltip\" arrowPosition=\"left\" tooltipPosition=\"bottom\"\n *ngIf=\"data.infoimageUrl && data.tooltipText\">\n <img [src]=\"data.infoimageUrl\" class=\"toggle-benefit-img mx-1\" />\n </span>\n <ng-template #currentTooltip>\n <span [innerHTML]=\"data.tooltipText\"></span>\n </ng-template>\n </div>\n <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n {{data.highlightText}}\n </div>\n <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n </div>\n }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#e6f7f3!important;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
|
|
3771
3771
|
}] });
|
|
3772
3772
|
|
|
3773
3773
|
class AnnuityRateLogoComponent {
|