@ironsource/shared-ui 2.0.0-rc.0 → 2.0.0-rc.2

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    version: "v3" | "v4";
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    version: "v3" | "v4";
+}>>>, {}>, {
+    default?(_: {}): 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;
+    };
+};

package/components/appIcon/AppIcon.vue.d.ts

@@ -25,7 +25,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/appIcon/AppIcon.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./AppIcon.vue.vue2.js";
+/* empty css                  */import p from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const c = /* @__PURE__ */ p(o, [["__scopeId", "data-v-56ba337c"]]);
+export {
+  c as default
+};

package/components/appIcon/AppIcon.vue.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as c, createElementBlock as o, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
+const l = (e) => (n("data-v-56ba337c"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 120 120",
+  preserveAspectRatio: "none",
+  class: "squircle-mask"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
+    fill: "white",
+    fillRule: "evenodd"
+  })
+], -1)), u = /* @__PURE__ */ s({
+  __name: "AppIcon",
+  props: {
+    size: { default: "md" },
+    src: { default: "" }
+  },
+  setup(e) {
+    return (d, h) => (c(), o("span", {
+      class: a(["application-icon", `icon-${e.size}`])
+    }, [
+      t("img", {
+        src: e.src,
+        alt: ""
+      }, null, 8, p),
+      r
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/components/appIcon/index.d.ts

@@ -1,29 +1,25 @@
 declare const AppIconTypes: () => import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
 }>>, {
-    size: "md" | "sm" | "lg" | "xl";
+    size: "sm" | "md" | "lg" | "xl";
     src: string;
 }>[];
 export { default as AppIcon } from './AppIcon.vue';

package/components/appIcon/index.vue.js

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

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

@@ -1,5 +1,5 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
@@ -29,6 +29,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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;
@@ -41,7 +47,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f032e0b"]]);
+export {
+  f as default
+};

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

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

package/components/appTrigger/index.d.ts

@@ -1,61 +1,155 @@
-declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+declare const AppTriggerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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, "testId" | "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<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            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, {
+            testId: 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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        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<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     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<{
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    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, {
     testId: 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,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     selected?: unknown[];
     placeholder: string;
@@ -42,6 +42,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
+}>, {
+    "input-option"?(_: {
+        option: unknown;
+    }): any;
+    default?(_: {
+        option: any;
+        active: boolean;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -54,7 +62,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-214ddaf4"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,119 @@
+import { defineComponent as x, ref as d, computed as f, watch as G, nextTick as w, openBlock as O, createBlock as g, unref as s, mergeProps as L, withModifiers as N, withCtx as p, createVNode as P, renderSlot as k, createTextVNode as b, toDisplayString as B } from "vue";
+import C from "../dropdown/v3/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                                *//* empty css                                       */import "floating-vue";
+/* 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 ue = /* @__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 },
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(l, { emit: I }) {
+    const r = l, m = d(null), a = d(null), n = f({
+      get() {
+        return r.selected;
+      },
+      set(e) {
+        I("update:selected", e);
+      }
+    });
+    function F(e) {
+      n.value.push(e), m.value.focusInput();
+    }
+    function R(e) {
+      n.value.splice(n.value.indexOf(e), 1);
+    }
+    async function v() {
+      await w(), setTimeout(() => {
+        a?.value?.scrollTo(0);
+      });
+    }
+    const y = d(""), i = (e) => e && !!e[T], D = f(() => r.grouped ? r.options.reduce((e, o) => {
+      const { options: t = [], ...u } = o, A = {
+        ...u,
+        [T]: !0
+      };
+      return [...e, A, ...t];
+    }, []) : r.options), h = f(() => {
+      const e = D.value.filter((o) => !n.value.includes(o)).filter((o) => i(o) ? !0 : r.handleSearch(o, y.value));
+      return r.grouped ? e.filter((o, t) => {
+        const u = e[t + 1];
+        return i(o) ? u && !i(u) : !0;
+      }) : e;
+    }), { isFocused: S, keyDownHandler: V } = $({
+      options: h,
+      canFocus: (e) => !i(e),
+      scrollTo: (e) => a?.value?.scrollTo(e),
+      selectItem: (e) => {
+        a?.value?.selectItem(e), v();
+      }
+    }), c = d(0);
+    return G(r.selected, async () => {
+      c.value += 1, await w(), c.value = 0;
+    }), (e, o) => (O(), g(s(C), L({
+      ref_key: "dropdownRef",
+      ref: a,
+      class: "autocomplete-dropdown"
+    }, e.$attrs, {
+      selected: s(n),
+      options: s(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": "",
+      "test-id": l.testId,
+      onOpened: v,
+      onKeydown: N(s(V), ["stop"]),
+      "onUpdate:selected": F
+    }), {
+      input: p(() => [
+        P(K, {
+          ref_key: "inputRef",
+          ref: m,
+          value: s(n),
+          placeholder: l.placeholder,
+          "display-value": l.displayValue,
+          "test-id": l.testId,
+          onRemove: R,
+          onSearch: o[0] || (o[0] = (t) => y.value = t)
+        }, {
+          option: p(({ option: t }) => [
+            k(e.$slots, "input-option", { option: t }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["value", "placeholder", "display-value", "test-id"])
+      ]),
+      default: p(({ option: t }) => [
+        l.grouped && i(t) ? (O(), g(E, { key: 0 }, {
+          default: p(() => [
+            b(B(l.displayValue(t)), 1)
+          ]),
+          _: 2
+        }, 1024)) : k(e.$slots, "default", {
+          key: 1,
+          option: t,
+          active: s(S)(t)
+        }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]));
+  }
+});
+export {
+  ue as default
+};