import { ComponentWillLoad, EventEmitter, VNode } from "../../../stencil-public-runtime";
import { tidily } from "tidily";
import { Color } from "../../../model";
import { Clearable } from "../Clearable";
import { Editable } from "../Editable";
import { Input } from "../Input";
import { Looks } from "../Looks";
export declare class SmoothlyInputRange implements Input, Clearable, Editable, ComponentWillLoad {
    parent: Editable | undefined;
    isDifferentFromInitial: boolean;
    private observer;
    private input?;
    private initialValue;
    element: HTMLSmoothlyInputRangeElement;
    value: number | undefined;
    looks?: Looks;
    color?: Color;
    defined: boolean;
    readonly: boolean;
    disabled?: boolean;
    type: Extract<tidily.Type, "text" | "percent">;
    min: number;
    max: number;
    name: string;
    step?: number;
    outputSide: "right" | "left";
    label: string;
    showInput: boolean;
    smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>;
    smoothlyInput: EventEmitter<Record<string, any>>;
    smoothlyUserInput: EventEmitter<Input.UserInput>;
    smoothlyInputLoad: EventEmitter<(parent: Editable) => void>;
    smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>;
    componentWillLoad(): void | Promise<void>;
    smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRange) => void>): void;
    smoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void;
    disconnectedCallback(): Promise<void>;
    nameChange(_: string | undefined, oldName: string | undefined): void;
    register(): Promise<void>;
    unregister(): Promise<void>;
    getValue(): Promise<number | undefined>;
    clear(): Promise<void>;
    listen(listener: Editable.Observer.Listener): Promise<void>;
    edit(editable: boolean): Promise<void>;
    reset(): Promise<void>;
    setInitialValue(): Promise<void>;
    valueChanged(): void;
    watchingReadonly(): void;
    setValue(value: number | undefined): void;
    render(): VNode | VNode[];
}