@ironsource/shared-ui 2.1.3-rc.19 → 2.1.3-rc.20

package/Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css

@@ -0,0 +1 @@
+.alert[data-v-72bcdcd0]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-72bcdcd0]{border-radius:var(--border-radius-lg)}.alert--success[data-v-72bcdcd0]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-72bcdcd0]{color:var(--success-main)}.alert--warning[data-v-72bcdcd0]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-72bcdcd0]{color:var(--warning-main)}.alert--danger[data-v-72bcdcd0]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-72bcdcd0]{color:var(--error-main)}.alert--info[data-v-72bcdcd0]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-72bcdcd0]{color:var(--info-main)}.alert--standard[data-v-72bcdcd0]{outline:none}.alert--outlined[data-v-72bcdcd0]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-72bcdcd0]{align-self:flex-start}.alert-content[data-v-72bcdcd0]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-72bcdcd0]{color:var(--text-primary);line-height:20px}.alert-description[data-v-72bcdcd0]{color:var(--text-secondary)}.close-button[data-v-72bcdcd0]{margin-left:var(--spacing-100)}

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css

@@ -0,0 +1 @@
+.button-trigger.open[data-v-23e22560]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-23e22560]:hover{background:var(--action-selected)}

package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css

@@ -0,0 +1 @@
+.button-filter-dropdown-trigger[data-v-7f750550]{border-radius:var(--border-radius-md);transition:all .2s ease;color:var(--text-primary);display:inline-flex;padding:5px 5.5px;align-items:center}.button-filter-dropdown-trigger[data-v-7f750550]:hover{cursor:pointer;background:var(--action-hover)}.button-filter-dropdown-trigger.outlined[data-v-7f750550]{border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.outlined[data-v-7f750550]:hover{border:1px solid var(--action-active)}.button-filter-dropdown-trigger.outlined.disabled[data-v-7f750550]{background:transparent;border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.open[data-v-7f750550]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-filter-dropdown-trigger.open[data-v-7f750550]:hover{background:var(--action-selected)}.button-filter-dropdown-trigger.disabled[data-v-7f750550]{cursor:default;color:var(--text-disabled)}.button-filter-dropdown-trigger.disabled[data-v-7f750550]:hover{background:transparent}.start-icon[data-v-7f750550]{margin-right:var(--spacing-50)}.end-icon[data-v-7f750550]{margin-left:var(--spacing-50)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-24014c62],.v-leave-active[data-v-24014c62]{transition:opacity .25s ease}ol[data-v-24014c62],ul[data-v-24014c62],menu[data-v-24014c62]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-24014c62],.dropdown.full-width .button__container[data-v-24014c62]{width:100%}.dropdown-list-wrapper[data-v-24014c62]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-24014c62]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-24014c62]{padding-bottom:.25rem}.inline-search .list-container[data-v-24014c62]{padding-top:0}.no-result-container[data-v-24014c62]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-24014c62]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-24014c62]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-24014c62]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-24014c62]:last-child .item-container{margin-bottom:0}.image-slot[data-v-24014c62]{margin-right:.5rem}.actions-wrapper[data-v-24014c62]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-24014c62]{margin-left:.5rem}

package/components/alert/Alert.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
-    color?: 'success' | 'warning' | 'danger' | 'info';
-    variant?: 'standard' | 'outlined';
+    color?: "danger" | "info" | "success" | "warning";
+    variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
     rounded?: boolean;
@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
-    color?: 'success' | 'warning' | 'danger' | 'info';
-    variant?: 'standard' | 'outlined';
+    color?: "danger" | "info" | "success" | "warning";
+    variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
     rounded?: boolean;
@@ -40,13 +40,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClose?: () => any;
 }, {
     title: string;
-    variant: 'standard' | 'outlined';
-    color: 'success' | 'warning' | 'danger' | 'info';
+    variant: "outlined" | "standard";
+    color: "danger" | "info" | "success" | "warning";
     testId: string;
     description: string;
     dismissible: boolean;
     actionText: string;
     rounded: boolean;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -66,3 +68,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/alert/Alert.vue.js

@@ -1,7 +1,7 @@
 import o from "./Alert.vue2.js";
 /* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-203b6bd1"]]);
+// import "../../Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-72bcdcd0"]]);
 export {
-  p as default
+  s as default
 };

package/components/alert/Alert.vue2.js

@@ -1,11 +1,11 @@
- import "../../Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css"; import { defineComponent as k, computed as x, openBlock as l, createElementBlock as B, mergeProps as a, unref as e, createVNode as I, normalizeClass as v, createElementVNode as N, createBlock as r, withCtx as u, createTextVNode as m, toDisplayString as f, createCommentVNode as i } from "vue";
+ import "../../Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css"; import { defineComponent as g, computed as v, openBlock as l, createElementBlock as B, mergeProps as r, unref as e, createVNode as I, normalizeClass as x, createElementVNode as N, createBlock as c, withCtx as u, createTextVNode as m, toDisplayString as f, createCommentVNode as a, renderSlot as A } from "vue";
 import T from "../typography/v4/Typography.vue.js";
-import A from "../icon/v4/IconV4.vue.js";
-import C from "../button/v4/ButtonV4.vue.js";
-import E from "../button/v4/IconButtonV4.vue.js";
-import { useTestIdAttrs as p } from "../../utils/testIds.js";
+import C from "../icon/v4/IconV4.vue.js";
+import E from "../button/v4/ButtonV4.vue.js";
+import S from "../button/v4/IconButtonV4.vue.js";
+import { useTestIdAttrs as b } from "../../utils/testIds.js";
 import { AlertTestIdModifiers as o } from "../../testids/index.js";
-const b = { class: "alert-content" }, $ = /* @__PURE__ */ k({
+const h = { class: "alert-content" }, L = /* @__PURE__ */ g({
   __name: "Alert",
   props: {
     title: { default: "" },
@@ -19,30 +19,30 @@ const b = { class: "alert-content" }, $ = /* @__PURE__ */ k({
   },
   emits: ["close"],
   setup(t, { emit: y }) {
-    const s = t, g = x(() => {
-      const c = {
+    const s = t, k = v(() => {
+      const i = {
         success: "check-circle",
         warning: "warning",
         danger: "warning-octagon",
         info: "info"
       };
-      return c[s.color] || c.success;
-    }), n = p(s.testId, o);
-    return (c, d) => (l(), B("div", a({
+      return i[s.color] || i.success;
+    }), n = b(s.testId, o);
+    return (i, d) => (l(), B("div", r({
       class: ["alert", {
         [`alert--${t.color}`]: !0,
         [`alert--${t.variant}`]: !0,
         "alert--rounded": t.rounded
       }]
     }, e(n)[e(o).WRAPPER]), [
-      I(e(A), {
-        name: e(g),
-        class: v(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
+      I(e(C), {
+        name: e(k),
+        class: x(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
         type: "fill",
         size: "20px"
       }, null, 8, ["name", "class"]),
-      N("div", b, [
-        t.title ? (l(), r(e(T), a({
+      N("div", h, [
+        t.title ? (l(), c(e(T), r({
           key: 0,
           class: "alert-title",
           variant: "h4"
@@ -51,36 +51,37 @@ const b = { class: "alert-content" }, $ = /* @__PURE__ */ k({
             m(f(t.title), 1)
           ]),
           _: 1
-        }, 16)) : i("", !0),
-        t.description ? (l(), r(e(T), a({
+        }, 16)) : a("", !0),
+        t.description ? (l(), c(e(T), r({
           key: 1,
           class: "alert-description",
           variant: "body1"
         }, e(n)[e(o).MESSAGE]), {
           default: u(() => [
-            m(f(t.description), 1)
+            m(f(t.description) + " ", 1),
+            t.description ? a("", !0) : A(i.$slots, "default", { key: 0 }, void 0, !0)
           ]),
-          _: 1
-        }, 16)) : i("", !0)
+          _: 3
+        }, 16)) : a("", !0)
       ]),
-      t.actionText ? (l(), r(e(C), a({
+      t.actionText ? (l(), c(e(E), r({
         key: 0,
         variant: "outlined",
         content: t.actionText,
         color: t.color,
         size: "small"
-      }, e(n)[e(o).ACTION_BUTTON]), null, 16, ["content", "color"])) : i("", !0),
-      t.dismissible ? (l(), r(e(E), a({
+      }, e(n)[e(o).ACTION_BUTTON]), null, 16, ["content", "color"])) : a("", !0),
+      t.dismissible ? (l(), c(e(S), r({
         key: 1,
         class: "close-button",
         "icon-name": "x",
         size: "small"
       }, e(n)[e(o).CLOSE_BUTTON], {
-        onClick: d[0] || (d[0] = (h) => y("close"))
-      }), null, 16)) : i("", !0)
+        onClick: d[0] || (d[0] = (p) => y("close"))
+      }), null, 16)) : a("", !0)
     ], 16));
   }
 });
 export {
-  $ as default
+  L as default
 };

package/components/alert/index.d.ts

@@ -1,40 +1,172 @@
 import Alert from './Alert.vue';
-declare const AlertTypes: () => import("vue").DefineComponent<{
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"outlined" | "standard">;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    description: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    dismissible: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    actionText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    rounded: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+declare const AlertTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            variant: "outlined" | "standard";
+            color: "danger" | "info" | "success" | "warning";
+            testId: string;
+            description: string;
+            dismissible: boolean;
+            actionText: string;
+            rounded: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"outlined" | "standard">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            dismissible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClose?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "rounded">;
+        $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: "close") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"outlined" | "standard">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            dismissible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClose?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            close: () => void;
+        }, string, {
+            title: string;
+            variant: "outlined" | "standard";
+            color: "danger" | "info" | "success" | "warning";
+            testId: string;
+            description: string;
+            dismissible: boolean;
+            actionText: string;
+            rounded: 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"outlined" | "standard">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        dismissible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        actionText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rounded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -69,7 +201,9 @@ declare const AlertTypes: () => import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: () => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+}, string, {
     title: string;
     variant: "outlined" | "standard";
     color: "danger" | "info" | "success" | "warning";
@@ -78,5 +212,9 @@ declare const AlertTypes: () => import("vue").DefineComponent<{
     dismissible: boolean;
     actionText: string;
     rounded: boolean;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
 export { Alert, AlertTypes };

package/components/autocomplete/Autocomplete.vue2.js

@@ -4,10 +4,12 @@ import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
 import F from "../input/v4/TextField.vue.js";
 import { useVModel as I } from "@vueuse/core";
-const $ = /* @__PURE__ */ h({
+const R = /* @__PURE__ */ h({
   __name: "Autocomplete",
   props: {
     modelValue: { default: "" },
@@ -28,10 +30,10 @@ const $ = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: p }) {
-    const a = e, i = I(a, "modelValue", p), m = (t) => {
-      t !== void 0 && (i.value = a.displayValue(t));
+    const a = e, d = I(a, "modelValue", p), m = (t) => {
+      t !== void 0 && (d.value = a.displayValue(t));
     }, c = (t, l) => a.displayValue(t).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), n = b(() => {
-      const t = i.value.toString();
+      const t = d.value.toString();
       return (a.options || []).filter((l) => a.displayValue(l) !== t).filter(
         (l) => a.onSearch !== null ? a.onSearch(l, t) : c(l, t)
       );
@@ -44,7 +46,7 @@ const $ = /* @__PURE__ */ h({
     };
     return (t, l) => (V(), x(s(C), {
       "is-open": o.value,
-      "onUpdate:is-open": l[3] || (l[3] = (d) => o.value = d),
+      "onUpdate:is-open": l[3] || (l[3] = (i) => o.value = i),
       class: "autocomplete-dropdown",
       "display-value": e.displayValue,
       options: s(n),
@@ -58,8 +60,8 @@ const $ = /* @__PURE__ */ h({
     }, {
       "dropdown-trigger": f(() => [
         w(s(F), {
-          modelValue: s(i),
-          "onUpdate:modelValue": l[0] || (l[0] = (d) => g(i) ? i.value = d : null),
+          modelValue: s(d),
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => g(d) ? d.value = i : null),
           class: "autocomplete-field",
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -70,18 +72,18 @@ const $ = /* @__PURE__ */ h({
           "hover-help-text": e.hoverHelpText,
           "hover-help-text-placemen": e.hoverHelpTextPlacement,
           "test-id": e.testId,
-          onFocusin: l[1] || (l[1] = (d) => u.value = !0),
-          onFocusout: l[2] || (l[2] = (d) => u.value = !1),
+          onFocusin: l[1] || (l[1] = (i) => u.value = !0),
+          onFocusout: l[2] || (l[2] = (i) => u.value = !1),
           onClick: v
         }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id"])
       ]),
-      default: f((d) => [
-        S(t.$slots, "default", k(z(d)), void 0, !0)
+      default: f((i) => [
+        S(t.$slots, "default", k(z(i)), void 0, !0)
       ]),
       _: 3
     }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]));
   }
 });
 export {
-  $ as default
+  R as default
 };

package/components/dropdown/common/Dropdown.common.d.ts

@@ -28,6 +28,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     virtualOptions: Ref<UseVirtualListItem<unknown>[]>;
     isSelected: (arr: any, element: any) => boolean;
     selectedOption: import("vue").WritableComputedRef<unknown>;
+    selectedValue: import("vue").ComputedRef<any>;
     onSelect: (option: any, index?: number) => void;
     activeIndex: Ref<number>;
     onCancel: () => void;