npm - @eui/ecl - Versions diffs - 22.0.0-alpha.32 → 22.0.0-alpha.34 - Mend

@eui/ecl 22.0.0-alpha.32 → 22.0.0-alpha.34

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 (158) hide show

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, input, booleanAttribute, HostBinding, ViewEncapsulation, Component, contentChildren, forwardRef, effect, inject, ElementRef } from '@angular/core';
+import { Directive, input, booleanAttribute, ViewEncapsulation, Component, contentChildren, forwardRef, effect, inject } from '@angular/core';
 import * as i1 from '@eui/ecl/components/ecl-link';
 import { EUI_ECL_LINK, EclLinkDirective } from '@eui/ecl/components/ecl-link';
 import * as i2 from '@eui/ecl/components/ecl-social-media-follow';
@@ -106,22 +106,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * Directive, that applies specific classes to the list item element in site footer.
  */
 class EclSiteFooterListItemDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterListItemDirective, isStandalone: true, selector: "[eclSiteFooterListItem]", host: { properties: { "class.ecl-site-footer__list-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterListItemDirective, isStandalone: true, selector: "[eclSiteFooterListItem]", host: { classAttribute: "ecl-site-footer__list-item" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterListItem]',
+                    host: { class: 'ecl-site-footer__list-item' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__list-item']
-            }] } });
+        }] });
 /**
  * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.
@@ -156,16 +150,13 @@ class EclSiteFooterRowCommonComponent extends ECLBaseDirective {
         return logoLanguageCode(this.languageCode());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterRowCommonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSiteFooterRowCommonComponent, isStandalone: true, selector: "div[eclSiteFooterRowCommon]", inputs: { languageCode: { classPropertyName: "languageCode", publicName: "languageCode", isSignal: true, isRequired: false, transformFunction: null }, a11yStatementRef: { classPropertyName: "a11yStatementRef", publicName: "a11yStatementRef", isSignal: true, isRequired: false, transformFunction: null }, isCore: { classPropertyName: "isCore", publicName: "isCore", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore()) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode()}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-US' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode()}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode()}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef() }}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>\n", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;color:#000;filter:invert(1)}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "component", type: i2.EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: ["description", "isIconOnly", "isVertical", "horizontalAlignment"] }, { kind: "component", type: i2.EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: ["isInverted", "icon", "iconSet", "href", "routerLink", "target", "size", "extraAttributes"], outputs: ["itemClick"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSiteFooterRowCommonComponent, isStandalone: true, selector: "div[eclSiteFooterRowCommon]", inputs: { languageCode: { classPropertyName: "languageCode", publicName: "languageCode", isSignal: true, isRequired: false, transformFunction: null }, a11yStatementRef: { classPropertyName: "a11yStatementRef", publicName: "a11yStatementRef", isSignal: true, isRequired: false, transformFunction: null }, isCore: { classPropertyName: "isCore", publicName: "isCore", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore()) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode()}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-US' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode()}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode()}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef() }}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>\n", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;color:#000;filter:invert(1)}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "component", type: i2.EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: ["description", "isIconOnly", "isVertical", "horizontalAlignment"] }, { kind: "component", type: i2.EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: ["isInverted", "icon", "iconSet", "href", "routerLink", "target", "size", "extraAttributes"], outputs: ["itemClick"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterRowCommonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclSiteFooterRowCommon]', encapsulation: ViewEncapsulation.None, imports: [TranslatePipe, ...EUI_ECL_LINK, ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective,
-                        EclSiteFooterLinkDirective, EclSiteFooterListDirective], template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore()) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode()}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-US' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode()}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode()}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef() }}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>\n", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;color:#000;filter:invert(1)}\n"] }]
-        }], propDecorators: { languageCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "languageCode", required: false }] }], a11yStatementRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "a11yStatementRef", required: false }] }], isCore: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCore", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+                        EclSiteFooterLinkDirective, EclSiteFooterListDirective], host: { '[class]': 'cssClasses' }, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore()) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode()}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow isIconOnly description=\"{{'ecl.footer.FOLLOW-US' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n                isInverted>Mastodon</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted>LinkedIn</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n                isInverted>Bluesky</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted>Facebook</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n                isInverted>YouTube</ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode()}}\"\n                isInverted>Other</ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode()}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode()}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode()}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef() }}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>\n", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;color:#000;filter:invert(1)}\n"] }]
+        }], propDecorators: { languageCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "languageCode", required: false }] }], a11yStatementRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "a11yStatementRef", required: false }] }], isCore: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCore", required: false }] }] } });
 /**
  * The content of the site footer core component. The part that is specific for the core variant.
@@ -183,58 +174,43 @@ class EclSiteFooterCoreComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-site-footer__section ecl-site-footer__section--core')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterCoreComponent, isStandalone: true, selector: "div[eclSiteFooterCore]", inputs: { languageCode: { classPropertyName: "languageCode", publicName: "languageCode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterCoreComponent, isStandalone: true, selector: "div[eclSiteFooterCore]", inputs: { languageCode: { classPropertyName: "languageCode", publicName: "languageCode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclSiteFooterCore]', imports: [TranslatePipe, ...EUI_ECL_LINK,
                         ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective,
-                    ], template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>" }]
-        }], propDecorators: { languageCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "languageCode", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+                    ], host: { '[class]': 'cssClasses' }, template: "<ul class=\"ecl-site-footer__list\">\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ABOUT-US' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.CONTACT-US' |translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#lxsav\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIORITIES' | translate }}</a></li>\n    <li eclSiteFooterListItem><a href=\"/example#w8i44\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Topics</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/funding-tenders_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Funding and tenders</a>\n    </li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/jobs-european-commission_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Jobs</a></li>\n    <li eclSiteFooterListItem><a href=\"https://ec.europa.eu/commission/presscorner/home/{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Press corner</a></li>\n    <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/events_{{languageCode()}}\"\n            eclLink isInverted variant=\"standalone\" eclSiteFooterLink>Events</a></li>\n</ul>" }]
+        }], propDecorators: { languageCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "languageCode", required: false }] }] } });
 /**
  * Directive, that applies a specific class to a footer row.
  */
 class EclSiteFooterRowDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterRowDirective, isStandalone: true, selector: "[eclSiteFooterRow]", host: { properties: { "class.ecl-site-footer__row": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterRowDirective, isStandalone: true, selector: "[eclSiteFooterRow]", host: { classAttribute: "ecl-site-footer__row" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterRow]',
+                    host: { class: 'ecl-site-footer__row' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__row']
-            }] } });
+        }] });
 /**
  * Directive, that applies a specific class to a footer column.
  */
 class EclSiteFooterColumnDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterColumnDirective, isStandalone: true, selector: "[eclSiteFooterColumn]", host: { properties: { "class.ecl-site-footer__column": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterColumnDirective, isStandalone: true, selector: "[eclSiteFooterColumn]", host: { classAttribute: "ecl-site-footer__column" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterColumn]',
+                    host: { class: 'ecl-site-footer__column' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__column']
-            }] } });
+        }] });
 /**
  * Directive, that applies specific classes to the section element in site footer.
@@ -251,17 +227,15 @@ class EclSiteFooterSectionDirective extends ECLBaseDirective {
             variant !== '' ? `ecl-site-footer__section--${variant}` : ''].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterSection]',
+                    host: { '[class]': 'cssClasses' },
                 }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 /**
  * Directive, that applies a specific class for a title in ecl-site-footer component.
@@ -269,44 +243,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class EclSiteFooterTitleDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
-        this.cmpClass = true;
         this.isSeparator = input(false, { ...(ngDevMode ? { debugName: "isSeparator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterTitleDirective, isStandalone: true, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: { classPropertyName: "isSeparator", publicName: "isSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterTitleDirective, isStandalone: true, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: { classPropertyName: "isSeparator", publicName: "isSeparator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-site-footer__title--separator": "isSeparator()" }, classAttribute: "ecl-site-footer__title" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterTitle]',
+                    host: {
+                        'class': 'ecl-site-footer__title',
+                        '[class.ecl-site-footer__title--separator]': 'isSeparator()',
+                    },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__title']
-            }], isSeparator: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__title--separator']
-            }] } });
+        }], propDecorators: { isSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSeparator", required: false }] }] } });
 /**
  * Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.
  */
 class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterTitleLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterTitleLinkDirective, isStandalone: true, selector: "[eclSiteFooterTitleLink]", host: { properties: { "class.ecl-site-footer__title-link": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterTitleLinkDirective, isStandalone: true, selector: "[eclSiteFooterTitleLink]", host: { classAttribute: "ecl-site-footer__title-link" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterTitleLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterTitleLink]',
+                    host: { class: 'ecl-site-footer__title-link' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__title-link']
-            }] } });
+        }] });
 /**
  * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.
@@ -367,60 +332,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * Directive, that applies a specific class to footer description.
  */
 class EclSiteFooterDescriptionDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterDescriptionDirective, isStandalone: true, selector: "[eclSiteFooterDescription]", host: { properties: { "class.ecl-site-footer__description": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterDescriptionDirective, isStandalone: true, selector: "[eclSiteFooterDescription]", host: { classAttribute: "ecl-site-footer__description" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterDescription]',
+                    host: { class: 'ecl-site-footer__description' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__description']
-            }] } });
+        }] });
 /**
  * Directive, that applies a specific class to ecl-social-media-follow component in the footer.
  */
 class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterSocialMediaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterSocialMediaDirective, isStandalone: true, selector: "[eclSiteFooterSocialMedia]", host: { properties: { "class.ecl-site-footer__social-media": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterSocialMediaDirective, isStandalone: true, selector: "[eclSiteFooterSocialMedia]", host: { classAttribute: "ecl-site-footer__social-media" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterSocialMediaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterSocialMedia]',
+                    host: { class: 'ecl-site-footer__social-media' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__social-media']
-            }] } });
+        }] });
 /** Adds required class for the line that displays the manager/owner of the site. */
 class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterDescriptionNameDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterDescriptionNameDirective, isStandalone: true, selector: "[eclSiteFooterDescriptionName]", host: { properties: { "class.ecl-site-footer__description-name": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSiteFooterDescriptionNameDirective, isStandalone: true, selector: "[eclSiteFooterDescriptionName]", host: { classAttribute: "ecl-site-footer__description-name" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterDescriptionNameDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterDescriptionName]',
+                    host: { class: 'ecl-site-footer__description-name' },
                 }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__description-name']
-            }] } });
+        }] });
 /**
  * The content of the site footer core component. The part that is specific for the core variant.
@@ -435,15 +382,12 @@ class EclSiteFooterCoownerComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-site-footer__co-owner')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterCoownerComponent, isStandalone: true, selector: "div[eclSiteFooterCoowner]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSiteFooterCoownerComponent, isStandalone: true, selector: "div[eclSiteFooterCoowner]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[eclSiteFooterCoowner]', template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }]
-        }], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'div[eclSiteFooterCoowner]', host: { '[class]': 'cssClasses' }, template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }] } });
 /**
  * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.
@@ -451,7 +395,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class EclSiteFooterCoownerListDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
-        this.className = true;
         this.eclFooterCoownerListItems = contentChildren(forwardRef(() => EclSiteFooterCoownerItemDirective), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "eclFooterCoownerListItems" }] : /* istanbul ignore next */ []));
         this.ITEM_CLASS_FIRST = 'is-first';
@@ -463,17 +406,15 @@ class EclSiteFooterCoownerListDirective extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclSiteFooterCoownerListDirective, isStandalone: true, selector: "[eclSiteFooterCoownerList]", host: { properties: { "class.ecl-site-footer__co-owner-list": "this.className" } }, queries: [{ propertyName: "eclFooterCoownerListItems", predicate: i0.forwardRef(() => EclSiteFooterCoownerItemDirective), isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclSiteFooterCoownerListDirective, isStandalone: true, selector: "[eclSiteFooterCoownerList]", host: { classAttribute: "ecl-site-footer__co-owner-list" }, queries: [{ propertyName: "eclFooterCoownerListItems", predicate: i0.forwardRef(() => EclSiteFooterCoownerItemDirective), isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterCoownerList]',
+                    host: { class: 'ecl-site-footer__co-owner-list' },
                 }]
-        }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__co-owner-list']
-            }], eclFooterCoownerListItems: [{ type: i0.ContentChildren, args: [forwardRef(() => EclSiteFooterCoownerItemDirective), { isSignal: true }] }] } });
+        }], propDecorators: { eclFooterCoownerListItems: [{ type: i0.ContentChildren, args: [forwardRef(() => EclSiteFooterCoownerItemDirective), { isSignal: true }] }] } });
 /**
  * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.
  *  Also add classes for the eclLinks children of the list item.
@@ -493,17 +434,15 @@ class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclSiteFooterCoownerItemDirective, isStandalone: true, selector: "[eclSiteFooterCoownerItem]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinks", predicate: EclLinkDirective, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclSiteFooterCoownerItemDirective, isStandalone: true, selector: "[eclSiteFooterCoownerItem]", host: { properties: { "class": "cssClasses" } }, queries: [{ propertyName: "eclLinks", predicate: EclLinkDirective, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterCoownerItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSiteFooterCoownerItem]',
+                    host: { '[class]': 'cssClasses' },
                 }]
-        }], ctorParameters: () => [], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], eclLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EclLinkDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { eclLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EclLinkDirective), { isSignal: true }] }] } });
 /**
  * Component that renders a feedback/survey section in the site footer.
@@ -580,13 +519,6 @@ class EclSiteFooterComponent extends ECLBaseDirective {
          */
         this.a11yStatementRef = input('https://commission.europa.eu/accessibility-statement_en', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "a11yStatementRef" }] : /* istanbul ignore next */ []));
-        // Detect which selector was used
-        const host = inject((ElementRef)).nativeElement;
-        // If the element tag is the old one → warn
-        if (host.tagName.toLowerCase() === 'ecl-site-footer') {
-            console.warn('[DEPRECATION] <ecl-site-footer> is deprecated. ' +
-                'Use <footer eclSiteFooter> instead.');
-        }
         this.i18nService.getState().pipe(takeUntilDestroyed()).subscribe((lang) => {
             this.languageCode = lang.activeLang;
         });
@@ -599,11 +531,11 @@ class EclSiteFooterComponent extends ECLBaseDirective {
         return logoLanguageCode(this.languageCode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSiteFooterComponent, isStandalone: true, selector: "footer[eclSiteFooter], ecl-site-footer", inputs: { isCore: { classPropertyName: "isCore", publicName: "isCore", isSignal: true, isRequired: false, transformFunction: null }, a11yStatementRef: { classPropertyName: "a11yStatementRef", publicName: "a11yStatementRef", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "contentinfo" }, properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n    <div class=\"ecl-container ecl-site-footer__container\">\n        <ng-content select=\"[eclSiteFooterFeedback]\"></ng-content>\n        @if(eclThemeService.isEC$ | async) {\n        @if (isCore()) {\n        <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n            <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\n                    href=\"https://commission.europa.eu/index_{{languageCode}}\" eclLink isInverted variant=\"standalone\"\n                    eclSiteFooterLogoLink>\n                    <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                            src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\"\n                            alt=\"European Commission\"></picture>\n                </a>\n                <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n                </div>\n            </div>\n            <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n        </div>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore()\" [languageCode]=\"languageCode\" [a11yStatementRef]=\"a11yStatementRef()\"></div>\n        } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore()\" [languageCode]=\"languageCode\" [a11yStatementRef]=\"a11yStatementRef()\"></div>\n        }\n        }\n        @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu [isCore]=\"isCore()\" [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\" [a11yStatementRef]=\"a11yStatementRef()\">\n        </ecl-site-footer-fixed-content-eu>\n        }\n\n        <ng-template #content>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclSiteFooterRowCommonComponent, selector: "div[eclSiteFooterRowCommon]", inputs: ["languageCode", "a11yStatementRef", "isCore"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content", "a11yStatementRef"] }, { kind: "component", type: EclSiteFooterCoreComponent, selector: "div[eclSiteFooterCore]", inputs: ["languageCode"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSiteFooterComponent, isStandalone: true, selector: "footer[eclSiteFooter]", inputs: { isCore: { classPropertyName: "isCore", publicName: "isCore", isSignal: true, isRequired: false, transformFunction: null }, a11yStatementRef: { classPropertyName: "a11yStatementRef", publicName: "a11yStatementRef", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "contentinfo" }, properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n    <div class=\"ecl-container ecl-site-footer__container\">\n        <ng-content select=\"[eclSiteFooterFeedback]\"></ng-content>\n        @if(eclThemeService.isEC$ | async) {\n        @if (isCore()) {\n        <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n            <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\n                    href=\"https://commission.europa.eu/index_{{languageCode}}\" eclLink isInverted variant=\"standalone\"\n                    eclSiteFooterLogoLink>\n                    <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                            src=\"assets/images/ecl/logo/ec/negative/logo-ec--{{logoLanguageCode}}.svg\"\n                            alt=\"European Commission\"></picture>\n                </a>\n                <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n                </div>\n            </div>\n            <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n        </div>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore()\" [languageCode]=\"languageCode\" [a11yStatementRef]=\"a11yStatementRef()\"></div>\n        } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore()\" [languageCode]=\"languageCode\" [a11yStatementRef]=\"a11yStatementRef()\"></div>\n        }\n        }\n        @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu [isCore]=\"isCore()\" [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\" [a11yStatementRef]=\"a11yStatementRef()\">\n        </ecl-site-footer-fixed-content-eu>\n        }\n\n        <ng-template #content>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclSiteFooterRowCommonComponent, selector: "div[eclSiteFooterRowCommon]", inputs: ["languageCode", "a11yStatementRef", "isCore"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content", "a11yStatementRef"] }, { kind: "component", type: EclSiteFooterCoreComponent, selector: "div[eclSiteFooterCore]", inputs: ["languageCode"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'footer[eclSiteFooter], ecl-site-footer', imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,
+            args: [{ selector: 'footer[eclSiteFooter]', imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,
                         EclSiteFooterCoreComponent,
                     ], host: {
                         '[class]': 'cssClasses',