import CwDropdown from '../dropdown/dropdown.component.js';
import CwElement from '../../internal/cw-element.js';
import CwIcon from '../icon/icon.component.js';
import type { CSSResultGroup, PropertyValues } from 'lit';
/**
 * @summary A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a
 * `<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links. Above the parent
 * navigation's mobile breakpoint, the dropdown is a floating panel; below it, the menu expands inline, full width,
 * in place — matching the rest of the mobile hamburger menu.
 * @documentation https://cordwainer.dev/components/primary-navigation-item
 * @status experimental
 * @since 1.3
 *
 * @dependency cw-dropdown
 * @dependency cw-icon
 *
 * @slot - The item's label content (text, or an icon + text).
 * @slot menu - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item
 * from a link to a disclosure trigger. Ignored when `href` is also set.
 *
 * @event cw-show - Emitted when the item's dropdown opens.
 * @event cw-after-show - Emitted after the item's dropdown opens and all animations are complete.
 * @event cw-hide - Emitted when the item's dropdown closes.
 * @event cw-after-hide - Emitted after the item's dropdown closes and all animations are complete.
 *
 * @csspart base - The component's base wrapper.
 * @csspart link - The internal `<a>`, present only when `href` is set.
 * @csspart trigger - The internal `<cw-dropdown>` above `mobile`, or the disclosure `<button>` below it — present
 * only when a dropdown menu is slotted in.
 * @csspart panel - The inline menu panel shown below `mobile`, present only when a dropdown menu is slotted in.
 *
 * @animation primary-navigation-item.show - The animation used when the inline mobile menu opens.
 * @animation primary-navigation-item.hide - The animation used when the inline mobile menu closes.
 */
export default class CwPrimaryNavigationItem extends CwElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cw-dropdown': typeof CwDropdown;
        'cw-icon': typeof CwIcon;
    };
    private readonly componentId;
    private readonly localize;
    dropdown?: CwDropdown;
    menuSlot?: HTMLSlotElement;
    panel?: HTMLElement;
    private lastPanel?;
    connectedCallback(): void;
    updated(changedProperties: PropertyValues<this>): void;
    private hasMenu;
    /** Whether the item's dropdown is currently open. Always `false` for link/plain items. */
    open: boolean;
    /** The URL to navigate to. When set, the item renders as a link. Mutually exclusive with a slotted dropdown menu. */
    href?: string;
    /** Tells the browser where to open the link. Only used when `href` is set. */
    target?: '_blank' | '_parent' | '_self' | '_top';
    /** The `rel` attribute for the link. Only used when `href` is set. */
    rel: string;
    /**
     * Indicates this item represents the current page. Reflects `aria-current="page"` on the internal link. The
     * component has no router/URL awareness — consumers set this explicitly based on their own routing state.
     */
    current: boolean;
    /**
     * Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —
     * switches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set
     * directly.
     */
    mobile: boolean;
    private syncMenuMobileState;
    private handleMenuSlotChange;
    private handleDropdownShow;
    private handleDropdownHide;
    private handleTriggerClick;
    handleMobileChange(): void;
    private showInlineMenu;
    private hideInlineMenu;
    /** Opens the item's dropdown, if it has one. No-op for link/plain items. */
    show(): Promise<void>;
    /** Closes the item's dropdown, if it has one. No-op for link/plain items. */
    hide(): Promise<void>;
    render(): import("lit-html").TemplateResult<1>;
}