@ironsource/shared-ui 2.1.11-test.99 → 2.1.11

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
-import X from "./CalendarMonthV4.vue.js";
-import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
-import E from "../../button/v4/ButtonV4.vue.js";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
+import Z from "./CalendarMonthV4.vue.js";
+import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
+import A from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
@@ -11,17 +11,17 @@ 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 ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import te from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
 import "../../dropdown/v4/ConditionalDropdown.vue.js";
-import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
-import { dateRangeCommon as ae } from "../common/DateRange.common.js";
+import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
+import { dateRangeCommon as de } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";
-const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
+const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
   key: 0,
   class: "type-picker"
-}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Le = /* @__PURE__ */ J({
+}, le = ["onClick"], re = ["data-testid"], ce = ["id"], ue = ["id"], me = ["onClick"], pe = { class: "dropdown-rightTriangle" }, ye = ["data-testid"], ge = { class: "date-picker-calendar left-box" }, fe = { class: "buttons-cover" }, he = { class: "range" }, ve = { class: "text-container" }, Ve = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -48,86 +48,91 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
     "opened",
     "dismissed"
   ],
-  setup(t, { emit: R }) {
-    const A = t, {
-      datePicker: B,
-      datePickerId: M,
-      getMaxAllowedDate: S,
-      selectedPreset: I,
-      displayError: q,
+  setup(t, { emit: B }) {
+    const I = t, {
+      datePicker: M,
+      datePickerId: S,
+      getMaxAllowedDate: q,
+      selectedPreset: w,
+      displayError: O,
       rangeType: f,
-      selectedRange: O,
-      placement: L,
-      currentDate: w,
-      error: V,
-      presets: z,
+      selectedRange: L,
+      placement: V,
+      currentDate: T,
+      error: z,
+      presets: U,
       isOpen: h,
-      popup: U,
+      popup: F,
       currentMonths: y,
-      displayedMonthsKeys: T,
-      changeType: F,
+      displayedMonthsKeys: b,
+      changeType: P,
       presetChanged: G,
       apply: K,
       getNavigation: W,
       navigationCallback: Y,
       selectionChanged: j,
-      toggle: b,
+      toggle: D,
       isCompact: H
-    } = ae(A, R);
-    return (D, u) => (n(), i("div", {
-      id: e(M),
+    } = de(I, B);
+    return Q(
+      () => I.datePresetList,
+      () => {
+        P("date", !1);
+      }
+    ), (N, c) => (n(), s("div", {
+      id: e(S),
       ref_key: "datePicker",
-      ref: B,
+      ref: M,
       class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
       "data-testid": `${t.testId}-${e(o).WRAPPER}`
     }, [
       d("div", {
         class: "date-range-field",
         "data-testid": `${t.testId}-${e(o).TRIGGER}`,
-        onClick: u[0] || (u[0] = (a) => e(b)())
+        onClick: c[0] || (c[0] = (a) => e(D)())
       }, [
-        N(D.$slots, "field", {
-          currentDate: e(w),
+        x(N.$slots, "field", {
+          currentDate: e(T),
           isOpen: e(h)
         }, () => [
-          s(e(ee), {
-            label: e(w),
+          i(e(te), {
+            label: e(T),
             "start-icon-name": "calendar-blank",
             variant: "outlined",
-            "test-id": `${t.testId}-${e(te).INPUT}`,
+            "test-id": `${t.testId}-${e(ae).INPUT}`,
             open: e(h)
           }, null, 8, ["label", "test-id", "open"])
         ], !0)
-      ], 8, ne),
+      ], 8, se),
       v(d("div", {
         id: "datepickerPopup" + t.uniqueId,
         ref_key: "popup",
-        ref: U,
+        ref: F,
         class: r(["pop-up", [
-          e(L),
+          e(V),
           t.openOnTop ? "open-on-top" : "",
           t.showPresets ? "" : "hide-presets"
         ]]),
         "data-testid": `${t.testId}-${e(o).CONTAINER}`
       }, [
-        t.types.length > 1 ? (n(), i("div", se, [
-          (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
+        t.types.length > 1 ? (n(), s("div", oe, [
+          (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
             key: a,
             class: r(["range-type", { "selected-range-type": e(f) === a }]),
-            onClick: (c) => e(F)(a, !0)
+            onClick: (u) => e(P)(a, !0)
           }, [
-            s(e(p), { variant: "h1" }, {
+            i(e(p), { variant: "h1" }, {
               default: l(() => [
-                m(g(e(Z)[a]), 1)
+                m(g(e(_)[a]), 1)
               ]),
               _: 2
             }, 1024)
-          ], 10, oe))), 128))
-        ])) : P("", !0),
+          ], 10, le))), 128))
+        ])) : E("", !0),
         d("div", {
           class: r(["flex", { "pop-up-content": t.types.length > 1 }])
         }, [
-          t.showPresets ? (n(), i("div", {
+          t.showPresets ? (n(), s("div", {
             key: 0,
             class: "date-picker-menu",
             "data-testid": `${t.testId}-${e(o).MENU}`
@@ -139,17 +144,17 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
               d("ul", {
                 id: "customDropDownList" + t.uniqueId
               }, [
-                (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
+                (n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
                   key: a.id,
                   class: r({
-                    "selected-preset-container": e(I) === a.id
+                    "selected-preset-container": e(w) === a.id
                   })
                 }, [
                   d("div", {
-                    class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
-                    onClick: (c) => e(G)(a)
+                    class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
+                    onClick: (u) => e(G)(a)
                   }, [
-                    s(e(p), {
+                    i(e(p), {
                       variant: "body2",
                       "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
                     }, {
@@ -158,60 +163,60 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                       ]),
                       _: 2
                     }, 1032, ["data-testid"])
-                  ], 10, ce),
-                  v(d("div", me, null, 512), [
+                  ], 10, me),
+                  v(d("div", pe, null, 512), [
                     [$, a.id === "custom"]
                   ])
                 ], 2))), 128))
               ], 8, ue)
-            ], 8, re),
+            ], 8, ce),
             d("div", {
               class: "type-message",
               "data-testid": `${t.testId}-${e(o).MESSAGE}`
-            }, g(e(_)[e(f)]), 9, pe)
-          ], 8, le)) : P("", !0),
+            }, g(e(ee)[e(f)]), 9, ye)
+          ], 8, re)) : E("", !0),
           d("div", {
             class: "calendar-wrap",
-            style: Q({ height: e(H) ? "336px" : "372px" })
+            style: X({ height: e(H) ? "336px" : "372px" })
           }, [
-            d("div", ye, [
-              (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
-                s(X, {
+            d("div", ge, [
+              (n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
+                i(Z, {
                   id: t.uniqueId,
                   navigation: e(W)(
-                    c === 0,
-                    c === e(T).length - 1
+                    u === 0,
+                    u === e(b).length - 1
                   ),
                   year: e(y)[a].parsedMonth.year,
                   days: e(y)[a].parsedMonth.days,
                   weeks: e(y)[a].parsedMonth.weeks,
                   month: e(y)[a].parsedMonth.month,
-                  range: e(O),
+                  range: e(L),
                   type: e(f),
                   "allowed-days": t.allowedDays,
-                  "max-allowed-date": e(S),
-                  "test-id": `${t.testId}-${c}`,
+                  "max-allowed-date": e(q),
+                  "test-id": `${t.testId}-${u}`,
                   onSelectionChanged: e(j),
                   onNavigation: e(Y)
                 }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
               ]))), 128)),
-              d("div", ge, [
-                d("div", fe, [
-                  N(D.$slots, "footer", {}, void 0, !0)
-                ]),
+              d("div", fe, [
                 d("div", he, [
-                  s(e(p), { variant: "body2" }, {
+                  x(N.$slots, "footer", {}, void 0, !0)
+                ]),
+                d("div", ve, [
+                  i(e(p), { variant: "body2" }, {
                     default: l(() => [
                       m("All dates are in UTC")
                     ]),
                     _: 1
                   })
                 ]),
-                v(d("div", { class: "error" }, g(e(V)), 513), [
-                  [$, e(q)]
+                v(d("div", { class: "error" }, g(e(z)), 513), [
+                  [$, e(O)]
                 ]),
-                u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
-                  s(e(E), {
+                c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
+                  i(e(A), {
                     id: "button-ok" + t.uniqueId,
                     size: "small",
                     class: "button",
@@ -220,7 +225,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     onClick: (a) => e(K)()
                   }, {
                     default: l(() => [
-                      s(e(p), { variant: "button" }, {
+                      i(e(p), { variant: "button" }, {
                         default: l(() => [
                           m("Apply")
                         ]),
@@ -229,7 +234,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"]),
-                  s(e(E), {
+                  i(e(A), {
                     id: "button-cancel" + t.uniqueId,
                     size: "small",
                     theme: "third",
@@ -237,10 +242,10 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     variant: "outlined",
                     class: "button",
                     "data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
-                    onClick: (a) => e(b)()
+                    onClick: (a) => e(D)()
                   }, {
                     default: l(() => [
-                      s(e(p), { variant: "button" }, {
+                      i(e(p), { variant: "button" }, {
                         default: l(() => [
                           m(" Cancel ")
                         ]),
@@ -249,7 +254,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"])
-                ]), x(1), u[1])
+                ]), R(1), c[1])
               ])
             ])
           ], 4)
@@ -257,9 +262,9 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
       ], 10, ie), [
         [$, e(h)]
       ])
-    ], 10, de));
+    ], 10, ne));
   }
 });
 export {
-  Le as default
+  Ve as default
 };

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

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