/**
* @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