import CwElement from '../../internal/cw-element.js';
import CwIcon from '../icon/icon.component.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary Top-level site navigation with a responsive hamburger disclosure for narrow viewports.
 * @documentation https://cordwainer.dev/components/primary-navigation
 * @status experimental
 * @since 1.3
 *
 * @dependency cw-icon
 *
 * @slot - One or more `<cw-primary-navigation-item>` elements.
 *
 * @event cw-show - Emitted when the mobile navigation panel opens.
 * @event cw-after-show - Emitted after the mobile navigation panel opens and all animations are complete.
 * @event cw-hide - Emitted when the mobile navigation panel closes.
 * @event cw-after-hide - Emitted after the mobile navigation panel closes and all animations are complete.
 *
 * @csspart base - The component's base wrapper, a `<nav>` landmark element.
 * @csspart toggle - The hamburger toggle button, shown below `mobile-breakpoint`.
 * @csspart menu - The container that wraps the slotted navigation items.
 *
 * @animation primary-navigation.show - The animation to use when the mobile navigation panel opens.
 * @animation primary-navigation.hide - The animation to use when the mobile navigation panel closes.
 */
export default class CwPrimaryNavigation extends CwElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cw-icon': typeof CwIcon;
    };
    private readonly localize;
    private resizeObserver;
    menu: HTMLElement;
    defaultSlot: HTMLSlotElement;
    private isMobile;
    /**
     * Indicates whether or not the mobile navigation panel is open. Only meaningful below `mobile-breakpoint` — use
     * `show()`/`hide()` to animate it, or toggle this attribute directly.
     */
    open: boolean;
    /** The accessible label for the `<nav>` landmark. Defaults to a localized "Main navigation". */
    label: string;
    /** The viewport width, in pixels, below which the hamburger toggle and collapsible panel engage. */
    mobileBreakpoint: number;
    connectedCallback(): void;
    disconnectedCallback(): void;
    firstUpdated(): void;
    private updateMobileState;
    private updateItemsMobileState;
    private handleDefaultSlotChange;
    private handleResize;
    private handleToggleClick;
    private getAllItems;
    private handleItemShow;
    handleMobileChange(): void;
    handleOpenChange(): Promise<void>;
    /** Opens the mobile navigation panel. No-op above `mobile-breakpoint`. */
    show(): Promise<void>;
    /** Closes the mobile navigation panel. No-op above `mobile-breakpoint`. */
    hide(): Promise<void>;
    render(): import("lit-html").TemplateResult<1>;
}