@eui/ecl 21.2.5 → 21.2.6-snapshot-1780316227243
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.
- package/docs/changelog.html +64 -0
- package/docs/components/EclSiteFooterComponent.html +1 -1
- package/docs/components/EclSiteFooterFixedContentEUComponent.html +1 -1
- package/docs/components/EclSiteFooterRowCommonComponent.html +1 -1
- package/docs/components/EclSiteHeaderComponent.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/documentation.json +4 -4
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-accordion.mjs +18 -18
- package/fesm2022/eui-ecl-components-ecl-app.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-banner.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-blockquote.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-breadcrumb.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-button.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-card.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-carousel.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-category-filter.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-checkbox.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-content-block.mjs +54 -54
- package/fesm2022/eui-ecl-components-ecl-content-item.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-date-block.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-date-picker.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-divider.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-expandable.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-fact-figures.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-featured.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-feedback-message.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-file-upload.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-file.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-form-group.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-gallery.mjs +18 -18
- package/fesm2022/eui-ecl-components-ecl-help-block.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-icon.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-label.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-link.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-list.mjs +27 -27
- package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-media-container.mjs +21 -21
- package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +48 -48
- package/fesm2022/eui-ecl-components-ecl-menu.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-modal.mjs +21 -21
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +21 -21
- package/fesm2022/eui-ecl-components-ecl-navigation-list.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-news-ticker.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-notification.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-page-header.mjs +54 -54
- package/fesm2022/eui-ecl-components-ecl-page-information.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-pagination.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-popover.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-radio.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-range.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-select.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +66 -66
- package/fesm2022/eui-ecl-components-ecl-site-footer.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-site-header.mjs +61 -61
- package/fesm2022/eui-ecl-components-ecl-site-header.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-splash-page.mjs +27 -27
- package/fesm2022/eui-ecl-components-ecl-spotlight.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-sticky-container.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-table.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-tabs.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-tag.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-text-area.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-text-input.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-timeline.mjs +18 -18
- package/fesm2022/eui-ecl-components-ecl-tooltip.mjs +3 -3
- package/fesm2022/eui-ecl-core.mjs +25 -25
- package/fesm2022/eui-ecl-shared.mjs +3 -3
- package/package.json +2 -2
|
@@ -62400,7 +62400,7 @@
|
|
|
62400
62400
|
}
|
|
62401
62401
|
}
|
|
62402
62402
|
},
|
|
62403
|
-
"templateData": "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n <div class=\"ecl-container ecl-site-footer__container\">\n @if(eclThemeService.isEC$ | async) {\n @if (isCore) {\n <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\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/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>"
|
|
62403
|
+
"templateData": "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n <div class=\"ecl-container ecl-site-footer__container\">\n @if(eclThemeService.isEC$ | async) {\n @if (isCore) {\n <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\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>"
|
|
62404
62404
|
},
|
|
62405
62405
|
{
|
|
62406
62406
|
"name": "EclSiteFooterCoownerComponent",
|
|
@@ -62921,7 +62921,7 @@
|
|
|
62921
62921
|
"extends": [
|
|
62922
62922
|
"ECLBaseDirective"
|
|
62923
62923
|
],
|
|
62924
|
-
"templateData": "@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/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n media=\"(min-width: 996px)\" />\n <img\n eclSiteFooterLogoImage\n src=\"./assets/images/ecl/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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.CONTACT-EU' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.LEGAL' | translate }}\n </div>\n <ul eclSiteFooterList>\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=\"{{ a11yStatementRef }}\">\n {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n </a>\n </li>\n </ul>\n </div>\n <div eclSiteFooterSection>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n </div>\n <ul eclSiteFooterList>\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/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n media=\"(min-width: 996px)\" />\n <img\n eclSiteFooterLogoImage\n src=\"./assets/images/ecl/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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.CONTACT-EU' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.LEGAL' | translate }}\n </div>\n <ul eclSiteFooterList>\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=\"{{ a11yStatementRef }}\">\n {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n </a>\n </li>\n </ul>\n </div>\n <div eclSiteFooterSection>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n </div>\n <ul eclSiteFooterList>\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"
|
|
62924
|
+
"templateData": "@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/logo/eu/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n media=\"(min-width: 996px)\" />\n <img\n eclSiteFooterLogoImage\n src=\"./assets/images/ecl/logo/eu/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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.CONTACT-EU' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.LEGAL' | translate }}\n </div>\n <ul eclSiteFooterList>\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=\"{{ a11yStatementRef }}\">\n {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n </a>\n </li>\n </ul>\n </div>\n <div eclSiteFooterSection>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n </div>\n <ul eclSiteFooterList>\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/logo/eu/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n media=\"(min-width: 996px)\" />\n <img\n eclSiteFooterLogoImage\n src=\"./assets/images/ecl/logo/eu/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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.CONTACT-EU' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n </div>\n <ul eclSiteFooterList>\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>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.LEGAL' | translate }}\n </div>\n <ul eclSiteFooterList>\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=\"{{ a11yStatementRef }}\">\n {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n </a>\n </li>\n </ul>\n </div>\n <div eclSiteFooterSection>\n <div eclSiteFooterTitle isSeparator>\n {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n </div>\n <ul eclSiteFooterList>\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"
|
|
62925
62925
|
},
|
|
62926
62926
|
{
|
|
62927
62927
|
"name": "EclSiteFooterRowCommonComponent",
|
|
@@ -63126,7 +63126,7 @@
|
|
|
63126
63126
|
}
|
|
63127
63127
|
}
|
|
63128
63128
|
},
|
|
63129
|
-
"templateData": "<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/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n </picture>\n </a>\n <div class=\"ecl-site-footer__extra-links-container\">\n <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n <ecl-social-media-follow-item icon=\"mastodon\" href=\"https://ec.social-network.europa.eu/@EUCommission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"chain\"\n href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n isInverted></ecl-social-media-follow-item>\n </ecl-social-media-follow>\n <ul eclSiteFooterList isInline>\n <li eclSiteFooterListItem><a\n href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n </ul>\n </div>\n } @else {\n <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-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></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"chain\"\n href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n isInverted></ecl-social-media-follow-item>\n </ecl-social-media-follow>\n }\n <ul eclSiteFooterList isInline>\n <li eclSiteFooterListItem><a\n href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef }}\"\n eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n </ul>\n</div>"
|
|
63129
|
+
"templateData": "<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 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></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"chain\"\n href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n isInverted></ecl-social-media-follow-item>\n </ecl-social-media-follow>\n <ul eclSiteFooterList isInline>\n <li eclSiteFooterListItem><a\n href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n </ul>\n </div>\n } @else {\n <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-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></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"bluesky\" href=\"https://bsky.app/profile/ec.europa.eu\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"youtube\" href=\"https://www.youtube.com/user/eutube\"\n isInverted></ecl-social-media-follow-item>\n <ecl-social-media-follow-item icon=\"chain\"\n href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n isInverted></ecl-social-media-follow-item>\n </ecl-social-media-follow>\n }\n <ul eclSiteFooterList isInline>\n <li eclSiteFooterListItem><a\n href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n <li eclSiteFooterListItem><a href=\"{{ a11yStatementRef }}\"\n eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n </ul>\n</div>"
|
|
63130
63130
|
},
|
|
63131
63131
|
{
|
|
63132
63132
|
"name": "EclSiteHeaderActionComponent",
|
|
@@ -63959,7 +63959,7 @@
|
|
|
63959
63959
|
}
|
|
63960
63960
|
}
|
|
63961
63961
|
},
|
|
63962
|
-
"templateData": "<div class=\"ecl-site-header__background\">\n <div class=\"ecl-site-header__header\" #siteHeaderHeader>\n <div class=\"ecl-site-header__container ecl-container\">\n <div #topContainer class=\"ecl-site-header__top\">\n @if(hasCustomLink()) {\n <ng-content select=\"[eclSiteHeaderLink]\"></ng-content>\n } @else {\n <a eclLink variant=\"standalone\" class=\"ecl-site-header__logo-link\"\n href=\"https://commission.europa.eu/index_{{ languageCode }}\" (click)=\"onECLogoClick($event)\"\n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n style=\"display: flex; align-items: center; position: relative;\">\n <ng-content select=\"[eclSiteHeaderEnvironment]\" media=\"(min-width: 1140px)\"></ng-content>\n\n @if (eclThemeService.isEC$ | async) {\n <picture eclSiteHeaderPicture\n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n <source\n srcset=\"./assets/images/ecl/logo/positive/logo-ec--{{ partOfLogoName }}.svg\"\n media=\"(min-width: 415px)\" />\n <img class=\"ecl-site-header__logo-image ecl-site-header__logo-image--{{logoSize}}\"\n src=\"./assets/images/ecl/logo/logo-ec--mute.svg\"\n [attr.alt]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" />\n </picture>\n }\n @if (eclThemeService.isEU$ | async) {\n <picture eclSiteHeaderPicture\n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n <source\n srcset=\"./assets/images/ecl/logo/standard-version/positive/logo-eu--{{ partOfLogoName }}.svg\"\n media=\"(min-width: 415px)\" />\n <img class=\"ecl-site-header__logo-image ecl-site-header__logo-image--{{logoSize}}\"\n src=\"./assets/images/ecl/logo/condensed-version/positive/logo-eu--{{ partOfLogoName }}.svg\"\n alt=\"European Union\" />\n </picture>\n }\n </a>\n }\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n </div>\n <ng-content select=\"ecl-site-header-notification\"></ng-content>\n</div>\n\n\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n@if (siteName) {\n <div class=\"ecl-site-header__banner\" #bannerHeader [class.ecl-site-header__site-name--mobile-only]=\"isSiteNameMobileOnly\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n </div>\n}\n\n<ng-content select=\"ecl-menu\"></ng-content>\n<ng-content select=\"[eclMegaMenu]\"></ng-content>\n"
|
|
63962
|
+
"templateData": "<div class=\"ecl-site-header__background\">\n <div class=\"ecl-site-header__header\" #siteHeaderHeader>\n <div class=\"ecl-site-header__container ecl-container\">\n <div #topContainer class=\"ecl-site-header__top\">\n @if(hasCustomLink()) {\n <ng-content select=\"[eclSiteHeaderLink]\"></ng-content>\n } @else {\n <a eclLink variant=\"standalone\" class=\"ecl-site-header__logo-link\"\n href=\"https://commission.europa.eu/index_{{ languageCode }}\" (click)=\"onECLogoClick($event)\"\n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n style=\"display: flex; align-items: center; position: relative;\">\n <ng-content select=\"[eclSiteHeaderEnvironment]\" media=\"(min-width: 1140px)\"></ng-content>\n\n @if (eclThemeService.isEC$ | async) {\n <picture eclSiteHeaderPicture\n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n <source\n srcset=\"./assets/images/ecl/logo/ec/positive/logo-ec--{{ partOfLogoName }}.svg\"\n media=\"(min-width: 415px)\" />\n <img class=\"ecl-site-header__logo-image ecl-site-header__logo-image--{{logoSize}}\"\n src=\"./assets/images/ecl/logo/ec/logo-ec--mute.svg\"\n [attr.alt]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" />\n </picture>\n }\n @if (eclThemeService.isEU$ | async) {\n <picture eclSiteHeaderPicture\n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n <source\n srcset=\"./assets/images/ecl/logo/eu/standard-version/positive/logo-eu--{{ partOfLogoName }}.svg\"\n media=\"(min-width: 415px)\" />\n <img class=\"ecl-site-header__logo-image ecl-site-header__logo-image--{{logoSize}}\"\n src=\"./assets/images/ecl/logo/eu/condensed-version/positive/logo-eu--{{ partOfLogoName }}.svg\"\n alt=\"European Union\" />\n </picture>\n }\n </a>\n }\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n </div>\n <ng-content select=\"ecl-site-header-notification\"></ng-content>\n</div>\n\n\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n@if (siteName) {\n <div class=\"ecl-site-header__banner\" #bannerHeader [class.ecl-site-header__site-name--mobile-only]=\"isSiteNameMobileOnly\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n </div>\n}\n\n<ng-content select=\"ecl-menu\"></ng-content>\n<ng-content select=\"[eclMegaMenu]\"></ng-content>\n"
|
|
63963
63963
|
},
|
|
63964
63964
|
{
|
|
63965
63965
|
"name": "EclSiteHeaderCustomActionComponent",
|
package/docs/properties.html
CHANGED
|
@@ -60,10 +60,10 @@ class EclAccordionItemComponent {
|
|
|
60
60
|
this.isExpanded = nextExpandedState;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.15", type: EclAccordionItemComponent, isStandalone: true, selector: "ecl-accordion-item", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.ECLBaseDirective }], ngImport: i0, template: "<div class=\"ecl-accordion__title\" [id]=\"titleId\">\n <button\n type=\"button\"\n (click)=\"onItemClick($event)\"\n [attr.aria-expanded]=\"isExpanded\"\n class=\"ecl-accordion__toggle\"\n [attr.aria-controls]=\"contentId\">\n <span class=\"ecl-accordion__toggle-flex\">\n <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n <span class=\"ecl-accordion__toggle-indicator\">\n <ecl-icon icon=\"plus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n <ecl-icon icon=\"minus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n </span>\n </span>\n </button>\n</div>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionItemComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{ selector: 'ecl-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule], hostDirectives: [
|
|
69
69
|
{
|
|
@@ -131,10 +131,10 @@ class EclAccordionComponent {
|
|
|
131
131
|
this.renderer.addClass(elements[0].nativeElement, 'is-first');
|
|
132
132
|
this.renderer.addClass(elements[elements.length - 1].nativeElement, 'is-last');
|
|
133
133
|
}
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: EclAccordionComponent, isStandalone: true, selector: "ecl-accordion", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EclAccordionItemComponent), read: ElementRef }], hostDirectives: [{ directive: i1.ECLBaseDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionComponent, decorators: [{
|
|
138
138
|
type: Component,
|
|
139
139
|
args: [{ selector: 'ecl-accordion', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
140
140
|
{
|
|
@@ -150,10 +150,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
150
150
|
}] } });
|
|
151
151
|
|
|
152
152
|
class EclAccordionItemDirective {
|
|
153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
154
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
154
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclAccordionItemDirective, isStandalone: true, selector: "details[eclAccordionItem]", host: { classAttribute: "ecl-accordion__item" }, ngImport: i0 }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionItemDirective, decorators: [{
|
|
157
157
|
type: Directive,
|
|
158
158
|
args: [{
|
|
159
159
|
selector: 'details[eclAccordionItem]',
|
|
@@ -163,10 +163,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
163
163
|
}]
|
|
164
164
|
}] });
|
|
165
165
|
class EclAccordionContentDirective {
|
|
166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
167
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
166
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
167
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclAccordionContentDirective, isStandalone: true, selector: "div[eclAccordionContent]", host: { classAttribute: "ecl-accordion__content" }, ngImport: i0 }); }
|
|
168
168
|
}
|
|
169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionContentDirective, decorators: [{
|
|
170
170
|
type: Directive,
|
|
171
171
|
args: [{
|
|
172
172
|
selector: 'div[eclAccordionContent]',
|
|
@@ -180,10 +180,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
180
180
|
* Represents an individual item within an ECL Accordion.
|
|
181
181
|
*/
|
|
182
182
|
class EclAccordionSummaryComponent {
|
|
183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
184
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: EclAccordionSummaryComponent, isStandalone: true, selector: "summary[eclAccordionToggle]", host: { classAttribute: "ecl-accordion__toggle" }, ngImport: i0, template: "<ng-content></ng-content>\n<ecl-icon icon=\"plus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n</ecl-icon>\n<ecl-icon icon=\"minus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n</ecl-icon>", dependencies: [{ kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
|
|
185
185
|
}
|
|
186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionSummaryComponent, decorators: [{
|
|
187
187
|
type: Component,
|
|
188
188
|
args: [{ selector: 'summary[eclAccordionToggle]', imports: [...EUI_ECL_ICON], host: {
|
|
189
189
|
class: 'ecl-accordion__toggle',
|
|
@@ -239,10 +239,10 @@ class EclAccordionDirective {
|
|
|
239
239
|
this.renderer.addClass(elements[0].nativeElement, 'is-first');
|
|
240
240
|
this.renderer.addClass(elements[elements.length - 1].nativeElement, 'is-last');
|
|
241
241
|
}
|
|
242
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
243
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
242
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
243
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclAccordionDirective, isStandalone: true, selector: "div[eclAccordion]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EclAccordionItemDirective), read: ElementRef }], hostDirectives: [{ directive: i1.ECLBaseDirective }], ngImport: i0 }); }
|
|
244
244
|
}
|
|
245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAccordionDirective, decorators: [{
|
|
246
246
|
type: Directive,
|
|
247
247
|
args: [{
|
|
248
248
|
selector: 'div[eclAccordion]',
|
|
@@ -92,10 +92,10 @@ class EclAppComponent extends ECLBaseDirective {
|
|
|
92
92
|
this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
96
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
95
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: EclAppComponent, isStandalone: true, selector: "ecl-app", outputs: { languageDismiss: "languageDismiss" }, host: { properties: { "attr.dir": "this.textDirection" } }, queries: [{ propertyName: "eclSiteHeaderLanguage", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAppComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{ selector: 'ecl-app', template: "<ng-content></ng-content>\n" }]
|
|
101
101
|
}], propDecorators: { textDirection: [{
|
|
@@ -18,10 +18,10 @@ class EclBannerPictureDirective extends ECLBaseDirective {
|
|
|
18
18
|
get cssClasses() {
|
|
19
19
|
return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
22
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerPictureDirective, isStandalone: true, selector: "picture[eclBannerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerPictureDirective, decorators: [{
|
|
25
25
|
type: Directive,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: 'picture[eclBannerPicture]',
|
|
@@ -40,10 +40,10 @@ class EclBannerImageDirective extends ECLBaseDirective {
|
|
|
40
40
|
this.el = inject(ElementRef);
|
|
41
41
|
this.className = true;
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
44
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerImageDirective, isStandalone: true, selector: "img[eclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerImageDirective, decorators: [{
|
|
47
47
|
type: Directive,
|
|
48
48
|
args: [{
|
|
49
49
|
selector: 'img[eclBannerImage]',
|
|
@@ -66,10 +66,10 @@ class EclBannerVideoDirective extends ECLBaseDirective {
|
|
|
66
66
|
*/
|
|
67
67
|
this.videoClasses = 'ecl-video ecl-banner__video';
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
70
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerVideoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
70
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerVideoDirective, isStandalone: true, selector: "video[eclBannerVideo]", host: { properties: { "class": "this.videoClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerVideoDirective, decorators: [{
|
|
73
73
|
type: Directive,
|
|
74
74
|
args: [{
|
|
75
75
|
selector: 'video[eclBannerVideo]',
|
|
@@ -342,10 +342,10 @@ class EclBannerComponent extends ECLBaseDirective {
|
|
|
342
342
|
}
|
|
343
343
|
});
|
|
344
344
|
}
|
|
345
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
346
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclBannerComponent, isStandalone: true, selector: "ecl-banner", inputs: { eclSize: { classPropertyName: "eclSize", publicName: "eclSize", isSignal: false, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: false, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: false, isRequired: false, transformFunction: null }, boxBackground: { classPropertyName: "boxBackground", publicName: "boxBackground", isSignal: false, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: false, isRequired: false, transformFunction: null }, verticalAlignment: { classPropertyName: "verticalAlignment", publicName: "verticalAlignment", isSignal: false, isRequired: false, transformFunction: null }, copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: false, isRequired: false, transformFunction: null }, isFullWidth: { classPropertyName: "isFullWidth", publicName: "isFullWidth", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, hasOverlay: { classPropertyName: "hasOverlay", publicName: "hasOverlay", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--banner-footer-height.px": "this.bannerFooterHeight", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclBannerVideo", first: true, predicate: EclBannerVideoDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerFooter", first: true, predicate: ["bannerFooter"], descendants: true }, { propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n <ng-content select=\"[eclBannerPicture]\"></ng-content>\n @if(copyright) {\n <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n <ng-content select=\"[eclBannerVideo]\"></ng-content>\n @if(copyright) {\n <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n }\n <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n [style.display]=\"isPlaying() ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n <span eclButtonLabel>Play video</span>\n <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n </button>\n <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n [style.display]=\"isPlaying() ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n <span eclButtonLabel>Pause video</span>\n <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n <div #bannerContainer class=\"ecl-banner__container \">\n <div class=\"ecl-banner__content\">\n <ng-content select=\"[eclBannerTitle]\"></ng-content>\n <ng-content select=\"[eclBannerDescription]\"></ng-content>\n @if (hasCtaLink) {\n <div class=\"ecl-banner__cta\">\n <ng-content select=\"[eclLink]\"></ng-content>\n </div>\n }\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n <footer #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">\u00A9 {{copyright}}</div></footer>\n</ng-template>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
347
347
|
}
|
|
348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerComponent, decorators: [{
|
|
349
349
|
type: Component,
|
|
350
350
|
args: [{ selector: 'ecl-banner', imports: [
|
|
351
351
|
...EUI_ECL_ICON,
|
|
@@ -407,10 +407,10 @@ class EclBannerTitleDirective extends ECLBaseDirective {
|
|
|
407
407
|
super(...arguments);
|
|
408
408
|
this.className = 'ecl-banner__title';
|
|
409
409
|
}
|
|
410
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
411
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
410
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
411
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerTitleDirective, isStandalone: true, selector: "[eclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
412
412
|
}
|
|
413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
|
|
414
414
|
type: Directive,
|
|
415
415
|
args: [{
|
|
416
416
|
selector: '[eclBannerTitle]',
|
|
@@ -428,10 +428,10 @@ class EclBannerTitleTextDirective extends ECLBaseDirective {
|
|
|
428
428
|
super(...arguments);
|
|
429
429
|
this.className = 'ecl-banner__title-text';
|
|
430
430
|
}
|
|
431
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
432
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
432
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerTitleTextDirective, isStandalone: true, selector: "[eclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
433
433
|
}
|
|
434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
|
|
435
435
|
type: Directive,
|
|
436
436
|
args: [{
|
|
437
437
|
selector: '[eclBannerTitleText]',
|
|
@@ -449,10 +449,10 @@ class EclBannerTitleLinkDirective extends ECLBaseDirective {
|
|
|
449
449
|
super(...arguments);
|
|
450
450
|
this.className = 'ecl-link ecl-banner__title-link';
|
|
451
451
|
}
|
|
452
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
453
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
452
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
453
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerTitleLinkDirective, isStandalone: true, selector: "[eclBannerTitleLink]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
454
454
|
}
|
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerTitleLinkDirective, decorators: [{
|
|
456
456
|
type: Directive,
|
|
457
457
|
args: [{
|
|
458
458
|
selector: '[eclBannerTitleLink]',
|
|
@@ -470,10 +470,10 @@ class EclBannerDescriptionDirective extends ECLBaseDirective {
|
|
|
470
470
|
super(...arguments);
|
|
471
471
|
this.className = 'ecl-banner__description';
|
|
472
472
|
}
|
|
473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
474
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
474
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerDescriptionDirective, isStandalone: true, selector: "[eclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
475
475
|
}
|
|
476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
|
|
477
477
|
type: Directive,
|
|
478
478
|
args: [{
|
|
479
479
|
selector: '[eclBannerDescription]',
|
|
@@ -490,10 +490,10 @@ class EclBannerDescriptionTextDirective extends ECLBaseDirective {
|
|
|
490
490
|
super(...arguments);
|
|
491
491
|
this.className = 'ecl-banner__description-text';
|
|
492
492
|
}
|
|
493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
494
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
494
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerDescriptionTextDirective, isStandalone: true, selector: "[eclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
495
495
|
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
|
|
497
497
|
type: Directive,
|
|
498
498
|
args: [{
|
|
499
499
|
selector: '[eclBannerDescriptionText]',
|
|
@@ -511,10 +511,10 @@ class EclBannerDescriptionLinkDirective extends ECLBaseDirective {
|
|
|
511
511
|
super(...arguments);
|
|
512
512
|
this.className = 'ecl-link ecl-banner__description-link';
|
|
513
513
|
}
|
|
514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
515
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
514
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
515
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBannerDescriptionLinkDirective, isStandalone: true, selector: "[eclBannerDescriptionLink]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
516
516
|
}
|
|
517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerDescriptionLinkDirective, decorators: [{
|
|
518
518
|
type: Directive,
|
|
519
519
|
args: [{
|
|
520
520
|
selector: '[eclBannerDescriptionLink]',
|
|
@@ -58,10 +58,10 @@ class EclBlockquoteComponent extends ECLBaseDirective {
|
|
|
58
58
|
this.cd.detectChanges();
|
|
59
59
|
});
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquoteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclBlockquoteComponent, isStandalone: true, selector: "[eclBlockquote]", inputs: { author: "author" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"picture[eclBlockquotePicture]\"></ng-content>\n<div class=\"ecl-blockquote__body\">\n <blockquote class=\"ecl-blockquote__quote\">\n <p class=\"ecl-blockquote__citation\" [attr.lang]=\"languageCode\">\n <ng-content></ng-content>\n </p>\n @if (hasAuthor) {\n <footer class=\"ecl-blockquote__attribution\">\n <cite class=\"ecl-blockquote__author\">{{ author }}</cite>\n </footer>\n }\n </blockquote>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquoteComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
66
|
args: [{ selector: '[eclBlockquote]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<ng-content select=\"picture[eclBlockquotePicture]\"></ng-content>\n<div class=\"ecl-blockquote__body\">\n <blockquote class=\"ecl-blockquote__quote\">\n <p class=\"ecl-blockquote__citation\" [attr.lang]=\"languageCode\">\n <ng-content></ng-content>\n </p>\n @if (hasAuthor) {\n <footer class=\"ecl-blockquote__attribution\">\n <cite class=\"ecl-blockquote__author\">{{ author }}</cite>\n </footer>\n }\n </blockquote>\n</div>\n" }]
|
|
67
67
|
}], propDecorators: { author: [{
|
|
@@ -82,10 +82,10 @@ class EclBlockquotePictureDirective extends ECLBaseDirective {
|
|
|
82
82
|
get cssClasses() {
|
|
83
83
|
return [super.getCssClasses('ecl-picture ecl-blockquote__picture')].join(' ').trim();
|
|
84
84
|
}
|
|
85
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
86
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquotePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
86
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBlockquotePictureDirective, isStandalone: true, selector: "picture[eclBlockquotePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
87
87
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquotePictureDirective, decorators: [{
|
|
89
89
|
type: Directive,
|
|
90
90
|
args: [{
|
|
91
91
|
selector: 'picture[eclBlockquotePicture]',
|
|
@@ -105,10 +105,10 @@ class EclBlockquoteImageDirective extends ECLBaseDirective {
|
|
|
105
105
|
get cssClasses() {
|
|
106
106
|
return [super.getCssClasses('ecl-blockquote__image')].join(' ').trim();
|
|
107
107
|
}
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
109
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquoteImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
109
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclBlockquoteImageDirective, isStandalone: true, selector: "img[eclBlockquoteImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
110
110
|
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBlockquoteImageDirective, decorators: [{
|
|
112
112
|
type: Directive,
|
|
113
113
|
args: [{
|
|
114
114
|
selector: 'img[eclBlockquoteImage]',
|