import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
import type { SliderScaleOrientation } from "./SliderScale.js";
/**
* Handle types for the slider handle component.
* @private
*/
declare enum SliderHandleType {
/**
* Start handle (left handle in LTR mode).
*/
Start = "Start",
/**
* End handle (right handle in LTR mode).
*/
End = "End",
/**
* Single handle (used by regular Slider).
*/
Single = "Single"
}
/**
* @class
* The ui5-slider-handle component represents the handle of the ui5-slider component.
*
* @constructor
* @extends UI5Element
* @since 2.22.0
* @private
*/
declare class SliderHandle extends UI5Element {
/**
* Defines the value of the slider handle.
*
* Note: The value should be between the min and max properties of the parent ui5-slider.
* @since 2.22.0
*/
value: number;
/**
* Defines the minimum value of the slider handle.
*
* Note: The value should be less than the max property of the parent ui5-slider.
* @since 2.22.0
*/
min: number;
/**
* Defines the maximum value of the slider handle.
*
* Note: The value should be greater than the min property of the parent ui5-slider.
* @since 2.22.0
*/
max: number;
/**
* Defines whether the slider handle is active.
*
* Note: An active slider handle is currently being interacted with.
* @since 2.22.0
*
* @private
*/
active: boolean;
/**
* Defines whether the slider handle should appear hovered.
*
* Note: Used when the progress bar is hovered to show both handles as hovered.
* @since 2.22.0
*
* @private
*/
hovered: boolean;
/**
* Defines the orientation of the slider handle.
*
* @private
*/
orientation: `${SliderScaleOrientation}`;
/**
* Defines the type of handle for styling purposes.
* Used by RangeSlider to differentiate between start and end handles.
*
* @private
*/
handleType: `${SliderHandleType}`;
getFocusDomRef(): HTMLElement | undefined;
}
export default SliderHandle;
export { SliderHandleType };