@limetech/lime-elements
Version:
107 lines • 2.82 kB
TypeScript
/**
* @exampleComponent limel-example-slider-basic
* @exampleComponent limel-example-slider-multiplier
* @exampleComponent limel-example-slider-multiplier-percentage-colors
* @exampleComponent limel-example-slider-composite
*/
export declare class Slider {
/**
* Disables the slider when `true`,
* and visually shows that the field is editable but disabled.
* This tells the users that if certain requirements are met,
* the slider may become interactable.
*/
disabled: boolean;
/**
* Disables the slider when `true`. This visualizes the slider slightly differently.
* But shows no visual sign indicating that the slider field
* is disabled or can ever become interactable.
*/
readonly: boolean;
/**
* Default value: 1.
* The factor that the properties `value`, `valuemax`, `valuemin`, and
* `step` are multiplied by. On `change` divides the value by the factor,
* so the original format stays the same.
*/
factor: number;
/**
* Label to display next to the input
*/
label: string;
/**
* Optional helper text to display below the slider
*/
helperText: string;
/**
* Set to `true` to indicate that the slider is required.
*/
required: boolean;
/**
* Set to `true` to indicate that the current value of the slider is invalid.
*/
invalid: boolean;
/**
* Unit to display next to the value
*/
unit: string;
/**
* The value of the input
*/
value: number;
/**
* The maximum value allowed
*/
valuemax: number;
/**
* The minimum value allowed
*/
valuemin: number;
/**
* The stepping interval to use when adjusting the value
*/
step: number;
/**
* Emitted when the value has been changed
*/
private change;
private rootElement;
private percentageClass;
private mdcSlider;
private labelId;
private helperTextId;
private observer;
constructor();
connectedCallback(): void;
componentWillLoad(): void;
componentDidLoad(): void;
disconnectedCallback(): void;
render(): any;
protected watchDisabled(): void;
protected watchReadonly(): void;
protected watchValue(): void;
private renderRangeContainer;
private renderSliderContainer;
private renderSliderInput;
private renderTrack;
private renderThumb;
private renderHelperLine;
private initialize;
private reCreateSliderWithStep;
private createMDCSlider;
private destroyMDCSlider;
private changeHandler;
private inputHandler;
private getContainerClassList;
private resizeObserverCallback;
private updateDisabledState;
private multiplyByFactor;
private getValue;
private setPercentageClass;
private isMultipleOfStep;
private roundToStep;
private getRootElement;
private getInputElement;
private isStepConfigured;
}
//# sourceMappingURL=slider.d.ts.map