import { TemplateResult } from 'lit';
import { Focusable } from '../../utils/focusable';
import { ColorValue } from '../../utils/reactive-controllers/color';
import '../color-area';
import { LuzmoColorArea } from '../color-area/color-area';
import '../color-field';
import '../color-handle';
import '../color-slider';
import '../divider';
import '../popover';
import '../swatch';
declare const LuzmoColorMenu_base: typeof Focusable & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-color-menu
 * @fires change - An alteration to the value of the Color Menu has been committed by the user.
 */
export declare class LuzmoColorMenu extends LuzmoColorMenu_base {
    static styles: import("lit").CSSResult;
    /**
     * The color value of the Color Menu
     */
    color: ColorValue;
    /**
     * Whether the alpha channel is available
     */
    noAlphaChannel: boolean;
    /**
     * The swatches available in the color menu
     */
    swatches: string[];
    private _alpha;
    private _rgbColor;
    private _rgbaColor;
    private _previousColor;
    areaElement: LuzmoColorArea;
    private hueSliderElement;
    private opacitySliderElement;
    private colorFieldElement;
    private swatchElement;
    private _format;
    setColor(event: CustomEvent): void;
    private handleAreaChange;
    get focusElement(): HTMLElement;
    private handleHueSliderChange;
    private handleOpacitySliderChange;
    private handleFieldChange;
    private formatTextField;
    private cycleFormat;
    updated(changedProperties: Map<string, any>): void;
    protected renderOpacitySlider(): TemplateResult;
    protected render(): TemplateResult;
}
export {};