@adyen/bento-vue3 1.87.1 → 1.88.0

package/dist/chunks/{dropdown.Bdw2B-Cw.js → dropdown.BXbfqIpi.js}

@@ -1,22 +1,22 @@
-import { ref as E, watch as be, computed as u, defineComponent as q, useSlots as $e, toRefs as Re, openBlock as S, createBlock as z, resolveDynamicComponent as ke, mergeProps as _, withCtx as W, createElementVNode as oe, withKeys as nt, unref as n, createVNode as Q, toHandlers as ee, createSlots as ce, renderList as pe, renderSlot as X, normalizeProps as fe, guardReactiveProps as me, createElementBlock as F, toDisplayString as ge, createCommentVNode as V, normalizeClass as ve, withDirectives as te, vShow as xe, nextTick as A, useAttrs as st, toRef as I, inject as it, createTextVNode as rt } from "vue";
+import { ref as E, watch as be, computed as u, defineComponent as q, useSlots as $e, toRefs as Re, openBlock as S, createBlock as V, resolveDynamicComponent as ke, mergeProps as F, withCtx as W, createElementVNode as ae, withKeys as nt, unref as n, createVNode as Q, toHandlers as ee, createSlots as ce, renderList as pe, renderSlot as X, normalizeProps as fe, guardReactiveProps as me, createCommentVNode as _, createElementBlock as K, toDisplayString as ge, normalizeClass as ve, withDirectives as te, vShow as xe, nextTick as B, useAttrs as st, toRef as A, inject as it, createTextVNode as rt } from "vue";
 import { d as re, B as dt } from "./typography.B3J6_tYk.js";
-import { a as de, b as j, c as ut, B as G, D as ct } from "./dropdown-default-textbox.CskseEho.js";
-/* empty css              */
-import { _ as J } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { s as ue } from "./events.BQOQSSb7.js";
 import { g as H } from "./generate-uid.NJ8tVoha.js";
-import { u as pt } from "./aria-label.CaUURpnB.js";
+import { u as ut } from "./aria-label.CaUURpnB.js";
 import { u as he } from "./index.B875RXHM.js";
-import { u as ft } from "./form-field.D_2g7vaP.js";
-import { B as m, b as ye, a as Ie, u as mt, c as vt, d as yt } from "./use-cached-selected-values.C4_X3vVj.js";
-import { u as bt } from "./use-form-layout-loading.CWbjZiwP.js";
-import { d as gt } from "./debounce.DUTu11PS.js";
-import { B as ht } from "./directive.rXUeDb8p.js";
-import { B as M, a as Lt } from "./keyboard-navigation.DWmhelVv.js";
+import { u as ct } from "./form-field.D_2g7vaP.js";
+import { B as m, b as ye, a as Ie, u as pt, c as ft, d as mt } from "./use-cached-selected-values.C4_X3vVj.js";
+import { u as vt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { d as yt } from "./debounce.DUTu11PS.js";
+import { B as bt } from "./directive.rXUeDb8p.js";
+import { B as M, a as gt } from "./keyboard-navigation.DWmhelVv.js";
+import { a as de, b as j, c as ht, B as G, D as Lt } from "./dropdown-default-textbox.CskseEho.js";
 import { u as St } from "./use-has-slot.B7eQSabc.js";
 import { F as wt, E as Et } from "./error-message.oGiefI2-.js";
 import { P as Ae } from "./popper-container.DAK7c9uS.js";
 import { h as Ct } from "./button-actions.BYBpjNqy.js";
+import { _ as J } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+/* empty css              */
+import { s as ue } from "./events.BQOQSSb7.js";
 import "../assets/dropdown.css";
 const Le = {
   "en-US": {
@@ -34,19 +34,19 @@ const Le = {
     cancel: "Cancelar",
     noOptionsMatchThisSearch: "A busca não retornou nenhuma opção"
   }
-}, Ot = (a, r, i, t) => {
-  const s = E(a.value), { t: l } = he({ messages: Le });
-  be(a, () => {
-    s.value = a.value;
+}, Ot = (o, r, i, t) => {
+  const s = E(o.value), { t: l } = he({ messages: Le });
+  be(o, () => {
+    s.value = o.value;
   });
   const e = u(
-    () => JSON.stringify(s.value) === JSON.stringify(a.value)
+    () => JSON.stringify(s.value) === JSON.stringify(o.value)
   ), d = () => {
     t(m.SELECT, s.value), t(m.CLOSE_DROPDOWN);
   }, h = () => {
-    s.value = a.value, t(m.CLOSE_DROPDOWN);
+    s.value = o.value, t(m.CLOSE_DROPDOWN);
   }, C = () => {
-    i.value && r.value && (s.value = a.value);
+    i.value && r.value && (s.value = o.value);
   }, c = u(() => [
     {
       title: l("apply"),
@@ -67,11 +67,11 @@ const Le = {
     b(g), t(m.SPACE);
   }, v = () => {
     h(), t(m.ESCAPE);
-  }, B = () => {
+  }, D = () => {
     t(m.SHOW_MORE);
-  }, D = {
+  }, T = {
     [m.SELECT]: b,
-    [m.SHOW_MORE]: B,
+    [m.SHOW_MORE]: D,
     [m.TAB]: p,
     [m.SPACE]: O,
     [m.ENTER]: f
@@ -81,7 +81,7 @@ const Le = {
     actions: c,
     internalSelectedValue: s,
     // Methods
-    listeners: D,
+    listeners: T,
     onEscapeKey: v,
     onOutsideDropdownClick: C
   };
@@ -149,7 +149,7 @@ const Le = {
     lazyLoadType: {
       type: String,
       default: Ie.AUTOMATIC,
-      validator: (a) => Object.values(Ie).includes(a)
+      validator: (o) => Object.values(Ie).includes(o)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -198,15 +198,15 @@ const Le = {
       default: !1
     }
   },
-  setup(a, { expose: r, emit: i }) {
-    const t = $e(), s = i, l = a, { selectedValue: e, multiple: d } = Re(l), h = E(null), { t: C } = he({ messages: Le }), c = u(() => l.open && !l.disabled), b = u(() => C("noOptionsMatchThisSearch")), p = u(() => ({
+  setup(o, { expose: r, emit: i }) {
+    const t = $e(), s = i, l = o, { selectedValue: e, multiple: d } = Re(l), h = E(null), { t: C } = he({ messages: Le }), c = u(() => l.open && !l.disabled), b = u(() => C("noOptionsMatchThisSearch")), p = u(() => ({
       "b-dropdown-options-container--single": !(l != null && l.multiple)
     })), f = u(() => ({
       "b-dropdown-options-container__listbox--single": !(l != null && l.multiple)
-    })), { actions: O, internalSelectedValue: v, listeners: B, onEscapeKey: D, onOutsideDropdownClick: g } = Ot(e, d, c, s), L = u(() => l != null && l.multiple ? Ct : Ae), K = u(() => {
-      var T;
+    })), { actions: O, internalSelectedValue: v, listeners: D, onEscapeKey: T, onOutsideDropdownClick: g } = Ot(e, d, c, s), L = u(() => l != null && l.multiple ? Ct : Ae), z = u(() => {
+      var x;
       const N = {
-        "min-width": `${(T = l == null ? void 0 : l.targetElement) == null ? void 0 : T.clientWidth}px`,
+        "min-width": `${(x = l == null ? void 0 : l.targetElement) == null ? void 0 : x.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return l != null && l.multiple ? {
@@ -236,37 +236,38 @@ const Le = {
     });
     return r({
       onOutsideDropdownClick: g
-    }), (N, T) => (S(), z(ke(L.value), _({
+    }), (N, x) => c.value ? (S(), V(ke(L.value), F({
+      key: 0,
       class: ["b-dropdown-options-container", p.value]
-    }, K.value), {
+    }, z.value), {
       default: W(() => [
-        oe("div", {
-          onKeydown: T[0] || (T[0] = nt(
+        ae("div", {
+          onKeydown: x[0] || (x[0] = nt(
             //@ts-ignore
-            (...U) => n(D) && n(D)(...U),
+            (...U) => n(T) && n(T)(...U),
             ["esc"]
           ))
         }, [
-          Q(n(ye), _({
-            id: a.id,
+          Q(n(ye), F({
+            id: o.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: h,
-            "aria-label": a.ariaLabel,
+            "aria-label": o.ariaLabel,
             class: ["b-dropdown-options-container__listbox", f.value],
-            "component-loading": a.componentLoading,
-            "empty-state": a.emptyState,
-            "is-option-disabled": a.isOptionDisabled,
-            items: a.items,
+            "component-loading": o.componentLoading,
+            "empty-state": o.emptyState,
+            "is-option-disabled": o.isOptionDisabled,
+            items: o.items,
             "selected-value": n(v),
             multiple: n(d),
-            "static-categories": a.staticCategories,
+            "static-categories": o.staticCategories,
             "no-results-message": b.value,
-            searching: a.searching,
-            loading: a.loading,
-            "lazy-load-type": a.lazyLoadType,
-            "has-more-items": a.hasMoreItems,
-            "virtual-scroll": a.virtualScroll
-          }, ee(n(B))), ce({ _: 2 }, [
+            searching: o.searching,
+            loading: o.loading,
+            "lazy-load-type": o.lazyLoadType,
+            "has-more-items": o.hasMoreItems,
+            "virtual-scroll": o.virtualScroll
+          }, ee(n(D))), ce({ _: 2 }, [
             pe(n(t), (U, y) => ({
               name: y,
               fn: W((w) => [
@@ -277,25 +278,25 @@ const Le = {
         ], 32)
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class"])) : _("", !0);
   }
-}), Tt = /* @__PURE__ */ J(Dt, [["__scopeId", "data-v-d87d28cd"]]);
+}), Tt = /* @__PURE__ */ J(Dt, [["__scopeId", "data-v-abf92e14"]]);
 let Ne = 0;
 const xt = {
   beforeCreate() {
     this.uuid = Ne.toString(), Ne += 1;
   }
 }, It = { key: 0 };
-function At(a, r, i, t, s, l) {
-  return S(), F("svg", _({ role: "img" }, a.$attrs, {
+function At(o, r, i, t, s, l) {
+  return S(), K("svg", F({ role: "img" }, o.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    a.$attrs["svg-title"] ? (S(), F("title", It, ge(a.$attrs["svg-title"]), 1)) : V("", !0),
-    r[0] || (r[0] = oe("path", {
+    o.$attrs["svg-title"] ? (S(), K("title", It, ge(o.$attrs["svg-title"]), 1)) : _("", !0),
+    r[0] || (r[0] = ae("path", {
       fill: "#001222",
       d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z"
     }, null, -1))
@@ -308,16 +309,16 @@ const Mt = {
     this.uuid = Me.toString(), Me += 1;
   }
 }, $t = { key: 0 };
-function Rt(a, r, i, t, s, l) {
-  return S(), F("svg", _({ role: "img" }, a.$attrs, {
+function Rt(o, r, i, t, s, l) {
+  return S(), K("svg", F({ role: "img" }, o.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    a.$attrs["svg-title"] ? (S(), F("title", $t, ge(a.$attrs["svg-title"]), 1)) : V("", !0),
-    r[0] || (r[0] = oe("path", {
+    o.$attrs["svg-title"] ? (S(), K("title", $t, ge(o.$attrs["svg-title"]), 1)) : _("", !0),
+    r[0] || (r[0] = ae("path", {
       fill: "#001222",
       d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z"
     }, null, -1))
@@ -383,8 +384,8 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
     value: { type: String, default: "" }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(a, { expose: r, emit: i }) {
-    const t = i, s = a, l = E(null), e = u(() => ({
+  setup(o, { expose: r, emit: i }) {
+    const t = i, s = o, l = E(null), e = u(() => ({
       [`b-dropdown-small-textbox--${de.DISABLED}`]: s.disabled,
       [`b-dropdown-small-textbox--${de.READONLY}`]: s.readonly,
       [`b-dropdown-small-textbox--${de.OPENED}`]: s.open
@@ -409,10 +410,10 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
       focus: () => {
         l.value.focus();
       }
-    }), (v, B) => (S(), F("div", {
+    }), (v, D) => (S(), K("div", {
       class: ve(["b-dropdown-small-textbox", e.value])
     }, [
-      Q(ut, _({
+      Q(ht, F({
         ref_key: "baseTextbox",
         ref: l
       }, { ...v.$attrs, ...v.$props }, {
@@ -420,7 +421,7 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
         size: n(G).SMALL
       }, ee(f)), {
         icon: W(() => [
-          oe("div", Pt, [
+          ae("div", Pt, [
             te(Q(n(kt), { "svg-title": "opened" }, null, 512), [
               [xe, d.value]
             ]),
@@ -433,27 +434,27 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), Kt = /* @__PURE__ */ J(Ft, [["__scopeId", "data-v-39ce3ec8"]]), zt = (a, r) => r.value.reduce((i, t) => {
+}), Kt = /* @__PURE__ */ J(Ft, [["__scopeId", "data-v-39ce3ec8"]]), zt = (o, r) => r.value.reduce((i, t) => {
   if (t.items) {
     const s = t.items.filter(
-      (e) => a.value.find((d) => d.value === e.value)
+      (e) => o.value.find((d) => d.value === e.value)
     );
     s.length === t.items.length ? i.push(t.displayValue ?? t.label) : s.forEach(({ label: e, displayValue: d }) => i.push(d ?? e));
   }
-  return a.value.find((s) => s.value === t.value) && i.push(t.displayValue ?? t.label), i;
-}, []).join(", "), Vt = ({ items: a, placeholder: r, selectedValues: i, isMultiSelect: t }) => {
+  return o.value.find((s) => s.value === t.value) && i.push(t.displayValue ?? t.label), i;
+}, []).join(", "), Vt = ({ items: o, placeholder: r, selectedValues: i, isMultiSelect: t }) => {
   const s = u(
-    () => t.value && a.value.find((e) => {
+    () => t.value && o.value.find((e) => {
       var d;
       return (d = e.items) == null ? void 0 : d.length;
     })
   );
-  return u(() => i.value.length ? s.value ? zt(i, a) : i.value.map(({ label: e, displayValue: d }) => d ?? e).join(", ") : r.value || null);
-}, Pe = (a) => {
+  return u(() => i.value.length ? s.value ? zt(i, o) : i.value.map(({ label: e, displayValue: d }) => d ?? e).join(", ") : r.value || null);
+}, Pe = (o) => {
   var r;
-  (r = a.value.$children) == null || r[0].$refs.textbox.focus();
+  (r = o.value.$children) == null || r[0].$refs.textbox.focus();
 }, Wt = ({
-  inputContainerRef: a,
+  inputContainerRef: o,
   optionsContainerRef: r,
   selectedValueIndex: i,
   isDropdownOpen: t,
@@ -463,10 +464,10 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
 }, d, h, C) => {
   const c = async (y) => {
     var w;
-    s.value && await A(), (w = l.value[y]) == null || w.focus();
+    s.value && await B(), (w = l.value[y]) == null || w.focus();
   }, b = async (y) => {
     var $, Y;
-    s.value && await A();
+    s.value && await B();
     const w = ($ = r.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : $.$el.querySelectorAll(
       "button"
     );
@@ -477,48 +478,48 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
       y
     );
   }, f = () => {
-    t.value || h(), A(() => {
+    t.value || h(), B(() => {
       p(0), c(0);
     });
   }, O = () => {
-    t.value || h(), A(() => {
+    t.value || h(), B(() => {
       p(l.value.length - 1), c(l.value.length - 1);
     });
   }, v = ({ detail: y }) => {
     y.preventDefault(), f();
-  }, B = ({ detail: y }) => {
+  }, D = ({ detail: y }) => {
     y.preventDefault(), O();
-  }, D = () => {
+  }, T = () => {
     f();
   }, g = () => {
     O();
   }, L = ({ detail: y }) => {
-    y.preventDefault(), d(), t.value && A(() => {
+    y.preventDefault(), d(), t.value && B(() => {
       e ? b(0) : (p(i.value), c(i.value));
     });
-  }, K = ({ detail: y }) => {
-    y.preventDefault(), d(), t.value && A(() => {
+  }, z = ({ detail: y }) => {
+    y.preventDefault(), d(), t.value && B(() => {
       e ? b(0) : (p(i.value), c(i.value));
     });
   }, N = () => {
     t.value && C();
-  }, T = () => {
-    t.value && (C(), Pe(a));
+  }, x = () => {
+    t.value && (C(), Pe(o));
   };
   return u(() => ({
     [M.ARROW_DOWN]: v,
-    [M.ARROW_UP]: B,
-    [M.HOME]: D,
+    [M.ARROW_UP]: D,
+    [M.HOME]: T,
     [M.END]: g,
     ...s.value ? {} : { [M.SPACE]: L },
-    [M.ENTER]: K,
+    [M.ENTER]: z,
     [M.TAB]: N,
-    [M.ESCAPE]: T
+    [M.ESCAPE]: x
   }));
-}, qt = ({ inputContainerRef: a, isDropdownOpen: r }, i) => {
+}, qt = ({ inputContainerRef: o, isDropdownOpen: r }, i) => {
   const t = () => {
-    r.value && i(), A(() => {
-      Pe(a);
+    r.value && i(), B(() => {
+      Pe(o);
     });
   };
   return {
@@ -528,8 +529,8 @@ const kt = /* @__PURE__ */ J(Mt, [["render", Rt]]), Pt = { class: "b-dropdown-sm
     [m.SPACE]: t
   };
 };
-function Ut(a, r, i, t, s) {
-  const l = E(a), e = E(r), d = (c, b = []) => b.flatMap((p) => p.label.toLocaleLowerCase().includes(c) ? t != null && t.value && p.items ? [...d(c, p.items)] : [p, ...d(c, p.items)] : p.items ? [...d(c, p.items)] : []), h = i !== void 0 ? gt(() => i(l.value), s ?? 300) : void 0;
+function Ut(o, r, i, t, s) {
+  const l = E(o), e = E(r), d = (c, b = []) => b.flatMap((p) => p.label.toLocaleLowerCase().includes(c) ? t != null && t.value && p.items ? [...d(c, p.items)] : [p, ...d(c, p.items)] : p.items ? [...d(c, p.items)] : []), h = i !== void 0 ? yt(() => i(l.value), s ?? 300) : void 0;
   return be(l, () => {
     h !== void 0 && h();
   }), u(() => {
@@ -555,11 +556,11 @@ const _e = {
     ariaLabelFallback: "Menu suspenso",
     clearSearch: "Limpar filtro"
   }
-}, jt = /* @__PURE__ */ Symbol("input field component injection key"), vo = /* @__PURE__ */ Symbol("input field hint injection key"), yo = /* @__PURE__ */ Symbol("input field parent component injection key"), Ht = q({
+}, jt = /* @__PURE__ */ Symbol("input field component injection key"), ma = /* @__PURE__ */ Symbol("input field hint injection key"), va = /* @__PURE__ */ Symbol("input field parent component injection key"), Ht = q({
   i18n: { messages: _e },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: ct,
+    DropdownInputDefault: Lt,
     DropdownInputSmall: Kt
   },
   model: { prop: "modelValue" }
@@ -597,14 +598,14 @@ const _e = {
     tooltipText: { default: null }
   },
   emits: ["input", "update:model-value", "show-more", "open"],
-  setup(a, { expose: r, emit: i }) {
+  setup(o, { expose: r, emit: i }) {
     var De, Te;
-    const t = st(), s = $e(), l = St(s), e = a, d = i, { t: h } = he({ messages: _e }), { emitValue: C } = ft(d), c = E(null), b = E(null), p = E(null), f = E(!1), O = H("bento-dropdown-options-container"), v = H("dropdown-label"), B = H("dropdown-description"), D = H("dropdown-error"), { isReadOnly: g } = bt(I(e, "readonly")), L = u(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: K, cachedListboxSelectedValues: N, setCachedValues: T } = mt(
-      I(e, "items"),
+    const t = st(), s = $e(), l = St(s), e = o, d = i, { t: h } = he({ messages: _e }), { emitValue: C } = ct(d), c = E(null), b = E(null), p = E(null), f = E(!1), O = H("bento-dropdown-options-container"), v = H("dropdown-label"), D = H("dropdown-description"), T = H("dropdown-error"), { isReadOnly: g } = vt(A(e, "readonly")), L = u(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: z, cachedListboxSelectedValues: N, setCachedValues: x } = pt(
+      A(e, "items"),
       L,
-      I(e, "multiple"),
-      I(e, "enableValueLabelPair")
-    ), U = E(t["aria-label"]), y = E(t["aria-describedby"]), { ariaLabel: w, label: $ } = Re(e), Y = u(() => h("ariaLabelFallback")), Se = pt({
+      A(e, "multiple"),
+      A(e, "enableValueLabelPair")
+    ), U = E(t["aria-label"]), y = E(t["aria-describedby"]), { ariaLabel: w, label: $ } = Re(e), Y = u(() => h("ariaLabelFallback")), Se = ut({
       // TODO: take ariaLabel ref away when aria-label prop is removed
       ariaLabel: w.value || U,
       label: $,
@@ -613,7 +614,7 @@ const _e = {
       "b-dropdown--condensed": e.condensed
     })), ze = u(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), R = E(""), Z = I(e, "items"), Ee = I(e, "staticCategories"), ae = Ut(
+    })), R = E(""), Z = A(e, "items"), Ee = A(e, "staticCategories"), oe = Ut(
       R,
       Z,
       (De = e == null ? void 0 : e.search) == null ? void 0 : De.searchEvent,
@@ -621,73 +622,73 @@ const _e = {
       (Te = e == null ? void 0 : e.search) == null ? void 0 : Te.debounceTime
     ), le = u(() => e.dynamicFiltering && !!R.value), Ve = Vt({
       items: Z,
-      placeholder: I(e, "placeholder"),
-      isMultiSelect: I(e, "multiple"),
-      selectedValues: K
+      placeholder: A(e, "placeholder"),
+      isMultiSelect: A(e, "multiple"),
+      selectedValues: z
     }), We = u(() => {
       if (e != null && e.multiple && Array.isArray(L.value))
         return e.items.filter(
-          ({ value: o }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(o)
+          ({ value: a }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(a)
         );
       if (!e.multiple && e.staticCategories) {
-        const o = e.items.find(
+        const a = e.items.find(
           (k) => k.items.some((P) => P.value === L.value)
         );
-        return o ? o.items.find((k) => k.value === L.value) : null;
+        return a ? a.items.find((k) => k.value === L.value) : null;
       }
-      return e.items.find(({ value: o }) => o === L.value);
+      return e.items.find(({ value: a }) => a === L.value);
     }), qe = u(() => {
-      const o = ae.value.findIndex(({ value: x }) => e.enableValueLabelPair ? L.value.value === x : L.value === x);
-      return o > -1 ? o : 0;
-    }), { isMultiLevelSelect: Ce, flattenedItemsList: Ue } = vt(Z), je = u(() => Ce.value && !e.staticCategories), He = u(() => je.value ? "treeitem" : "option"), Je = u(() => {
+      const a = oe.value.findIndex(({ value: I }) => e.enableValueLabelPair ? L.value.value === I : L.value === I);
+      return a > -1 ? a : 0;
+    }), { isMultiLevelSelect: Ce, flattenedItemsList: Ue } = ft(Z), je = u(() => Ce.value && !e.staticCategories), He = u(() => je.value ? "treeitem" : "option"), Je = u(() => {
       if (e.multiple) {
-        const o = Array.isArray(L.value) ? L.value.length : 0, x = Ce.value ? Ue.value.length : Z.value.length;
-        return o === 0 ? null : !e.hasMoreItems && x > 0 && x === o ? h("all") : o;
+        const a = Array.isArray(L.value) ? L.value.length : 0, I = Ce.value ? Ue.value.length : Z.value.length;
+        return a === 0 ? null : !e.hasMoreItems && I > 0 && I === a ? h("all") : a;
       }
       return null;
     }), Ye = u(
       () => [
-        e.description ? B : null,
+        e.description ? D : null,
         y.value,
-        e.errorMessage ? D : null
+        e.errorMessage ? T : null
       ].filter(Boolean).join(" ") || null
     ), Ze = u(() => {
-      var o;
-      return (o = p.value) == null ? void 0 : o.$el;
-    }), { visibleDomOptions: Qe, updateVisibleDomOptions: Oe } = yt(
+      var a;
+      return (a = p.value) == null ? void 0 : a.$el;
+    }), { visibleDomOptions: Qe, updateVisibleDomOptions: Oe } = mt(
       Ze,
-      ae,
+      oe,
       He
     ), Xe = () => {
-      g.value || (f.value = !0, A(() => {
+      g.value || (f.value = !0, B(() => {
         Oe();
       }));
     }, ne = () => {
       f.value = !1;
     }, se = () => {
-      g.value || (f.value = !f.value, A(() => {
+      g.value || (f.value = !f.value, B(() => {
         Oe();
       }), le.value && (R.value = ""));
     }, Ge = () => {
       le.value && (R.value = ""), f.value && (f.value = !1, p.value.onOutsideDropdownClick());
-    }, et = (o) => {
-      e.multiple || (R.value = "", f.value = !1, Be()), T(o), C(N.value);
+    }, et = async (a) => {
+      e.multiple || (R.value = "", f.value = !1), x(a), C(N.value), e.multiple || (await B(), Be());
     }, tt = () => {
       d(m.SHOW_MORE);
-    }, ot = Wt(
+    }, at = Wt(
       {
         inputContainerRef: c,
         optionsContainerRef: p,
         selectedValueIndex: qe,
         isDropdownOpen: f,
-        isDynamicFltering: I(e, "dynamicFiltering"),
+        isDynamicFltering: A(e, "dynamicFiltering"),
         items: Qe,
         isMultiple: e.multiple
       },
       se,
       Xe,
       ne
-    ), at = qt(
+    ), ot = qt(
       {
         inputContainerRef: c,
         isDropdownOpen: f
@@ -697,7 +698,7 @@ const _e = {
       [m.CLOSE_DROPDOWN]: ne,
       [m.SELECT]: et,
       [m.SHOW_MORE]: tt,
-      ...at
+      ...ot
     };
     e.error && re(
       'BentoDropdown "error" property',
@@ -716,31 +717,31 @@ const _e = {
     };
     return be(
       () => f.value,
-      (o) => {
-        o && d("open");
+      (a) => {
+        a && d("open");
       }
     ), r({
       focus: Be
-    }), (o, x) => te((S(), F("div", {
+    }), (a, I) => te((S(), K("div", {
       class: ve(["b-dropdown", Ke.value])
     }, [
-      n($) ? (S(), z(n(wt), {
+      n($) ? (S(), V(n(wt), {
         key: 0,
         id: n(v),
-        condensed: o.condensed,
+        condensed: a.condensed,
         label: n($),
-        "tooltip-text": o.tooltipText,
-        optional: o.optional,
-        required: o.required
-      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : V("", !0),
-      te((S(), F("div", _({
+        "tooltip-text": a.tooltipText,
+        optional: a.optional,
+        required: a.required
+      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : _("", !0),
+      te((S(), K("div", F({
         ref_key: "inputContainerRefWrapper",
         ref: b
-      }, ee(n(ot), !0)), [
-        (S(), z(ke(Fe.value), {
+      }, ee(n(at), !0)), [
+        (S(), V(ke(Fe.value), {
           ref_key: "inputContainerRef",
           ref: c,
-          condensed: o.condensed,
+          condensed: a.condensed,
           value: R.value,
           "additional-items-selected": Je.value,
           "aria-controls": n(O),
@@ -749,88 +750,88 @@ const _e = {
           "aria-describedby": Ye.value,
           "aria-label": n(Se),
           "aria-readonly": n(g),
-          "aria-required": o.required,
+          "aria-required": a.required,
           readonly: n(g),
-          disabled: o.disabled,
+          disabled: a.disabled,
           "display-value": n(Ve),
-          "dynamic-filtering": o.dynamicFiltering,
-          "is-invalid": !!o.errorMessage || o.error,
-          multiple: o.multiple,
+          "dynamic-filtering": a.dynamicFiltering,
+          "is-invalid": !!a.errorMessage || a.error,
+          multiple: a.multiple,
           open: f.value,
           "selected-value-item": n(we) ? void 0 : We.value,
-          "show-slot-content-in-multiple": o.showSlotContentInMultiple,
-          onInput: x[0] || (x[0] = (k) => R.value = k),
+          "show-slot-content-in-multiple": a.showSlotContentInMultiple,
+          onInput: I[0] || (I[0] = (k) => R.value = k),
           onOpen: se,
           onClose: se
         }, ce({ _: 2 }, [
           pe(n(s), (k, P) => ({
             name: P,
             fn: W((ie) => [
-              X(o.$slots, P, fe(me(ie)), void 0, !0)
+              X(a.$slots, P, fe(me(ie)), void 0, !0)
             ])
           }))
         ]), 1064, ["condensed", "value", "additional-items-selected", "aria-controls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "aria-required", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
       ], 16)), [
-        [n(Lt)]
+        [n(gt)]
       ]),
-      c.value ? (S(), z(n(Tt), _({
+      c.value ? (S(), V(n(Tt), F({
         key: 1,
         id: n(O),
         ref_key: "optionsContainerRef",
         ref: p,
         "aria-label": n(Se),
-        "component-loading": o.componentLoading,
-        "empty-state": o.emptyState,
-        disabled: o.disabled,
-        "is-option-disabled": o.isOptionDisabled,
-        items: n(ae),
-        multiple: o.multiple,
+        "component-loading": a.componentLoading,
+        "empty-state": a.emptyState,
+        disabled: a.disabled,
+        "is-option-disabled": a.isOptionDisabled,
+        items: n(oe),
+        multiple: a.multiple,
         "static-categories": Ee.value,
         open: f.value,
-        "selected-value": n(K),
+        "selected-value": n(z),
         searching: le.value,
         "target-element": b.value,
-        loading: o.loading,
-        "has-more-items": o.hasMoreItems,
-        "lazy-load-type": o.lazyLoadType,
-        "virtual-scroll": o.virtualScroll
+        loading: a.loading,
+        "has-more-items": a.hasMoreItems,
+        "lazy-load-type": a.lazyLoadType,
+        "virtual-scroll": a.virtualScroll
       }, ee(lt)), ce({ _: 2 }, [
         pe(n(s), (k, P) => ({
           name: P,
           fn: W((ie) => [
-            X(o.$slots, P, fe(me(ie)), void 0, !0)
+            X(a.$slots, P, fe(me(ie)), void 0, !0)
           ])
         }))
-      ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : V("", !0),
-      o.errorMessage ? (S(), z(n(Et), {
+      ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : _("", !0),
+      a.errorMessage ? (S(), V(n(Et), {
         key: 2,
-        id: n(D),
-        "error-message": o.errorMessage,
+        id: n(T),
+        "error-message": a.errorMessage,
         class: "b-dropdown__error-message"
-      }, null, 8, ["id", "error-message"])) : V("", !0),
-      o.description || n(l)("description") ? (S(), z(n(dt), {
+      }, null, 8, ["id", "error-message"])) : _("", !0),
+      a.description || n(l)("description") ? (S(), V(n(dt), {
         key: 3,
-        id: n(B),
+        id: n(D),
         class: ve(["b-dropdown__description", ze.value]),
         el: "span"
       }, {
         default: W(() => [
-          X(o.$slots, "description", {}, () => [
-            rt(ge(o.description), 1)
+          X(a.$slots, "description", {}, () => [
+            rt(ge(a.description), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["id", "class"])) : V("", !0)
+      }, 8, ["id", "class"])) : _("", !0)
     ], 2)), [
-      [n(ht), Ge]
+      [n(bt), Ge]
     ]);
   }
-}), bo = /* @__PURE__ */ J(Jt, [["__scopeId", "data-v-5d0bf95e"]]);
+}), ya = /* @__PURE__ */ J(Jt, [["__scopeId", "data-v-06d3531c"]]);
 export {
-  bo as B,
-  vo as I,
+  ya as B,
+  ma as I,
   jt as a,
-  yo as b,
+  va as b,
   Ut as u
 };
-//# sourceMappingURL=dropdown.Bdw2B-Cw.js.map
+//# sourceMappingURL=dropdown.BXbfqIpi.js.map