import { LitElement } from 'lit';
declare const ColorInput_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement;
/**
 * Color input.
 * @fires on-input - Captures the input event and emits the selected value and original event details. `detail:{ value: string, origEvent: Event }`
 * @slot tooltip - Slot for tooltip.
 * @attr {string} [value=''] - The value of the input.
 * @attr {string} [name=''] - The name of the input, used for form submission.
 * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.
 */
export declare class ColorInput extends ColorInput_base {
    static styles: import("lit").CSSResult;
    /** Label text. */
    accessor label: string;
    /** Optional text beneath the input. */
    accessor caption: string;
    /** Input disabled state. */
    accessor disabled: boolean;
    /** Input required state. */
    accessor required: boolean;
    /** Visually hide the label. */
    accessor hideLabel: boolean;
    /** Input readonly state. */
    accessor readonly: boolean;
    /** Customizable text strings. */
    accessor textStrings: {
        requiredText: string;
        errorText: string;
        pleaseSelectColor: string;
        invalidFormat: string;
        colorTextInput: string;
    };
    /** Control for native browser autocomplete. Use `on`, `off`, or a space-separated `token-list` describing autocomplete behavior.*/
    accessor autoComplete: string;
    /** Internal text strings.
     * @internal
     */
    accessor _textStrings: {
        requiredText: string;
        errorText: string;
        pleaseSelectColor: string;
        invalidFormat: string;
        colorTextInput: string;
    };
    /**
     * Queries the <input[type="color"]> DOM element.
     * @ignore
     */
    accessor _inputColorEl: HTMLInputElement;
    /**
     * Queries the <input[type="text"]> DOM element.
     * @ignore
     */
    accessor _inputEl: HTMLInputElement;
    /** Sets whether user has interacted with input text for error handling..
     * @internal
     */
    accessor _hasInteracted: boolean;
    render(): import("lit-html").TemplateResult<1>;
    private handleColorChange;
    private handleTextInput;
    private _emitValue;
    private _validate;
    updated(changedProps: any): void;
    willUpdate(changedProps: any): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-color-input': ColorInput;
    }
}
export {};
//# sourceMappingURL=colorInput.d.ts.map