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

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 {

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

@@ -1,7 +1,7 @@
 import o from "./ConditionalDropdown.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_07fe5cf8_lang.css"; //*');
-const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-07fe5cf8"]]);
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css"; //*');
+const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e026669"]]);
 export {
   n as default
 };

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

@@ -1,21 +1,21 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_07fe5cf8_lang.css"; import { defineComponent as j, computed as O, ref as s, watch as k, onMounted as W, openBlock as L, createBlock as q, unref as d, withCtx as f, createVNode as y, mergeProps as G, createElementVNode as H, isRef as J, normalizeProps as X, guardReactiveProps as Y, createElementBlock as Z, createTextVNode as _, toDisplayString as ee, createCommentVNode as le } from "vue";
-import N from "./DropdownV4.vue.js";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as K, onMounted as q, openBlock as D, createBlock as G, unref as d, withCtx as f, createVNode as g, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
+import L from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
-import oe from "./ChipDropdownTrigger.vue.js";
+import ae from "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
-import ae from "./ButtonDropdownTrigger.vue.js";
+import te from "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
-import te from "../../search/v4/SearchV4.vue.js";
-import ne from "../../typography/v4/Typography.vue.js";
-import { useDebounceFn as ie } from "@vueuse/core";
-const ue = { class: "conditional-container" }, re = {
+import ne from "../../search/v4/SearchV4.vue.js";
+import ie from "../../typography/v4/Typography.vue.js";
+import { useDebounceFn as ue } from "@vueuse/core";
+const re = { class: "conditional-container" }, se = {
   key: 0,
   class: "custom-list-area"
-}, we = /* @__PURE__ */ j({
+}, we = /* @__PURE__ */ W({
   __name: "ConditionalDropdown",
   props: {
     selectedCondition: null,
@@ -41,38 +41,39 @@ const ue = { class: "conditional-container" }, re = {
     loadingOverride: { type: Boolean, default: !1 }
   },
   emits: ["update:selectedCondition", "update:appliedSelections", "clear", "closed"],
-  setup(u, { emit: h }) {
-    const e = u, S = O({
+  setup(r, { emit: h }) {
+    const e = r, S = O({
       get: () => e.appliedSelections,
       set: (l) => {
         h("update:appliedSelections", l);
       }
-    }), n = O({
+    }), i = O({
       get: () => e.selectedCondition || e.conditionalOptions[0],
       set: (l) => {
         h("update:selectedCondition", l);
       }
-    }), w = s(null), c = s(!0), a = s([]), r = s(
-      Array.isArray(e.appliedSelections) ? e.appliedSelections : e.appliedSelections ? [e.appliedSelections] : []
-    ), K = s(!0), p = s(!1), C = s(!1), i = s(e.searchQuery), F = s(""), m = s(e.label), T = s([]), B = O(() => (!i.value || i.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), U = O(() => {
+    }), F = () => {
+      const { appliedSelections: l } = e;
+      return l ? Array.isArray(l) ? l : [l] : [];
+    }, w = s(null), c = s(!0), a = s([]), n = s(F()), T = s(!0), p = s(!1), C = s(!1), u = s(e.searchQuery), B = s(""), m = s(e.label), k = s([]), U = O(() => (!u.value || u.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
       const l = c.value ? 4 : 4.5, t = a.value.length > 4 ? a.value.length : l;
       if (e.groupedOptions) {
         let o = 0;
-        return a.value.forEach((g) => {
-          g.options && (o = o + g.options.length);
+        return a.value.forEach((y) => {
+          y.options && (o = o + y.options.length);
         }), o > 4 ? o : l;
       }
       return t > l ? t : l;
-    }), I = (l, t) => {
-      if (e.infiniteLoading && n.value.multi && Array.isArray(r.value) && r.value.length && l && t.length) {
-        const o = [], g = r.value.filter(
+    }), M = (l, t) => {
+      if (e.infiniteLoading && i.value.multi && Array.isArray(n.value) && n.value.length && l && t.length) {
+        const o = [], y = n.value.filter(
           (v) => v[e.optionNameKey].includes(l)
         );
         return t.forEach((v) => {
-          g.find(
-            ($) => $[e.comparingKey] === v[e.comparingKey]
+          y.find(
+            (j) => j[e.comparingKey] === v[e.comparingKey]
           ) && o.push(v[e.comparingKey]);
-        }), g.filter(
+        }), y.filter(
           (v) => !o.includes(v[e.comparingKey])
         );
       }
@@ -80,7 +81,7 @@ const ue = { class: "conditional-container" }, re = {
     }, A = async (l) => {
       try {
         p.value = !0;
-        const t = await e.fetchFnCallback(l), o = I(
+        const t = await e.fetchFnCallback(l), o = M(
           l,
           t
         );
@@ -88,7 +89,7 @@ const ue = { class: "conditional-container" }, re = {
       } catch (t) {
         p.value = !1, console.error("Error fetching data:", t);
       }
-    }, M = async () => {
+    }, E = async () => {
       if (e.infiniteLoading)
         try {
           C.value = !0;
@@ -97,144 +98,144 @@ const ue = { class: "conditional-container" }, re = {
         } catch (l) {
           C.value = !1, console.error("Error fetching data:", l);
         }
-    }, E = ie(
+    }, V = ue(
       A,
       e.fetchDataDebounceTime
     ), b = (l) => {
-      l.length >= e.minCharsToStart ? (E(l), w.value?.scrollTo(0)) : e.infiniteLoading && n.value.multi ? a.value = T.value || [] : a.value = [];
-    }, V = () => {
-      i.value && a.value.length && !p.value && !n.value.multi ? a.value[0].conditionalOptions ? a.value[0] = {
-        name: i.value,
+      l.length >= e.minCharsToStart ? (V(l), w.value?.scrollTo(0)) : e.infiniteLoading && i.value.multi ? a.value = k.value || [] : a.value = [];
+    }, x = () => {
+      u.value && a.value.length && !p.value && !i.value.multi ? a.value[0].conditionalOptions ? a.value[0] = {
+        [e.optionNameKey]: u.value,
         conditionalOptions: !0,
-        conditionalName: n.value.label,
-        [e.comparingKey]: i.value
+        conditionalName: i.value.label,
+        [e.comparingKey]: u.value
       } : a.value = [
         {
-          name: i.value,
+          [e.optionNameKey]: u.value,
           conditionalOptions: !0,
-          conditionalName: n.value.label,
-          [e.comparingKey]: i.value
+          conditionalName: i.value.label,
+          [e.comparingKey]: u.value
         },
         ...a.value
       ] : a.value.length && a.value[0].conditionalOptions && a.value.shift();
-    }, D = () => {
-      c.value && r.value.length === 0 ? m.value = e.label : m.value = `${e.label} ${n.value.label.toLowerCase()}`;
+    }, N = () => {
+      c.value && n.value.length === 0 ? m.value = e.label : m.value = `${e.label} ${i.value.label.toLowerCase()}`;
     };
-    k(i, () => {
-      b(i.value);
-    }), k([n, a], () => {
-      V();
-    }), k(
+    K(u, () => {
+      b(u.value);
+    }), K([i, a], () => {
+      x();
+    }), K(
       () => e.loadingOverride,
       (l, t) => {
         !l && t && !e.infiniteLoading && A(e.searchQuery);
       }
     );
-    const x = () => {
-      c.value && r.value.length === 0 ? (n.value = null, S.value = [], n.value = null) : (F.value = i.value, S.value = c.value ? [...r.value] : { ...r.value }, K.value = c.value), D();
+    const P = () => {
+      c.value && n.value.length === 0 ? (i.value = null, S.value = [], i.value = null) : (B.value = u.value, S.value = c.value ? [...n.value] : { ...n.value }, T.value = c.value), N();
     };
-    k(n, (l, t) => {
-      n.value.multi ? (p.value = !0, !t.multi && l.multi && Array.isArray(e.appliedSelections) && (r.value = e.appliedSelections), setTimeout(() => {
+    K(i, (l, t) => {
+      i.value.multi ? (p.value = !0, !t.multi && l.multi && (Array.isArray(e.appliedSelections) ? n.value = e.appliedSelections : n.value = [e.appliedSelections]), setTimeout(() => {
         p.value = !1, c.value = !0;
       }, 100)) : setTimeout(() => {
         c.value = !1;
       }, 100);
     });
     const Q = (l) => {
-      T.value = l;
-    }, P = () => {
-      r.value = [], S.value = [], n.value = null, m.value = e.label, i.value = "", h("clear");
-    }, R = (l) => {
-      l && n.value.multi && e.infiniteLoading && r.value && (a.value = r.value, i.value && b(i.value));
+      k.value = l;
+    }, R = () => {
+      n.value = [], S.value = [], i.value = null, m.value = e.label, u.value = "", h("clear");
+    }, z = (l) => {
+      l && i.value.multi && e.infiniteLoading && n.value && (a.value = n.value, u.value && b(u.value));
     };
-    W(() => {
-      (e.searchQuery || !e.infiniteLoading || e.minCharsToStart === 0) && b(e.searchQuery), D();
+    q(() => {
+      (e.searchQuery || !e.infiniteLoading || e.minCharsToStart === 0) && b(e.searchQuery), e.appliedSelections && Array.isArray(e.appliedSelections) && (a.value = e.appliedSelections, n.value = e.appliedSelections, k.value = e.appliedSelections), N();
     });
-    const z = () => {
+    const $ = () => {
       h("closed");
     };
-    return (l, t) => (L(), q(d(N), {
+    return (l, t) => (D(), G(d(L), {
       ref_key: "dropdownRef",
       ref: w,
-      selected: r.value,
-      "onUpdate:selected": t[2] || (t[2] = (o) => r.value = o),
+      selected: n.value,
+      "onUpdate:selected": t[2] || (t[2] = (o) => n.value = o),
       "predefined-trigger": "chip",
-      "display-value": (o) => o?.[u.optionNameKey],
+      "display-value": (o) => o?.[r.optionNameKey],
       multi: c.value,
       options: a.value,
       placeholder: m.value,
       "search-placeholder": "Search",
-      "option-name-key": u.optionNameKey,
+      "option-name-key": r.optionNameKey,
       "with-conditions": "",
       "inline-search": "",
-      "custom-number-of-displayed-options": d(U),
+      "custom-number-of-displayed-options": d(I),
       "options-list-width": "330px",
-      loading: p.value || u.loadingOverride,
+      loading: p.value || r.loadingOverride,
       "load-more-loading": C.value,
-      "comparing-key": u.comparingKey,
-      "is-open": u.isOpen,
-      "infinite-loading": u.infiniteLoading,
-      "show-select-all": !u.infiniteLoading && !i.value,
-      "grouped-options": u.groupedOptions,
-      "option-flag-key": u.optionFlagKey,
-      "option-image-key": u.optionImageKey,
-      "option-icon-key": u.optionIconKey,
-      "option-icon-type": u.optionIconType,
-      "onUpdate:isOpen": R,
+      "comparing-key": r.comparingKey,
+      "is-open": r.isOpen,
+      "infinite-loading": r.infiniteLoading,
+      "show-select-all": !r.infiniteLoading && !u.value,
+      "grouped-options": r.groupedOptions,
+      "option-flag-key": r.optionFlagKey,
+      "option-image-key": r.optionImageKey,
+      "option-icon-key": r.optionIconKey,
+      "option-icon-type": r.optionIconType,
+      "onUpdate:isOpen": z,
       onOnsearch: b,
-      onApply: x,
-      onLoadMore: M,
+      onApply: P,
+      onLoadMore: E,
       onUnsavedSelectionUpdate: Q,
-      onClosed: z
+      onClosed: $
     }, {
       "dropdown-trigger": f(({ defaultTriggerProps: o }) => [
-        y(d(oe), G(o, {
+        g(d(ae), H(o, {
           label: m.value,
           "selected-option": d(S),
-          multi: K.value,
+          multi: T.value,
           "cancel-all-selected-display": "",
-          "display-value-in-quotes": !Array.isArray(r.value) && r.value.conditionalOptions,
-          onClear: P
+          "display-value-in-quotes": !Array.isArray(n.value) && n.value.conditionalOptions,
+          onClear: R
         }), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes"])
       ]),
       "dropdown-conditions": f(() => [
-        H("div", ue, [
-          y(d(N), {
-            selected: d(n),
-            "onUpdate:selected": t[0] || (t[0] = (o) => J(n) ? n.value = o : null),
-            options: u.conditionalOptions,
+        J("div", re, [
+          g(d(L), {
+            selected: d(i),
+            "onUpdate:selected": t[0] || (t[0] = (o) => X(i) ? i.value = o : null),
+            options: r.conditionalOptions,
             "option-name-key": "label",
             "display-value": (o) => o?.label,
             container: ".conditional-container",
             size: "small"
           }, {
             "dropdown-trigger": f(({ buttonTriggerProps: o }) => [
-              y(d(ae), X(Y(o)), null, 16)
+              g(d(te), Y(Z(o)), null, 16)
             ]),
             _: 1
           }, 8, ["selected", "options", "display-value"])
         ])
       ]),
       "inline-search": f(() => [
-        y(d(te), {
-          modelValue: i.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (o) => i.value = o),
+        g(d(ne), {
+          modelValue: u.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => u.value = o),
           class: "inline-search",
           placeholder: "Search",
           variant: "transparent",
           size: "md",
-          "auto-focus": u.autoFocusSearch
+          "auto-focus": r.autoFocusSearch
         }, null, 8, ["modelValue", "auto-focus"])
       ]),
       "custom-list-area": f(() => [
-        !a.value.length && !p.value ? (L(), Z("div", re, [
-          y(ne, { variant: "body1" }, {
+        !a.value.length && !p.value ? (D(), _("div", se, [
+          g(ie, { variant: "body1" }, {
             default: f(() => [
-              _(ee(d(B)), 1)
+              ee(le(d(U)), 1)
             ]),
             _: 1
           })
-        ])) : le("", !0)
+        ])) : oe("", !0)
       ]),
       _: 1
     }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading", "show-select-all", "grouped-options", "option-flag-key", "option-image-key", "option-icon-key", "option-icon-type"]));