LmnInputSliderComponent

No documentation has been provided.

Properties

Name	Type	Description
allowValueChoice r	`InputSignalWithTransform<boolean, unknown>`	If it is set to true and the slider is in continuous mode, inputs are displayed along the track.
ariaLabelMax r	`InputSignal<string \| undefined>`	Manages the aria label attribute of the second slider handle in case of slider range
ariaValueTextFn r	`InputSignalWithTransform<(value: string \| number) => string, ((value: string \| number) => string) \| undefined>`	The function executed to calculate the label to apply to the aria-valuetext attribute.
controlDirective r inherited from `ControlValueAccessorComponent`	`Signal<NgControl \| ControlContainer \| undefined>`	Represent the Angular Control associated with the component.
dirty r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control is dirty
disableKeyboardInteractions r	`InputSignalWithTransform<boolean, unknown>`	If set to true keyboard interactions are deactivated
dragHandle r	`OutputEmitterRef<MouseEvent \| TouchEvent>`	Event emitted when you start dragging the slider
dropHandle r	`OutputEmitterRef<MouseEvent \| TouchEvent>`	Event emitted when you stop dragging the slider
hasError r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control has errors
hasVisualError r inherited from `ControlValueAccessorComponent`	`Signal<boolean>`	Indicates if the control has a visual error by checking the `data-lmn-has-error` attribute or the `lmn-has-error` class
isDisabled r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control is disabled
maxValue r	`InputSignalWithTransform<number, unknown>`	The maximum value selectable in the Slider.
minValue r	`InputSignalWithTransform<number, unknown>`	The minimum value selectable in the Slider.
nativeElement r	`HTMLElement`	The native element of the slider.
negative r	`InputSignalWithTransform<boolean, unknown>`	It switches the component to its negative mode.
orientation r	`InputSignal<LmnInputSliderOrientation>`	Defines the direction of the slider.
required r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control is required
requiredTrue r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control is true
showTooltipOnTrack r	`InputSignalWithTransform<boolean, unknown>`	If it is set to true, a tooltip is displayed whenever the track is hovered in any point.
showTrackLabels r	`InputSignalWithTransform<boolean, unknown>`	If it is set to true, labels are displayed along the track.
step r	`InputSignalWithTransform<number, unknown>`	The difference between two adjacent values.
touched r inherited from `ControlValueAccessorComponent`	`Signal<boolean \| undefined>`	Indicates if the control is touched
trackLabelsPosition r	`InputSignal<LmnInputSliderTrackLabelsPosition>`	It defines whether to see the track labels before or after the track itself. When the slider is horizontal, before means above and after means below.
value r	`InputSignal<string \| number \| (string \| number)[] \| undefined>`	The value currently selected in the Slider.
valueChange r	`OutputEmitterRef<string \| number \| (string \| number)[]>`	Event emitted when the value changes.
valueChanging r	`OutputEmitterRef<string \| number \| (string \| number)[]>`	Event emitted while changing the value by dragging the slider.
valueChoicePosition r	`InputSignal<LmnInputSliderValueChoicePosition>`	It defines whether to see the inputs before or after the track itself. When the slider is horizontal, before means above and after means below.
valueLabelFn r	`InputSignalWithTransform<(value: string \| number) => string, ((value: string \| number) => string) \| undefined>`	The function executed to calculate the visual label to be associated with each value.
values r	`InputSignal<(string \| number)[] \| undefined>`	If it is defined, it means that the slider is a stepped slider, and the minValue/maxValue/step Inputs are ignored.
valueTooltipFn r	`InputSignalWithTransform<(value: string \| number) => string, ((value: string \| number) => string) \| undefined>`	The function executed to calculate the tooltip to be associated with each value.

Methods

#getClosestValidValue()

No documentation has been provided.

Presentation

#getClosestValidValue(value: string | number, step: number): number;

Parameters

Name	Type	Description
value	`string \| number`
step	`number`

Returns

number

focus()

Allows to focus on a specific element of the slider. If focus the focus is on the the inputs but their are not visible, the focus moves to the corresponding handle.

Presentation

focus(element: "firstHandle" | "secondHandle" | "firstInput" | "secondInput"): void;

Parameters

Name	Type	Description
element	`"firstHandle" \| "secondHandle" \| "firstInput" \| "secondInput"`	@param element - The element to focus on.

Returns

void