af-connect-components 18.0.43 → 18.0.45

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.
Files changed (8) hide show
  1. package/esm2022/lib/af-connect-footer/af-connect-footer.component.mjs +31 -36
  2. package/esm2022/lib/af-connect-footer/af-connect-footer.data.mjs +6 -3
  3. package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.mjs +3 -3
  4. package/fesm2022/af-connect-components.mjs +37 -39
  5. package/fesm2022/af-connect-components.mjs.map +1 -1
  6. package/lib/af-connect-footer/af-connect-footer.component.d.ts +5 -5
  7. package/package.json +1 -1
  8. package/src/assets/icons/taxtim_logo.svg +5 -0
package/esm2022/lib/af-connect-solutions-product-v2/af-connect-solutions-product-v2.component.mjs CHANGED
@@ -30,11 +30,11 @@ export class AfConnectSolutionsProductV2Component {
30
30
  this.linkClick.emit(this._variant);
31
31
  }
32
32
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, taxTimPromoCodeEffectiveFrom: { classPropertyName: "taxTimPromoCodeEffectiveFrom", publicName: "taxTimPromoCodeEffectiveFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigateToProduct: "navigateToProduct", linkClick: "linkClick" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"https://media.taxtim.com/images/taxtim_logo_footer.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }] }); }
33
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, taxTimPromoCodeEffectiveFrom: { classPropertyName: "taxTimPromoCodeEffectiveFrom", publicName: "taxTimPromoCodeEffectiveFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigateToProduct: "navigateToProduct", linkClick: "linkClick" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"assets/icons/taxtim_logo.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }] }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
36
36
  type: Component,
37
- 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]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"https://media.taxtim.com/images/taxtim_logo_footer.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"] }]
37
+ 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]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"assets/icons/taxtim_logo.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"] }]
38
38
  }], propDecorators: { variant: [{
39
39
  type: Input
40
40
  }], navigateToProduct: [{
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
42
42
  }], linkClick: [{
43
43
  type: Output
44
44
  }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsSUFBSSxFQUFzQixNQUFNLHdDQUF3QyxDQUFDOzs7O0FBUWxGLE1BQU0sT0FBTyxvQ0FBb0M7SUFMakQ7UUFNVSxhQUFRLEdBQXVCLFFBQVEsQ0FBQztRQVdoRCxpQ0FBNEIsR0FBRyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLENBQUMsaUNBQWlDO1FBQ3pHLDRCQUF1QixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUUvQixPQUFPLFdBQVcsR0FBRyxJQUFJLENBQUMsNEJBQTRCLEVBQUU7Z0JBQ3RELENBQUMsQ0FBQyxxR0FBcUc7Z0JBQ3ZHLENBQUMsQ0FBQyxrRkFBa0YsQ0FBQztRQUN6RixDQUFDLENBQUMsQ0FBQztRQUdILHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFN0MsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FVeEM7SUEvQkMsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUF5QjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBa0JELE9BQU87UUFDTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQzsrR0FqQ1Usb0NBQW9DO21HQUFwQyxvQ0FBb0MsZ2VDVGpELDhwRkErRGM7OzRGRHRERCxvQ0FBb0M7a0JBTGhELFNBQVM7K0JBQ0UscUNBQXFDOzhCQVEzQyxPQUFPO3NCQURWLEtBQUs7Z0JBbUJOLGlCQUFpQjtzQkFEaEIsTUFBTTtnQkFHUCxTQUFTO3NCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBFdmVudEVtaXR0ZXIsIGlucHV0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRhdGEsIFNvbHV0aW9uc1Byb2R1Y3RWMiB9IGZyb20gJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5kYXRhJztcclxuaW1wb3J0IHsgU29sdWN0aW9uc1Byb2R1Y3REYXRhIGFzIFNvbHV0aW9uc1Byb2R1Y3REZXRhaWxzIH0gZnJvbSAnLi4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmRhdGEnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12MicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U29sdXRpb25zUHJvZHVjdFYyQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF92YXJpYW50OiBTb2x1dGlvbnNQcm9kdWN0VjIgPSAnYWZwbHVzJztcclxuICBcclxuICBASW5wdXQoKVxyXG4gIGdldCB2YXJpYW50KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQ7XHJcbiAgfVxyXG4gIHNldCB2YXJpYW50KHZhbHVlOiBTb2x1dGlvbnNQcm9kdWN0VjIpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuICBcclxuICB0YXhUaW1Qcm9tb0NvZGVFZmZlY3RpdmVGcm9tID0gaW5wdXQobmV3IERhdGUoJzIwMjctMDYtMzBUMjI6MDA6MDBaJykpOyAvLyBhY2NvdW50aW5nIGZvciB0aW1lem9uZSBvZmZzZXRcclxuICB0YXhUaW1Qcm9tb0NvZGVMaXN0SXRlbSA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGNvbnN0IGN1cnJlbnREYXRlID0gbmV3IERhdGUoKTtcclxuXHJcbiAgICByZXR1cm4gY3VycmVudERhdGUgPCB0aGlzLnRheFRpbVByb21vQ29kZUVmZmVjdGl2ZUZyb20oKVxyXG4gICAgICA/ICdTYXZlIDMwJSB3aXRoIHlvdXIgZXhjbHVzaXZlIGVhcmx5IGJpcmQgY29kZSAtIDxzdHJvbmcgc3R5bGU9XCJjb2xvcjojMTU4MDhEO1wiPkFMRVhGT1JCRVMzMDwvc3Ryb25nPidcclxuICAgICAgOiAnVXNlIGNvZGUgPHN0cm9uZyBzdHlsZT1cImNvbG9yOiMxNTgwOEQ7XCI+QUxFWEZPUkJFUzI1PC9zdHJvbmc+IGFuZCBzYXZlIDI1JSB0b2RheSc7XHJcbiAgfSk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG5hdmlnYXRlVG9Qcm9kdWN0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGxpbmtDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjb250ZW50OiBQYXJ0aWFsPFNvbHV0aW9uc1Byb2R1Y3REZXRhaWxzPjtcclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMubmF2aWdhdGVUb1Byb2R1Y3QuZW1pdCgpO1xyXG4gIH1cclxuICBvbkxpbmtDbGljaygpIHtcclxuICAgIHRoaXMubGlua0NsaWNrLmVtaXQodGhpcy5fdmFyaWFudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIFtuZ0NsYXNzXT1cIlsncHJvZHVjdCcsIHZhcmlhbnRdXCI+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2ltZy13cmFwcGVyXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwicHJvZHVjdF9faW1nXCIgW3NyY109XCInL2Fzc2V0cy9pbWFnZXMvJyArIGNvbnRlbnQuaW1nV2ViXCI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2NvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9kdWN0X19mbG9hdGluZy1oZWFkZXJcIiAgW2NsYXNzLmhpZGUtYXJyb3ddPVwiY29udGVudC5oaWRlQXJyb3dJY29uXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cInByb2R1Y3RfX2hlYWRpbmdcIj57eyBjb250ZW50LmhlYWRpbmcgfX08L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdF9fZmxvYXRpbmctaGVhZGVyLWlubmVyXCIgW2NsYXNzLm5vLXRleHRdPVwiIWNvbnRlbnQuc3ViaGVhZGluZ1wiPlxyXG4gICAgICAgIEBpZiAodmFyaWFudCAhPT0gJ3RheFRpbScpIHtcclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwicHJvZHVjdF9fZGVzY3JpcHRpb25cIj57eyBjb250ZW50LnN1YmhlYWRpbmcgIH19PC9zcGFuPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAZWxzZSB7XHJcbiAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vbWVkaWEudGF4dGltLmNvbS9pbWFnZXMvdGF4dGltX2xvZ29fZm9vdGVyLnN2Z1wiIGFsdD1cIlRheFRpbVwiIHdpZHRoPVwiMTA0cHhcIj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGlmKCFjb250ZW50LmhpZGVBcnJvd0ljb24pe1xyXG4gICAgICAgIDxhICpuZ0lmPVwiY29udGVudC5jdGFMaW5rOyBlbHNlIGFuY2hvclRlbXBsYXRlIFwiIGNsYXNzPVwicHJvZHVjdF9fbGlua1wiIChjbGljayk9XCJvbkxpbmtDbGljaygpXCIgW2hyZWZdPVwiY29udGVudC5jdGFMaW5rXCJcclxuICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiPlxyXG4gICAgICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zL2NoZXZyb24tcmlnaHQtcm91bmRlZC5zdmcnXCIgYWx0PVwiY2hldnJvblwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8dWwgY2xhc3M9XCJwcm9kdWN0X19saXN0XCI+XHJcbiAgICAgIEBpZiAoY29udGVudC5kZXNjcmlwdGlvbikge1xyXG4gICAgICA8cCBjbGFzcz1cInByb2R1Y3RfX2ZyZWUtdGV4dFwiPlxyXG4gICAgICAgIHt7IGNvbnRlbnQuZGVzY3JpcHRpb24gfX1cclxuICAgICAgPC9wPlxyXG4gICAgICB9XHJcbiAgICAgIEBmb3IgKGxhYmVsIG9mIGNvbnRlbnQubGFiZWxzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgPGxpIGNsYXNzPVwicHJvZHVjdF9fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgQGlmIChsYWJlbC5pbWcpIHtcclxuICAgICAgICA8aW1nIFtzcmNdPVwiJy9hc3NldHMvaWNvbnMvJyArIGxhYmVsLmltZ1wiIHdpZHRoPVwiNDBweFwiPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAZWxzZSB7XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zL2NoZWNrbWFyay10ZWFsLnN2ZydcIiBhbHQ9XCJjaGVja21hcmtcIiB3aWR0aD1cIjMyXCIgaGVpZ2h0PVwiMzJcIj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJsYWJlbC50ZXh0IHwgc2FmZUh0bWxcIj48L3NwYW4+XHJcbiAgICAgIDwvbGk+XHJcbiAgICAgIH1cclxuICAgICAgQGlmICh2YXJpYW50ID09PSAndGF4VGltJykge1xyXG4gICAgICA8bGkgY2xhc3M9XCJwcm9kdWN0X19saXN0LWl0ZW1cIj5cclxuICAgICAgICA8aW1nIFtzcmNdPVwiJy9hc3NldHMvaWNvbnMvY2hlY2ttYXJrLXRlYWwuc3ZnJ1wiIGFsdD1cImNoZWNrbWFya1wiIHdpZHRoPVwiMzJcIiBoZWlnaHQ9XCIzMlwiPlxyXG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwidGF4VGltUHJvbW9Db2RlTGlzdEl0ZW0oKSB8IHNhZmVIdG1sXCI+PC9zcGFuPlxyXG4gICAgICA8L2xpPlxyXG4gICAgICB9XHJcbiAgICA8L3VsPlxyXG4gICAgQGlmIChjb250ZW50LmJvdHRvbUN0YVRpdGxlICYmIGNvbnRlbnQuYm90dG9tQ3RhTGluaykge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdF9fYm90dG9tLWN0YVwiPlxyXG4gICAgICAgIDxzcGFuID5cclxuICAgICAgICB7eyBjb250ZW50LmJvdHRvbUN0YVRpdGxlIH19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPGEgY2xhc3M9XCJwcm9kdWN0X19saW5rXCIgKGNsaWNrKT1cIm9uTGlua0NsaWNrKClcIiBbaHJlZl09XCJjb250ZW50LmJvdHRvbUN0YUxpbmtcIiB0YXJnZXQ9XCJfYmxhbmtcIj5cclxuICAgICAgICAgIDxpbWcgIFtzcmNdPVwiJy9hc3NldHMvaWNvbnMvY2hldnJvbi1yaWdodC1yb3VuZGVkLnN2ZydcIiBhbHQ9XCJjaGV2cm9uXCI+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG5cclxuPG5nLXRlbXBsYXRlICNhbmNob3JUZW1wbGF0ZT5cclxuICA8YSBjbGFzcz1cInByb2R1Y3RfX2xpbmtcIiBocmVmPVwiamF2YXNjcmlwdDp2b2lkKDApXCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiPlxyXG4gICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zL2NoZXZyb24tcmlnaHQtcm91bmRlZC5zdmcnXCIgYWx0PVwiY2hldnJvblwiPlxyXG4gIDwvYT5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsSUFBSSxFQUFzQixNQUFNLHdDQUF3QyxDQUFDOzs7O0FBUWxGLE1BQU0sT0FBTyxvQ0FBb0M7SUFMakQ7UUFNVSxhQUFRLEdBQXVCLFFBQVEsQ0FBQztRQVdoRCxpQ0FBNEIsR0FBRyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLENBQUMsaUNBQWlDO1FBQ3pHLDRCQUF1QixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUUvQixPQUFPLFdBQVcsR0FBRyxJQUFJLENBQUMsNEJBQTRCLEVBQUU7Z0JBQ3RELENBQUMsQ0FBQyxxR0FBcUc7Z0JBQ3ZHLENBQUMsQ0FBQyxrRkFBa0YsQ0FBQztRQUN6RixDQUFDLENBQUMsQ0FBQztRQUdILHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFN0MsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FVeEM7SUEvQkMsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUF5QjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBa0JELE9BQU87UUFDTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQzsrR0FqQ1Usb0NBQW9DO21HQUFwQyxvQ0FBb0MsZ2VDVGpELG9vRkErRGM7OzRGRHRERCxvQ0FBb0M7a0JBTGhELFNBQVM7K0JBQ0UscUNBQXFDOzhCQVEzQyxPQUFPO3NCQURWLEtBQUs7Z0JBbUJOLGlCQUFpQjtzQkFEaEIsTUFBTTtnQkFHUCxTQUFTO3NCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBFdmVudEVtaXR0ZXIsIGlucHV0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRhdGEsIFNvbHV0aW9uc1Byb2R1Y3RWMiB9IGZyb20gJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12Mi5kYXRhJztcclxuaW1wb3J0IHsgU29sdWN0aW9uc1Byb2R1Y3REYXRhIGFzIFNvbHV0aW9uc1Byb2R1Y3REZXRhaWxzIH0gZnJvbSAnLi4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmRhdGEnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC12MicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QtdjIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LXYyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U29sdXRpb25zUHJvZHVjdFYyQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF92YXJpYW50OiBTb2x1dGlvbnNQcm9kdWN0VjIgPSAnYWZwbHVzJztcclxuICBcclxuICBASW5wdXQoKVxyXG4gIGdldCB2YXJpYW50KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQ7XHJcbiAgfVxyXG4gIHNldCB2YXJpYW50KHZhbHVlOiBTb2x1dGlvbnNQcm9kdWN0VjIpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuICBcclxuICB0YXhUaW1Qcm9tb0NvZGVFZmZlY3RpdmVGcm9tID0gaW5wdXQobmV3IERhdGUoJzIwMjctMDYtMzBUMjI6MDA6MDBaJykpOyAvLyBhY2NvdW50aW5nIGZvciB0aW1lem9uZSBvZmZzZXRcclxuICB0YXhUaW1Qcm9tb0NvZGVMaXN0SXRlbSA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGNvbnN0IGN1cnJlbnREYXRlID0gbmV3IERhdGUoKTtcclxuXHJcbiAgICByZXR1cm4gY3VycmVudERhdGUgPCB0aGlzLnRheFRpbVByb21vQ29kZUVmZmVjdGl2ZUZyb20oKVxyXG4gICAgICA/ICdTYXZlIDMwJSB3aXRoIHlvdXIgZXhjbHVzaXZlIGVhcmx5IGJpcmQgY29kZSAtIDxzdHJvbmcgc3R5bGU9XCJjb2xvcjojMTU4MDhEO1wiPkFMRVhGT1JCRVMzMDwvc3Ryb25nPidcclxuICAgICAgOiAnVXNlIGNvZGUgPHN0cm9uZyBzdHlsZT1cImNvbG9yOiMxNTgwOEQ7XCI+QUxFWEZPUkJFUzI1PC9zdHJvbmc+IGFuZCBzYXZlIDI1JSB0b2RheSc7XHJcbiAgfSk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG5hdmlnYXRlVG9Qcm9kdWN0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGxpbmtDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjb250ZW50OiBQYXJ0aWFsPFNvbHV0aW9uc1Byb2R1Y3REZXRhaWxzPjtcclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMubmF2aWdhdGVUb1Byb2R1Y3QuZW1pdCgpO1xyXG4gIH1cclxuICBvbkxpbmtDbGljaygpIHtcclxuICAgIHRoaXMubGlua0NsaWNrLmVtaXQodGhpcy5fdmFyaWFudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIFtuZ0NsYXNzXT1cIlsncHJvZHVjdCcsIHZhcmlhbnRdXCI+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2ltZy13cmFwcGVyXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwicHJvZHVjdF9faW1nXCIgW3NyY109XCInL2Fzc2V0cy9pbWFnZXMvJyArIGNvbnRlbnQuaW1nV2ViXCI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2NvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9kdWN0X19mbG9hdGluZy1oZWFkZXJcIiAgW2NsYXNzLmhpZGUtYXJyb3ddPVwiY29udGVudC5oaWRlQXJyb3dJY29uXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cInByb2R1Y3RfX2hlYWRpbmdcIj57eyBjb250ZW50LmhlYWRpbmcgfX08L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdF9fZmxvYXRpbmctaGVhZGVyLWlubmVyXCIgW2NsYXNzLm5vLXRleHRdPVwiIWNvbnRlbnQuc3ViaGVhZGluZ1wiPlxyXG4gICAgICAgIEBpZiAodmFyaWFudCAhPT0gJ3RheFRpbScpIHtcclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwicHJvZHVjdF9fZGVzY3JpcHRpb25cIj57eyBjb250ZW50LnN1YmhlYWRpbmcgIH19PC9zcGFuPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAZWxzZSB7XHJcbiAgICAgICAgICA8aW1nIHNyYz1cImFzc2V0cy9pY29ucy90YXh0aW1fbG9nby5zdmdcIiBhbHQ9XCJUYXhUaW1cIiB3aWR0aD1cIjEwNHB4XCI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBpZighY29udGVudC5oaWRlQXJyb3dJY29uKXtcclxuICAgICAgICA8YSAqbmdJZj1cImNvbnRlbnQuY3RhTGluazsgZWxzZSBhbmNob3JUZW1wbGF0ZSBcIiBjbGFzcz1cInByb2R1Y3RfX2xpbmtcIiAoY2xpY2spPVwib25MaW5rQ2xpY2soKVwiIFtocmVmXT1cImNvbnRlbnQuY3RhTGlua1wiXHJcbiAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCInL2Fzc2V0cy9pY29ucy9jaGV2cm9uLXJpZ2h0LXJvdW5kZWQuc3ZnJ1wiIGFsdD1cImNoZXZyb25cIj5cclxuICAgICAgICA8L2E+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHVsIGNsYXNzPVwicHJvZHVjdF9fbGlzdFwiPlxyXG4gICAgICBAaWYgKGNvbnRlbnQuZGVzY3JpcHRpb24pIHtcclxuICAgICAgPHAgY2xhc3M9XCJwcm9kdWN0X19mcmVlLXRleHRcIj5cclxuICAgICAgICB7eyBjb250ZW50LmRlc2NyaXB0aW9uIH19XHJcbiAgICAgIDwvcD5cclxuICAgICAgfVxyXG4gICAgICBAZm9yIChsYWJlbCBvZiBjb250ZW50LmxhYmVsczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgIDxsaSBjbGFzcz1cInByb2R1Y3RfX2xpc3QtaXRlbVwiPlxyXG4gICAgICAgIEBpZiAobGFiZWwuaW1nKSB7XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zLycgKyBsYWJlbC5pbWdcIiB3aWR0aD1cIjQwcHhcIj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGVsc2Uge1xyXG4gICAgICAgIDxpbWcgW3NyY109XCInL2Fzc2V0cy9pY29ucy9jaGVja21hcmstdGVhbC5zdmcnXCIgYWx0PVwiY2hlY2ttYXJrXCIgd2lkdGg9XCIzMlwiIGhlaWdodD1cIjMyXCI+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwibGFiZWwudGV4dCB8IHNhZmVIdG1sXCI+PC9zcGFuPlxyXG4gICAgICA8L2xpPlxyXG4gICAgICB9XHJcbiAgICAgIEBpZiAodmFyaWFudCA9PT0gJ3RheFRpbScpIHtcclxuICAgICAgPGxpIGNsYXNzPVwicHJvZHVjdF9fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zL2NoZWNrbWFyay10ZWFsLnN2ZydcIiBhbHQ9XCJjaGVja21hcmtcIiB3aWR0aD1cIjMyXCIgaGVpZ2h0PVwiMzJcIj5cclxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cInRheFRpbVByb21vQ29kZUxpc3RJdGVtKCkgfCBzYWZlSHRtbFwiPjwvc3Bhbj5cclxuICAgICAgPC9saT5cclxuICAgICAgfVxyXG4gICAgPC91bD5cclxuICAgIEBpZiAoY29udGVudC5ib3R0b21DdGFUaXRsZSAmJiBjb250ZW50LmJvdHRvbUN0YUxpbmspIHtcclxuICAgICAgPGRpdiBjbGFzcz1cInByb2R1Y3RfX2JvdHRvbS1jdGFcIj5cclxuICAgICAgICA8c3BhbiA+XHJcbiAgICAgICAge3sgY29udGVudC5ib3R0b21DdGFUaXRsZSB9fVxyXG4gICAgICA8L3NwYW4+XHJcbiAgICAgIDxhIGNsYXNzPVwicHJvZHVjdF9fbGlua1wiIChjbGljayk9XCJvbkxpbmtDbGljaygpXCIgW2hyZWZdPVwiY29udGVudC5ib3R0b21DdGFMaW5rXCIgdGFyZ2V0PVwiX2JsYW5rXCI+XHJcbiAgICAgICAgICA8aW1nICBbc3JjXT1cIicvYXNzZXRzL2ljb25zL2NoZXZyb24tcmlnaHQtcm91bmRlZC5zdmcnXCIgYWx0PVwiY2hldnJvblwiPlxyXG4gICAgICAgIDwvYT5cclxuICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjYW5jaG9yVGVtcGxhdGU+XHJcbiAgPGEgY2xhc3M9XCJwcm9kdWN0X19saW5rXCIgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cclxuICAgIDxpbWcgW3NyY109XCInL2Fzc2V0cy9pY29ucy9jaGV2cm9uLXJpZ2h0LXJvdW5kZWQuc3ZnJ1wiIGFsdD1cImNoZXZyb25cIj5cclxuICA8L2E+XHJcbjwvbmctdGVtcGxhdGU+Il19
package/fesm2022/af-connect-components.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, Component, ChangeDetectionStrategy, Host, Optional, Input, EventEmitter, forwardRef, Output, ContentChildren, ViewChild, HostBinding, HostListener, Pipe, Directive, ContentChild, ElementRef, ViewChildren, input, computed, NgModule } from '@angular/core';
2
+ import { Injectable, Component, ChangeDetectionStrategy, Host, Optional, Input, input, computed, EventEmitter, forwardRef, Output, ContentChildren, ViewChild, HostBinding, HostListener, Pipe, Directive, ContentChild, ElementRef, ViewChildren, NgModule } from '@angular/core';
3
3
  import { map, BehaviorSubject, take, filter, fromEvent, Subscription, interval, debounceTime } from 'rxjs';
4
4
  import * as i1 from '@angular/cdk/layout';
5
5
  import * as i1$1 from '@angular/common';
@@ -265,11 +265,11 @@ const configs = {
265
265
  },
266
266
  {
267
267
  title: 'Careers',
268
- link: ' https://www.alexforbes.com/bw/en/about/careers.html'
268
+ link: 'https://www.alexforbes.com/bw/en/about/careers.html'
269
269
  },
270
270
  {
271
271
  title: 'Procurement',
272
- link: ' https://www.alexforbes.com/bw/en/about/procurement.html'
272
+ link: 'https://www.alexforbes.com/bw/en/about/procurement.html'
273
273
  },
274
274
  {
275
275
  title: 'Risk & compliance',
@@ -309,6 +309,9 @@ const configs = {
309
309
  {
310
310
  title: '+267 365 1900 / 1901 / 1948',
311
311
  },
312
+ {
313
+ title: 'Fax: +267 395 7552',
314
+ },
312
315
  ]
313
316
  },
314
317
  {
@@ -693,50 +696,47 @@ const DEFAULT_COLOR = '#15808D';
693
696
  class AfConnectFooterComponent {
694
697
  constructor(breakpointService) {
695
698
  this.breakpointService = breakpointService;
696
- this._countryCode = 'ZA';
697
699
  this.config = undefined;
698
700
  this.isBottomBannerHidden = false;
699
701
  this.isFooterContentHidden = false;
700
702
  this.backgroundColor = DEFAULT_COLOR;
701
703
  this.centered = false;
702
- }
703
- get getMobileAddress() {
704
- const config = this.choosenConfig; //this.config ? this.config : this.defaultConfig;
705
- const addressData = config?.address?.find(address => !address.title)?.sectionItems;
706
- const titleString = addressData?.reduce((prev, curr, i) => {
707
- return `${prev}${i === 0 ? '' : ''}${i === 1 ? ' : ' : ''}${i > 1 ? ',' : ''} ${curr.title}`;
708
- }, '');
709
- return titleString || '';
704
+ this.countryCode = input('ZA');
705
+ this.choosenConfig = computed(() => {
706
+ return this.config ? this.config : configs[this.countryCode()];
707
+ });
708
+ this.mobileAddress = computed(() => {
709
+ const addressData = this.choosenConfig()?.address?.find(address => !address.title)?.sectionItems;
710
+ const titleString = addressData?.reduce((prev, curr, i) => {
711
+ return `${prev}${i === 0 ? '' : ''}${i === 1 ? ' : ' : ''}${i > 1 ? ',' : ''} ${curr.title}`;
712
+ }, '');
713
+ return titleString || '';
714
+ });
710
715
  }
711
716
  set showCallMeBack(value) {
712
717
  //need to rewrie this
713
- if (this._countryCode == 'ZA' &&
714
- this.choosenConfig &&
715
- this.choosenConfig.sections &&
716
- this.choosenConfig.sections[1] &&
717
- this.choosenConfig.sections[1].sectionItems &&
718
- this.choosenConfig.sections[1].sectionItems[1]) {
719
- this.choosenConfig.sections[1].sectionItems[1].isHidden = !value;
720
- if (this.choosenConfig.address && this.choosenConfig.address[0] && this.choosenConfig.address[0].sectionItems) {
721
- this.choosenConfig.address[0].sectionItems[0].bold = value;
718
+ const choosenConfig = this.choosenConfig();
719
+ if (this.countryCode() == 'ZA' &&
720
+ choosenConfig &&
721
+ choosenConfig.sections &&
722
+ choosenConfig.sections[1] &&
723
+ choosenConfig.sections[1].sectionItems &&
724
+ choosenConfig.sections[1].sectionItems[1]) {
725
+ choosenConfig.sections[1].sectionItems[1].isHidden = !value;
726
+ if (choosenConfig.address && choosenConfig.address[0] && choosenConfig.address[0].sectionItems) {
727
+ choosenConfig.address[0].sectionItems[0].bold = value;
722
728
  }
723
- if (this.choosenConfig.address && this.choosenConfig.address[1] && this.choosenConfig.address[1].sectionItems) {
724
- this.choosenConfig.address[1].sectionItems[0].bold = value;
729
+ if (choosenConfig.address && choosenConfig.address[1] && choosenConfig.address[1].sectionItems) {
730
+ choosenConfig.address[1].sectionItems[0].bold = value;
725
731
  }
726
732
  if (value) {
727
- this.choosenConfig.sections[1].title = "Customer Resources";
728
- let temp = this.choosenConfig.sections[1].sectionItems[2];
729
- this.choosenConfig.sections[1].sectionItems[2] = this.choosenConfig.sections[1].sectionItems[3];
730
- this.choosenConfig.sections[1].sectionItems[3] = temp;
733
+ choosenConfig.sections[1].title = "Customer Resources";
734
+ let temp = choosenConfig.sections[1].sectionItems[2];
735
+ choosenConfig.sections[1].sectionItems[2] = choosenConfig.sections[1].sectionItems[3];
736
+ choosenConfig.sections[1].sectionItems[3] = temp;
731
737
  }
732
738
  }
733
739
  }
734
- set CountryCode(value) {
735
- this._countryCode = value ?? 'ZA';
736
- }
737
- get choosenConfig() {
738
- return this.config ? this.config : configs[this._countryCode];
739
- }
740
740
  openLegalTerms() {
741
741
  window.open('https://gw.api.alexforbes.com/content/download/investmentsmedia/web?path=Alexforbes-AF-Connect-Terms-of-Use-Document.pdf');
742
742
  }
@@ -760,11 +760,11 @@ class AfConnectFooterComponent {
760
760
  };
761
761
  }
762
762
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectFooterComponent, deps: [{ token: BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
763
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectFooterComponent, selector: "lib-af-connect-footer", inputs: { config: "config", isBottomBannerHidden: "isBottomBannerHidden", isFooterContentHidden: "isFooterContentHidden", backgroundColor: "backgroundColor", centered: "centered", showCallMeBack: "showCallMeBack", CountryCode: "CountryCode" }, ngImport: i0, template: "\r\n<ng-container *ngIf=\"!isFooterContentHidden\"> \r\n <div *ngIf=\"!(breakpointService.isMobile$ | async)\" class=\"footer-container\" [ngStyle]=\"getFooterStyling()\">\r\n <div *ngFor=\"let section of choosenConfig.sections\" class=\"sections-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig.address\" class=\"sections-container address-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link address-link\" [ngStyle]=\"{'font-weight': link.bold ? '600' : '500','opacity': link.bold ? '90%' : '70%' }\">{{link.title}}</span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"breakpointService.isMobile$ | async\" class=\"footer-container\" [ngStyle]=\"{backgroundColor}\">\r\n <div *ngFor=\"let section of choosenConfig.sections\" class=\"sections-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link address-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig.address\" [ngClass]=\"[address.title ? 'sections-container address-container' : '']\">\r\n <afc-expandable-wrapper *ngIf=\"address.title\">\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link\">{{link.title}}</span>\r\n </ng-container>\r\n <span class=\"section-link address-link\">{{getMobileAddress}}</span>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n </div>\r\n</ng-container> \r\n\r\n<div class=\"bottom-banner-container\" [ngClass]=\"{'centered': centered}\">\r\n <div *ngIf=\"!isBottomBannerHidden\" class=\"bottom-banner\">\r\n <div class=\"banner-title\">\r\n {{choosenConfig.bannerTitle}}\r\n <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPaiaManual()\">PAIA manual</span>\r\n </div>\r\n \r\n <div class=\"social-container\">\r\n <a *ngIf=\"!choosenConfig.instagram?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.instagram?.link\" target=\"_blank\">\r\n <svg id=\"Group_888\" data-name=\"Group 888\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"15.676\" viewBox=\"0 0 15.618 15.676\">\r\n <path id=\"Path_8\" data-name=\"Path 8\" d=\"M21.327,13.4c1.039.037,2.115.037,3.154.074a5.31,5.31,0,0,1,2.6.668,3.937,3.937,0,0,1,1.892,2.746,21.051,21.051,0,0,1,.186,2.152c.037,1.558,0,3.117,0,4.675a7.553,7.553,0,0,1-.3,2.412,3.931,3.931,0,0,1-3.154,2.746,14.046,14.046,0,0,1-2.152.186c-1.559.037-3.08,0-4.638,0a7.553,7.553,0,0,1-2.412-.3,3.931,3.931,0,0,1-2.746-3.154,14.046,14.046,0,0,1-.186-2.152c-.037-1.558,0-3.117,0-4.675a7.553,7.553,0,0,1,.3-2.412,3.931,3.931,0,0,1,3.154-2.746,14.047,14.047,0,0,1,2.152-.186c.705-.037,1.41-.037,2.152-.037Zm6.42,7.681h0c-.037-.631-.037-1.225-.037-1.855a14.347,14.347,0,0,0-.111-1.781,2.653,2.653,0,0,0-2.226-2.486,9.8,9.8,0,0,0-2.078-.148c-1.336-.037-2.635-.037-3.97,0a11.414,11.414,0,0,0-1.967.148,2.616,2.616,0,0,0-2.226,1.93A5.813,5.813,0,0,0,14.945,18c-.037,1.41-.037,2.82-.037,4.23,0,.891.037,1.818.111,2.709a2.587,2.587,0,0,0,2.264,2.486,12.746,12.746,0,0,0,2.078.148c1.3.037,2.6,0,3.933,0a14.348,14.348,0,0,0,1.781-.111A2.594,2.594,0,0,0,26.6,26.87a2.848,2.848,0,0,0,1.039-2.264C27.71,23.493,27.71,22.306,27.747,21.081Z\" transform=\"translate(-13.556 -13.4)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_9\" data-name=\"Path 9\" d=\"M31.715,27.708a4.008,4.008,0,1,1-3.97-4.008A3.991,3.991,0,0,1,31.715,27.708Zm-4.008,2.6a2.6,2.6,0,1,0-2.6-2.6A2.581,2.581,0,0,0,27.708,30.3Z\" transform=\"translate(-19.936 -19.878)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_10\" data-name=\"Path 10\" d=\"M45.052,21.628a.951.951,0,0,1-.928.965.946.946,0,1,1,.928-.965Z\" transform=\"translate(-32.196 -17.991)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.linkedIn?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.linkedIn?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"14.902\" viewBox=\"0 0 15.618 14.902\">\r\n <path id=\"Path_7\" data-name=\"Path 7\" d=\"M32.818,24.635V30.4H29.45V25.014c0-1.347-.463-2.273-1.684-2.273a1.868,1.868,0,0,0-1.726,1.221,2.278,2.278,0,0,0-.126.8V30.4H22.546s.042-9.135,0-10.061h3.368v1.431a.041.041,0,0,1-.042.042h.042v-.042a3.363,3.363,0,0,1,3.031-1.684c2.189,0,3.873,1.473,3.873,4.546ZM19.094,15.5A1.753,1.753,0,0,0,17.2,17.226a1.716,1.716,0,0,0,1.852,1.726h.042a1.729,1.729,0,0,0,1.894-1.726A1.777,1.777,0,0,0,19.094,15.5ZM17.368,30.4h3.326V20.341H17.368Zm0,0\" transform=\"translate(-17.2 -15.5)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.facebook?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.facebook?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 7.235 15.618\">\r\n <path id=\"Path_13\" data-name=\"Path 13\" d=\"M31.967,21.909H29.785v7.809H26.531V21.909H25V19.153h1.531v-1.8A3.032,3.032,0,0,1,29.785,14.1H32.2v2.68H30.474a.679.679,0,0,0-.689.766v1.608h2.45Zm0,0\" transform=\"translate(-25 -14.1)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.twitter?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.twitter?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.966\" height=\"15.618\" viewBox=\"0 0 15.966 15.618\">\r\n <path id=\"icons8-twitterx\" d=\"M19.846,19.618l-6.244-9.1.011.009L19.243,4H17.361L12.775,9.31,9.133,4H4.2l5.829,8.5h0L3.88,19.618H5.761l5.1-5.908,4.052,5.908ZM8.388,5.42,17.148,18.2H15.658L6.89,5.42Z\" transform=\"translate(-3.88 -4)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig?.whatsapp?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.whatsapp?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.666\" height=\"15.676\" viewBox=\"0 0 15.666 15.676\">\r\n <path id=\"whatsapp-svgrepo-com\" d=\"M17.324,6.273A7.691,7.691,0,0,0,11.838,4,7.779,7.779,0,0,0,5.1,15.649L4,19.676,8.115,18.6a7.762,7.762,0,0,0,9.21-12.325ZM11.838,18.236a6.446,6.446,0,0,1-3.292-.9l-.235-.147-2.44.647.647-2.381-.157-.245a6.492,6.492,0,1,1,5.477,3.027Zm3.537-4.84c-.2-.1-1.146-.568-1.323-.627s-.314-.1-.441.1a8.822,8.822,0,0,1-.617.754c-.108.137-.225.147-.421,0a5.222,5.222,0,0,1-2.635-2.3c-.206-.343.2-.323.568-1.058a.372.372,0,0,0,0-.343c0-.1-.441-1.058-.6-1.44s-.314-.323-.441-.333H9.085a.7.7,0,0,0-.519.245,2.146,2.146,0,0,0-.647,1.656,3.742,3.742,0,0,0,.794,2.008,8.71,8.71,0,0,0,3.321,2.939,3.773,3.773,0,0,0,2.332.49,1.96,1.96,0,0,0,1.3-.921,1.587,1.587,0,0,0,.118-.921A1.368,1.368,0,0,0,15.375,13.4Z\" transform=\"translate(-4 -4)\" fill=\"#fff\"/>\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n", styles: [":host{z-index:1000;width:100%}.footer-container{font-family:Hero New SemiBold;min-height:200px;position:relative;padding:3% 5% 2% 5.3%;z-index:1000;display:grid;grid-column-gap:4rem;grid-row-gap:1.5rem}@media (min-width: 769px) and (max-width: 1023px){.footer-container{grid-column-gap:2rem}}@media (min-width: 1024px) and (max-width: 1200px){.footer-container{grid-column-gap:2rem}}@media (max-width: 768px){.footer-container{grid-column-gap:0px;grid-row-gap:0px;display:flex;flex-wrap:wrap;flex-direction:column;padding:0rem 1rem}}.sections-container,.sections-container__mobile{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;gap:.5rem}@media (max-width: 768px){.sections-container,.sections-container__mobile{gap:20px;border-bottom:1px solid white}}@media (max-width: 768px){.sections-container__mobile{padding-bottom:20px}}.sections-container .section-title,.sections-container__mobile .section-title{font-size:1.25rem;font-family:Hero New Bold;margin:0 0 12px;color:#f1f2f5}@media (max-width: 768px){.sections-container .section-title,.sections-container__mobile .section-title{margin:0;font-size:1.125rem}}.sections-container:last-of-type,.sections-container__mobile:last-of-type{border-bottom:none}.sections-container:nth-last-of-type(2),.sections-container__mobile:nth-last-of-type(2){border-bottom:none}.section-link{font-family:Hero New;color:#fff;text-decoration:none;opacity:70%}.section-link.address-link{cursor:initial}@media (max-width: 768px){.section-link{font-size:.875rem}}@media (hover: hover){.section-link:hover{opacity:100%}}.bottom-banner-container{width:100%;background-color:#124e57}.bottom-banner-container.centered{display:flex;justify-content:center}.bottom-banner{color:#f1f2f5;padding:2% 5%;display:flex;justify-content:space-between;align-items:center;max-height:120px;position:relative;z-index:1001;width:90%;max-width:1440px}@media (max-width: 768px){.bottom-banner{flex-direction:column;justify-content:center;text-align:center;gap:11px;align-items:center;font-size:.6875rem;padding:16px 8px;line-height:22px}}.title-spacer{padding:5px}.social-container{display:flex;gap:40px;margin-left:4%}@media (max-width: 768px){.social-container{gap:35px;margin-left:0%}}.image-container{cursor:pointer;display:flex;justify-content:center;align-items:center;width:18px;height:18px}img{height:16px;width:16px}.section-link{cursor:pointer}.address-title{min-height:28px}.address-container a:first-of-type{opacity:100%}.title-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer}@media (max-width: 768px){.title-container{padding-top:16px;padding-bottom:16px;width:100%}}.margin-div{width:100%;height:20px}.title-links{cursor:pointer}.title-links:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ExpandableContainerComponent, selector: "afc-expandable-container" }, { kind: "component", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", inputs: ["color", "startPosition", "endPosition"] }, { kind: "component", type: ExpandableWrapperComponent, selector: "afc-expandable-wrapper" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
763
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AfConnectFooterComponent, selector: "lib-af-connect-footer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, isBottomBannerHidden: { classPropertyName: "isBottomBannerHidden", publicName: "isBottomBannerHidden", isSignal: false, isRequired: false, transformFunction: null }, isFooterContentHidden: { classPropertyName: "isFooterContentHidden", publicName: "isFooterContentHidden", isSignal: false, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: false, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: false, isRequired: false, transformFunction: null }, showCallMeBack: { classPropertyName: "showCallMeBack", publicName: "showCallMeBack", isSignal: false, isRequired: false, transformFunction: null }, countryCode: { classPropertyName: "countryCode", publicName: "countryCode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n<ng-container *ngIf=\"!isFooterContentHidden\"> \r\n <div *ngIf=\"!(breakpointService.isMobile$ | async)\" class=\"footer-container\" [ngStyle]=\"getFooterStyling()\">\r\n <div *ngFor=\"let section of choosenConfig().sections\" class=\"sections-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig().address\" class=\"sections-container address-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link address-link\" [ngStyle]=\"{'font-weight': link.bold ? '600' : '500','opacity': link.bold ? '90%' : '70%' }\">{{link.title}}</span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"breakpointService.isMobile$ | async\" class=\"footer-container\" [ngStyle]=\"{backgroundColor}\">\r\n <div *ngFor=\"let section of choosenConfig().sections\" class=\"sections-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link address-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig().address\" [ngClass]=\"[address.title ? 'sections-container address-container' : '']\">\r\n <afc-expandable-wrapper *ngIf=\"address.title\">\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link\">{{link.title}}</span>\r\n </ng-container>\r\n <span class=\"section-link address-link\">{{ mobileAddress() }}</span>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n </div>\r\n</ng-container> \r\n\r\n<div class=\"bottom-banner-container\" [ngClass]=\"{'centered': centered}\">\r\n <div *ngIf=\"!isBottomBannerHidden\" class=\"bottom-banner\">\r\n <div class=\"banner-title\">\r\n {{choosenConfig().bannerTitle}}\r\n <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPaiaManual()\">PAIA manual</span>\r\n </div>\r\n \r\n <div class=\"social-container\">\r\n <a *ngIf=\"!choosenConfig().instagram?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().instagram?.link\" target=\"_blank\">\r\n <svg id=\"Group_888\" data-name=\"Group 888\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"15.676\" viewBox=\"0 0 15.618 15.676\">\r\n <path id=\"Path_8\" data-name=\"Path 8\" d=\"M21.327,13.4c1.039.037,2.115.037,3.154.074a5.31,5.31,0,0,1,2.6.668,3.937,3.937,0,0,1,1.892,2.746,21.051,21.051,0,0,1,.186,2.152c.037,1.558,0,3.117,0,4.675a7.553,7.553,0,0,1-.3,2.412,3.931,3.931,0,0,1-3.154,2.746,14.046,14.046,0,0,1-2.152.186c-1.559.037-3.08,0-4.638,0a7.553,7.553,0,0,1-2.412-.3,3.931,3.931,0,0,1-2.746-3.154,14.046,14.046,0,0,1-.186-2.152c-.037-1.558,0-3.117,0-4.675a7.553,7.553,0,0,1,.3-2.412,3.931,3.931,0,0,1,3.154-2.746,14.047,14.047,0,0,1,2.152-.186c.705-.037,1.41-.037,2.152-.037Zm6.42,7.681h0c-.037-.631-.037-1.225-.037-1.855a14.347,14.347,0,0,0-.111-1.781,2.653,2.653,0,0,0-2.226-2.486,9.8,9.8,0,0,0-2.078-.148c-1.336-.037-2.635-.037-3.97,0a11.414,11.414,0,0,0-1.967.148,2.616,2.616,0,0,0-2.226,1.93A5.813,5.813,0,0,0,14.945,18c-.037,1.41-.037,2.82-.037,4.23,0,.891.037,1.818.111,2.709a2.587,2.587,0,0,0,2.264,2.486,12.746,12.746,0,0,0,2.078.148c1.3.037,2.6,0,3.933,0a14.348,14.348,0,0,0,1.781-.111A2.594,2.594,0,0,0,26.6,26.87a2.848,2.848,0,0,0,1.039-2.264C27.71,23.493,27.71,22.306,27.747,21.081Z\" transform=\"translate(-13.556 -13.4)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_9\" data-name=\"Path 9\" d=\"M31.715,27.708a4.008,4.008,0,1,1-3.97-4.008A3.991,3.991,0,0,1,31.715,27.708Zm-4.008,2.6a2.6,2.6,0,1,0-2.6-2.6A2.581,2.581,0,0,0,27.708,30.3Z\" transform=\"translate(-19.936 -19.878)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_10\" data-name=\"Path 10\" d=\"M45.052,21.628a.951.951,0,0,1-.928.965.946.946,0,1,1,.928-.965Z\" transform=\"translate(-32.196 -17.991)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().linkedIn?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().linkedIn?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"14.902\" viewBox=\"0 0 15.618 14.902\">\r\n <path id=\"Path_7\" data-name=\"Path 7\" d=\"M32.818,24.635V30.4H29.45V25.014c0-1.347-.463-2.273-1.684-2.273a1.868,1.868,0,0,0-1.726,1.221,2.278,2.278,0,0,0-.126.8V30.4H22.546s.042-9.135,0-10.061h3.368v1.431a.041.041,0,0,1-.042.042h.042v-.042a3.363,3.363,0,0,1,3.031-1.684c2.189,0,3.873,1.473,3.873,4.546ZM19.094,15.5A1.753,1.753,0,0,0,17.2,17.226a1.716,1.716,0,0,0,1.852,1.726h.042a1.729,1.729,0,0,0,1.894-1.726A1.777,1.777,0,0,0,19.094,15.5ZM17.368,30.4h3.326V20.341H17.368Zm0,0\" transform=\"translate(-17.2 -15.5)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().facebook?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().facebook?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 7.235 15.618\">\r\n <path id=\"Path_13\" data-name=\"Path 13\" d=\"M31.967,21.909H29.785v7.809H26.531V21.909H25V19.153h1.531v-1.8A3.032,3.032,0,0,1,29.785,14.1H32.2v2.68H30.474a.679.679,0,0,0-.689.766v1.608h2.45Zm0,0\" transform=\"translate(-25 -14.1)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().twitter?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().twitter?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.966\" height=\"15.618\" viewBox=\"0 0 15.966 15.618\">\r\n <path id=\"icons8-twitterx\" d=\"M19.846,19.618l-6.244-9.1.011.009L19.243,4H17.361L12.775,9.31,9.133,4H4.2l5.829,8.5h0L3.88,19.618H5.761l5.1-5.908,4.052,5.908ZM8.388,5.42,17.148,18.2H15.658L6.89,5.42Z\" transform=\"translate(-3.88 -4)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().whatsapp?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().whatsapp?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.666\" height=\"15.676\" viewBox=\"0 0 15.666 15.676\">\r\n <path id=\"whatsapp-svgrepo-com\" d=\"M17.324,6.273A7.691,7.691,0,0,0,11.838,4,7.779,7.779,0,0,0,5.1,15.649L4,19.676,8.115,18.6a7.762,7.762,0,0,0,9.21-12.325ZM11.838,18.236a6.446,6.446,0,0,1-3.292-.9l-.235-.147-2.44.647.647-2.381-.157-.245a6.492,6.492,0,1,1,5.477,3.027Zm3.537-4.84c-.2-.1-1.146-.568-1.323-.627s-.314-.1-.441.1a8.822,8.822,0,0,1-.617.754c-.108.137-.225.147-.421,0a5.222,5.222,0,0,1-2.635-2.3c-.206-.343.2-.323.568-1.058a.372.372,0,0,0,0-.343c0-.1-.441-1.058-.6-1.44s-.314-.323-.441-.333H9.085a.7.7,0,0,0-.519.245,2.146,2.146,0,0,0-.647,1.656,3.742,3.742,0,0,0,.794,2.008,8.71,8.71,0,0,0,3.321,2.939,3.773,3.773,0,0,0,2.332.49,1.96,1.96,0,0,0,1.3-.921,1.587,1.587,0,0,0,.118-.921A1.368,1.368,0,0,0,15.375,13.4Z\" transform=\"translate(-4 -4)\" fill=\"#fff\"/>\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n", styles: [":host{z-index:1000;width:100%}.footer-container{font-family:Hero New SemiBold;min-height:200px;position:relative;padding:3% 5% 2% 5.3%;z-index:1000;display:grid;grid-column-gap:4rem;grid-row-gap:1.5rem}@media (min-width: 769px) and (max-width: 1023px){.footer-container{grid-column-gap:2rem}}@media (min-width: 1024px) and (max-width: 1200px){.footer-container{grid-column-gap:2rem}}@media (max-width: 768px){.footer-container{grid-column-gap:0px;grid-row-gap:0px;display:flex;flex-wrap:wrap;flex-direction:column;padding:0rem 1rem}}.sections-container,.sections-container__mobile{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;gap:.5rem}@media (max-width: 768px){.sections-container,.sections-container__mobile{gap:20px;border-bottom:1px solid white}}@media (max-width: 768px){.sections-container__mobile{padding-bottom:20px}}.sections-container .section-title,.sections-container__mobile .section-title{font-size:1.25rem;font-family:Hero New Bold;margin:0 0 12px;color:#f1f2f5}@media (max-width: 768px){.sections-container .section-title,.sections-container__mobile .section-title{margin:0;font-size:1.125rem}}.sections-container:last-of-type,.sections-container__mobile:last-of-type{border-bottom:none}.sections-container:nth-last-of-type(2),.sections-container__mobile:nth-last-of-type(2){border-bottom:none}.section-link{font-family:Hero New;color:#fff;text-decoration:none;opacity:70%}.section-link.address-link{cursor:initial}@media (max-width: 768px){.section-link{font-size:.875rem}}@media (hover: hover){.section-link:hover{opacity:100%}}.bottom-banner-container{width:100%;background-color:#124e57}.bottom-banner-container.centered{display:flex;justify-content:center}.bottom-banner{color:#f1f2f5;padding:2% 5%;display:flex;justify-content:space-between;align-items:center;max-height:120px;position:relative;z-index:1001;width:90%;max-width:1440px}@media (max-width: 768px){.bottom-banner{flex-direction:column;justify-content:center;text-align:center;gap:11px;align-items:center;font-size:.6875rem;padding:16px 8px;line-height:22px}}.title-spacer{padding:5px}.social-container{display:flex;gap:40px;margin-left:4%}@media (max-width: 768px){.social-container{gap:35px;margin-left:0%}}.image-container{cursor:pointer;display:flex;justify-content:center;align-items:center;width:18px;height:18px}img{height:16px;width:16px}.section-link{cursor:pointer}.address-title{min-height:28px}.address-container a:first-of-type{opacity:100%}.title-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer}@media (max-width: 768px){.title-container{padding-top:16px;padding-bottom:16px;width:100%}}.margin-div{width:100%;height:20px}.title-links{cursor:pointer}.title-links:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ExpandableContainerComponent, selector: "afc-expandable-container" }, { kind: "component", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", inputs: ["color", "startPosition", "endPosition"] }, { kind: "component", type: ExpandableWrapperComponent, selector: "afc-expandable-wrapper" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
764
764
  }
765
765
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectFooterComponent, decorators: [{
766
766
  type: Component,
767
- args: [{ selector: 'lib-af-connect-footer', template: "\r\n<ng-container *ngIf=\"!isFooterContentHidden\"> \r\n <div *ngIf=\"!(breakpointService.isMobile$ | async)\" class=\"footer-container\" [ngStyle]=\"getFooterStyling()\">\r\n <div *ngFor=\"let section of choosenConfig.sections\" class=\"sections-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig.address\" class=\"sections-container address-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link address-link\" [ngStyle]=\"{'font-weight': link.bold ? '600' : '500','opacity': link.bold ? '90%' : '70%' }\">{{link.title}}</span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"breakpointService.isMobile$ | async\" class=\"footer-container\" [ngStyle]=\"{backgroundColor}\">\r\n <div *ngFor=\"let section of choosenConfig.sections\" class=\"sections-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link address-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig.address\" [ngClass]=\"[address.title ? 'sections-container address-container' : '']\">\r\n <afc-expandable-wrapper *ngIf=\"address.title\">\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link\">{{link.title}}</span>\r\n </ng-container>\r\n <span class=\"section-link address-link\">{{getMobileAddress}}</span>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n </div>\r\n</ng-container> \r\n\r\n<div class=\"bottom-banner-container\" [ngClass]=\"{'centered': centered}\">\r\n <div *ngIf=\"!isBottomBannerHidden\" class=\"bottom-banner\">\r\n <div class=\"banner-title\">\r\n {{choosenConfig.bannerTitle}}\r\n <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPaiaManual()\">PAIA manual</span>\r\n </div>\r\n \r\n <div class=\"social-container\">\r\n <a *ngIf=\"!choosenConfig.instagram?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.instagram?.link\" target=\"_blank\">\r\n <svg id=\"Group_888\" data-name=\"Group 888\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"15.676\" viewBox=\"0 0 15.618 15.676\">\r\n <path id=\"Path_8\" data-name=\"Path 8\" d=\"M21.327,13.4c1.039.037,2.115.037,3.154.074a5.31,5.31,0,0,1,2.6.668,3.937,3.937,0,0,1,1.892,2.746,21.051,21.051,0,0,1,.186,2.152c.037,1.558,0,3.117,0,4.675a7.553,7.553,0,0,1-.3,2.412,3.931,3.931,0,0,1-3.154,2.746,14.046,14.046,0,0,1-2.152.186c-1.559.037-3.08,0-4.638,0a7.553,7.553,0,0,1-2.412-.3,3.931,3.931,0,0,1-2.746-3.154,14.046,14.046,0,0,1-.186-2.152c-.037-1.558,0-3.117,0-4.675a7.553,7.553,0,0,1,.3-2.412,3.931,3.931,0,0,1,3.154-2.746,14.047,14.047,0,0,1,2.152-.186c.705-.037,1.41-.037,2.152-.037Zm6.42,7.681h0c-.037-.631-.037-1.225-.037-1.855a14.347,14.347,0,0,0-.111-1.781,2.653,2.653,0,0,0-2.226-2.486,9.8,9.8,0,0,0-2.078-.148c-1.336-.037-2.635-.037-3.97,0a11.414,11.414,0,0,0-1.967.148,2.616,2.616,0,0,0-2.226,1.93A5.813,5.813,0,0,0,14.945,18c-.037,1.41-.037,2.82-.037,4.23,0,.891.037,1.818.111,2.709a2.587,2.587,0,0,0,2.264,2.486,12.746,12.746,0,0,0,2.078.148c1.3.037,2.6,0,3.933,0a14.348,14.348,0,0,0,1.781-.111A2.594,2.594,0,0,0,26.6,26.87a2.848,2.848,0,0,0,1.039-2.264C27.71,23.493,27.71,22.306,27.747,21.081Z\" transform=\"translate(-13.556 -13.4)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_9\" data-name=\"Path 9\" d=\"M31.715,27.708a4.008,4.008,0,1,1-3.97-4.008A3.991,3.991,0,0,1,31.715,27.708Zm-4.008,2.6a2.6,2.6,0,1,0-2.6-2.6A2.581,2.581,0,0,0,27.708,30.3Z\" transform=\"translate(-19.936 -19.878)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_10\" data-name=\"Path 10\" d=\"M45.052,21.628a.951.951,0,0,1-.928.965.946.946,0,1,1,.928-.965Z\" transform=\"translate(-32.196 -17.991)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.linkedIn?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.linkedIn?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"14.902\" viewBox=\"0 0 15.618 14.902\">\r\n <path id=\"Path_7\" data-name=\"Path 7\" d=\"M32.818,24.635V30.4H29.45V25.014c0-1.347-.463-2.273-1.684-2.273a1.868,1.868,0,0,0-1.726,1.221,2.278,2.278,0,0,0-.126.8V30.4H22.546s.042-9.135,0-10.061h3.368v1.431a.041.041,0,0,1-.042.042h.042v-.042a3.363,3.363,0,0,1,3.031-1.684c2.189,0,3.873,1.473,3.873,4.546ZM19.094,15.5A1.753,1.753,0,0,0,17.2,17.226a1.716,1.716,0,0,0,1.852,1.726h.042a1.729,1.729,0,0,0,1.894-1.726A1.777,1.777,0,0,0,19.094,15.5ZM17.368,30.4h3.326V20.341H17.368Zm0,0\" transform=\"translate(-17.2 -15.5)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.facebook?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.facebook?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 7.235 15.618\">\r\n <path id=\"Path_13\" data-name=\"Path 13\" d=\"M31.967,21.909H29.785v7.809H26.531V21.909H25V19.153h1.531v-1.8A3.032,3.032,0,0,1,29.785,14.1H32.2v2.68H30.474a.679.679,0,0,0-.689.766v1.608h2.45Zm0,0\" transform=\"translate(-25 -14.1)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig.twitter?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.twitter?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.966\" height=\"15.618\" viewBox=\"0 0 15.966 15.618\">\r\n <path id=\"icons8-twitterx\" d=\"M19.846,19.618l-6.244-9.1.011.009L19.243,4H17.361L12.775,9.31,9.133,4H4.2l5.829,8.5h0L3.88,19.618H5.761l5.1-5.908,4.052,5.908ZM8.388,5.42,17.148,18.2H15.658L6.89,5.42Z\" transform=\"translate(-3.88 -4)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig?.whatsapp?.isHidden\" class=\"image-container\" [href]=\"choosenConfig.whatsapp?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.666\" height=\"15.676\" viewBox=\"0 0 15.666 15.676\">\r\n <path id=\"whatsapp-svgrepo-com\" d=\"M17.324,6.273A7.691,7.691,0,0,0,11.838,4,7.779,7.779,0,0,0,5.1,15.649L4,19.676,8.115,18.6a7.762,7.762,0,0,0,9.21-12.325ZM11.838,18.236a6.446,6.446,0,0,1-3.292-.9l-.235-.147-2.44.647.647-2.381-.157-.245a6.492,6.492,0,1,1,5.477,3.027Zm3.537-4.84c-.2-.1-1.146-.568-1.323-.627s-.314-.1-.441.1a8.822,8.822,0,0,1-.617.754c-.108.137-.225.147-.421,0a5.222,5.222,0,0,1-2.635-2.3c-.206-.343.2-.323.568-1.058a.372.372,0,0,0,0-.343c0-.1-.441-1.058-.6-1.44s-.314-.323-.441-.333H9.085a.7.7,0,0,0-.519.245,2.146,2.146,0,0,0-.647,1.656,3.742,3.742,0,0,0,.794,2.008,8.71,8.71,0,0,0,3.321,2.939,3.773,3.773,0,0,0,2.332.49,1.96,1.96,0,0,0,1.3-.921,1.587,1.587,0,0,0,.118-.921A1.368,1.368,0,0,0,15.375,13.4Z\" transform=\"translate(-4 -4)\" fill=\"#fff\"/>\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n", styles: [":host{z-index:1000;width:100%}.footer-container{font-family:Hero New SemiBold;min-height:200px;position:relative;padding:3% 5% 2% 5.3%;z-index:1000;display:grid;grid-column-gap:4rem;grid-row-gap:1.5rem}@media (min-width: 769px) and (max-width: 1023px){.footer-container{grid-column-gap:2rem}}@media (min-width: 1024px) and (max-width: 1200px){.footer-container{grid-column-gap:2rem}}@media (max-width: 768px){.footer-container{grid-column-gap:0px;grid-row-gap:0px;display:flex;flex-wrap:wrap;flex-direction:column;padding:0rem 1rem}}.sections-container,.sections-container__mobile{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;gap:.5rem}@media (max-width: 768px){.sections-container,.sections-container__mobile{gap:20px;border-bottom:1px solid white}}@media (max-width: 768px){.sections-container__mobile{padding-bottom:20px}}.sections-container .section-title,.sections-container__mobile .section-title{font-size:1.25rem;font-family:Hero New Bold;margin:0 0 12px;color:#f1f2f5}@media (max-width: 768px){.sections-container .section-title,.sections-container__mobile .section-title{margin:0;font-size:1.125rem}}.sections-container:last-of-type,.sections-container__mobile:last-of-type{border-bottom:none}.sections-container:nth-last-of-type(2),.sections-container__mobile:nth-last-of-type(2){border-bottom:none}.section-link{font-family:Hero New;color:#fff;text-decoration:none;opacity:70%}.section-link.address-link{cursor:initial}@media (max-width: 768px){.section-link{font-size:.875rem}}@media (hover: hover){.section-link:hover{opacity:100%}}.bottom-banner-container{width:100%;background-color:#124e57}.bottom-banner-container.centered{display:flex;justify-content:center}.bottom-banner{color:#f1f2f5;padding:2% 5%;display:flex;justify-content:space-between;align-items:center;max-height:120px;position:relative;z-index:1001;width:90%;max-width:1440px}@media (max-width: 768px){.bottom-banner{flex-direction:column;justify-content:center;text-align:center;gap:11px;align-items:center;font-size:.6875rem;padding:16px 8px;line-height:22px}}.title-spacer{padding:5px}.social-container{display:flex;gap:40px;margin-left:4%}@media (max-width: 768px){.social-container{gap:35px;margin-left:0%}}.image-container{cursor:pointer;display:flex;justify-content:center;align-items:center;width:18px;height:18px}img{height:16px;width:16px}.section-link{cursor:pointer}.address-title{min-height:28px}.address-container a:first-of-type{opacity:100%}.title-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer}@media (max-width: 768px){.title-container{padding-top:16px;padding-bottom:16px;width:100%}}.margin-div{width:100%;height:20px}.title-links{cursor:pointer}.title-links:hover{text-decoration:underline}\n"] }]
767
+ args: [{ selector: 'lib-af-connect-footer', template: "\r\n<ng-container *ngIf=\"!isFooterContentHidden\"> \r\n <div *ngIf=\"!(breakpointService.isMobile$ | async)\" class=\"footer-container\" [ngStyle]=\"getFooterStyling()\">\r\n <div *ngFor=\"let section of choosenConfig().sections\" class=\"sections-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig().address\" class=\"sections-container address-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link address-link\" [ngStyle]=\"{'font-weight': link.bold ? '600' : '500','opacity': link.bold ? '90%' : '70%' }\">{{link.title}}</span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"breakpointService.isMobile$ | async\" class=\"footer-container\" [ngStyle]=\"{backgroundColor}\">\r\n <div *ngFor=\"let section of choosenConfig().sections\" class=\"sections-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{section.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of section.sectionItems\">\r\n <a *ngIf=\"!link.isHidden\" class=\"section-link address-link\" [href]=\"link.link\" target=\"_blank\">{{link.title}}</a>\r\n </ng-container>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n <div *ngFor=\"let address of choosenConfig().address\" [ngClass]=\"[address.title ? 'sections-container address-container' : '']\">\r\n <afc-expandable-wrapper *ngIf=\"address.title\">\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title address-title\">\r\n {{address.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"rgba(255,255,255, 0.7)\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"sections-container__mobile\">\r\n <ng-container *ngFor=\"let link of address.sectionItems\">\r\n <span class=\"section-link\">{{link.title}}</span>\r\n </ng-container>\r\n <span class=\"section-link address-link\">{{ mobileAddress() }}</span>\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n </div>\r\n </div>\r\n</ng-container> \r\n\r\n<div class=\"bottom-banner-container\" [ngClass]=\"{'centered': centered}\">\r\n <div *ngIf=\"!isBottomBannerHidden\" class=\"bottom-banner\">\r\n <div class=\"banner-title\">\r\n {{choosenConfig().bannerTitle}}\r\n <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy</span>\r\n <span class=\"title-spacer\">|</span>\r\n <span class=\"title-links\" (click)=\"openPaiaManual()\">PAIA manual</span>\r\n </div>\r\n \r\n <div class=\"social-container\">\r\n <a *ngIf=\"!choosenConfig().instagram?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().instagram?.link\" target=\"_blank\">\r\n <svg id=\"Group_888\" data-name=\"Group 888\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"15.676\" viewBox=\"0 0 15.618 15.676\">\r\n <path id=\"Path_8\" data-name=\"Path 8\" d=\"M21.327,13.4c1.039.037,2.115.037,3.154.074a5.31,5.31,0,0,1,2.6.668,3.937,3.937,0,0,1,1.892,2.746,21.051,21.051,0,0,1,.186,2.152c.037,1.558,0,3.117,0,4.675a7.553,7.553,0,0,1-.3,2.412,3.931,3.931,0,0,1-3.154,2.746,14.046,14.046,0,0,1-2.152.186c-1.559.037-3.08,0-4.638,0a7.553,7.553,0,0,1-2.412-.3,3.931,3.931,0,0,1-2.746-3.154,14.046,14.046,0,0,1-.186-2.152c-.037-1.558,0-3.117,0-4.675a7.553,7.553,0,0,1,.3-2.412,3.931,3.931,0,0,1,3.154-2.746,14.047,14.047,0,0,1,2.152-.186c.705-.037,1.41-.037,2.152-.037Zm6.42,7.681h0c-.037-.631-.037-1.225-.037-1.855a14.347,14.347,0,0,0-.111-1.781,2.653,2.653,0,0,0-2.226-2.486,9.8,9.8,0,0,0-2.078-.148c-1.336-.037-2.635-.037-3.97,0a11.414,11.414,0,0,0-1.967.148,2.616,2.616,0,0,0-2.226,1.93A5.813,5.813,0,0,0,14.945,18c-.037,1.41-.037,2.82-.037,4.23,0,.891.037,1.818.111,2.709a2.587,2.587,0,0,0,2.264,2.486,12.746,12.746,0,0,0,2.078.148c1.3.037,2.6,0,3.933,0a14.348,14.348,0,0,0,1.781-.111A2.594,2.594,0,0,0,26.6,26.87a2.848,2.848,0,0,0,1.039-2.264C27.71,23.493,27.71,22.306,27.747,21.081Z\" transform=\"translate(-13.556 -13.4)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_9\" data-name=\"Path 9\" d=\"M31.715,27.708a4.008,4.008,0,1,1-3.97-4.008A3.991,3.991,0,0,1,31.715,27.708Zm-4.008,2.6a2.6,2.6,0,1,0-2.6-2.6A2.581,2.581,0,0,0,27.708,30.3Z\" transform=\"translate(-19.936 -19.878)\" fill=\"#f1f2f5\"/>\r\n <path id=\"Path_10\" data-name=\"Path 10\" d=\"M45.052,21.628a.951.951,0,0,1-.928.965.946.946,0,1,1,.928-.965Z\" transform=\"translate(-32.196 -17.991)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().linkedIn?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().linkedIn?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.618\" height=\"14.902\" viewBox=\"0 0 15.618 14.902\">\r\n <path id=\"Path_7\" data-name=\"Path 7\" d=\"M32.818,24.635V30.4H29.45V25.014c0-1.347-.463-2.273-1.684-2.273a1.868,1.868,0,0,0-1.726,1.221,2.278,2.278,0,0,0-.126.8V30.4H22.546s.042-9.135,0-10.061h3.368v1.431a.041.041,0,0,1-.042.042h.042v-.042a3.363,3.363,0,0,1,3.031-1.684c2.189,0,3.873,1.473,3.873,4.546ZM19.094,15.5A1.753,1.753,0,0,0,17.2,17.226a1.716,1.716,0,0,0,1.852,1.726h.042a1.729,1.729,0,0,0,1.894-1.726A1.777,1.777,0,0,0,19.094,15.5ZM17.368,30.4h3.326V20.341H17.368Zm0,0\" transform=\"translate(-17.2 -15.5)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().facebook?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().facebook?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 7.235 15.618\">\r\n <path id=\"Path_13\" data-name=\"Path 13\" d=\"M31.967,21.909H29.785v7.809H26.531V21.909H25V19.153h1.531v-1.8A3.032,3.032,0,0,1,29.785,14.1H32.2v2.68H30.474a.679.679,0,0,0-.689.766v1.608h2.45Zm0,0\" transform=\"translate(-25 -14.1)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().twitter?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().twitter?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.966\" height=\"15.618\" viewBox=\"0 0 15.966 15.618\">\r\n <path id=\"icons8-twitterx\" d=\"M19.846,19.618l-6.244-9.1.011.009L19.243,4H17.361L12.775,9.31,9.133,4H4.2l5.829,8.5h0L3.88,19.618H5.761l5.1-5.908,4.052,5.908ZM8.388,5.42,17.148,18.2H15.658L6.89,5.42Z\" transform=\"translate(-3.88 -4)\" fill=\"#f1f2f5\"/>\r\n </svg>\r\n </a>\r\n <a *ngIf=\"!choosenConfig().whatsapp?.isHidden\" class=\"image-container\" [href]=\"choosenConfig().whatsapp?.link\" target=\"_blank\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.666\" height=\"15.676\" viewBox=\"0 0 15.666 15.676\">\r\n <path id=\"whatsapp-svgrepo-com\" d=\"M17.324,6.273A7.691,7.691,0,0,0,11.838,4,7.779,7.779,0,0,0,5.1,15.649L4,19.676,8.115,18.6a7.762,7.762,0,0,0,9.21-12.325ZM11.838,18.236a6.446,6.446,0,0,1-3.292-.9l-.235-.147-2.44.647.647-2.381-.157-.245a6.492,6.492,0,1,1,5.477,3.027Zm3.537-4.84c-.2-.1-1.146-.568-1.323-.627s-.314-.1-.441.1a8.822,8.822,0,0,1-.617.754c-.108.137-.225.147-.421,0a5.222,5.222,0,0,1-2.635-2.3c-.206-.343.2-.323.568-1.058a.372.372,0,0,0,0-.343c0-.1-.441-1.058-.6-1.44s-.314-.323-.441-.333H9.085a.7.7,0,0,0-.519.245,2.146,2.146,0,0,0-.647,1.656,3.742,3.742,0,0,0,.794,2.008,8.71,8.71,0,0,0,3.321,2.939,3.773,3.773,0,0,0,2.332.49,1.96,1.96,0,0,0,1.3-.921,1.587,1.587,0,0,0,.118-.921A1.368,1.368,0,0,0,15.375,13.4Z\" transform=\"translate(-4 -4)\" fill=\"#fff\"/>\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n", styles: [":host{z-index:1000;width:100%}.footer-container{font-family:Hero New SemiBold;min-height:200px;position:relative;padding:3% 5% 2% 5.3%;z-index:1000;display:grid;grid-column-gap:4rem;grid-row-gap:1.5rem}@media (min-width: 769px) and (max-width: 1023px){.footer-container{grid-column-gap:2rem}}@media (min-width: 1024px) and (max-width: 1200px){.footer-container{grid-column-gap:2rem}}@media (max-width: 768px){.footer-container{grid-column-gap:0px;grid-row-gap:0px;display:flex;flex-wrap:wrap;flex-direction:column;padding:0rem 1rem}}.sections-container,.sections-container__mobile{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;gap:.5rem}@media (max-width: 768px){.sections-container,.sections-container__mobile{gap:20px;border-bottom:1px solid white}}@media (max-width: 768px){.sections-container__mobile{padding-bottom:20px}}.sections-container .section-title,.sections-container__mobile .section-title{font-size:1.25rem;font-family:Hero New Bold;margin:0 0 12px;color:#f1f2f5}@media (max-width: 768px){.sections-container .section-title,.sections-container__mobile .section-title{margin:0;font-size:1.125rem}}.sections-container:last-of-type,.sections-container__mobile:last-of-type{border-bottom:none}.sections-container:nth-last-of-type(2),.sections-container__mobile:nth-last-of-type(2){border-bottom:none}.section-link{font-family:Hero New;color:#fff;text-decoration:none;opacity:70%}.section-link.address-link{cursor:initial}@media (max-width: 768px){.section-link{font-size:.875rem}}@media (hover: hover){.section-link:hover{opacity:100%}}.bottom-banner-container{width:100%;background-color:#124e57}.bottom-banner-container.centered{display:flex;justify-content:center}.bottom-banner{color:#f1f2f5;padding:2% 5%;display:flex;justify-content:space-between;align-items:center;max-height:120px;position:relative;z-index:1001;width:90%;max-width:1440px}@media (max-width: 768px){.bottom-banner{flex-direction:column;justify-content:center;text-align:center;gap:11px;align-items:center;font-size:.6875rem;padding:16px 8px;line-height:22px}}.title-spacer{padding:5px}.social-container{display:flex;gap:40px;margin-left:4%}@media (max-width: 768px){.social-container{gap:35px;margin-left:0%}}.image-container{cursor:pointer;display:flex;justify-content:center;align-items:center;width:18px;height:18px}img{height:16px;width:16px}.section-link{cursor:pointer}.address-title{min-height:28px}.address-container a:first-of-type{opacity:100%}.title-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer}@media (max-width: 768px){.title-container{padding-top:16px;padding-bottom:16px;width:100%}}.margin-div{width:100%;height:20px}.title-links{cursor:pointer}.title-links:hover{text-decoration:underline}\n"] }]
768
768
  }], ctorParameters: () => [{ type: BreakpointLibService }], propDecorators: { config: [{
769
769
  type: Input
770
770
  }], isBottomBannerHidden: [{
@@ -777,8 +777,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
777
777
  type: Input
778
778
  }], showCallMeBack: [{
779
779
  type: Input
780
- }], CountryCode: [{
781
- type: Input
782
780
  }] } });
783
781
 
784
782
  class AfConnectRadioGroupComponent {
@@ -2859,11 +2857,11 @@ class AfConnectSolutionsProductV2Component {
2859
2857
  this.linkClick.emit(this._variant);
2860
2858
  }
2861
2859
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2862
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, taxTimPromoCodeEffectiveFrom: { classPropertyName: "taxTimPromoCodeEffectiveFrom", publicName: "taxTimPromoCodeEffectiveFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigateToProduct: "navigateToProduct", linkClick: "linkClick" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"https://media.taxtim.com/images/taxtim_logo_footer.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
2860
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, taxTimPromoCodeEffectiveFrom: { classPropertyName: "taxTimPromoCodeEffectiveFrom", publicName: "taxTimPromoCodeEffectiveFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigateToProduct: "navigateToProduct", linkClick: "linkClick" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n <div class=\"product__img-wrapper\">\r\n <img class=\"product__img\" [src]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"assets/icons/taxtim_logo.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
2863
2861
  }
2864
2862
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
2865
2863
  type: Component,
2866
- 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]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"https://media.taxtim.com/images/taxtim_logo_footer.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"] }]
2864
+ 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]=\"'/assets/images/' + content.imgWeb\">\r\n </div>\r\n <div class=\"product__content\">\r\n <div class=\"product__floating-header\" [class.hide-arrow]=\"content.hideArrowIcon\">\r\n <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n <div class=\"product__floating-header-inner\" [class.no-text]=\"!content.subheading\">\r\n @if (variant !== 'taxTim') {\r\n <span class=\"product__description\">{{ content.subheading }}</span>\r\n }\r\n @else {\r\n <img src=\"assets/icons/taxtim_logo.svg\" alt=\"TaxTim\" width=\"104px\">\r\n }\r\n @if(!content.hideArrowIcon){\r\n <a *ngIf=\"content.ctaLink; else anchorTemplate \" class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.ctaLink\"\r\n target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n }\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]=\"'/assets/icons/' + label.img\" width=\"40px\">\r\n }\r\n @else {\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n }\r\n <span [innerHTML]=\"label.text | safeHtml\"></span>\r\n </li>\r\n }\r\n @if (variant === 'taxTim') {\r\n <li class=\"product__list-item\">\r\n <img [src]=\"'/assets/icons/checkmark-teal.svg'\" alt=\"checkmark\" width=\"32\" height=\"32\">\r\n <span [innerHTML]=\"taxTimPromoCodeListItem() | safeHtml\"></span>\r\n </li>\r\n }\r\n </ul>\r\n @if (content.bottomCtaTitle && content.bottomCtaLink) {\r\n <div class=\"product__bottom-cta\">\r\n <span >\r\n {{ content.bottomCtaTitle }}\r\n </span>\r\n <a class=\"product__link\" (click)=\"onLinkClick()\" [href]=\"content.bottomCtaLink\" target=\"_blank\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n\r\n<ng-template #anchorTemplate>\r\n <a class=\"product__link\" href=\"javascript:void(0)\" (click)=\"onClick()\">\r\n <img [src]=\"'/assets/icons/chevron-right-rounded.svg'\" alt=\"chevron\">\r\n </a>\r\n</ng-template>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}.product__content .product__floating-header.hide-arrow{height:100px}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1.8rem}@media (max-width: 1024px){.product__content .product__floating-header .product__floating-header-inner.no-text{margin-top:-1rem}}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{align-self:flex-start;width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:12px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:10px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header,.product.botEducation .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,.product.botEducation .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,.product.botEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header,.product.botDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content,.product.botDebt .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),.product.botDebt .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),.product.botDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text,.product.botDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header,.product.will .product__floating-header,.product.botJobs .product__floating-header,.product.education .product__floating-header{background-color:#f69521}.product.taxTim .product__floating-header{background-color:#124e57}.product.taxTim .product__floating-header h3.product__heading{min-height:78.25px}@container floating-header (width < 264px){.product.taxTim .product__floating-header h3.product__heading{min-height:72.75px}}@container floating-header (width < 248px){.product.taxTim .product__floating-header h3.product__heading{min-height:67.25px}}@container floating-header (width < 232px){.product.taxTim .product__floating-header h3.product__heading{min-height:60px}}.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:20px}@media (max-width: 1024px){.product.taxTim .product__content .product__list .product__list-item:not(:last-child){margin-bottom:18px}}.product.wellTec .product__floating-header{background-color:#ff531d}.product.will h3.product__heading{white-space:nowrap}.product.rewards .product__floating-header{background-color:#f69521}.product.invest .product__floating-header{background-color:#f15a22}.product__bottom-cta{display:flex;align-items:center;margin-top:1.75rem;gap:1rem}@media (max-width: 1024px){.product__bottom-cta{margin-top:18px}}.product__bottom-cta span{color:#ff531d;font-weight:600}.product__bottom-cta a{display:block-inline;height:auto;width:1.5rem;background:var(--primary-orange-mobile-color);border-radius:50%;overflow:hidden}.product__bottom-cta a>img{display:block;width:1.5rem;height:1.5rem;transform:scale(1.5)}.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:24px}@media (max-width: 1024px){.product.invest .product__content .product__list .product__list-item:not(:last-child),.product.education .product__content .product__list .product__list-item:not(:last-child){margin-bottom:22px}}\n"] }]
2867
2865
  }], propDecorators: { variant: [{
2868
2866
  type: Input
2869
2867
  }], navigateToProduct: [{