import { type PropType } from 'vue';
import type { DefinitionPropertyField } from '@formitiva/core';
import type { CSSProperties } from 'vue';
export type OptionsField = DefinitionPropertyField & {
    options: NonNullable<DefinitionPropertyField["options"]>;
};
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    field: {
        type: PropType<OptionsField>;
        required: true;
    };
    value: {
        type: PropType<string[] | null>;
        default: null;
    };
    error: {
        type: PropType<string | null>;
        default: null;
    };
}>, {
    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;
    styleFrom: (source: unknown, section?: string, key?: string) => CSSProperties;
}, {
    menuOpen: boolean;
    popupPos: {
        x: number;
        y: number;
    } | null;
    multiError: string | null;
    prevErrorLocalRef: string | null;
}, {
    options(): {
        value: string;
        label: string;
    }[];
    selectedValues(): string[];
    mergedControlStyle(): CSSProperties;
    mergedClearButtonStyle(): CSSProperties;
    mergedArrowStyle(): CSSProperties;
    controlRefEl(): HTMLDivElement | null;
}, {
    handleControlClick(e?: Event): void;
    toggleOption(val: string): void;
    handleBlur(): void;
    handleClearAll(e: MouseEvent): void;
    handleKeyDown(e: KeyboardEvent): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "error")[], "change" | "error", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    field: {
        type: PropType<OptionsField>;
        required: true;
    };
    value: {
        type: PropType<string[] | null>;
        default: null;
    };
    error: {
        type: PropType<string | null>;
        default: null;
    };
}>> & 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;
        };
    });
    MultiSelectionPopup: import("vue").DefineComponent<{
        position: {
            x: number;
            y: number;
        };
        options: {
            value: string;
            label: string;
        }[];
        selectedValues: 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;
        toggleOption: (value: string) => any;
    }, string, import("vue").PublicProps, Readonly<{
        position: {
            x: number;
            y: number;
        };
        options: {
            value: string;
            label: string;
        }[];
        selectedValues: string[];
        controlRef: HTMLDivElement | import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null> | null;
        theme?: string | undefined;
        formStyle?: unknown;
        fieldStyle?: unknown;
    }> & Readonly<{
        onClose?: (() => any) | undefined;
        onToggleOption?: ((value: string) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=MultiSelection.vue.d.ts.map