import { EventEmitter } from '../../stencil-public-runtime'; import { MdsHeaderEventDetail, MdsHeaderVisibilityEventDetail } from './meta/event-detail'; import { HeaderBarMenuType, HeaderBarNavType } from "../../type/header-bar"; /** * @part menu - The container element of the modal * @slot default - Add `mds-header-bar` element/s. * @slot menu - Put actions and other contents that will be shown as mobile menu. Add `text string`, `HTML elements` or `components` to this slot. */ export declare class MdsHeader { host: HTMLMdsHeaderElement; hasMenu: boolean; isOpened: boolean; private relativeTresholdDown; private relativePosition; private relativeThresholdUp; private sanitizedAppearance; private appearanceThreshold; private headerBar; /** * Sets the appearance of the header bar element when loaded, * it can be changed depending on how `appearance-set` attribute is set */ appearance: string; /** * Sets the appearance of the header bar element depending on the scroll position * you should set three different values: initial appearance, changed appearance and `window.scrollY` threshold * Es: appearance-set="stripe, inline 200" means the component will start with stripe appearance * that will change to inline if the page is scrolled more of 199 pixels */ readonly appearanceSet?: string; /** * When the page is scrolled down, the component mds-header-bar is hidden starting * from the `autoHide` attribute's value, then if the page is scrolled up it is shown again */ readonly autoHide?: number; /** * Sets if the backdrop is shown when the mds-header-bar attribute appearace is set to `inline` */ readonly backdrop?: boolean; /** * Sets the visibility type of the hamburger menu of mds-header-bar */ readonly menu: HeaderBarMenuType; /** * Sets the visibility type of the navigation menu of mds-header-bar */ readonly nav: HeaderBarNavType; /** * Sets the threshold margin to trigger hide or show status of the `mds-header-bar` when the page is scrolled */ readonly threshold: number; /** * Sets the visibility type of the navigation menu of mds-header-bar */ visibility?: 'hidden' | 'visible'; /** * Emits when the component is closed */ closedEvent: EventEmitter; /** * Emits when the component mds-header-bar is shown or hidden */ visibleEvent: EventEmitter; setOpened(isOpened?: boolean): Promise; private mobileMenu; private close; private handleVisibility; private sanitizeAppearance; private handleAppearance; private handleScroll; private setAppearanceSetData; private initScrollListener; disconnectedCallback(): void; componentWillLoad(): void; private defineHeaderBar; componentDidLoad(): void; onMenuChangedHandler(newValue: HeaderBarMenuType, oldValue?: HeaderBarMenuType): void; onNavChangedHandler(newValue: HeaderBarNavType, oldValue?: HeaderBarMenuType): void; onAppearanceSetChangedHandler(): void; handleVisibilityChange(newValue: boolean, oldValue: boolean): void; render(): any; }