import type { TemplateResult } from 'lit'; import { LitElement } from 'lit'; declare const NavItem_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement; /** * Navigation item populates sidebar navigation with links. * Every item should be placed inside a navigation group. * * @status ready * @category navigation * @slot - The default slot used for the nav item's text. * @slot subnav - Used for nesting navigation. When used the nav-item becomes a button to collapse the subnav, rather than a link. * * @fires toggle - Dispatched whenever a nav item's state changes between open and closed. * @fires activate - Dispatched whenever a nav item has been marked as active */ export default class NavItem extends NavItem_base { static styles: import("lit").CSSResult[]; private subnavSlot; private direction; /** * Used for indicating the current page. This gives a prominent background to the nav item, * and marks the item as the current page for assistive technology. */ active: boolean; /** * The name of an icon from Nordicons to display for the nav item. */ icon?: string; /** * The url the nav item should link to. * Note: this is not used if you have nested navigation using the "subnav" slot. */ href?: string; /** * Allows you to add a notification badge with a number next to the nav item. */ badge?: string; /** * When the nav items contains a subnav, controls whether the section is expanded or not. * Note: this is only used if you have nested navigation using the "subnav" slot. */ open: boolean; /** * @internal */ get hasSubNav(): boolean; render(): TemplateResult<1>; private renderLink; private renderToggle; private renderButton; private toggleOpen; protected handleActiveChange(): void; } declare global { interface HTMLElementTagNameMap { 'nord-nav-item': NavItem; } } export {};