import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import './../color-handle';
import { Focusable } from '../../utils/focusable';
import { ColorValue } from '../../utils/reactive-controllers/color';
/**
 * @element luzmo-color-slider
 * @fires input - The value of the Color Slider has changed.
 * @fires change - An alteration to the value of the Color Slider has been committed by the user.
 */
export declare class LuzmoColorSlider extends Focusable {
    static get styles(): CSSResultArray;
    dir: 'ltr' | 'rtl';
    mode: 'hue' | 'opacity';
    disabled: boolean;
    focused: boolean;
    private handle;
    label: string;
    vertical: boolean;
    private languageResolver;
    private colorController;
    get value(): number;
    set value(value: number);
    sliderHandlePosition: number;
    get color(): ColorValue;
    set color(color: ColorValue);
    step: number;
    isLTR: boolean;
    private get altered();
    private set altered(value);
    private _altered;
    input: HTMLInputElement;
    get focusElement(): HTMLInputElement;
    private handleKeydown;
    private handleInput;
    private handleChange;
    focus(focusOptions?: FocusOptions): void;
    private forwardFocus;
    private handleFocus;
    private handleBlur;
    private boundingClientRect;
    private _pointerDown;
    private handlePointerdown;
    private handlePointermove;
    private handlePointerup;
    /**
     * Returns the value under the cursor
     * @param: PointerEvent on slider
     * @return: Slider value that correlates to the position under the pointer
     */
    private calculateHandlePosition;
    private handleGradientPointerdown;
    private get handlePositionStyles();
    private get getColorSliderStyle();
    protected render(): TemplateResult;
    protected firstUpdated(changed: PropertyValues): void;
    protected updated(changedProperties: PropertyValues): void;
}