import { UmbLitElement } from '../../core/lit-element/index.js';
import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../core/property-editor/index.js';
import type { UmbSwatchDetails } from '../../core/models/index.js';
declare const UmbPropertyEditorUIColorPickerElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<UmbSwatchDetails | undefined>> & typeof UmbLitElement;
/**
 * @element umb-property-editor-ui-color-picker
 */
export declare class UmbPropertyEditorUIColorPickerElement extends UmbPropertyEditorUIColorPickerElement_base implements UmbPropertyEditorUiElement {
    #private;
    set value(value: UmbSwatchDetails | undefined);
    get value(): UmbSwatchDetails | undefined;
    /**
     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
     * @type {boolean}
     * @attr
     * @default false
     */
    readonly: boolean;
    mandatory: boolean;
    mandatoryMessage: string;
    private _showLabels;
    private _swatches;
    set config(config: UmbPropertyEditorConfigCollection | undefined);
    firstUpdated(): void;
    render(): import("lit-html").TemplateResult<1>;
}
export default UmbPropertyEditorUIColorPickerElement;
declare global {
    interface HTMLElementTagNameMap {
        'umb-property-editor-ui-color-picker': UmbPropertyEditorUIColorPickerElement;
    }
}
