@ironsource/shared-ui 2.1.12-test.49 → 2.1.12-test.50

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

@@ -1,13 +1,13 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; import { defineComponent as k, ref as m, computed as y, watch as S, openBlock as $, createBlock as D, unref as t, withCtx as h, createElementVNode as p, mergeProps as d, createVNode as u, createTextVNode as O, toDisplayString as C, withDirectives as b, vShow as x, withModifiers as E } from "vue";
-import v from "../../icon/v4/IconV4.vue.js";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; import { defineComponent as $, ref as f, computed as m, watch as k, openBlock as D, createBlock as E, unref as a, withCtx as y, createElementVNode as p, mergeProps as u, createVNode as d, createTextVNode as V, toDisplayString as v, withDirectives as O, vShow as b, withModifiers as U } from "vue";
+import C from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import _ from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as i } from "../../../testids/index.js";
-import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-import { isElementTruncated as F } from "../../../utils/text.js";
-import { promiseTimeout as L } from "@vueuse/core";
-import R from "../../tooltip/v4/TooltipV4.vue.js";
-const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */ k({
+import { useTestIdAttrs as F } from "../../../utils/testIds.js";
+import { isElementTruncated as L } from "../../../utils/text.js";
+import { promiseTimeout as R } from "@vueuse/core";
+import z from "../../tooltip/v4/TooltipV4.vue.js";
+const M = { class: "chip-trigger--icon" }, W = /* @__PURE__ */ $({
   __name: "ChipDropdownTrigger",
   props: {
     label: { default: "Status" },
@@ -17,33 +17,33 @@ const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */
     feedbackVariant: { default: "" },
     displayedValue: { default: "" },
     allSelected: { type: Boolean, default: !1 },
-    options: null,
-    selectedOption: null,
-    displayValue: null,
+    options: {},
+    selectedOption: {},
+    displayValue: {},
     multi: { type: Boolean },
     cancelAllSelectedDisplay: { type: Boolean, default: !1 },
     displayValueInQuotes: { type: Boolean, default: !1 },
     shownValuesCount: { default: 1 }
   },
   emits: ["clear"],
-  setup(f, { emit: w }) {
-    const e = f, A = () => {
-      w("clear");
-    }, o = m(null), r = m(!0), T = m(!1), g = (l) => {
-      let a = l;
-      Array.isArray(l) && (l.length > 1 ? a = `${l.filter((I) => typeof I == "string").join(", ")}` : a = l[0] ? `${l[0]}` : ""), r.value = !!a;
-      let c = a;
-      return e.displayValueInQuotes && (c = `"${a}"`), a ? `${e.label}: ${c}` : e.label;
-    }, V = (l) => {
-      if (Array.isArray(l) && l.length > 1) {
-        const a = l[l.length - 1];
-        if (typeof a == "number" && a > 0)
-          return `, +${a}`;
+  setup(w, { emit: x }) {
+    const e = w, A = x, B = () => {
+      A("clear");
+    }, o = f(null), r = f(!0), h = f(!1), T = (t) => {
+      let l = t;
+      Array.isArray(t) && (t.length > 1 ? l = `${t.filter((S) => typeof S == "string").join(", ")}` : l = t[0] ? `${t[0]}` : ""), r.value = !!l;
+      let c = l;
+      return e.displayValueInQuotes && (c = `"${l}"`), l ? `${e.label}: ${c}` : e.label;
+    }, g = (t) => {
+      if (Array.isArray(t) && t.length > 1) {
+        const l = t[t.length - 1];
+        if (typeof l == "number" && l > 0)
+          return `, +${l}`;
       }
       return "";
-    }, B = y(
+    }, N = m(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), n = U(e.testId, i), s = y(() => {
+    ), s = F(e.testId, i), n = m(() => {
       if (!e.multi)
         return e.selectedOption ? e.displayValue(e.selectedOption) : "";
       if (!Array.isArray(e.selectedOption))
@@ -54,65 +54,65 @@ const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */
         return ["All"];
       if (e.selectedOption.length === 1 && e.displayValue)
         return [e.displayValue(e.selectedOption[0])];
-      const l = e.selectedOption.slice(0, e.shownValuesCount).map((c) => e.displayValue(c)), a = e.selectedOption.length - l.length;
-      return [...l, a];
+      const t = e.selectedOption.slice(0, e.shownValuesCount).map((c) => e.displayValue(c)), l = e.selectedOption.length - t.length;
+      return [...t, l];
     });
-    S([() => e.selectedOption, o], async () => {
-      await L(100), T.value = o.value && F(o.value);
+    k([() => e.selectedOption, o], async () => {
+      await R(100), h.value = o.value && L(o.value);
     });
-    const N = y(() => T.value ? `${g(s.value)}${V(
-      s.value
+    const I = m(() => h.value ? `${T(n.value)}${g(
+      n.value
     )}` : "");
-    return (l, a) => ($(), D(t(R), {
-      text: t(N),
+    return (t, l) => (D(), E(a(z), {
+      text: I.value,
       class: "tooltip-option",
       placement: "top"
     }, {
-      default: h(() => [
-        p("div", d({
-          class: ["chip-trigger", [t(B), { active: r.value, disabled: f.disabled, open: f.open }]]
-        }, t(n)[t(i).BUTTON]), [
+      default: y(() => [
+        p("div", u({
+          class: ["chip-trigger", [N.value, { active: r.value, disabled: t.disabled, open: t.open }]]
+        }, a(s)[a(i).BUTTON]), [
           p("div", {
             ref_key: "textContainerRef",
             ref: o,
             class: "chip-trigger--content"
           }, [
-            u(t(_), d({
+            d(a(_), u({
               class: "chip-trigger--text",
               variant: "chipLabel"
-            }, t(n)[t(i).BUTTON_CONTENT]), {
-              default: h(() => [
-                O(C(g(t(s))), 1)
+            }, a(s)[a(i).BUTTON_CONTENT]), {
+              default: y(() => [
+                V(v(T(n.value)), 1)
               ]),
               _: 1
             }, 16),
-            u(t(_), d({
+            d(a(_), u({
               class: "chip-trigger--suffix",
               variant: "chipLabel"
-            }, t(n)[t(i).BUTTON_CONTENT_SUFFIX]), {
-              default: h(() => [
-                O(C(V(t(s))), 1)
+            }, a(s)[a(i).BUTTON_CONTENT_SUFFIX]), {
+              default: y(() => [
+                V(v(g(n.value)), 1)
               ]),
               _: 1
             }, 16),
-            b(p("div", z, [
-              u(t(v), {
+            O(p("div", M, [
+              d(a(C), {
                 name: "caret-down",
                 size: "16px"
               })
             ], 512), [
-              [x, !r.value]
+              [b, !r.value]
             ]),
-            b(p("div", d({ class: "x-circle-wrapper" }, t(n)[t(i).BUTTON_CLEAR], {
-              onClick: E(A, ["stop"])
+            O(p("div", u({ class: "x-circle-wrapper" }, a(s)[a(i).BUTTON_CLEAR], {
+              onClick: U(B, ["stop"])
             }), [
-              u(t(v), {
+              d(a(C), {
                 name: "x-circle",
                 size: "16px",
                 type: "fill"
               })
-            ], 16, M), [
-              [x, r.value]
+            ], 16), [
+              [b, r.value]
             ])
           ], 512)
         ], 16)

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

@@ -3,7 +3,7 @@ type SelectedCondition = {
     value: string;
     multi: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selectedCondition: SelectedCondition;
     appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
@@ -45,12 +45,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     loadingOverride: boolean;
     triggerShownValuesCount: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: SelectedCondition) => void;
     "update:appliedSelections": (value: unknown) => void;
     clear: () => void;
     closed: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selectedCondition: SelectedCondition;
     appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
@@ -92,12 +92,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     loadingOverride: boolean;
     triggerShownValuesCount: number;
-}>>> & {
+}>>> & Readonly<{
     onClear?: () => any;
     onClosed?: () => any;
     "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
-}, {
+}>, {
     label: string;
     testId: string;
     isOpen: boolean;
@@ -116,7 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "option-end"?(_: {
         option: any;
     }): any;

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

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