import { LitElement, PropertyValues } from "lit";
import { Rive } from "@rive-app/webgl2";
export declare class OrRiveRenderer extends LitElement {
    static get styles(): import("lit").CSSResult[];
    /**
     * A string representing the URL or path to the public asset .riv file.
     * For more details, refer to Rive Parameters on how to properly use this property.
     */
    url?: string;
    /**
     * The string representing the artboard you want to display.
     * When not supplied, the default artboard from the .riv file is selected.
     * Docs: https://rive.app/docs/runtimes/web/artboards
     */
    artboard?: string;
    /**
     * A list of strings (`["My State Machine"]`) you wish to display.
     * Look up the Rive documentation for more info: https://rive.app/docs/runtimes/web/state-machines.
     * By default, the state machine will autoplay.
     */
    stateMachines?: string[];
    protected _canvas?: HTMLCanvasElement;
    protected _rive?: Rive;
    protected _resizeObserver?: ResizeObserver;
    protected _valueQueue: (() => void)[];
    /**
     * Public function for updating data within the animation using "View Models".
     * For example, if the animation has a state property named "myValue", you can use this function to update the value to "100".
     * Full documentation can be found here: https://rive.app/docs/runtimes/web/data-binding
     * @param name - Name of the state property inside the .riv animation
     * @param value - Value to set. It will auto-detect the object {@link type}.
     * @param type - (optional) the value type to set. Currently, the supported types are: string, boolean, number, color and enum. Everything else will be converted to a trigger.
     */
    setValue(name: string, value?: any, type?: string): Promise<void>;
    connectedCallback(): void;
    disconnectedCallback(): void;
    updated(changedProps: PropertyValues): void;
    render(): import("lit").TemplateResult<1>;
    /**
     * Callback function when this web component changes in size.
     * In this case, it is used for calling a Rive JS function to calibrate using the new canvas size.
     * @protected
     */
    protected _onResize: import("lodash").DebouncedFunc<(entries: ResizeObserverEntry[]) => void>;
}
//# sourceMappingURL=index.d.ts.map