/** * DevExtreme (ui/slider.d.ts) * Version: 21.1.7 * Build date: Thu Aug 07 2025 * * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import { UserDefinedElement, } from '../core/element'; import { EventInfo, NativeEventInfo, InitializedEventInfo, ChangedOptionInfo, } from '../events/index'; import { ValueChangedInfo, } from './editor/editor'; import dxTrackBar, { dxTrackBarOptions, } from './track_bar'; import { format, } from './widget/ui.widget'; /** @public */ export type ContentReadyEvent = EventInfo; /** @public */ export type DisposingEvent = EventInfo; /** @public */ export type InitializedEvent = InitializedEventInfo; /** @public */ export type OptionChangedEvent = EventInfo & ChangedOptionInfo; /** @public */ export type ValueChangedEvent = NativeEventInfo & ValueChangedInfo; /** * @deprecated use Properties instead * @namespace DevExpress.ui */ export interface dxSliderOptions extends dxSliderBaseOptions { /** * @docid * @default 50 * @public */ value?: number; } /** * @docid * @isEditor * @inherits dxSliderBase * @namespace DevExpress.ui * @public */ export default class dxSlider extends dxTrackBar { constructor(element: UserDefinedElement, options?: dxSliderOptions) } /** * @docid dxSliderBase * @inherits dxTrackBar * @hidden * @namespace DevExpress.ui */ export interface dxSliderBaseOptions extends dxTrackBarOptions { /** * @docid * @default true * @public */ activeStateEnabled?: boolean; /** * @docid * @default true &for(desktop) * @public */ focusStateEnabled?: boolean; /** * @docid * @default true * @public */ hoverStateEnabled?: boolean; /** * @docid * @default 1 * @public */ keyStep?: number; /** * @docid * @public */ label?: { /** * @docid * @default function(value) { return value } */ format?: format; /** * @docid * @type Enums.VerticalEdge * @default 'bottom' */ position?: 'bottom' | 'top'; /** * @docid * @default false */ visible?: boolean; }; /** * @docid * @hidden false * @public */ name?: string; /** * @docid * @default true * @public */ showRange?: boolean; /** * @docid * @default 1 * @public */ step?: number; /** * @docid * @public */ tooltip?: { /** * @docid * @default false */ enabled?: boolean; /** * @docid * @default function(value) { return value } */ format?: format; /** * @docid * @type Enums.VerticalEdge * @default 'top' */ position?: 'bottom' | 'top'; /** * @docid * @type Enums.SliderTooltipShowMode * @default 'onHover' */ showMode?: 'always' | 'onHover'; }; } /** @public */ export type Properties = dxSliderOptions; /** @deprecated use Properties instead */ export type Options = dxSliderOptions; /** @deprecated use Properties instead */ export type IOptions = dxSliderOptions;