import { EventEmitter } from "../../stencil-public-runtime"; import { ThemeableComponent } from "../../common"; import { DuetLanguage, DuetTheme } from "../../common-types"; import { DuetLogoSize } from "../duet-logo/duet-logo"; export type DuetMenuBarChangeEvent = { originalEvent: Event; name: "logoClick"; data: { logoHref: string; }; component: "duet-menu-bar"; }; /** * @slot center - Slot for content in center. * @slot right - Slot for content in right side. */ export declare class DuetMenuBar implements ThemeableComponent { /** * Own Properties. */ private container; private resizeTimer; private zindexTimer; private previousYScroll; hidden: boolean; onBottom: boolean; logoSize: DuetLogoSize; leftMoreVisible: boolean; rightMoreVisible: boolean; centerSlotUsed: boolean; mediaQueryMediumMatches: boolean; /** * Reference to host HTML element. */ element: HTMLElement; /** * Theme. */ theme: DuetTheme; /** * The currently active language. This setting changes the accessible labels to match the * chosen language. * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing * @default "fi" */ language: DuetLanguage; /** * Logo. */ logo: boolean; /** * Logo href. */ logoHref: string; /** * Logo link accessible label. */ logoLinkAccessibleLabel: string; /** * Additional information text to show next to the logo. Show only when the center slot is empty. */ logoInfoText: string; /** * Adds accessible label for the button that is only shown for screen readers. * Typically, this label text replaces the visible text on the button for * users who use assistive technology. */ accessibleLabel: string; /** * Makes the menu bar hide on top of the window when page is scrolled down * Should be used only with sticky navigation. */ hideOnScroll: boolean; /** * General event stream for the following events: * logoClick * You can prevent * the default browser functionality by calling **event.detail.originalEvent.preventDefault()** * inside your listener. Additionally, the passed data is available via * **event.detail.data**. */ duetEvent: EventEmitter; checkScroll(): void; /** * Component lifecycle events. */ componentWillLoad(): void; connectedCallback(): void; componentDidLoad(): void; onWindowResize(): void; private scrollbarCheck; private scrollToActive; /** * Checks inside the component whether the center slot is used. */ private checkCenterSlot; private handleLogoClick; /** * render() function * Always the last one in the class. */ render(): any; }