import { LitElement } from 'lit';
/**
 * The global Header component.
 * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail. `detail:{ origEvent: Event}`
 * @fires on-root-link-click - Captures the logo link click event and emits the original event details. `detail:{ origEvent: Event}`
 * @slot unnamed - The default slot for all empty space right of the logo/title.
 * @slot logo - Slot for the logo, will overwrite the default logo.
 * @slot left - Slot left of the logo, intended for the header nav.
 * @slot center - Slot between logo/title and right flyouts.
 */
export declare class Header extends LitElement {
    static styles: import("lit").CSSResult;
    /** URL for the header logo link. Should target the application home page. */
    accessor rootUrl: string;
    /** App title text next to logo.  Hidden on smaller screens. */
    accessor appTitle: string;
    /** Queries for slotted header-nav.
     * @internal
     */
    accessor navEls: any;
    /** Queries for all slotted elements.
     * @internal
     */
    accessor assignedElements: any;
    /** Queries for elements in left slot.
     * @internal
     */
    accessor leftEls: any;
    /** header-nav open state
     * @internal
     */
    accessor _navOpen: boolean;
    /** header-flyouts open state
     * @internal
     */
    accessor _flyoutsOpen: boolean;
    /** @internal */
    accessor _headerEl: HTMLElement;
    /** Media query used to detect desktop/mobile breakpoint transitions.
     * @internal
     */
    private _desktopMediaQuery?;
    render(): import("lit-html").TemplateResult<1>;
    private handleSlotChange;
    private handleRootLinkClick;
    private _handleNavToggle;
    private _handleFlyoutsToggle;
    /** Bound nav toggle handler for add/remove symmetry.
     * @internal
     */
    private readonly _boundHandleNavToggle;
    /** Bound flyouts toggle handler for add/remove symmetry.
     * @internal
     */
    private readonly _boundHandleFlyoutsToggle;
    /** Morph header on scroll.
     * @internal */
    private _handleScroll;
    /** @internal */
    private _debounceScroll;
    /** close transient menu state when crossing 42rem breakpoint.
     * opening dev tools changes viewport width and can otherwise leave mixed styles/state.
     * @internal
     */
    private _resetOpenMenusOnBreakpointChange;
    /** @internal */
    private readonly _handleBreakpointChange;
    firstUpdated(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-header': Header;
    }
}
//# sourceMappingURL=header.d.ts.map