af-connect-components 18.0.14 → 18.0.15
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 -6
- package/fesm2022/af-connect-components.mjs +2 -5
- package/fesm2022/af-connect-components.mjs.map +1 -1
- package/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.d.ts +0 -1
- package/package.json +1 -1
package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.mjs
CHANGED
|
@@ -13,18 +13,15 @@ export class AfConnectSolutionsProductV2Component {
|
|
|
13
13
|
this._variant = value;
|
|
14
14
|
this.content = data[value];
|
|
15
15
|
}
|
|
16
|
-
navigateExternal() {
|
|
17
|
-
window.open(this.content.ctaLink, '_blank');
|
|
18
|
-
}
|
|
19
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
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\">\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }] }); }
|
|
21
18
|
}
|
|
22
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
23
20
|
type: Component,
|
|
24
|
-
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\">\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }]
|
|
25
22
|
}], propDecorators: { imgBaseUrl: [{
|
|
26
23
|
type: Input
|
|
27
24
|
}], variant: [{
|
|
28
25
|
type: Input
|
|
29
26
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQXNCLE1BQU0sd0NBQXdDLENBQUM7OztBQVFsRixNQUFNLE9BQU8sb0NBQW9DO0lBTGpEO1FBTVUsYUFBUSxHQUF1QixRQUFRLENBQUM7S0FhakQ7SUFWQyxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLEtBQXlCO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBWFUsb0NBQW9DO21HQUFwQyxvQ0FBb0MscUlDVGpELGk0Q0FzQ1U7OzRGRDdCRyxvQ0FBb0M7a0JBTGhELFNBQVM7K0JBQ0UscUNBQXFDOzhCQU90QyxVQUFVO3NCQUFsQixLQUFLO2dCQUVGLE9BQU87c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGF0YSwgU29sdXRpb25zUHJvZHVjdFYyIH0gZnJvbSAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmRhdGEnO1xyXG5pbXBvcnQgeyBTb2x1Y3Rpb25zUHJvZHVjdERhdGEgfSBmcm9tICcuLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0L2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuZGF0YSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTb2x1dGlvbnNQcm9kdWN0VjJDb21wb25lbnQge1xyXG4gIHByaXZhdGUgX3ZhcmlhbnQ6IFNvbHV0aW9uc1Byb2R1Y3RWMiA9ICdhZnBsdXMnO1xyXG4gIFxyXG4gIEBJbnB1dCgpIGltZ0Jhc2VVcmw6IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIGdldCB2YXJpYW50KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQ7XHJcbiAgfVxyXG4gIHNldCB2YXJpYW50KHZhbHVlOiBTb2x1dGlvbnNQcm9kdWN0VjIpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgY29udGVudDogUGFydGlhbDxTb2x1Y3Rpb25zUHJvZHVjdERhdGE+O1xyXG59XHJcbiIsIjxzZWN0aW9uIFtuZ0NsYXNzXT1cIlsncHJvZHVjdCcsIHZhcmlhbnRdXCI+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2ltZy13cmFwcGVyXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwicHJvZHVjdF9faW1nXCIgW3NyY109XCJpbWdCYXNlVXJsICsgY29udGVudC5pbWdXZWJcIj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicHJvZHVjdF9fY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2Zsb2F0aW5nLWhlYWRlclwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJwcm9kdWN0X19oZWFkaW5nXCI+e3sgY29udGVudC5oZWFkaW5nIH19PC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2Zsb2F0aW5nLWhlYWRlci1pbm5lclwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHJvZHVjdF9fZGVzY3JpcHRpb25cIj57eyBjb250ZW50LnN1YmhlYWRpbmcgfX08L3NwYW4+XHJcbiAgICAgICAgPGEgY2xhc3M9XCJwcm9kdWN0X19saW5rXCIgW2hyZWZdPVwiY29udGVudC5jdGFMaW5rXCIgdGFyZ2V0PVwiX2JsYW5rXCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiaW1nQmFzZVVybCArICdjaGV2cm9uLXJpZ2h0LXJvdW5kZWQuc3ZnJ1wiIGFsdD1cImNoZXZyb25cIj5cclxuICAgICAgICA8L2E+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8dWwgY2xhc3M9XCJwcm9kdWN0X19saXN0XCI+XHJcbiAgICAgIEBpZiAodmFyaWFudCA9PT0gJ215TW9uZXlNYXR0ZXJzJykge1xyXG4gICAgICAgIDxwIGNsYXNzPVwicHJvZHVjdF9fZnJlZS10ZXh0XCI+XHJcbiAgICAgICAgICBFeHBsb3JlIE15IE1vbmV5IE1hdHRlcnMgVG9vbGtpdFxyXG4gICAgICAgIDwvcD5cclxuICAgICAgfVxyXG4gICAgICBAZm9yIChsYWJlbCBvZiBjb250ZW50LmxhYmVsczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgPGxpIGNsYXNzPVwicHJvZHVjdF9fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgQGlmIChsYWJlbC5pbWcpIHtcclxuICAgICAgICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgbGFiZWwuaW1nXCIgd2lkdGg9XCI0MHB4XCI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBlbHNlIHtcclxuICAgICAgICAgIDxpbWcgXHJcbiAgICAgICAgICAgIFtzcmNdPVwiaW1nQmFzZVVybCArICdjaGVja21hcmstdGVhbC5zdmcnXCJcclxuICAgICAgICAgICAgYWx0PVwiY2hlY2ttYXJrXCJcclxuICAgICAgICAgICAgd2lkdGg9XCIzMlwiXHJcbiAgICAgICAgICAgIGhlaWdodD1cIjMyXCJcclxuICAgICAgICAgID5cclxuICAgICAgICB9XHJcbiAgICAgICAgPHNwYW4+e3sgbGFiZWwudGV4dCB9fTwvc3Bhbj5cclxuICAgICAgPC9saT5cclxuICAgICAgfVxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -2240,15 +2240,12 @@ class AfConnectSolutionsProductV2Component {
|
|
|
2240
2240
|
this._variant = value;
|
|
2241
2241
|
this.content = data[value];
|
|
2242
2242
|
}
|
|
2243
|
-
navigateExternal() {
|
|
2244
|
-
window.open(this.content.ctaLink, '_blank');
|
|
2245
|
-
}
|
|
2246
2243
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2247
|
-
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\">\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }] }); }
|
|
2244
|
+
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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }] }); }
|
|
2248
2245
|
}
|
|
2249
2246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
|
|
2250
2247
|
type: Component,
|
|
2251
|
-
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\">\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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }]
|
|
2248
|
+
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 (variant === 'myMoneyMatters') {\r\n <p class=\"product__free-text\">\r\n Explore My Money Matters Toolkit\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"] }]
|
|
2252
2249
|
}], propDecorators: { imgBaseUrl: [{
|
|
2253
2250
|
type: Input
|
|
2254
2251
|
}], variant: [{
|