import { MDCSelectEventDetail } from '@material/select';
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * A component providing single-option select menus. It functions as a wrapper around the material design's [select](https://github.com/material-components/material-components-web/tree/master/packages/mdc-select) component.
 * #### Additional Hints
 * Use the custom `ino-option` component to add options to the select component. The `label` attribute sets an optional floating label for this element.
 *
 * @slot icon-leading - For the icon to be prepended
 * @slot default - One or more `ino-option(-group)`*
 */
export declare class Select implements ComponentInterface {
    private mdcSelectInstance?;
    private mdcSelectContainerEl?;
    private mdcOptionsListEl?;
    private nativeInputElement?;
    private optionsObserver;
    /**
     * An internal auto generated id for the helper field.
     */
    private selectElId;
    el: HTMLInoSelectElement;
    /**
     * Disables this element.
     */
    disabled?: boolean;
    /**
     * The name of this element.
     */
    name?: string;
    /**
     * Marks this element as required.
     */
    required?: boolean;
    /**
     * If true, an *optional* message is displayed if not required,
     * otherwise a * marker is displayed if required.
     */
    showLabelHint?: boolean;
    /**
     * The label of this element.
     */
    label?: string;
    /**
     * Styles this select box as outlined element.
     */
    outline?: boolean;
    /**
     * The value of this element. (**unmanaged**)
     */
    value?: string;
    /**
     * A helper text to display below the select element.
     * By default, non-validation helper text is always visible.
     */
    helper?: string;
    /**
     * Indicates the helper text is a validation message.
     * By default validation message is hidden unless the select is invalid.
     */
    helperValidation?: boolean;
    /**
     * When the helper text is serving as a validation message,
     * make it permanently visible regardless of the select's validity.
     */
    helperPersistent?: boolean;
    handleValueChange(value: string): void;
    /**
     * Displays the select as invalid if set to true.
     * If the property is not set or set to false,
     * the validation is handled by the default validation.
     */
    error?: boolean;
    errorHandler(value?: boolean): void;
    /**
     * Emits when a selection changes. Contains new value in `event.detail`.
     */
    valueChange: EventEmitter<string>;
    connectedCallback(): void;
    componentDidLoad(): void;
    componentDidUpdate(): void;
    disconnectedCallback(): void;
    private create;
    private setSelectValue;
    handleInput(e: CustomEvent<MDCSelectEventDetail>): void;
    private renderDropdownIcon;
    render(): any;
}