import type { BaseInputProps, DefinitionPropertyField } from '@formitiva/core';
import type { CSSProperties } from 'vue';
type DropdownField = DefinitionPropertyField & {
    options: NonNullable<DefinitionPropertyField['options']>;
};
export type DropdownInputProps = BaseInputProps<string, DropdownField>;
declare const _default: import("vue").DefineComponent<{
    field: DefinitionPropertyField & {
        options: {
            label: string;
            value: string;
        }[];
    };
    value: string;
    disabled?: boolean | undefined;
    placeholder?: string | undefined;
    onChange?: import("@formitiva/core").InputOnChange<string> | undefined;
    onError?: ((error: string | null) => void) | undefined;
    error?: string | null | undefined;
}, {
    t: import("vue").ComputedRef<import("@formitiva/core").TranslationFunction>;
    theme: string;
    formStyle: Record<string, Record<string, string | number | undefined>>;
    fieldStyle: Record<string, Record<string, string | number | undefined>>;
    validate: (value: import("@formitiva/core").FieldValueType, trigger?: import("@formitiva/core").ValidationTrigger) => string | null;
}, {
    menuOpen: boolean;
    popupPos: {
        x: number;
        y: number;
    } | null;
    internalError: string | null;
    prevInternalError: string | null;
}, {
    selectedLabel(): string;
    mergedControlStyle(): CSSProperties;
    mergedArrowStyle(): CSSProperties;
    controlRefEl(): HTMLDivElement | null;
}, {
    updateError(next: string | null): void;
    handleControlClick(): void;
    handleOptionClick(val: string): void;
    handleBlur(): void;
    handleKeyDown(e: KeyboardEvent): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "error")[], "change" | "error", import("vue").PublicProps, Readonly<{
    field: DefinitionPropertyField & {
        options: {
            label: string;
            value: string;
        }[];
    };
    value: string;
    disabled?: boolean | undefined;
    placeholder?: string | undefined;
    onChange?: import("@formitiva/core").InputOnChange<string> | undefined;
    onError?: ((error: string | null) => void) | undefined;
    error?: string | null | undefined;
}> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
    onError?: ((...args: any[]) => any) | undefined;
}>, {
    error: string | null;
    value: string | null;
}, {}, {
    StandardFieldLayout: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../layout/StandardFieldLayout.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
            rightAlign: boolean;
        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("../../layout/StandardFieldLayout.vue").Props> & Readonly<{}>, {}, {}, {}, {}, {
            rightAlign: boolean;
        }>;
        __isFragment?: undefined;
        __isTeleport?: undefined;
        __isSuspense?: undefined;
    } & import("vue").ComponentOptionsBase<Readonly<import("../../layout/StandardFieldLayout.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
        rightAlign: boolean;
    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
        $slots: {
            default?: ((props: {}) => any) | undefined;
        } & {
            default?: ((props: {}) => any) | undefined;
        };
    });
    DropdownPopup: import("vue").DefineComponent<{
        position: {
            x: number;
            y: number;
        };
        options: {
            label: string;
            value: string;
        }[];
        selectedValue: string;
        controlRef: HTMLDivElement | import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null> | null;
        theme?: string | undefined;
        formStyle?: unknown;
        fieldStyle?: unknown;
    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        close: () => any;
        select: (value: string) => any;
    }, string, import("vue").PublicProps, Readonly<{
        position: {
            x: number;
            y: number;
        };
        options: {
            label: string;
            value: string;
        }[];
        selectedValue: string;
        controlRef: HTMLDivElement | import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null> | null;
        theme?: string | undefined;
        formStyle?: unknown;
        fieldStyle?: unknown;
    }> & Readonly<{
        onClose?: (() => any) | undefined;
        onSelect?: ((value: string) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=DropdownInput.vue.d.ts.map