import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
import { ReadonlyDirective } from "../../shared";
import { FormItem } from "../../shared/classes/formitem.class";
import { Coordinates } from "./colorpicker.interfaces";
import * as i0 from "@angular/core";
export declare class ColorPickerComponent extends FormItem implements OnChanges, AfterViewInit, OnInit {
    readonlyDirective: ReadonlyDirective | null;
    /** Label */
    /** Value */
    value: string | null;
    /** Width */
    width: string;
    onOpened: EventEmitter<void>;
    onClosed: EventEmitter<void>;
    /** On value changed */
    onValueChanged: EventEmitter<string | null>;
    input: ElementRef<HTMLInputElement> | undefined;
    block: ElementRef<HTMLCanvasElement> | undefined;
    strip: ElementRef<HTMLCanvasElement> | undefined;
    blockPositionElement: ElementRef<HTMLCanvasElement> | undefined;
    stripLine: ElementRef<HTMLCanvasElement> | undefined;
    dropdownElement: ElementRef<HTMLDivElement> | undefined;
    private valueColorFormat;
    protected backgroundColor: string | null;
    height: number;
    protected blockWidth: number;
    protected stripWidth: number;
    protected opened: boolean;
    private selectedStripColor;
    private initialized;
    protected blockPosition: Coordinates;
    private stripMousePositionY;
    private documentBlockMouseMoveEventListener;
    private documentBlockMouseUpEventListener;
    private documentStripMouseMoveEventListener;
    private documentStripMouseUpEventListener;
    get filled(): boolean;
    clearClicked(event: MouseEvent): void;
    colorValueClicked(): void;
    private open;
    private close;
    keyup(keyboardEvent: KeyboardEvent): void;
    focusFromHiddenInput(): void;
    writeValue(value: string | null): void;
    private initialize;
    private detectValueColorFormat;
    private updateValuePositions;
    private drawBlock;
    private drawBlockPosition;
    private drawStrip;
    private drawStripLine;
    private updateStripColor;
    stripMouseDown(event: MouseEvent): void;
    stripMouseMove(event: MouseEvent): void;
    stripMouseUp(): void;
    blockMouseDown(event: MouseEvent): void;
    blockMouseMove(event: MouseEvent): void;
    blockMouseUp(): void;
    private updateBlockPosition;
    private updateSelectedColor;
    /**
     * Reset or set value after blur
     *
     * If value is a valid color format, set it and fire change event
     * If the value is invalid, reset the previous value
     *
     * @returns `void`
     */
    private resetOrSetValueAfterLeave;
    private changeValue;
    blur(): void;
    ngAfterViewInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    ngOnInit(): void;
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "cf-colorpicker", never, { "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onValueChanged": "onValueChanged"; }, never, never, true, never>;
}