af-connect-components 18.0.19 → 18.0.20
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/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.mjs +3 -3
- package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.data.mjs +1 -3
- package/fesm2022/af-connect-components.mjs +2 -4
- package/fesm2022/af-connect-components.mjs.map +1 -1
- package/package.json +1 -1
package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.mjs
CHANGED
|
@@ -18,11 +18,11 @@ export class AfConnectSolutionsProductV2Component {
|
|
|
18
18
|
this.navigateToProduct.emit();
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, outputs: { navigateToProduct: "navigateToProduct" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\">\r\n <span class=\"product__description\">{{ content.subheading
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, outputs: { navigateToProduct: "navigateToProduct" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n </div>\r\n <ul class=\"product__list\">\r\n @if (content.description) {\r\n <p class=\"product__free-text\">\r\n {{ content.description }}\r\n </p>\r\n }\r\n @for (label of content.labels; track $index) {\r\n <li class=\"product__list-item\">\r\n @if (label.img) {\r\n <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"imgBaseUrl + 'checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-2rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\">\r\n <span class=\"product__description\">{{ content.subheading
|
|
25
|
+
args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n </div>\r\n <ul class=\"product__list\">\r\n @if (content.description) {\r\n <p class=\"product__free-text\">\r\n {{ content.description }}\r\n </p>\r\n }\r\n @for (label of content.labels; track $index) {\r\n <li class=\"product__list-item\">\r\n @if (label.img) {\r\n <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"imgBaseUrl + 'checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-2rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"] }]
|
|
26
26
|
}], propDecorators: { imgBaseUrl: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], variant: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
30
30
|
}], navigateToProduct: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBc0IsTUFBTSx3Q0FBd0MsQ0FBQzs7O0FBUWxGLE1BQU0sT0FBTyxvQ0FBb0M7SUFMakQ7UUFNVSxhQUFRLEdBQXVCLFFBQVEsQ0FBQztRQWFoRCxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBTzlDO0lBakJDLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsS0FBeUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQU9ELE9BQU87UUFDTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQzsrR0FwQlUsb0NBQW9DO21HQUFwQyxvQ0FBb0MsMExDVGpELHVsREF1Q2M7OzRGRDlCRCxvQ0FBb0M7a0JBTGhELFNBQVM7K0JBQ0UscUNBQXFDOzhCQU90QyxVQUFVO3NCQUFsQixLQUFLO2dCQUVGLE9BQU87c0JBRFYsS0FBSztnQkFVTixpQkFBaUI7c0JBRGhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkYXRhLCBTb2x1dGlvbnNQcm9kdWN0VjIgfSBmcm9tICcuL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuZGF0YSc7XHJcbmltcG9ydCB7IFNvbHVjdGlvbnNQcm9kdWN0RGF0YSB9IGZyb20gJy4uL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5kYXRhJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFNvbHV0aW9uc1Byb2R1Y3RWMkNvbXBvbmVudCB7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogU29sdXRpb25zUHJvZHVjdFYyID0gJ2FmcGx1cyc7XHJcbiAgXHJcbiAgQElucHV0KCkgaW1nQmFzZVVybDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhcmlhbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcbiAgc2V0IHZhcmlhbnQodmFsdWU6IFNvbHV0aW9uc1Byb2R1Y3RWMikge1xyXG4gICAgdGhpcy5fdmFyaWFudCA9IHZhbHVlO1xyXG4gICAgdGhpcy5jb250ZW50ID0gZGF0YVt2YWx1ZV07XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KClcclxuICBuYXZpZ2F0ZVRvUHJvZHVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgY29udGVudDogUGFydGlhbDxTb2x1Y3Rpb25zUHJvZHVjdERhdGE+O1xyXG5cclxuICBvbkNsaWNrKCkge1xyXG4gICAgdGhpcy5uYXZpZ2F0ZVRvUHJvZHVjdC5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIFtuZ0NsYXNzXT1cIlsncHJvZHVjdCcsIHZhcmlhbnRdXCI+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2ltZy13cmFwcGVyXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwicHJvZHVjdF9faW1nXCIgW3NyY109XCJpbWdCYXNlVXJsICsgY29udGVudC5pbWdXZWJcIj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicHJvZHVjdF9fY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2Zsb2F0aW5nLWhlYWRlclwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJwcm9kdWN0X19oZWFkaW5nXCI+e3sgY29udGVudC5oZWFkaW5nIH19PC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2Zsb2F0aW5nLWhlYWRlci1pbm5lclwiIFtjbGFzcy5uby10ZXh0XT1cIiFjb250ZW50LnN1YmhlYWRpbmdcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInByb2R1Y3RfX2Rlc2NyaXB0aW9uXCI+e3sgY29udGVudC5zdWJoZWFkaW5nICB9fTwvc3Bhbj5cclxuICAgICAgICA8YSAqbmdJZj1cImNvbnRlbnQuY3RhTGluazsgZWxzZSBhbmNob3JUZW1wbGF0ZSBcIiBjbGFzcz1cInByb2R1Y3RfX2xpbmtcIiBbaHJlZl09XCJjb250ZW50LmN0YUxpbmtcIiB0YXJnZXQ9XCJfYmxhbmtcIj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgJ2NoZXZyb24tcmlnaHQtcm91bmRlZC5zdmcnXCIgYWx0PVwiY2hldnJvblwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDx1bCBjbGFzcz1cInByb2R1Y3RfX2xpc3RcIj5cclxuICAgICAgQGlmIChjb250ZW50LmRlc2NyaXB0aW9uKSB7XHJcbiAgICAgIDxwIGNsYXNzPVwicHJvZHVjdF9fZnJlZS10ZXh0XCI+XHJcbiAgICAgICAge3sgY29udGVudC5kZXNjcmlwdGlvbiB9fVxyXG4gICAgICA8L3A+XHJcbiAgICAgIH1cclxuICAgICAgQGZvciAobGFiZWwgb2YgY29udGVudC5sYWJlbHM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICA8bGkgY2xhc3M9XCJwcm9kdWN0X19saXN0LWl0ZW1cIj5cclxuICAgICAgICBAaWYgKGxhYmVsLmltZykge1xyXG4gICAgICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgbGFiZWwuaW1nXCIgd2lkdGg9XCI0MHB4XCI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBlbHNlIHtcclxuICAgICAgICA8aW1nIFtzcmNdPVwiaW1nQmFzZVVybCArICdjaGVja21hcmstdGVhbC5zdmcnXCIgYWx0PVwiY2hlY2ttYXJrXCIgd2lkdGg9XCIzMlwiIGhlaWdodD1cIjMyXCI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuPnt7IGxhYmVsLnRleHQgfX08L3NwYW4+XHJcbiAgICAgIDwvbGk+XHJcbiAgICAgIH1cclxuICAgIDwvdWw+XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjYW5jaG9yVGVtcGxhdGU+XHJcbiAgPGEgY2xhc3M9XCJwcm9kdWN0X19saW5rXCIgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cclxuICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgJ2NoZXZyb24tcmlnaHQtcm91bmRlZC5zdmcnXCIgYWx0PVwiY2hldnJvblwiPlxyXG4gIDwvYT5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.data.mjs
CHANGED
|
@@ -57,7 +57,6 @@ export const data = {
|
|
|
57
57
|
'namEducation': {
|
|
58
58
|
heading: 'Member Education Matters',
|
|
59
59
|
imgWeb: 'nam_s4u_pier.png',
|
|
60
|
-
subheading: '',
|
|
61
60
|
description: 'Key financial topics to help you make informed decisions.',
|
|
62
61
|
labels: [
|
|
63
62
|
{
|
|
@@ -74,7 +73,6 @@ export const data = {
|
|
|
74
73
|
'namDebt': {
|
|
75
74
|
heading: 'Managing Debt Wisely',
|
|
76
75
|
imgWeb: 'nam_s4u_sunset_tree.png',
|
|
77
|
-
subheading: '',
|
|
78
76
|
description: 'Simple ways to reduce dept and improve your finances',
|
|
79
77
|
labels: [
|
|
80
78
|
{
|
|
@@ -106,4 +104,4 @@ export const data = {
|
|
|
106
104
|
]
|
|
107
105
|
},
|
|
108
106
|
};
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmRhdGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUErRDtJQUM5RSxRQUFRLEVBQUU7UUFDUixPQUFPLEVBQUUsT0FBTztRQUNoQixNQUFNLEVBQUUseUJBQXlCO1FBQ2pDLFVBQVUsRUFBRSxxQ0FBcUM7UUFDakQsT0FBTyxFQUFFLGtKQUFrSjtRQUMzSixNQUFNLEVBQUU7WUFDTjtnQkFDRSxHQUFHLEVBQUUsb0JBQW9CO2dCQUN6QixJQUFJLEVBQUUsb0JBQW9CO2FBQzNCO1lBQ0Q7Z0JBQ0UsR0FBRyxFQUFFLGlCQUFpQjtnQkFDdEIsSUFBSSxFQUFFLHNCQUFzQjthQUM3QjtZQUNEO2dCQUNFLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxVQUFVO2FBQ2pCO1NBQ0Y7S0FDRjtJQUNELGdCQUFnQixFQUFFO1FBQ2hCLE9BQU8sRUFBRSxrQkFBa0I7UUFDM0IsTUFBTSxFQUFFLHNCQUFzQjtRQUM5QixVQUFVLEVBQUUsZ0NBQWdDO1FBQzVDLFdBQVcsRUFBRSxrQ0FBa0M7UUFDL0MsT0FBTyxFQUFFLHdDQUF3QztRQUNqRCxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUsd0JBQXdCO2FBQy9CO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLDhDQUE4QzthQUNyRDtZQUNEO2dCQUNFLElBQUksRUFBRSxtQ0FBbUM7YUFDMUM7U0FDRjtLQUNGO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFLGVBQWU7UUFDeEIsTUFBTSxFQUFFLHNCQUFzQjtRQUM5QixVQUFVLEVBQUUscUNBQXFDO1FBQ2pELE9BQU8sRUFBRSwwQ0FBMEM7UUFDbkQsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLGlDQUFpQzthQUN4QztZQUNEO2dCQUNFLElBQUksRUFBRSxnQ0FBZ0M7YUFDdkM7WUFDRDtnQkFDRSxJQUFJLEVBQUUseUNBQXlDO2FBQ2hEO1NBQ0Y7S0FDRjtJQUNELGNBQWMsRUFBRTtRQUNkLE9BQU8sRUFBRSwwQkFBMEI7UUFDbkMsTUFBTSxFQUFFLGtCQUFrQjtRQUMxQixXQUFXLEVBQUUsMkRBQTJEO1FBQ3hFLE1BQU0sRUFBRTtZQUNOO2dCQUNFLElBQUksRUFBRSxvREFBb0Q7YUFDM0Q7WUFDRDtnQkFDRSxJQUFJLEVBQUUsMERBQTBEO2FBQ2pFO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLHFEQUFxRDthQUM1RDtTQUNGO0tBQ0Y7SUFDRCxTQUFTLEVBQUU7UUFDVCxPQUFPLEVBQUUsc0JBQXNCO1FBQy9CLE1BQU0sRUFBRSx5QkFBeUI7UUFDakMsV0FBVyxFQUFFLHNEQUFzRDtRQUNuRSxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUscURBQXFEO2FBQzVEO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLHlEQUF5RDthQUNoRTtZQUNEO2dCQUNFLElBQUksRUFBRSxrREFBa0Q7YUFDekQ7U0FDRjtLQUNGO0lBQ0QsU0FBUyxFQUFFO1FBQ1QsT0FBTyxFQUFFLGdCQUFnQjtRQUN6QixNQUFNLEVBQUUsdUJBQXVCO1FBQy9CLFVBQVUsRUFBRSx3Q0FBd0M7UUFDcEQsV0FBVyxFQUFFLG1EQUFtRDtRQUNoRSxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUsaUNBQWlDO2FBQ3hDO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLHFCQUFxQjthQUM1QjtZQUNEO2dCQUNFLElBQUksRUFBRSwyQ0FBMkM7YUFDbEQ7U0FDRjtLQUNGO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNvbHVjdGlvbnNQcm9kdWN0RGF0YSB9IGZyb20gJy4uL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5kYXRhJztcclxuXHJcbmV4cG9ydCB0eXBlIFNvbHV0aW9uc1Byb2R1Y3RWMiA9ICdteU1vbmV5TWF0dGVycycgfCAnYWZwbHVzJyB8ICdhZHZpY2UnIHwgJ25hbUVkdWNhdGlvbicgfCAnbmFtRGVidCcgfCAnbmFtSm9icyc7XHJcblxyXG5leHBvcnQgY29uc3QgZGF0YTogUmVjb3JkPFNvbHV0aW9uc1Byb2R1Y3RWMiwgUGFydGlhbDxTb2x1Y3Rpb25zUHJvZHVjdERhdGE+PiA9IHtcclxuICAnYWZwbHVzJzoge1xyXG4gICAgaGVhZGluZzogJ0EgRiArJyxcclxuICAgIGltZ1dlYjogJ3NvbHV0aW9ucy1hZnBsdXMtdjIuanBnJyxcclxuICAgIHN1YmhlYWRpbmc6ICdGaW5hbmNpYWwgZGVjaXNpb25zIHdpdGggY29uZmlkZW5jZScsXHJcbiAgICBjdGFMaW5rOiAnaHR0cHM6Ly9wbHVzLmFsZXhmb3JiZXMuY29tLz91dG1fc291cmNlPWFmd2Vic2l0ZSZ1dG1fY2FtcGFpZ249QUZXZWJzaXRlJnV0bV9tZWRpdW09V2ViJnV0bV90ZXJtPUV4cGxvcmUmdXRtX2NvbnRlbnQ9RXhwbG9yZSUyMEFGJTJCJTIwc29sdXRpb25zJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgaW1nOiAncHJpY2UtdGFnLWJsdWUuc3ZnJyxcclxuICAgICAgICB0ZXh0OiAnUmV0YWlsZXIgZGlzY291bnRzJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgaW1nOiAndHJhdmVsLWJsdWUuc3ZnJyxcclxuICAgICAgICB0ZXh0OiAnVHJhdmVsIGFuZCBsaWZlc3R5bGUnXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBpbWc6ICdiYXNrZXQtYmx1ZS5zdmcnLFxyXG4gICAgICAgIHRleHQ6ICdCZW5lZml0cydcclxuICAgICAgfSxcclxuICAgIF1cclxuICB9LFxyXG4gICdteU1vbmV5TWF0dGVycyc6IHtcclxuICAgIGhlYWRpbmc6ICdNeSBtb25leSBtYXR0ZXJzJyxcclxuICAgIGltZ1dlYjogJ3NvbHV0aW9ucy1tbW0tdjIuanBnJyxcclxuICAgIHN1YmhlYWRpbmc6ICdHZXQgdGhlIG1vc3Qgb3V0IG9mIHlvdXIgbW9uZXknLFxyXG4gICAgZGVzY3JpcHRpb246ICdFeHBsb3JlIE15IE1vbmV5IE1hdHRlcnMgVG9vbGtpdCcsXHJcbiAgICBjdGFMaW5rOiAnaHR0cHM6Ly9teW1vbmV5bWF0dGVycy5hbGV4Zm9yYmVzLmNvbS8nLFxyXG4gICAgbGFiZWxzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnU2F2aW5nIGZvciBlbWVyZ2VuY2llcydcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdDaG9vc2UgdGhlIHJpZ2h0IG1lZGljYWwgYWlkIGZvciB5b3VyIGJ1ZGdldCdcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdBdm9pZCBzdHJlc3MgYW5kIG1hbmFnZSB5b3VyIGRlYnQnXHJcbiAgICAgIH1cclxuICAgIF1cclxuICB9LFxyXG4gICdhZHZpY2UnOiB7XHJcbiAgICBoZWFkaW5nOiAnRXhwZXJ0IGFkdmljZScsXHJcbiAgICBpbWdXZWI6ICdzb2x1dGlvbnMtYWR2aWNlLmpwZycsXHJcbiAgICBzdWJoZWFkaW5nOiAnUGxhbiB5b3VyIGZ1dHVyZSB3aXRoIGV4cGVydCBhZHZpY2UnLFxyXG4gICAgY3RhTGluazogJ2h0dHBzOi8vYWR2aWNlLmFsZXhmb3JiZXMuY29tL2luZGV4Lmh0bWwnLFxyXG4gICAgbGFiZWxzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQnVpbGQgYSBob2xpc3RpYyBmaW5hbmNpYWwgcGxhbidcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdTYXZlIGZvciBtZWFuaW5nZnVsIGxpZmUgZ29hbHMnXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnUGFydG5lciB3aXRoIHlvdXIgb3duIGZpbmFuY2lhbCBhZHZpc2VyJ1xyXG4gICAgICB9XHJcbiAgICBdXHJcbiAgfSxcclxuICAnbmFtRWR1Y2F0aW9uJzoge1xyXG4gICAgaGVhZGluZzogJ01lbWJlciBFZHVjYXRpb24gTWF0dGVycycsXHJcbiAgICBpbWdXZWI6ICduYW1fczR1X3BpZXIucG5nJyxcclxuICAgIGRlc2NyaXB0aW9uOiAnS2V5IGZpbmFuY2lhbCB0b3BpY3MgdG8gaGVscCB5b3UgbWFrZSBpbmZvcm1lZCBkZWNpc2lvbnMuJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1VuZGVyc3RhbmQgcmV0aXJlbWVudCBzYXZpbmdzIGFuZCBiZW5lZml0IG9wdGlvbnMuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0xlYXJuIGhvdyB0byBtYW5hZ2UgZGVidCBhbmQgaW1wcm92ZSBmaW5hbmNpYWwgd2VsbG5lc3MuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0dldCBndWlkYW5jZSBvbiBpbnN1cmFuY2UgYW5kIGZpbmFuY2lhbCBwcm90ZWN0aW9uLidcclxuICAgICAgfVxyXG4gICAgXVxyXG4gIH0sXHJcbiAgJ25hbURlYnQnOiB7XHJcbiAgICBoZWFkaW5nOiAnTWFuYWdpbmcgRGVidCBXaXNlbHknLFxyXG4gICAgaW1nV2ViOiAnbmFtX3M0dV9zdW5zZXRfdHJlZS5wbmcnLFxyXG4gICAgZGVzY3JpcHRpb246ICdTaW1wbGUgd2F5cyB0byByZWR1Y2UgZGVwdCBhbmQgaW1wcm92ZSB5b3VyIGZpbmFuY2VzJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1VuZGVyc3RhbmQgeW91ciBjcmVkaXQgc2NvcmUgYW5kIG92ZXJhbGwgZGVidCByaXNrLidcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdQYXkgbW9yZSB0b3dhcmQgaGlnaC1pbnRlcmVzdCBkZWJ0IHRvIHJlZHVjZSBpdCBmYXN0ZXIuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0NyZWF0ZSBhIHJlcGF5bWVudCBwbGFuIGFuZCByZXZpZXcgaXQgcmVndWxhcmx5LidcclxuICAgICAgfVxyXG4gICAgXVxyXG4gIH0sXHJcbiAgJ25hbUpvYnMnOiB7XHJcbiAgICBoZWFkaW5nOiAnQ2hhbmdpbmcgSm9icz8nLFxyXG4gICAgaW1nV2ViOiAnbmFtX3M0dV9icm9hZHdhbGsucG5nJyxcclxuICAgIHN1YmhlYWRpbmc6ICdLZWVwIHlvdXIgcmV0aXJlbWVudCBzYXZpbmdzIGludmVzdGVkLicsXHJcbiAgICBkZXNjcmlwdGlvbjogJ01haW50YWluIGVtZXJnZW5jeSBzYXZpbmdzIGFuZCBhZGVxdWF0ZSBpbnN1cmFuY2UnLFxyXG4gICAgbGFiZWxzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQ29udHJpYnV0ZSBhcyBtdWNoIGFzIHBvc3NpYmxlLidcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdNYW5hZ2UgZGVidCB3aXNlbHkuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0NvbnN1bHQgYSBmaW5hbmNpYWwgYWR2aXNlciBmb3IgZ3VpZGFuY2UuJ1xyXG4gICAgICB9XHJcbiAgICBdXHJcbiAgfSxcclxufTsiXX0=
|
|
@@ -2458,7 +2458,6 @@ const data = {
|
|
|
2458
2458
|
'namEducation': {
|
|
2459
2459
|
heading: 'Member Education Matters',
|
|
2460
2460
|
imgWeb: 'nam_s4u_pier.png',
|
|
2461
|
-
subheading: '',
|
|
2462
2461
|
description: 'Key financial topics to help you make informed decisions.',
|
|
2463
2462
|
labels: [
|
|
2464
2463
|
{
|
|
@@ -2475,7 +2474,6 @@ const data = {
|
|
|
2475
2474
|
'namDebt': {
|
|
2476
2475
|
heading: 'Managing Debt Wisely',
|
|
2477
2476
|
imgWeb: 'nam_s4u_sunset_tree.png',
|
|
2478
|
-
subheading: '',
|
|
2479
2477
|
description: 'Simple ways to reduce dept and improve your finances',
|
|
2480
2478
|
labels: [
|
|
2481
2479
|
{
|
|
@@ -2524,11 +2522,11 @@ class AfConnectSolutionsProductV2Component {
|
|
|
2524
2522
|
this.navigateToProduct.emit();
|
|
2525
2523
|
}
|
|
2526
2524
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2527
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, outputs: { navigateToProduct: "navigateToProduct" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\">\r\n <span class=\"product__description\">{{ content.subheading
|
|
2525
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, outputs: { navigateToProduct: "navigateToProduct" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n </div>\r\n <ul class=\"product__list\">\r\n @if (content.description) {\r\n <p class=\"product__free-text\">\r\n {{ content.description }}\r\n </p>\r\n }\r\n @for (label of content.labels; track $index) {\r\n <li class=\"product__list-item\">\r\n @if (label.img) {\r\n <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"imgBaseUrl + 'checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-2rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2528
2526
|
}
|
|
2529
2527
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
2530
2528
|
type: Component,
|
|
2531
|
-
args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\">\r\n <span class=\"product__description\">{{ content.subheading
|
|
2529
|
+
args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n </div>\r\n <ul class=\"product__list\">\r\n @if (content.description) {\r\n <p class=\"product__free-text\">\r\n {{ content.description }}\r\n </p>\r\n }\r\n @for (label of content.labels; track $index) {\r\n <li class=\"product__list-item\">\r\n @if (label.img) {\r\n <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"imgBaseUrl + 'checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-2rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"] }]
|
|
2532
2530
|
}], propDecorators: { imgBaseUrl: [{
|
|
2533
2531
|
type: Input
|
|
2534
2532
|
}], variant: [{
|