///
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
import type { PopoverProps } from "../../utils/types.js";
import type { T9nMeta } from "@arcgis/lumina/controllers";
import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
/** @internal */
export abstract class ArcgisColorInput extends LitElement {
/** @internal */
protected _messages: Partial<{
clearColor: string;
commitColor: string;
deleteColor: string;
noColor: string;
recentColors: string;
selectColor: string;
}> & T9nMeta<{
clearColor: string;
commitColor: string;
deleteColor: string;
noColor: string;
recentColors: string;
selectColor: string;
}>;
/**
* Display option to set no color.
*
* @default false
*/
accessor clearable: boolean;
/** The selected color as a HEX value. If not set it will display a 'transparent' color swatch. */
accessor color: string | undefined;
/**
* Control whether the component should be displayed in a compact style (i.e., fewer recent color options).
*
* @default false
*/
accessor compact: boolean;
/**
* Control whether the component is disabled.
*
* @default false
*/
accessor disabled: boolean;
/**
* If true, do not display recent colors.
*
* @default false
*/
accessor hideRecentColors: boolean;
/** Replace localized message strings with your own strings. */
accessor messageOverrides: {
clearColor?: string | undefined;
commitColor?: string | undefined;
deleteColor?: string | undefined;
noColor?: string | undefined;
recentColors?: string | undefined;
selectColor?: string | undefined;
};
/**
* Determines where the popup color picker will be positioned relative to the color input.
*
* @default "auto"
*/
accessor placement: Popover["placement"];
/** Convenience prop to specify common popover props. */
accessor popoverProps: PopoverProps | undefined;
/**
* If true, allow transparency to be modified within the color picker.
*
* @default false
*/
accessor showTransparency: boolean;
/**
* The id of the local storage element that will store recent colors.
*
* @default "arcgis-color-input-storage-colors"
*/
accessor storageId: string;
/** Close the component. */
close(): Promise;
isOpen(): boolean;
/** Set focus on the component. */
setFocus(): Promise;
/** Emitted when the color has changed. */
readonly arcgisChange: import("@arcgis/lumina").TargetedEvent;
/** @deprecated use arcgisChange instead */
readonly arcgisColorInputChange: import("@arcgis/lumina").TargetedEvent;
/** @deprecated use arcgisPickerClose instead */
readonly arcgisColorInputPopoverClose: import("@arcgis/lumina").TargetedEvent;
/** @deprecated use arcgisPickerOpen instead */
readonly arcgisColorInputPopoverOpen: import("@arcgis/lumina").TargetedEvent;
/** @deprecated use arcgisSwatchUpdate instead */
readonly arcgisColorInputSwatchUpdate: import("@arcgis/lumina").TargetedEvent;
readonly arcgisPickerClose: import("@arcgis/lumina").TargetedEvent;
readonly arcgisPickerOpen: import("@arcgis/lumina").TargetedEvent;
/** Emitted when a color swatch is updated (emits selected color hex). */
readonly arcgisSwatchUpdate: import("@arcgis/lumina").TargetedEvent;
readonly "@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"];
};
}