@eui/ecl 22.0.0-alpha.3 → 22.0.0-alpha.4

package/types/eui-ecl-components-ecl-site-header.d.ts

@@ -1,7 +1,7 @@
 import * as i1 from '@eui/ecl/core';
 import { ECLBaseDirective, EclBaseEvent, EclThemeService } from '@eui/ecl/core';
-import * as i0 from '@angular/core';
-import { OnInit, AfterContentInit, EventEmitter, OnDestroy, ElementRef, AfterViewInit, OnChanges, SimpleChanges, Provider } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, AfterContentInit, EventEmitter, OnDestroy, AfterViewInit, ElementRef, 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';
@@ -17,8 +17,8 @@ import { EclSearchFormEvent } from '@eui/ecl/components/ecl-search-form';
  */
 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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderActionComponent, "ecl-site-header-action", never, {}, {}, never, ["[eclSiteHeaderCustomAction]", "ecl-site-header-login", "ecl-site-header-language", "ecl-site-header-search"], true, never>;
 }
 
 /**
@@ -30,8 +30,8 @@ declare class EclSiteHeaderBannerTopComponent extends ECLBaseDirective implement
     className: boolean;
     private platformId;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderBannerTopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderBannerTopComponent, "ecl-site-header-banner-top", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderBannerTopComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderBannerTopComponent, "ecl-site-header-banner-top", never, {}, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -40,8 +40,8 @@ declare class EclSiteHeaderBannerTopComponent extends ECLBaseDirective implement
  */
 declare class EclSiteHeaderCtaDirective extends ECLBaseDirective {
     className: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderCtaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderCtaDirective, "[eclSiteHeaderCta]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderCtaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderCtaDirective, "[eclSiteHeaderCta]", never, {}, {}, never, never, true, never>;
 }
 
 declare class EclSiteHeaderCustomActionLinkDirective extends ECLBaseDirective implements AfterContentInit {
@@ -51,25 +51,25 @@ declare class EclSiteHeaderCustomActionLinkDirective extends ECLBaseDirective im
     href: string;
     routerLink: string;
     customActionOverlayToggle: EventEmitter<boolean>;
-    eclIconComponent: i0.Signal<EclIconComponent>;
+    eclIconComponent: _angular_core.Signal<EclIconComponent>;
     private readonly ARIA_CONTROLS;
     private platformId;
     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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionLinkDirective, never>;
+    static ɵdir: _angular_core.ɵɵ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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵ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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderCustomActionTitleDirective, "div[eclSiteHeaderCustomActionTitle]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -78,8 +78,8 @@ declare class EclSiteHeaderCustomActionTitleDirective extends ECLBaseDirective {
  */
 declare class EclSiteHeaderCustomActionComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {
     class: string;
-    readonly title: i0.Signal<EclSiteHeaderCustomActionTitleDirective>;
-    readonly eclSiteHeaderCustomActionLink: i0.Signal<EclSiteHeaderCustomActionLinkDirective>;
+    readonly title: _angular_core.Signal<EclSiteHeaderCustomActionTitleDirective>;
+    readonly eclSiteHeaderCustomActionLink: _angular_core.Signal<EclSiteHeaderCustomActionLinkDirective>;
     /**
      * Used to expand/collapse the dropdown, if any.
      */
@@ -100,8 +100,8 @@ declare class EclSiteHeaderCustomActionComponent extends ECLBaseDirective implem
      * 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"; }; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderCustomActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderCustomActionComponent, "div[eclSiteHeaderCustomAction]", never, {}, {}, ["title", "eclSiteHeaderCustomActionLink"], ["[eclSiteHeaderCustomActionLink]", "[eclSiteHeaderCustomActionTitle]", "[eclSiteHeaderCustomActionContent]"], true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
 }
 
 /**
@@ -121,8 +121,8 @@ declare class EclSiteHeaderEnvironmentComponent extends ECLBaseDirective impleme
     private observeBreakpointChanges;
     private manageMobile;
     private manageDesktop;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderEnvironmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderEnvironmentComponent, "[eclSiteHeaderEnvironment]", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderEnvironmentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderEnvironmentComponent, "[eclSiteHeaderEnvironment]", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare class EclSiteHeaderLoginEvent extends EclBaseEvent {
@@ -153,94 +153,6 @@ declare class EclSiteHeaderSearchToggleEvent extends EclBaseEvent {
     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.
-     */
-    readonly languageContent: i0.Signal<ElementRef<any>>;
-    /**
-     * Current language
-     */
-    languageCode: string;
-    euLanguages: EuiLanguage$1[];
-    nonEuLanguages: EuiLanguage$1[];
-    /**
-     * Number of columns for eu languages. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly euColumnsCount: i0.InputSignal<number>;
-    /**
-     * Number of columns for non-eu languages. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly nonEuColumnsCount: i0.InputSignal<number>;
-    /**
-     * Property to show/hide the dialog.
-     */
-    readonly isHidden: i0.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly isPushRight: i0.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly isPushLeft: i0.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly isStack: i0.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-     */
-    readonly isFull: i0.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * 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;
-    readonly languageClosed: i0.OutputEmitterRef<EclSiteHeaderLanguageCloseEvent>;
-    readonly languageSelected: i0.OutputEmitterRef<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;
-    private readonly document;
-    private readonly window;
-    constructor();
-    get cssClasses(): string;
-    get isModal(): boolean | undefined;
-    get isDropdownHidden(): boolean | undefined;
-    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; "isSignal": true; }; "nonEuColumnsCount": { "alias": "nonEuColumnsCount"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "isPushRight": { "alias": "isPushRight"; "required": false; "isSignal": true; }; "isPushLeft": { "alias": "isPushLeft"; "required": false; "isSignal": true; }; "isStack": { "alias": "isStack"; "required": false; "isSignal": true; }; "isFull": { "alias": "isFull"; "required": false; "isSignal": true; }; "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.
@@ -249,14 +161,6 @@ declare class EclSiteHeaderLanguageComponent extends ECLBaseDirective implements
     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).
-     */
-    readonly languagePopover: i0.Signal<EclSiteHeaderLanguagePopoverComponent>;
-    /**
-     * The link to open the popover dialog.
-     */
-    readonly languageLinkElement: i0.Signal<ElementRef<any>>;
     /**
      * Thie event is emited, when language link, showing the current language is clicked.
      */
@@ -265,8 +169,6 @@ declare class EclSiteHeaderLanguageComponent extends ECLBaseDirective implements
      * 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.
@@ -301,50 +203,157 @@ declare class EclSiteHeaderLanguageComponent extends ECLBaseDirective implements
     nonEuLanguages: EuiLanguage$1[];
     euColumnsCount: number;
     nonEuColumnsCount: number;
+    /**
+     * The language popover, that shows all available languages (configured in the config file of the current site).
+     */
+    private readonly languagePopover;
+    /**
+     * The link to open the popover dialog.
+     */
+    private readonly languageLinkElement;
+    private readonly MOBILE_BREAKPOINT;
+    private readonly LANGUAGE_MAX_COLUMNS;
+    private readonly RESIZE_DEBOUNCE;
     private destroy$;
     private _languages;
-    private parentHeaderWidth;
     private isRtl;
-    private eclAreaDataService;
-    private eclRtlService;
+    private readonly eclRtlService;
+    private readonly el;
     private readonly document;
     private readonly window;
-    get cssClasses(): string;
+    protected get cssClasses(): string;
     ngOnInit(): void;
     /**
-     * After view is initialized -> calculate popover position and initialize languages, that are configured in the config file
+     * After view is initialized -> set up resize repositioning and initialize languages, that are configured in the config file
      *  of the current site.
      */
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    getLanguageLabel(): string;
+    protected 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;
+    protected onLanguageClick(evt: Event): void;
+    protected onLanguageClosed(evt: EclSiteHeaderLanguageCloseEvent): void;
+    protected onLanguageSelected(evt: EclSiteHeaderLanguageSelectedEvent): void;
     /**
      * Close the dropdown, when clicking outside of the component.
      */
-    onClickOutside(): void;
+    protected onClickOutside(): void;
     /**
      * Close the dropdown, when pressing ESC key.
      */
-    onEscapeKeydownHandler(): void;
+    protected onEscapeKeydownHandler(): void;
     hasLanguageCodes(): boolean;
     private handleRtlChangeState;
     /**
      * Calculate the number of columns for EU and non-EU languages, depending on languages' count.
      */
     private updateLanguages;
+    /**
+     * Clears every positioning flag/offset so a fresh calculation (or a close) starts from a known state.
+     */
+    private resetPositioning;
+    /**
+     * Positions the language popover and its arrow, matching ECL's updateOverlayPosition.
+     * The container is the site-header top area (ECL's '[data-ecl-site-header-top]'), resolved from
+     * the DOM rather than a shared service so the measurement is taken at the right time (on open/resize).
+     */
     private calculatePopoverPosition;
+    /**
+     * On window resize -> reposition the popover, but only while it is open.
+     * Debounced for performance, matching ECL's handleResize.
+     */
+    private handleResize;
     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"; }; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLanguageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderLanguageComponent, "ecl-site-header-language", never, {}, { "languageClick": "languageClick"; "languageSelected": "languageSelected"; }, never, never, true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
+}
+
+/**
+ * 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.
+     */
+    readonly languageContent: _angular_core.Signal<ElementRef<any>>;
+    /**
+     * Current language
+     */
+    readonly languageCode: _angular_core.InputSignal<string>;
+    readonly euLanguages: _angular_core.InputSignal<EuiLanguage$1[]>;
+    readonly nonEuLanguages: _angular_core.InputSignal<EuiLanguage$1[]>;
+    /**
+     * Number of columns for eu languages. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly euColumnsCount: _angular_core.InputSignal<number>;
+    /**
+     * Number of columns for non-eu languages. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly nonEuColumnsCount: _angular_core.InputSignal<number>;
+    /**
+     * Property to show/hide the dialog.
+     */
+    readonly isHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly isPushRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly isPushLeft: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly isStack: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly isFull: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly rightPosition: _angular_core.InputSignal<number>;
+    /**
+     * Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly leftPosition: _angular_core.InputSignal<number>;
+    /**
+     * Property to position the arrow of the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+     */
+    readonly languageArrowPosition: _angular_core.InputSignal<string>;
+    readonly languageClosed: _angular_core.OutputEmitterRef<EclSiteHeaderLanguageCloseEvent>;
+    readonly languageSelected: _angular_core.OutputEmitterRef<EclSiteHeaderLanguageSelectedEvent>;
+    languageContentMaxHeight: number;
+    private destroy$;
+    private scrollDispatcher;
+    private zone;
+    private readonly document;
+    private readonly window;
+    constructor();
+    protected get cssClasses(): string;
+    protected get display(): string;
+    protected get isModal(): boolean | undefined;
+    protected get isDropdownHidden(): boolean | undefined;
+    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: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLanguagePopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderLanguagePopoverComponent, "ecl-site-header-language-popover", never, { "languageCode": { "alias": "languageCode"; "required": false; "isSignal": true; }; "euLanguages": { "alias": "euLanguages"; "required": false; "isSignal": true; }; "nonEuLanguages": { "alias": "nonEuLanguages"; "required": false; "isSignal": true; }; "euColumnsCount": { "alias": "euColumnsCount"; "required": false; "isSignal": true; }; "nonEuColumnsCount": { "alias": "nonEuColumnsCount"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "isPushRight": { "alias": "isPushRight"; "required": false; "isSignal": true; }; "isPushLeft": { "alias": "isPushLeft"; "required": false; "isSignal": true; }; "isStack": { "alias": "isStack"; "required": false; "isSignal": true; }; "isFull": { "alias": "isFull"; "required": false; "isSignal": true; }; "rightPosition": { "alias": "rightPosition"; "required": false; "isSignal": true; }; "leftPosition": { "alias": "leftPosition"; "required": false; "isSignal": true; }; "languageArrowPosition": { "alias": "languageArrowPosition"; "required": false; "isSignal": true; }; }, { "languageClosed": "languageClosed"; "languageSelected": "languageSelected"; }, never, never, true, never>;
 }
 
 /**
@@ -352,47 +361,53 @@ declare class EclSiteHeaderLanguageComponent extends ECLBaseDirective implements
  * login dropdown.
  */
 declare class EclSiteHeaderLoginComponent extends ECLBaseDirective implements OnChanges, OnDestroy {
-    readonly isLoggedIn: i0.InputSignalWithTransform<boolean, unknown>;
-    class: string;
-    readonly loginLinkElement: i0.Signal<ElementRef<any>>;
-    readonly login: i0.OutputEmitterRef<EclSiteHeaderLoginEvent>;
+    readonly isLoggedIn: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly login: _angular_core.OutputEmitterRef<EclSiteHeaderLoginEvent>;
     loginBoxToggle: EventEmitter<EclSiteHeaderLoginBoxToggleEvent>;
     /**
-     * If login popover is open (true) or closed (false).
+     * If login popover is open (true) or closed (false). Kept public because the parent
+     * `ecl-site-header` resets it directly when the search box opens.
      */
     isLoginBoxActive: boolean;
     /**
-     * The position of the arrow of the popover.
+     * The position of the arrow of the popover, when in mobile (full-width) mode.
      */
-    loginArrowPosition: string;
-    readonly TABLET_BREAKPOINT = 996;
-    private parentHeaderRight;
-    private destroy$;
-    private eclAreaDataService;
-    private eclRtlService;
-    private document;
+    protected readonly loginArrowPosition: _angular_core.WritableSignal<string>;
+    /**
+     * The login link element from the view, i.e. the login button (the toggle).
+     */
+    private readonly loginLinkElement;
+    /**
+     * The login box element from the view, i.e. the dropdown the arrow points at.
+     */
+    private readonly loginBoxElement;
+    private readonly destroy$;
+    private readonly eclRtlService;
+    private readonly document;
+    private readonly window;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /**
      * Close the login popover on click outside.
      */
-    onClickOutsideMegaMenu(): void;
+    protected onClickOutside(): void;
     /**
      * @returns classes for the login popover.
      */
-    getLoginBoxCssClasses(): string;
-    onLoginClick(evt: MouseEvent): void;
-    onLoginBoxToggle(evt: MouseEvent): void;
+    protected getLoginBoxCssClasses(): string;
+    protected onLoginClick(evt: MouseEvent): void;
+    protected onLoginBoxToggle(evt: MouseEvent): void;
     private onLoginBoxClose;
-    private handleRtlChangeState;
     /**
-     * On resize -> calculate the popover arrow position, using parent element ecl-header html parameters.
+     * Position the dropdown arrow so it points at the toggle button.
+     * The arrow only exists on the mobile full-width dropdown, so the calculation is gated on the box
+     *  spanning (almost) the full viewport width. The offset is relative to the box's own left edge.
+     * Mirrors ECL's 'setLoginArrow' in site-header.js.
      */
-    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; "isSignal": true; }; }, { "login": "login"; "loginBoxToggle": "loginBoxToggle"; }, never, ["*"], true, [{ directive: typeof i1.ECLBaseDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
+    private setLoginArrow;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLoginComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderLoginComponent, "ecl-site-header-login", never, { "isLoggedIn": { "alias": "isLoggedIn"; "required": false; "isSignal": true; }; }, { "login": "login"; "loginBoxToggle": "loginBoxToggle"; }, never, ["*"], true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
 }
 
 /**
@@ -400,8 +415,8 @@ declare class EclSiteHeaderLoginComponent extends ECLBaseDirective implements On
  */
 declare class EclSiteHeaderLoginDescriptionDirective extends ECLBaseDirective {
     className: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLoginDescriptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderLoginDescriptionDirective, "[eclSiteHeaderLoginDescription]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLoginDescriptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderLoginDescriptionDirective, "[eclSiteHeaderLoginDescription]", never, {}, {}, never, never, true, never>;
 }
 /**
  * This directive is used to add specific class for the horizontal line, that separates
@@ -409,8 +424,8 @@ declare class EclSiteHeaderLoginDescriptionDirective extends ECLBaseDirective {
  */
 declare class EclSiteHeaderLoginSeparatorDirective extends ECLBaseDirective {
     className: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderLoginSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderLoginSeparatorDirective, "[eclSiteHeaderLoginSeparator]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLoginSeparatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderLoginSeparatorDirective, "[eclSiteHeaderLoginSeparator]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -422,8 +437,8 @@ declare class EclSiteHeaderNotificationComponent extends ECLBaseDirective {
     protected display: string;
     onHide(): void;
     onShow(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclSiteHeaderNotificationComponent, "ecl-site-header-notification", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderNotificationComponent, "ecl-site-header-notification", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare const ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR: Provider;
@@ -432,53 +447,62 @@ declare const ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR: Provider;
  *  events on search and search toggle.
  */
 declare class EclSiteHeaderSearchComponent extends ECLBaseDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
-    class: string;
+    searchInputText: string;
+    readonly searchInputPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchButtonLabel: _angular_core.InputSignal<string>;
+    readonly searchEvent: _angular_core.OutputEmitterRef<EclSiteHeaderSearchEvent>;
+    searchToggle: EventEmitter<EclSiteHeaderSearchToggleEvent>;
     /**
-     * The default role of the component is 'search', should not be changed.
+     * Whether the search dropdown is open. Kept public because the parent
+     * `ecl-site-header` resets it directly when the login box opens.
      */
-    role: string;
-    searchInputText: string;
-    readonly searchInputPlaceholder: i0.InputSignal<string>;
-    readonly searchButtonLabel: i0.InputSignal<string>;
+    isSearchBoxActive: boolean;
     /**
-     * The search link element from the view, i.e. the search button.
+     * The arrow position of the search dropdown, when in mobile (full-width) mode.
      */
-    readonly searchLinkElement: i0.Signal<ElementRef<any>>;
-    readonly searchEvent: i0.OutputEmitterRef<EclSiteHeaderSearchEvent>;
-    searchToggle: EventEmitter<EclSiteHeaderSearchToggleEvent>;
+    protected readonly searchArrowPosition: _angular_core.WritableSignal<string>;
     /**
-     * The arrow position of the serahc dropdown, when in mobile mode.
+     * The search link element from the view, i.e. the search button (the toggle).
      */
-    searchArrowPosition: string;
-    isSearchBoxActive: boolean;
+    private readonly searchLinkElement;
+    /**
+     * The search form element from the view, i.e. the dropdown box the arrow points from.
+     */
+    private readonly searchFormElement;
     private onChange;
     private onTouched;
     private destroy$;
-    private parentHeaderRight;
-    private eclAreaDataService;
-    private eclRtlService;
-    private cdr;
-    private platformId;
-    private ro?;
-    private document;
+    private readonly eclRtlService;
+    private readonly platformId;
+    private readonly document;
+    private readonly window;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    onSearch(evt: EclSearchFormEvent): boolean;
-    onSearchBoxToggle(evt: MouseEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    /**
+     * Close the search dropdown on click outside, matching ECL's `handleClickGlobal`.
+     */
+    protected onClickOutside(): void;
+    protected onSearch(evt: EclSearchFormEvent): boolean;
+    protected 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; "isSignal": true; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; "searchToggle": "searchToggle"; }, never, never, true, never>;
+    protected getSearchBoxCssClasses(): string;
+    protected onModelChange(newValue: string): void;
+    private closeSearchBox;
+    /**
+     * Positions the dropdown arrow so it points at the center of the search toggle button.
+     * Mirrors ECL's `setSearchArrow`: the arrow position is an offset relative to the
+     * search form's own left edge, and it only applies to the mobile full-width dropdown
+     * (`searchFormRect.width >= clientWidth - 1`, the `- 1` absorbing subpixel rounding).
+     */
+    private setSearchArrow;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderSearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderSearchComponent, "ecl-site-header-search", never, { "searchInputText": { "alias": "searchInputText"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "searchButtonLabel": { "alias": "searchButtonLabel"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; "searchToggle": "searchToggle"; }, never, never, true, [{ directive: typeof i1.ECLClickOutsideDirective; inputs: {}; outputs: { "eclClickOutside": "eclClickOutside"; }; }]>;
 }
 
 /**
@@ -501,28 +525,28 @@ declare class EclSiteHeaderComponent extends ECLBaseDirective implements AfterCo
     /**
      * The size of the logo, 's', 'm' or 'l', default to 'm'.
      */
-    readonly logoSize: i0.InputSignal<"s" | "m" | "l">;
+    readonly logoSize: _angular_core.InputSignal<"s" | "m" | "l">;
     /**
      * Determines if the site name should be displayed only on mobile devices.
      */
-    readonly isSiteNameMobileOnly: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly isSiteNameMobileOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Adds specific classes to the main element. Depending , logo size, menu and menu status, rtl status.
      */
     get cssClasses(): string;
-    readonly logoClick: i0.OutputEmitterRef<EclSiteHeaderLogoClickEvent>;
-    readonly languageClick: i0.OutputEmitterRef<EclSiteHeaderLanguageClickEvent>;
-    readonly topContainerElement: i0.Signal<ElementRef<any>>;
-    readonly siteHeaderHeader: i0.Signal<ElementRef<any>>;
-    readonly bannerHeader: i0.Signal<ElementRef<any>>;
-    readonly eclLoginComponent: i0.Signal<EclSiteHeaderLoginComponent>;
-    readonly eclMenuComponent: i0.Signal<EclMenuComponent>;
-    readonly eclMegaMenuComponent: i0.Signal<EclMegaMenuComponent>;
-    readonly eclSearchComponent: i0.Signal<EclSiteHeaderSearchComponent>;
-    readonly eclLanguageComponent: i0.Signal<EclSiteHeaderLanguageComponent>;
-    readonly eclNotificationComponent: i0.Signal<EclSiteHeaderNotificationComponent>;
-    readonly eclHeaderLink: i0.Signal<any>;
-    readonly eclHeaderImage: i0.Signal<any>;
+    readonly logoClick: _angular_core.OutputEmitterRef<EclSiteHeaderLogoClickEvent>;
+    readonly languageClick: _angular_core.OutputEmitterRef<EclSiteHeaderLanguageClickEvent>;
+    readonly topContainerElement: _angular_core.Signal<ElementRef<any>>;
+    readonly siteHeaderHeader: _angular_core.Signal<ElementRef<any>>;
+    readonly bannerHeader: _angular_core.Signal<ElementRef<any>>;
+    readonly eclLoginComponent: _angular_core.Signal<EclSiteHeaderLoginComponent>;
+    readonly eclMenuComponent: _angular_core.Signal<EclMenuComponent>;
+    readonly eclMegaMenuComponent: _angular_core.Signal<EclMegaMenuComponent>;
+    readonly eclSearchComponent: _angular_core.Signal<EclSiteHeaderSearchComponent>;
+    readonly eclLanguageComponent: _angular_core.Signal<EclSiteHeaderLanguageComponent>;
+    readonly eclNotificationComponent: _angular_core.Signal<EclSiteHeaderNotificationComponent>;
+    readonly eclHeaderLink: _angular_core.Signal<any>;
+    readonly eclHeaderImage: _angular_core.Signal<any>;
     protected destroy$: Subject<boolean>;
     private isEclMegaMenuOpen;
     private isEclMegaMenuStart;
@@ -560,8 +584,8 @@ declare class EclSiteHeaderComponent extends ECLBaseDirective implements AfterCo
     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; }; "logoSize": { "alias": "logoSize"; "required": false; "isSignal": true; }; "isSiteNameMobileOnly": { "alias": "isSiteNameMobileOnly"; "required": false; "isSignal": true; }; }, { "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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclSiteHeaderComponent, "ecl-site-header", never, { "siteName": { "alias": "siteName"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "logoSize": { "alias": "logoSize"; "required": false; "isSignal": true; }; "isSiteNameMobileOnly": { "alias": "isSiteNameMobileOnly"; "required": false; "isSignal": true; }; }, { "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>;
 }
 
 /**
@@ -569,8 +593,8 @@ declare class EclSiteHeaderComponent extends ECLBaseDirective implements AfterCo
  */
 declare class EclSiteHeaderPictureDirective extends ECLBaseDirective {
     className: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclSiteHeaderPictureDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclSiteHeaderPictureDirective, "[eclSiteHeaderPicture]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderPictureDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderPictureDirective, "[eclSiteHeaderPicture]", never, {}, {}, never, never, true, never>;
 }
 /**
  * Adds some specific classes for <img> element, when used in the site header logo.
@@ -578,16 +602,16 @@ declare class EclSiteHeaderPictureDirective extends ECLBaseDirective {
 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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderImageDirective, never>;
+    static ɵdir: _angular_core.ɵɵ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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclSiteHeaderLinkDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclSiteHeaderLinkDirective, "[eclSiteHeaderLink]", never, {}, {}, never, never, true, never>;
 }
 
 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];