@ryanhelsing/ry-ui/dist/components/ry-number-select.d.ts

Framework-agnostic, Light DOM web components. CSS is the source of truth.

/**
 * <ry-number-select>
 *
 * Numeric input with buttons, drag, keyboard, wheel, and optional typing.
 *
 * Usage:
 * <ry-number-select min="0" max="100" value="50" step="1"></ry-number-select>
 * <ry-number-select min="0" max="10" step="0.5" arrows="end" editable></ry-number-select>
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyNumberSelect extends RyElement {
    #private;
    static observedAttributes: readonly ["min", "max", "step", "value", "disabled", "arrows", "icons", "drag", "editable", "wrap", "label", "prefix", "suffix"];
    setup(): void;
    get value(): number;
    set value(val: number);
    get min(): number;
    set min(val: number);
    get max(): number;
    set max(val: number);
    get step(): number;
    set step(val: number);
    get drag(): 'x' | 'y' | 'none';
    set drag(val: 'x' | 'y' | 'none');
    get disabled(): boolean;
    set disabled(val: boolean);
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
    teardown(): void;
}
//# sourceMappingURL=ry-number-select.d.ts.map