/** * @prop {Object} optionSelected - Specifies the current selected option. * @prop {String} value - Value selected for the dropdown menu. * @prop {Boolean} checkmark - When attribute is present auro-menu will apply checkmarks to selected options. * @attr {Boolean} error - Sets a persistent error state (e.g. an error state returned from the server). * @attr {String} validity - Specifies the `validityState` this element is in. * @attr {String} setCustomValidity - Sets a custom help text message to display for all validityStates. * @attr {Boolean} disabled - If set, disables the combobox. * @attr {Boolean} noFilter - If set, combobox will not filter menuoptions based in input. * @attr {Boolean} noValidate - If set, disables auto-validation on blur. * @attr {Boolean} required - Populates the `required` attribute on the input. Used for client-side validation. * @attr {Boolean} triggerIcon - If set, the `icon` attribute will be applied to the trigger `auro-input` element. * @attr {String} type - Applies the defined value as the type attribute on auro-input. * @slot - Default slot for the menu content. * @slot label - Defines the content of the label. * @slot helpText - Defines the content of the helpText. * @event auroCombobox-ready - Notifies that the component has finished initializing. * @event auroCombobox-valueSet - Notifies that the component has a new value set. * @event auroFormElement-validated - Notifies that the component value(s) have been validated. */ export class AuroCombobox extends LitElement { static get properties(): { error: { type: BooleanConstructor; reflect: boolean; }; setCustomValidity: { type: StringConstructor; reflect: boolean; }; validity: { type: StringConstructor; reflect: boolean; }; disabled: { type: BooleanConstructor; reflect: boolean; }; noFilter: { type: BooleanConstructor; reflect: boolean; }; optionSelected: { type: ObjectConstructor; }; noValidate: { type: BooleanConstructor; }; required: { type: BooleanConstructor; reflect: boolean; }; triggerIcon: { type: BooleanConstructor; reflect: boolean; }; type: { type: StringConstructor; reflect: boolean; }; value: { type: StringConstructor; reflect: boolean; }; checkmark: { type: BooleanConstructor; reflect: boolean; }; /** * @private */ availableOptions: { type: ArrayConstructor; }; /** * @private */ optionActive: { type: ObjectConstructor; }; /** * @private */ msgSelectionMissing: { type: StringConstructor; }; /** * @private */ dropdownElementName: { type: StringConstructor; }; /** * @private */ dropdownTag: { type: ObjectConstructor; }; /** * @private */ inputElementName: { type: StringConstructor; }; /** * @private */ inputTag: { type: ObjectConstructor; }; }; static get styles(): import("lit").CSSResult[]; /** * This will register this element with the browser. * @param {string} [name="auro-combobox"] - The name of element that you want to register to. * * @example * AuroCombobox.register("custom-combobox") // this will register this element to * */ static register(name?: string): void; noFilter: boolean; validity: any; value: any; optionSelected: any; /** * @private */ private validation; /** * @private */ private runtimeUtils; /** * @private */ private observer; dropdownTag: any; inputTag: any; /** * @private * @returns {void} Internal defaults. */ private privateDefaults; availableOptions: any[]; optionActive: any; msgSelectionMissing: string; /** * Processes hidden state of all menu options and determines if there are any available options not hidden. * @private * @returns {void} */ private handleMenuOptions; noMatchOption: any; /** * Determines the element error state based on the `required` attribute and input value. * @private * @returns {void} */ private generateOptionsArray; options: any[] | NodeListOf; /** * Hides the dropdown bib if its open. * @private * @returns {void} */ private hideBib; /** * Shows the dropdown bib if there are options to show. * @private * @returns {void} */ private showBib; /** * Binds all behavior needed to the dropdown after rendering. * @private * @returns {void} */ private configureDropdown; auroDropdownReady: boolean; /** * Binds all behavior needed to the menu after rendering. * @private * @returns {void} */ private configureMenu; menu: Element; auroMenuReady: boolean; /** * Binds all behavior needed to the input after rendering. * @private * @returns {void} */ private configureInput; auroInputReady: boolean; auroInputHelpText: any; /** * Handle changes to the input value and trigger changes that should result. * @private * @returns {void} */ private handleInputValueChange; /** * Binds all behavior needed to the combobox after rendering. * @private * @returns {void} */ private configureCombobox; menus: Element[]; firstUpdated(): void; dropdown: any; input: any; /** * @private * @returns {void} Marks the component as ready and sends event. */ private notifyReady; ready: boolean; /** * Monitors readiness of peer dependencies and begins work that should only start when ready. * @private * @returns {void} */ private checkReadiness; readyRetryCount: number; /** * Functionality that should not be performed until the combobox is in a ready state. * @private * @returns {void} */ private readyActions; /** * Focuses the combobox trigger input. * @returns {void} */ focus(): void; updated(changedProperties: any): void; /** * Recalculate the menuoptions on deep slot changes. * @private * @returns {void} */ private handleDeepSlotChanges; /** * Menu specific updates. * @private * @returns {void} */ private updateMenuOptions; /** * Observe child nodes in slot for updates. * @private * @returns {void} */ private observeSlotChanges; render(): import("lit-html").TemplateResult; } import { LitElement } from "lit"; //# sourceMappingURL=auro-combobox.d.ts.map