import { PropertyValues, nothing } from 'lit'; import { ContainerElement } from '../internal'; import { Control } from '../forms'; import { Menu, MenuItem } from '../menu'; import { Dropdown } from '../dropdown'; import { Tag } from '../tag'; import { Icon } from '../icon'; import { Checkbox } from '../checkbox'; /** * @element nve-combobox * @description An editable combobox with autocomplete behavior and selection support. * @since 0.17.0 * @entrypoint \@nvidia-elements/core/combobox * @slot - default slot for an input and a datalist/select element * @slot prefix-icon - slot for icon before the input * @slot footer - slot for dropdown footer content * @cssprop --scroll-height * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @cssprop --font-weight * @cssprop --width * @cssprop --border-color * @cssprop --max-height * @cssprop --text-transform * @csspart tag - The tag element for selected items * @csspart dropdown - The dropdown popup element * @csspart menu - The menu element * @csspart menu-item - The menu item elements * @csspart checkbox - The checkbox element * @csspart icon - The icon element * @event scroll - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. * @event create - Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. * @csspart create-option - The menu item element for creating new options * @aria https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/ */ export declare class Combobox extends Control implements ContainerElement { #private; /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container: 'flat'; /** Manage inline tag rendering for many-item select */ tagLayout: 'hidden' | 'wrap'; /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */ behaviorCreate: boolean; static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Checkbox.metadata.tag]: typeof Checkbox; [Icon.metadata.tag]: typeof Icon; [Dropdown.metadata.tag]: typeof Dropdown; [Menu.metadata.tag]: typeof Menu; [MenuItem.metadata.tag]: typeof MenuItem; [Tag.metadata.tag]: typeof Tag; }; protected _associateDatalist: boolean; protected get prefixContent(): import('lit').TemplateResult<1>; protected get suffixContent(): typeof nothing | import('lit').TemplateResult<1>; firstUpdated(props: PropertyValues): Promise; connectedCallback(): void; disconnectedCallback(): void; reset(): void; /** Select all options provided */ selectAll(): void; }