/// <reference path="../../index.d.ts" />
import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
import { IPopoverProps } from '../../utils/types';

/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-color-input/) */
export declare class ArcgisColorInput extends LitElement {
    /**
     * Display option to set no color.
     *
     * @default false
     */
    clearable: boolean;
    /** The selected color as a HEX value. If not set it will display a 'transparent' color swatch. */
    color?: string;
    /**
     * Control whether the component should be displayed in a compact style (i.e., fewer recent color options).
     *
     * @default false
     */
    compact: boolean;
    /**
     * Control whether the component is disabled.
     *
     * @default false
     */
    disabled: boolean;
    /** Replace localized message strings with your own strings. */
    messageOverrides?: typeof this._messages._overrides;
    /**
     * Determines where the popup color picker will be positioned relative to the color input.
     *
     * @default "auto"
     */
    placement: HTMLCalcitePopoverElement["placement"];
    /** Convenience prop to specify common popover props. */
    popoverProps?: IPopoverProps;
    /**
     * The id of the local storage element that will store recent colors.
     *
     * @default "arcgis-color-input-storage-colors"
     */
    storageId: string;
    /**
     * If true, do not display recent colors.
     *
     * @default false
     */
    hideRecentColors: boolean;
    /**
     * If true, allow transparency to be modified within the color picker.
     *
     * @default false
     */
    showTransparency: boolean;
    /** Close the component. */
    close(): Promise<void>;
    /** Set focus on the component. */
    setFocus(): Promise<void>;
    /** Emitted when the color has changed. */
    readonly arcgisChange: TargetedEvent<this, void>;
    /** @deprecated use arcgisChange instead */
    readonly arcgisColorInputChange: TargetedEvent<this, void>;
    /** @deprecated use arcgisPickerClose instead */
    readonly arcgisColorInputPopoverClose: TargetedEvent<this, string>;
    /** @deprecated use arcgisPickerOpen instead */
    readonly arcgisColorInputPopoverOpen: TargetedEvent<this, void>;
    /** @deprecated use arcgisSwatchUpdate instead */
    readonly arcgisColorInputSwatchUpdate: TargetedEvent<this, string | undefined>;
    readonly arcgisPickerClose: TargetedEvent<this, string>;
    readonly arcgisPickerOpen: TargetedEvent<this, void>;
    /** Emitted when a color swatch is updated (emits selected color hex). */
    readonly arcgisSwatchUpdate: TargetedEvent<this, string | undefined>;
    private _messages;
    "@eventTypes": {
        "arcgisChange": ArcgisColorInput["arcgisChange"]["detail"];
        "arcgisColorInputChange": ArcgisColorInput["arcgisColorInputChange"]["detail"];
        "arcgisColorInputPopoverClose": ArcgisColorInput["arcgisColorInputPopoverClose"]["detail"];
        "arcgisColorInputPopoverOpen": ArcgisColorInput["arcgisColorInputPopoverOpen"]["detail"];
        "arcgisColorInputSwatchUpdate": ArcgisColorInput["arcgisColorInputSwatchUpdate"]["detail"];
        "arcgisPickerClose": ArcgisColorInput["arcgisPickerClose"]["detail"];
        "arcgisPickerOpen": ArcgisColorInput["arcgisPickerOpen"]["detail"];
        "arcgisSwatchUpdate": ArcgisColorInput["arcgisSwatchUpdate"]["detail"];
    };
}
