import { DDSElement } from "../../base/index.js"; /** * The dropdown item (option) component that can be used within `daikin-dropdown` component. * * Hierarchy: * - `daikin-dropdown` > `daikin-dropdown-item` * * @fires select - A custom event emitted when a user clicks the item. For internal use (`daikin-dropdown`). * * @slot - A slot for the item content. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/dropdown-item/index.js"; * ``` * * ```html * Dropdown item * ``` */ export declare class DaikinDropdownItem extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Form value of the dropdown item. */ value: string; /** * Whether the dropdown item is disabled */ disabled: boolean; /** * Whether the dropdown item is selected. * Set automatically by `daikin-dropdown` component. */ selected: boolean; selectable: boolean; private _focusableElement; private _handleClick; private _handleChange; private _handleKeydown; private _handleMousedown; private _emitSelect; render(): import('lit-html').TemplateResult<1>; /** * Focuses on the inner button. * @param options focus options */ focus(options?: FocusOptions): void; } declare global { interface HTMLElementTagNameMap { "daikin-dropdown-item": DaikinDropdownItem; } }