import { EventEmitter } from '../../stencil-public-runtime'; import { IconName } from '../nv-icon/nv-icons'; /** * @slot default - Use this slot to render custom content for the menu item. */ export declare class NvMenuitem { el: HTMLNvMenuitemElement; /****************************************************************************/ /** * Text content for the menu item. If a more custom approach is needed, use * the default slot instead. */ readonly label: string; /** * Choose the icon you want to display. This also sets the aria-label for * improved accessibility, helping users who rely on screen readers. * The icon is not displayed when the button is loading. * @icon */ readonly icon: `${IconName}`; /** * Disables the item, preventing user interaction. */ readonly disabled: boolean; /** * Show a shortcut key for the action represented in the menu item. */ readonly shortcut: string; /** * If the menu item has a submenu, the a caret icon will be displayed. */ readonly hasSubmenu: boolean; /** * Represents the identifier or name associated with the menu item. This value * will be emitted as part of the event data when the menu item is selected, * enabling event handlers to identify the chosen item. */ readonly name: string; /****************************************************************************/ /** * Fires when the menu item is selected (click or keypress). Will include the * id and name of the menu item. */ menuitemSelected: EventEmitter<{ /** * The id of the menu item that was selected. */ id?: HTMLElement['id']; /** * The name of the menu item that was selected. */ name?: string; /** * Indicates if the menu item has a nested submenu. */ hasSubmenu?: boolean; }>; private handleMenuItemSelect; handleClick(event: MouseEvent): void; handleKeyDown(event: KeyboardEvent): void; /****************************************************************************/ render(): any; }