af-connect-components 18.0.17 → 18.0.18
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 +2 -2
- package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.data.mjs +2 -2
- package/fesm2022/af-connect-components.mjs +3 -3
- 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
|
@@ -14,11 +14,11 @@ export class AfConnectSolutionsProductV2Component {
|
|
|
14
14
|
this.content = data[value];
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
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" }, 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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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{background-color:#124e57}.product.afplus .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{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .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){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
17
|
+
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" }, 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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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{background-color:#124e57}.product.afplus .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{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .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){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"] }]
|
|
21
|
+
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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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"] }]
|
|
22
22
|
}], propDecorators: { imgBaseUrl: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], variant: [{
|
package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.data.mjs
CHANGED
|
@@ -74,7 +74,7 @@ export const data = {
|
|
|
74
74
|
},
|
|
75
75
|
'namDebt': {
|
|
76
76
|
heading: 'Managing Debt Wisely',
|
|
77
|
-
imgWeb: '
|
|
77
|
+
imgWeb: 'nam_s4u_sunset_tree.png',
|
|
78
78
|
subheading: '',
|
|
79
79
|
description: 'Simple ways to reduce dept and improve your finances',
|
|
80
80
|
ctaLink: 'https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf',
|
|
@@ -109,4 +109,4 @@ export const data = {
|
|
|
109
109
|
]
|
|
110
110
|
},
|
|
111
111
|
};
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmRhdGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUErRDtJQUM5RSxRQUFRLEVBQUU7UUFDUixPQUFPLEVBQUUsT0FBTztRQUNoQixNQUFNLEVBQUUseUJBQXlCO1FBQ2pDLFVBQVUsRUFBRSxxQ0FBcUM7UUFDakQsT0FBTyxFQUFFLGtKQUFrSjtRQUMzSixNQUFNLEVBQUU7WUFDTjtnQkFDRSxHQUFHLEVBQUUsb0JBQW9CO2dCQUN6QixJQUFJLEVBQUUsb0JBQW9CO2FBQzNCO1lBQ0Q7Z0JBQ0UsR0FBRyxFQUFFLGlCQUFpQjtnQkFDdEIsSUFBSSxFQUFFLHNCQUFzQjthQUM3QjtZQUNEO2dCQUNFLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxVQUFVO2FBQ2pCO1NBQ0Y7S0FDRjtJQUNELGdCQUFnQixFQUFFO1FBQ2hCLE9BQU8sRUFBRSxrQkFBa0I7UUFDM0IsTUFBTSxFQUFFLHNCQUFzQjtRQUM5QixVQUFVLEVBQUUsZ0NBQWdDO1FBQzVDLFdBQVcsRUFBRSxrQ0FBa0M7UUFDL0MsT0FBTyxFQUFFLHdDQUF3QztRQUNqRCxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUsd0JBQXdCO2FBQy9CO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLDhDQUE4QzthQUNyRDtZQUNEO2dCQUNFLElBQUksRUFBRSxtQ0FBbUM7YUFDMUM7U0FDRjtLQUNGO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFLGVBQWU7UUFDeEIsTUFBTSxFQUFFLHNCQUFzQjtRQUM5QixVQUFVLEVBQUUscUNBQXFDO1FBQ2pELE9BQU8sRUFBRSwwQ0FBMEM7UUFDbkQsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLGlDQUFpQzthQUN4QztZQUNEO2dCQUNFLElBQUksRUFBRSxnQ0FBZ0M7YUFDdkM7WUFDRDtnQkFDRSxJQUFJLEVBQUUseUNBQXlDO2FBQ2hEO1NBQ0Y7S0FDRjtJQUNELGNBQWMsRUFBRTtRQUNkLE9BQU8sRUFBRSwwQkFBMEI7UUFDbkMsTUFBTSxFQUFFLGtCQUFrQjtRQUMxQixVQUFVLEVBQUUsRUFBRTtRQUNkLFdBQVcsRUFBRSwyREFBMkQ7UUFDeEUsT0FBTyxFQUFFLCtHQUErRztRQUN4SCxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUsb0RBQW9EO2FBQzNEO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLDBEQUEwRDthQUNqRTtZQUNEO2dCQUNFLElBQUksRUFBRSxxREFBcUQ7YUFDNUQ7U0FDRjtLQUNGO0lBQ0QsU0FBUyxFQUFFO1FBQ1QsT0FBTyxFQUFFLHNCQUFzQjtRQUMvQixNQUFNLEVBQUUseUJBQXlCO1FBQ2pDLFVBQVUsRUFBRSxFQUFFO1FBQ2QsV0FBVyxFQUFFLHNEQUFzRDtRQUNuRSxPQUFPLEVBQUUsK0dBQStHO1FBQ3hILE1BQU0sRUFBRTtZQUNOO2dCQUNFLElBQUksRUFBRSxxREFBcUQ7YUFDNUQ7WUFDRDtnQkFDRSxJQUFJLEVBQUUseURBQXlEO2FBQ2hFO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGtEQUFrRDthQUN6RDtTQUNGO0tBQ0Y7SUFDRCxTQUFTLEVBQUU7UUFDVCxPQUFPLEVBQUUsZ0JBQWdCO1FBQ3pCLE1BQU0sRUFBRSx1QkFBdUI7UUFDL0IsVUFBVSxFQUFFLHdDQUF3QztRQUNwRCxXQUFXLEVBQUUsbURBQW1EO1FBQ2hFLE9BQU8sRUFBRSwrR0FBK0c7UUFDeEgsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLGlDQUFpQzthQUN4QztZQUNEO2dCQUNFLElBQUksRUFBRSxxQkFBcUI7YUFDNUI7WUFDRDtnQkFDRSxJQUFJLEVBQUUsMkNBQTJDO2FBQ2xEO1NBQ0Y7S0FDRjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTb2x1Y3Rpb25zUHJvZHVjdERhdGEgfSBmcm9tICcuLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0L2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuZGF0YSc7XHJcblxyXG5leHBvcnQgdHlwZSBTb2x1dGlvbnNQcm9kdWN0VjIgPSAnbXlNb25leU1hdHRlcnMnIHwgJ2FmcGx1cycgfCAnYWR2aWNlJyB8ICduYW1FZHVjYXRpb24nIHwgJ25hbURlYnQnIHwgJ25hbUpvYnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGRhdGE6IFJlY29yZDxTb2x1dGlvbnNQcm9kdWN0VjIsIFBhcnRpYWw8U29sdWN0aW9uc1Byb2R1Y3REYXRhPj4gPSB7XHJcbiAgJ2FmcGx1cyc6IHtcclxuICAgIGhlYWRpbmc6ICdBIEYgKycsXHJcbiAgICBpbWdXZWI6ICdzb2x1dGlvbnMtYWZwbHVzLXYyLmpwZycsXHJcbiAgICBzdWJoZWFkaW5nOiAnRmluYW5jaWFsIGRlY2lzaW9ucyB3aXRoIGNvbmZpZGVuY2UnLFxyXG4gICAgY3RhTGluazogJ2h0dHBzOi8vcGx1cy5hbGV4Zm9yYmVzLmNvbS8/dXRtX3NvdXJjZT1hZndlYnNpdGUmdXRtX2NhbXBhaWduPUFGV2Vic2l0ZSZ1dG1fbWVkaXVtPVdlYiZ1dG1fdGVybT1FeHBsb3JlJnV0bV9jb250ZW50PUV4cGxvcmUlMjBBRiUyQiUyMHNvbHV0aW9ucycsXHJcbiAgICBsYWJlbHM6IFtcclxuICAgICAge1xyXG4gICAgICAgIGltZzogJ3ByaWNlLXRhZy1ibHVlLnN2ZycsXHJcbiAgICAgICAgdGV4dDogJ1JldGFpbGVyIGRpc2NvdW50cydcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGltZzogJ3RyYXZlbC1ibHVlLnN2ZycsXHJcbiAgICAgICAgdGV4dDogJ1RyYXZlbCBhbmQgbGlmZXN0eWxlJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgaW1nOiAnYmFza2V0LWJsdWUuc3ZnJyxcclxuICAgICAgICB0ZXh0OiAnQmVuZWZpdHMnXHJcbiAgICAgIH0sXHJcbiAgICBdXHJcbiAgfSxcclxuICAnbXlNb25leU1hdHRlcnMnOiB7XHJcbiAgICBoZWFkaW5nOiAnTXkgbW9uZXkgbWF0dGVycycsXHJcbiAgICBpbWdXZWI6ICdzb2x1dGlvbnMtbW1tLXYyLmpwZycsXHJcbiAgICBzdWJoZWFkaW5nOiAnR2V0IHRoZSBtb3N0IG91dCBvZiB5b3VyIG1vbmV5JyxcclxuICAgIGRlc2NyaXB0aW9uOiAnRXhwbG9yZSBNeSBNb25leSBNYXR0ZXJzIFRvb2xraXQnLFxyXG4gICAgY3RhTGluazogJ2h0dHBzOi8vbXltb25leW1hdHRlcnMuYWxleGZvcmJlcy5jb20vJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1NhdmluZyBmb3IgZW1lcmdlbmNpZXMnXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQ2hvb3NlIHRoZSByaWdodCBtZWRpY2FsIGFpZCBmb3IgeW91ciBidWRnZXQnXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQXZvaWQgc3RyZXNzIGFuZCBtYW5hZ2UgeW91ciBkZWJ0J1xyXG4gICAgICB9XHJcbiAgICBdXHJcbiAgfSxcclxuICAnYWR2aWNlJzoge1xyXG4gICAgaGVhZGluZzogJ0V4cGVydCBhZHZpY2UnLFxyXG4gICAgaW1nV2ViOiAnc29sdXRpb25zLWFkdmljZS5qcGcnLFxyXG4gICAgc3ViaGVhZGluZzogJ1BsYW4geW91ciBmdXR1cmUgd2l0aCBleHBlcnQgYWR2aWNlJyxcclxuICAgIGN0YUxpbms6ICdodHRwczovL2FkdmljZS5hbGV4Zm9yYmVzLmNvbS9pbmRleC5odG1sJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0J1aWxkIGEgaG9saXN0aWMgZmluYW5jaWFsIHBsYW4nXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnU2F2ZSBmb3IgbWVhbmluZ2Z1bCBsaWZlIGdvYWxzJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1BhcnRuZXIgd2l0aCB5b3VyIG93biBmaW5hbmNpYWwgYWR2aXNlcidcclxuICAgICAgfVxyXG4gICAgXVxyXG4gIH0sXHJcbiAgJ25hbUVkdWNhdGlvbic6IHtcclxuICAgIGhlYWRpbmc6ICdNZW1iZXIgRWR1Y2F0aW9uIE1hdHRlcnMnLFxyXG4gICAgaW1nV2ViOiAnbmFtX3M0dV9waWVyLnBuZycsXHJcbiAgICBzdWJoZWFkaW5nOiAnJyxcclxuICAgIGRlc2NyaXB0aW9uOiAnS2V5IGZpbmFuY2lhbCB0b3BpY3MgdG8gaGVscCB5b3UgbWFrZSBpbmZvcm1lZCBkZWNpc2lvbnMuJyxcclxuICAgIGN0YUxpbms6ICdodHRwczovL2d3LmFwaS5hbGV4Zm9yYmVzLmNvbS9jb250ZW50L2Rvd25sb2FkL2FmaW52ZXN0bWVudHMvaW52ZXN0bWVudHNvbHV0aW9uc3BkZmZpbGVzP3BhdGg9TGVnYWxfVGVybXMucGRmJyxcclxuICAgIGxhYmVsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1VuZGVyc3RhbmQgcmV0aXJlbWVudCBzYXZpbmdzIGFuZCBiZW5lZml0IG9wdGlvbnMuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0xlYXJuIGhvdyB0byBtYW5hZ2UgZGVidCBhbmQgaW1wcm92ZSBmaW5hbmNpYWwgd2VsbG5lc3MuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ0dldCBndWlkYW5jZSBvbiBpbnN1cmFuY2UgYW5kIGZpbmFuY2lhbCBwcm90ZWN0aW9uLidcclxuICAgICAgfVxyXG4gICAgXVxyXG4gIH0sXHJcbiAgJ25hbURlYnQnOiB7XHJcbiAgICBoZWFkaW5nOiAnTWFuYWdpbmcgRGVidCBXaXNlbHknLFxyXG4gICAgaW1nV2ViOiAnbmFtX3M0dV9zdW5zZXRfdHJlZS5wbmcnLFxyXG4gICAgc3ViaGVhZGluZzogJycsXHJcbiAgICBkZXNjcmlwdGlvbjogJ1NpbXBsZSB3YXlzIHRvIHJlZHVjZSBkZXB0IGFuZCBpbXByb3ZlIHlvdXIgZmluYW5jZXMnLFxyXG4gICAgY3RhTGluazogJ2h0dHBzOi8vZ3cuYXBpLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZG93bmxvYWQvYWZpbnZlc3RtZW50cy9pbnZlc3RtZW50c29sdXRpb25zcGRmZmlsZXM/cGF0aD1MZWdhbF9UZXJtcy5wZGYnLFxyXG4gICAgbGFiZWxzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnVW5kZXJzdGFuZCB5b3VyIGNyZWRpdCBzY29yZSBhbmQgb3ZlcmFsbCBkZWJ0IHJpc2suJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ1BheSBtb3JlIHRvd2FyZCBoaWdoLWludGVyZXN0IGRlYnQgdG8gcmVkdWNlIGl0IGZhc3Rlci4nXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQ3JlYXRlIGEgcmVwYXltZW50IHBsYW4gYW5kIHJldmlldyBpdCByZWd1bGFybHkuJ1xyXG4gICAgICB9XHJcbiAgICBdXHJcbiAgfSxcclxuICAnbmFtSm9icyc6IHtcclxuICAgIGhlYWRpbmc6ICdDaGFuZ2luZyBKb2JzPycsXHJcbiAgICBpbWdXZWI6ICduYW1fczR1X2Jyb2Fkd2Fsay5wbmcnLFxyXG4gICAgc3ViaGVhZGluZzogJ0tlZXAgeW91ciByZXRpcmVtZW50IHNhdmluZ3MgaW52ZXN0ZWQuJyxcclxuICAgIGRlc2NyaXB0aW9uOiAnTWFpbnRhaW4gZW1lcmdlbmN5IHNhdmluZ3MgYW5kIGFkZXF1YXRlIGluc3VyYW5jZScsXHJcbiAgICBjdGFMaW5rOiAnaHR0cHM6Ly9ndy5hcGkuYWxleGZvcmJlcy5jb20vY29udGVudC9kb3dubG9hZC9hZmludmVzdG1lbnRzL2ludmVzdG1lbnRzb2x1dGlvbnNwZGZmaWxlcz9wYXRoPUxlZ2FsX1Rlcm1zLnBkZicsXHJcbiAgICBsYWJlbHM6IFtcclxuICAgICAge1xyXG4gICAgICAgIHRleHQ6ICdDb250cmlidXRlIGFzIG11Y2ggYXMgcG9zc2libGUuJ1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgdGV4dDogJ01hbmFnZSBkZWJ0IHdpc2VseS4nXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICB0ZXh0OiAnQ29uc3VsdCBhIGZpbmFuY2lhbCBhZHZpc2VyIGZvciBndWlkYW5jZS4nXHJcbiAgICAgIH1cclxuICAgIF1cclxuICB9LFxyXG59OyJdfQ==
|
|
@@ -2475,7 +2475,7 @@ const data = {
|
|
|
2475
2475
|
},
|
|
2476
2476
|
'namDebt': {
|
|
2477
2477
|
heading: 'Managing Debt Wisely',
|
|
2478
|
-
imgWeb: '
|
|
2478
|
+
imgWeb: 'nam_s4u_sunset_tree.png',
|
|
2479
2479
|
subheading: '',
|
|
2480
2480
|
description: 'Simple ways to reduce dept and improve your finances',
|
|
2481
2481
|
ctaLink: 'https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf',
|
|
@@ -2523,11 +2523,11 @@ class AfConnectSolutionsProductV2Component {
|
|
|
2523
2523
|
this.content = data[value];
|
|
2524
2524
|
}
|
|
2525
2525
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2526
|
-
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" }, 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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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{background-color:#124e57}.product.afplus .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{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .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){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2526
|
+
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" }, 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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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"] }] }); }
|
|
2527
2527
|
}
|
|
2528
2528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
2529
2529
|
type: Component,
|
|
2530
|
-
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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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{background-color:#124e57}.product.afplus .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{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .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){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"] }]
|
|
2530
|
+
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 }}</span>\r\n <a 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 \r\n [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n alt=\"checkmark\"\r\n width=\"32\"\r\n height=\"32\"\r\n >\r\n }\r\n <span>{{ label.text }}</span>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</section>", 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__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"] }]
|
|
2531
2531
|
}], propDecorators: { imgBaseUrl: [{
|
|
2532
2532
|
type: Input
|
|
2533
2533
|
}], variant: [{
|