sprintify-ui 0.10.65 → 0.10.66

package/dist/types/components/BaseBelongsToFetch.vue.d.ts

@@ -1,3 +1,4 @@
+import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 type __VLS_Props = {
@@ -23,10 +24,331 @@ type __VLS_Props = {
     emptyOptionLabel?: string;
     select?: SelectConfiguration;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        option?(_: {
+declare const autocompleteFetch: import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        select: SelectConfiguration | undefined;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        required: boolean;
+        inline: boolean;
+        disabled: boolean;
+        name: string;
+        modelValue: RawOption | null | undefined;
+        placeholder: string;
+        hasError: boolean;
+        visibleFocus: boolean;
+        dropdownShow: "always" | "focus";
+        showModelValue: boolean;
+        focusOnMount: boolean;
+        showEmptyOption: boolean;
+        showRemoveButton: boolean;
+        emptyOptionLabel: string;
+        twInput: string | string[];
+        queryKey: string;
+    }> & Omit<{
+        readonly required: boolean;
+        readonly inline: boolean;
+        readonly disabled: boolean;
+        readonly hasError: boolean;
+        readonly visibleFocus: boolean;
+        readonly url: string;
+        readonly labelKey: string | ((option: RawOption) => string);
+        readonly valueKey: string | ((option: RawOption) => string);
+        readonly dropdownShow: "always" | "focus";
+        readonly showModelValue: boolean;
+        readonly focusOnMount: boolean;
+        readonly showEmptyOption: boolean;
+        readonly showRemoveButton: boolean;
+        readonly queryKey: string;
+        readonly select?: SelectConfiguration | undefined;
+        readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        readonly name?: string | undefined;
+        readonly modelValue?: RawOption | null | undefined;
+        readonly placeholder?: string | undefined;
+        readonly emptyOptionLabel?: string | undefined;
+        readonly twInput?: string | string[] | undefined;
+        readonly onFocus?: ((...args: any[]) => any) | undefined;
+        readonly onClear?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
+        readonly onTyping?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey">;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            default: undefined;
+            type: import("vue").PropType<RawOption | null | undefined>;
+        };
+        url: {
+            required: true;
+            type: StringConstructor;
+        };
+        labelKey: {
+            required: true;
+            type: import("vue").PropType<string | ((option: RawOption) => string)>;
+        };
+        valueKey: {
+            required: true;
+            type: import("vue").PropType<string | ((option: RawOption) => string)>;
+        };
+        name: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        placeholder: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        required: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        disabled: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        queryKey: {
+            default: string;
+            type: StringConstructor;
+        };
+        hasError: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        inline: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        size: {
+            default: undefined;
+            type: import("vue").PropType<Size>;
+        };
+        dropdownShow: {
+            default: string;
+            type: import("vue").PropType<"focus" | "always">;
+        };
+        showModelValue: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        visibleFocus: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        focusOnMount: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showEmptyOption: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showRemoveButton: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        emptyOptionLabel: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        select: {
+            default: undefined;
+            type: import("vue").PropType<SelectConfiguration | undefined>;
+        };
+        twInput: {
+            default: undefined;
+            type: import("vue").PropType<string | string[]>;
+        };
+    }>> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onScrollBottom?: ((...args: any[]) => any) | undefined;
+        onTyping?: ((...args: any[]) => any) | undefined;
+    }>, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        open: () => void | undefined;
+        close: () => void | undefined;
+        setKeywords: (input: string) => void | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        focus: (...args: any[]) => void;
+        clear: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+        scrollBottom: (...args: any[]) => void;
+        typing: (...args: any[]) => void;
+    }, string, {
+        select: SelectConfiguration | undefined;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        required: boolean;
+        inline: boolean;
+        disabled: boolean;
+        name: string;
+        modelValue: RawOption | null | undefined;
+        placeholder: string;
+        hasError: boolean;
+        visibleFocus: boolean;
+        dropdownShow: "always" | "focus";
+        showModelValue: boolean;
+        focusOnMount: boolean;
+        showEmptyOption: boolean;
+        showRemoveButton: boolean;
+        emptyOptionLabel: string;
+        twInput: string | string[];
+        queryKey: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    select: SelectConfiguration | undefined;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    required: boolean;
+    inline: boolean;
+    disabled: boolean;
+    name: string;
+    modelValue: RawOption | null | undefined;
+    placeholder: string;
+    hasError: boolean;
+    visibleFocus: boolean;
+    dropdownShow: "always" | "focus";
+    showModelValue: boolean;
+    focusOnMount: boolean;
+    showEmptyOption: boolean;
+    showRemoveButton: boolean;
+    emptyOptionLabel: string;
+    twInput: string | string[];
+    queryKey: string;
+}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: undefined;
+        type: import("vue").PropType<RawOption | null | undefined>;
+    };
+    url: {
+        required: true;
+        type: StringConstructor;
+    };
+    labelKey: {
+        required: true;
+        type: import("vue").PropType<string | ((option: RawOption) => string)>;
+    };
+    valueKey: {
+        required: true;
+        type: import("vue").PropType<string | ((option: RawOption) => string)>;
+    };
+    name: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    placeholder: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    required: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    queryKey: {
+        default: string;
+        type: StringConstructor;
+    };
+    hasError: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: undefined;
+        type: import("vue").PropType<Size>;
+    };
+    dropdownShow: {
+        default: string;
+        type: import("vue").PropType<"focus" | "always">;
+    };
+    showModelValue: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    visibleFocus: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    focusOnMount: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showEmptyOption: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showRemoveButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    emptyOptionLabel: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    select: {
+        default: undefined;
+        type: import("vue").PropType<SelectConfiguration | undefined>;
+    };
+    twInput: {
+        default: undefined;
+        type: import("vue").PropType<string | string[]>;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
+    onTyping?: ((...args: any[]) => any) | undefined;
+}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey")> & import("vue").ShallowUnwrapRef<{
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    open: () => void | undefined;
+    close: () => void | undefined;
+    setKeywords: (input: string) => void | undefined;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        option?: ((props: {
             focus: () => void;
             blur: () => void;
             open: () => void;
@@ -37,383 +359,444 @@ declare function __VLS_template(): {
             label: string;
             selected: boolean;
             active: boolean;
-        }): any;
-        empty?(_: {
+        }) => any) | undefined;
+        footer?: ((props: {
+            keywords: string;
+            focus: () => void;
+            blur: () => void;
+            open: () => void;
+            close: () => void;
+            options: import("@/types").NormalizedOption[];
+        }) => any) | undefined;
+        empty?: ((props: {
             firstSearch: boolean;
             focus: () => void;
             blur: () => void;
             open: () => void;
             close: () => void;
             keywords: import("vue").ComputedRef<string>;
-        }): any;
-        footer?(_: {
+        }) => any) | undefined;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        select: SelectConfiguration | undefined;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        required: boolean;
+        inline: boolean;
+        disabled: boolean;
+        name: string;
+        modelValue: RawOption | null | undefined;
+        placeholder: string;
+        hasError: boolean;
+        visibleFocus: boolean;
+        dropdownShow: "always" | "focus";
+        showModelValue: boolean;
+        focusOnMount: boolean;
+        showEmptyOption: boolean;
+        showRemoveButton: boolean;
+        emptyOptionLabel: string;
+        twInput: string | string[];
+        queryKey: string;
+    }> & Omit<{
+        readonly required: boolean;
+        readonly inline: boolean;
+        readonly disabled: boolean;
+        readonly hasError: boolean;
+        readonly visibleFocus: boolean;
+        readonly url: string;
+        readonly labelKey: string | ((option: RawOption) => string);
+        readonly valueKey: string | ((option: RawOption) => string);
+        readonly dropdownShow: "always" | "focus";
+        readonly showModelValue: boolean;
+        readonly focusOnMount: boolean;
+        readonly showEmptyOption: boolean;
+        readonly showRemoveButton: boolean;
+        readonly queryKey: string;
+        readonly select?: SelectConfiguration | undefined;
+        readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        readonly name?: string | undefined;
+        readonly modelValue?: RawOption | null | undefined;
+        readonly placeholder?: string | undefined;
+        readonly emptyOptionLabel?: string | undefined;
+        readonly twInput?: string | string[] | undefined;
+        readonly onFocus?: ((...args: any[]) => any) | undefined;
+        readonly onClear?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
+        readonly onTyping?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey">;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            default: undefined;
+            type: import("vue").PropType<RawOption | null | undefined>;
+        };
+        url: {
+            required: true;
+            type: StringConstructor;
+        };
+        labelKey: {
+            required: true;
+            type: import("vue").PropType<string | ((option: RawOption) => string)>;
+        };
+        valueKey: {
+            required: true;
+            type: import("vue").PropType<string | ((option: RawOption) => string)>;
+        };
+        name: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        placeholder: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        required: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        disabled: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        queryKey: {
+            default: string;
+            type: StringConstructor;
+        };
+        hasError: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        inline: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        size: {
+            default: undefined;
+            type: import("vue").PropType<Size>;
+        };
+        dropdownShow: {
+            default: string;
+            type: import("vue").PropType<"focus" | "always">;
+        };
+        showModelValue: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        visibleFocus: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        focusOnMount: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showEmptyOption: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showRemoveButton: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        emptyOptionLabel: {
+            default: undefined;
+            type: StringConstructor;
+        };
+        select: {
+            default: undefined;
+            type: import("vue").PropType<SelectConfiguration | undefined>;
+        };
+        twInput: {
+            default: undefined;
+            type: import("vue").PropType<string | string[]>;
+        };
+    }>> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onScrollBottom?: ((...args: any[]) => any) | undefined;
+        onTyping?: ((...args: any[]) => any) | undefined;
+    }>, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        open: () => void | undefined;
+        close: () => void | undefined;
+        setKeywords: (input: string) => void | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        focus: (...args: any[]) => void;
+        clear: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+        scrollBottom: (...args: any[]) => void;
+        typing: (...args: any[]) => void;
+    }, string, {
+        select: SelectConfiguration | undefined;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        required: boolean;
+        inline: boolean;
+        disabled: boolean;
+        name: string;
+        modelValue: RawOption | null | undefined;
+        placeholder: string;
+        hasError: boolean;
+        visibleFocus: boolean;
+        dropdownShow: "always" | "focus";
+        showModelValue: boolean;
+        focusOnMount: boolean;
+        showEmptyOption: boolean;
+        showRemoveButton: boolean;
+        emptyOptionLabel: string;
+        twInput: string | string[];
+        queryKey: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    select: SelectConfiguration | undefined;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    required: boolean;
+    inline: boolean;
+    disabled: boolean;
+    name: string;
+    modelValue: RawOption | null | undefined;
+    placeholder: string;
+    hasError: boolean;
+    visibleFocus: boolean;
+    dropdownShow: "always" | "focus";
+    showModelValue: boolean;
+    focusOnMount: boolean;
+    showEmptyOption: boolean;
+    showRemoveButton: boolean;
+    emptyOptionLabel: string;
+    twInput: string | string[];
+    queryKey: string;
+}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: undefined;
+        type: import("vue").PropType<RawOption | null | undefined>;
+    };
+    url: {
+        required: true;
+        type: StringConstructor;
+    };
+    labelKey: {
+        required: true;
+        type: import("vue").PropType<string | ((option: RawOption) => string)>;
+    };
+    valueKey: {
+        required: true;
+        type: import("vue").PropType<string | ((option: RawOption) => string)>;
+    };
+    name: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    placeholder: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    required: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    queryKey: {
+        default: string;
+        type: StringConstructor;
+    };
+    hasError: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: undefined;
+        type: import("vue").PropType<Size>;
+    };
+    dropdownShow: {
+        default: string;
+        type: import("vue").PropType<"focus" | "always">;
+    };
+    showModelValue: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    visibleFocus: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    focusOnMount: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showEmptyOption: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showRemoveButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    emptyOptionLabel: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    select: {
+        default: undefined;
+        type: import("vue").PropType<SelectConfiguration | undefined>;
+    };
+    twInput: {
+        default: undefined;
+        type: import("vue").PropType<string | string[]>;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
+    onTyping?: ((...args: any[]) => any) | undefined;
+}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey")> & import("vue").ShallowUnwrapRef<{
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    open: () => void | undefined;
+    close: () => void | undefined;
+    setKeywords: (input: string) => void | undefined;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        option?: ((props: {
+            focus: () => void;
+            blur: () => void;
+            open: () => void;
+            close: () => void;
+            keywords: import("vue").ComputedRef<string>;
+            option: RawOption | null;
+            value: import("@/types").OptionValue;
+            label: string;
+            selected: boolean;
+            active: boolean;
+        }) => any) | undefined;
+        footer?: ((props: {
             keywords: string;
             focus: () => void;
             blur: () => void;
             open: () => void;
             close: () => void;
             options: import("@/types").NormalizedOption[];
-        }): any;
-    };
-    refs: {
-        autocompleteFetch: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                select: SelectConfiguration | undefined;
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                required: boolean;
-                inline: boolean;
-                disabled: boolean;
-                name: string;
-                modelValue: RawOption | null | undefined;
-                placeholder: string;
-                hasError: boolean;
-                visibleFocus: boolean;
-                dropdownShow: "always" | "focus";
-                showModelValue: boolean;
-                focusOnMount: boolean;
-                showEmptyOption: boolean;
-                showRemoveButton: boolean;
-                emptyOptionLabel: string;
-                twInput: string | string[];
-                queryKey: string;
-            }> & Omit<{
-                readonly required: boolean;
-                readonly inline: boolean;
-                readonly disabled: boolean;
-                readonly hasError: boolean;
-                readonly visibleFocus: boolean;
-                readonly url: string;
-                readonly labelKey: string | ((option: RawOption) => string);
-                readonly valueKey: string | ((option: RawOption) => string);
-                readonly dropdownShow: "always" | "focus";
-                readonly showModelValue: boolean;
-                readonly focusOnMount: boolean;
-                readonly showEmptyOption: boolean;
-                readonly showRemoveButton: boolean;
-                readonly queryKey: string;
-                readonly select?: SelectConfiguration | undefined;
-                readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-                readonly name?: string | undefined;
-                readonly modelValue?: RawOption | null | undefined;
-                readonly placeholder?: string | undefined;
-                readonly emptyOptionLabel?: string | undefined;
-                readonly twInput?: string | string[] | undefined;
-                readonly onFocus?: ((...args: any[]) => any) | undefined;
-                readonly onClear?: ((...args: any[]) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-                readonly onTyping?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance | null;
-            $parent: import("vue").ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "focus", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
-            $el: HTMLDivElement;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: {
-                    default: undefined;
-                    type: import("vue").PropType<RawOption | null | undefined>;
-                };
-                url: {
-                    required: true;
-                    type: StringConstructor;
-                };
-                labelKey: {
-                    required: true;
-                    type: import("vue").PropType<string | ((option: RawOption) => string)>;
-                };
-                valueKey: {
-                    required: true;
-                    type: import("vue").PropType<string | ((option: RawOption) => string)>;
-                };
-                name: {
-                    default: undefined;
-                    type: StringConstructor;
-                };
-                placeholder: {
-                    default: undefined;
-                    type: StringConstructor;
-                };
-                required: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                disabled: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                queryKey: {
-                    default: string;
-                    type: StringConstructor;
-                };
-                hasError: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                inline: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                size: {
-                    default: undefined;
-                    type: import("vue").PropType<Size>;
-                };
-                dropdownShow: {
-                    default: string;
-                    type: import("vue").PropType<"focus" | "always">;
-                };
-                showModelValue: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                visibleFocus: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                focusOnMount: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                showEmptyOption: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                showRemoveButton: {
-                    default: boolean;
-                    type: BooleanConstructor;
-                };
-                emptyOptionLabel: {
-                    default: undefined;
-                    type: StringConstructor;
-                };
-                select: {
-                    default: undefined;
-                    type: import("vue").PropType<SelectConfiguration | undefined>;
-                };
-                twInput: {
-                    default: undefined;
-                    type: import("vue").PropType<string | string[]>;
-                };
-            }>> & Readonly<{
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onClear?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onScrollBottom?: ((...args: any[]) => any) | undefined;
-                onTyping?: ((...args: any[]) => any) | undefined;
-            }>, {
-                focus: () => void | undefined;
-                blur: () => void | undefined;
-                open: () => void | undefined;
-                close: () => void | undefined;
-                setKeywords: (input: string) => void | undefined;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                focus: (...args: any[]) => void;
-                clear: (...args: any[]) => void;
-                "update:modelValue": (...args: any[]) => void;
-                scrollBottom: (...args: any[]) => void;
-                typing: (...args: any[]) => void;
-            }, string, {
-                select: SelectConfiguration | undefined;
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                required: boolean;
-                inline: boolean;
-                disabled: boolean;
-                name: string;
-                modelValue: RawOption | null | undefined;
-                placeholder: string;
-                hasError: boolean;
-                visibleFocus: boolean;
-                dropdownShow: "always" | "focus";
-                showModelValue: boolean;
-                focusOnMount: boolean;
-                showEmptyOption: boolean;
-                showRemoveButton: boolean;
-                emptyOptionLabel: string;
-                twInput: string | string[];
-                queryKey: string;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-        } & Readonly<{
-            select: SelectConfiguration | undefined;
-            size: "xs" | "sm" | "md" | "lg" | "xl";
-            required: boolean;
-            inline: boolean;
-            disabled: boolean;
-            name: string;
-            modelValue: RawOption | null | undefined;
-            placeholder: string;
-            hasError: boolean;
-            visibleFocus: boolean;
-            dropdownShow: "always" | "focus";
-            showModelValue: boolean;
-            focusOnMount: boolean;
-            showEmptyOption: boolean;
-            showRemoveButton: boolean;
-            emptyOptionLabel: string;
-            twInput: string | string[];
-            queryKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                default: undefined;
-                type: import("vue").PropType<RawOption | null | undefined>;
-            };
-            url: {
-                required: true;
-                type: StringConstructor;
-            };
-            labelKey: {
-                required: true;
-                type: import("vue").PropType<string | ((option: RawOption) => string)>;
-            };
-            valueKey: {
-                required: true;
-                type: import("vue").PropType<string | ((option: RawOption) => string)>;
-            };
-            name: {
-                default: undefined;
-                type: StringConstructor;
-            };
-            placeholder: {
-                default: undefined;
-                type: StringConstructor;
-            };
-            required: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            disabled: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            queryKey: {
-                default: string;
-                type: StringConstructor;
-            };
-            hasError: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            inline: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            size: {
-                default: undefined;
-                type: import("vue").PropType<Size>;
-            };
-            dropdownShow: {
-                default: string;
-                type: import("vue").PropType<"focus" | "always">;
-            };
-            showModelValue: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            visibleFocus: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            focusOnMount: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            showEmptyOption: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            showRemoveButton: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            emptyOptionLabel: {
-                default: undefined;
-                type: StringConstructor;
-            };
-            select: {
-                default: undefined;
-                type: import("vue").PropType<SelectConfiguration | undefined>;
-            };
-            twInput: {
-                default: undefined;
-                type: import("vue").PropType<string | string[]>;
-            };
-        }>> & Readonly<{
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onClear?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onScrollBottom?: ((...args: any[]) => any) | undefined;
-            onTyping?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey")> & import("vue").ShallowUnwrapRef<{
-            focus: () => void | undefined;
-            blur: () => void | undefined;
-            open: () => void | undefined;
-            close: () => void | undefined;
-            setKeywords: (input: string) => void | undefined;
-        }> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                option?(_: {
-                    focus: () => void;
-                    blur: () => void;
-                    open: () => void;
-                    close: () => void;
-                    keywords: import("vue").ComputedRef<string>;
-                    option: RawOption | null;
-                    value: import("@/types").OptionValue;
-                    label: string;
-                    selected: boolean;
-                    active: boolean;
-                }): any;
-                footer?(_: {
-                    keywords: string;
-                    focus: () => void;
-                    blur: () => void;
-                    open: () => void;
-                    close: () => void;
-                    options: import("@/types").NormalizedOption[];
-                }): any;
-                empty?(_: {
-                    firstSearch: boolean;
-                    focus: () => void;
-                    blur: () => void;
-                    open: () => void;
-                    close: () => void;
-                    keywords: import("vue").ComputedRef<string>;
-                }): any;
-            };
-        }) | null;
-    };
-    rootEl: HTMLDivElement;
+        }) => any) | undefined;
+        empty?: ((props: {
+            firstSearch: boolean;
+            focus: () => void;
+            blur: () => void;
+            open: () => void;
+            close: () => void;
+            keywords: import("vue").ComputedRef<string>;
+        }) => any) | undefined;
+    };
+}) | null>;
+declare const model: import("vue").Ref<RawOption | null, RawOption | null>;
+declare function onUpdate(newModel: RawOption | null): void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_10: {
+    focus: () => void;
+    blur: () => void;
+    open: () => void;
+    close: () => void;
+    keywords: import("vue").ComputedRef<string>;
+    option: RawOption | null;
+    value: import("@/types").OptionValue;
+    label: string;
+    selected: boolean;
+    active: boolean;
+}, __VLS_12: {
+    firstSearch: boolean;
+    focus: () => void;
+    blur: () => void;
+    open: () => void;
+    close: () => void;
+    keywords: import("vue").ComputedRef<string>;
+}, __VLS_14: {
+    keywords: string;
+    focus: () => void;
+    blur: () => void;
+    open: () => void;
+    close: () => void;
+    options: import("@/types").NormalizedOption[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    option?: (props: typeof __VLS_10) => any;
+} & {
+    empty?: (props: typeof __VLS_12) => any;
+} & {
+    footer?: (props: typeof __VLS_14) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    BaseAutocompleteFetch: typeof BaseAutocompleteFetch;
+    autocompleteFetch: typeof autocompleteFetch;
+    model: typeof model;
+    onUpdate: typeof onUpdate;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    select: SelectConfiguration;
+    size: Size;
+    required: boolean;
+    inline: boolean;
+    disabled: boolean;
+    name: string;
+    modelValue: string | number | null;
+    placeholder: string;
+    hasError: boolean;
+    visibleFocus: boolean;
+    primaryKey: string;
+    dropdownShow: "focus" | "always";
+    showModelValue: boolean;
+    focusOnMount: boolean;
+    showEmptyOption: boolean;
+    showRemoveButton: boolean;
+    emptyOptionLabel: string;
+    showRouteUrl: (id: string | number) => string;
+    currentModel: RawOption | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
     blur: () => void | undefined;
@@ -444,10 +827,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     emptyOptionLabel: string;
     showRouteUrl: (id: string | number) => string;
     currentModel: RawOption | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };