import { ComponentOrHtmlElement, ElementName } from '../../types';
import { InteractiveElementConfiguration, InteractiveElementInstance } from './InteractiveElement.types';
import { PlainElement } from '../plain-element';
import { Ref } from 'vue';
import { FormInstance } from '../Form.types';
export declare class InteractiveElement<C extends ComponentOrHtmlElement = ComponentOrHtmlElement, N extends ElementName = ElementName, RT = unknown> extends PlainElement<C, N> {
    isDirty: Ref<boolean>;
    isSuspended: Ref<boolean>;
    isTouched: Ref<boolean>;
    isValid: Ref<boolean>;
    isOptional: Ref<boolean>;
    isDisabled: Ref<boolean>;
    label?: string;
    errorsTarget?: string;
    lazy: boolean;
    ref: InteractiveElementInstance<C, N, RT>['ref'];
    validators: Ref<{
        validate: import("../validator").ValidateFunction<C, N, RT>;
        errorMessage?: import("@myparcel-vfb/utils").FunctionOr<string> | undefined;
        precedence?: number | undefined;
    }[]>;
    focus: InteractiveElementConfiguration<C, N, RT>['focus'];
    readonly form: InteractiveElementInstance<C, N, RT>['form'];
    hooks: InteractiveElementInstance<C, N, RT>['hooks'];
    protected config: InteractiveElementConfiguration<C, N, RT>;
    /**
     * The initial value of the field.
     */
    protected initialValue: RT;
    protected sanitize: InteractiveElementConfiguration<C, N, RT>['sanitize'];
    blur: () => Promise<void>;
    validate: () => Promise<boolean>;
    reset: () => void;
    constructor(form: FormInstance, name: N, config: InteractiveElementConfiguration<C, N, RT>);
    setOptional(value: boolean): void;
    setDisabled(value: boolean): void;
    private createValidators;
}
//# sourceMappingURL=InteractiveElement.d.ts.map