import * as _angular_core from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { TranslatableString } from '@siemens/element-translate-ng/translate';

declare class SiColorPickerComponent implements ControlValueAccessor {
    /**
     * The color palette to choose the colors from. As colors, only valid CSS
     * variable names omitting the `--` prefix or Element color tokens omitting
     * the `$` prefix are supported.
     *
     * Note: If custom CSS variables are provided, they need to be defined for
     * both light and dark mode.
     *
     * @defaultValue The first 16 colors of the Element data color palette.
     */
    readonly colorPalette: _angular_core.InputSignal<string[]>;
    /**
     * The selected color.
     */
    readonly color: _angular_core.ModelSignal<string | undefined>;
    /**
     * Specifies whether the color popup should automatically close on a color selection.
     *
     * @defaultValue false
     */
    readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Specifies whether the color picker component is disabled.
     *
     * @defaultValue false
     */
    readonly disabledInput: _angular_core.InputSignal<boolean>;
    /**
     * Aria label for the color input button.
     */
    readonly ariaLabel: _angular_core.InputSignal<TranslatableString | undefined>;
    private onChange;
    private onTouched;
    private readonly colorInputRef;
    private readonly swatchInputs;
    private readonly selectedSwatchInput;
    private readonly disabledNgControl;
    private readonly numberOfColumns;
    protected readonly disabled: _angular_core.Signal<boolean>;
    protected readonly isOverlayOpen: _angular_core.WritableSignal<boolean>;
    protected readonly icons: Record<"elementOk", string>;
    protected blur(): void;
    protected arrowDown(index: number, event: Event): void;
    protected arrowUp(index: number, event: Event): void;
    protected arrowLeft(index: number, event: Event): void;
    protected arrowRight(index: number, event: Event): void;
    private focusLabel;
    protected openOverlay(): void;
    protected overlayDetach(): void;
    private focusSelectedColor;
    protected selectColor(color: string): void;
    writeValue(value: string): void;
    registerOnChange(fn: (value: string) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiColorPickerComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiColorPickerComponent, "si-color-picker", never, { "colorPalette": { "alias": "colorPalette"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; }, never, never, true, never>;
}

export { SiColorPickerComponent };
