import { EventEmitter } from '../../stencil-public-runtime'; import { ValidationResults, FieldWrapperInterface, IxFormValidationState } from '../utils/input'; import type { SliderMarker } from './slider.types'; /** * @form-ready * @slot label-start - Element will be displayed at the start of the slider * @slot label-end - Element will be displayed at the end of the slider */ export declare class Slider implements FieldWrapperInterface, IxFormValidationState { formInternals: ElementInternals; hostElement: HTMLIxSliderElement; /** * Show text below the field component * @since 4.3.0 */ helperText?: string; /** * Label for the field component * @since 4.3.0 */ label?: string; /** * Error text for the field component * @since 4.3.0 */ invalidText?: string; /** * Info text for the field component * @since 4.3.0 */ infoText?: string; /** * Warning text for the field component * @since 4.3.0 */ warningText?: string; /** * Valid text for the field component * @since 4.3.0 */ validText?: string; /** * Show helper, info, warning, error and valid text as tooltip * @since 4.3.0 */ showTextAsTooltip: boolean; /** * Legal number intervals * * {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step} */ step: number; /** * Minimum slider value */ min: number; /** * Maximum slider value */ max: number; /** * Current value of the slider */ value: number; /** * Define tick marker on the slider. Marker has to be within slider min/max */ marker?: SliderMarker; /** * Show a trace line */ trace: boolean; /** * Define the start point of the trace line */ traceReference: number; /** * Show control as disabled */ disabled: boolean; /** * Show error state and message * * @deprecated Will be removed in 5.0.0. Use invalid class instead. */ error?: boolean | string; /** * Will emit the value when it changes */ valueChange: EventEmitter; rangeInput: number; rangeMin: number; rangeMax: number; rangeTraceReference: number; showTooltip: boolean; isInvalid: boolean; isValid: boolean; isInfo: boolean; isWarning: boolean; private a11yAttributes?; private lastFormValue?; private touched; private readonly controlRef; private readonly thumbRef; private readonly tooltipRef; private get hasLabels(); get tooltip(): HTMLIxTooltipElement | null; get pseudoThumb(): HTMLDivElement | null; get slider(): HTMLInputElement; onShowTooltipChange(): void; onClassField({ isInvalid, isInfo, isValid, isWarning, isInvalidByRequired, }: ValidationResults): void; componentWillLoad(): void; private updateRangeVariables; private updateFormInternalValue; private setFormValueIfChanged; private onInput; private emitInputEvent; private isMarkerActive; onPointerUp(): void; /** @internal */ hasValidValue(): Promise; /** @internal */ isTouched(): Promise; render(): any; }