import { ISlottable } from '../../Behaviors/Slottable'; import { CustomElement } from '../Abstracts/CustomElement'; import { IAppHeaderElementProps } from './IAppHeaderElementProps'; declare const AppHeaderElement_base: (abstract new (...args: Array) => import("../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array) => 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 actions - The slot for action buttons or icons, typically used for user profile options or quick actions. * @slot brand - The slot for the application branding, such as a logo or title. * @slot menu - The slot for the menu button, which can be used to toggle navigation drawers or other menus. * * @csspart progressBar - The progressBar part. * @csspart root - The root part of the AppHeader component, used for applying styles and theming. * @csspart toggle - The toggle button part of the AppHeader, which can be used to open or close navigation drawers. * @csspart toolbar - The toolbar part of the AppHeader component, used for containing navigation or action items. * * @cssprop {String} --app-header-background-color - The header background color CSS custom property. * @cssprop {String} --app-header-border-color - The header border color CSS custom property. * @cssprop {String} --app-header-border-radius - The header border radius CSS custom property. * @cssprop {String} --app-header-border-style - The header border style CSS custom property. * @cssprop {String} --app-header-border-width - The header border width CSS custom property. * @cssprop {String} --app-header-font-family - The header font family CSS custom property. * @cssprop {String} --app-header-font-letter-spacing - The header font letter spacing CSS custom property. * @cssprop {String} --app-header-font-line-height - The header font line height CSS custom property. * @cssprop {String} --app-header-font-size - The header font size CSS custom property. * @cssprop {String} --app-header-font-text-decoration - The header font text decoration CSS custom property. * @cssprop {String} --app-header-font-text-transform - The header font text transform CSS custom property. * @cssprop {String} --app-header-font-weight - The header font weight CSS custom property. * @cssprop {String} --app-header-foreground-color - The header foreground color CSS custom property. * @cssprop {String} --app-header-gap - The header gap CSS custom property. * @cssprop {String} --app-header-line-thickness - The header line thickness CSS custom property. * @cssprop {String} --app-header-padding-bottom - The header padding bottom CSS custom property. * @cssprop {String} --app-header-padding-left - The header padding left CSS custom property. * @cssprop {String} --app-header-padding-right - The header padding right CSS custom property. * @cssprop {String} --app-header-padding-top - The header padding top CSS custom property. * @cssprop {String} --app-header-shadow - The header shadow CSS custom property. * @cssprop {String} --app-header-shadow-blur - The header shadow blur CSS custom property. * @cssprop {String} --app-header-shadow-color - The header shadow color CSS custom property. * @cssprop {String} --app-header-shadow-offset-x - The header shadow offset x CSS custom property. * @cssprop {String} --app-header-shadow-offset-y - The header shadow offset y CSS custom property. * @cssprop {String} --app-header-shadow-spread - The header shadow spread CSS custom property. * @cssprop {String} --app-header-transition-duration - The header transition duration CSS custom property. * @cssprop {String} --app-header-transition-mode - The header transition mode CSS custom property. * @cssprop {String} --app-header-transition-property - The header transition property CSS custom property. * @cssprop {String} --app-header-translate - The header translate CSS custom property. * * @dependency mosaik-button - The Button element. * @dependency mosaik-progress-bar - The Progress Bar element. * @dependency mosaik-toolbar - The Toolbar element. * * @example * ```html * *
*
*
*
*
*
*
* ``` * * @example * App header with toggle state: * ```html * * My Application * * ``` * * @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