@volverjs/ui-vue/dist/components/VvCombobox/VvCombobox.vue.d.ts

@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.

import type { Option } from '../../types/generic';
declare const __VLS_export: <T extends string | Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
    props: __VLS_PrettifyLocal<{
        search?: string;
    } & import("vue").ExtractPublicPropTypes<{
        options: {
            type: globalThis.PropType<T[]>;
            default: () => never[];
        };
        searchFunction: {
            type: globalThis.PropType<(search: string, options: T[]) => T[] | Promise<T[]>>;
            default: undefined;
        };
        transitionName: {
            type: StringConstructor;
            default: string;
        };
        modelValue: {
            type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
            default: undefined;
        };
        noResultsLabel: {
            type: StringConstructor;
            default: string;
        };
        noOptionsLabel: {
            type: StringConstructor;
            default: string;
        };
        selectedOptionNotFoundLabel: {
            type: StringConstructor;
            default: string;
        };
        selectedHintLabel: {
            type: StringConstructor;
            default: string;
        };
        deselectActionLabel: {
            type: StringConstructor;
            default: string;
        };
        selectHintLabel: {
            type: StringConstructor;
            default: string;
        };
        deselectHintLabel: {
            type: StringConstructor;
            default: string;
        };
        addOptionHintLabel: {
            type: StringConstructor;
            default: string;
        };
        closeLabel: {
            type: StringConstructor;
            default: string;
        };
        placeholder: StringConstructor;
        addable: BooleanConstructor;
        searchable: BooleanConstructor;
        keepSearch: BooleanConstructor;
        searchPlaceholder: {
            type: StringConstructor;
            default: string;
        };
        debounceSearch: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        multiple: BooleanConstructor;
        minValues: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        maxValues: (StringConstructor | NumberConstructor)[];
        unselectable: {
            type: BooleanConstructor;
            default: boolean;
        };
        separator: {
            type: StringConstructor;
            default: string;
        };
        native: BooleanConstructor;
        badges: BooleanConstructor;
        badgeModifiers: {
            type: PropType<string | string[]>;
            default: string;
        };
        triggerWidth: {
            default: boolean;
            type: BooleanConstructor;
        };
        dropdownModifiers: {
            type: PropType<string | string[]>;
            default: string;
        };
        autoOpen: {
            type: BooleanConstructor;
            default: boolean;
        };
        autoselectFirst: {
            type: BooleanConstructor;
            default: boolean;
        };
        keepOpen: {
            type: BooleanConstructor;
            default: boolean;
        };
        focusOnHover: {
            type: BooleanConstructor;
            default: boolean;
        };
        showClearAction: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconClear: {
            type: PropType<string | import("../VvIcon").VvIconProps>;
            default: "close";
        };
        labelClear: {
            type: StringConstructor;
            default: string;
        };
        required: {
            type: BooleanConstructor;
            default: boolean;
        };
        label: {
            type: (StringConstructor | NumberConstructor)[];
            default: undefined;
        };
        placement: {
            type: PropType<`${import("../../constants").Side}` | `${import("../../constants").Placement}`>;
            default: import("../../constants").Side;
            validator: (value: import("../../constants").Side & import("../../constants").Placement) => boolean;
        };
        strategy: {
            type: PropType<`${import("../../constants").Strategy}`>;
            default: undefined;
            validator: (value: import("../../constants").Strategy) => boolean;
        };
        offset: {
            type: PropType<import("../..").OffsetOptions | number | string>;
            default: number;
        };
        shift: {
            type: PropType<import("../..").ShiftOptions | boolean>;
            default: boolean;
        };
        flip: {
            type: PropType<import("../..").FlipOptions | boolean>;
            default: boolean;
        };
        size: {
            type: PropType<import("../..").SizeOptions | boolean>;
            default: () => {
                padding: number;
            };
        };
        autoPlacement: {
            type: PropType<import("../..").AutoPlacementOptions | boolean>;
            default: boolean;
        };
        arrow: {
            type: BooleanConstructor;
            default: boolean;
        };
        autofocusFirst: {
            type: BooleanConstructor;
            default: boolean;
        };
        floating: {
            type: BooleanConstructor;
            default: boolean;
        };
        icon: {
            type: PropType<string | import("../VvIcon").VvIconProps>;
            default: undefined;
        };
        iconPosition: {
            type: PropType<`${import("../../constants").Position}`>;
            default: import("../../constants").Position;
            validation: (value: import("../../constants").Position) => boolean;
        };
        labelKey: {
            type: (StringConstructor | FunctionConstructor)[];
            default: string;
        };
        valueKey: {
            type: (StringConstructor | FunctionConstructor)[];
            default: string;
        };
        disabledKey: {
            type: (StringConstructor | FunctionConstructor)[];
            default: string;
        };
        modifiers: {
            type: PropType<string | string[]>;
            default: undefined;
        };
        readonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        loadingLabel: {
            type: StringConstructor;
            default: string;
        };
        hintLabel: {
            type: StringConstructor;
            default: string;
        };
        invalid: {
            type: BooleanConstructor;
            default: boolean;
        };
        invalidLabel: {
            type: (ArrayConstructor | StringConstructor)[];
            default: undefined;
        };
        valid: {
            type: BooleanConstructor;
            default: boolean;
        };
        validLabel: {
            type: (ArrayConstructor | StringConstructor)[];
            default: undefined;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        name: {
            type: StringConstructor;
            required: boolean;
        };
        id: (StringConstructor | NumberConstructor)[];
    }> & {
        onClear?: (() => any) | undefined;
        "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
        onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
        onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
        "onUpdate:search"?: ((args_0: string) => any) | undefined;
        "onUpdate:options"?: ((args_0: (string | Option)[]) => any) | undefined;
        "onChange:search"?: ((args_0: string) => any) | undefined;
    }> & import("vue").PublicProps & (typeof globalThis extends {
        __VLS_PROPS_FALLBACK: infer P;
    } ? P : {});
    expose: (exposed: {}) => void;
    attrs: any;
    slots: {
        'dropdown::before'?: (props: {}) => any;
    } & {
        before?: (props: {
            valid: boolean;
            invalid: boolean;
            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
        }) => any;
    } & {
        value?: (props: {
            selectedOptions: T[];
            onInput: (option: string | Option) => void;
        }) => any;
    } & {
        placeholder?: (props: {}) => any;
    } & {
        after?: (props: {
            valid: boolean;
            invalid: boolean;
            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
        }) => any;
    } & {
        'option-group'?: (props: {
            option: T;
            selectedOptions: T[];
        }) => any;
    } & {
        option?: (props: {
            option: T;
            selectedOptions: T[];
            selected: boolean;
            disabled: boolean;
        }) => any;
    } & {
        option?: (props: {
            option: T;
            selectedOptions: T[];
            selected: boolean;
            disabled: boolean;
        }) => any;
    } & {
        'no-options'?: (props: {}) => any;
    } & {
        'no-results'?: (props: {}) => any;
    } & {
        'dropdown::after'?: (props: {}) => any;
    } & {
        hint?: (props: {
            modelValue: unknown;
            valid: boolean;
            invalid: boolean;
            loading: boolean;
        }) => any;
    } & {
        loading?: (props: {
            modelValue: unknown;
            valid: boolean;
            invalid: boolean;
            loading: boolean;
        }) => any;
    } & {
        valid?: (props: {
            modelValue: unknown;
            valid: boolean;
            invalid: boolean;
            loading: boolean;
        }) => any;
    } & {
        invalid?: (props: {
            modelValue: unknown;
            valid: boolean;
            invalid: boolean;
            loading: boolean;
        }) => any;
    };
    emit: (((evt: "clear") => void) & ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "update:search", args_0: string) => void) & ((evt: "update:options", args_0: (string | Option)[]) => void) & ((evt: "change:search", args_0: string) => void)) & ((evt: "update:search", value: string) => void);
}>) => import("vue").VNode & {
    __ctx?: Awaited<typeof __VLS_setup>;
};
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_PrettifyLocal<T> = {
    [K in keyof T as K]: T[K];
} & {};