import { HawkSearchComponents, RangeSliderComponentConfig } from '../../../configuration'; import { RangeSliderComponentModel } from '../../../models'; import { BaseComponent } from '../../base.component'; /** * The Range Slider component provides a draggable interface that allows the user to select a range between 0-100. This component is currently only used within the {@link Components.RangeSliderFacetComponent | Range Slider Facet Component}. * * ## Tag * The tag for this component is ``. * * ## Event-Binding Attributes * | Name | Value | * | :- | :- | * | hawksearch-handle | `'start'` or `'end'` | * * This component should always have exactly two elements with the `hawksearch-handle` attribute: one with a value of `'start'`, and one with a value of `'end'`. This are the elements that the user will drag to adjust the selected range. * * ## Events * | Name | Data Type | * | :- | :- | * | hawksearch:range-slider-changed | {@link Models.RangeSliderEventData} | * * This event fires repeatedly while the user is dragging the handles; it does not wait until the user deselects a handle. * * *Note: The `min` and `max` values will always be between `0` and `100` inclusive.* * * ## Default Template * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point. * {@embed ./range-slider.component.hbs} * * @category General */ export declare class RangeSliderComponent extends BaseComponent { static get observedAttributes(): Array; protected componentName: keyof HawkSearchComponents; protected defaultHtml: string; protected bindFromEvent: boolean; private dragging; private activeHandle?; private startX?; private startOffsetPercentage?; private mouseUpEventHandler; private mouseMoveEventHandler; private start; private end; connectedCallback(): void; attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void; disconnectedCallback(): void; private setStart; private setEnd; protected getContentModel(): RangeSliderComponentModel; protected onRender(): void; private onMouseUp; private onMouseMove; }