import { EventEmitter } from '../../stencil-public-runtime'; import { ApplicationLayoutContext } from '../utils/application-layout/context'; import { Breakpoint } from '../utils/breakpoints'; import { ContextType } from '../utils/context'; /** * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown. * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown. * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot. * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set. */ export declare class ApplicationHeader { hostElement: HTMLIxApplicationHeaderElement; /** * Application name */ name?: string; /** * Define a suffix which will be displayed next to the application name * * @since 4.0.0 */ nameSuffix?: string; /** * Company logo will be show on the left side of the application name. * It will be hidden on smaller screens. * * @since 4.0.0 */ companyLogo?: string; /** * Alt text for the company logo * * @since 4.0.0 */ companyLogoAlt?: string; /** * The app icon will be shown as the first element inside the header. * It will be hidden on smaller screens. * * @since 4.0.0 */ appIcon?: string; /** * Alt text for the app icon * * @since 4.0.0 */ appIconAlt?: string; /** * Render subtle outline around app icon to ensure proper contrast. * * @since 4.0.0 */ appIconOutline: boolean; /** * Hides the bottom border of the header * * @since 4.0.0 */ hideBottomBorder: boolean; /** * Controls the visibility of the menu toggle button based on the context of the application header. * * When the application header is utilized outside the application frame, the menu toggle button is displayed. * Conversely, if the header is within the application frame, this property is ineffective. */ showMenu?: boolean; /** * ARIA label for the menu expand icon button * * @since 3.2.0 * @deprecated This prop is no longer used as the menu expand button is hidden from screen readers. Will be removed in 5.0.0 */ ariaLabelMenuExpandIconButton?: string; /** * ARIA label for the app switch icon button * * @since 3.2.0 */ ariaLabelAppSwitchIconButton?: string; /** * ARIA label for the more menu icon button * * @since 3.2.0 */ ariaLabelMoreMenuIconButton?: string; /** * Enable Popover API rendering for dropdown. * * @default false * @since 4.3.0 */ enableTopLayer: boolean; /** * Event emitted when the menu toggle button is clicked */ menuToggle: EventEmitter; /** * Event emitted when the app switch button is clicked * * @since 3.0.0 */ openAppSwitch: EventEmitter; breakpoint: Breakpoint; menuExpanded: boolean; suppressResponsive: boolean; hasSlottedLogo: boolean; hasOverflowContextMenu: boolean; hasSecondarySlotElements: boolean; hasDefaultSlotElements: boolean; hasOverflowSlotElements: boolean; applicationLayoutContext?: ContextType; private menuDisposable?; private modeDisposable?; private callbackUpdateAppSwitchModal?; get contentBackground(): Element | null; componentWillLoad(): void; componentDidLoad(): void; disconnectedCallback(): void; watchApplicationLayoutContext(): void; watchSuppressResponsive(): void; watchBreakpoint(): void; private checkLogoSlot; private attachSiemensLogoIfLoaded; private onMenuClick; private resolveContextMenuButton; private tryUpdateAppSwitch; private showAppSwitch; private updateHasSlotAssignedElementsStates; private onContentBgClick; render(): any; }