@ironsource/shared-ui 2.1.11-rc.17 → 2.1.11-rc.19

package/DropdownV4.vue_vue_type_style_index_0_scoped_5c7bcf85_lang.css

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

package/PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css

@@ -0,0 +1 @@
+div[data-v-052bc376]{display:block}

package/components/dropdown/common/Dropdown.common.js

@@ -1,45 +1,45 @@
 import { useToggle as Ve } from "../../../composables/useToggle.js";
-import { inject as ke, ref as i, computed as o, watch as b, useSlots as _e, toRaw as P, nextTick as C, provide as Ge, onMounted as He } from "vue";
-import { isObjectInArray as le } from "../../../utils/array.js";
+import { inject as ke, ref as i, computed as c, watch as b, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
+import { isObjectInArray as ae } from "../../../utils/array.js";
 import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as Le, useVirtualList as Ue, onClickOutside as te } from "@vueuse/core";
-import { Mode as T, Type as _, DropdownContext as qe } from "./DropdownContext.js";
+import { useClamp as Le, useVirtualList as Ue, onClickOutside as ne } from "@vueuse/core";
+import { Mode as T, Type as G, DropdownContext as qe } from "./DropdownContext.js";
 import { pxToRem as $e } from "../../../utils/style.js";
 import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
 import { useGroupedOptions as Xe } from "./useGroupedOptions.js";
 const ll = (l, A, O) => {
-  const ae = ke("isTreeDropdown", !1), {
-    sortOutGroups: G,
-    flattenAndMarkGroupOptions: ne,
-    isGroup: H,
-    selectAllWithGroups: ue,
-    isIndeterminateGrouped: ie,
-    allSelectedGrouped: re,
+  const H = ke("isTreeDropdown", !1), {
+    sortOutGroups: B,
+    flattenAndMarkGroupOptions: ue,
+    isGroup: L,
+    selectAllWithGroups: ie,
+    isIndeterminateGrouped: re,
+    allSelectedGrouped: U,
     areAllPreviousSelected: oe
   } = Xe(l), ce = (e, t) => l.multi && Array.isArray(e) ? l.comparingKey ? e?.findIndex(
     (u) => u[l.comparingKey] === t[l.comparingKey]
-  ) > -1 : le(e, t) : l.comparingKey ? e?.[l.comparingKey] === t[l.comparingKey] : P(e) === t;
-  let B;
+  ) > -1 : ae(e, t) : l.comparingKey ? e?.[l.comparingKey] === t[l.comparingKey] : e === t;
+  let q;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
-  })(B || (B = {}));
+  })(q || (q = {}));
   const a = i(
     l.selected
-  ), N = je(), n = o({
+  ), R = je(), n = c({
     get() {
-      return N?.value?.value ?? a.value;
+      return R?.value?.value ?? a.value;
     },
     set(e) {
-      N.onChange?.(e), N.onClose?.(), A("update:selected", e);
+      R.onChange?.(e), R.onClose?.(), A("update:selected", e);
     }
   });
   b(
     () => l.selected,
     () => {
-      a.value = l.selected, d.value = l.selected;
+      a.value = l.selected, v.value = l.selected;
     }
   );
-  const se = _e(), w = i(null), m = i(null), L = i(null), R = i(null), U = i(null), I = i(null), de = i(), q = i(null), $ = i(null), j = i(null), ve = 8, fe = o(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), X = i(!1), f = i([]), x = i(-1), g = i(""), d = i(l.selected || []), z = () => I.value?.focus(), [y, ge, ye] = Ve({
+  const se = _e(), w = i(null), m = i(null), $ = i(null), E = i(null), j = i(null), I = i(null), ve = i(), X = i(null), z = i(null), W = i(null), de = 8, fe = c(() => I.value ? I.value.getBoundingClientRect().height + de + l.distance : 0), D = i(!1), f = i([]), x = i(-1), g = i(""), v = i(l.selected || []), J = () => I.value?.focus(), [y, ge, ye] = Ve({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
@@ -49,181 +49,181 @@ const ll = (l, A, O) => {
       e !== void 0 && ye(e);
     }
   );
-  const W = (e) => {
+  const Q = (e) => {
     he.value = ge(e);
-  }, he = o({
+  }, he = c({
     get() {
       return l.isOpen;
     },
     set(e) {
       A("update:isOpen", e);
     }
-  }), Oe = o(() => c.value.length - 1), v = Le(0, 0, Oe), J = o(() => n.value ? l.displayValue(n.value) : ""), me = (e) => {
+  }), Oe = c(() => r.value.length - 1), d = Le(0, 0, Oe), Y = c(() => n.value ? l.displayValue(n.value) : ""), me = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, Se = o(() => {
+  }, Se = c(() => {
     if (!l.multi)
       return n.value ? l.displayValue(n.value) : l.placeholder;
     if (Array.isArray(a.value))
       return me(a);
-  }), E = o(() => {
+  }), M = c(() => {
     if (Array.isArray(a.value))
-      return l.groupedOptions ? re(c, a) : a.value.length === c.value.length;
-  }), Ae = o(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ie(
-    c,
+      return l.groupedOptions ? U(r, a) : a.value.length === r.value.length;
+  }), Ae = c(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? re(
+    r,
     a
-  ) : a.value.length > 0 && a.value.length < c.value.length), M = (e) => {
+  ) : a.value.length > 0 && a.value.length < r.value.length), V = (e) => {
     g.value = e;
-  }, D = o(() => l.groupedOptions ? ne(l.options) : l.options), be = o(() => {
+  }, K = c(() => l.groupedOptions ? ue(l.options) : l.options), be = c(() => {
     if (oe(
-      D,
-      d
+      K,
+      v
     ))
-      return D.value;
+      return K.value;
     const e = {
       selected: [],
       notSelected: []
     };
-    P(D).value.forEach((u) => {
-      const r = (l.comparingKey ? d.value.findIndex(
-        (k) => k[l.comparingKey] === u[l.comparingKey]
-      ) > -1 : d.value.includes(u)) ? "selected" : "notSelected";
-      e[r].push(u);
+    P(K).value.forEach((u) => {
+      const o = (l.comparingKey ? v.value.findIndex(
+        (_) => _[l.comparingKey] === u[l.comparingKey]
+      ) > -1 : v.value.includes(u)) ? "selected" : "notSelected";
+      e[o].push(u);
     });
-    const t = l.groupedOptions ? G(e.notSelected) : e.notSelected;
+    const t = l.groupedOptions ? B(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
-  }), c = o(() => {
-    const e = Array.isArray(d.value) && l.multi && O.VERSION === 4 && !ae ? be.value : D.value;
+  }), r = c(() => {
+    const e = Array.isArray(v.value) && l.multi && O.VERSION === 4 && !H ? be.value : K.value;
     if (l.onSearch) {
-      const t = e.filter((u) => l.groupedOptions && H(u) ? u : l.onSearch(u, g.value));
-      return l.groupedOptions ? G(t) : t;
+      const t = e.filter((u) => l.groupedOptions && L(u) ? u : l.onSearch(u, g.value));
+      return l.groupedOptions ? B(t) : t;
     } else
       return e;
-  }), Pe = o(() => f.value[0]?.hasSubtitle), Q = o(() => s.mode === T.Multi), Y = o(
+  }), Pe = c(() => f.value[0]?.hasSubtitle), Z = c(() => s.mode === T.Multi), F = c(
     () => Pe.value ? O.MULTILINE_LIST_HEIGHT : O.LIST_HEIGHT
   ), {
-    list: Z,
-    containerProps: F,
+    list: p,
+    containerProps: ee,
     wrapperProps: Te,
-    scrollTo: K
-  } = Ue(c, {
-    itemHeight: Y.value,
+    scrollTo: C
+  } = Ue(r, {
+    itemHeight: F.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
   b(
     () => l.isOpen,
     (e) => {
-      W(e);
+      Q(e);
     }
   ), b([x], async () => {
-    await C();
+    await N();
   }), b(
-    [y, v, x],
+    [y, d, x],
     async ([e], [t]) => {
-      y.value && (await C(), x.value !== -1 && e !== t && setTimeout(() => {
-        l.multi && O.VERSION === 4 || K(x.value);
-      }), v.value && setTimeout(() => {
-        K(v.value);
+      y.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
+        l.multi && O.VERSION === 4 || C(x.value);
+      }), d.value && setTimeout(() => {
+        C(d.value);
       }));
     }
   ), b(g, () => {
-    A("onsearch", g.value), K(0);
+    A("onsearch", g.value), C(0);
   });
   const S = (e, t = !1) => {
-    l.disabled || (W(e), C(() => {
+    l.disabled || (Q(e), N(() => {
       y.value && A("opened"), y.value || A("closed"), w.value && t && w.value.focus();
     }));
   };
   b(y, (e) => {
     if (e) {
-      g.value = "", Q.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
+      g.value = "", Z.value && Array.isArray(n.value) && (v.value = P(n.value).slice());
       return;
     }
-    z();
+    J();
   });
   const we = () => {
-    if (E.value) {
+    if (M.value) {
       a.value = [];
       return;
     }
     if (Array.isArray(a.value)) {
       if (l.groupedOptions)
-        ue(c, a);
+        ie(r, a);
       else {
-        if (a.value.length === c.value.length) {
+        if (a.value.length === r.value.length) {
           a.value = [];
           return;
         }
-        a.value = c.value;
+        a.value = r.value;
       }
       A("selectAll");
     }
   }, Ie = () => {
     we(), O.VERSION !== 4 && (n.value = a.value);
   }, xe = (e = !0) => {
-    a.value = [], e && (n.value = [], d.value = []), A("clear");
-  }, V = (e, t) => {
+    a.value = [], e && (n.value = [], v.value = []), A("clear");
+  }, k = (e, t) => {
     if (e = P(e), O.VERSION === 4 ? e[l.disabledOptionKey] : f.value[t]?.disabled)
       return;
     if (x.value = t, !l.multi) {
       l.keepOpen || S(!1), s.goToOption(
         0
         /* None */
-      ), n.value = e, M(""), z(), s.type === _.Search && m.value && (m.value.value = l.displayValue(e)), p();
+      ), n.value = e, V(""), J(), s.type === G.Search && m.value && (m.value.value = l.displayValue(e)), le();
       return;
     }
     if (!Array.isArray(a.value))
       return;
     m.value?.focus();
     const h = P(a.value);
-    if (le(h, e) || l.comparingKey && h.findIndex(
-      (r) => r[l.comparingKey] === e[l.comparingKey]
+    if (ae(h, e) || l.comparingKey && h.findIndex(
+      (o) => o[l.comparingKey] === e[l.comparingKey]
     ) > -1) {
-      a.value = h.filter((r) => l.comparingKey ? r[l.comparingKey] !== e[l.comparingKey] : !Be(r, e));
+      a.value = h.filter((o) => l.comparingKey ? o[l.comparingKey] !== e[l.comparingKey] : !Be(o, e));
       return;
     } else {
       a.value = [...h, e];
       return;
     }
   }, De = (e) => f.value[e]?.disabled, s = {
-    activeIndex: v,
+    activeIndex: d,
     options: f,
     selectedOption: n,
-    labelRef: U,
-    activeOption: R,
+    labelRef: j,
+    activeOption: E,
     listRef: w,
     clearable: l.clearable,
-    type: se.input ? _.Search : _.Dropdown,
+    type: se.input ? G.Search : G.Dropdown,
     mode: l.multi ? T.Multi : T.Single,
     query: g,
-    selectedValue: J,
+    selectedValue: Y,
     toggle: S,
     disabled: l.disabled,
     open: y,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
-    select: V,
+    select: k,
     clearSelection: () => {
-      M(""), n.value = s.mode === T.Single ? null : [], d.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
+      V(""), n.value = s.mode === T.Single ? null : [], v.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
     },
-    search: M,
+    search: V,
     goToOption: async (e) => {
       if (!y.value)
         return;
-      let t = v.value + e;
+      let t = d.value + e;
       const u = f.value.filter(
-        (r) => r.disabled
-      ).length, h = c.value.length - u;
+        (o) => o.disabled
+      ).length, h = r.value.length - u;
       for (t > h && (t = h + 1); ; ) {
         if (!f.value[t]?.disabled) {
-          R.value = c.value[t], v.value = t;
+          E.value = r.value[t], d.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(v.value)) {
-          R.value = c.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(d.value)) {
+          E.value = r.value[t], d.value = t;
           return;
         }
       }
@@ -238,19 +238,19 @@ const ll = (l, A, O) => {
       f.value = f.value.filter((t) => t.id !== e);
     }
   };
-  Ge(qe, s), te(
+  Ge(qe, s), ne(
     w,
     () => {
-      y.value && ee();
+      y.value && te();
     },
     {
       ignore: [
         I,
-        q,
-        $,
-        j,
+        X,
+        z,
+        W,
         m,
-        F.ref
+        ee.ref
       ]
     }
   );
@@ -258,14 +258,17 @@ const ll = (l, A, O) => {
     m.value && (m.value.value = s.query.value = "");
   };
   He(async () => {
-    l.autoFocus && (await C(), setTimeout(() => {
-      L.value.focus();
-    })), s.goToOption(0);
+    l.autoFocus && (await N(), setTimeout(() => {
+      $.value.focus();
+    })), s.goToOption(0), l.multi && !H && (l.groupOption ? D.value = U(
+      r,
+      a
+    ) : D.value = l.options.length === l.selected.length);
   });
-  const p = () => {
-    l.multi && (X.value = E.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), A("apply", n.value), S(!1), Ke();
-  }, ee = () => {
-    Q.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), g.value = "", S(!1);
+  const le = () => {
+    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (v.value = P(n.value).slice())), A("apply", n.value), S(!1), Ke();
+  }, te = () => {
+    Z.value && Array.isArray(v.value) && (n.value = P(v.value).slice()), g.value = "", S(!1);
   }, Ce = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -315,20 +318,20 @@ const ll = (l, A, O) => {
             S(!0);
             return;
           }
-          V(c.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
+          k(r.value[d.value], d.value), s.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
           break;
         }
       }
-  }, Re = o(() => {
+  }, Re = c(() => {
     if (l.loading)
       return 8.5;
-    const e = l.customNumberOfDisplayedOptions || Z.value.reduce((k, Ee) => {
+    const e = l.customNumberOfDisplayedOptions || p.value.reduce((_, Ee) => {
       const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ee.data) : 1;
-      return k + Me;
+      return _ + Me;
     }, 0), t = l.multi && l.showSelectAll && !g.value ? 1 : 0, u = e > O.MAX_NUMBER_OF_OPTIONS, h = e + t;
-    let r = u ? O.MAX_NUMBER_OF_OPTIONS + 0.1 : h;
-    return l.noResultsText && r === 0 && (r = r + 1), l.withConditions && g.value && (r = r + 1), $e(
-      r * Y.value + O.PADDING_PX
+    let o = u ? O.MAX_NUMBER_OF_OPTIONS + 0.1 : h;
+    return l.noResultsText && o === 0 && (o = o + 1), l.withConditions && g.value && (o = o + 1), $e(
+      o * F.value + O.PADDING_PX
     );
   });
   return {
@@ -338,36 +341,36 @@ const ll = (l, A, O) => {
     toggleMenu: S,
     onButtonKeydown: Ce,
     displayedValue: Se,
-    labelRef: U,
+    labelRef: j,
     query: g,
-    containerProps: F,
+    containerProps: ee,
     calculateTableHeight: Re,
     wrapperProps: Te,
-    filteredOptions: c,
-    allSelected: E,
-    allSelectedApplied: X,
+    filteredOptions: r,
+    allSelected: M,
+    allSelectedApplied: D,
     isIndeterminate: Ae,
     onSelectAll: Ie,
-    virtualOptions: Z,
+    virtualOptions: p,
     isSelected: ce,
     selectedOption: n,
-    selectedOptionPrevious: d,
-    selectedValue: J,
-    onSelect: V,
-    activeIndex: v,
-    onCancel: ee,
-    onApply: p,
-    scrollTo: K,
-    onClickOutside: te,
+    selectedOptionPrevious: v,
+    selectedValue: Y,
+    onSelect: k,
+    activeIndex: d,
+    onCancel: te,
+    onApply: le,
+    scrollTo: C,
+    onClickOutside: ne,
     listRef: w,
     buttonRef: I,
-    apply: q,
-    cancel: $,
-    el: L,
-    triggerRef: de,
-    clearAll: j,
+    apply: X,
+    cancel: z,
+    el: $,
+    triggerRef: ve,
+    clearAll: W,
     onClearAllSelections: xe,
-    isGroup: H
+    isGroup: L
   };
 };
 export {

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_5c7bcf85_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f88a132e"]]);
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-5c7bcf85"]]);
 export {
-  r as default
+  c as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as W, withModifiers as M, Fragment as Te, renderList as ke, toRaw as I, createBlock as X, resolveDynamicComponent as be } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_5c7bcf85_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as W, withModifiers as M, Fragment as Te, renderList as ke, toRaw as C, createBlock as X, resolveDynamicComponent as be } from "vue";
 import L from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
@@ -111,9 +111,9 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
     }, {
       onKeydown: h,
       open: s,
-      toggleMenu: v,
+      toggleMenu: I,
       onButtonKeydown: N,
-      query: C,
+      query: v,
       containerProps: J,
       calculateTableHeight: Q,
       wrapperProps: Z,
@@ -141,7 +141,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
       clearAll: ue,
       isGroup: ce
     } = Ke(d, B, F), g = Ae(d.testId, p), $ = U(() => !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT ? he : d.predefinedTrigger === k.APP ? ve : null), { width: H } = Ee(R), ye = U(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT || d.predefinedTrigger === k.APP ? H.value - 2 > 240 ? `${H.value - 2}px` : `${F.DROPLIST_MIN_WIDTH}px` : "auto"), G = () => {
-      v();
+      I();
     };
     return j({
       selectItem: D,
@@ -207,9 +207,9 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                       ], !0) : a("", !0),
                       f(c.$slots, "inline-search", {}, () => [
                         i(t(Ce), {
-                          modelValue: t(C),
+                          modelValue: t(v),
                           "onUpdate:modelValue": [
-                            l[4] || (l[4] = (o) => ge(C) ? C.value = o : null),
+                            l[4] || (l[4] = (o) => ge(v) ? v.value = o : null),
                             e.onClear
                           ],
                           placeholder: e.inlineSearchPlaceholder,
@@ -251,7 +251,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                           i(t(S), { round: "" }),
                           i(t(S), { round: "" })
                         ])) : a("", !0),
-                        e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length ? f(c.$slots, "select-all", { key: 2 }, () => [
+                        e.showSelectAll !== !1 && e.multi && !t(v) && !e.loading && e.options.length ? f(c.$slots, "select-all", { key: 2 }, () => [
                           m("li", null, [
                             i(t(q), y(
                               {
@@ -276,7 +276,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                         ], !0) : a("", !0),
                         t(x).length && !e.loading ? (n(!0), r(Te, { key: 3 }, ke(t(x), ({ data: o, index: w }) => (n(), r("li", {
                           key: w,
-                          "aria-selected": t(A)(I(t(b)), o),
+                          "aria-selected": t(A)(C(t(b)), o),
                           "aria-disabled": !!e.disabled,
                           onClick: M(() => t(D)(o, w), ["stop"])
                         }, [
@@ -291,14 +291,14 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                             key: 1,
                             option: o,
                             index: w,
-                            selected: t(A)(I(t(b)), o),
-                            active: I(t(P)) === w,
+                            selected: t(A)(C(t(b)), o),
+                            active: C(t(P)) === w,
                             disabled: o[d.disabledOptionKey]
                           }, () => [
                             i(t(q), {
                               option: o,
-                              "selected-prop": t(A)(I(t(b)), o),
-                              active: I(t(P)) === w,
+                              "selected-prop": t(A)(t(b), o),
+                              active: C(t(P)) === w,
                               disabled: o[d.disabledOptionKey],
                               "name-key": e.optionNameKey,
                               "image-key": e.optionImageKey,
@@ -391,7 +391,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                     open: t(s),
                     disabled: e.disabled,
                     label: t(oe) || e.placeholder,
-                    onClick: () => t(v)()
+                    onClick: () => t(I)()
                   },
                   defaultTriggerProps: {
                     placeholder: e.placeholder,
@@ -457,7 +457,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                   ])) : a("", !0),
                   e.predefinedTrigger === t(k).ICON_BUTTON ? (n(), r("div", Ve, [
                     i(t(we), {
-                      onClick: l[1] || (l[1] = (o) => t(v)())
+                      onClick: l[1] || (l[1] = (o) => t(I)())
                     })
                   ])) : a("", !0),
                   e.predefinedTrigger === t(k).CHIP ? (n(), r("div", xe, [
@@ -470,7 +470,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
                       "display-value": e.displayValue,
                       multi: e.multi,
                       "all-selected": t(K),
-                      onClick: l[2] || (l[2] = (o) => t(v)()),
+                      onClick: l[2] || (l[2] = (o) => t(I)()),
                       onClear: l[3] || (l[3] = (o) => t(z)())
                     }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected"])
                   ])) : a("", !0)

package/components/popover/v4/PopoverV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_68002589_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css"; //*');
 // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-68002589"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-052bc376"]]);
 export {
   r as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_68002589_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as g, watch as d, openBlock as i, createBlock as k, unref as o, withCtx as s, createElementBlock as v, renderSlot as p, createCommentVNode as h, createElementVNode as C } from "vue";
-import { Dropdown as y } from "floating-vue";
-import { popoverCommon as B } from "../common/Popover.common.js";
-const w = ["data-testid"], E = /* @__PURE__ */ g({
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as l, openBlock as p, createBlock as h, unref as i, withCtx as u, createElementBlock as y, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+import { Dropdown as w } from "floating-vue";
+import { popoverCommon as $ } from "../common/Popover.common.js";
+const O = ["data-testid"], H = /* @__PURE__ */ k({
   __name: "PopoverV4",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -15,51 +15,57 @@ const w = ["data-testid"], E = /* @__PURE__ */ g({
     popperClass: { default: "" }
   },
   emits: ["isOpen"],
-  setup(e, { expose: l, emit: u }) {
-    const c = e, { popup: f, open: t, toggle: n, triggerRef: m } = B();
-    return d(t, () => {
-      u("isOpen", t.value);
-    }), d(
-      () => c.isOpen,
-      (a) => {
-        n(a);
+  setup(e, { expose: f, emit: m }) {
+    const a = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
+    l(t, () => {
+      m("isOpen", t.value);
+    }), l(
+      () => a.isOpen,
+      (o) => {
+        d(o);
       }
-    ), l({
-      toggle: n
-    }), (a, r) => (i(), k(o(y), {
+    );
+    const n = (o) => {
+      a.trigger === o && (t.value = !t.value);
+    };
+    return f({
+      toggle: d
+    }), (o, r) => (p(), h(i(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!o(t),
+      shown: !!i(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
-      popper: s(() => [
-        o(t) ? (i(), v("div", {
+      popper: u(() => [
+        i(t) ? (p(), y("div", {
           key: 0,
           ref_key: "popup",
-          ref: f,
+          ref: c,
           class: "menu-popup",
           "data-testid": e.testId
         }, [
-          p(a.$slots, "content", {}, void 0, !0)
-        ], 8, w)) : h("", !0)
+          g(o.$slots, "content", {}, void 0, !0)
+        ], 8, O)) : B("", !0)
       ]),
-      default: s(() => [
+      default: u(() => [
         C("div", {
           ref_key: "triggerRef",
-          ref: m,
-          onClick: r[0] || (r[0] = (O) => o(n)(!o(t)))
+          ref: v,
+          onClick: r[0] || (r[0] = (s) => n("click")),
+          onMouseenter: r[1] || (r[1] = (s) => n("hover")),
+          onMouseleave: r[2] || (r[2] = (s) => n("hover"))
         }, [
-          p(a.$slots, "trigger", {}, void 0, !0)
-        ], 512)
+          g(o.$slots, "trigger", {}, void 0, !0)
+        ], 544)
       ]),
       _: 3
     }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
   }
 });
 export {
-  E as default
+  H as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './FloatingToolbar.vue_vue_type_style_index_0_scoped_04d485be_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-rc.17",
+  "version": "2.1.11-rc.19",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css

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

package/PopoverV4.vue_vue_type_style_index_0_scoped_68002589_lang.css

@@ -1 +0,0 @@
-div[data-v-68002589]{display:block}