npm - @eui/ecl - Versions diffs - 21.0.0-alpha.1 → 21.0.0-alpha.10 - Mend

@eui/ecl 21.0.0-alpha.1 → 21.0.0-alpha.10

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

Files changed (139) hide show

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

@@ -18,10 +18,10 @@ class EclSiteFooterColumnDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterColumnDirective, isStandalone: true, selector: "[eclSiteFooterColumn]", host: { properties: { "class.ecl-site-footer__column": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", 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: "20.1.6", ngImport: i0, type: EclSiteFooterColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterColumn]',
@@ -38,10 +38,10 @@ class EclSiteFooterRowDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterRowDirective, isStandalone: true, selector: "[eclSiteFooterRow]", host: { properties: { "class.ecl-site-footer__row": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", 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: "20.1.6", ngImport: i0, type: EclSiteFooterRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterRow]',
@@ -59,10 +59,10 @@ class EclSiteFooterContentDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterContentDirective, isStandalone: true, selector: "[eclSiteFooterContent]", host: { properties: { "class.ecl-site-footer__title": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", 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: "20.1.6", ngImport: i0, type: EclSiteFooterContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterContent]',
@@ -90,10 +90,10 @@ class EclSiteFooterSectionDirective extends ECLBaseDirective {
          */
         this.hasSeparator = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.6", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.1", 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: "20.1.6", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterSection]',
@@ -135,10 +135,10 @@ class EclSiteFooterLinkDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLinkDirective, isStandalone: true, selector: "[eclSiteFooterLink]", host: { properties: { "class.ecl-site-footer__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLinkDirective, isStandalone: true, selector: "[eclSiteFooterLink]", host: { properties: { "class.ecl-site-footer__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterLink]',
@@ -155,10 +155,10 @@ class EclSiteFooterLogoLinkDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLogoLinkDirective, isStandalone: true, selector: "[eclSiteFooterLogoLink]", host: { properties: { "class.ecl-site-footer__logo-link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLogoLinkDirective, isStandalone: true, selector: "[eclSiteFooterLogoLink]", host: { properties: { "class.ecl-site-footer__logo-link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterLogoLink]',
@@ -175,10 +175,10 @@ class EclSiteFooterLogoImageDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLogoImageDirective, isStandalone: true, selector: "img[eclSiteFooterLogoImage]", host: { properties: { "class.ecl-site-footer__logo-image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLogoImageDirective, isStandalone: true, selector: "img[eclSiteFooterLogoImage]", host: { properties: { "class.ecl-site-footer__logo-image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclSiteFooterLogoImage]',
@@ -195,10 +195,10 @@ class EclSiteFooterPictureDirective extends ECLBaseDirective {
         super(...arguments);
         this.classNames = 'ecl-picture ecl-site-footer__picture';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterPictureDirective, isStandalone: true, selector: "picture[eclSiteFooterPicture]", host: { properties: { "class": "this.classNames" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterPictureDirective, isStandalone: true, selector: "picture[eclSiteFooterPicture]", host: { properties: { "class": "this.classNames" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclSiteFooterPicture]',
@@ -216,10 +216,10 @@ class EclSiteFooterListDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.6", type: EclSiteFooterListDirective, isStandalone: true, selector: "[eclSiteFooterList]", inputs: { isInline: ["isInline", "isInline", booleanAttribute], isColumns: ["isColumns", "isColumns", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.1", type: EclSiteFooterListDirective, isStandalone: true, selector: "[eclSiteFooterList]", inputs: { isInline: ["isInline", "isInline", booleanAttribute], isColumns: ["isColumns", "isColumns", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterList]',
@@ -248,10 +248,10 @@ class EclSiteFooterListItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterListItemDirective, isStandalone: true, selector: "[eclSiteFooterListItem]", host: { properties: { "class.ecl-site-footer__list-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterListItemDirective, isStandalone: true, selector: "[eclSiteFooterListItem]", host: { properties: { "class.ecl-site-footer__list-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterListItem]',
@@ -268,10 +268,10 @@ class EclSiteFooterLogoListDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLogoListDirective, isStandalone: true, selector: "[eclSiteFooterLogoList]", host: { properties: { "class.ecl-site-footer__logo-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLogoListDirective, isStandalone: true, selector: "[eclSiteFooterLogoList]", host: { properties: { "class.ecl-site-footer__logo-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterLogoList]',
@@ -288,10 +288,10 @@ class EclSiteFooterLogoItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLogoItemDirective, isStandalone: true, selector: "[eclSiteFooterLogoItem]", host: { properties: { "class.ecl-site-footer__logo-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLogoItemDirective, isStandalone: true, selector: "[eclSiteFooterLogoItem]", host: { properties: { "class.ecl-site-footer__logo-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterLogoItem]',
@@ -308,10 +308,10 @@ class EclSiteFooterLogoDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterLogoDirective, isStandalone: true, selector: "[eclSiteFooterLogo]", host: { properties: { "class.ecl-site-footer__logo": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterLogoDirective, isStandalone: true, selector: "[eclSiteFooterLogo]", host: { properties: { "class.ecl-site-footer__logo": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterLogoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterLogoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterLogo]',
@@ -333,10 +333,10 @@ class EclSiteFooterFixedContentECComponent extends ECLBaseDirective {
          */
         this.isCore = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterFixedContentECComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EclLinkModule }, { 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterFixedContentECComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.1", 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EclLinkModule }, { 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterFixedContentECComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterFixedContentECComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-footer-fixed-content-ec', imports: [NgTemplateOutlet, TranslateModule, EclLinkModule, EclSiteFooterRowDirective, EclSiteFooterColumnDirective,
                         EclSiteFooterSectionDirective, EclSiteFooterPictureDirective, EclSiteFooterLogoImageDirective,
@@ -362,10 +362,10 @@ class EclSiteFooterTitleDirective extends ECLBaseDirective {
         this.cmpClass = true;
         this.isSeparator = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.6", type: EclSiteFooterTitleDirective, isStandalone: true, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: ["isSeparator", "isSeparator", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.1", type: EclSiteFooterTitleDirective, isStandalone: true, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: ["isSeparator", "isSeparator", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterTitle]',
@@ -388,10 +388,10 @@ class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterTitleLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterTitleLinkDirective, isStandalone: true, selector: "[eclSiteFooterTitleLink]", host: { properties: { "class.ecl-site-footer__title-link": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterTitleLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterTitleLinkDirective, isStandalone: true, selector: "[eclSiteFooterTitleLink]", host: { properties: { "class.ecl-site-footer__title-link": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterTitleLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterTitleLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterTitleLink]',
@@ -423,10 +423,10 @@ class EclSiteFooterFixedContentEUComponent extends ECLBaseDirective {
             return this.defaultLanguage;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", 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: "ngmodule", type: EclLinkModule }, { 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.1", 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: "ngmodule", type: EclLinkModule }, { 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-footer-fixed-content-eu', imports: [NgTemplateOutlet, TranslateModule, EclLinkModule, EclSiteFooterRowDirective, EclSiteFooterColumnDirective,
                         EclSiteFooterSectionDirective, EclSiteFooterPictureDirective, EclSiteFooterLogoImageDirective,
@@ -451,10 +451,10 @@ class EclSiteFooterDescriptionDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclSiteFooterDescriptionDirective, isStandalone: true, selector: "[eclSiteFooterDescription]", host: { properties: { "class.ecl-site-footer__description": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSiteFooterDescriptionDirective, isStandalone: true, selector: "[eclSiteFooterDescription]", host: { properties: { "class.ecl-site-footer__description": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterDescription]',
@@ -503,10 +503,10 @@ class EclSiteFooterComponent extends ECLBaseDirective {
             this.languageCode = lang.activeLang;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.1", 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", 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" }]
         }], propDecorators: { isCore: [{
@@ -548,8 +548,8 @@ const COMPONENTS = [
  * @deprecated Use {@link EUI_ECL_SITE_FOOTER} instead.
  */
 class EclSiteFooterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
             EclSiteFooterFixedContentEUComponent,
             EclSiteFooterComponent,
             EclSiteFooterSectionDirective,
@@ -588,11 +588,11 @@ class EclSiteFooterModule {
             EclSiteFooterLogoLinkDirective,
             EclSiteFooterPictureDirective,
             EclSiteFooterLogoImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterModule, imports: [EclSiteFooterFixedContentECComponent,
             EclSiteFooterFixedContentEUComponent,
             EclSiteFooterComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclSiteFooterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSiteFooterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],