import { WidgetElement } from "../../internal/widget-element.js"; import { PropertyValues, TemplateResult } from "lit"; import { OdxIconName } from "@odx/icons"; type NavigationItemType = (typeof NavigationItemType)[keyof typeof NavigationItemType]; declare const NavigationItemType: { readonly BUTTON: "button"; readonly LINK: "link"; }; type NavigationItemSize = (typeof NavigationItemSize)[keyof typeof NavigationItemSize]; declare const NavigationItemSize: { readonly SM: "sm"; readonly MD: "md"; readonly LG: "lg"; }; declare global { interface HTMLElementTagNameMap { 'odx-navigation-item': OdxNavigationItem; } } /** * @summary A navigation item component for use withing navigation related components. * * @slot - The navigation item's label. * @slot prefix - Prefix slot typically used for icons. * @slot suffix - Suffix slot typically used for icons or actions or badges. */ declare class OdxNavigationItem extends WidgetElement { static tagName: string; static styles: import("lit").CSSResult[]; protected anchor?: HTMLAnchorElement; /** * The URL that the element links to. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/href | `href`} attribute */ href: string; /** * Specifies where to open the linked document. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/target | `target` */ target: '_blank' | '_parent' | '_self' | '_top' | ''; /** * Specifies the relationship between the current document and the linked document. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/rel | `rel`} attribute */ rel: string; active: boolean; icon?: OdxIconName | null; iconActive?: OdxIconName | null; /** * Indicates that the item is in a loading state. */ loading: boolean; /** * Indicates the size of the item. */ size: NavigationItemSize; /** * Indicates the type of the navigation item, which determines its visual appearance. */ type: NavigationItemType; get currentIcon(): OdxIconName | null | undefined; constructor(); connectedCallback(): void; click(): void; protected updated(props: PropertyValues): void; protected render(): TemplateResult; } export { NavigationItemSize, NavigationItemType, OdxNavigationItem };