@ironsource/shared-ui 2.1.12-test.84 → 2.1.12-test.86

package/components/dropdown/v4/DropdownV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ke, computed as x, watch as Te, toRaw as S, openBlock as d, createElementBlock as r, mergeProps as m, unref as t, renderSlot as y, createElementVNode as f, createVNode as a, withCtx as u, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as T, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_934163c0_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ke, computed as x, watch as Te, toRaw as S, openBlock as d, createElementBlock as r, mergeProps as m, unref as t, renderSlot as y, createElementVNode as f, createVNode as a, withCtx as u, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as T, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
 import N from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
@@ -99,6 +99,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
     groupedOptions: { type: Boolean, default: !1 },
     comparingKey: { default: null },
     customNumberOfDisplayedOptions: { default: null },
+    optionTooltipPosition: { default: "right" },
     theme: { default: "light-theme-v4" },
     fullWidth: { type: Boolean, default: !0 },
     optionsListWidth: { default: null },
@@ -129,12 +130,12 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
       allSelected: $,
       allSelectedApplied: A,
       isIndeterminate: ne,
-      onSelectAll: le,
+      onSelectAll: ie,
       virtualOptions: M,
       isSelected: O,
       selectedOption: h,
       selectedOptionPrevious: L,
-      selectedValue: ie,
+      selectedValue: le,
       onSelect: R,
       activeIndex: z,
       onCancel: ae,
@@ -162,48 +163,48 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
     const Y = () => {
       v();
     }, X = x(() => {
-      const l = {
+      const i = {
         tooltipMessage: null,
         selections: []
       };
       if (o.multi && o.comparingKey) {
-        const i = S(h.value);
+        const l = S(h.value);
         if (o.minSelections || o.maxSelections) {
-          if (Array.isArray(i) && i.length <= o.minSelections)
-            return l.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, l.selections = i.map(
+          if (Array.isArray(l) && l.length <= o.minSelections)
+            return i.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, i.selections = l.map(
               (n) => n[o.comparingKey]
-            ), l;
-          if (o.maxSelections && Array.isArray(i) && i.length >= o.maxSelections) {
-            const n = i.map(
+            ), i;
+          if (o.maxSelections && Array.isArray(l) && l.length >= o.maxSelections) {
+            const n = l.map(
               (b) => b[o.comparingKey]
             ), k = o.groupedOptions ? pe(o.options) : o.options;
-            return l.tooltipMessage = `You can only select up to ${o.maxSelections} items`, l.selections = k.map((b) => {
+            return i.tooltipMessage = `You can only select up to ${o.maxSelections} items`, i.selections = k.map((b) => {
               if (!n.includes(b[o.comparingKey]))
                 return b[o.comparingKey];
-            }), l;
+            }), i;
           }
         }
       }
-      return l.tooltipMessage = null, l.selections = [], l;
-    }), he = (l) => {
+      return i.tooltipMessage = null, i.selections = [], i;
+    }), he = (i) => {
       if ((o.minSelections || o.maxSelections) && o.comparingKey)
         return X.value.selections.includes(
-          l[o.comparingKey]
+          i[o.comparingKey]
         );
-    }, E = (l) => l[o.disabledOptionKey] || he(l);
+    }, E = (i) => i[o.disabledOptionKey] || he(i);
     return Z({
       selectItem: R,
       scrollTo: se
-    }), (l, i) => (d(), r("div", m({
+    }), (i, l) => (d(), r("div", m({
       ref_key: "el",
       ref: ye,
       class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
       tabindex: e.disabled ? -1 : 0
     }, t(g)[t(p).WRAPPER], {
-      onKeydown: i[8] || (i[8] = //@ts-ignore
+      onKeydown: l[8] || (l[8] = //@ts-ignore
       (...n) => t(I) && t(I)(...n))
     }), [
-      y(l.$slots, "label", {}, void 0, !0),
+      y(i.$slots, "label", {}, void 0, !0),
       f("div", Me, [
         a(t(Be), m({
           theme: e.theme,
@@ -239,11 +240,11 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                   t(c) ? (d(), r("div", {
                     key: 0,
                     class: B(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
-                    onKeydown: i[7] || (i[7] = //@ts-ignore
+                    onKeydown: l[7] || (l[7] = //@ts-ignore
                     (...n) => t(I) && t(I)(...n))
                   }, [
                     t(c) && e.inlineSearch ? (d(), r("div", Ge, [
-                      e.withConditions ? y(l.$slots, "dropdown-conditions", { key: 0 }, () => [
+                      e.withConditions ? y(i.$slots, "dropdown-conditions", { key: 0 }, () => [
                         f("div", He, [
                           a(t(Q), { variant: "body2" }, {
                             default: u(() => [
@@ -253,11 +254,11 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                           })
                         ])
                       ], !0) : s("", !0),
-                      y(l.$slots, "inline-search", {}, () => [
+                      y(i.$slots, "inline-search", {}, () => [
                         a(t(xe), {
                           modelValue: t(C),
                           "onUpdate:modelValue": [
-                            i[4] || (i[4] = (n) => Ie(C) ? C.value = n : null),
+                            l[4] || (l[4] = (n) => Ie(C) ? C.value = n : null),
                             e.onClearSearch
                           ],
                           placeholder: e.inlineSearchPlaceholder,
@@ -269,7 +270,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                         }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
                       ], !0)
                     ])) : s("", !0),
-                    y(l.$slots, "input-list", { open: t(c) }, void 0, !0),
+                    y(i.$slots, "input-list", { open: t(c) }, void 0, !0),
                     f("div", m({
                       class: ["list-container", { "list-container--multi": e.multi }],
                       style: { height: `${t(ee)}rem` }
@@ -277,7 +278,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                       ...t(_),
                       ...t(g)[t(p).LIST_CONTAINER]
                     }), [
-                      y(l.$slots, "custom-list-area", {}, void 0, !0),
+                      y(i.$slots, "custom-list-area", {}, void 0, !0),
                       f("ul", m(t(te), {
                         role: "listbox",
                         class: ["list", {
@@ -293,7 +294,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                             _: 1
                           }, 16)
                         ])) : s("", !0),
-                        e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? y(l.$slots, "select-all", { key: 1 }, () => [
+                        e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? y(i.$slots, "select-all", { key: 1 }, () => [
                           f("li", null, [
                             a(t(J), m(
                               {
@@ -306,7 +307,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                               },
                               t(g)[t(p).SELECT_ALL],
                               {
-                                onClick: i[5] || (i[5] = j((n) => t(le)(), ["stop"]))
+                                onClick: l[5] || (l[5] = j((n) => t(ie)(), ["stop"]))
                               }
                             ), {
                               default: u(() => [
@@ -325,14 +326,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                             ["stop"]
                           )
                         }, [
-                          e.groupedOptions && t(fe)(n) ? y(l.$slots, "group-option", { key: 0 }, () => [
+                          e.groupedOptions && t(fe)(n) ? y(i.$slots, "group-option", { key: 0 }, () => [
                             a(Pe, null, {
                               default: u(() => [
                                 T(q(e.displayValue(n) || n[e.optionNameKey]), 1)
                               ]),
                               _: 2
                             }, 1024)
-                          ], !0) : y(l.$slots, "default", {
+                          ], !0) : y(i.$slots, "default", {
                             key: 1,
                             option: n,
                             index: k,
@@ -356,17 +357,18 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                               "warning-key": e.optionWarningKey,
                               "option-two-lines-variant": e.optionTwoLinesVariant,
                               "option-two-lines-key": e.optionTwoLinesKey,
+                              "tooltip-placement": e.optionTooltipPosition,
                               "is-multi": e.multi,
                               "min-max-selection-tooltip-message": t(X)?.tooltipMessage
                             }, Ce({ _: 2 }, [
-                              l.$slots["option-end"] ? {
+                              i.$slots["option-end"] ? {
                                 name: "option-end",
                                 fn: u(({ option: b }) => [
-                                  y(l.$slots, "option-end", { option: b }, void 0, !0)
+                                  y(i.$slots, "option-end", { option: b }, void 0, !0)
                                 ]),
                                 key: "0"
                               } : void 0
-                            ]), 1032, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "option-flag-key", "warning-key", "option-two-lines-variant", "option-two-lines-key", "is-multi", "min-max-selection-tooltip-message"])
+                            ]), 1032, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "option-flag-key", "warning-key", "option-two-lines-variant", "option-two-lines-key", "tooltip-placement", "is-multi", "min-max-selection-tooltip-message"])
                           ], !0)
                         ], 8, Ye))), 128)) : s("", !0),
                         e.loading || e.loadMoreLoading ? (d(), r("li", Xe, [
@@ -390,7 +392,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                           },
                           t(g)[t(p).ACTION_CLEAR_ALL],
                           {
-                            onClick: i[6] || (i[6] = () => t(G)(!1))
+                            onClick: l[6] || (l[6] = () => t(G)(!1))
                           }
                         ), {
                           default: u(() => [
@@ -448,11 +450,11 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                 ref_key: "buttonRef",
                 ref: W
               }, [
-                y(l.$slots, "dropdown-trigger", {
+                y(i.$slots, "dropdown-trigger", {
                   buttonTriggerProps: {
                     open: t(c),
                     disabled: e.disabled,
-                    label: t(ie) || e.placeholder,
+                    label: t(le) || e.placeholder,
                     onClick: () => t(v)()
                   },
                   defaultTriggerProps: {
@@ -514,12 +516,12 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                       "all-selected": t(A),
                       onKeydown: t(P),
                       onClick: Y,
-                      onCopyToClipboard: i[0] || (i[0] = (n) => V("copyToClipboard"))
+                      onCopyToClipboard: l[0] || (l[0] = (n) => V("copyToClipboard"))
                     }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "option-end-icon-key", "option-end-icon-type", "options-end-text-icon-key", "option-flag-key", "feedback-variant", "value-to-copy", "status-dot-type", "size", "show-all-selected-text", "all-selected", "onKeydown"]))
                   ])) : s("", !0),
                   e.predefinedTrigger === t(w).ICON_BUTTON ? (d(), r("div", ze, [
                     a(t(Oe), {
-                      onClick: i[1] || (i[1] = (n) => t(v)())
+                      onClick: l[1] || (l[1] = (n) => t(v)())
                     })
                   ])) : s("", !0),
                   e.predefinedTrigger === t(w).CHIP ? (d(), r("div", We, [
@@ -533,8 +535,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                       multi: e.multi,
                       "all-selected": t(A),
                       "shown-values-count": e.triggerShownValuesCount,
-                      onClick: i[2] || (i[2] = (n) => t(v)()),
-                      onClear: i[3] || (i[3] = (n) => t(G)())
+                      onClick: l[2] || (l[2] = (n) => t(v)()),
+                      onClear: l[3] || (l[3] = (n) => t(G)())
                     }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected", "shown-values-count"])
                   ])) : s("", !0)
                 ], !0)

package/components/dropdown/v4/OptionV4.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconKey?: string;
     endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endTextIconKey?: string;
-    toolTipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption?: boolean;
     treeMainOptionExpanded?: boolean;
     stopOptionClickEventPropagation?: boolean;
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconKey: any;
     endIconType: string;
     endTextIconKey: any;
-    toolTipPlacement: string;
+    tooltipPlacement: string;
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
@@ -67,7 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconKey?: string;
     endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endTextIconKey?: string;
-    toolTipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption?: boolean;
     treeMainOptionExpanded?: boolean;
     stopOptionClickEventPropagation?: boolean;
@@ -92,7 +92,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconKey: any;
     endIconType: string;
     endTextIconKey: any;
-    toolTipPlacement: string;
+    tooltipPlacement: string;
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
@@ -106,6 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onToggleTreeCollapse?: (option: unknown) => any;
 }, {
     option: any;
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -122,7 +123,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
     endTextIconKey: string;
-    toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;

package/components/dropdown/v4/OptionV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_8e88292f_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e88292f"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0287cebf"]]);
 export {
   s as default
 };

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_8e88292f_lang.css"; import { defineComponent as A, ref as w, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as d, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as s, toDisplayString as m, createTextVNode as T, withModifiers as C, Fragment as j, renderList as R } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css"; import { defineComponent as A, ref as w, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as d, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as s, toDisplayString as m, createTextVNode as T, withModifiers as C, Fragment as j, renderList as R } from "vue";
 import "../../typography/Heading.vue.js";
 import D from "../../typography/Text.vue.js";
 import q from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -55,7 +55,7 @@ const U = { class: "multiline-tooltip" }, W = {
     endIconKey: { default: null },
     endIconType: { default: "regular" },
     endTextIconKey: { default: null },
-    toolTipPlacement: { default: "right" },
+    tooltipPlacement: { default: "right" },
     treeMainOption: { type: Boolean, default: !1 },
     treeMainOptionExpanded: { type: Boolean, default: !1 },
     stopOptionClickEventPropagation: { type: Boolean, default: !1 },
@@ -85,7 +85,7 @@ const U = { class: "multiline-tooltip" }, W = {
     return (t, c) => (i(), g(n(O), {
       text: n(K),
       "test-id": P(e.option),
-      placement: e.toolTipPlacement,
+      placement: e.tooltipPlacement,
       class: "tooltip-option"
     }, N({
       default: d(() => [

package/components/dropdown/v4/index.d.ts

@@ -1078,6 +1078,7 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             option: any;
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1094,7 +1095,6 @@ declare const DropdownTypes: () => (({
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
@@ -1106,6 +1106,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1170,10 +1174,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1203,7 +1203,7 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1222,6 +1222,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1286,10 +1290,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1323,6 +1323,7 @@ declare const DropdownTypes: () => (({
             toggleTreeCollapse: (option: unknown) => void;
         }, string, {
             option: any;
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1339,7 +1340,6 @@ declare const DropdownTypes: () => (({
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
@@ -1371,6 +1371,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1435,10 +1439,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        toolTipPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         treeMainOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1477,6 +1477,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1541,10 +1545,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    toolTipPlacement: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-        default: string;
-    };
     treeMainOption: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1578,6 +1578,7 @@ declare const DropdownTypes: () => (({
     toggleTreeCollapse: (option: unknown) => void;
 }, string, {
     option: any;
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1594,7 +1595,6 @@ declare const DropdownTypes: () => (({
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
     endTextIconKey: string;
-    toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
@@ -1838,6 +1838,7 @@ declare const DropdownTypes: () => (({
             groupedOptions: boolean;
             comparingKey: string;
             customNumberOfDisplayedOptions: number;
+            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2086,6 +2087,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2123,7 +2128,7 @@ declare const DropdownTypes: () => (({
             onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2379,6 +2384,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2489,6 +2498,7 @@ declare const DropdownTypes: () => (({
             groupedOptions: boolean;
             comparingKey: string;
             customNumberOfDisplayedOptions: number;
+            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2757,6 +2767,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<number>;
             default: any;
         };
+        optionTooltipPosition: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3043,6 +3057,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: any;
     };
+    optionTooltipPosition: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -3153,6 +3171,7 @@ declare const DropdownTypes: () => (({
     groupedOptions: boolean;
     comparingKey: string;
     customNumberOfDisplayedOptions: number;
+    optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";