export declare const HbDataFilter: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
    iconPosition: {
        type: import("vue").PropType<"right" | "left">;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    width: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    fallbackPlacements: {
        type: import("vue").PropType<string[]>;
        default: () => any[];
    };
    items: {
        type: import("vue").PropType<import("..").SelectorItem[]>;
        default: () => any[];
    };
    selectedSection: import("vue").PropType<{
        show: true;
        closable: true;
    }>;
    max: {
        type: NumberConstructor;
        default: number;
    };
    gap: StringConstructor;
    itemGap: StringConstructor;
    searchLabel: {
        type: StringConstructor;
        default: string;
    };
    outsideIgnore: {
        type: import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>;
        default: () => any[];
    };
}, {
    prefix: string;
    popoverRef: any;
    searchItems: import("vue").Ref<{
        label?: string;
        span?: string;
        type: string;
        value: unknown;
        name: string;
        display?: () => string;
        prop?: {
            label: string;
            value: string;
        };
        options: {
            [x: string]: unknown;
        }[];
    }[]>;
    displayItems: import("vue").Ref<{
        display: string;
        value: unknown;
        name: string;
        type: string;
    }[]>;
    outsideIgnoreComputed: import("vue").ComputedRef<any[]>;
    addRef: (compRef: any) => void;
    selectedSectionOpt: import("vue").ComputedRef<{
        show: boolean;
        closable: boolean;
    }>;
    getKey: (item: import("..").SelectorItem, opt: import("..").SelectorItemOption) => unknown;
    getLabel: (item: import("..").SelectorItem, opt: import("..").SelectorItemOption) => unknown;
    isDatePicker: (type: string) => boolean;
    changeValue: () => void;
    search: () => void;
    getDisplayItemsCount: () => number;
    removeDisplayItem: (item: import("./src/utils").DisplayItem) => void;
    updateDisplayItem: (item: import("./src/utils").DisplayItem) => void;
    getDateTimeProps: (item: import("..").SelectorItem) => {
        span?: string;
        type: string;
        name: string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("..").SelectorItemOption[];
    };
    getSelectProps: (item: import("..").SelectorItem) => {
        span?: string;
        name: string;
    };
    getInputProps: (item: import("..").SelectorItem) => {
        span?: string;
        value: unknown;
        name: string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("..").SelectorItemOption[];
    };
    resetFields: (names?: string[]) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "remove-selected-item")[], "search" | "remove-selected-item", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    iconPosition: {
        type: import("vue").PropType<"right" | "left">;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    width: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    fallbackPlacements: {
        type: import("vue").PropType<string[]>;
        default: () => any[];
    };
    items: {
        type: import("vue").PropType<import("..").SelectorItem[]>;
        default: () => any[];
    };
    selectedSection: import("vue").PropType<{
        show: true;
        closable: true;
    }>;
    max: {
        type: NumberConstructor;
        default: number;
    };
    gap: StringConstructor;
    itemGap: StringConstructor;
    searchLabel: {
        type: StringConstructor;
        default: string;
    };
    outsideIgnore: {
        type: import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>;
        default: () => any[];
    };
}>> & {
    onSearch?: (...args: any[]) => any;
    "onRemove-selected-item"?: (...args: any[]) => any;
}, {
    fill: boolean;
    placement: string;
    outsideIgnore: import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[];
    title: string;
    width: string | number;
    max: number;
    iconPosition: "right" | "left";
    fallbackPlacements: string[];
    maxHeight: string;
    items: import("..").SelectorItem[];
    searchLabel: string;
}>> & Record<string, any>;
export default HbDataFilter;