\n \n
\n\n
\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Component({\n selector: 'ecl-accordion',\n templateUrl: './ecl-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: [`\n :host { \n display: block;\n }\n `]\n})\nexport class EclAccordionComponent extends ECLBaseDirective {\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-accordion')\n ].join(' ').trim();\n }\n}\n","![\"European](\"./assets/images/ecl/ec/logo/logo-ec--mute.svg\"){kind=logo}
\n\n
\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: '[eclLinkLabel]'\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-link__label')\n ].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclLinkLabelDirective } from './ecl-link-label.directive';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EclLinkDirective, EclLinkLabelDirective],\n declarations: [EclLinkDirective, EclLinkLabelDirective]\n})\nexport class EclLinkDirectiveModule {\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclHiddenDirective } from './ecl-hidden.directive';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EclHiddenDirective],\n declarations: [EclHiddenDirective]\n})\nexport class EclHiddenModule {\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclButtonComponentModule } from '../ecl-button/ecl-button.module';\nimport { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLanguageListComponent } from './ecl-language-list.component';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { EclLanguageListItemComponent } from './ecl-language-list-item.component';\nimport { EclHiddenModule } from '../../utils/directives/ecl-hidden/ecl-hidden.module';\n\n@NgModule({\n imports: [\n CommonModule,\n EclButtonComponentModule,\n EclIconComponentModule,\n EclLinkDirectiveModule,\n EclHiddenModule,\n TranslateModule,\n ],\n exports: [\n EclLanguageListComponent,\n EclLanguageListItemComponent,\n ],\n declarations: [\n EclLanguageListComponent,\n EclLanguageListItemComponent,\n ]\n})\nexport class EclLanguageListComponentModule {\n}\n","import { Component, EventEmitter, HostBinding, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { EclBaseEvent } from '../../../model/ecl-base.event';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\nexport class EclSiteHeaderLoginEvent extends EclBaseEvent { }\nexport class EclSiteHeaderLoginBoxToggleEvent extends EclBaseEvent {\n constructor(public isOpen: boolean) {\n super();\n }\n}\n\n@Component({\n selector: 'ecl-site-header-login',\n templateUrl: './ecl-site-header-login.component.html',\n styles: [`\n .ecl-site-header__login-toggle .ecl-site-header__login-arrow {\n display: inline-flex;\n }\n `]\n})\nexport class EclSiteHeaderLoginComponent extends ECLBaseDirective implements OnChanges {\n @coerceBoolean @Input() isLoggedIn: boolean | any = false;\n @HostBinding('class') class = 'ecl-site-header__login-container';\n\n @Output() login = new EventEmitter\n
\n \n \n
\n \n
\n \n
\n \n {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n
\n \n
\n \n
\n \n
\n\n {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n
\n \n
\n \n
\n \n
\n\n
\n\n\n \n\n ![\"European](\"./assets/images/ecl/ec/logo/logo-ec--{{)
\n \n
\n\n\n \n \n
\n\n
\n\n\n \n\n
\n\n \n \n
\n\n
\n\n\n \n\n
\n\n \n \n \n \n ![\"Site]( "\\"Site")
\n
\n{{ siteName }}
\n \n
\n\n
\n\n\n \n\n
\n\n \n \n
\n\n\n \n\n
\n\n
\n
\n\n\n
{{ eclTitle }}
\n{{ heading }}
\n\n
\n\n ![\"thumbnail\"]()
\n
\n \n
\n {{ labelInfo }}
\n \n {{ eclTitle }}
\n {{ description }}
\n \n
\n \n {{ label || 'ecl.common.DOWNLOAD' | translate }} \n {{ eclTitle }}
\n {{ language }}
\n \n \n
\n {{ eclTitle }}
\n {{ description }}
\n \n
\n \n {{ label || 'ecl.common.DOWNLOAD' | translate }} \n {{ language }}
\n {{ eclTitle }}
\n \n - \n
- \n
\n {{ itemsCount }} {{ 'ecl.gallery.MEDIA-FILES-COUNT' | translate }}\n
\n\n\n\n\n \n
","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n/**\n * @deprecated Will be removed. Functionality implemented in the 'ecl-hero-banner' component.\n */\n@Directive({\n selector: `[eclHeroBannerCtaLink]`\n})\nexport class EclHeroBannerCtaLinkDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-hero-banner__link-cta';\n\n constructor() {\n super();\n console.warn(`The directive \"eclHeroBannerCtaLink\" is deprecated. It's usage is not needed anymore.`);\n }\n}","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclHeroBannerCredit]`\n})\nexport class EclHeroBannerCreditDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-hero-banner__credit';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclHeroBannerTitleDirective } from './ecl-hero-banner-title.directive';\nimport { EclHeroBannerDescriptionDirective } from './ecl-hero-banner-description.directive';\nimport { EclHeroBannerComponent } from './ecl-hero-banner.component';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { EclHeroBannerCtaLinkDirective } from './ecl-hero-banner-cta-link.directive';\nimport { EclHeroBannerCreditDirective } from './ecl-hero-banner-credit.directive';\n\nconst COMPONENTS = [\n EclHeroBannerComponent,\n EclHeroBannerTitleDirective,\n EclHeroBannerDescriptionDirective,\n EclHeroBannerCreditDirective,\n // @deprecated\n EclHeroBannerCtaLinkDirective,\n];\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n ],\n exports: [\n ...COMPONENTS\n ],\n declarations: [\n ...COMPONENTS\n ],\n})\nexport class EclHeroBannerComponentModule {\n}\n","import { Component, HostBinding, Input, Output, EventEmitter } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\nimport { EclBaseEvent } from '../../model/ecl-base.event';\n\nexport class EclInpageNavigationItemClickEvent extends EclBaseEvent {\n constructor(public sectionElementId: string) {\n super();\n }\n}\n\n@Component({\n selector: 'ecl-inpage-navigation-item',\n templateUrl: './ecl-inpage-navigation-item.component.html',\n styles: [`\n :host {\n display: list-item;\n }\n `],\n})\nexport class EclInpageNavigationItemComponent extends ECLBaseDirective {\n @HostBinding('class.ecl-inpage-navigation__item') cmpClass = true;\n\n @Input() label: string;\n @Input() sectionId: string;\n @Input() @HostBinding('class.ecl-inpage-navigation__item--active') isActive: boolean;\n\n @Output() itemClick = new EventEmitter\n
\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: '[eclListIllustrationIcon]',\n})\nexport class EclListIllustrationIconDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-list-illustration__icon') className = true;\n}\n","import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean, coerceNumber } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Component({\n selector: 'ecl-list-illustration',\n templateUrl: './ecl-list-illustration.component.html',\n})\nexport class EclListIllustrationComponent extends ECLBaseDirective {\n @coerceBoolean @Input() isZebra: boolean | any = false;\n @coerceNumber @Input() horizontalColumns: boolean | any = 0;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-list-illustration'),\n this.isZebra ? 'ecl-list-illustration--zebra' : '',\n this.horizontalColumns > 0 ? `ecl-list-illustration--col-${this.horizontalColumns}` : '',\n ].join(' ').trim();\n }\n}\n","\n
\n{{ eclTitle }}
\n\n
\n\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ECLClickOutsideDirective } from './ecl-click-outside.directive';\n\n@NgModule({\n imports: [CommonModule],\n exports: [ECLClickOutsideDirective],\n declarations: [ECLClickOutsideDirective]\n})\nexport class EclClickOutsideModule {\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LayoutModule } from '@angular/cdk/layout';\nimport { EclMenuComponent } from './ecl-menu/ecl-menu.component';\nimport { EclMenuItemComponent } from './ecl-menu/ecl-menu-item.component';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclMenuMegaComponent } from './ecl-menu-mega/ecl-menu-mega.component';\nimport { EclMenuMegaItemComponent } from './ecl-menu-mega/ecl-menu-mega-item.component';\nimport { EclButtonComponentModule } from '../ecl-button';\nimport { EclClickOutsideModule } from '../../utils/directives/ecl-click-outside';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n imports: [\n EclButtonComponentModule,\n EclClickOutsideModule,\n EclIconComponentModule,\n EclLinkDirectiveModule,\n CommonModule,\n RouterModule,\n LayoutModule,\n TranslateModule\n ],\n exports: [\n EclMenuComponent,\n EclMenuItemComponent,\n EclMenuMegaComponent,\n EclMenuMegaItemComponent\n ],\n declarations: [\n EclMenuComponent,\n EclMenuItemComponent,\n EclMenuMegaComponent,\n EclMenuMegaItemComponent\n ]\n})\nexport class EclMenuComponentModule {\n}\n","import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';\nimport { EclBaseEvent } from '../../model/ecl-base.event';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\nexport class EclMessageCloseEvent extends EclBaseEvent { }\n\n@Component({\n selector: 'ecl-message',\n templateUrl: './ecl-message.component.html',\n})\nexport class EclMessageComponent extends ECLBaseDirective {\n @Input() messageTitle: string;\n @Input() variant: 'info' | 'success' | 'warning' | 'error' = 'info';\n @coerceBoolean @Input() isVisible: boolean | any = true;\n @coerceBoolean @Input() isCloseable: boolean | any = true;\n\n @Output() close = new EventEmitter\n
\n\n \n
\n\n {{ itemIndex }} of {{ itemsCount }}\n
\n\n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclButtonComponentModule } from '../ecl-button/ecl-button.module';\nimport { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclNewsTickerComponent } from './ecl-news-ticker.component';\nimport { EclNewsTickerItemComponent } from './ecl-news-ticker-item.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TranslateModule,\n EclButtonComponentModule,\n EclIconComponentModule,\n EclLinkDirectiveModule,\n ],\n exports: [\n EclNewsTickerComponent,\n EclNewsTickerItemComponent,\n ],\n declarations: [\n EclNewsTickerComponent,\n EclNewsTickerItemComponent,\n ]\n})\nexport class EclNewsTickerComponentModule {\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageBannerTitle]`\n})\nexport class EclPageBannerTitleDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-banner__title';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageBannerDescription]`\n})\nexport class EclPageBannerDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-banner__description';\n}\n","import { Component, Input, QueryList, forwardRef, AfterContentInit, ContentChildren, HostBinding } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\nimport { EclLinkDirective } from '../ecl-link/ecl-link.directive';\n\n@Component({\n selector: 'ecl-page-banner',\n templateUrl: './ecl-page-banner.component.html',\n})\nexport class EclPageBannerComponent extends ECLBaseDirective implements AfterContentInit {\n @Input() variant: 'default' | 'image' | 'image-shade' | 'image-gradient' | 'primary' | 'secondary' | 'white' = 'default';\n @Input() image: string;\n @coerceBoolean @Input() isCentered: boolean | any = true;\n @coerceBoolean @Input() isFullWidth: boolean | any = false;\n\n @ContentChildren(forwardRef(() => EclLinkDirective)) eclLinkComponents: QueryList\n \n
","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n/**\n * @deprecated Will be removed. Functionality implemented in the 'ecl-page-banner' component.\n */\n@Directive({\n selector: `[eclPageBannerCtaLink]`\n})\nexport class EclPageBannerCtaLinkDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-banner__link-cta';\n\n constructor() {\n super();\n console.warn(`The directive \"eclPageBannerCtaLink\" is deprecated. It's usage is not needed anymore.`);\n }\n}","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageBannerCredit]`\n})\nexport class EclPageBannerCreditDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-banner__credit';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclPageBannerTitleDirective } from './ecl-page-banner-title.directive';\nimport { EclPageBannerDescriptionDirective } from './ecl-page-banner-description.directive';\nimport { EclPageBannerComponent } from './ecl-page-banner.component';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { EclPageBannerCtaLinkDirective } from './ecl-page-banner-cta-link.directive';\nimport { EclPageBannerCreditDirective } from './ecl-page-banner-credit.directive';\n\nconst COMPONENTS = [\n EclPageBannerComponent,\n EclPageBannerTitleDirective,\n EclPageBannerDescriptionDirective,\n EclPageBannerCreditDirective,\n // @deprecated\n EclPageBannerCtaLinkDirective,\n];\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n ],\n exports: [\n ...COMPONENTS\n ],\n declarations: [\n ...COMPONENTS\n ]\n})\nexport class EclPageBannerComponentModule {\n}\n","import { Component, Input, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\nimport { EclBreadcrumbComponentBase } from '../../../ecl-breadcrumb/deprecated/common/ecl-breadcrumb.component';\n\n@Component({ \n template: '',\n})\nexport abstract class EclPageHeaderComponentBase extends ECLBaseDirective implements AfterContentInit {\n @Input() group: string = '2';\n @Input() backgroundImage: string = null;\n\n abstract eclBreadcrumbComponent: EclBreadcrumbComponentBase;\n abstract getBreadcrumbClass(): string;\n\n ngAfterContentInit() {\n if (this.eclBreadcrumbComponent) {\n this.eclBreadcrumbComponent.class = this.getBreadcrumbClass();\n }\n }\n\n hasBackgroundImage(): boolean {\n return !!this.backgroundImage;\n }\n\n getBackgroundImage(): any {\n return this.hasBackgroundImage() ? 'url(' + this.backgroundImage + ')' : undefined;\n }\n\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreDescriptionContainer]`\n})\nexport class EclPageHeaderCoreDescriptionContainerDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__description-container';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreDescriptionThumbnail]`\n})\nexport class EclPageHeaderCoreDescriptionThumbnailDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__description-thumbnail';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreDescription]`\n})\nexport class EclPageHeaderCoreDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__description';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreTitle]`\n})\nexport class EclPageHeaderCoreTitleDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__title';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreMeta]`\n})\nexport class EclPageHeaderCoreMetaDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__meta';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderCoreMetaItem]`\n})\nexport class EclPageHeaderCoreMetaItemDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-core__meta-item';\n}\n","import { Component, ContentChild, HostBinding } from '@angular/core';\nimport { EclBreadcrumbCoreComponent } from '../../../ecl-breadcrumb/deprecated/ecl-breadcrumb-core/ecl-breadcrumb-core.component';\nimport { EclPageHeaderComponentBase } from '../common/ecl-page-header.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@Component({\n selector: 'ecl-page-header-core',\n templateUrl: './ecl-page-header-core.component.html',\n styles: [`\n :host {\n display: block;\n }\n `]\n})\nexport class EclPageHeaderCoreComponent extends EclPageHeaderComponentBase {\n @ContentChild(EclBreadcrumbCoreComponent)\n eclBreadcrumbComponent: EclBreadcrumbCoreComponent;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-page-header-core'),\n this.hasBackgroundImage() ? 'ecl-page-header-core--image ecl-page-header-core--overlay-dark' : ''\n ].join(' ').trim();\n }\n\n getBreadcrumbClass(): string {\n return 'ecl-page-header-core__breadcrumb';\n }\n}\n","\n
\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n EclPageHeaderCoreDescriptionContainerDirective,\n EclPageHeaderCoreDescriptionDirective,\n EclPageHeaderCoreDescriptionThumbnailDirective\n} from './ecl-page-header-core-description.directive';\nimport { EclPageHeaderCoreTitleDirective } from './ecl-page-header-core-title.directive';\nimport { EclPageHeaderCoreMetaDirective, EclPageHeaderCoreMetaItemDirective } from './ecl-page-header-core-meta.directive';\nimport { EclPageHeaderCoreComponent } from './ecl-page-header-core.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@NgModule({\n imports: [CommonModule],\n exports: [\n EclPageHeaderCoreComponent,\n EclPageHeaderCoreMetaDirective,\n EclPageHeaderCoreMetaItemDirective,\n EclPageHeaderCoreTitleDirective,\n EclPageHeaderCoreDescriptionContainerDirective,\n EclPageHeaderCoreDescriptionDirective,\n EclPageHeaderCoreDescriptionThumbnailDirective\n ],\n declarations: [\n EclPageHeaderCoreComponent,\n EclPageHeaderCoreMetaDirective,\n EclPageHeaderCoreMetaItemDirective,\n EclPageHeaderCoreTitleDirective,\n EclPageHeaderCoreDescriptionContainerDirective,\n EclPageHeaderCoreDescriptionDirective,\n EclPageHeaderCoreDescriptionThumbnailDirective\n ]\n})\nexport class EclPageHeaderCoreComponentModule {\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedDescriptionContainer]`\n})\nexport class EclPageHeaderHarmonisedDescriptionContainerDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__description-container';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedDescriptionThumbnail]`\n})\nexport class EclPageHeaderHarmonisedDescriptionThumbnailDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__description-thumbnail';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedDescription]`\n})\nexport class EclPageHeaderHarmonisedDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__description';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedTitle]`\n})\nexport class EclPageHeaderHarmonisedTitleDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__title';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedMeta]`\n})\nexport class EclPageHeaderHarmonisedMetaDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__meta';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderHarmonisedMetaItem]`\n})\nexport class EclPageHeaderHarmonisedMetaItemDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-harmonised__meta-item';\n}\n","import { Component, ContentChild, HostBinding } from '@angular/core';\nimport { EclBreadcrumbHarmonisedComponent } from '../../../ecl-breadcrumb/deprecated/ecl-breadcrumb-harmonised/ecl-breadcrumb-harmonised.component';\nimport { EclPageHeaderComponentBase } from '../common/ecl-page-header.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@Component({\n selector: 'ecl-page-header-harmonised',\n templateUrl: './ecl-page-header-harmonised.component.html',\n styles: [`\n :host {\n display: block;\n }\n `]\n})\nexport class EclPageHeaderHarmonisedComponent extends EclPageHeaderComponentBase {\n @ContentChild(EclBreadcrumbHarmonisedComponent)\n eclBreadcrumbComponent: EclBreadcrumbHarmonisedComponent;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-page-header-harmonised'),\n `ecl-page-header-harmonised--group${this.group}`,\n ].join(' ').trim();\n }\n\n getBreadcrumbClass(): string {\n return 'ecl-page-header-harmonised__breadcrumb';\n }\n}\n","\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n EclPageHeaderHarmonisedDescriptionContainerDirective,\n EclPageHeaderHarmonisedDescriptionDirective,\n EclPageHeaderHarmonisedDescriptionThumbnailDirective\n} from './ecl-page-header-harmonised-description.directive';\nimport { EclPageHeaderHarmonisedTitleDirective } from './ecl-page-header-harmonised-title.directive';\nimport { EclPageHeaderHarmonisedMetaDirective, EclPageHeaderHarmonisedMetaItemDirective } from './ecl-page-header-harmonised-meta.directive';\nimport { EclPageHeaderHarmonisedComponent } from './ecl-page-header-harmonised.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@NgModule({\n imports: [CommonModule],\n exports: [\n EclPageHeaderHarmonisedComponent,\n EclPageHeaderHarmonisedMetaDirective,\n EclPageHeaderHarmonisedMetaItemDirective,\n EclPageHeaderHarmonisedTitleDirective,\n EclPageHeaderHarmonisedDescriptionContainerDirective,\n EclPageHeaderHarmonisedDescriptionDirective,\n EclPageHeaderHarmonisedDescriptionThumbnailDirective\n ],\n declarations: [\n EclPageHeaderHarmonisedComponent,\n EclPageHeaderHarmonisedMetaDirective,\n EclPageHeaderHarmonisedMetaItemDirective,\n EclPageHeaderHarmonisedTitleDirective,\n EclPageHeaderHarmonisedDescriptionContainerDirective,\n EclPageHeaderHarmonisedDescriptionDirective,\n EclPageHeaderHarmonisedDescriptionThumbnailDirective\n ]\n})\nexport class EclPageHeaderHarmonisedComponentModule {\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedDescriptionContainer]`\n})\nexport class EclPageHeaderStandardisedDescriptionContainerDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__description-container';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedDescriptionThumbnail]`\n})\nexport class EclPageHeaderStandardisedDescriptionThumbnailDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__description-thumbnail';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedDescription]`\n})\nexport class EclPageHeaderStandardisedDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__description';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedTitle]`\n})\nexport class EclPageHeaderStandardisedTitleDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__title';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../ecl-base.directive';\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedMeta]`\n})\nexport class EclPageHeaderStandardisedMetaDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__meta';\n}\n\n/**\n * @deprecated \n */\n@Directive({\n selector: `[eclPageHeaderStandardisedMetaItem]`\n})\nexport class EclPageHeaderStandardisedMetaItemDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header-standardised__meta-item';\n}\n","import { Component, ContentChild, HostBinding } from '@angular/core';\nimport { EclBreadcrumbStandardisedComponent } from '../../../ecl-breadcrumb/deprecated/ecl-breadcrumb-standardised/ecl-breadcrumb-standardised.component';\nimport { EclPageHeaderComponentBase } from '../common/ecl-page-header.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@Component({\n selector: 'ecl-page-header-standardised',\n templateUrl: './ecl-page-header-standardised.component.html',\n styles: [`\n :host {\n display: block;\n }\n `]\n})\nexport class EclPageHeaderStandardisedComponent extends EclPageHeaderComponentBase {\n @ContentChild(EclBreadcrumbStandardisedComponent)\n eclBreadcrumbComponent: EclBreadcrumbStandardisedComponent;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-page-header-standardised'),\n `ecl-page-header-standardised--group${this.group}`,\n this.hasBackgroundImage() ? 'ecl-page-header-standardised--image' : ''\n ].join(' ').trim();\n }\n\n getBreadcrumbClass(): string {\n return 'ecl-page-header-standardised__breadcrumb';\n }\n}\n","\n
\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n EclPageHeaderStandardisedDescriptionContainerDirective,\n EclPageHeaderStandardisedDescriptionDirective,\n EclPageHeaderStandardisedDescriptionThumbnailDirective\n} from './ecl-page-header-standardised-description.directive';\nimport { EclPageHeaderStandardisedTitleDirective } from './ecl-page-header-standardised-title.directive';\nimport { EclPageHeaderStandardisedMetaDirective, EclPageHeaderStandardisedMetaItemDirective } from './ecl-page-header-standardised-meta.directive';\nimport { EclPageHeaderStandardisedComponent } from './ecl-page-header-standardised.component';\n\n/**\n * @deprecated Please use EclPageHeaderComponent instead\n */\n@NgModule({\n imports: [CommonModule],\n exports: [\n EclPageHeaderStandardisedComponent,\n EclPageHeaderStandardisedMetaDirective,\n EclPageHeaderStandardisedMetaItemDirective,\n EclPageHeaderStandardisedTitleDirective,\n EclPageHeaderStandardisedDescriptionContainerDirective,\n EclPageHeaderStandardisedDescriptionDirective,\n EclPageHeaderStandardisedDescriptionThumbnailDirective\n ],\n declarations: [\n EclPageHeaderStandardisedComponent,\n EclPageHeaderStandardisedMetaDirective,\n EclPageHeaderStandardisedMetaItemDirective,\n EclPageHeaderStandardisedTitleDirective,\n EclPageHeaderStandardisedDescriptionContainerDirective,\n EclPageHeaderStandardisedDescriptionDirective,\n EclPageHeaderStandardisedDescriptionThumbnailDirective\n ]\n})\nexport class EclPageHeaderStandardisedComponentModule {\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageHeaderDescriptionContainer]`\n})\nexport class EclPageHeaderDescriptionContainerDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__description-container';\n}\n\n@Directive({\n selector: `[eclPageHeaderDescriptionThumbnail]`\n})\nexport class EclPageHeaderDescriptionThumbnailDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__description-thumbnail';\n}\n\n@Directive({\n selector: `[eclPageHeaderDescription]`\n})\nexport class EclPageHeaderDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__description';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageHeaderTitle]`\n})\nexport class EclPageHeaderTitleDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__title';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Directive({\n selector: `[eclPageHeaderMeta]`\n})\nexport class EclPageHeaderMetaDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__meta';\n}\n\n@Directive({\n selector: `[eclPageHeaderMetaItem]`\n})\nexport class EclPageHeaderMetaItemDirective extends ECLBaseDirective {\n @HostBinding('class') className = 'ecl-page-header__meta-item';\n}\n","import { Component, ContentChild, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\nimport { EclBreadcrumbComponent } from '../ecl-breadcrumb/ecl-breadcrumb.component';\n\n@Component({\n selector: 'ecl-page-header',\n templateUrl: './ecl-page-header.component.html',\n styles: [`\n :host {\n display: block;\n }\n `]\n})\nexport class EclPageHeaderComponent extends ECLBaseDirective {\n @Input() backgroundImage: string = null;\n @coerceBoolean @Input() @HostBinding('class.ecl-page-header--negative') isNegative: boolean | any ;\n\n @ContentChild(EclBreadcrumbComponent)\n eclBreadcrumbComponent: EclBreadcrumbComponent;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-page-header'),\n this.backgroundImage ? 'ecl-page-header--image' : ''\n ].join(' ').trim();\n }\n\n ngAfterContentInit() {\n if (this.eclBreadcrumbComponent) {\n this.eclBreadcrumbComponent.class = this.getBreadcrumbClass();\n }\n }\n\n hasBackgroundImage(): boolean {\n return !!this.backgroundImage;\n }\n\n getBackgroundImage(): any {\n return this.hasBackgroundImage() ? 'url(' + this.backgroundImage + ')' : undefined;\n }\n\n getBreadcrumbClass(): string {\n return 'ecl-page-header__breadcrumb';\n }\n}\n","\n
\n\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionThumbnailDirective\n} from './ecl-page-header-description.directive';\nimport { EclPageHeaderTitleDirective } from './ecl-page-header-title.directive';\nimport { EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective } from './ecl-page-header-meta.directive';\nimport { EclPageHeaderComponent } from './ecl-page-header.component';\n\nconst COMPONENTS = [\n EclPageHeaderComponent,\n EclPageHeaderMetaDirective,\n EclPageHeaderMetaItemDirective,\n EclPageHeaderTitleDirective,\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionThumbnailDirective\n];\n\n@NgModule({\n imports: [CommonModule],\n exports: [...COMPONENTS],\n declarations: [...COMPONENTS]\n})\nexport class EclPageHeaderComponentModule {\n}\n","import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { EclBaseEvent } from '../../model/ecl-base.event';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\nexport class EclPaginationItemClickEvent extends EclBaseEvent { }\n\n@Component({\n selector: 'ecl-pagination-item',\n templateUrl: './ecl-pagination-item.component.html',\n})\nexport class EclPaginationItemComponent extends ECLBaseDirective {\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-pagination__item'),\n this.isCurrent ? 'ecl-pagination__item--current' : '',\n this.isNext ? 'ecl-pagination__item--next' : '',\n this.isPrevious ? 'ecl-pagination__item--previous' : '',\n ].join(' ').trim();\n }\n\n @Input() label: string;\n @Input() ariaLabel: string;\n @coerceBoolean @Input() isCurrent: boolean | any ;\n @coerceBoolean @Input() isNext: boolean | any ;\n @coerceBoolean @Input() isPrevious: boolean | any ;\n @Input() routerLink: any = null;\n @Input() queryParams: any = null;\n @Input() queryParamsHandling: any = null;\n @Input() href: string = '';\n\n @Output() pageClick = new EventEmitter- \n
\n \n \n\n \n \n\n \n \n\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLinkDirectiveModule } from '../../../ecl-link/ecl-link.module';\nimport { EclIconComponentModule } from '../../../ecl-icon/ecl-icon.module';\nimport { EclFooterHarmonisedSectionDirective } from './ecl-footer-elements/ecl-footer-harmonised-section.directive';\nimport { EclFooterHarmonisedTitleDirective,\n EclFooterHarmonisedTitleLinkDirective } from './ecl-footer-elements/ecl-footer-harmonised-title.directive';\nimport { EclFooterHarmonisedDescriptionDirective } from './ecl-footer-elements/ecl-footer-harmonised-description.directive';\nimport { EclFooterHarmonisedListDirective,\n EclFooterHarmonisedLogoListDirective,\n EclFooterHarmonisedLogoItemDirective,\n EclFooterHarmonisedLogoDirective,\n EclFooterHarmonisedListItemDirective } from './ecl-footer-elements/ecl-footer-harmonised-list.directive';\nimport { EclFooterHarmonisedLinkDirective,\n EclFooterHarmonisedLogoLinkDirective,\n EclFooterHarmonisedLogoImageDesktopDirective } from './ecl-footer-elements/ecl-footer-harmonised-link.directive';\nimport { EclFooterHarmonisedColumnDirective,\n EclFooterHarmonisedRowDirective,\n EclFooterHarmonisedContentDirective } from './ecl-footer-elements/ecl-footer-harmonised-column.directive';\nimport { EclFooterHarmonisedComponent } from './ecl-footer-harmonised.component';\n\n/**\n * @deprecated Please use EclFooterComponent instead\n */\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n EclIconComponentModule,\n TranslateModule\n ],\n exports: [\n EclFooterHarmonisedComponent,\n EclFooterHarmonisedSectionDirective,\n EclFooterHarmonisedTitleDirective,\n EclFooterHarmonisedDescriptionDirective,\n EclFooterHarmonisedListDirective,\n EclFooterHarmonisedLinkDirective,\n EclFooterHarmonisedColumnDirective,\n EclFooterHarmonisedLogoListDirective,\n EclFooterHarmonisedLogoItemDirective,\n EclFooterHarmonisedLogoDirective,\n EclFooterHarmonisedListItemDirective,\n EclFooterHarmonisedListDirective,\n EclFooterHarmonisedRowDirective,\n EclFooterHarmonisedContentDirective,\n EclFooterHarmonisedTitleLinkDirective,\n EclFooterHarmonisedLogoLinkDirective,\n EclFooterHarmonisedLogoImageDesktopDirective,\n ],\n declarations: [\n EclFooterHarmonisedComponent,\n EclFooterHarmonisedSectionDirective,\n EclFooterHarmonisedTitleDirective,\n EclFooterHarmonisedDescriptionDirective,\n EclFooterHarmonisedListDirective,\n EclFooterHarmonisedLinkDirective,\n EclFooterHarmonisedColumnDirective,\n EclFooterHarmonisedLogoListDirective,\n EclFooterHarmonisedLogoItemDirective,\n EclFooterHarmonisedLogoDirective,\n EclFooterHarmonisedListItemDirective,\n EclFooterHarmonisedListDirective,\n EclFooterHarmonisedRowDirective,\n EclFooterHarmonisedContentDirective,\n EclFooterHarmonisedTitleLinkDirective,\n EclFooterHarmonisedLogoLinkDirective,\n EclFooterHarmonisedLogoImageDesktopDirective,\n ],\n})\nexport class EclFooterHarmonisedComponentModule {\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreColumn]`\n})\nexport class EclFooterCoreColumntDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__column') cmpClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterCoreLink]',\n})\nexport class EclFooterCoreLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__link') className = true;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreList]`\n})\nexport class EclFooterCoreListDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__list') cmpClass: boolean = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-footer-core__list--columns') isColumns: boolean | any ;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreListItem]`\n})\nexport class EclFooterCoreListItemDirective {\n @HostBinding('class.ecl-footer-core__list-item') cmpClass: boolean = true;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterCoreSection]'\n})\nexport class EclFooterCoreSectionDirective extends ECLBaseDirective {\n @coerceBoolean @Input() hasSeparator: boolean | any = false;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-footer-core__section'),\n this.hasSeparator ? 'ecl-footer-core__section--separator' : '',\n ].join(' ');\n }\n}\n","import { Component, HostBinding } from '@angular/core';\nimport { EclFooterComponentBase } from '../common/ecl-footer.component';\n\n/**\n * @deprecated Please use EclFooterComponent instead\n */\n@Component({\n selector: 'ecl-footer-core',\n templateUrl: './ecl-footer-core.component.html'\n})\nexport class EclFooterCoreComponent extends EclFooterComponentBase {\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-footer-core'),\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'contentinfo';\n}\n","\n
\n \n
\n \n \n ![\"European](\"assets/images/ecl/ec/logo/negative/logo-ec--{{ecLogoLanguageCode}}.svg\")
\n \n
\n \n \n \n \n {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n ![\"European](\"assets/images/ecl/ec/logo/logo-ec--{{languageCode}}.svg\")
\n \n
\n \n \n \n \n {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreDescription]`\n})\nexport class EclFooterCoreDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__description') cmpClass = true;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreTitle]`\n})\nexport class EclFooterCoreTitleDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__title') cmpClass = true;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterCoreTitleLink]`\n})\nexport class EclFooterCoreTitleLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-core__title-link') cmpClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLinkDirectiveModule } from '../../../ecl-link/ecl-link.module';\nimport { EclIconComponentModule } from '../../../ecl-icon/ecl-icon.module';\nimport { EclFooterCoreComponent } from './ecl-footer-core.component';\nimport { EclFooterCoreColumntDirective } from './ecl-footer-elements/ecl-footer-core-column.directive';\nimport { EclFooterCoreDescriptionDirective } from './ecl-footer-elements/ecl-footer-core-description.directive';\nimport { EclFooterCoreLinkDirective } from './ecl-footer-elements/ecl-footer-core-link.directive';\nimport { EclFooterCoreListDirective } from './ecl-footer-elements/ecl-footer-core-list.directive';\nimport { EclFooterCoreListItemDirective } from './ecl-footer-elements/ecl-footer-core-list.directive';\nimport { EclFooterCoreSectionDirective } from './ecl-footer-elements/ecl-footer-core-section.directive';\nimport { EclFooterCoreTitleDirective } from './ecl-footer-elements/ecl-footer-core-title.directive';\nimport { EclFooterCoreTitleLinkDirective } from './ecl-footer-elements/ecl-footer-core-title.directive';\n\n/**\n * @deprecated Please use EclFooterComponent instead\n */\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n EclIconComponentModule,\n TranslateModule\n ],\n exports: [\n EclFooterCoreComponent,\n EclFooterCoreColumntDirective,\n EclFooterCoreDescriptionDirective,\n EclFooterCoreLinkDirective,\n EclFooterCoreListDirective,\n EclFooterCoreListItemDirective,\n EclFooterCoreSectionDirective,\n EclFooterCoreTitleDirective,\n EclFooterCoreTitleLinkDirective,\n ],\n declarations: [\n EclFooterCoreComponent,\n EclFooterCoreColumntDirective,\n EclFooterCoreDescriptionDirective,\n EclFooterCoreLinkDirective,\n EclFooterCoreListDirective,\n EclFooterCoreListItemDirective,\n EclFooterCoreSectionDirective,\n EclFooterCoreTitleDirective,\n EclFooterCoreTitleLinkDirective,\n ],\n})\nexport class EclFooterCoreComponentModule {\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterStandardisedSection]'\n})\nexport class EclFooterStandardisedSectionDirective extends ECLBaseDirective {\n\n @HostBinding('class.ecl-footer-standardised__section') cmpClass = true;\n @Input() @HostBinding('class.ecl-footer-standardised__section--condensed') isCondensed = false;\n @Input() @HostBinding('class.ecl-footer-standardised__section--split-list') isSplitList = false;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedTitle]`\n})\nexport class EclFooterStandardisedTitleDirective {\n @HostBinding('class.ecl-footer-standardised__title') cmpClass = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-footer-standardised__title--separator') isSeparator: boolean | any = false;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedTitleLink]`\n})\nexport class EclFooterStandardisedTitleLinkDirective {\n @HostBinding('class.ecl-footer-standardised__title-link') cmpClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedDescription]`\n})\nexport class EclFooterStandardisedDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__description') cmpClass = true;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedList]`\n})\nexport class EclFooterStandardisedListDirective {\n @HostBinding('class.ecl-footer-standardised__list') cmpClass: boolean = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-footer-standardised__list--inline') isInline: boolean | any ;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedListItem]`\n})\nexport class EclFooterStandardisedListItemDirective {\n @HostBinding('class.ecl-footer-standardised__list-item') cmpClass: boolean = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterStandardisedLink]',\n})\nexport class EclFooterStandardisedLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__link') className = true;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterStandardisedLogoImageDesktop]',\n})\nexport class EclFooterStandardisedLogoImageDesktopDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__logo-image-desktop') className = true;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: '[eclFooterStandardisedLogoLink]',\n})\nexport class EclFooterStandardisedLogoLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__logo-link') className = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../../../ecl-base.directive';\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedColumn]`\n})\nexport class EclFooterStandardisedColumnDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__column') cmpClass = true;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedRow]`\n})\nexport class EclFooterStandardisedRowDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__row') cmpClass = true;\n}\n\n/**\n * @deprecated\n */\n@Directive({\n selector: `[eclFooterStandardisedContent]`\n})\nexport class EclFooterStandardisedContentDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-footer-standardised__content') cmpClass = true;\n}\n","import { Component, HostBinding } from '@angular/core';\nimport { EclFooterComponentBase } from '../common/ecl-footer.component';\n\n/**\n * @deprecated Please use EclFooterComponent instead\n */\n@Component({\n selector: 'ecl-footer-standardised',\n templateUrl: './ecl-footer-standardised.component.html'\n})\nexport class EclFooterStandardisedComponent extends EclFooterComponentBase {\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-footer-standardised'),\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'contentinfo';\n}\n","\n
\n\n
\n \n \n \n
\n \n \n
\n \n
\n\n - \n
- \n \n {{ 'ecl.footer.STRATEGY' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.BUSINESS-ECONOMY-EURO' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.LIVE-WORK-TRAVEL' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.LAW' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.FUNDING-TENDERS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.RESEARCH-INNOVATION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.ENERGY-CLIMATE' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EDUCATION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.AID-DEVELOPMENT' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.FOOD' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EU-REGIONAL' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.JOBS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.STATS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.NEWS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EVENTS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.PUBLICATIONS' | translate }}\n \n \n
\n \n
\n\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLinkDirectiveModule } from '../../../ecl-link/ecl-link.module';\nimport { EclIconComponentModule } from '../../../ecl-icon/ecl-icon.module';\nimport { EclFooterStandardisedSectionDirective } from './ecl-footer-elements/ecl-footer-standardised-section.directive';\nimport { EclFooterStandardisedTitleDirective,\n EclFooterStandardisedTitleLinkDirective } from './ecl-footer-elements/ecl-footer-standardised-title.directive';\nimport { EclFooterStandardisedDescriptionDirective } from './ecl-footer-elements/ecl-footer-standardised-description.directive';\nimport { EclFooterStandardisedListDirective,\n EclFooterStandardisedListItemDirective } from './ecl-footer-elements/ecl-footer-standardised-list.directive';\nimport { EclFooterStandardisedLinkDirective,\n EclFooterStandardisedLogoImageDesktopDirective,\n EclFooterStandardisedLogoLinkDirective } from './ecl-footer-elements/ecl-footer-standardised-link.directive';\nimport { EclFooterStandardisedColumnDirective,\n EclFooterStandardisedRowDirective,\n EclFooterStandardisedContentDirective } from './ecl-footer-elements/ecl-footer-standardised-column.directive';\nimport { EclFooterStandardisedComponent } from './ecl-footer-standardised.component';\n\n/**\n * @deprecated Please use EclFooterComponent instead\n */\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n EclIconComponentModule,\n TranslateModule\n ],\n exports: [\n EclFooterStandardisedComponent,\n EclFooterStandardisedSectionDirective,\n EclFooterStandardisedTitleDirective,\n EclFooterStandardisedDescriptionDirective,\n EclFooterStandardisedListDirective,\n EclFooterStandardisedLinkDirective,\n EclFooterStandardisedColumnDirective,\n EclFooterStandardisedRowDirective,\n EclFooterStandardisedListItemDirective,\n EclFooterStandardisedContentDirective,\n EclFooterStandardisedLogoImageDesktopDirective,\n EclFooterStandardisedLogoLinkDirective,\n EclFooterStandardisedTitleLinkDirective,\n ],\n declarations: [\n EclFooterStandardisedComponent,\n EclFooterStandardisedSectionDirective,\n EclFooterStandardisedTitleDirective,\n EclFooterStandardisedDescriptionDirective,\n EclFooterStandardisedListDirective,\n EclFooterStandardisedLinkDirective,\n EclFooterStandardisedColumnDirective,\n EclFooterStandardisedRowDirective,\n EclFooterStandardisedListItemDirective,\n EclFooterStandardisedContentDirective,\n EclFooterStandardisedLogoImageDesktopDirective,\n EclFooterStandardisedLogoLinkDirective,\n EclFooterStandardisedTitleLinkDirective,\n ],\n})\nexport class EclFooterStandardisedComponentModule {\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: '[eclSiteFooterSection]'\n})\nexport class EclSiteFooterSectionDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__section') cmpClass = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-site-footer__section--condensed') isCondensed: boolean | any = false;\n @coerceBoolean @Input() @HostBinding('class.ecl-site-footer__section--split-list') isSplitList: boolean | any = false;\n @coerceBoolean @HostBinding('class.ecl-site-footer__section--separator') @Input() hasSeparator: boolean | any = false;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: `[eclSiteFooterTitle]`\n})\nexport class EclSiteFooterTitleDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__title') cmpClass = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-site-footer__title--separator') isSeparator: boolean | any = false;\n}\n\n@Directive({\n selector: `[eclSiteFooterTitleLink]`\n})\nexport class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__title-link') cmpClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: `[eclSiteFooterDescription]`\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__description') cmpClass = true;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: `[eclSiteFooterList]`\n})\nexport class EclSiteFooterListDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__list') cmpClass: boolean = true;\n @coerceBoolean @Input() @HostBinding('class.ecl-site-footer__list--inline') isInline: boolean | any ;\n @coerceBoolean @Input() @HostBinding('class.ecl-site-footer__list--columns') isColumns: boolean | any ;\n}\n\n@Directive({\n selector: `[eclSiteFooterListItem]`\n})\nexport class EclSiteFooterListItemDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__list-item') cmpClass: boolean = true;\n}\n\n@Directive({\n selector: `[eclSiteFooterLogoList]`\n})\nexport class EclSiteFooterLogoListDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__logo-list') cmpClass: boolean = true;\n}\n\n@Directive({\n selector: `[eclSiteFooterLogoItem]`\n})\nexport class EclSiteFooterLogoItemDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__logo-item') cmpClass: boolean = true;\n}\n\n@Directive({\n selector: `[eclSiteFooterLogo]`\n})\nexport class EclSiteFooterLogoDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__logo') cmpClass: boolean = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: '[eclSiteFooterLink]',\n})\nexport class EclSiteFooterLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__link') className = true;\n}\n\n@Directive({\n selector: '[eclSiteFooterLogoLink]',\n})\nexport class EclSiteFooterLogoLinkDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__logo-link') className = true;\n}\n\n@Directive({\n selector: '[eclSiteFooterLogoImageDesktop]',\n})\nexport class EclSiteFooterLogoImageDesktopDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__logo-image-desktop') className = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '../../ecl-base.directive';\n\n@Directive({\n selector: `[eclSiteFooterColumn]`\n})\nexport class EclSiteFooterColumnDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__column') cmpClass = true;\n}\n\n@Directive({\n selector: `[eclSiteFooterRow]`\n})\nexport class EclSiteFooterRowDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__row') cmpClass = true;\n}\n\n@Directive({\n selector: `[eclSiteFooterContent]`\n})\nexport class EclSiteFooterContentDirective extends ECLBaseDirective {\n @HostBinding('class.ecl-site-footer__content') cmpClass = true;\n}\n","import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\nimport { EclLanguageService } from '../../services';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Component({\n selector: 'ecl-site-footer',\n templateUrl: './ecl-site-footer.component.html'\n})\nexport class EclSiteFooterComponent extends ECLBaseDirective {\n languageCode: string = 'en';\n @Input() @coerceBoolean isCore: boolean | any = false;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-site-footer'),\n this.isCore ? 'ecl-site-footer--split-columns' : ''\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'contentinfo';\n\n constructor(\n protected translateService: TranslateService, \n protected eclLanguageService: EclLanguageService) {\n super();\n this.handlei18nEvents();\n }\n\n handlei18nEvents() {\n this.languageCode = this.translateService.currentLang;\n this.translateService.onLangChange.subscribe((langChangeEvent: LangChangeEvent) => {\n this.languageCode = langChangeEvent.lang;\n });\n }\n\n get ecLogoLanguageCode(): string {\n return this.getEULanguageCode(this.languageCode);\n }\n\n private getEULanguageCode(languageCode: string) {\n if(!this.eclLanguageService.isEuLanguage(languageCode)) {\n return 'en';\n }\n\n return languageCode;\n }\n}\n","\n
\n\n
\n \n \n \n \n
\n \n \n \n \n {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n \n
\n\n \n
\n \n
\n \n \n
\n \n \n \n\n \n \n\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';\nimport { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';\nimport { EclSiteFooterSectionDirective } from './ecl-footer-elements/ecl-site-footer-section.directive';\nimport {\n EclSiteFooterTitleDirective,\n EclSiteFooterTitleLinkDirective\n} from './ecl-footer-elements/ecl-site-footer-title.directive';\nimport { EclSiteFooterDescriptionDirective } from './ecl-footer-elements/ecl-site-footer-description.directive';\nimport {\n EclSiteFooterListDirective,\n EclSiteFooterLogoListDirective,\n EclSiteFooterLogoItemDirective,\n EclSiteFooterLogoDirective,\n EclSiteFooterListItemDirective\n} from './ecl-footer-elements/ecl-site-footer-list.directive';\nimport {\n EclSiteFooterLinkDirective,\n EclSiteFooterLogoLinkDirective,\n EclSiteFooterLogoImageDesktopDirective\n} from './ecl-footer-elements/ecl-site-footer-link.directive';\nimport {\n EclSiteFooterColumnDirective,\n EclSiteFooterRowDirective,\n EclSiteFooterContentDirective\n} from './ecl-footer-elements/ecl-site-footer-column.directive';\nimport { EclSiteFooterComponent } from './ecl-site-footer.component';\n\nconst COMPONENTS = [\n EclSiteFooterComponent,\n EclSiteFooterSectionDirective,\n EclSiteFooterTitleDirective,\n EclSiteFooterDescriptionDirective,\n EclSiteFooterListDirective,\n EclSiteFooterLinkDirective,\n EclSiteFooterColumnDirective,\n EclSiteFooterLogoListDirective,\n EclSiteFooterLogoItemDirective,\n EclSiteFooterLogoDirective,\n EclSiteFooterListItemDirective,\n EclSiteFooterListDirective,\n EclSiteFooterRowDirective,\n EclSiteFooterContentDirective,\n EclSiteFooterTitleLinkDirective,\n EclSiteFooterLogoLinkDirective,\n EclSiteFooterLogoImageDesktopDirective,\n]\n\n@NgModule({\n imports: [\n CommonModule,\n EclLinkDirectiveModule,\n EclIconComponentModule,\n TranslateModule\n ],\n exports: [\n ...COMPONENTS\n ],\n declarations: [\n ...COMPONENTS\n ],\n})\nexport class EclSiteFooterComponentModule {\n}\n","import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\n@Component({\n selector: 'ecl-social-media-follow',\n templateUrl: './ecl-social-media-follow.component.html',\n styles: [`\n :host {\n display: block;\n }\n `],\n})\nexport class EclSocialMediaFollowComponent extends ECLBaseDirective {\n @Input() description: string;\n @coerceBoolean @Input() isVertical: boolean | any = false;\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-social-media-follow'),\n this.isVertical ? 'ecl-social-media-follow--vertical' : '',\n ].join(' ').trim();\n }\n}\n","\n","import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { EclBaseEvent } from '../../model/ecl-base.event';\nimport { ECLBaseDirective } from '../ecl-base.directive';\n\nexport class EclSocialMediaFollowItemClickEvent extends EclBaseEvent { }\n\n@Component({\n selector: 'ecl-social-media-follow-item',\n templateUrl: './ecl-social-media-follow-item.component.html',\n styles: [`\n :host {\n display: list-item;\n }\n `],\n})\nexport class EclSocialMediaFollowItemComponent extends ECLBaseDirective {\n @Input() icon: string;\n @Input() href: string = '';\n @Input() target: string;\n @Input() size: string = 'xl';\n\n @HostBinding('class')\n get cssClasses() {\n return [\n super.getCssClasses('ecl-social-media-follow__item'),\n ].join(' ').trim();\n }\n\n @Output() itemClick = new EventEmitter\n
\n \n
\n \n \n \n \n
\n \n \n \n \n {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n \n \n
\n\n - \n
- \n \n {{ 'ecl.footer.STRATEGY' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.BUSINESS-ECONOMY-EURO' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.LIVE-WORK-TRAVEL' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.LAW' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.FUNDING-TENDERS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.RESEARCH-INNOVATION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.ENERGY-CLIMATE' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EDUCATION' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.AID-DEVELOPMENT' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.FOOD' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EU-REGIONAL' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.JOBS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.STATS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.NEWS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.EVENTS' | translate }}\n \n \n
- \n \n {{ 'ecl.footer.PUBLICATIONS' | translate }}\n \n \n
\n \n
\n\n \n {{ label }}
\n{{ eclTitle }}
\n\n \n\n
\n","import { Component, OnInit, AfterContentInit, ContentChildren, forwardRef, QueryList, Input, HostBinding, ContentChild, OnDestroy } from '@angular/core';\nimport { EclTimelineItemComponent, EclTimelineItemToggleEvent } from './ecl-timeline-item.component';\nimport { ECLBaseDirective } from '../ecl-base.directive';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n selector: 'ecl-timeline',\n templateUrl: 'ecl-timeline.component.html',\n styles: [`\n :host {\n display: block;\n }\n `]\n})\nexport class EclTimelineComponent extends ECLBaseDirective implements OnInit, AfterContentInit, OnDestroy {\n @HostBinding('attr.role') attrRole = 'list';\n\n @HostBinding('class')\n get cssClasses(): any {\n return [\n super.getCssClasses('ecl-timeline')\n ].join(' ');\n }\n\n @ContentChildren(forwardRef(() => EclTimelineItemComponent))\n timelineItems: QueryList