npm - @eui/ecl - Versions diffs - 18.0.0-next.13 → 18.0.0-next.14 - Mend

@eui/ecl 18.0.0-next.13 → 18.0.0-next.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (259) hide show

package/esm2022/lib/components/ecl-site-footer/ecl-footer-elements/eu/ecl-site-footer-fixed-content.mjs CHANGED Viewed

@@ -30,13 +30,13 @@ export class EclSiteFooterFixedContentEUComponent extends ECLBaseDirective {
             return this.defaultLanguage;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: [{ token: i1.TranslateService }, { token: i2.EclLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isCore\">\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isCore\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: i5.EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: i6.EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: i7.EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: i8.EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: i9.EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: i7.EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: i9.EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: i8.EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: i8.EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: i8.EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: [{ token: i1.TranslateService }, { token: i2.EclLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isCore\">\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isCore\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: i5.EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: i6.EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: i7.EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: i8.EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: i9.EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: i7.EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: i9.EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: i8.EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: i8.EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: i8.EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclSiteFooterFixedContentEUComponent.prototype, "isCore", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-footer-fixed-content-eu', template: "<ng-container *ngIf=\"isCore\">\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isCore\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    routerLink=\"/\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        {{ 'ecl.footer.CALL-US' | translate }}\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <h2 eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS' | translate }}\n                </h2>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-PARLIAMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.europarl.europa.eu/portal/{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-PARLIAMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COUNCIL' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/european-council/\">\n                            {{ 'ecl.footer.EUROPEAN-COUNCIL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COUNCIL-EU' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.consilium.europa.eu/{{ languageCode }}/home/\">\n                            {{ 'ecl.footer.COUNCIL-EU' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/index_{{ languageCode }}\">\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COURT-OF-JUSTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://curia.europa.eu/jcms/jcms/j_6/{{ languageCode }}\">\n                            {{ 'ecl.footer.COURT-OF-JUSTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html\">\n                            {{ 'ecl.footer.ECB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ECA' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eca.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.ECA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EEAS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://eeas.europa.eu/headquarters/headquarters-homepage_{{ languageCode }}\">\n                            {{ 'ecl.footer.EEAS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EESC' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://www.eesc.europa.eu/?i=portal.{{ languageCode }}.home\">\n                            {{ 'ecl.footer.EESC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COR' | translate\"\n                            variant=\"standalone\"\n                            href=\"http://cor.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.COR' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EIB' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.eib.org/{{ getSupportedLanguageForLinkEib() }}/index.htm\">\n                            {{ 'ecl.footer.EIB' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.OMBUDSMAN' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://www.ombudsman.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.OMBUDSMAN' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDPS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang={{ languageCode }}\">\n                            {{ 'ecl.footer.EDPS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.DATA-PROTECTION-BOARD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://edpb.europa.eu/edpb_{{ languageCode }}\">\n                            {{ 'ecl.footer.DATA-PROTECTION-BOARD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://epso.europa.eu/{{ languageCode }}\">\n                            {{ 'ecl.footer.PERSONNEL-SELECTION-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS-OFFICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://op.europa.eu/{{ languageCode }}/home\">\n                            {{ 'ecl.footer.PUBLICATIONS-OFFICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AGENCIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode\n                            }}?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU\">\n                            {{ 'ecl.footer.AGENCIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.EclLanguageService }], propDecorators: { isCore: [{

package/esm2022/lib/components/ecl-site-footer/ecl-site-footer.component.mjs CHANGED Viewed

@@ -33,13 +33,13 @@ export class EclSiteFooterComponent extends ECLBaseDirective {
             this.languageCode = langChangeEvent.lang;
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponent, deps: [{ token: i1.TranslateService }, { token: i2.EclLanguageService }, { token: i2.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteFooterComponent, selector: "ecl-site-footer", inputs: { isCore: "isCore" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__container\">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf=\"eclThemeService.isEC$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf=\"eclThemeService.isEU$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: i5.EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponent, deps: [{ token: i1.TranslateService }, { token: i2.EclLanguageService }, { token: i2.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteFooterComponent, selector: "ecl-site-footer", inputs: { isCore: "isCore" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__container\">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf=\"eclThemeService.isEC$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf=\"eclThemeService.isEU$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: i5.EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclSiteFooterComponent.prototype, "isCore", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-footer', template: "<div class=\"ecl-container ecl-site-footer__container\">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf=\"eclThemeService.isEC$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf=\"eclThemeService.isEU$ | async\"\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"getLanguageCode()\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.EclLanguageService }, { type: i2.EclThemeService }], propDecorators: { isCore: [{

package/esm2022/lib/components/ecl-site-footer/ecl-site-footer.module.mjs CHANGED Viewed

@@ -36,8 +36,8 @@ const COMPONENTS = [
     EclSiteFooterLogoImageDirective,
 ];
 export class EclSiteFooterComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponentModule, declarations: [EclSiteFooterFixedContentECComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponentModule, declarations: [EclSiteFooterFixedContentECComponent,
             EclSiteFooterFixedContentEUComponent,
             EclSiteFooterComponent,
             EclSiteFooterSectionDirective,
@@ -78,9 +78,9 @@ export class EclSiteFooterComponentModule {
             EclSiteFooterLogoImageDesktopDirective,
             EclSiteFooterPictureDirective,
             EclSiteFooterLogoImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponentModule, imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, TranslateModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponentModule, imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteFooterComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteFooterComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, TranslateModule],

package/esm2022/lib/components/ecl-site-header/action/ecl-site-header-action.component.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ export class EclSiteHeaderActionComponent extends ECLBaseDirective {
         super(...arguments);
         this.class = 'ecl-site-header__action';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderActionComponent, selector: "ecl-site-header-action", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ecl-site-header-login\"></ng-content>\n<ng-content select=\"ecl-site-header-language\"></ng-content>\n<ng-content select=\"ecl-site-header-search\"></ng-content>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderActionComponent, selector: "ecl-site-header-action", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ecl-site-header-login\"></ng-content>\n<ng-content select=\"ecl-site-header-language\"></ng-content>\n<ng-content select=\"ecl-site-header-search\"></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-action', template: "<ng-content select=\"ecl-site-header-login\"></ng-content>\n<ng-content select=\"ecl-site-header-language\"></ng-content>\n<ng-content select=\"ecl-site-header-search\"></ng-content>\n" }]
         }], propDecorators: { class: [{

package/esm2022/lib/components/ecl-site-header/banner-top/ecl-site-header-banner-top.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { ECLBaseDirective } from '../../ecl-base.directive';
 import * as i0 from "@angular/core";
 export class EclSiteHeaderBannerTopComponent extends ECLBaseDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderBannerTopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderBannerTopComponent, selector: "ecl-site-header-banner-top", usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__banner-top\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderBannerTopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderBannerTopComponent, selector: "ecl-site-header-banner-top", usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__banner-top\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderBannerTopComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderBannerTopComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-banner-top', template: "<div class=\"ecl-site-header__banner-top\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n" }]
         }] });

package/esm2022/lib/components/ecl-site-header/cta/ecl-site-header-cta.directive.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ export class EclSiteHeaderCtaDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderCtaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderCtaDirective, selector: "[eclSiteHeaderCta]", host: { properties: { "class.ecl-site-header__cta": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderCtaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderCtaDirective, selector: "[eclSiteHeaderCta]", host: { properties: { "class.ecl-site-header__cta": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderCtaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderCtaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteHeaderCta]',

package/esm2022/lib/components/ecl-site-header/ecl-site-header-environment/ecl-site-header-environment.component.mjs CHANGED Viewed

@@ -51,10 +51,10 @@ export class EclSiteHeaderEnvironmentComponent extends ECLBaseDirective {
             this.el.nativeElement.style.width = '100%';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderEnvironmentComponent, deps: [{ token: i0.ElementRef }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderEnvironmentComponent, selector: "[eclSiteHeaderEnvironment]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{position:absolute;width:100%;font-size:1.3rem;padding:.3rem;opacity:.6;text-align:center;transform:rotate(-10deg)}@media print{:host{display:none}}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderEnvironmentComponent, deps: [{ token: i0.ElementRef }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderEnvironmentComponent, selector: "[eclSiteHeaderEnvironment]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{position:absolute;width:100%;font-size:1.3rem;padding:.3rem;opacity:.6;text-align:center;transform:rotate(-10deg)}@media print{:host{display:none}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderEnvironmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderEnvironmentComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclSiteHeaderEnvironment]', template: '<ng-content></ng-content>', styles: [":host{position:absolute;width:100%;font-size:1.3rem;padding:.3rem;opacity:.6;text-align:center;transform:rotate(-10deg)}@media print{:host{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BreakpointObserver }], propDecorators: { cssClasses: [{

package/esm2022/lib/components/ecl-site-header/ecl-site-header.component.mjs CHANGED Viewed

@@ -65,13 +65,13 @@ export class EclSiteHeaderComponent extends ECLBaseDirective {
     getEULanguageCode() {
         return this.eclLanguageService.getEULanguageOrFallback(this.languageCode).code;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponent, deps: [{ token: i1.EclLanguageService }, { token: i2.TranslateService }, { token: i3.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderComponent, selector: "ecl-site-header", inputs: { logoUrl: "logoUrl", siteName: "siteName", languageCode: "languageCode" }, outputs: { logoClick: "logoClick", languageClick: "languageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }], viewQueries: [{ propertyName: "topContainerElement", first: true, predicate: ["topContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__header\">\n    <div class=\"ecl-site-header__container ecl-container\">\n        <div #topContainer class=\"ecl-site-header__top\">\n            <a\n                eclLink\n                variant=\"standalone\"\n                class=\"ecl-site-header__logo-link\"\n                href=\"https://ec.europa.eu/info/index_{{ getEULanguageCode() }}\"\n                (click)=\"onECLogoClick($event)\"\n                [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n                <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source srcset=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{  getEULanguageCode() }}.svg\" media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Commission logo\" />\n                    </picture>\n                </ng-container>\n\n                <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Union flag\" />\n                    </picture>\n                </ng-container>\n            </a>\n            <ng-content select=\"ecl-site-header-action\"></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n        <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language  -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponent, deps: [{ token: i1.EclLanguageService }, { token: i2.TranslateService }, { token: i3.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderComponent, selector: "ecl-site-header", inputs: { logoUrl: "logoUrl", siteName: "siteName", languageCode: "languageCode" }, outputs: { logoClick: "logoClick", languageClick: "languageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }], viewQueries: [{ propertyName: "topContainerElement", first: true, predicate: ["topContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__header\">\n    <div class=\"ecl-site-header__container ecl-container\">\n        <div #topContainer class=\"ecl-site-header__top\">\n            <a\n                eclLink\n                variant=\"standalone\"\n                class=\"ecl-site-header__logo-link\"\n                href=\"https://ec.europa.eu/info/index_{{ getEULanguageCode() }}\"\n                (click)=\"onECLogoClick($event)\"\n                [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n                <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source srcset=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{  getEULanguageCode() }}.svg\" media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Commission logo\" />\n                    </picture>\n                </ng-container>\n\n                <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Union flag\" />\n                    </picture>\n                </ng-container>\n            </a>\n            <ng-content select=\"ecl-site-header-action\"></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n        <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language  -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceElement
 ], EclSiteHeaderComponent.prototype, "topContainerElement", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header', template: "<div class=\"ecl-site-header__header\">\n    <div class=\"ecl-site-header__container ecl-container\">\n        <div #topContainer class=\"ecl-site-header__top\">\n            <a\n                eclLink\n                variant=\"standalone\"\n                class=\"ecl-site-header__logo-link\"\n                href=\"https://ec.europa.eu/info/index_{{ getEULanguageCode() }}\"\n                (click)=\"onECLogoClick($event)\"\n                [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n                <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source srcset=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{  getEULanguageCode() }}.svg\" media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/ec/logo/positive/logo-ec--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Commission logo\" />\n                    </picture>\n                </ng-container>\n\n                <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n                    <picture class=\"ecl-picture ecl-site-header__picture\" [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            class=\"ecl-site-header__logo-image\"\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ getEULanguageCode() }}.svg\"\n                            alt=\"European Union flag\" />\n                    </picture>\n                </ng-container>\n            </a>\n            <ng-content select=\"ecl-site-header-action\"></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n        <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language  -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.EclLanguageService }, { type: i2.TranslateService }, { type: i3.EclThemeService }], propDecorators: { logoUrl: [{

package/esm2022/lib/components/ecl-site-header/ecl-site-header.module.mjs CHANGED Viewed

@@ -34,8 +34,8 @@ const COMPONENTS = [
     EclSiteHeaderCtaDirective,
 ];
 export class EclSiteHeaderComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponentModule, declarations: [EclSiteHeaderComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponentModule, declarations: [EclSiteHeaderComponent,
             EclSiteHeaderActionComponent,
             EclSiteHeaderLoginComponent,
             EclSiteHeaderLoginDescriptionDirective,
@@ -66,7 +66,7 @@ export class EclSiteHeaderComponentModule {
             EclSiteHeaderEnvironmentComponent,
             EclSiteHeaderMessageComponent,
             EclSiteHeaderCtaDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponentModule, imports: [CommonModule,
             TranslateModule,
             FormsModule,
             ReactiveFormsModule,
@@ -76,7 +76,7 @@ export class EclSiteHeaderComponentModule {
             EclFormGroupComponentModule,
             EclSearchFormComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-site-header/language/ecl-site-header-language-popover.component.mjs CHANGED Viewed

@@ -53,10 +53,10 @@ export class EclSiteHeaderLanguagePopoverComponent extends ECLBaseDirective {
         this.languageSelected.next(new EclSiteHeaderLanguageSelectedEvent(language));
         evt.preventDefault();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderLanguagePopoverComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EclSiteHeaderLanguagePopoverComponent, selector: "ecl-site-header-language-popover", inputs: { languageCode: "languageCode", euLanguages: "euLanguages", nonEuLanguages: "nonEuLanguages", euColumnsCount: "euColumnsCount", nonEuColumnsCount: "nonEuColumnsCount", isHidden: "isHidden", isPushRight: "isPushRight", isStack: "isStack", isFull: "isFull", rightPosition: "rightPosition", languageArrowPosition: "languageArrowPosition" }, outputs: { languageClosed: "languageClosed", languageSelected: "languageSelected" }, host: { properties: { "style.right": "this.rightPosition", "style.--ecl-language-arrow-position": "this.languageArrowPosition", "attr.role": "this.role", "attr.aria-labelledby": "this.labelledBy", "class": "this.cssClasses", "attr.aria-modal": "this.isModal", "attr.hidden": "this.isDropdownHidden" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__language-header\">\n    <div class=\"ecl-site-header__language-title\">\n        {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n    </div>\n    <button eclButton variant=\"ghost\" class=\"ecl-site-header__language-close\" (click)=\"onCloseClick()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close-filled\" size=\"s\"> </ecl-icon>\n    </button>\n</div>\n\n<div class=\"ecl-site-header__language-content\" [class.ecl-site-header__language-content--stack]=\"isStack\">\n    <div *ngIf=\"euLanguages.length\" class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ euColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of euLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    variant=\"standalone\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n    <div\n        *ngIf=\"nonEuLanguages.length\"\n        class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ nonEuColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of nonEuLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "component", type: i3.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderLanguagePopoverComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclSiteHeaderLanguagePopoverComponent, selector: "ecl-site-header-language-popover", inputs: { languageCode: "languageCode", euLanguages: "euLanguages", nonEuLanguages: "nonEuLanguages", euColumnsCount: "euColumnsCount", nonEuColumnsCount: "nonEuColumnsCount", isHidden: "isHidden", isPushRight: "isPushRight", isStack: "isStack", isFull: "isFull", rightPosition: "rightPosition", languageArrowPosition: "languageArrowPosition" }, outputs: { languageClosed: "languageClosed", languageSelected: "languageSelected" }, host: { properties: { "style.right": "this.rightPosition", "style.--ecl-language-arrow-position": "this.languageArrowPosition", "attr.role": "this.role", "attr.aria-labelledby": "this.labelledBy", "class": "this.cssClasses", "attr.aria-modal": "this.isModal", "attr.hidden": "this.isDropdownHidden" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__language-header\">\n    <div class=\"ecl-site-header__language-title\">\n        {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n    </div>\n    <button eclButton variant=\"ghost\" class=\"ecl-site-header__language-close\" (click)=\"onCloseClick()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close-filled\" size=\"s\"> </ecl-icon>\n    </button>\n</div>\n\n<div class=\"ecl-site-header__language-content\" [class.ecl-site-header__language-content--stack]=\"isStack\">\n    <div *ngIf=\"euLanguages.length\" class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ euColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of euLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    variant=\"standalone\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n    <div\n        *ngIf=\"nonEuLanguages.length\"\n        class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ nonEuColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of nonEuLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "component", type: i3.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EclSiteHeaderLanguagePopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclSiteHeaderLanguagePopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-language-popover', template: "<div class=\"ecl-site-header__language-header\">\n    <div class=\"ecl-site-header__language-title\">\n        {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n    </div>\n    <button eclButton variant=\"ghost\" class=\"ecl-site-header__language-close\" (click)=\"onCloseClick()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close-filled\" size=\"s\"> </ecl-icon>\n    </button>\n</div>\n\n<div class=\"ecl-site-header__language-content\" [class.ecl-site-header__language-content--stack]=\"isStack\">\n    <div *ngIf=\"euLanguages.length\" class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ euColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of euLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    variant=\"standalone\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n    <div\n        *ngIf=\"nonEuLanguages.length\"\n        class=\"ecl-site-header__language-category ecl-site-header__language-category--{{ nonEuColumnsCount }}-col\">\n        <div class=\"ecl-site-header__language-category-title\">\n            {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n        </div>\n        <ul class=\"ecl-site-header__language-list\">\n            <li *ngFor=\"let item of nonEuLanguages\" class=\"ecl-site-header__language-item\">\n                <a\n                    eclLink\n                    href=\"#\"\n                    [lang]=\"item.code\"\n                    [hreflang]=\"item.code\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-header__language-link\"\n                    [class.ecl-site-header__language-link--active]=\"item.code === languageCode\"\n                    (click)=\"onLanguageClick(item, $event)\">\n                    <span class=\"ecl-site-header__language-link-code\">{{ item.code }}</span>\n                    <span class=\"ecl-site-header__language-link-label\">{{ item.label }}</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { languageCode: [{