Components Filters Filter Slider Range Selection

LmnFilterSliderRangeSelectionComponent

import { LmnFilterSliderRangeSelectionComponent } from '@elemental/ui';

Decorators:	`@Component`
Selectors:	`lmn-filter-slider-range-selection`
Extends:	`LmnFilterSliderBaseDirective<string[] \| number[]>`

Properties

Name	Type	Description
filterId r inherited from `LmnFilterSliderBaseDirective`	`InputSignal<string>`	The id of the filter. @required
nativeElement r inherited from `LmnFilterSliderBaseDirective`	`HTMLElement`	The native element of the filter.
negative r inherited from `LmnFilterSliderBaseDirective`	`InputSignalWithTransform<boolean, unknown>`	Whether the filter is negative.
selectedValues r inherited from `LmnFilterSliderBaseDirective`	`Signal<SelectionValueType>`	The selected values of the filter. @warning You must use this property AFTER the component is initialized by positioning it in the template after the component declaration. If you need to print the selected values before, use the output `selectedValuesChange` to capture the changes and store the values in a our property.
selectedValuesChange r inherited from `LmnFilterSliderBaseDirective`	`OutputRef<SelectionValueType>`	The selected values change of the filter.
sliderAccessibility r inherited from `LmnFilterSliderBaseDirective`	`Signal<{ ariaLabelledBy: string \| undefined; ariaLabelMax: string \| undefined; ariaDescribedBy: string \| undefined; }>`	Represent the accessibility for the slider. Can be usefull when provide a custom slider by `LmnFilterCustomSliderDirective`
sliderConfiguration r implements `LmnFilterSliderBaseDirective`	`InputSignal<LmnFilterSliderRangeSelectionConfiguration>`	The configuration of the filter.
value r inherited from `LmnFilterSliderBaseDirective`	`ModelSignal<SelectionValueType>`	The value of the filter. @required

Methods

clear()

implements LmnFilter

Clear the selected values.

Presentation

clear(value?: string[] | number[] | undefined): void;

Parameters

Name	Type	Description
value inherited from `clear`	`string[] \| number[] \| undefined`

Returns

void

Overload #1
Clears the filter. if you pass a value, it will be used as the reset value. if you don't pass any value, use the value passed in the configuration. if you don't pass any value and there is no configuration, use the min and max value present into the configuration.
Presentation `clear(): void;`
Returns `void`

Overload #2

No documentation has been provided.

Presentation

clear(value: string[] | number[]): void;

Parameters

Name	Type	Description
value	`string[] \| number[]`

Returns

void

selectValues()

implements LmnFilter

Selects the values of the filter.

Presentation

selectValues(values: string[] | number[]): void;

Parameters

Name	Type	Description
values	`string[] \| number[]`	@param values - The values to select.

Returns

void

LmnInputLabelComponent

import { LmnInputLabelComponent } from '@elemental/ui';

Decorators:	`@Component`
Selectors:	`lmn-input-label` `[lmnInputLabel]`

Properties

Name	Type	Description
nativeElement r	`HTMLElement`

LmnInputHintComponent

import { LmnInputHintComponent } from '@elemental/ui';

Decorators:	`@Component`
Selectors:	`lmn-input-hint` `[lmnInputHint]`

Properties

Name	Type	Description
nativeElement r	`HTMLElement`

LmnFilterCustomSliderDirective

import { LmnFilterCustomSliderDirective } from '@elemental/ui';

Decorators:	`@Directive`
Selectors:	`[lmnFilterCustomSlider]`

Properties

Name	Type	Description
template r	`TemplateRef<any>`

Static Methods

static

ngTemplateContextGuard()

No documentation has been provided.

Presentation

static ngTemplateContextGuard(dir: LmnFilterCustomSliderDirective, ctx: any): boolean;

Parameters

Name	Type	Description
dir	`LmnFilterCustomSliderDirective`
ctx	`any`

Returns

boolean