import { LitElement, PropertyValues } from "lit";
import type { WarpTextField } from "../textfield/textfield.js";
export type SliderSlot = "to" | "from";
declare const WarpSliderThumb_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
/**
 * Component to place inside a `<w-slider>`.
 *
 * @parent w-slider
 * @event {CustomEvent} slidervalidity - Internal event used by (and stopped by) `w-slider`.
 * @event {CustomEvent} thumbreset - Internal event used by (and stopped by) `w-slider`.
 */
declare class WarpSliderThumb extends WarpSliderThumb_base {
    #private;
    /** @internal */
    static shadowRootOptions: {
        delegatesFocus: boolean;
        clonable?: boolean;
        customElementRegistry?: CustomElementRegistry | null;
        mode: ShadowRootMode;
        serializable?: boolean;
        slotAssignment?: SlotAssignmentMode;
    };
    static styles: import("lit").CSSResult[];
    /**
     * Label for the range input.
     *
     * @default `label` from `w-slider`
     */
    ariaLabel: string | null;
    /**
     * Contextual information for assistive technology, should it be needed
     */
    ariaDescription: string | null;
    /**
     * The name of this input field in the form. The canonical source of the value is the text field.
     */
    name: string | undefined;
    /**
     * The initial value, if any
     */
    value: string | undefined;
    /**
     * @internal Set by `<w-slider>`
     */
    disabled: boolean;
    /**
     * @internal Set by `<w-slider>`
     */
    invalid: boolean;
    /**
     * @internal Set by `<w-slider>`
     */
    openEnded: boolean;
    /**
     * Placeholder in empty text fields
     */
    placeholder: string | undefined;
    /** @internal Set by `<w-slider>` */
    markers: string | undefined;
    /** @internal Set by `<w-slider>` */
    required: boolean;
    /** @internal Set by `<w-slider>` */
    step: number | undefined;
    /** @internal Set by `<w-slider>` */
    min: string | undefined;
    /** @internal Set by `<w-slider>` */
    max: string | undefined;
    /** @internal Set by `<w-slider>` */
    suffix: string;
    /**
     * @internal Formatter for the tooltip and input mask values. Set by `<w-slider>`.
     */
    valueFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
    /**
     * @internal Replaces {@link valueFormatter} for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. Set by `<w-slider>`.
     */
    tooltipFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
    /**
     * @internal Formatter for the min and max labels below the range. Set by `<w-slider>`.
     */
    labelFormatter: ((slot: SliderSlot) => string) | undefined;
    /** @internal */
    range: HTMLInputElement;
    /** @internal */
    tooltipTarget: HTMLOutputElement;
    /** @internal */
    textfield: WarpTextField;
    /** @internal */
    _showTooltip: boolean;
    /** @internal */
    _inputHasFocus: boolean;
    /** @internal */
    _hiddenTextfield: boolean;
    resetFormControl(): void;
    /**
     * Reference to the anchor positioning style element used by the polyfill.
     * @internal
     */
    anchorPositioningStyleElement: HTMLStyleElement | null;
    updateFieldAfterValidation(): Promise<void>;
    connectedCallback(): Promise<void>;
    /**
     * The boundary value for this thumb (min for 'from', max for 'to' or default)
     * @internal
     */
    get boundaryValue(): string;
    /**
     * Value to display in the textfield (shows boundary when focused on empty value)
     * @internal
     */
    get textFieldDisplayValue(): string | undefined;
    /**
     * Value to display in the tooltip
     * @internal
     */
    get tooltipDisplayValue(): string | number;
    /** @internal */
    get ariaDescriptionText(): string;
    updated(changedProperties: PropertyValues<this>): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-slider-thumb": WarpSliderThumb;
    }
}
export { WarpSliderThumb };