import { ISlottable } from '../../Behaviors/Slottable';
import { CustomElement } from '../Abstracts/CustomElement';
import { IAppHeaderElementProps } from './IAppHeaderElementProps';
declare const AppHeaderElement_base: (abstract new (...args: Array<any>) => import("../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array<any>) => import("../../Behaviors/Busyable").IBusyableProps) & typeof CustomElement & import("../../Behaviors/Themeable").IThemeableCtor;
/**
 * AppHeader - A component representing the header section of an application, often used to display application
 *             branding, navigation, and other important elements.
 *
 * @description
 * The AppHeader component is designed to provide a consistent header section across an application. It typically
 * includes elements such as the application title, navigation menus, and user profile options. This component
 * is customizable and can be styled to fit the application's branding and layout needs.
 *
 * @name AppHeader
 * @element mosaik-app-header
 * @category Shell
 *
 * @slot menu - The slot for the menu button, which can be used to toggle navigation drawers or other menus.
 * @slot brand - The slot for the application branding, such as a logo or title.
 * @slot actions - The slot for action buttons or icons, typically used for user profile options or quick actions.
 *
 * @csspart root - The root part of the AppHeader component, used for applying styles and theming.
 * @csspart toolbar - The toolbar part of the AppHeader component, used for containing navigation or action items.
 * @csspart toggle - The toggle button part of the AppHeader, which can be used to open or close navigation drawers.
 *
 * @dependency {ToolbarElement} - The Toolbar element, which is used within the AppHeader for displaying navigation and actions.
 * @dependency {Button} - The Button element, which can be used for the menu toggle button.
 * @dependency {ProgressBarElement} - The ProgressBar element, which can be used to indicate loading or busy states.
 *
 * @example
 * ```html
 * <mosaik-app-header>
 *   <div slot="menu">
 *   </div>
 *   <div slot="brand">
 *   </div>
 *   <div slot="actions">
 *   </div>
 * </mosaik-app-header>
 * ```
 *
 * @example
 * App header with toggle state:
 * ```html
 * <mosaik-app-header is-toggled>
 *   <span slot="brand">My Application</span>
 * </mosaik-app-header>
 * ```
 *
 * @public
 */
export declare class AppHeaderElement extends AppHeaderElement_base implements IAppHeaderElementProps, ISlottable {
    private readonly _scrollController;
    private _isToggled;
    private _scrollTargetFn;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `isToggled` property.
     *
     * @public
     * @attr
     */
    get isToggled(): boolean;
    set isToggled(value: boolean);
    /**
     * Gets or sets the `scrollTargetFn` property.
     *
     * @public
     */
    get scrollTargetFn(): (() => Element | null) | null;
    set scrollTargetFn(value: (() => Element | null) | null);
    /**
     * @public
     * @override
     */
    onSlotChanges(slotName?: string): void;
    /**
     * @protected
     * @override
     */
    protected onApplyTemplate(): void;
    /**
     * @private
     */
    private onToggle;
}
/**
 * @public
 */
export declare namespace AppHeaderElement {
    type Props = IAppHeaderElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-app-header': AppHeaderElement;
    }
}
export {};
//# sourceMappingURL=AppHeaderElement.d.ts.map