master-control 0.4.66 → 0.4.67
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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, Input, 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 "../master-control.service";
|
|
5
6
|
import * as i2 from "@angular/common";
|
|
@@ -12,14 +13,14 @@ export class InBuiltBenefitComponent {
|
|
|
12
13
|
this.service = service;
|
|
13
14
|
}
|
|
14
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 });
|
|
15
|
-
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\">
|
|
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>\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\" *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}.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}.buit-in-benefit-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-img{width:12px}\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
17
|
}
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InBuiltBenefitComponent, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
|
-
args: [{ selector: 'lib-in-built-benefit', standalone: true, imports: [CommonModule], 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\">
|
|
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>\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\" *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}.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}.buit-in-benefit-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-img{width:12px}\n"] }]
|
|
20
21
|
}], ctorParameters: () => [{ type: i1.MasterControlService }], propDecorators: { premiumAmount: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}], premiumAmountShort: [{
|
|
23
24
|
type: Input
|
|
24
25
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luLWJ1aWx0LWJlbmVmaXQvaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luLWJ1aWx0LWJlbmVmaXQvaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7O0FBU3hGLE1BQU0sT0FBTyx1QkFBdUI7SUFLYjtJQUpyQixLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBRTFCLGFBQWEsR0FBUSxXQUFXLENBQUM7SUFDakMsa0JBQWtCLEdBQVEsSUFBSSxDQUFDO0lBQ3RDLFlBQW1CLE9BQThCO1FBQTlCLFlBQU8sR0FBUCxPQUFPLENBQXVCO0lBQUcsQ0FBQzt3R0FMNUMsdUJBQXVCOzRGQUF2Qix1QkFBdUIsb2dCQ1pwQyxxa0VBMENBLGl3Q0RsQ1ksWUFBWSx3TkFBRywwQkFBMEI7OzRGQUl4Qyx1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRywwQkFBMEIsQ0FBQzt5RkFPM0MsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hc3RlckNvbnRyb2xTZXJ2aWNlIH0gZnJvbSAnLi4vbWFzdGVyLWNvbnRyb2wuc2VydmljZSc7XG5pbXBvcnQgeyBDdXN0b21pemVkVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvY3VzdG9taXplZC50b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1pbi1idWlsdC1iZW5lZml0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSAsIEN1c3RvbWl6ZWRUb29sdGlwRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2luLWJ1aWx0LWJlbmVmaXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vaW4tYnVpbHQtYmVuZWZpdC5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgSW5CdWlsdEJlbmVmaXRDb21wb25lbnQge1xuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xuXG4gIEBJbnB1dCgpIHByZW1pdW1BbW91bnQ6IGFueSA9ICfigrkxLDAwLDAwMCc7XG4gIEBJbnB1dCgpIHByZW1pdW1BbW91bnRTaG9ydDogYW55ID0gJzFMJztcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgc2VydmljZSA6IE1hc3RlckNvbnRyb2xTZXJ2aWNlKSB7fVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGluLWJ1aWx0LWNhcmRcIlxuIFtuZ1N0eWxlXT1cIntcbictLWluYnVpbHQtY2FyZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbictLWluYnVpbHQtY2FyZC1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcbictLWluYnVpbHQtY2FyZC1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxuJy0taW5idWlsdC1jYXJkLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcbictLWluYnVpbHQtY2FyZC13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxuIH1cIlxuICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxuPlxuICA8cCBjbGFzcz1cInctMTAwIHRvcC1ib3hcIj5cbiAgICA8c3BhbiBjbGFzcz1cInRvcC1iZW5lZml0LWNhcmRcIj5CZW5lZml0cyBpbiBCcmllZjwvc3Bhbj5cbiAgPC9wPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0IGdhcC0zXCI+XG4gICAgPGltZyAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmltYWdlVXJsXCIgW3NyY109XCJmaWVsZCgpPy5jb25maWdEYXRhPy5pbWFnZVVybFwiIGFsdD1cIkJlbmVmaXQgSW1hZ2VcIiBjbGFzcz1cImJlbmVmaXQtaW1nXCIgLz5cbiAgICA8ZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJwcmVtaXVtLWhlYWRlclwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8ubGFiZWxcIj57eyBmaWVsZCgpPy5jb25maWdEYXRhPy5sYWJlbCB9fTwvc3Bhbj4gPGJyIC8+XG4gICAgICA8c3BhbiBjbGFzcz1cImJlbmVmaXQtdGV4dCBub3JtYWwtdGV4dFwiICpuZ0lmPVwiZmllbGQoKT8uY29uZmlnRGF0YT8uc3ViVGV4dFwiPlxuICAgICAgICB7eyBmaWVsZCgpPy5jb25maWdEYXRhPy5zdWJUZXh0IH19XG4gICAgICA8L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnVpdC1pbi1iZW5lZml0LXRleHRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJiZW5lZml0LXRleHQgbm9ybWFsLXRleHRcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmJlbmVmaXRwcmVmaXh0ZXh0XCI+IHt7IGZpZWxkKCk/LmNvbmZpZ0RhdGE/LmJlbmVmaXRwcmVmaXh0ZXh0IH19IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoaWdobGlnaHRcIiAqbmdJZj1cImZpZWxkKCk/LmNvbmZpZ0RhdGE/LmJlbmVmaXRIaWdobGlnaHR0ZXh0XCI+e3tmaWVsZCgpPy5jb25maWdEYXRhPy5iZW5lZml0SGlnaGxpZ2h0dGV4dH19XG4gICAgICAgICAgPHNwYW4gW2FwcFRvb2x0aXBUZW1wbGF0ZV09XCJjdXJyZW50VG9vbHRpcFwiIGFycm93UG9zaXRpb249XCJsZWZ0XCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcbiAgICAgICAgKm5nSWY9XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybCAmJiBmaWVsZCgpLmNvbmZpZ0RhdGE/LnRvb2x0aXBUZXh0XCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJmaWVsZCgpLmNvbmZpZ0RhdGE/LmluZm9pbWFnZVVybFwiIGNsYXNzPVwidG9nZ2xlLWltZyBteC0xXCIgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjY3VycmVudFRvb2x0aXA+XG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZmllbGQoKS5jb25maWdEYXRhPy50b29sdGlwVGV4dFwiPjwvc3Bhbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGJyIC8+XG4gICAgICA8c3BhbiBjbGFzcz1cInByZW1pdW1cIiAqbmdJZj1cIiF0aGlzLnNlcnZpY2UuY2hlY2tJZlZhbHVlSXNFbXB0eShwcmVtaXVtQW1vdW50KVwiPlxuICAgICAgICA8Yj57eyBwcmVtaXVtQW1vdW50IH19PC9iPiAoe3sgcHJlbWl1bUFtb3VudFNob3J0IH19KVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm0tYXV0b1wiPlxuICAgIDxpbWcgKm5nSWY9XCJmaWVsZCgpPy5pbWFnZVVybFwiIFtzcmNdPVwiZmllbGQoKS5pbWFnZVVybFwiIGFsdD1cIlwiIC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -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\">
|
|
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>\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\" *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}.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}.buit-in-benefit-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-img{width:12px}\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], 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\">
|
|
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>\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\" *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}.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}.buit-in-benefit-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#444;font-weight:700;font-size:12px;letter-spacing:0px;line-height:18px}.toggle-img{width:12px}\n"] }]
|
|
3757
3757
|
}], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { premiumAmount: [{
|
|
3758
3758
|
type: Input
|
|
3759
3759
|
}], premiumAmountShort: [{
|