import LibraryBaseElement from '../../internal/library-base-element.js';
import OButton from '../button/button.component.js';
import OIcon from '../icon/icon.component.js';
import ONavbarItem from '../navbar-item/navbar-item.component.js';
import type { CSSResultGroup } from 'lit';
import type { Mode } from './navbar.types.js';
/**
 * @summary Short summary of the component's intended use.
 * @documentation /components/navbar
 * @status wip
 * @since 1.5
 *
 * @dependency o-icon
 * @dependency o-button
 * @dependency o-navbar-item
 *
 * @event o-select - { id: string } of selected navbar-item
 *
 * @slot - The default slot for navbar-items.
 * @slot logo - The slot for the logo, it is shown when the navbar is opened.
 * @slot logo-small - The slot for the small logo, it is shown when the navbar is closed.
 *
 * @csspart base - The component's base wrapper.
 * @csspart header - The component's header wrapper.
 * @csspart body - The component's body wrapper.
 *
 * @cssproperty --o-navbar-light-background-color
 * @cssproperty --o-navbar-light-hamburger-background-color
 * @cssproperty --o-navbar-light-hamburger-background-color-hover
 * @cssproperty --o-navbar-light-hamburger-background-color-active
 * @cssproperty --o-navbar-light-hamburger-hover-background-color-hover
 */
export default class ONavbar extends LibraryBaseElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'o-icon': typeof OIcon;
        'o-button': typeof OButton;
        'o-navbar-item': typeof ONavbarItem;
    };
    mode: Mode;
    noHamburger: boolean;
    selected?: string;
    boxTemplateElement: HTMLDivElement;
    private items;
    private currentSelected?;
    private currentAncestorSelected?;
    updateSelected(): void;
    private handleHamburgerClick;
    private handleSlotChange;
    private handleItemSelect;
    private handleAncestorSelect;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'o-navbar': ONavbar;
    }
}