@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.0

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -1,42 +1,53 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: Application[];
-    options?: Application[];
-    loading?: boolean;
-    singleAppSelection?: boolean;
-}>, {
-    selected: any;
-    options: any;
-    loading: boolean;
-    singleAppSelection: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: Application[];
-    options?: Application[];
-    loading?: boolean;
-    singleAppSelection?: boolean;
-}>, {
-    selected: any;
-    options: any;
-    loading: boolean;
-    singleAppSelection: boolean;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
+}>, {
+    "left-image"?(_: {}): any;
+    "left-icon"?(_: {}): any;
+    title?(_: {}): any;
+    description?(_: {}): any;
+    "right-icon"?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/appTrigger/AppTrigger.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./AppTrigger.vue.vue2.js";
+/* empty css                     */import r from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-62f99150"]]);
+export {
+  m as default
+};

package/components/appTrigger/AppTrigger.vue.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as T, computed as t, openBlock as d, createElementBlock as V, normalizeClass as S, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as D, createVNode as o, withCtx as p, createTextVNode as y, toDisplayString as k } from "vue";
+import E from "../appIcon/AppIcon.vue.vue.js";
+import v from "../icon/Icon.vue.vue.js";
+/* empty css                              */import x from "../typography/Text.vue.vue.js";
+/* empty css                            *//* empty css                         */import K from "../button/IconButton.vue.vue.js";
+import B from "../tooltip/Tooltip.vue.vue.js";
+/* empty css                           *//* empty css                               */const L = { class: "app-trigger__left-image" }, U = /* @__PURE__ */ T({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 }
+  },
+  setup(m) {
+    const l = m, N = "All apps selected", w = "No apps to select", _ = t(() => l.singleAppSelection && C.value ? w : l.singleAppSelection && a.value ? `${r.value?.name}` : c.value ? N : a.value ? `${r.value?.name}` : `${n.value} apps selected`), $ = t(() => !c.value || l.singleAppSelection && a.value ? r.value.platform.toLowerCase() : null), h = t(() => !n.value || !i.value ? "" : r.value?.icon), z = t(() => l.loading ? "" : a.value ? r.value.appKey : c.value ? I.value : n.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${n.value - 1}+`), n = t(() => l.selected?.length || 0), i = t(() => l.options?.length || 0), a = t(() => n.value === 1), C = t(() => i.value === 0), c = t(() => l.loading || i.value === n.value || !n.value), I = t(() => i.value === 1 ? `${A.value?.name}` : `${A.value?.name} and ${i.value - 1}+`), r = t(() => l.selected?.[0]), A = t(() => l.options?.[0]);
+    return (s, M) => (d(), V("div", {
+      class: S(["app-trigger", {
+        "app-trigger--with-icons": e(n) > 0 || e(c)
+      }])
+    }, [
+      u(s.$slots, "left-image", {}, () => [
+        g("div", L, [
+          e(h) ? (d(), f(e(E), {
+            key: 0,
+            size: "xl",
+            src: e(h)
+          }, null, 8, ["src"])) : (d(), f(e(v), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: "widgetsz"
+          }))
+        ])
+      ], !0),
+      u(s.$slots, "left-icon", {}, () => [
+        e($) ? (d(), f(e(v), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: e($),
+          "font-size": "md"
+        }, null, 8, ["name"])) : D("", !0)
+      ], !0),
+      g("div", {
+        class: S(["app-trigger__middle-section", {
+          "app-trigger__middle-section--single": e(a),
+          "app-trigger__middle-section--loading": m.loading || !m.options?.length
+        }])
+      }, [
+        u(s.$slots, "title", {}, () => [
+          o(e(B), { text: e(_) }, {
+            default: p(() => [
+              o(e(x), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm"
+              }, {
+                default: p(() => [
+                  y(k(e(_)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ], !0),
+        u(s.$slots, "description", {}, () => [
+          g("div", null, [
+            o(e(B), { text: e(z) }, {
+              default: p(() => [
+                o(e(x), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": ""
+                }, {
+                  default: p(() => [
+                    y(k(e(z)), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], !0)
+      ], 2),
+      u(s.$slots, "right-icon", {}, () => [
+        o(e(K), {
+          class: "app-trigger__right-icon",
+          theme: "third"
+        }, {
+          default: p(() => [
+            o(e(v), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        })
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/components/appTrigger/index.d.ts

@@ -1,50 +1,136 @@
-declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+declare const AppTriggerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "selected" | "options" | "singleAppSelection">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }, {}, string> & {
+            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selected: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     selected: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
     };
     options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
     };
     singleAppSelection: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    singleAppSelection: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     loading: boolean;
-    selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
-    options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    selected: import("../includeExclude/includeExcludeMocks").Application[];
+    options: import("../includeExclude/includeExcludeMocks").Application[];
     singleAppSelection: boolean;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "left-image"?(_: {}): any;
+        "left-icon"?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        "right-icon"?(_: {}): any;
+    };
+}))[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/appTrigger/index.vue.js

@@ -1,6 +1,6 @@
-import AppTrigger from './AppTrigger.vue.js';
-export { default as AppTrigger } from './AppTrigger.vue.js';
-
-const AppTriggerTypes = () => [AppTrigger];
-
-export { AppTriggerTypes };
+import p from "./AppTrigger.vue.vue.js";
+const e = () => [p];
+export {
+  p as AppTrigger,
+  e as AppTriggerTypes
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -1,55 +1,82 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: unknown[];
-    selected?: unknown[];
-    placeholder: string;
-    displayValue: (option: unknown) => string;
-    handleSearch?: (option: any, term: string) => boolean;
-    grouped?: boolean;
-}>, {
-    options: () => any[];
-    selected: () => any[];
-    placeholder: string;
-    displayValue: (option: unknown) => string;
-    handleSearch: () => true;
-    grouped: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => any[];
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+        default: (option: unknown) => string;
+    };
+    handleSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+        default: () => true;
+    };
+    grouped: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: unknown[];
-    selected?: unknown[];
-    placeholder: string;
-    displayValue: (option: unknown) => string;
-    handleSearch?: (option: any, term: string) => boolean;
-    grouped?: boolean;
-}>, {
-    options: () => any[];
-    selected: () => any[];
-    placeholder: string;
-    displayValue: (option: unknown) => string;
-    handleSearch: () => true;
-    grouped: boolean;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => any[];
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+        default: (option: unknown) => string;
+    };
+    handleSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+        default: () => true;
+    };
+    grouped: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
+    placeholder: string;
     selected: unknown[];
     options: unknown[];
-    placeholder: string;
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
+}>, {
+    "input-option"?(_: {
+        option: unknown;
+    }): any;
+    default?(_: {
+        option: unknown;
+        active: boolean;
+    }): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./AutocompleteDropdown.vue.vue2.js";
+/* empty css                               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-562d4ada"]]);
+export {
+  m as default
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as x, ref as p, computed as f, watch as G, nextTick as w, openBlock as O, createBlock as g, unref as a, mergeProps as L, withModifiers as N, withCtx as d, createVNode as P, renderSlot as k, createTextVNode as b, toDisplayString as B } from "vue";
+import C from "../dropdown/Dropdown.vue.vue.js";
+/* empty css                              *//* empty css                           *//* empty css                     *//* empty css                             */import "@vue/shared";
+/* empty css                           *//* empty css                          *//* empty css                            *//* empty css                             *//* empty css                                */import E from "./GroupOption.vue.vue.js";
+import K from "./AutocompleteInput.vue.vue.js";
+import { DEFAULT_PLACEHOLDER as U, GROUP_OPTION_FLAG as T } from "./consts.vue.js";
+import { useKeyboardNavigation as $ } from "./useKeyboardNavigation.vue.js";
+const ne = /* @__PURE__ */ x({
+  __name: "AutocompleteDropdown",
+  props: {
+    options: { default: () => [] },
+    selected: { default: () => [] },
+    placeholder: { default: U },
+    displayValue: { type: Function, default: (l) => l.toString() },
+    handleSearch: { type: Function, default: () => !0 },
+    grouped: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selected"],
+  setup(l, { emit: F }) {
+    const n = l, m = p(null), u = p(null), r = f({
+      get() {
+        return n.selected;
+      },
+      set(e) {
+        F("update:selected", e);
+      }
+    });
+    function R(e) {
+      r.value.push(e), m.value.focusInput();
+    }
+    function D(e) {
+      r.value.splice(r.value.indexOf(e), 1);
+    }
+    async function v() {
+      await w(), setTimeout(() => {
+        u?.value?.scrollTo(0);
+      });
+    }
+    const y = p(""), s = (e) => e && !!e[T], S = f(() => n.grouped ? n.options.reduce((e, o) => {
+      const { options: t = [], ...i } = o, I = {
+        ...i,
+        [T]: !0
+      };
+      return [...e, I, ...t];
+    }, []) : n.options), h = f(() => {
+      const e = S.value.filter((o) => !r.value.includes(o)).filter((o) => s(o) ? !0 : n.handleSearch(o, y.value));
+      return n.grouped ? e.filter((o, t) => {
+        const i = e[t + 1];
+        return s(o) ? i && !s(i) : !0;
+      }) : e;
+    }), { isFocused: V, keyDownHandler: A } = $({
+      options: h,
+      canFocus: (e) => !s(e),
+      scrollTo: (e) => u?.value?.scrollTo(e),
+      selectItem: (e) => {
+        u?.value?.selectItem(e), v();
+      }
+    }), c = p(0);
+    return G(n.selected, async () => {
+      c.value += 1, await w(), c.value = 0;
+    }), (e, o) => (O(), g(a(C), L({
+      ref_key: "dropdownRef",
+      ref: u,
+      class: "autocomplete-dropdown"
+    }, e.$attrs, {
+      selected: a(r),
+      options: a(h),
+      "on-search": () => !0,
+      "display-value": l.displayValue,
+      "keep-open": "",
+      "is-on-top": !1,
+      multi: !1,
+      "show-select-all": !1,
+      "auto-size": "",
+      distance: c.value,
+      "disable-keyboard-events": "",
+      onOpened: v,
+      onKeydown: N(a(A), ["stop"]),
+      "onUpdate:selected": R
+    }), {
+      input: d(() => [
+        P(K, {
+          ref_key: "inputRef",
+          ref: m,
+          value: a(r),
+          placeholder: l.placeholder,
+          "display-value": l.displayValue,
+          onRemove: D,
+          onSearch: o[0] || (o[0] = (t) => y.value = t)
+        }, {
+          option: d(({ option: t }) => [
+            k(e.$slots, "input-option", { option: t }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["value", "placeholder", "display-value"])
+      ]),
+      default: d(({ option: t }) => [
+        l.grouped && s(t) ? (O(), g(E, { key: 0 }, {
+          default: d(() => [
+            b(B(l.displayValue(t)), 1)
+          ]),
+          _: 2
+        }, 1024)) : k(e.$slots, "default", {
+          key: 1,
+          option: t,
+          active: a(V)(t)
+        }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]));
+  }
+});
+export {
+  ne as default
+};