import { ColorStop } from '@acrodata/gradient-parser';
import { CdkDragEnd, CdkDragMove } from '@angular/cdk/drag-drop';
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import * as i0 from "@angular/core";
export interface SliderColorStop extends ColorStop {
    id: number;
    offset: {
        value: number;
        unit: string;
    };
    position: {
        x: number;
        y: number;
    };
}
export declare class GradientStops implements ControlValueAccessor, OnChanges, AfterViewInit, OnDestroy {
    private cdr;
    private elementRef;
    track?: ElementRef<HTMLElement>;
    disabled: boolean;
    colorStops: ColorStop[];
    colorStopsChange: EventEmitter<ColorStop[]>;
    sliderColorStops: SliderColorStop[];
    trackWidth: number;
    gradientColor: string;
    isDragging: boolean;
    selectedStop?: SliderColorStop;
    private observer?;
    private onChange;
    private onTouched;
    ngOnChanges(changes: SimpleChanges): void;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    writeValue(value: any): void;
    registerOnChange(fn: (value: ColorStop[]) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    getStops(): void;
    getGradientColor(stops?: SliderColorStop[]): void;
    getInsertStopColor(offsetX: number): string;
    getNewStopOffsetX(stops?: SliderColorStop[]): number;
    addStop(e?: MouseEvent): void;
    onDragMove(e: CdkDragMove, stop: SliderColorStop, index: number): void;
    onDragEnd(e: CdkDragEnd, stop: SliderColorStop): void;
    onDragHandleDown(e: MouseEvent, stop: SliderColorStop): void;
    onDragHandleUp(e: MouseEvent): void;
    onStopItemClick(stop: SliderColorStop): void;
    onStopColorChange(stop: SliderColorStop): void;
    onStopOffsetChange(stop: SliderColorStop): void;
    onStopRemove(stop: SliderColorStop): void;
    onStopsChange(): void;
    /** Move selected stop by arrow keys. */
    moveStop(e: Event, stop: SliderColorStop, index: number, step: number): void;
    /** Restoring focus to the selected stop after sorting. */
    restoreFocus(selector: string): void;
    /** Comparison function to sort color stops by their offset values. */
    sortFn: (a: ColorStop, b: ColorStop) => number;
    static ɵfac: i0.ɵɵFactoryDeclaration<GradientStops, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GradientStops, "gradient-stops", never, { "disabled": { "alias": "disabled"; "required": false; }; "colorStops": { "alias": "colorStops"; "required": false; }; }, { "colorStopsChange": "colorStopsChange"; }, never, never, true, never>;
    static ngAcceptInputType_disabled: unknown;
}