@eui/ecl 19.3.3-snapshot-1754912586607 → 21.0.0-alpha.2

package/components/ecl-site-header/index.d.ts

@@ -1,27 +1,599 @@
-import { EclSiteHeaderActionComponent } from './action';
-import { EclSiteHeaderBannerTopComponent } from './banner-top';
-import { EclSiteHeaderCtaDirective } from './cta';
-import { EclSiteHeaderCustomActionComponent } from './custom-action';
-import { EclSiteHeaderCustomActionContentDirective, EclSiteHeaderCustomActionLinkDirective, EclSiteHeaderCustomActionTitleDirective } from './custom-action/ecl-site-header-custom-action.directive';
-import { EclSiteHeaderEnvironmentComponent } from './ecl-site-header-environment';
-import { EclSiteHeaderComponent } from './ecl-site-header.component';
-import { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguagePopoverComponent } from './language';
-import { EclSiteHeaderLoginComponent, EclSiteHeaderLoginDescriptionDirective, EclSiteHeaderLoginSeparatorDirective } from './login';
-import { EclSiteHeaderNotificationComponent } from './notification';
-import { EclSiteHeaderImageDirective, EclSiteHeaderLinkDirective, EclSiteHeaderPictureDirective } from './picture';
-import { EclSiteHeaderSearchComponent } from './search';
-export * from './ecl-site-header.module';
-export * from './ecl-site-header.component';
-export * from './action/index';
-export * from './banner-top/index';
-export * from './language/index';
-export * from './login/index';
-export * from './search/index';
-export * from './cta/index';
-export * from './notification/index';
-export * from './ecl-site-header-environment/index';
-export * from './picture/index';
-export * from './events/index';
-export * from './custom-action/index';
-export declare const EUI_ECL_SITE_HEADER: readonly [typeof EclSiteHeaderComponent, typeof EclSiteHeaderActionComponent, typeof EclSiteHeaderCustomActionComponent, typeof EclSiteHeaderCustomActionContentDirective, typeof EclSiteHeaderCustomActionLinkDirective, typeof EclSiteHeaderCustomActionTitleDirective, typeof EclSiteHeaderLoginComponent, typeof EclSiteHeaderLoginDescriptionDirective, typeof EclSiteHeaderLoginSeparatorDirective, typeof EclSiteHeaderLanguageComponent, typeof EclSiteHeaderLanguagePopoverComponent, typeof EclSiteHeaderSearchComponent, typeof EclSiteHeaderBannerTopComponent, typeof EclSiteHeaderEnvironmentComponent, typeof EclSiteHeaderNotificationComponent, typeof EclSiteHeaderCtaDirective, typeof EclSiteHeaderImageDirective, typeof EclSiteHeaderPictureDirective, typeof EclSiteHeaderLinkDirective];
-//# sourceMappingURL=index.d.ts.map
+import * as i1 from '@eui/ecl/core';
+import { ECLBaseDirective, EclBaseEvent, EclThemeService } from '@eui/ecl/core';
+import * as i0 from '@angular/core';
+import { AfterContentInit, EventEmitter, OnDestroy, ElementRef, OnInit, AfterViewInit, OnChanges, SimpleChanges, Provider } from '@angular/core';
+import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
+import * as _eui_base from '@eui/base';
+import { EuiLanguage as EuiLanguage$1 } from '@eui/base';
+import { EuiLanguage, GlobalConfig, I18nService } from '@eui/core';
+import { EclMegaMenuComponent } from '@eui/ecl/components/ecl-mega-menu';
+import { EclMenuComponent } from '@eui/ecl/components/ecl-menu';
+import { Subject } from 'rxjs';
+import { ControlValueAccessor } from '@angular/forms';
+import { EclSearchFormEvent } from '@eui/ecl/components/ecl-search-form';
+
+/**
+ * This components is a container element for custom action, login, language and search components.
+ */
+declare class EclSiteHeaderActionComponent extends ECLBaseDirective {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderActionComponent, "ecl-site-header-action", never, {}, {}, never, ["[eclSiteHeaderCustomAction]", "ecl-site-header-login", "ecl-site-header-language", "ecl-site-header-search"], true, never>;
+}
+
+/**
+ * This component is used , when we want to show class name (used in standardised variant of site-header).
+ */
+declare class EclSiteHeaderBannerTopComponent extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderBannerTopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderBannerTopComponent, "ecl-site-header-banner-top", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * This directive is used, when we want to show call-to-action link in the site-header. Used in harmonised and standardised header
+ *  variants.
+ */
+declare class EclSiteHeaderCtaDirective extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCtaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderCtaDirective, "[eclSiteHeaderCta]", never, {}, {}, never, never, true, never>;
+}
+
+declare class EclSiteHeaderCustomActionLinkDirective extends ECLBaseDirective implements AfterContentInit {
+    className: string;
+    isOverlayExpanded: boolean;
+    ariaControls: string;
+    href: string;
+    routerLink: string;
+    customActionOverlayToggle: EventEmitter<boolean>;
+    eclIconComponent: EclIconComponent;
+    private readonly ARIA_CONTROLS;
+    ngAfterContentInit(): void;
+    onClick(evt: Event): void;
+    hasLink(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderCustomActionLinkDirective, "a[eclSiteHeaderCustomActionLink]", never, { "href": { "alias": "href"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, { "customActionOverlayToggle": "customActionOverlayToggle"; }, ["eclIconComponent"], never, true, never>;
+}
+declare class EclSiteHeaderCustomActionContentDirective extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderCustomActionContentDirective, "div[eclSiteHeaderCustomActionContent]", never, {}, {}, never, never, true, never>;
+}
+declare class EclSiteHeaderCustomActionTitleDirective extends ECLBaseDirective {
+    className: boolean;
+    id: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderCustomActionTitleDirective, "div[eclSiteHeaderCustomActionTitle]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * This components gives opportunity for user to add a custom action. It will appear at first place, before log-in and language
+ *  and search (if any of these exist). Adds specific styling and functionality. Opens a dropdown with some more content.
+ */
+declare class EclSiteHeaderCustomActionComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {
+    class: string;
+    title: EclSiteHeaderCustomActionTitleDirective;
+    eclSiteHeaderCustomActionLink: EclSiteHeaderCustomActionLinkDirective;
+    /**
+     * Used to expand/collapse the dropdown, if any.
+     */
+    isOverlayExpanded: boolean;
+    titleId: string;
+    private destroy$;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Close the overlay.
+     */
+    onCustomActionOverlayClose(): void;
+    /**
+     * Close the overlay, when clicking outside of it.
+     */
+    onClickOutsideHandler(): void;
+    /**
+     * Close the overlay with ESC key.
+     */
+    onEscapeKeydownHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderCustomActionComponent, "div[eclSiteHeaderCustomAction]", never, {}, {}, ["title", "eclSiteHeaderCustomActionLink"], ["[eclSiteHeaderCustomActionLink]", "[eclSiteHeaderCustomActionTitle]", "[eclSiteHeaderCustomActionContent]"], true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
+}
+
+/**
+ * Custom component, that shows the current environment of the application, for example 'develop', 'acceptance', etc.
+ * Adds some custom styling, so that the text will appear over the EU/EC logo.
+ */
+declare class EclSiteHeaderEnvironmentComponent extends ECLBaseDirective implements OnDestroy {
+    private el;
+    private cdkBreakpointObserver;
+    private renderer;
+    get cssClasses(): string;
+    private destroy$;
+    private isMobile;
+    private parentEl;
+    constructor();
+    ngOnDestroy(): void;
+    private observeBreakpointChanges;
+    private manageMobile;
+    private manageDesktop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderEnvironmentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderEnvironmentComponent, "[eclSiteHeaderEnvironment]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class EclSiteHeaderLoginEvent extends EclBaseEvent {
+}
+declare class EclSiteHeaderLoginBoxToggleEvent extends EclBaseEvent {
+    isOpen: boolean;
+    constructor(isOpen: boolean);
+}
+
+declare class EclSiteHeaderLanguageClickEvent extends EclBaseEvent {
+}
+declare class EclSiteHeaderLanguageSelectedEvent extends EclBaseEvent {
+    language: EuiLanguage;
+    constructor(language: EuiLanguage);
+}
+declare class EclSiteHeaderLanguageCloseEvent extends EclBaseEvent {
+}
+
+declare class EclSiteHeaderLogoClickEvent extends EclBaseEvent {
+}
+
+declare class EclSiteHeaderSearchEvent extends EclBaseEvent {
+    keyword: string;
+    constructor(keyword: string);
+}
+declare class EclSiteHeaderSearchToggleEvent extends EclBaseEvent {
+    isOpen: boolean;
+    constructor(isOpen: boolean);
+}
+
+/**
+ * This component is a popover, that appears after the user clicks on language link. It contains all the available languages,
+ *  configured for the current site. Adds styling and functionality for the dialog.
+ * Emits events when language is selected and when dialog is closed.
+ */
+declare class EclSiteHeaderLanguagePopoverComponent extends ECLBaseDirective implements OnDestroy {
+    el: ElementRef<any>;
+    protected eclThemeService: EclThemeService;
+    /**
+     * The div, that wraps all the languages.
+     */
+    languageContent: ElementRef;
+    /**
+     * Current language
+     */
+    languageCode: string;
+    euLanguages: Array<EuiLanguage$1>;
+    nonEuLanguages: Array<EuiLanguage$1>;
+    /**
+     * Number of columns for eu languages. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    euColumnsCount: number;
+    /**
+     * Number of columns for non-eu languages. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    nonEuColumnsCount: number;
+    /**
+     * Property to show/hide the dialog.
+     */
+    isHidden: boolean;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    isPushRight: boolean;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    isPushLeft: boolean;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    isStack: boolean;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    isFull: boolean;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    rightPosition: number;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    leftPosition: number;
+    /**
+     * Property to position the arrow of the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    languageArrowPosition: string;
+    languageClosed: EventEmitter<EclSiteHeaderLanguageCloseEvent>;
+    languageSelected: EventEmitter<EclSiteHeaderLanguageSelectedEvent>;
+    /**
+     * The role of the dialog is 'dialog'. Should not be changed.
+     */
+    role: string;
+    labelledBy: string;
+    get display(): string;
+    languageContentMaxHeight: number;
+    private destroy$;
+    private scrollDispatcher;
+    private zone;
+    constructor();
+    get cssClasses(): string;
+    get isModal(): boolean | undefined;
+    get isDropdownHidden(): boolean | undefined;
+    /**
+     * Calculate the height after resize. If the window is too small -> scroll should appear.
+     */
+    onWindowResize(): void;
+    ngOnDestroy(): void;
+    onCloseClick(): void;
+    onLanguageClick(language: EuiLanguage$1, evt: MouseEvent): void;
+    /**
+     * Set the max-height property of the component. It is calculated depending on the viewport.
+     */
+    setLanguageContentMaxHeight(): void;
+    private subscribeToCDKScrollEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLanguagePopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderLanguagePopoverComponent, "ecl-site-header-language-popover", never, { "languageCode": { "alias": "languageCode"; "required": false; }; "euLanguages": { "alias": "euLanguages"; "required": false; }; "nonEuLanguages": { "alias": "nonEuLanguages"; "required": false; }; "euColumnsCount": { "alias": "euColumnsCount"; "required": false; }; "nonEuColumnsCount": { "alias": "nonEuColumnsCount"; "required": false; }; "isHidden": { "alias": "isHidden"; "required": false; }; "isPushRight": { "alias": "isPushRight"; "required": false; }; "isPushLeft": { "alias": "isPushLeft"; "required": false; }; "isStack": { "alias": "isStack"; "required": false; }; "isFull": { "alias": "isFull"; "required": false; }; "rightPosition": { "alias": "rightPosition"; "required": false; }; "leftPosition": { "alias": "leftPosition"; "required": false; }; "languageArrowPosition": { "alias": "languageArrowPosition"; "required": false; }; }, { "languageClosed": "languageClosed"; "languageSelected": "languageSelected"; }, never, never, true, never>;
+}
+
+/**
+ * This component is used to switch between the languages of the application. Shows the current language, when clicked,
+ *  opens a language selector.
+ */
+declare class EclSiteHeaderLanguageComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {
+    protected eclThemeService: EclThemeService;
+    protected config: GlobalConfig<any>;
+    protected i18nService: I18nService<_eui_base.I18nState>;
+    /**
+     * The language popover, that shows all available languages (configured in the config file of the current site).
+     */
+    languagePopover: EclSiteHeaderLanguagePopoverComponent;
+    /**
+     * The link to open the popover dialog.
+     */
+    languageLinkElement: ElementRef<HTMLAnchorElement>;
+    /**
+     * Thie event is emited, when language link, showing the current language is clicked.
+     */
+    languageClick: EventEmitter<EclSiteHeaderLanguageClickEvent>;
+    /**
+     * Thie event is emited, when user selects a new language from the dropdown.
+     */
+    languageSelected: EventEmitter<EclSiteHeaderLanguageSelectedEvent>;
+    readonly MOBILE_BREAKPOINT = 768;
+    readonly LANGUAGE_MAX_COLUMNS = 8;
+    isLanguagesDropdownVisible: boolean;
+    /**
+     * This property is used for dropdown positioning on the screen.
+     */
+    isPushRight: boolean;
+    /**
+     * This property is used for dropdown positioning on the screen.
+     */
+    isPushLeft: boolean;
+    /**
+     * This property is used for dropdown positioning on the screen.
+     */
+    isStack: boolean;
+    /**
+     * This property is used for dropdown positioning on the screen.
+     */
+    isFull: boolean;
+    /**
+     * This property is used for dropdown positioning on the screen.
+     */
+    languageArrowPosition: string;
+    languageCode: string;
+    rightPosition: number;
+    leftPosition: number;
+    /**
+     * Array of EU languages, that can be selected for the current site.
+     */
+    euLanguages: Array<EuiLanguage$1>;
+    /**
+     * Array of non-EU languages, that can be selected for the current site.
+     */
+    nonEuLanguages: Array<EuiLanguage$1>;
+    euColumnsCount: number;
+    nonEuColumnsCount: number;
+    private destroy$;
+    private _languages;
+    private parentHeaderWidth;
+    private isRtl;
+    private eclAreaDataService;
+    private eclRtlService;
+    get cssClasses(): string;
+    ngOnInit(): void;
+    /**
+     * After view is initialized -> calculate popover position and initialize languages, that are configured in the config file
+     *  of the current site.
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    getLanguageLabel(): string;
+    /**
+     * Toggle the language dropdown when clicking the link, showing the current language.
+     * @param evt
+     */
+    onLanguageClick(evt: Event): void;
+    onLanguageClosed(evt: EclSiteHeaderLanguageCloseEvent): void;
+    onLanguageSelected(evt: EclSiteHeaderLanguageSelectedEvent): void;
+    /**
+     * Close the dropdown, when clicking outside of the component.
+     */
+    onClickOutside(): void;
+    /**
+     * Close the dropdown, when pressing ESC key.
+     */
+    onEscapeKeydownHandler(): void;
+    hasLanguageCodes(): boolean;
+    private handleRtlChangeState;
+    /**
+     * Calculate the number of columns for EU and non-EU languages, depending on languages' count.
+     */
+    private updateLanguages;
+    private calculatePopoverPosition;
+    private getConfiguredLanguages;
+    private updateCurrentLanguage;
+    private handleInitialConfiguredLanguages;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLanguageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderLanguageComponent, "ecl-site-header-language", never, {}, { "languageClick": "languageClick"; "languageSelected": "languageSelected"; }, never, never, true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
+}
+
+/**
+ * Component for login/logout as part of the harmonised site header. Emits events when user logs in and when user opens the
+ * login dropdown.
+ */
+declare class EclSiteHeaderLoginComponent extends ECLBaseDirective implements OnChanges, OnDestroy {
+    isLoggedIn: boolean;
+    class: string;
+    loginLinkElement: ElementRef<HTMLAnchorElement>;
+    login: EventEmitter<EclSiteHeaderLoginEvent>;
+    loginBoxToggle: EventEmitter<EclSiteHeaderLoginBoxToggleEvent>;
+    /**
+     * If login popover is open (true) or closed (false).
+     */
+    isLoginBoxActive: boolean;
+    /**
+     * The position of the arrow of the popover.
+     */
+    loginArrowPosition: string;
+    readonly TABLET_BREAKPOINT = 996;
+    private parentHeaderRight;
+    private destroy$;
+    private eclAreaDataService;
+    private eclRtlService;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Close the login popover on click outside.
+     */
+    onClickOutsideMegaMenu(): void;
+    /**
+     * @returns classes for the login popover.
+     */
+    getLoginBoxCssClasses(): string;
+    onLoginClick(evt: MouseEvent): void;
+    onLoginBoxToggle(evt: MouseEvent): void;
+    private onLoginBoxClose;
+    private handleRtlChangeState;
+    /**
+     * On resize -> calculate the popover arrow position, using parent element ecl-header html parameters.
+     */
+    private handleSiteHeaderAreaChangeEvent;
+    private calculateLoginArrowPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderLoginComponent, "ecl-site-header-login", never, { "isLoggedIn": { "alias": "isLoggedIn"; "required": false; }; }, { "login": "login"; "loginBoxToggle": "loginBoxToggle"; }, never, ["*"], true, [{ directive: typeof i1.ECLBaseDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
+    static ngAcceptInputType_isLoggedIn: unknown;
+}
+
+/**
+ * This directive is used to add specific class for the login description element, within the login dropdown.
+ */
+declare class EclSiteHeaderLoginDescriptionDirective extends ECLBaseDirective {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLoginDescriptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderLoginDescriptionDirective, "[eclSiteHeaderLoginDescription]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * This directive is used to add specific class for the horizontal line, that separates
+ *  description from the 'Logout' link.
+ */
+declare class EclSiteHeaderLoginSeparatorDirective extends ECLBaseDirective {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLoginSeparatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderLoginSeparatorDirective, "[eclSiteHeaderLoginSeparator]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * This component is used as a wrapper around ecl-notification component, when used in the site-header. Adds specific class
+ *  and methods to show/hide the notification.
+ */
+declare class EclSiteHeaderNotificationComponent extends ECLBaseDirective {
+    get cssClasses(): string;
+    private display;
+    onHide(): void;
+    onShow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderNotificationComponent, "ecl-site-header-notification", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Adds some specific classes for picture element, when used in the site header logo.
+ */
+declare class EclSiteHeaderPictureDirective extends ECLBaseDirective {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderPictureDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderPictureDirective, "[eclSiteHeaderPicture]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Adds some specific classes for <img> element, when used in the site header logo.
+ */
+declare class EclSiteHeaderImageDirective extends ECLBaseDirective {
+    logoSize: string;
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderImageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderImageDirective, "[eclSiteHeaderImage]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Adds some specific classes for <a> element, when used in the site header logo.
+ */
+declare class EclSiteHeaderLinkDirective extends ECLBaseDirective {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderLinkDirective, "[eclSiteHeaderLink]", never, {}, {}, never, never, true, never>;
+}
+
+declare const ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR: Provider;
+/**
+ * This component builds the search box in the ecl-site-header component. Adds specific style and functionality, emits
+ *  events on search and search toggle.
+ */
+declare class EclSiteHeaderSearchComponent extends ECLBaseDirective implements ControlValueAccessor, OnDestroy {
+    class: string;
+    /**
+     * The default role of the component is 'search', should not be changed.
+     */
+    role: string;
+    searchInputText: string;
+    searchInputPlaceholder: string;
+    searchButtonLabel: string;
+    /**
+     * The search link element from the view, i.e. the search button.
+     */
+    searchLinkElement: ElementRef<HTMLAnchorElement>;
+    search: EventEmitter<EclSiteHeaderSearchEvent>;
+    searchToggle: EventEmitter<EclSiteHeaderSearchToggleEvent>;
+    /**
+     * The arrow position of the serahc dropdown, when in mobile mode.
+     */
+    searchArrowPosition: string;
+    isSearchBoxActive: boolean;
+    private onChange;
+    private onTouched;
+    private destroy$;
+    private parentHeaderRight;
+    private eclAreaDataService;
+    private eclRtlService;
+    constructor();
+    ngOnDestroy(): void;
+    onSearch(evt: EclSearchFormEvent): boolean;
+    onSearchBoxToggle(evt: MouseEvent): void;
+    /**
+     *
+     * @returns The classes for the ecl search form.
+     */
+    getSearchBoxCssClasses(): string;
+    onModelChange(newValue: string): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private handleRtlChangeState;
+    private handleSiteHeaderAreaChangeEvent;
+    private calculateSearchFormArrowPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderSearchComponent, "ecl-site-header-search", never, { "searchInputText": { "alias": "searchInputText"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; }; }, { "search": "search"; "searchToggle": "searchToggle"; }, never, never, true, never>;
+}
+
+/**
+ * The Site header offers easily recognisable elements (such as the logo) and the most essential functionality of
+ * every site (such as Language switcher or Search form). Additionally it can host the name of the site,
+ * the class name to which it belongs and the main navigation. The header is always placed at the top of the page.
+ * The elements required in the site header are different depending wether it is the corporate, standardised or an harmonised website.
+ */
+declare class EclSiteHeaderComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {
+    eclThemeService: EclThemeService;
+    protected i18nService: I18nService<_eui_base.I18nState>;
+    /**
+     * The name of the site, to be added in the header, next to the logo.
+     */
+    siteName: string;
+    /**
+     * Language code of the current language of the site.
+     */
+    languageCode: string;
+    /**
+     * @deprecated - not used anywhere. to be removed in v20.
+     */
+    logoUrl: string;
+    /**
+     * The size of the logo, 's', 'm' or 'l', default to 'm'.
+     */
+    logoSize: 's' | 'm' | 'l';
+    /**
+     * Adds specific classes to the main element. Depending , logo size, menu and menu status, rtl status.
+     */
+    get cssClasses(): string;
+    logoClick: EventEmitter<EclSiteHeaderLogoClickEvent>;
+    languageClick: EventEmitter<EclSiteHeaderLanguageClickEvent>;
+    topContainerElement: ElementRef;
+    siteHeaderHeader: ElementRef;
+    bannerHeader: ElementRef;
+    eclLoginComponent: EclSiteHeaderLoginComponent;
+    eclMenuComponent: EclMenuComponent;
+    eclMegaMenuComponent: EclMegaMenuComponent;
+    eclSearchComponent: EclSiteHeaderSearchComponent;
+    eclLanguageComponent: EclSiteHeaderLanguageComponent;
+    eclNotificationComponent: EclSiteHeaderNotificationComponent;
+    eclHeaderLink: EclSiteHeaderLinkDirective;
+    eclHeaderImage: EclSiteHeaderImageDirective;
+    protected destroy$: Subject<boolean>;
+    private isEclMegaMenuOpen;
+    private isEclMegaMenuStart;
+    private isMobileBreakpoint;
+    private isRtl;
+    private readonly TIMEOUT_INTERVAL;
+    private readonly DEFAULT_LOGO_COUNTRY_CODE;
+    private readonly AVAILABLE_NON_EU_LOGO_COUNTRY_CODES;
+    private eclRtlService;
+    private eclHeaderMenuComunicationService;
+    private eclAreaDataService;
+    private cdkBreakpointObserver;
+    private el;
+    constructor();
+    /**
+     * Subscibe to some child components' events.
+     */
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * This method is used, when current language is not present for our available logo collection.
+     * In this case, a default logo is returned.
+     */
+    get partOfLogoName(): string;
+    onECLogoClick(evt: MouseEvent): void;
+    hasCustomLink(): boolean;
+    private handleRtlChangeState;
+    /**
+     * Some child components need position and size to be set according to the parent site-header. So we share some site-header's measurements
+     *  via the 'eclAreaDataService'.
+     */
+    private sendResizeEventToChildComponents;
+    private subscribeToMegaMenuEvents;
+    private onMegaMenuItemExpandMobile;
+    private onMegaMenuItemCollapseMobile;
+    private observeBreakpointChanges;
+    private positionMenu;
+    private handleLanguageChangeState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderComponent, "ecl-site-header", never, { "siteName": { "alias": "siteName"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoSize": { "alias": "logoSize"; "required": false; }; }, { "logoClick": "logoClick"; "languageClick": "languageClick"; }, ["eclLoginComponent", "eclMenuComponent", "eclMegaMenuComponent", "eclSearchComponent", "eclLanguageComponent", "eclNotificationComponent", "eclHeaderLink", "eclHeaderImage"], ["[eclSiteHeaderLink]", "[eclSiteHeaderEnvironment]", "ecl-site-header-action", "ecl-site-header-notification", "ecl-site-header-banner-top", "[eclSiteHeaderCta]", "ecl-menu", "[eclMegaMenu]"], true, never>;
+}
+
+/**
+ * Module that provides the EclSiteHeaderComponent and it's dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_SITE_HEADER} instead.
+ */
+declare class EclSiteHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclSiteHeaderModule, never, [typeof EclSiteHeaderComponent, typeof EclSiteHeaderActionComponent, typeof EclSiteHeaderCustomActionComponent, typeof EclSiteHeaderCustomActionContentDirective, typeof EclSiteHeaderCustomActionLinkDirective, typeof EclSiteHeaderCustomActionTitleDirective, typeof EclSiteHeaderLoginComponent, typeof EclSiteHeaderLoginDescriptionDirective, typeof EclSiteHeaderLoginSeparatorDirective, typeof EclSiteHeaderLanguageComponent, typeof EclSiteHeaderLanguagePopoverComponent, typeof EclSiteHeaderSearchComponent, typeof EclSiteHeaderBannerTopComponent, typeof EclSiteHeaderEnvironmentComponent, typeof EclSiteHeaderNotificationComponent, typeof EclSiteHeaderCtaDirective, typeof EclSiteHeaderImageDirective, typeof EclSiteHeaderPictureDirective, typeof EclSiteHeaderLinkDirective], [typeof EclSiteHeaderComponent, typeof EclSiteHeaderActionComponent, typeof EclSiteHeaderCustomActionComponent, typeof EclSiteHeaderCustomActionContentDirective, typeof EclSiteHeaderCustomActionLinkDirective, typeof EclSiteHeaderCustomActionTitleDirective, typeof EclSiteHeaderLoginComponent, typeof EclSiteHeaderLoginDescriptionDirective, typeof EclSiteHeaderLoginSeparatorDirective, typeof EclSiteHeaderLanguageComponent, typeof EclSiteHeaderLanguagePopoverComponent, typeof EclSiteHeaderSearchComponent, typeof EclSiteHeaderBannerTopComponent, typeof EclSiteHeaderEnvironmentComponent, typeof EclSiteHeaderNotificationComponent, typeof EclSiteHeaderCtaDirective, typeof EclSiteHeaderImageDirective, typeof EclSiteHeaderPictureDirective, typeof EclSiteHeaderLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclSiteHeaderModule>;
+}
+
+declare const EUI_ECL_SITE_HEADER: readonly [typeof EclSiteHeaderComponent, typeof EclSiteHeaderActionComponent, typeof EclSiteHeaderCustomActionComponent, typeof EclSiteHeaderCustomActionContentDirective, typeof EclSiteHeaderCustomActionLinkDirective, typeof EclSiteHeaderCustomActionTitleDirective, typeof EclSiteHeaderLoginComponent, typeof EclSiteHeaderLoginDescriptionDirective, typeof EclSiteHeaderLoginSeparatorDirective, typeof EclSiteHeaderLanguageComponent, typeof EclSiteHeaderLanguagePopoverComponent, typeof EclSiteHeaderSearchComponent, typeof EclSiteHeaderBannerTopComponent, typeof EclSiteHeaderEnvironmentComponent, typeof EclSiteHeaderNotificationComponent, typeof EclSiteHeaderCtaDirective, typeof EclSiteHeaderImageDirective, typeof EclSiteHeaderPictureDirective, typeof EclSiteHeaderLinkDirective];
+
+export { ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR, EUI_ECL_SITE_HEADER, EclSiteHeaderActionComponent, EclSiteHeaderBannerTopComponent, EclSiteHeaderComponent, EclSiteHeaderCtaDirective, EclSiteHeaderCustomActionComponent, EclSiteHeaderCustomActionContentDirective, EclSiteHeaderCustomActionLinkDirective, EclSiteHeaderCustomActionTitleDirective, EclSiteHeaderEnvironmentComponent, EclSiteHeaderImageDirective, EclSiteHeaderLanguageClickEvent, EclSiteHeaderLanguageCloseEvent, EclSiteHeaderLanguageComponent, EclSiteHeaderLanguagePopoverComponent, EclSiteHeaderLanguageSelectedEvent, EclSiteHeaderLinkDirective, EclSiteHeaderLoginBoxToggleEvent, EclSiteHeaderLoginComponent, EclSiteHeaderLoginDescriptionDirective, EclSiteHeaderLoginEvent, EclSiteHeaderLoginSeparatorDirective, EclSiteHeaderLogoClickEvent, EclSiteHeaderModule, EclSiteHeaderNotificationComponent, EclSiteHeaderPictureDirective, EclSiteHeaderSearchComponent, EclSiteHeaderSearchEvent, EclSiteHeaderSearchToggleEvent };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-site-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-site-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,kCAAkC,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,yCAAyC,EAAE,sCAAsC,EAAE,uCAAuC,EAAE,MAAM,yDAAyD,CAAC;AACrM,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,8BAA8B,EAAE,qCAAqC,EAAE,MAAM,YAAY,CAAC;AACnG,OAAO,EACH,2BAA2B,EAC3B,sCAAsC,EACtC,oCAAoC,EACvC,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,kCAAkC,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AACnH,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAExD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,mBAAmB,ixBAoBtB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-site-header/action/ecl-site-header-action.component.ts","../../../components/ecl-site-header/banner-top/ecl-site-header-banner-top.component.ts","../../../components/ecl-site-header/cta/ecl-site-header-cta.directive.ts","../../../components/ecl-site-header/custom-action/ecl-site-header-custom-action.directive.ts","../../../components/ecl-site-header/custom-action/ecl-site-header-custom-action.component.ts","../../../components/ecl-site-header/ecl-site-header-environment/ecl-site-header-environment.component.ts","../../../components/ecl-site-header/events/ecl-site-header-login.event.ts","../../../components/ecl-site-header/events/ecl-site-header-language.event.ts","../../../components/ecl-site-header/events/ecl-site-header-logo.event.ts","../../../components/ecl-site-header/events/ecl-site-header-search.event.ts","../../../components/ecl-site-header/language/ecl-site-header-language-popover.component.ts","../../../components/ecl-site-header/language/ecl-site-header-language.component.ts","../../../components/ecl-site-header/login/ecl-site-header-login.component.ts","../../../components/ecl-site-header/login/ecl-site-header-login-details.directive.ts","../../../components/ecl-site-header/notification/ecl-site-header-notification.component.ts","../../../components/ecl-site-header/picture/ecl-site-header-picture.directive.ts","../../../components/ecl-site-header/search/ecl-site-header-search.component.ts","../../../components/ecl-site-header/ecl-site-header.component.ts","../../../components/ecl-site-header/ecl-site-header.module.ts","../../../components/ecl-site-header/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["EuiLanguage"],"mappings":";;;;;;;;;;;;;;AAGA;;AAEG;AAEH,cAAA,4BAAA,SAAA,gBAAA;AAK0B;;;AACzB;;ACVD;;AAEG;AACH,cAAA,+BAAA,SAAA,gBAAA;AAYsD;;;AACrD;;AChBD;;;AAGG;AACH,cAAA,yBAAA,SAAA,gBAAA;AAI+C;;;AAC9C;;ACRD,cAAA,sCAAA,SAAA,gBAAA,YAAA,gBAAA;AAI0B;;;;;AAKZ,+BAAA,YAAA;;AAEV;AAEA;AAamC,iBAAA,KAAA;AAQnC;;;AAGH;AACD,cAAA,yCAAA,SAAA,gBAAA;AAIiE;;;AAChE;AAED,cAAA,uCAAA,SAAA,gBAAA;AAI+D;AAElD;;;AAEZ;;ACjDD;;;AAGG;AACH,cAAA,kCAAA,SAAA,gBAAA,YAAA,gBAAA,EAAA,SAAA;AAa0B;;;AAGtB;;AAEG;AACH;;;AAIA;AAaA;AAKA;;AAEG;AACH;AAKA;;AAEG;AAEH;AAIA;;AAEG;AAEH;;;AAGH;;ACtED;;;AAGG;AACH,cAAA,iCAAA,SAAA,gBAAA,YAAA,SAAA;;;;;;;;;AAmDI;AAKA;AAcA;AAOA;;;AAMH;;AC3FD,cAAA,uBAAA,SAAA,YAAA;AAA4D;AAE5D,cAAA,gCAAA,SAAA,YAAA;AACuB;AAAA;AAGtB;;ACLD,cAAA,+BAAA,SAAA,YAAA;AAAoE;AAEpE,cAAA,kCAAA,SAAA,YAAA;AACuB,cAAA,WAAA;AAAA,0BAAA,WAAA;AAGtB;AAED,cAAA,+BAAA,SAAA,YAAA;AAAoE;;ACTpE,cAAA,2BAAA,SAAA,YAAA;AAAgE;;ACAhE,cAAA,wBAAA,SAAA,YAAA;AACuB;AAAA;AAGtB;AAED,cAAA,8BAAA,SAAA,YAAA;AACuB;AAAA;AAGtB;;ACAD;;;;AAIG;AACH,cAAA,qCAAA,SAAA,gBAAA,YAAA,SAAA;AAMI,QAAA,UAAA;;AAGA;;AAEG;;AAEH;;AAEG;;AAEM,iBAAA,KAAA,CAAAA,aAAA;AACA,oBAAA,KAAA,CAAAA,aAAA;AACT;;AAEG;;AAEH;;AAEG;;AAEH;;AAEG;AACM;AACT;;AAEG;AACM;AACT;;AAEG;AACM;AACT;;AAEG;AACM;AACT;;AAEG;AACM;AACT;;AAEG;;AAEH;;AAEG;;AAEH;;AAEG;;AAGO,oBAAA,YAAA,CAAA,+BAAA;AACA,sBAAA,YAAA,CAAA,kCAAA;AAEV;;AAEG;AACuB;AACW;;;;;;;;AA8BrC;AAKA;AAKA;;AAEG;AAEH;AAIA;AAKA;;AAWA;;AAEG;AACH;AAWA;;;AAOH;;AChJD;;;AAGG;AACH,cAAA,8BAAA,SAAA,gBAAA,YAAA,MAAA,EAAA,aAAA,EAAA,SAAA;;;uCAqByB,SAAA,CAAA,SAAA;AAErB;;AAEG;;AAEH;;AAEG;AAC8C,yBAAA,UAAA,CAAA,iBAAA;AAEjD;;AAEG;AACO,mBAAA,YAAA,CAAA,+BAAA;AACV;;AAEG;AACO,sBAAA,YAAA,CAAA,kCAAA;;;AAIV;AACA;;AAEG;;AAEH;;AAEG;;AAEH;;AAEG;;AAEH;;AAEG;;AAEH;;AAEG;;AAEH;;;AAGA;;AAEG;AACH,iBAAA,KAAA,CAAAA,aAAA;AACA;;AAEG;AACH,oBAAA,KAAA,CAAAA,aAAA;AACA;AACA;;;;;;;;AAaA;AAIA;;;AAGG;AACH;AAQA;AAKA;AAIA;;;AAGG;AACH,yBAAA,KAAA;AAsBA,0BAAA,+BAAA;AAIA,4BAAA,kCAAA;AAOA;;AAEG;AAEH;AAIA;;AAEG;AAEH;AAIO;AAIP;AAMA;;AAEG;AACH;AAWA;AA8CA;AAeA;AAMA;;;AAQH;;AC9RD;;;AAGG;AACH,cAAA,2BAAA,SAAA,gBAAA,YAAA,SAAA,EAAA,SAAA;AAuB4C;AAClB;AAEwB,sBAAA,UAAA,CAAA,iBAAA;AAEpC,WAAA,YAAA,CAAA,uBAAA;AACA,oBAAA,YAAA,CAAA,gCAAA;AAEV;;AAEG;AACI;AACP;;AAEG;;;;;;;;AAgBH,yBAAA,aAAA;AAOA;AAKA;;AAEG;AAEH;AAIA;;AAEG;AACH;AAIA,sBAAA,UAAA;AAMA,0BAAA,UAAA;AAOA;AAQA;AAMA;;AAEG;AACH;AAQA;;;;AAeH;;AC/ID;;AAEG;AACH,cAAA,sCAAA,SAAA,gBAAA;AAI0B;;;AACzB;AAED;;;AAGG;AACH,cAAA,oCAAA,SAAA,gBAAA;AAI0B;;;AACzB;;ACnBD;;;AAGG;AACH,cAAA,kCAAA,SAAA,gBAAA;;;AAWI;AAIA;;;AAGH;;ACtBD;;AAEG;AACH,cAAA,6BAAA,SAAA,gBAAA;AAI0B;;;AACzB;AAED;;AAEG;AACH,cAAA,2BAAA,SAAA,gBAAA;;;;;AAaC;AAED;;AAEG;AACH,cAAA,0BAAA,SAAA,gBAAA;AAI0B;;;AACzB;;AC5BD,cAAA,qCAAA,EAAA,QAAA;AAUA;;;AAGG;AACH,cAAA,4BAAA,SAAA,gBAAA,YAAA,oBAAA,EAAA,SAAA;AAc0B;AACtB;;AAEG;AACuB;;;;AAM1B;;AAEG;AAC4C,uBAAA,UAAA,CAAA,iBAAA;AAIrC,YAAA,YAAA,CAAA,wBAAA;AACA,kBAAA,YAAA,CAAA,8BAAA;AAEV;;AAEG;;AAEI;;;;;;;;AAmBP;AAKA,kBAAA,kBAAA;AAMA,2BAAA,UAAA;AAOA;;;AAGG;AACH;AAIA;AAMA;AAKA;AAKA;AAIA;AAMA;AAQA;;;AAQH;;AClID;;;;;AAKG;AACH,cAAA,sBAAA,SAAA,gBAAA,YAAA,gBAAA,EAAA,SAAA;AAaI,qBAAA,eAAA;uCACqB,SAAA,CAAA,SAAA;AAErB;;AAEG;;AAEH;;AAEG;AACM;AACT;;AAEG;;AAEH;;AAEG;AACM;AAET;;AAEG;;AAcO,eAAA,YAAA,CAAA,2BAAA;AACA,mBAAA,YAAA,CAAA,+BAAA;;;;;;;;;;;;AAcV,wBAAA,OAAA;;;;;AAKA;AACA;AACA;;;;;;;AAsBA;;AAEG;AACH;AAyCA;AAKA;;;AAGG;;AASH,uBAAA,UAAA;AAQA;AAIA;AAMA;;;AAGG;AACH;AAYA;AA6BA;AAYA;AAYA;AASA;AAKA;;;AAQH;;ACzPD;;;;AAIG;AACH,cAAA,mBAAA;;;;AAImC;;AClBnC,cAAA,mBAAA,mBAAA,sBAAA,SAAA,4BAAA,SAAA,kCAAA,SAAA,yCAAA,SAAA,sCAAA,SAAA,uCAAA,SAAA,2BAAA,SAAA,sCAAA,SAAA,oCAAA,SAAA,8BAAA,SAAA,qCAAA,SAAA,4BAAA,SAAA,+BAAA,SAAA,iCAAA,SAAA,kCAAA,SAAA,yBAAA,SAAA,2BAAA,SAAA,6BAAA,SAAA,0BAAA;;;;"}