import { CSSResultArray, TemplateResult } from 'lit';
import { LuzmoTextFieldBase } from './../text-field/text-field';
/**
 * @element luzmo-color-field
 * @fires input - The value of the color-field has changed.
 * @fires change - An alteration to the value of the color-field has been committed by the user.
 */
export declare class LuzmoColorField extends LuzmoTextFieldBase {
    static get styles(): CSSResultArray;
    /**
     * Whether the color handle with the preview color is shown
     */
    viewColor: boolean;
    /**
     * Whether the alpha channel is not allowed
     */
    noAlphaChannel: boolean;
    private colorController;
    constructor();
    set value(value: string);
    get value(): string;
    protected _value: string;
    protected updated(changedProperties: Map<string, any>): void;
    private renderColorHandle;
    getColorValue(): string;
    protected render(): TemplateResult;
    checkValidity(): boolean;
}