export function slider(options?: {
    element?: HTMLElement;
    filterBy?: Selection;
    as?: Param<any>;
    field?: string;
    select?: "point" | "interval";
    min?: number;
    max?: number;
    step?: number;
    value?: number;
    from?: string;
    column?: string;
    label?: string;
    width?: number;
}): HTMLElement;
/**
 * A HTML range-based slider input.
 * @extends {Input}
 */
export class Slider extends Input {
    /**
     * Create a new slider input.
     * @param {object} [options] Options object
     * @param {HTMLElement} [options.element] The parent DOM element in which to
     *  place the slider elements. If undefined, a new `div` element is created.
     * @param {Selection} [options.filterBy] A selection to filter the database
     *  table indicated by the *from* option.
     * @param {Param} [options.as] The output param or selection. A selection
     *  clause is added based on the currently selected slider option.
     * @param {string} [options.field] The database column name to use within
     *  generated selection clause predicates. Defaults to the *column* option.
     * @param {'point' | 'interval'} [options.select] The type of selection clause
     *  predicate to generate if the **as** option is a Selection.  If `'point'`
     *  (the default), the selection predicate is an equality check for the slider
     *  value. If `'interval'`, the predicate checks an interval from the minimum
     *  to the current slider value.
     * @param {number} [options.min] The minimum slider value.
     * @param {number} [options.max] The maximum slider value.
     * @param {number} [options.step] The slider step, the amount to increment
     *  between consecutive values.
     * @param {number} [options.value] The initial slider value.
     * @param {string} [options.from] The name of a database table to use as a data
     *  source for this widget. Used in conjunction with the *column* option.
     *  The minimum and maximum values of the column determine the slider range.
     * @param {string} [options.column] The name of a database column whose values
     *  determine the slider range. Used in conjunction with the *from* option.
     *  The minimum and maximum values of the column determine the slider range.
     * @param {string} [options.label] A text label for this input.
     * @param {number} [options.width] The width of the slider in screen pixels.
     */
    constructor({ element, filterBy, as, min, max, step, from, column, label, value, select, field, width }?: {
        element?: HTMLElement;
        filterBy?: Selection;
        as?: Param<any>;
        field?: string;
        select?: "point" | "interval";
        min?: number;
        max?: number;
        step?: number;
        value?: number;
        from?: string;
        column?: string;
        label?: string;
        width?: number;
    });
    id: string;
    from: string;
    column: string;
    selection: Param<any>;
    selectionType: "point" | "interval";
    field: string;
    min: number;
    max: number;
    step: number;
    slider: HTMLInputElement;
    curval: HTMLLabelElement;
    query(filter?: any[]): import("@uwdata/mosaic-sql").SelectQuery;
    queryResult(data: any): this;
    clause(value: any): import("@uwdata/mosaic-core").SelectionClause;
    publish(value: any): void;
}
import type { Selection } from '@uwdata/mosaic-core';
import type { Param } from '@uwdata/mosaic-core';
import { Input } from './input.js';
//# sourceMappingURL=Slider.d.ts.map