af-connect-components 18.0.16 → 18.0.18

package/fesm2022/af-connect-components.mjs

@@ -41,6 +41,450 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
   ` }]
         }] });
 
+const configs = {
+    'ZA': {
+        sections: [
+            {
+                title: 'Company',
+                sectionItems: [
+                    {
+                        title: 'Investor relations',
+                        link: 'https://investors.alexforbes.com/'
+                    },
+                    {
+                        title: 'Careers',
+                        link: 'https://www.alexforbes.com/za/en/about/careers.html'
+                    },
+                    {
+                        title: 'Procurement',
+                        link: 'https://www.alexforbes.com/za/en/about/procurement.html'
+                    },
+                    {
+                        title: 'Risk & compliance',
+                        link: 'https://investors.alexforbes.com/governance/#1649142494218-25325-08da'
+                    },
+                ]
+            },
+            {
+                title: 'Resources',
+                sectionItems: [
+                    {
+                        title: 'Business directory',
+                        link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
+                    },
+                    {
+                        title: 'Call me back',
+                        link: 'https://kfta.app.alexanderforbes.co.za/TotalAgility/Forms/Digital/Contact_Us.form',
+                        isHidden: true
+                    },
+                    {
+                        title: 'Compliments',
+                        link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
+                    },
+                    {
+                        title: 'Complaints',
+                        link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
+                    },
+                    {
+                        title: 'Report fraud',
+                        link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
+                    },
+                    {
+                        title: 'Unclaimed benefits',
+                        link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
+                    },
+                ]
+            },
+        ],
+        address: [
+            {
+                title: 'Head Office',
+                sectionItems: [
+                    {
+                        title: 'Contact information',
+                        bold: false
+                    },
+                    {
+                        title: 'Email : info@alexforbes.com',
+                    },
+                    {
+                        title: 'Telephone : +27 11 269 0000',
+                    },
+                    {
+                        title: 'Fax : +27 11 263 0149',
+                    },
+                ]
+            },
+            {
+                title: '',
+                sectionItems: [
+                    {
+                        title: 'Address',
+                        bold: false
+                    },
+                    {
+                        title: 'Alexforbes',
+                    },
+                    {
+                        title: '115 West Street',
+                    },
+                    {
+                        title: 'Sandton, 2196',
+                    },
+                ]
+            },
+        ],
+        bannerTitle: 'Copyright 2024 Alexander Forbes Group Holdings Limited.',
+        instagram: {
+            link: 'https://www.instagram.com/alexforbesofficial',
+            isHidden: false,
+        },
+        linkedIn: {
+            link: 'https://www.linkedin.com/company/alexforbesofficial',
+            isHidden: false,
+        },
+        facebook: {
+            link: 'https://www.facebook.com/alexforbesofficial/',
+            isHidden: false,
+        },
+        twitter: {
+            link: 'https://twitter.com/alexforbes',
+            isHidden: false,
+        },
+        whatsapp: {
+            link: 'https://api.whatsapp.com/send/?phone=27600439601&text=help&type=phone_number&app_absent=0',
+            isHidden: false,
+        }
+    },
+    'NA': {
+        sections: [
+            {
+                title: 'Company',
+                sectionItems: [
+                    {
+                        title: 'Investor relations',
+                        link: 'https://investors.alexforbes.com/'
+                    },
+                    {
+                        title: 'Careers',
+                        link: 'https://www.alexforbes.com/na/en/about/careers.html'
+                    },
+                    {
+                        title: 'Procurement',
+                        link: 'https://www.alexforbes.com/na/en/about/procurement.html'
+                    },
+                    {
+                        title: 'Risk & compliance',
+                        link: 'https://investors.alexforbes.com/governance/#1649142494218-25325-08da'
+                    },
+                ]
+            },
+            {
+                title: 'Resources',
+                sectionItems: [
+                    {
+                        title: 'Business directory',
+                        link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
+                    },
+                    {
+                        title: 'Report fraud',
+                        link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
+                    },
+                    {
+                        title: 'Complaints',
+                        link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
+                    },
+                ]
+            },
+        ],
+        address: [
+            {
+                title: 'Namibia',
+                sectionItems: [
+                    {
+                        title: 'Contact information',
+                        bold: false
+                    },
+                    {
+                        title: 'Email: AFFSNamibia@alexforbes.com',
+                    },
+                    {
+                        title: 'Telephone: +264 (61) 293 7000',
+                    },
+                ]
+            },
+            {
+                title: '',
+                sectionItems: [
+                    {
+                        title: 'Address',
+                        bold: false
+                    },
+                    {
+                        title: 'Alexforbes House, 1st Floor ',
+                    },
+                    {
+                        title: 'c/o Independence Avenue & Fidel Castro Street',
+                    },
+                    {
+                        title: 'Windhoek, Namibia',
+                    },
+                ]
+            },
+        ],
+        bannerTitle: 'Copyright 2024 Alexander Forbes Group Holdings Limited.',
+        instagram: {
+            link: 'https://www.instagram.com/alexforbesofficial',
+            isHidden: false,
+        },
+        linkedIn: {
+            link: 'https://na.linkedin.com/showcase/alexforbesnamibia',
+            isHidden: false,
+        },
+        facebook: {
+            link: 'https://www.facebook.com/alexforbesnamibia/',
+            isHidden: false,
+        },
+        twitter: {
+            link: 'https://twitter.com/alexforbes',
+            isHidden: false,
+        },
+        whatsapp: {
+            link: 'https://api.whatsapp.com/send/?phone=27600439601&text=help&type=phone_number&app_absent=0',
+            isHidden: true,
+        }
+    }
+};
+/**
+   Footer component for AF Angular Websites. A config object can be passed to change data partially or fully.
+
+   public exampleTestConfig: FooterConfig = {
+    bannerTitle: 'test'
+   }
+
+   Passing the exampleTestConfig will replace only the banner. Everything else will be loaded from the default config.
+
+
+   defaultConfig: FooterConfig = {
+  sections: [
+    {
+      title: 'COMPANY',
+      sectionItems: [
+        {
+          title: 'Investor relations',
+          link: 'https://investors.alexforbes.com/'
+        },
+        {
+          title: 'Careers',
+          link: 'https://www.alexforbes.com/za/en/about/careers.html'
+        },
+        {
+          title: 'Procurement',
+          link: 'https://www.alexforbes.com/za/en/about/procurement.html'
+        },
+        {
+          title: 'Risk & Compliance',
+          link: 'https://www.alexanderforbesinvestments.co.za/about-us/risk-and-compliance'
+        },
+      ]
+    },
+    {
+      title: 'RESOURCES',
+      sectionItems: [
+        {
+          title: 'Business directory',
+          link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
+        },
+        {
+          title: 'Compliments',
+          link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
+        },
+        {
+          title: 'Complaints',
+          link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
+        },
+        {
+          title: 'Report fraud',
+          link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
+        },
+        {
+          title: 'Unclaimed benefits',
+          link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
+        },
+      ]
+    },
+  ],
+  address: [
+    {
+      title: 'Head Office',
+      sectionItems: [
+        {
+          title: 'Contact information',
+        },
+        {
+          title: 'Email : info@alexforbes.com',
+        },
+        {
+          title: 'Telephone : +27 11 269 0000',
+        },
+        {
+          title: 'Fax : +27 11 263 0149',
+        },
+      ]
+    },
+    {
+      title: '',
+      sectionItems: [
+        {
+          title: 'Address',
+        },
+        {
+          title: 'Alexforbes',
+        },
+        {
+          title: '115 West Street',
+        },
+        {
+          title: 'Sandton, 2196',
+        },
+      ]
+    },
+  ],
+  bannerTitle: 'Copyright 2022 Alexander Forbes Group Holdings Limited.',
+  instagram: {
+    link: 'https://www.instagram.com/alexforbesofficial',
+    isHidden: false,
+  },
+  linkedIn: {
+    link: 'https://www.linkedin.com/company/alexforbesofficial',
+    isHidden: false,
+  },
+  facebook: {
+    link: 'https://www.facebook.com/alexforbesofficial/',
+    isHidden: false,
+  },
+  twitter: {
+    link: 'https://twitter.com/alexforbes',
+    isHidden: false,
+  }
+}
+   */
+/*
+public defaultConfig: FooterConfig = {
+  sections: [
+    {
+      title: 'Company',
+      sectionItems: [
+        {
+          title: 'Investor relations',
+          link: 'https://investors.alexforbes.com/'
+        },
+        {
+          title: 'Careers',
+          link: 'https://www.alexforbes.com/za/en/about/careers.html'
+        },
+        {
+          title: 'Procurement',
+          link: 'https://www.alexforbes.com/za/en/about/procurement.html'
+        },
+        {
+          title: 'Risk & compliance',
+          link: 'https://investors.alexforbes.com/governance/#1649142494218-25325-08da'
+        },
+      ]
+    },
+    {
+      title: 'Resources',
+      sectionItems: [
+        {
+          title: 'Business directory',
+          link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
+        },
+        {
+          title: 'Call me back',
+          link: 'https://kfta.app.alexanderforbes.co.za/TotalAgility/Forms/Digital/Contact_Us.form',
+          isHidden: true
+        },
+        {
+          title: 'Compliments',
+          link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
+        },
+        {
+          title: 'Complaints',
+          link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
+        },
+        {
+          title: 'Report fraud',
+          link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
+        },
+        {
+          title: 'Unclaimed benefits',
+          link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
+        },
+      ]
+    },
+  ],
+  address: [
+    {
+      title: 'Head Office',
+      sectionItems: [
+        {
+          title: 'Contact information',
+          bold: false
+        },
+        {
+          title: 'Email : info@alexforbes.com',
+        },
+        {
+          title: 'Telephone : +27 11 269 0000',
+        },
+        {
+          title: 'Fax : +27 11 263 0149',
+        },
+      ]
+    },
+    {
+      title: '',
+      sectionItems: [
+        {
+          title: 'Address',
+          bold: false
+        },
+        {
+          title: 'Alexforbes',
+        },
+        {
+          title: '115 West Street',
+        },
+        {
+          title: 'Sandton, 2196',
+        },
+      ]
+    },
+  ],
+  bannerTitle: 'Copyright 2024 Alexander Forbes Group Holdings Limited.',
+  instagram: {
+    link: 'https://www.instagram.com/alexforbesofficial',
+    isHidden: false,
+  },
+  linkedIn: {
+    link: 'https://www.linkedin.com/company/alexforbesofficial',
+    isHidden: false,
+  },
+  facebook: {
+    link: 'https://www.facebook.com/alexforbesofficial/',
+    isHidden: false,
+  },
+  twitter: {
+    link: 'https://twitter.com/alexforbes',
+    isHidden: false,
+  },
+  whatsapp: {
+    link:'https://api.whatsapp.com/send/?phone=27600439601&text=help&type=phone_number&app_absent=0',
+    isHidden: false,
+  }
+}*/
+
 class BreakpointLibService {
     constructor(responsive) {
         this.responsive = responsive;
@@ -151,242 +595,15 @@ const DEFAULT_COLOR = '#15808D';
 class AfConnectFooterComponent {
     constructor(breakpointService) {
         this.breakpointService = breakpointService;
+        this._countryCode = 'ZA';
         this.config = undefined;
         this.isBottomBannerHidden = false;
         this.isFooterContentHidden = false;
         this.backgroundColor = DEFAULT_COLOR;
         this.centered = false;
-        /**
-           Footer component for AF Angular Websites. A config object can be passed to change data partially or fully.
-      
-           public exampleTestConfig: FooterConfig = {
-            bannerTitle: 'test'
-           }
-      
-           Passing the exampleTestConfig will replace only the banner. Everything else will be loaded from the default config.
-      
-      
-           defaultConfig: FooterConfig = {
-          sections: [
-            {
-              title: 'COMPANY',
-              sectionItems: [
-                {
-                  title: 'Investor relations',
-                  link: 'https://investors.alexforbes.com/'
-                },
-                {
-                  title: 'Careers',
-                  link: 'https://www.alexforbes.com/za/en/about/careers.html'
-                },
-                {
-                  title: 'Procurement',
-                  link: 'https://www.alexforbes.com/za/en/about/procurement.html'
-                },
-                {
-                  title: 'Risk & Compliance',
-                  link: 'https://www.alexanderforbesinvestments.co.za/about-us/risk-and-compliance'
-                },
-              ]
-            },
-            {
-              title: 'RESOURCES',
-              sectionItems: [
-                {
-                  title: 'Business directory',
-                  link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
-                },
-                {
-                  title: 'Compliments',
-                  link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
-                },
-                {
-                  title: 'Complaints',
-                  link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
-                },
-                {
-                  title: 'Report fraud',
-                  link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
-                },
-                {
-                  title: 'Unclaimed benefits',
-                  link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
-                },
-              ]
-            },
-          ],
-          address: [
-            {
-              title: 'Head Office',
-              sectionItems: [
-                {
-                  title: 'Contact information',
-                },
-                {
-                  title: 'Email : info@alexforbes.com',
-                },
-                {
-                  title: 'Telephone : +27 11 269 0000',
-                },
-                {
-                  title: 'Fax : +27 11 263 0149',
-                },
-              ]
-            },
-            {
-              title: '',
-              sectionItems: [
-                {
-                  title: 'Address',
-                },
-                {
-                  title: 'Alexforbes',
-                },
-                {
-                  title: '115 West Street',
-                },
-                {
-                  title: 'Sandton, 2196',
-                },
-              ]
-            },
-          ],
-          bannerTitle: 'Copyright 2022 Alexander Forbes Group Holdings Limited.',
-          instagram: {
-            link: 'https://www.instagram.com/alexforbesofficial',
-            isHidden: false,
-          },
-          linkedIn: {
-            link: 'https://www.linkedin.com/company/alexforbesofficial',
-            isHidden: false,
-          },
-          facebook: {
-            link: 'https://www.facebook.com/alexforbesofficial/',
-            isHidden: false,
-          },
-          twitter: {
-            link: 'https://twitter.com/alexforbes',
-            isHidden: false,
-          }
-        }
-           */
-        this.defaultConfig = {
-            sections: [
-                {
-                    title: 'Company',
-                    sectionItems: [
-                        {
-                            title: 'Investor relations',
-                            link: 'https://investors.alexforbes.com/'
-                        },
-                        {
-                            title: 'Careers',
-                            link: 'https://www.alexforbes.com/za/en/about/careers.html'
-                        },
-                        {
-                            title: 'Procurement',
-                            link: 'https://www.alexforbes.com/za/en/about/procurement.html'
-                        },
-                        {
-                            title: 'Risk & compliance',
-                            link: 'https://investors.alexforbes.com/governance/#1649142494218-25325-08da'
-                        },
-                    ]
-                },
-                {
-                    title: 'Resources',
-                    sectionItems: [
-                        {
-                            title: 'Business directory',
-                            link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
-                        },
-                        {
-                            title: 'Call me back',
-                            link: 'https://kfta.app.alexanderforbes.co.za/TotalAgility/Forms/Digital/Contact_Us.form',
-                            isHidden: true
-                        },
-                        {
-                            title: 'Compliments',
-                            link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
-                        },
-                        {
-                            title: 'Complaints',
-                            link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
-                        },
-                        {
-                            title: 'Report fraud',
-                            link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
-                        },
-                        {
-                            title: 'Unclaimed benefits',
-                            link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
-                        },
-                    ]
-                },
-            ],
-            address: [
-                {
-                    title: 'Head Office',
-                    sectionItems: [
-                        {
-                            title: 'Contact information',
-                            bold: false
-                        },
-                        {
-                            title: 'Email : info@alexforbes.com',
-                        },
-                        {
-                            title: 'Telephone : +27 11 269 0000',
-                        },
-                        {
-                            title: 'Fax : +27 11 263 0149',
-                        },
-                    ]
-                },
-                {
-                    title: '',
-                    sectionItems: [
-                        {
-                            title: 'Address',
-                            bold: false
-                        },
-                        {
-                            title: 'Alexforbes',
-                        },
-                        {
-                            title: '115 West Street',
-                        },
-                        {
-                            title: 'Sandton, 2196',
-                        },
-                    ]
-                },
-            ],
-            bannerTitle: 'Copyright 2024 Alexander Forbes Group Holdings Limited.',
-            instagram: {
-                link: 'https://www.instagram.com/alexforbesofficial',
-                isHidden: false,
-            },
-            linkedIn: {
-                link: 'https://www.linkedin.com/company/alexforbesofficial',
-                isHidden: false,
-            },
-            facebook: {
-                link: 'https://www.facebook.com/alexforbesofficial/',
-                isHidden: false,
-            },
-            twitter: {
-                link: 'https://twitter.com/alexforbes',
-                isHidden: false,
-            },
-            whatsapp: {
-                link: 'https://api.whatsapp.com/send/?phone=27600439601&text=help&type=phone_number&app_absent=0',
-                isHidden: false,
-            }
-        };
     }
     get getMobileAddress() {
-        const config = this.config ? this.config : this.defaultConfig;
+        const config = this.choosenConfig; //this.config ? this.config : this.defaultConfig;
         const addressData = config?.address?.find(address => !address.title)?.sectionItems;
         const titleString = addressData?.reduce((prev, curr, i) => {
             return `${prev}${i === 0 ? '' : ''}${i === 1 ? ' : ' : ''}${i > 1 ? ',' : ''} ${curr.title}`;
@@ -394,34 +611,42 @@ class AfConnectFooterComponent {
         return titleString || '';
     }
     set showCallMeBack(value) {
-        if (this.defaultConfig &&
-            this.defaultConfig.sections &&
-            this.defaultConfig.sections[1] &&
-            this.defaultConfig.sections[1].sectionItems &&
-            this.defaultConfig.sections[1].sectionItems[1]) {
-            this.defaultConfig.sections[1].sectionItems[1].isHidden = !value;
-            if (this.defaultConfig.address && this.defaultConfig.address[0] && this.defaultConfig.address[0].sectionItems) {
-                this.defaultConfig.address[0].sectionItems[0].bold = value;
+        //need to rewrie this
+        if (this._countryCode == 'ZA' &&
+            this.choosenConfig &&
+            this.choosenConfig.sections &&
+            this.choosenConfig.sections[1] &&
+            this.choosenConfig.sections[1].sectionItems &&
+            this.choosenConfig.sections[1].sectionItems[1]) {
+            this.choosenConfig.sections[1].sectionItems[1].isHidden = !value;
+            if (this.choosenConfig.address && this.choosenConfig.address[0] && this.choosenConfig.address[0].sectionItems) {
+                this.choosenConfig.address[0].sectionItems[0].bold = value;
             }
-            if (this.defaultConfig.address && this.defaultConfig.address[1] && this.defaultConfig.address[1].sectionItems) {
-                this.defaultConfig.address[1].sectionItems[0].bold = value;
+            if (this.choosenConfig.address && this.choosenConfig.address[1] && this.choosenConfig.address[1].sectionItems) {
+                this.choosenConfig.address[1].sectionItems[0].bold = value;
             }
             if (value) {
-                this.defaultConfig.sections[1].title = "Customer Resources";
-                let temp = this.defaultConfig.sections[1].sectionItems[2];
-                this.defaultConfig.sections[1].sectionItems[2] = this.defaultConfig.sections[1].sectionItems[3];
-                this.defaultConfig.sections[1].sectionItems[3] = temp;
+                this.choosenConfig.sections[1].title = "Customer Resources";
+                let temp = this.choosenConfig.sections[1].sectionItems[2];
+                this.choosenConfig.sections[1].sectionItems[2] = this.choosenConfig.sections[1].sectionItems[3];
+                this.choosenConfig.sections[1].sectionItems[3] = temp;
             }
         }
     }
+    set CountryCode(value) {
+        this._countryCode = value ?? 'ZA';
+    }
+    get choosenConfig() {
+        return this.config ? this.config : configs[this._countryCode];
+    }
     openLegalTerms() {
-        window.open('https://myapi.alexanderforbes.co.za/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf');
+        window.open('https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf');
     }
     openPrivacyPolicy() {
-        window.open('https://myapi.alexanderforbes.co.za/content/download/afinvestments/investmentsolutionspdffiles?path=Privacy_Policy.pdf');
+        window.open('https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Privacy_Policy.pdf');
     }
     openPaiaManual() {
-        window.open('https://myapi.alexanderforbes.co.za/content/download/afinvestments/investmentsolutionspdffiles?path=PAIA_Manual.pdf');
+        window.open('https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=PAIA_Manual.pdf');
     }
     getFooterStyling() {
         if (this.centered) {
@@ -437,11 +662,11 @@ class AfConnectFooterComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectFooterComponent, deps: [{ token: BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
-    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" }, 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 config?.sections?.length ? config?.sections : defaultConfig.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 config?.address?.length ? config?.address : defaultConfig.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' }\">{{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 config?.sections?.length ? config?.sections : defaultConfig.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 config?.address?.length ? config?.address : defaultConfig.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            {{config?.bannerTitle ? config?.bannerTitle : defaultConfig.bannerTitle}}\r\n            <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms | </span>\r\n            <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy | </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=\"!config?.instagram?.isHidden\" class=\"image-container\" [href]=\"config?.instagram?.link ? config?.instagram?.link : defaultConfig.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=\"!config?.linkedIn?.isHidden\" class=\"image-container\" [href]=\"config?.linkedIn?.link ? config?.linkedIn?.link : defaultConfig.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=\"!config?.facebook?.isHidden\" class=\"image-container\" [href]=\"config?.facebook?.link ? config?.facebook?.link : defaultConfig.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=\"!config?.twitter?.isHidden\" class=\"image-container\" [href]=\"config?.twitter?.link ? config?.twitter?.link : defaultConfig.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=\"!config?.whatsapp?.isHidden\" class=\"image-container\" [href]=\"config?.whatsapp?.link ? config?.whatsapp?.link : defaultConfig.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}}.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" }] }); }
+    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' }\">{{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-links\" (click)=\"openPrivacyPolicy()\">Privacy policy | </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}}.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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectFooterComponent, decorators: [{
             type: Component,
-            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 config?.sections?.length ? config?.sections : defaultConfig.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 config?.address?.length ? config?.address : defaultConfig.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' }\">{{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 config?.sections?.length ? config?.sections : defaultConfig.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 config?.address?.length ? config?.address : defaultConfig.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            {{config?.bannerTitle ? config?.bannerTitle : defaultConfig.bannerTitle}}\r\n            <span class=\"title-links\" (click)=\"openLegalTerms()\">Legal terms | </span>\r\n            <span class=\"title-links\" (click)=\"openPrivacyPolicy()\">Privacy policy | </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=\"!config?.instagram?.isHidden\" class=\"image-container\" [href]=\"config?.instagram?.link ? config?.instagram?.link : defaultConfig.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=\"!config?.linkedIn?.isHidden\" class=\"image-container\" [href]=\"config?.linkedIn?.link ? config?.linkedIn?.link : defaultConfig.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=\"!config?.facebook?.isHidden\" class=\"image-container\" [href]=\"config?.facebook?.link ? config?.facebook?.link : defaultConfig.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=\"!config?.twitter?.isHidden\" class=\"image-container\" [href]=\"config?.twitter?.link ? config?.twitter?.link : defaultConfig.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=\"!config?.whatsapp?.isHidden\" class=\"image-container\" [href]=\"config?.whatsapp?.link ? config?.whatsapp?.link : defaultConfig.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}}.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"] }]
+            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' }\">{{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-links\" (click)=\"openPrivacyPolicy()\">Privacy policy | </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}}.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"] }]
         }], ctorParameters: () => [{ type: BreakpointLibService }], propDecorators: { config: [{
                 type: Input
             }], isBottomBannerHidden: [{
@@ -454,6 +679,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], showCallMeBack: [{
                 type: Input
+            }], CountryCode: [{
+                type: Input
             }] } });
 
 class AfConnectRadioGroupComponent {
@@ -2197,6 +2424,7 @@ const data = {
         heading: 'My money matters',
         imgWeb: 'solutions-mmm-v2.jpg',
         subheading: 'Get the most out of your money',
+        description: 'Explore My Money Matters Toolkit',
         ctaLink: 'https://mymoneymatters.alexforbes.com/',
         labels: [
             {
@@ -2226,7 +2454,61 @@ const data = {
                 text: 'Partner with your own financial adviser'
             }
         ]
-    }
+    },
+    'namEducation': {
+        heading: 'Member Education Matters',
+        imgWeb: 'nam_s4u_pier.png',
+        subheading: '',
+        description: 'Key financial topics to help you make informed decisions.',
+        ctaLink: 'https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf',
+        labels: [
+            {
+                text: 'Understand retirement savings and benefit options.'
+            },
+            {
+                text: 'Learn how to manage debt and improve financial wellness.'
+            },
+            {
+                text: 'Get guidance on insurance and financial protection.'
+            }
+        ]
+    },
+    'namDebt': {
+        heading: 'Managing Debt Wisely',
+        imgWeb: 'nam_s4u_sunset_tree.png',
+        subheading: '',
+        description: 'Simple ways to reduce dept and improve your finances',
+        ctaLink: 'https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf',
+        labels: [
+            {
+                text: 'Understand your credit score and overall debt risk.'
+            },
+            {
+                text: 'Pay more toward high-interest debt to reduce it faster.'
+            },
+            {
+                text: 'Create a repayment plan and review it regularly.'
+            }
+        ]
+    },
+    'namJobs': {
+        heading: 'Changing Jobs?',
+        imgWeb: 'nam_s4u_broadwalk.png',
+        subheading: 'Keep your retirement savings invested.',
+        description: 'Maintain emergency savings and adequate insurance',
+        ctaLink: 'https://gw.api.alexforbes.com/content/download/afinvestments/investmentsolutionspdffiles?path=Legal_Terms.pdf',
+        labels: [
+            {
+                text: 'Contribute as much as possible.'
+            },
+            {
+                text: 'Manage debt wisely.'
+            },
+            {
+                text: 'Consult a financial adviser for guidance.'
+            }
+        ]
+    },
 };
 
 class AfConnectSolutionsProductV2Component {
@@ -2241,11 +2523,11 @@ class AfConnectSolutionsProductV2Component {
         this.content = data[value];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n  <div class=\"product__img-wrapper\">\r\n    <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n  </div>\r\n  <div class=\"product__content\">\r\n    <div class=\"product__floating-header\">\r\n      <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n      <div class=\"product__floating-header-inner\">\r\n        <span class=\"product__description\">{{ content.subheading }}</span>\r\n        <a class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n          <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <ul class=\"product__list\">\r\n      @if (variant === 'myMoneyMatters') {\r\n        <p class=\"product__free-text\">\r\n          Explore My Money Matters Toolkit\r\n        </p>\r\n      }\r\n      @for (label of content.labels; track $index) {\r\n        <li class=\"product__list-item\">\r\n        @if (label.img) {\r\n          <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n        }\r\n        @else {\r\n          <img \r\n            [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n            alt=\"checkmark\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n          >\r\n        }\r\n        <span>{{ label.text }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</section>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductV2Component, selector: "lib-af-connect-solutions-product-v2", inputs: { imgBaseUrl: "imgBaseUrl", variant: "variant" }, ngImport: i0, template: "<section [ngClass]=\"['product', variant]\">\r\n  <div class=\"product__img-wrapper\">\r\n    <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n  </div>\r\n  <div class=\"product__content\">\r\n    <div class=\"product__floating-header\">\r\n      <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n      <div class=\"product__floating-header-inner\">\r\n        <span class=\"product__description\">{{ content.subheading }}</span>\r\n        <a class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n          <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <ul class=\"product__list\">\r\n      @if (content.description) {\r\n        <p class=\"product__free-text\">\r\n          {{ content.description }}\r\n        </p>\r\n      }\r\n      @for (label of content.labels; track $index) {\r\n        <li class=\"product__list-item\">\r\n        @if (label.img) {\r\n          <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n        }\r\n        @else {\r\n          <img \r\n            [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n            alt=\"checkmark\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n          >\r\n        }\r\n        <span>{{ label.text }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</section>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n  <div class=\"product__img-wrapper\">\r\n    <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n  </div>\r\n  <div class=\"product__content\">\r\n    <div class=\"product__floating-header\">\r\n      <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n      <div class=\"product__floating-header-inner\">\r\n        <span class=\"product__description\">{{ content.subheading }}</span>\r\n        <a class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n          <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <ul class=\"product__list\">\r\n      @if (variant === 'myMoneyMatters') {\r\n        <p class=\"product__free-text\">\r\n          Explore My Money Matters Toolkit\r\n        </p>\r\n      }\r\n      @for (label of content.labels; track $index) {\r\n        <li class=\"product__list-item\">\r\n        @if (label.img) {\r\n          <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n        }\r\n        @else {\r\n          <img \r\n            [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n            alt=\"checkmark\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n          >\r\n        }\r\n        <span>{{ label.text }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</section>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header{background-color:#f69521}\n"] }]
+            args: [{ selector: 'lib-af-connect-solutions-product-v2', template: "<section [ngClass]=\"['product', variant]\">\r\n  <div class=\"product__img-wrapper\">\r\n    <img class=\"product__img\" [src]=\"imgBaseUrl + content.imgWeb\">\r\n  </div>\r\n  <div class=\"product__content\">\r\n    <div class=\"product__floating-header\">\r\n      <h3 class=\"product__heading\">{{ content.heading }}</h3>\r\n      <div class=\"product__floating-header-inner\">\r\n        <span class=\"product__description\">{{ content.subheading }}</span>\r\n        <a class=\"product__link\" [href]=\"content.ctaLink\" target=\"_blank\">\r\n          <img [src]=\"imgBaseUrl + 'chevron-right-rounded.svg'\" alt=\"chevron\">\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <ul class=\"product__list\">\r\n      @if (content.description) {\r\n        <p class=\"product__free-text\">\r\n          {{ content.description }}\r\n        </p>\r\n      }\r\n      @for (label of content.labels; track $index) {\r\n        <li class=\"product__list-item\">\r\n        @if (label.img) {\r\n          <img [src]=\"imgBaseUrl + label.img\" width=\"40px\">\r\n        }\r\n        @else {\r\n          <img \r\n            [src]=\"imgBaseUrl + 'checkmark-teal.svg'\"\r\n            alt=\"checkmark\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n          >\r\n        }\r\n        <span>{{ label.text }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n</section>", styles: [":host{display:block}.product{height:100%;background-color:#ddebee;color:#061426;min-width:332px;max-width:388px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 1024px){.product{min-width:auto;width:312px}}.product__img-wrapper{aspect-ratio:194/137}.product__img-wrapper .product__img{display:block;width:100%;height:100%;object-fit:cover}.product__content{margin-top:-128px;padding:36px;position:relative;z-index:1}.product__content .product__floating-header{border-radius:10px;color:#fff;padding:18px 24px;margin-bottom:24px;container:floating-header/inline-size}@media (max-width: 1024px){.product__content .product__floating-header{margin-bottom:18px;padding:16px}}.product__content .product__floating-header .product__floating-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product__content .product__floating-header .product__heading{margin-block:0 6px;font-size:28px;font-family:var(--standard-font-family-hero-new-semibold)}@container floating-header (width < 264px){.product__content .product__floating-header .product__heading{font-size:26px}}@container floating-header (width < 248px){.product__content .product__floating-header .product__heading{font-size:24px}}@container floating-header (width < 232px){.product__content .product__floating-header .product__heading{font-size:22px}}.product__content .product__floating-header .product__description{font-family:var(--standard-font-family-hero-new-semibold);max-width:180px}.product__content .product__floating-header .product__link{text-decoration:none;color:#fff}.product__content .product__floating-header .product__link img{display:block;width:42px;height:42px}@media (max-width: 1024px){.product__content .product__floating-header .product__link img{width:32px;height:32px}}.product__content .product__list{padding:0;margin:0;list-style:none}.product__content .product__list .product__list-item{display:flex;align-items:center;gap:16px}.product__content .product__list .product__list-item img{width:32px;height:32px}.product__content .product__list .product__list-item:not(:last-child){margin-bottom:28px}@media (max-width: 1024px){.product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}@media (max-width: 1024px){.product__content{padding:26px}}.product.afplus .product__floating-header,.product.namEducation .product__floating-header{background-color:#124e57}.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:40px;height:40px}@media (max-width: 1024px){.product.afplus .product__content .product__list .product__list-item img,.product.namEducation .product__content .product__list .product__list-item img{width:32px;height:32px}}.product.myMoneyMatters .product__floating-header,.product.namDebt .product__floating-header{background-color:#ff531d}.product.myMoneyMatters .product__content,.product.namDebt .product__content{padding-bottom:25px}.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:16px}@media (max-width: 1024px){.product.myMoneyMatters .product__content .product__list .product__list-item:not(:last-child),.product.namDebt .product__content .product__list .product__list-item:not(:last-child){margin-bottom:14px}}.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-block:0 17px}@media (max-width: 1024px){.product.myMoneyMatters .product__free-text,.product.namDebt .product__free-text{margin-bottom:10px}}.product.advice .product__floating-header,.product.namJobs .product__floating-header{background-color:#f69521}\n"] }]
         }], propDecorators: { imgBaseUrl: [{
                 type: Input
             }], variant: [{