import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js"; import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js"; import type { IColorPaletteItem } from "./ColorPalette.js"; type ColorPaletteItemNativeClickEventDetail = { originalEvent: Event; }; /** * @class * * ### Overview * * The `ui5-color-palette-item` component represents a color in the the `ui5-color-palette`. * @constructor * @extends UI5Element * @since 1.0.0-rc.12 * @implements { IColorPaletteItem } * @public */ declare class ColorPaletteItem extends UI5Element implements IColorPaletteItem { eventDetails: { "click": ColorPaletteItemNativeClickEventDetail; }; /** * Defines the colour of the component. * * **Note:** The value should be a valid CSS color. * @default "" * @public */ value: string; /** * Defines if the component is selected. * * **Note:** Only one item must be selected per ui5-color-palette. * If more than one item is defined as selected, the last one would be considered as the selected one. * * @default false * @public * @since 2.0.0 */ selected: boolean; /** * Defines the tooltip of the component. When not set, the color value is used as the tooltip. * * @default undefined * @public * @since 2.22.0 */ tooltip?: string; /** * Defines the tab-index of the element, helper information for the ItemNavigation. * @private */ forcedTabIndex: string; /** * Defines the index of the item inside of the ColorPalette. * @private */ index?: number; /** * Defines if the ColorPalette is on phone mode. * @private */ onPhone: boolean; /** * @private * @since 1.0.0-rc.15 */ _disabled: boolean; static i18nBundle: I18nBundle; constructor(); onBeforeRendering(): void; get colorLabel(): string; get getLabelText(): string; get classes(): { root: { "ui5-cp-item": boolean; }; }; _onClick(e: MouseEvent): void; } export default ColorPaletteItem; export type { ColorPaletteItemNativeClickEventDetail };