@eui/ecl 21.0.0-alpha.30 → 21.0.0-alpha.32

package/fesm2022/eui-ecl-components-ecl-site-footer.mjs

@@ -1,132 +1,16 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, booleanAttribute, Input, Component, inject, NgModule } from '@angular/core';
-import { RouterLink, RouterLinkWithHref } from '@angular/router';
-import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
-import * as i2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
+import { HostBinding, Directive, booleanAttribute, Input, ViewEncapsulation, Component, inject, NgModule } from '@angular/core';
 import * as i1 from '@eui/ecl/components/ecl-link';
 import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
-import { I18nService } from '@eui/core';
+import * as i2 from '@eui/ecl/components/ecl-social-media-follow';
+import { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';
+import { ECLBaseDirective, logoLanguageCode, EclThemeService } from '@eui/ecl/core';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-
-/**
- * Directive, that applies a specific class to a footer column.
- */
-class EclSiteFooterColumnDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterColumnDirective, isStandalone: true, selector: "[eclSiteFooterColumn]", host: { properties: { "class.ecl-site-footer__column": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterColumnDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterColumn]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__column']
-            }] } });
-/**
- * Directive, that applies a specific class to a footer row.
- */
-class EclSiteFooterRowDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterRowDirective, isStandalone: true, selector: "[eclSiteFooterRow]", host: { properties: { "class.ecl-site-footer__row": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterRow]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__row']
-            }] } });
-/**
- * Directive, that applies a specific class to footer content.
- * @deprecated - use 'eclSiteFooterTitle' instead.
- */
-class EclSiteFooterContentDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterContentDirective, isStandalone: true, selector: "[eclSiteFooterContent]", host: { properties: { "class.ecl-site-footer__title": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterContent]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__title']
-            }] } });
-
-/**
- * Directive, that applies specific classes to the section element in site footer.
- */
-class EclSiteFooterSectionDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-        /**
-         * @deprecated - not used anymore. Will be removed in v20
-         */
-        this.isCondensed = false;
-        this.isSiteInfo = false;
-        this.isSplitList = false;
-        /**
-         * If there should be a <hr> as separator with the next section.
-         */
-        this.hasSeparator = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.5", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { isCondensed: ["isCondensed", "isCondensed", booleanAttribute], isSiteInfo: ["isSiteInfo", "isSiteInfo", booleanAttribute], isSplitList: ["isSplitList", "isSplitList", booleanAttribute], hasSeparator: ["hasSeparator", "hasSeparator", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__section": "this.cmpClass", "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterSection]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section']
-            }], isCondensed: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--condensed']
-            }], isSiteInfo: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--site-info']
-            }], isSplitList: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--split-list']
-            }], hasSeparator: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--separator']
-            }, {
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
+import { I18nService } from '@eui/core';
 
 /**
  * Directive, that applies a specific class to a <a> element in site footer.
@@ -326,32 +210,182 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
  * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.
  * This component represents this fixed content.
  */
-class EclSiteFooterFixedContentECComponent extends ECLBaseDirective {
+class EclSiteFooterRowCommonComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
         /**
-         * The component is showing different content, depending if it's core site footer or not.
+         * If this is a core template. If it's standardised or harmonised footer, ec logo should be added.
          */
         this.isCore = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterFixedContentECComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterFixedContentECComponent, isStandalone: true, selector: "ecl-site-footer-fixed-content-ec", inputs: { isCore: ["isCore", "isCore", booleanAttribute], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "@if(isCore){\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-COMMISSION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source\n                            srcset=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Commission\" />\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                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/strategy-and-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.STRATEGY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission_{{ languageCode }}\">\n                            {{ 'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.BUSINESS-ECONOMY-EURO' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/business-economy-euro_{{ languageCode }}\">\n                            {{ 'ecl.footer.BUSINESS-ECONOMY-EURO' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LIVE-WORK-TRAVEL' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/live-work-travel-eu_{{ languageCode }}\">\n                            {{ 'ecl.footer.LIVE-WORK-TRAVEL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LAW' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/law_{{ languageCode }}\">\n                            {{ 'ecl.footer.LAW' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FUNDING-TENDERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/funding-tenders_{{ languageCode }}\">\n                            {{ 'ecl.footer.FUNDING-TENDERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESEARCH-INNOVATION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/research-and-innovation_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESEARCH-INNOVATION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ENERGY-CLIMATE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/energy-climate-change-environment_{{ languageCode }}\">\n                            {{ 'ecl.footer.ENERGY-CLIMATE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDUCATION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/education_{{ languageCode }}\">\n                            {{ 'ecl.footer.EDUCATION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AID-DEVELOPMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/aid-development-cooperation-fundamental-rights_{{ languageCode }}\">\n                            {{ 'ecl.footer.AID-DEVELOPMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOOD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/food-farming-fisheries_{{ languageCode }}\">\n                            {{ 'ecl.footer.FOOD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EU-REGIONAL' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/eu-regional-and-urban-development_{{ languageCode }}\">\n                            {{ 'ecl.footer.EU-REGIONAL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.JOBS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/jobs-european-commission_{{ languageCode }}\">\n                            {{ 'ecl.footer.JOBS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STATS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/statistics_{{ languageCode }}\">\n                            {{ 'ecl.footer.STATS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.NEWS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/commission/presscorner/home/{{ languageCode }}\">\n                            {{ 'ecl.footer.PRESS-CORNER' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EVENTS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/events_{{ languageCode }}\">\n                            {{ 'ecl.footer.EVENTS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/publications_{{ languageCode }}\">\n                            {{ 'ecl.footer.PUBLICATIONS' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n\n            <div eclSiteFooterSection>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission/contact_{{ languageCode }}\">\n                            {{ 'ecl.footer.CONTACT-EC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/accessibility-statement_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}/#search?page=0&institutions=european_commission\">\n                            {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/resources-partners_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                                eclLink\n                                isInverted\n                                eclSiteFooterLink\n                                [attr.aria-label]=\"'ecl.footer.REPORT-IT-VULNERABILITY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    }\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://commission.europa.eu/index_{{ languageCode }}\"\n                    eclSiteFooterLogoLink\n                    variant=\"standalone\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source\n                            srcset=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Commission\" />\n                    </picture>\n                </a>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission/contact_{{ languageCode }}\">\n                            {{ 'ecl.footer.CONTACT-EC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}#/search?page=0&institutions=european_commission\">\n                            {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/resources-partners_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                                eclLink\n                                isInverted\n                                eclSiteFooterLink\n                                [attr.aria-label]=\"'ecl.footer.REPORT-IT-VULNERABILITY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-site-footer__row ecl-site-footer__row--common')].join(' ').trim();
+    }
+    /**
+     * This method is used, when current language is not present for our available logo collection.
+     * In this case, a default logo is returned.
+     */
+    get logoLanguageCode() {
+        return logoLanguageCode(this.languageCode);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowCommonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterRowCommonComponent, isStandalone: true, selector: "div[eclSiteFooterRowCommon]", inputs: { languageCode: "languageCode", isCore: "isCore" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n                isInverted></ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n        class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n        <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"chain\"\n            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n            isInverted></ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/accessibility-statement_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: i2.EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: ["description", "isVertical", "horizontalAlignment"] }, { kind: "component", type: i2.EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: ["isInverted", "icon", "iconSet", "href", "routerLink", "target", "size"], outputs: ["itemClick"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterFixedContentECComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowCommonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-site-footer-fixed-content-ec', imports: [RouterLink, RouterLinkWithHref, NgTemplateOutlet, TranslateModule, ...EUI_ECL_LINK, EclSiteFooterRowDirective, EclSiteFooterColumnDirective,
-                        EclSiteFooterSectionDirective, EclSiteFooterPictureDirective, EclSiteFooterLogoImageDirective,
-                        EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective,
-                    ], template: "@if(isCore){\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-COMMISSION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source\n                            srcset=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Commission\" />\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                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/strategy-and-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.STRATEGY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission_{{ languageCode }}\">\n                            {{ 'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.BUSINESS-ECONOMY-EURO' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/business-economy-euro_{{ languageCode }}\">\n                            {{ 'ecl.footer.BUSINESS-ECONOMY-EURO' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LIVE-WORK-TRAVEL' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/live-work-travel-eu_{{ languageCode }}\">\n                            {{ 'ecl.footer.LIVE-WORK-TRAVEL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LAW' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/law_{{ languageCode }}\">\n                            {{ 'ecl.footer.LAW' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FUNDING-TENDERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/funding-tenders_{{ languageCode }}\">\n                            {{ 'ecl.footer.FUNDING-TENDERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESEARCH-INNOVATION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/research-and-innovation_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESEARCH-INNOVATION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ENERGY-CLIMATE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/energy-climate-change-environment_{{ languageCode }}\">\n                            {{ 'ecl.footer.ENERGY-CLIMATE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EDUCATION' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/education_{{ languageCode }}\">\n                            {{ 'ecl.footer.EDUCATION' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.AID-DEVELOPMENT' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/aid-development-cooperation-fundamental-rights_{{ languageCode }}\">\n                            {{ 'ecl.footer.AID-DEVELOPMENT' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOOD' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/food-farming-fisheries_{{ languageCode }}\">\n                            {{ 'ecl.footer.FOOD' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EU-REGIONAL' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/eu-regional-and-urban-development_{{ languageCode }}\">\n                            {{ 'ecl.footer.EU-REGIONAL' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.JOBS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/jobs-european-commission_{{ languageCode }}\">\n                            {{ 'ecl.footer.JOBS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STATS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/statistics_{{ languageCode }}\">\n                            {{ 'ecl.footer.STATS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.NEWS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/commission/presscorner/home/{{ languageCode }}\">\n                            {{ 'ecl.footer.PRESS-CORNER' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.EVENTS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/events_{{ languageCode }}\">\n                            {{ 'ecl.footer.EVENTS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PUBLICATIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/publications_{{ languageCode }}\">\n                            {{ 'ecl.footer.PUBLICATIONS' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n\n            <div eclSiteFooterSection>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission/contact_{{ languageCode }}\">\n                            {{ 'ecl.footer.CONTACT-EC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/accessibility-statement_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}/#search?page=0&institutions=european_commission\">\n                            {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/resources-partners_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                                eclLink\n                                isInverted\n                                eclSiteFooterLink\n                                [attr.aria-label]=\"'ecl.footer.REPORT-IT-VULNERABILITY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    }\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://commission.europa.eu/index_{{ languageCode }}\"\n                    eclSiteFooterLogoLink\n                    variant=\"standalone\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <source\n                            srcset=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Commission\" />\n                    </picture>\n                </a>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/about-european-commission/contact_{{ languageCode }}\">\n                            {{ 'ecl.footer.CONTACT-EC' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}#/search?page=0&institutions=european_commission\">\n                            {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/resources-partners_{{ languageCode }}\">\n                            {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                                eclLink\n                                isInverted\n                                eclSiteFooterLink\n                                [attr.aria-label]=\"'ecl.footer.REPORT-IT-VULNERABILITY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [isSplitList]=\"true\">\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            isInverted\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://commission.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n" }]
-        }], propDecorators: { isCore: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], languageCode: [{
+            args: [{ selector: 'div[eclSiteFooterRowCommon]', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, ...EUI_ECL_LINK, ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective,
+                        EclSiteFooterLinkDirective, EclSiteFooterListDirective], template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n                isInverted></ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n        class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n        <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"chain\"\n            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n            isInverted></ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/accessibility-statement_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"] }]
+        }], propDecorators: { languageCode: [{
                 type: Input
-            }], ecLogoLanguageCode: [{
+            }], isCore: [{
                 type: Input
-            }], content: [{
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * The content of the site footer core component. The part that is specific for the core variant.
+ */
+class EclSiteFooterCoreComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-site-footer__section ecl-site-footer__section--core')].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterCoreComponent, isStandalone: true, selector: "div[eclSiteFooterCore]", inputs: { languageCode: "languageCode" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterCoreComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[eclSiteFooterCore]', imports: [TranslateModule, ...EUI_ECL_LINK,
+                        ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective,
+                    ], template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>" }]
+        }], propDecorators: { languageCode: [{
                 type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Directive, that applies a specific class to a footer row.
+ */
+class EclSiteFooterRowDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterRowDirective, isStandalone: true, selector: "[eclSiteFooterRow]", host: { properties: { "class.ecl-site-footer__row": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterRow]',
+                }]
+        }], propDecorators: { cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__row']
+            }] } });
+/**
+ * Directive, that applies a specific class to a footer column.
+ */
+class EclSiteFooterColumnDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterColumnDirective, isStandalone: true, selector: "[eclSiteFooterColumn]", host: { properties: { "class.ecl-site-footer__column": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterColumn]',
+                }]
+        }], propDecorators: { cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__column']
+            }] } });
+
+/**
+ * Directive, that applies specific classes to the section element in site footer.
+ */
+class EclSiteFooterSectionDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+        this.variant = '';
+        /**
+         * @deprecated - not used anymore. Will be removed in v21
+         */
+        this.isCondensed = false;
+        this.isSiteInfo = false;
+        this.isLinks = this.variant === 'links';
+        this.isContact = this.variant === 'contact';
+        this.isAbout = this.variant === 'about';
+        this.isMore = this.variant === 'more';
+        this.isRelated = this.variant === 'related';
+        /**
+         * @deprecated - not used anymore. Will be removed in v21
+         */
+        this.isSplitList = false;
+        /**
+         * @deprecated - not used anymore. Will be removed in v21
+         */
+        this.hasSeparator = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.5", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { variant: "variant", isCondensed: ["isCondensed", "isCondensed", booleanAttribute], isSiteInfo: ["isSiteInfo", "isSiteInfo", booleanAttribute], isSplitList: ["isSplitList", "isSplitList", booleanAttribute], hasSeparator: ["hasSeparator", "hasSeparator", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__section": "this.cmpClass", "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class.ecl-site-footer__section--links": "this.isLinks", "class.ecl-site-footer__section--contact": "this.isContact", "class.ecl-site-footer__section--about": "this.isAbout", "class.ecl-site-footer__section--more": "this.isMore", "class.ecl-site-footer__section--related": "this.isRelated", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterSection]',
+                }]
+        }], propDecorators: { cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section']
+            }], variant: [{
+                type: Input
+            }], isCondensed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--condensed']
+            }], isSiteInfo: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--site-info']
+            }], isLinks: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--links']
+            }], isContact: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--contact']
+            }], isAbout: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--about']
+            }], isMore: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--more']
+            }], isRelated: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--related']
+            }], isSplitList: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--split-list']
+            }], hasSeparator: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__section--separator']
+            }, {
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 /**
@@ -425,7 +459,7 @@ class EclSiteFooterFixedContentEUComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterFixedContentEUComponent, isStandalone: true, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: ["isCore", "isCore", booleanAttribute], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\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>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\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 eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | 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                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\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                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\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>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\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 eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterFixedContentEUComponent, isStandalone: true, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: ["isCore", "isCore", booleanAttribute], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\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>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\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 eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | 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                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\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                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 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                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\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>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\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 eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["variant", "isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
             type: Component,
@@ -464,6 +498,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
                 type: HostBinding,
                 args: ['class.ecl-site-footer__description']
             }] } });
+/**
+ * Directive, that applies a specific class to ecl-social-media-follow component in the footer.
+ */
+class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSocialMediaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterSocialMediaDirective, isStandalone: true, selector: "[eclSiteFooterSocialMedia]", host: { properties: { "class.ecl-site-footer__social-media": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterSocialMediaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterSocialMedia]',
+                }]
+        }], propDecorators: { cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__social-media']
+            }] } });
+/** Adds required class for the line that displays the manager/owner of the site. */
+class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterDescriptionNameDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclSiteFooterDescriptionNameDirective, isStandalone: true, selector: "[eclSiteFooterDescriptionName]", host: { properties: { "class.ecl-site-footer__description-name": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterDescriptionNameDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterDescriptionName]',
+                }]
+        }], propDecorators: { cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__description-name']
+            }] } });
 
 /**
  * The site footer component content provides supplementary information such as a sitemap, copyright and legal notices,
@@ -499,17 +571,26 @@ class EclSiteFooterComponent extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
+    /**
+     * This method is used, when current language is not present for our available logo collection.
+     * In this case, a default logo is returned.
+     */
+    get logoLanguageCode() {
+        return logoLanguageCode(this.languageCode);
+    }
     handleLanguageChangeState() {
         this.i18nService.getState().pipe(takeUntil(this.destroy$)).subscribe((lang) => {
             this.languageCode = lang.activeLang;
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterComponent, isStandalone: true, selector: "ecl-site-footer", inputs: { isCore: ["isCore", "isCore", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    <ecl-site-footer-fixed-content-ec\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-ec>\n    }\n    @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu\n            [isCore]=\"isCore\"\n            [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\"\n            [content]=\"content\">\n        </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "component", type: EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclSiteFooterComponent, isStandalone: true, selector: "footer[eclSiteFooter], ecl-site-footer", inputs: { isCore: ["isCore", "isCore", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    @if (isCore) {\n    <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n        <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLogoLink>\n                <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                        src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\"></picture>\n            </a>\n            <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n    </div>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    }\n    }\n    @if(eclThemeService.isEU$ | async) {\n    <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclSiteFooterRowCommonComponent, selector: "div[eclSiteFooterRowCommon]", inputs: ["languageCode", "isCore"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterCoreComponent, selector: "div[eclSiteFooterCore]", inputs: ["languageCode"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-site-footer', imports: [AsyncPipe, EclSiteFooterFixedContentECComponent, EclSiteFooterFixedContentEUComponent], template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    <ecl-site-footer-fixed-content-ec\n        [isCore]=\"isCore\"\n        [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\"\n        [content]=\"content\">\n    </ecl-site-footer-fixed-content-ec>\n    }\n    @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu\n            [isCore]=\"isCore\"\n            [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\"\n            [content]=\"content\">\n        </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n" }]
+            args: [{ selector: 'footer[eclSiteFooter], ecl-site-footer', encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,
+                        EclSiteFooterCoreComponent,
+                    ], template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    @if (isCore) {\n    <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n        <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLogoLink>\n                <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                        src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\"></picture>\n            </a>\n            <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n    </div>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    }\n    }\n    @if(eclThemeService.isEU$ | async) {\n    <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"] }]
         }], propDecorators: { isCore: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -522,26 +603,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
             }] } });
 
 const COMPONENTS = [
-    EclSiteFooterFixedContentECComponent,
     EclSiteFooterFixedContentEUComponent,
+    EclSiteFooterColumnDirective,
+    EclSiteFooterCoreComponent,
     EclSiteFooterComponent,
+    EclSiteFooterDescriptionNameDirective,
     EclSiteFooterSectionDirective,
     EclSiteFooterTitleDirective,
     EclSiteFooterDescriptionDirective,
     EclSiteFooterListDirective,
     EclSiteFooterLinkDirective,
-    EclSiteFooterColumnDirective,
     EclSiteFooterLogoListDirective,
     EclSiteFooterLogoItemDirective,
     EclSiteFooterLogoDirective,
     EclSiteFooterListItemDirective,
     EclSiteFooterListDirective,
     EclSiteFooterRowDirective,
-    EclSiteFooterContentDirective,
+    EclSiteFooterSocialMediaDirective,
     EclSiteFooterTitleLinkDirective,
     EclSiteFooterLogoLinkDirective,
     EclSiteFooterPictureDirective,
     EclSiteFooterLogoImageDirective,
+    EclSiteFooterRowCommonComponent,
 ];
 /**
  * Module that provides the EclSiteFooterComponent and it's dependencies.
@@ -550,48 +633,53 @@ const COMPONENTS = [
  */
 class EclSiteFooterModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
-            EclSiteFooterFixedContentEUComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentEUComponent,
+            EclSiteFooterColumnDirective,
+            EclSiteFooterCoreComponent,
             EclSiteFooterComponent,
+            EclSiteFooterDescriptionNameDirective,
             EclSiteFooterSectionDirective,
             EclSiteFooterTitleDirective,
             EclSiteFooterDescriptionDirective,
             EclSiteFooterListDirective,
             EclSiteFooterLinkDirective,
-            EclSiteFooterColumnDirective,
             EclSiteFooterLogoListDirective,
             EclSiteFooterLogoItemDirective,
             EclSiteFooterLogoDirective,
             EclSiteFooterListItemDirective,
             EclSiteFooterListDirective,
             EclSiteFooterRowDirective,
-            EclSiteFooterContentDirective,
+            EclSiteFooterSocialMediaDirective,
             EclSiteFooterTitleLinkDirective,
             EclSiteFooterLogoLinkDirective,
             EclSiteFooterPictureDirective,
-            EclSiteFooterLogoImageDirective], exports: [EclSiteFooterFixedContentECComponent,
-            EclSiteFooterFixedContentEUComponent,
+            EclSiteFooterLogoImageDirective,
+            EclSiteFooterRowCommonComponent], exports: [EclSiteFooterFixedContentEUComponent,
+            EclSiteFooterColumnDirective,
+            EclSiteFooterCoreComponent,
             EclSiteFooterComponent,
+            EclSiteFooterDescriptionNameDirective,
             EclSiteFooterSectionDirective,
             EclSiteFooterTitleDirective,
             EclSiteFooterDescriptionDirective,
             EclSiteFooterListDirective,
             EclSiteFooterLinkDirective,
-            EclSiteFooterColumnDirective,
             EclSiteFooterLogoListDirective,
             EclSiteFooterLogoItemDirective,
             EclSiteFooterLogoDirective,
             EclSiteFooterListItemDirective,
             EclSiteFooterListDirective,
             EclSiteFooterRowDirective,
-            EclSiteFooterContentDirective,
+            EclSiteFooterSocialMediaDirective,
             EclSiteFooterTitleLinkDirective,
             EclSiteFooterLogoLinkDirective,
             EclSiteFooterPictureDirective,
-            EclSiteFooterLogoImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
-            EclSiteFooterFixedContentEUComponent,
-            EclSiteFooterComponent] }); }
+            EclSiteFooterLogoImageDirective,
+            EclSiteFooterRowCommonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentEUComponent,
+            EclSiteFooterCoreComponent,
+            EclSiteFooterComponent,
+            EclSiteFooterRowCommonComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclSiteFooterModule, decorators: [{
             type: NgModule,
@@ -602,31 +690,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
         }] });
 
 const EUI_ECL_SITE_FOOTER = [
-    EclSiteFooterFixedContentECComponent,
     EclSiteFooterFixedContentEUComponent,
+    EclSiteFooterColumnDirective,
+    EclSiteFooterCoreComponent,
     EclSiteFooterComponent,
+    EclSiteFooterDescriptionNameDirective,
     EclSiteFooterSectionDirective,
     EclSiteFooterTitleDirective,
     EclSiteFooterDescriptionDirective,
     EclSiteFooterListDirective,
     EclSiteFooterLinkDirective,
-    EclSiteFooterColumnDirective,
     EclSiteFooterLogoListDirective,
     EclSiteFooterLogoItemDirective,
     EclSiteFooterLogoDirective,
     EclSiteFooterListItemDirective,
     EclSiteFooterListDirective,
     EclSiteFooterRowDirective,
-    EclSiteFooterContentDirective,
+    EclSiteFooterSocialMediaDirective,
     EclSiteFooterTitleLinkDirective,
     EclSiteFooterLogoLinkDirective,
     EclSiteFooterPictureDirective,
     EclSiteFooterLogoImageDirective,
+    EclSiteFooterRowCommonComponent,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterContentDirective, EclSiteFooterDescriptionDirective, EclSiteFooterFixedContentECComponent, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoItemDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterLogoListDirective, EclSiteFooterModule, EclSiteFooterPictureDirective, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
+export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterCoreComponent, EclSiteFooterDescriptionDirective, EclSiteFooterDescriptionNameDirective, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoItemDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterLogoListDirective, EclSiteFooterModule, EclSiteFooterPictureDirective, EclSiteFooterRowCommonComponent, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterSocialMediaDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-site-footer.mjs.map