import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { Color, SelectOptionType, StyleEvent, TextInputChangeEvent } from "../../interface";
import { DatasourceInterface } from '../../types/datasource-interface';
export declare class Select implements ComponentInterface, DatasourceInterface {
    private selectId;
    private nativeSelect?;
    private selectContainerDiv?;
    /**
     * 2. Reference to host HTML element.
     * Inlined decorator
     */
    luSelectEl: HTMLElement;
    /**
     * This is used when the parent form group receives the update event to tell the parent if it should validate or not.
     */
    isResetting: boolean;
    /**
     * id set dynamically
     */
    useId: string;
    /**
     * Provides a way for users to specify the labeling elements. Pass the id's, separated by a space, to this prop.
     */
    ariaLabeledByAddition: string;
    /**
     * The color to use from the Liberty color palette.
     * Default options are: `'primary', 'primary_darkest', 'primary_darker', 'primary_dark', 'primary_light', 'primary_lighter', 'primary_lightest', 'neutral', 'neutral_darker', 'neutral_darkest', 'neutral_light', 'neutral_lighter', 'neutral_lightest', 'ruby', 'official', 'warning', 'error', 'success', 'success_light', 'mustard'`.
     */
    color?: Color;
    /**
     * Declares input as invalid
     */
    invalid: boolean;
    name: string;
    ariaLabel: string;
    disabled: boolean;
    placeholder: string;
    helpText: string;
    /**
     * @internal - used by the form group element to declare it's presence
     */
    hasFormGroup: boolean;
    value: any;
    /**
     *  value of the select
     */
    selectedValueName: any;
    /**
     * Do you need a placeholder option
     */
    showPlaceholderOption: boolean;
    valueChanged(): void;
    /**
     * A value from field will be required when used in a lu-form-group
     */
    required: boolean;
    options: SelectOptionType[];
    /**
     * Declares input as validated
     */
    valid: boolean;
    /**
     * not a real thing yet... not sure it will be
     */
    luComponentError: EventEmitter;
    /**
     * Emitted when a keyboard input ocurred.
     */
    luInput: EventEmitter<KeyboardEvent>;
    /**
     * Emitted when the value has changed.
     */
    luChange: EventEmitter<TextInputChangeEvent>;
    /**
     * Emitted when the styles change.
     */
    luStyle: EventEmitter<StyleEvent>;
    /**
     * Emitted when the input loses focus.
     */
    luBlur: EventEmitter<void>;
    /**
     * Emitted when the input has focus.
     */
    luFocus: EventEmitter<void>;
    /**
     * this gives us a handle to set focus on the element
     */
    setFocus(): Promise<void>;
    componentDidLoad(): void;
    /**
     * this is used by the form validation/ form group to reset Value without initiating a validity check
     * @param update
     */
    updateValue(update: any): Promise<void>;
    addFocus(): void;
    private handleSelect;
    private getValue;
    private getSelectedNameValue;
    private getDataValue;
    setInput(): void;
    findValueByName(): any;
    findNameByValue(value?: any): string;
    private onBlur;
    private onChange;
    private onFocus;
    private onInput;
    removeFocus(): void;
    hostData(): {
        class: {
            "is-select": boolean;
            "is-disabled": boolean;
        };
        "is-invalid": boolean;
        "is-valid": boolean;
        id: string;
    };
    render(): any[];
}