/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { DraggableDragEvent } from '@progress/kendo-vue-common';
import { HSVA } from './models/hsva';
import { RGBA } from './models/rgba';
import { ColorGradientChangeEvent } from './interfaces/ColorGradientChangeEvent';
import { ColorGradientFocusEvent } from './interfaces/ColorGradientFocusEvent';
import { ColorGradientBlurEvent } from './interfaces/ColorGradientBlurEvent';
import { PropType } from 'vue';
import { SliderChangeEvent } from '../slider/Slider';
import { NumericTextBoxChangeEvent } from '../numerictextbox/NumericTextBox';
/**
 * @hidden
 */
declare const ColorGradient: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    defaultValue: PropType<string>;
    value: PropType<string>;
    opacity: {
        type: PropType<boolean>;
        default: boolean;
    };
    backgroundColor: PropType<string>;
    disabled: PropType<boolean>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    tabIndex: PropType<number>;
    innerTabIndex: {
        type: PropType<number>;
        default: any;
    };
    size: PropType<"small" | "medium" | "large">;
    class: PropType<string>;
    adaptive: PropType<boolean>;
}>, {}, {
    currentValue: any;
    currentBgColor: any;
    isFirstRender: boolean;
    currentHsva: any;
    currentRgba: any;
    currentHex: any;
    focused: boolean;
}, {
    valueSet(): any;
    computedValue(): any;
    hsva(): any;
    rgba(): any;
    hex(): any;
    computedBgColor(): any;
    computedTabIndex(): any;
}, {
    onKeyDownHandler(e: any): void;
    onHexChange(hex: string, value: string, event: any): void;
    onRgbaChange(rgba: RGBA, event: NumericTextBoxChangeEvent): void;
    onAlphaSliderChange(event: SliderChangeEvent): void;
    onHueSliderChange(event: SliderChangeEvent): void;
    onDrag(e: DraggableDragEvent): void;
    onRelease(): void;
    onGradientWrapperClick(event: any): void;
    move(e: any, prop: any, d: any): void;
    dragKeyDown(e: any): void;
    changePosition(event: any): void;
    handleHsvaChange(hsva: HSVA, event: any): void;
    dispatchChangeEvent(value: string, event: any, hex: string, rgbaValue: string): void;
    onFocus(event: any): void;
    onBlur(event: any): void;
    setAlphaSliderBackground(backgroundColor: string): void;
    getGradientRectMetrics(): {
        top: any;
        right: any;
        bottom: any;
        left: any;
        width: any;
        height: any;
        x: any;
        y: any;
    };
    focus(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    change: (event: ColorGradientChangeEvent) => true;
    focus: (event: ColorGradientFocusEvent) => true;
    blur: (event: ColorGradientBlurEvent) => true;
    changemodel: (value: string) => true;
    'update:modelValue': (value: string) => true;
    'update:modelRgbaValue': (value: string) => true;
    keydown: (event: KeyboardEvent) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    modelValue: PropType<string>;
    modelRgbaValue: PropType<string>;
    defaultValue: PropType<string>;
    value: PropType<string>;
    opacity: {
        type: PropType<boolean>;
        default: boolean;
    };
    backgroundColor: PropType<string>;
    disabled: PropType<boolean>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    tabIndex: PropType<number>;
    innerTabIndex: {
        type: PropType<number>;
        default: any;
    };
    size: PropType<"small" | "medium" | "large">;
    class: PropType<string>;
    adaptive: PropType<boolean>;
}>> & Readonly<{
    onBlur?: (event: ColorGradientBlurEvent) => any;
    onChange?: (event: ColorGradientChangeEvent) => any;
    onFocus?: (event: ColorGradientFocusEvent) => any;
    onKeydown?: (event: KeyboardEvent) => any;
    onChangemodel?: (value: string) => any;
    "onUpdate:modelValue"?: (value: string) => any;
    "onUpdate:modelRgbaValue"?: (value: string) => any;
}>, {
    opacity: boolean;
    innerTabIndex: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { ColorGradient };