import { PropertyValues, TemplateResult } from 'lit';
import { LuzmoElement } from '../../utils/base';
import { ColorValue } from '../../utils/reactive-controllers/color';
import '../color-menu';
import '../overlay';
import { Placement } from '../overlay/overlay-types';
import '../popover';
import '../swatch';
import { SwatchRounding, SwatchShape } from './../swatch/swatch';
declare const LuzmoColorPicker_base: typeof LuzmoElement & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-color-picker
 * @fires input - The value of the Color Picker has changed.
 * @fires change - An alteration to the value of the Color Picker has been committed by the user.
 */
export declare class LuzmoColorPicker extends LuzmoColorPicker_base {
    static styles: import("lit").CSSResult;
    /**
     * The color of the color picker.
     */
    color?: ColorValue;
    /**
     * Whether the color picker is open.
     */
    open: boolean;
    /**
     * Whether the color picker is disabled.
     */
    disabled: boolean;
    /**
     * Whether the color picker is read only.
     */
    readOnly: boolean;
    /**
     * The placement of the color picker.
     */
    placement: Placement;
    /**
     * The rounding of the color picker.
     */
    rounding?: SwatchRounding;
    /**
     * The shape of the color picker.
     */
    shape?: SwatchShape;
    /**
     * The swatches of the color picker.
     */
    swatches: string[];
    /**
     * Whether the color picker has an alpha channel.
     */
    noAlphaChannel: boolean;
    private menuElement;
    private overlayElement;
    private _renderMenu;
    private overlayCloseEvent;
    private overlayOpenEvent;
    private handleColorChange;
    protected firstUpdated(): void;
    protected updated(changedProperties: PropertyValues): void;
    private renderColorMenu;
    protected render(): TemplateResult;
}
export {};