packages/components/eui-slider/eui-slider.component.ts
ControlValueAccessor
AfterViewInit
OnDestroy
OnInit
| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiDanger euiVariant
|
| selector | eui-slider |
| imports |
DragDropModule
|
| styleUrls | ./styles/_index.scss |
| templateUrl | ./eui-slider.component.html |
Properties |
Methods |
|
Inputs |
HostBindings |
Accessors |
constructor()
|
| ariaLabel |
Type : string
|
Default value : 'eUI slider'
|
| endAriaLabel |
Type : string
|
Default value : 'end eUI slider'
|
| formatValue |
Type : function
|
Default value : (value: number) => `${value}`
|
|
Method that allows to format the value display. |
| hasRange |
Type : boolean
|
Default value : false
|
|
Wheter a second should be display to allow to select a range. |
| hasTicks |
Type : boolean
|
Default value : false
|
|
Wheter a ticks should be displayed at each step interval. |
| hasTooltip |
Type : boolean
|
Default value : true
|
|
Wheter a tooltip should be displayed when the handlers are hovered. |
| hasValueIndicator |
Type : boolean
|
Default value : true
|
|
Wheter the value should be displayed on the top right of the track. |
| max |
Type : number
|
Default value : 100
|
|
The greatest value in the range of permitted values. |
| min |
Type : number
|
Default value : 0
|
|
The lowest value in the range of permitted values. |
| sliderId |
Type : string
|
Default value : `eui-slider-${uniqueId()}`
|
| step |
Type : number
|
Default value : 1
|
|
Number that specifies the granularity that the value must adhere to. |
| value |
Type : IEuiSliderValues
|
Default value : { start: 0, end: 0 }
|
|
Initial value used by the slider. |
| class |
Type : string
|
| Public onDragEnded | ||||||
onDragEnded(e: CdkDragEnd)
|
||||||
|
Drag end handler
Parameters :
Returns :
void
|
| Public onDragMoved | ||||||||||||
onDragMoved(handlerId: SliderHandler, e: CdkDragMove)
|
||||||||||||
|
Drag handler
Parameters :
Returns :
void
|
| Public onTrackClick | ||||||||
onTrackClick(e: MouseEvent)
|
||||||||
|
Click on track handler
Parameters :
Returns :
void
|
| registerOnChange | ||||||
registerOnChange(fn: any)
|
||||||
|
Parameters :
Returns :
void
|
| registerOnTouched | ||||||
registerOnTouched(fn: any)
|
||||||
|
Parameters :
Returns :
void
|
| setDisabledState | ||||||
setDisabledState(isDisabled: boolean)
|
||||||
|
Parameters :
Returns :
void
|
| writeValue | ||||||
writeValue(value: IEuiSliderValues)
|
||||||
|
Parameters :
Returns :
void
|
| endHandler |
Type : ElementRef
|
Decorators :
@ViewChild('endHandler', {static: false})
|
| endHandlerContainer |
Type : ElementRef
|
Decorators :
@ViewChild('endHandlerContainer', {static: false})
|
| endInputRange |
Type : ElementRef
|
Decorators :
@ViewChild('endInputRange', {static: false})
|
| handlers |
Type : QueryList<ElementRef>
|
Decorators :
@ViewChildren('handler')
|
| Public initValue |
Type : literal type
|
Default value : {
start: { x: 0, y: 0 },
end: { x: 0, y: 0 },
}
|
| inputRanges |
Type : QueryList<ElementRef>
|
Decorators :
@ViewChildren('inputRange')
|
| Public isDisabled |
Default value : false
|
| sliderContainer |
Type : ElementRef
|
Decorators :
@ViewChild('sliderContainer', {static: true})
|
| startHandler |
Type : ElementRef
|
Decorators :
@ViewChild('startHandler', {static: false})
|
| startHandlerContainer |
Type : ElementRef
|
Decorators :
@ViewChild('startHandlerContainer', {static: false})
|
| startInputRange |
Type : ElementRef
|
Decorators :
@ViewChild('startInputRange', {static: false})
|
| Public ticks |
Type : literal type[]
|
Default value : []
|
| trackActive |
Type : ElementRef
|
Decorators :
@ViewChild('trackActive', {static: false})
|
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS classes for the component based on its current state.
Returns :
string
|
| formattedStartValue |
getformattedStartValue()
|
| formattedEndValue |
getformattedEndValue()
|