@adyen/bento-vue3 1.50.0 → 1.52.0

package/dist/chunks/{dropdown.a8OeeVAZ.js → dropdown.qw5oXFYs.js}

@@ -1,20 +1,21 @@
-import { ref as C, watch as Oe, computed as c, defineComponent as F, useSlots as Be, toRefs as De, createBlock as k, openBlock as L, resolveDynamicComponent as $e, mergeProps as M, withCtx as K, createElementVNode as te, withKeys as _e, unref as n, createVNode as Q, toHandlers as G, createSlots as re, renderList as de, renderSlot as X, normalizeProps as ue, guardReactiveProps as ce, createElementBlock as R, createCommentVNode as P, toDisplayString as ve, normalizeClass as pe, withDirectives as ee, vShow as Le, nextTick as A, useAttrs as Ze, toRef as D, inject as Qe, createTextVNode as Xe } from "vue";
-import { d as we, B as Ge } from "./typography.DN5eC5ch.js";
-import { g as H } from "./generate-uid.NJ8tVoha.js";
+import { ref as C, watch as Oe, computed as p, defineComponent as j, useSlots as Be, toRefs as De, createBlock as K, openBlock as L, resolveDynamicComponent as Ie, mergeProps as P, withCtx as z, createElementVNode as te, withKeys as Ye, unref as n, createVNode as Q, toHandlers as G, createSlots as re, renderList as de, renderSlot as X, normalizeProps as ue, guardReactiveProps as ce, createElementBlock as k, createCommentVNode as F, toDisplayString as ve, normalizeClass as fe, withDirectives as ee, vShow as Le, nextTick as I, useAttrs as Ze, toRef as D, inject as Qe, createTextVNode as Xe } from "vue";
+import { d as Ee, B as Ge } from "./typography.DN5eC5ch.js";
+import { g as J } from "./generate-uid.NJ8tVoha.js";
 import { u as et } from "./aria-label.CaUURpnB.js";
 import { u as ye } from "./i18n.D9azDLPe.js";
 import { u as tt } from "./use-form-layout-loading.D3lALhtC.js";
 import { B as at } from "./directive.O3yEdalv.js";
 import { s as se } from "./events.FNmSWp_P.js";
-import { B as I, a as lt } from "./keyboard-navigation.CqgGzfZQ.js";
-import { a as ie, b as U, c as ot, B as J, D as nt } from "./dropdown-default-textbox.BpvVMlcX.js";
-import { a as u, b as fe, B as me, c as st, u as it } from "./use-cached-selected-values.CxAhnNa6.js";
+import { B as N, a as lt } from "./keyboard-navigation.CqgGzfZQ.js";
+import { a as ie, b as _, c as ot, B as V, D as nt } from "./dropdown-default-textbox.CwsgzDpx.js";
+import { a as f, b as pe, B as me, c as st, u as it } from "./use-cached-selected-values.DDP7LJoI.js";
 import { u as rt } from "./use-has-slot.B7eQSabc.js";
-import { F as dt, E as ut } from "./error-message.B3z5WkLF.js";
-import { P as Ce } from "./popper-container.BvGYgqiE.js";
+import { F as dt, E as ut } from "./error-message.DAjisbU1.js";
+import { P as we } from "./popper-container.CEtaux25.js";
 import "./popper-container.types.BCZMbVFD.js";
-import { B as ct } from "./popover.BNOfWuSb.js";
-import { _ as V } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as ct } from "./popover.COzLcAET.js";
+import { _ as Y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+/* empty css              */
 import "../assets/dropdown.css";
 const be = {
   "en-US": {
@@ -30,62 +31,62 @@ const be = {
     apply: "Aplicar",
     cancel: "Cancelar"
   }
-}, pt = (e, i, s, a) => {
+}, ft = (e, i, s, a) => {
   const o = C(e.value), { t: l } = ye({ messages: be });
   Oe(e, () => {
     o.value = e.value;
   });
-  const t = c(
+  const t = p(
     () => JSON.stringify(o.value) === JSON.stringify(e.value)
-  ), d = () => {
-    a(u.SELECT, o.value), a(u.CLOSE_DROPDOWN);
-  }, p = () => {
-    o.value = e.value, a(u.CLOSE_DROPDOWN);
+  ), c = () => {
+    a(f.SELECT, o.value), a(f.CLOSE_DROPDOWN);
+  }, m = () => {
+    o.value = e.value, a(f.CLOSE_DROPDOWN);
   }, h = () => {
     s.value && i.value && (o.value = e.value);
-  }, r = c(() => [
+  }, r = p(() => [
     {
       title: l("apply"),
-      event: d,
+      event: c,
       disabled: t.value
     },
     {
       title: l("cancel"),
-      event: p
+      event: m
     }
-  ]), y = (S) => {
-    o.value = S, i.value || a(u.SELECT, S);
-  }, m = (S) => {
-    y(S), a(u.TAB);
-  }, E = (S) => {
-    y(S), a(u.ENTER);
+  ]), b = (S) => {
+    o.value = S, i.value || a(f.SELECT, S);
+  }, u = (S) => {
+    b(S), a(f.TAB);
+  }, x = (S) => {
+    b(S), a(f.ENTER);
   }, O = (S) => {
-    y(S), a(u.SPACE);
-  }, f = () => {
-    p(), a(u.ESCAPE);
+    b(S), a(f.SPACE);
+  }, v = () => {
+    m(), a(f.ESCAPE);
   }, B = () => {
-    a(u.SHOW_MORE);
-  }, w = {
-    [u.SELECT]: y,
-    [u.SHOW_MORE]: B,
-    [u.TAB]: m,
-    [u.SPACE]: O,
-    [u.ENTER]: E
+    a(f.SHOW_MORE);
+  }, E = {
+    [f.SELECT]: b,
+    [f.SHOW_MORE]: B,
+    [f.TAB]: u,
+    [f.SPACE]: O,
+    [f.ENTER]: x
   };
   return {
     // Values
     actions: r,
     internalSelectedValue: o,
     // Methods
-    listeners: w,
-    onEscapeKey: f,
+    listeners: E,
+    onEscapeKey: v,
     onOutsideDropdownClick: h
   };
-}, ft = F({
+}, pt = j({
   i18n: { messages: be },
   name: "bento-dropdown-options-container"
-}), mt = /* @__PURE__ */ F({
-  ...ft,
+}), mt = /* @__PURE__ */ j({
+  ...pt,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -171,7 +172,7 @@ const be = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: fe.props.searching,
+    searching: pe.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -180,7 +181,7 @@ const be = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: Ce.props.targetElement.type, required: !0 },
+    targetElement: { type: we.props.targetElement.type, required: !0 },
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
      * The itemHeight function is used to calculate the height of rendered item given it's index.
@@ -191,14 +192,14 @@ const be = {
     }
   },
   setup(e, { expose: i, emit: s }) {
-    const a = Be(), o = s, l = e, { selectedValue: t, multiple: d } = De(l), p = C(null), { t: h } = ye({ messages: be }), r = c(() => l.open && !l.disabled), y = c(() => h("noOptionsMatchThisSearch")), m = c(() => ({
+    const a = Be(), o = s, l = e, { selectedValue: t, multiple: c } = De(l), m = C(null), { t: h } = ye({ messages: be }), r = p(() => l.open && !l.disabled), b = p(() => h("noOptionsMatchThisSearch")), u = p(() => ({
       "b-dropdown-options-container--single": !(l != null && l.multiple)
-    })), E = c(() => ({
+    })), x = p(() => ({
       "b-dropdown-options-container__listbox--single": !(l != null && l.multiple)
-    })), { actions: O, internalSelectedValue: f, listeners: B, onEscapeKey: w, onOutsideDropdownClick: S } = pt(t, d, r, o), z = c(() => l != null && l.multiple ? ct : Ce), Y = c(() => {
-      var b;
-      const v = {
-        "min-width": `${(b = l == null ? void 0 : l.targetElement) == null ? void 0 : b.clientWidth}px`,
+    })), { actions: O, internalSelectedValue: v, listeners: B, onEscapeKey: E, onOutsideDropdownClick: S } = ft(t, c, r, o), W = p(() => l != null && l.multiple ? ct : we), q = p(() => {
+      var d;
+      const A = {
+        "min-width": `${(d = l == null ? void 0 : l.targetElement) == null ? void 0 : d.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return l != null && l.multiple ? {
@@ -206,12 +207,12 @@ const be = {
         actions: O.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: H(`dropdown-options-${l.id}`),
+        id: J(`dropdown-options-${l.id}`),
         open: l.open,
         position: "bottom-start",
         style: {
           width: "auto",
-          ...v
+          ...A
         },
         targetElement: l.targetElement
       } : {
@@ -220,48 +221,48 @@ const be = {
         position: "bottom-start",
         style: {
           display: r.value ? "block" : "none",
-          ...v
+          ...A
         },
         targetElement: l.targetElement
       };
     });
     return i({
       onOutsideDropdownClick: S
-    }), (v, b) => (L(), k($e(z.value), M({
-      class: ["b-dropdown-options-container", m.value],
+    }), (A, d) => (L(), K(Ie(W.value), P({
+      class: ["b-dropdown-options-container", u.value],
       "aria-label": e.ariaLabel
-    }, Y.value), {
-      default: K(() => [
+    }, q.value), {
+      default: z(() => [
         te("div", {
-          onKeydown: b[0] || (b[0] = _e(
+          onKeydown: d[0] || (d[0] = Ye(
             //@ts-ignore
-            (...x) => n(w) && n(w)(...x),
+            (...y) => n(E) && n(E)(...y),
             ["esc"]
           ))
         }, [
-          Q(n(fe), M({
+          Q(n(pe), P({
             id: e.id,
             ref_key: "dropdownOptionsListboxRef",
-            ref: p,
+            ref: m,
             "aria-label": e.ariaLabel,
-            class: ["b-dropdown-options-container__listbox", E.value],
+            class: ["b-dropdown-options-container__listbox", x.value],
             "empty-state": e.emptyState,
             "is-option-disabled": e.isOptionDisabled,
             items: e.items,
-            "selected-value": n(f),
-            multiple: n(d),
+            "selected-value": n(v),
+            multiple: n(c),
             "static-categories": e.staticCategories,
-            "no-results-message": y.value,
+            "no-results-message": b.value,
             searching: e.searching,
             loading: e.loading,
             "lazy-load-type": e.lazyLoadType,
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
           }, G(n(B))), re({ _: 2 }, [
-            de(n(a), (x, j) => ({
-              name: j,
-              fn: K((_) => [
-                X(v.$slots, j, ue(ce(_)), void 0, !0)
+            de(n(a), (y, w) => ({
+              name: w,
+              fn: z((R) => [
+                X(A.$slots, w, ue(ce(R)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
@@ -270,54 +271,54 @@ const be = {
       _: 3
     }, 16, ["aria-label", "class"]));
   }
-}), vt = /* @__PURE__ */ V(mt, [["__scopeId", "data-v-9390dd46"]]);
-let Ee = 0;
+}), vt = /* @__PURE__ */ Y(mt, [["__scopeId", "data-v-9390dd46"]]);
+let Ce = 0;
 const yt = {
   beforeCreate() {
-    this.uuid = Ee.toString(), Ee += 1;
+    this.uuid = Ce.toString(), Ce += 1;
   }
 }, bt = { key: 0 };
 function gt(e, i, s, a, o, l) {
-  return L(), R("svg", M({ role: "img" }, e.$attrs, {
+  return L(), k("svg", P({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (L(), R("title", bt, ve(e.$attrs["svg-title"]), 1)) : P("", !0),
+    e.$attrs["svg-title"] ? (L(), k("title", bt, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
     i[0] || (i[0] = te("path", {
       fill: "#00112C",
       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))
   ], 16);
 }
-const ht = /* @__PURE__ */ V(yt, [["render", gt]]);
+const ht = /* @__PURE__ */ Y(yt, [["render", gt]]);
 let xe = 0;
 const St = {
   beforeCreate() {
     this.uuid = xe.toString(), xe += 1;
   }
 }, Lt = { key: 0 };
-function wt(e, i, s, a, o, l) {
-  return L(), R("svg", M({ role: "img" }, e.$attrs, {
+function Et(e, i, s, a, o, l) {
+  return L(), k("svg", P({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (L(), R("title", Lt, ve(e.$attrs["svg-title"]), 1)) : P("", !0),
+    e.$attrs["svg-title"] ? (L(), k("title", Lt, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
     i[0] || (i[0] = te("path", {
       fill: "#00112C",
       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))
   ], 16);
 }
-const Ct = /* @__PURE__ */ V(St, [["render", wt]]), Et = { class: "b-dropdown-small-textbox__chevron" }, xt = F({
+const wt = /* @__PURE__ */ Y(St, [["render", Et]]), Ct = { class: "b-dropdown-small-textbox__chevron" }, xt = j({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), Ot = /* @__PURE__ */ F({
+}), Ot = /* @__PURE__ */ j({
   ...xt,
   props: {
     /**
@@ -379,48 +380,48 @@ const Ct = /* @__PURE__ */ V(St, [["render", wt]]), Et = { class: "b-dropdown-sm
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(e, { expose: i, emit: s }) {
-    const a = s, o = e, l = C(null), t = c(() => ({
+    const a = s, o = e, l = C(null), t = p(() => ({
       [`b-dropdown-small-textbox--${ie.DISABLED}`]: o.disabled,
       [`b-dropdown-small-textbox--${ie.READONLY}`]: o.readonly,
       [`b-dropdown-small-textbox--${ie.OPENED}`]: o.open
-    })), d = c(() => o.open && !o.disabled && !o.readonly), p = (f) => {
-      a("input", f);
-    }, h = (f) => {
-      a("keydown", f);
-    }, r = (f) => {
-      se(f), a("open");
-    }, y = (f) => {
-      se(f), a("close");
-    }, m = (f) => {
-      se(f), a("clear");
-    }, E = {
-      [U.INPUT]: p,
-      [U.OPEN]: r,
-      [U.CLOSE]: y,
-      [U.CLEAR]: m,
-      [U.KEYDOWN]: h
+    })), c = p(() => o.open && !o.disabled && !o.readonly), m = (v) => {
+      a("input", v);
+    }, h = (v) => {
+      a("keydown", v);
+    }, r = (v) => {
+      se(v), a("open");
+    }, b = (v) => {
+      se(v), a("close");
+    }, u = (v) => {
+      se(v), a("clear");
+    }, x = {
+      [_.INPUT]: m,
+      [_.OPEN]: r,
+      [_.CLOSE]: b,
+      [_.CLEAR]: u,
+      [_.KEYDOWN]: h
     };
     return i({
       focus: () => {
         l.value.focus();
       }
-    }), (f, B) => (L(), R("div", {
-      class: pe(["b-dropdown-small-textbox", t.value])
+    }), (v, B) => (L(), k("div", {
+      class: fe(["b-dropdown-small-textbox", t.value])
     }, [
-      Q(ot, M({
+      Q(ot, P({
         ref_key: "baseTextbox",
         ref: l
-      }, { ...f.$attrs, ...f.$props }, {
+      }, { ...v.$attrs, ...v.$props }, {
         class: "b-dropdown-small-textbox__textbox",
-        size: n(J).SMALL
-      }, G(E)), {
-        icon: K(() => [
-          te("div", Et, [
-            ee(Q(n(Ct), { "svg-title": "opened" }, null, 512), [
-              [Le, d.value]
+        size: n(V).SMALL
+      }, G(x)), {
+        icon: z(() => [
+          te("div", Ct, [
+            ee(Q(n(wt), { "svg-title": "opened" }, null, 512), [
+              [Le, c.value]
             ]),
             ee(Q(n(ht), { "svg-title": "closed" }, null, 512), [
-              [Le, !d.value]
+              [Le, !c.value]
             ])
           ])
         ]),
@@ -428,22 +429,22 @@ const Ct = /* @__PURE__ */ V(St, [["render", wt]]), Et = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), Bt = /* @__PURE__ */ V(Ot, [["__scopeId", "data-v-66b5eaa5"]]), Dt = (e, i) => i.value.reduce((s, a) => {
+}), Bt = /* @__PURE__ */ Y(Ot, [["__scopeId", "data-v-66b5eaa5"]]), Dt = (e, i) => i.value.reduce((s, a) => {
   if (a.items) {
     const o = a.items.filter(
-      (t) => e.value.find((d) => d.value === t.value)
+      (t) => e.value.find((c) => c.value === t.value)
     );
-    o.length === a.items.length ? s.push(a.displayValue ?? a.label) : o.forEach(({ label: t, displayValue: d }) => s.push(d ?? t));
+    o.length === a.items.length ? s.push(a.displayValue ?? a.label) : o.forEach(({ label: t, displayValue: c }) => s.push(c ?? t));
   }
   return e.value.find((o) => o.value === a.value) && s.push(a.displayValue ?? a.label), s;
-}, []).join(", "), $t = ({ items: e, placeholder: i, selectedValues: s, isMultiSelect: a }) => {
-  const o = c(
+}, []).join(", "), It = ({ items: e, placeholder: i, selectedValues: s, isMultiSelect: a }) => {
+  const o = p(
     () => a.value && e.value.find((t) => {
-      var d;
-      return (d = t.items) == null ? void 0 : d.length;
+      var c;
+      return (c = t.items) == null ? void 0 : c.length;
     })
   );
-  return c(() => s.value.length ? o.value ? Dt(s, e) : s.value.map(({ label: t, displayValue: d }) => d ?? t).join(", ") : i.value || null);
+  return p(() => s.value.length ? o.value ? Dt(s, e) : s.value.map(({ label: t, displayValue: c }) => c ?? t).join(", ") : i.value || null);
 }, Te = (e) => {
   var i;
   (i = e.value.$children) == null || i[0].$refs.textbox.focus();
@@ -455,84 +456,91 @@ const Ct = /* @__PURE__ */ V(St, [["render", wt]]), Et = { class: "b-dropdown-sm
   isDynamicFltering: o,
   items: l,
   isMultiple: t
-}, d, p, h) => {
-  const r = async (v) => {
-    var b, x;
-    o.value && await A(), (x = (b = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : b.$el.querySelectorAll('[role="option"]')[v]) == null || x.focus();
-  }, y = (v) => {
-    var b;
-    return (b = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : b.setListboxFocusedIndex(
-      v
+}, c, m, h) => {
+  const r = async (d) => {
+    var y, w;
+    o.value && await I(), (w = (y = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : y.$el.querySelectorAll('[role="option"]')[d]) == null || w.focus();
+  }, b = async (d) => {
+    var w, R;
+    o.value && await I();
+    const y = (w = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : w.$el.querySelectorAll(
+      "button"
+    );
+    y.length ? (R = y[d]) == null || R.focus() : r(d);
+  }, u = (d) => {
+    var y;
+    return (y = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : y.setListboxFocusedIndex(
+      d
     );
-  }, m = ({ detail: v }) => {
-    v.preventDefault(), a.value || p(), A(() => {
-      t ? r(0) : (y(s.value), r(s.value));
+  }, x = ({ detail: d }) => {
+    d.preventDefault(), a.value || m(), I(() => {
+      t ? b(0) : (u(s.value), r(s.value));
     });
-  }, E = ({ detail: v }) => {
-    v.preventDefault(), a.value || p(), A(() => {
-      y(s.value), r(s.value);
+  }, O = ({ detail: d }) => {
+    d.preventDefault(), a.value || m(), I(() => {
+      t ? b(0) : (u(s.value), r(s.value));
     });
-  }, O = () => {
-    a.value || (p(), A(() => {
-      var v;
+  }, v = () => {
+    a.value || (m(), I(() => {
+      var d;
       if (t) {
-        const b = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children;
-        (v = b == null ? void 0 : b[b.length - 1].$el.querySelectorAll('[role="option"]')[l.length - 1]) == null || v.focus();
+        const y = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children;
+        (d = y == null ? void 0 : y[y.length - 1].$el.querySelectorAll('[role="option"]')[l.length - 1]) == null || d.focus();
       } else
-        y(l.length - 1), r(l.length - 1);
+        u(l.length - 1), r(l.length - 1);
     }));
-  }, f = () => {
-    a.value && (h(), Te(e));
   }, B = () => {
+    a.value && (h(), Te(e));
+  }, E = () => {
     a.value && h();
-  }, w = () => {
-    a.value || p(), A(() => {
-      r(0);
+  }, S = () => {
+    a.value || m(), I(() => {
+      t ? b(0) : r(0);
     });
-  }, S = ({ detail: v }) => {
-    v.preventDefault(), d(), a.value && A(() => {
-      t ? r(0) : (y(s.value), r(s.value));
+  }, W = ({ detail: d }) => {
+    d.preventDefault(), c(), a.value && I(() => {
+      t ? b(0) : (u(s.value), r(s.value));
     });
-  }, z = () => {
-    d(), a.value && A(() => {
-      t ? r(0) : (y(s.value), r(s.value));
+  }, q = ({ detail: d }) => {
+    d.preventDefault(), c(), a.value && I(() => {
+      t ? b(0) : (u(s.value), r(s.value));
     });
   };
-  return c(() => ({
-    ...o.value ? {} : { [I.SPACE]: S },
-    [I.ENTER]: z,
-    [I.ARROW_DOWN]: m,
-    [I.ARROW_UP]: E,
-    [I.END]: O,
-    [I.ESCAPE]: f,
-    [I.HOME]: w,
-    [I.TAB]: B
+  return p(() => ({
+    ...o.value ? {} : { [N.SPACE]: W },
+    [N.ENTER]: q,
+    [N.ARROW_DOWN]: x,
+    [N.ARROW_UP]: O,
+    [N.END]: v,
+    [N.ESCAPE]: B,
+    [N.HOME]: S,
+    [N.TAB]: E
   }));
-}, It = ({ inputContainerRef: e, isDropdownOpen: i }, s) => {
+}, $t = ({ inputContainerRef: e, isDropdownOpen: i }, s) => {
   const a = () => {
-    i.value && s(), A(() => {
+    i.value && s(), I(() => {
       Te(e);
     });
   };
   return {
-    [u.ENTER]: a,
-    [u.ESCAPE]: a,
-    [u.TAB]: a,
-    [u.SPACE]: a
+    [f.ENTER]: a,
+    [f.ESCAPE]: a,
+    [f.TAB]: a,
+    [f.SPACE]: a
   };
 };
-function At(e, i, s, a) {
-  const o = C(e), l = C(i), t = (p, h = []) => h.flatMap((r) => r.label.toLocaleLowerCase().includes(p) ? a != null && a.value && r.items ? [...t(p, r.items)] : [r, ...t(p, r.items)] : r.items ? [...t(p, r.items)] : []);
+function Nt(e, i, s, a) {
+  const o = C(e), l = C(i), t = (m, h = []) => h.flatMap((r) => r.label.toLocaleLowerCase().includes(m) ? a != null && a.value && r.items ? [...t(m, r.items)] : [r, ...t(m, r.items)] : r.items ? [...t(m, r.items)] : []);
   return Oe(o, () => {
     s !== void 0 && s(o.value);
-  }), c(() => {
+  }), p(() => {
     if (!o.value || s !== void 0)
       return l.value;
-    const p = o.value.toLocaleLowerCase();
-    return t(p, l.value);
+    const m = o.value.toLocaleLowerCase();
+    return t(m, l.value);
   });
 }
-const Ie = {
+const $e = {
   "en-US": {
     all: "All",
     ariaLabelFallback: "Dropdown",
@@ -546,15 +554,15 @@ const Ie = {
     all: "Todos",
     clearFilter: "Limpar filtro"
   }
-}, Nt = Symbol("input field component injection key"), ea = Symbol("input field hint injection key"), Mt = F({
-  i18n: { messages: Ie },
+}, At = Symbol("input field component injection key"), ta = Symbol("input field hint injection key"), aa = Symbol("input field parent component injection key"), Rt = j({
+  i18n: { messages: $e },
   name: "b-dropdown",
   components: {
     DropdownInputDefault: nt,
     DropdownInputSmall: Bt
   }
-}), Rt = /* @__PURE__ */ F({
-  ...Mt,
+}), Mt = /* @__PURE__ */ j({
+  ...Rt,
   props: {
     /**
      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -641,7 +649,7 @@ const Ie = {
      */
     lazyLoadType: {
       type: String,
-      default: fe.props.lazyLoadType.default,
+      default: pe.props.lazyLoadType.default,
       validator: (e) => Object.values(me).includes(e)
     },
     /*
@@ -682,7 +690,7 @@ const Ie = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values(J).includes(e)
+      validator: (e) => Object.values(V).includes(e)
     },
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -713,66 +721,66 @@ const Ie = {
   emits: ["input", "show-more"],
   setup(e, { expose: i, emit: s }) {
     var Se;
-    const a = Ze(), o = Be(), l = rt(o), t = e, d = s, { t: p } = ye({ messages: Ie }), h = C(null), r = C(null), y = C(null), m = C(!1), E = H("bento-dropdown-options-container"), O = H("dropdown-label"), f = H("dropdown-description"), B = H("dropdown-error"), { isReadOnly: w } = tt(D(t, "readonly")), { cachedSelectedListboxOptions: S, cachedListboxSelectedValues: z, setCachedValues: Y } = st(
+    const a = Ze(), o = Be(), l = rt(o), t = e, c = s, { t: m } = ye({ messages: $e }), h = C(null), r = C(null), b = C(null), u = C(!1), x = J("bento-dropdown-options-container"), O = J("dropdown-label"), v = J("dropdown-description"), B = J("dropdown-error"), { isReadOnly: E } = tt(D(t, "readonly")), { cachedSelectedListboxOptions: S, cachedListboxSelectedValues: W, setCachedValues: q } = st(
       D(t, "items"),
       D(t, "value"),
       D(t, "multiple")
-    ), v = C(a["aria-label"]), { ariaLabel: b, label: x } = De(t), j = et({
+    ), A = C(a["aria-label"]), { ariaLabel: d, label: y } = De(t), w = et({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: b || v,
-      label: x,
-      defaultFallback: p("ariaLabelFallback")
-    }), _ = t.size === J.SMALL || Qe(Nt, !1), Ae = c(() => _ ? J.SMALL : J.DEFAULT), Ne = c(() => ({
+      ariaLabel: d || A,
+      label: y,
+      defaultFallback: m("ariaLabelFallback")
+    }), R = t.size === V.SMALL || Qe(At, !1), Ne = p(() => R ? V.SMALL : V.DEFAULT), Ae = p(() => ({
       "b-dropdown--condensed": t.condensed
-    })), Me = c(() => ({
+    })), Re = p(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), N = C(""), Z = D(t, "items"), ge = D(t, "staticCategories"), he = At(N, Z, (Se = t == null ? void 0 : t.search) == null ? void 0 : Se.searchEvent, ge), ae = c(() => t.dynamicFiltering && !!N.value), Re = $t({
+    })), M = C(""), Z = D(t, "items"), ge = D(t, "staticCategories"), he = Nt(M, Z, (Se = t == null ? void 0 : t.search) == null ? void 0 : Se.searchEvent, ge), ae = p(() => t.dynamicFiltering && !!M.value), Me = It({
       items: Z,
       placeholder: D(t, "placeholder"),
       isMultiSelect: D(t, "multiple"),
       selectedValues: S
-    }), ke = c(() => {
+    }), Pe = p(() => {
       if (t != null && t.multiple && Array.isArray(t.value))
         return t.items.filter(
           ({ value: g }) => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value).includes(g)
         );
       if (!t.multiple && t.staticCategories) {
         const g = t.items.find(
-          (T) => T.items.some((W) => W.value === t.value)
+          ($) => $.items.some((U) => U.value === t.value)
         );
-        return g ? g.items.find((T) => T.value === t.value) : null;
+        return g ? g.items.find(($) => $.value === t.value) : null;
       }
       return t.items.find(({ value: g }) => g === (t == null ? void 0 : t.value));
-    }), Pe = c(() => {
-      const g = he.value.findIndex(({ value: $ }) => t.value === $);
+    }), ke = p(() => {
+      const g = he.value.findIndex(({ value: T }) => t.value === T);
       return g > 0 ? g : 0;
-    }), { isMultiLevelSelect: Ke, flattenedItemsList: Fe } = it(Z), ze = c(() => {
+    }), { isMultiLevelSelect: Ke, flattenedItemsList: Fe } = it(Z), ze = p(() => {
       var g;
       if (t.multiple) {
-        const $ = (g = t == null ? void 0 : t.value) == null ? void 0 : g.length, T = Ke.value ? Fe.value.length : Z.value.length;
-        return !t.hasMoreItems && T === $ ? p("all") : $;
+        const T = (g = t == null ? void 0 : t.value) == null ? void 0 : g.length, $ = Ke.value ? Fe.value.length : Z.value.length;
+        return !t.hasMoreItems && $ === T ? m("all") : T;
       }
       return null;
-    }), je = c(
-      () => `${t.description ? f : ""} ${t.errorMessage ? B : ""}`.trim() || null
+    }), je = p(
+      () => `${t.description ? v : ""} ${t.errorMessage ? B : ""}`.trim() || null
     ), We = () => {
-      w.value || (m.value = !0);
+      E.value || (u.value = !0);
     }, le = () => {
-      m.value = !1;
+      u.value = !1;
     }, oe = () => {
-      w.value || (m.value = !m.value, ae.value && (N.value = ""));
+      E.value || (u.value = !u.value, ae.value && (M.value = ""));
     }, qe = () => {
-      ae.value && (N.value = ""), m.value && (m.value = !1, y.value.onOutsideDropdownClick());
+      ae.value && (M.value = ""), u.value && (u.value = !1, b.value.onOutsideDropdownClick());
     }, Ue = (g) => {
-      t.multiple || (N.value = "", m.value = !1), Y(g), d("input", z.value);
+      t.multiple || (M.value = "", u.value = !1), q(g), c("input", W.value);
     }, He = () => {
-      d(u.SHOW_MORE);
-    }, Je = Tt(
+      c(f.SHOW_MORE);
+    }, _e = Tt(
       {
         inputContainerRef: h,
-        optionsContainerRef: y,
-        selectedValueIndex: Pe,
-        isDropdownOpen: m,
+        optionsContainerRef: b,
+        selectedValueIndex: ke,
+        isDropdownOpen: u,
         isDynamicFltering: D(t, "dynamicFiltering"),
         items: t.items,
         isMultiple: t.multiple
@@ -780,95 +788,95 @@ const Ie = {
       oe,
       We,
       le
-    ), Ve = It(
+    ), Je = $t(
       {
         inputContainerRef: h,
-        isDropdownOpen: m
+        isDropdownOpen: u
       },
       le
-    ), Ye = {
-      [u.CLOSE_DROPDOWN]: le,
-      [u.SELECT]: Ue,
-      [u.SHOW_MORE]: He,
-      ...Ve
+    ), Ve = {
+      [f.CLOSE_DROPDOWN]: le,
+      [f.SELECT]: Ue,
+      [f.SHOW_MORE]: He,
+      ...Je
     };
-    return t.error && we(
+    return t.error && Ee(
       'BentoDropdown "error" property',
       `Use the BentoDropdown "errorMessage" property instead to indicate that there is a modifier error.
                         Having the field as "undefined" will hide/remove the error.
                         <bento-dropdown errorMessage="Error message text" />`,
       "2.0.0"
-    ), t.size && we('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), i({
+    ), t.size && Ee('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), i({
       focus: () => {
         h.value.focus();
       }
-    }), (g, $) => {
-      var T;
-      return ee((L(), R("div", {
-        class: pe(["b-dropdown", Ne.value])
+    }), (g, T) => {
+      var $;
+      return ee((L(), k("div", {
+        class: fe(["b-dropdown", Ae.value])
       }, [
-        n(x) ? (L(), k(n(dt), {
+        n(y) ? (L(), K(n(dt), {
           key: 0,
           id: n(O),
           condensed: e.condensed,
-          label: n(x),
+          label: n(y),
           "tooltip-text": e.tooltipText,
           optional: e.optional,
           required: e.required
-        }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : P("", !0),
-        ee((L(), R("div", M({
+        }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : F("", !0),
+        ee((L(), k("div", P({
           ref_key: "inputContainerRefWrapper",
           ref: r
-        }, G(n(Je), !0)), [
-          (L(), k($e(Ae.value), {
+        }, G(n(_e), !0)), [
+          (L(), K(Ie(Ne.value), {
             ref_key: "inputContainerRef",
             ref: h,
             condensed: e.condensed,
-            value: N.value,
+            value: M.value,
             "additional-items-selected": ze.value,
-            ariaControls: n(E),
-            ariaExpanded: m.value,
-            "aria-labelledby": n(x) ? n(O) : null,
+            ariaControls: n(x),
+            ariaExpanded: u.value,
+            "aria-labelledby": n(y) ? n(O) : null,
             "aria-describedby": je.value,
-            "aria-label": n(j),
-            "aria-readonly": n(w),
-            readonly: n(w),
+            "aria-label": n(w),
+            "aria-readonly": n(E),
+            readonly: n(E),
             disabled: e.disabled,
-            "display-value": n(Re),
+            "display-value": n(Me),
             "dynamic-filtering": e.dynamicFiltering,
             "is-invalid": !!e.errorMessage || e.error,
             multiple: e.multiple,
-            open: m.value,
-            "selected-value-item": n(_) ? void 0 : ke.value,
+            open: u.value,
+            "selected-value-item": n(R) ? void 0 : Pe.value,
             "show-slot-content-in-multiple": e.showSlotContentInMultiple,
-            onInput: $[0] || ($[0] = (W) => N.value = W),
+            onInput: T[0] || (T[0] = (U) => M.value = U),
             onOpen: oe,
             onClose: oe
           }, re({ _: 2 }, [
-            de(n(o), (W, q) => ({
-              name: q,
-              fn: K((ne) => [
-                X(g.$slots, q, ue(ce(ne)), void 0, !0)
+            de(n(o), (U, H) => ({
+              name: H,
+              fn: z((ne) => [
+                X(g.$slots, H, ue(ce(ne)), void 0, !0)
               ])
             }))
           ]), 1064, ["condensed", "value", "additional-items-selected", "ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
         ], 16)), [
           [n(lt)]
         ]),
-        h.value ? (L(), k(n(vt), M({
+        h.value ? (L(), K(n(vt), P({
           key: 1,
-          id: n(E),
+          id: n(x),
           ref_key: "optionsContainerRef",
-          ref: y,
-          "aria-label": n(j),
+          ref: b,
+          "aria-label": n(w),
           "empty-state": e.emptyState,
-          "debounce-time": (T = e.search) == null ? void 0 : T.debounceTime,
+          "debounce-time": ($ = e.search) == null ? void 0 : $.debounceTime,
           disabled: e.disabled,
           "is-option-disabled": e.isOptionDisabled,
           items: n(he),
           multiple: e.multiple,
           "static-categories": ge.value,
-          open: m.value,
+          open: u.value,
           "selected-value": n(S),
           searching: ae.value,
           "target-element": r.value,
@@ -876,43 +884,44 @@ const Ie = {
           "has-more-items": e.hasMoreItems,
           "lazy-load-type": e.lazyLoadType,
           "virtual-scroll": e.virtualScroll
-        }, G(Ye)), re({ _: 2 }, [
-          de(n(o), (W, q) => ({
-            name: q,
-            fn: K((ne) => [
-              X(g.$slots, q, ue(ce(ne)), void 0, !0)
+        }, G(Ve)), re({ _: 2 }, [
+          de(n(o), (U, H) => ({
+            name: H,
+            fn: z((ne) => [
+              X(g.$slots, H, ue(ce(ne)), void 0, !0)
             ])
           }))
-        ]), 1040, ["id", "aria-label", "empty-state", "debounce-time", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : P("", !0),
-        e.errorMessage ? (L(), k(n(ut), {
+        ]), 1040, ["id", "aria-label", "empty-state", "debounce-time", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : F("", !0),
+        e.errorMessage ? (L(), K(n(ut), {
           key: 2,
           id: n(B),
           "error-message": e.errorMessage,
           class: "b-dropdown__error-message"
-        }, null, 8, ["id", "error-message"])) : P("", !0),
-        e.description || n(l)("description") ? (L(), k(n(Ge), {
+        }, null, 8, ["id", "error-message"])) : F("", !0),
+        e.description || n(l)("description") ? (L(), K(n(Ge), {
           key: 3,
-          id: n(f),
-          class: pe(["b-dropdown__description", Me.value]),
+          id: n(v),
+          class: fe(["b-dropdown__description", Re.value]),
           el: "span"
         }, {
-          default: K(() => [
+          default: z(() => [
             X(g.$slots, "description", {}, () => [
               Xe(ve(e.description), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["id", "class"])) : P("", !0)
+        }, 8, ["id", "class"])) : F("", !0)
       ], 2)), [
         [n(at), qe]
       ]);
     };
   }
-}), ta = /* @__PURE__ */ V(Rt, [["__scopeId", "data-v-c2f2009c"]]);
+}), la = /* @__PURE__ */ Y(Mt, [["__scopeId", "data-v-c2f2009c"]]);
 export {
-  ta as B,
-  ea as I,
-  Nt as a,
-  At as u
+  la as B,
+  ta as I,
+  At as a,
+  aa as b,
+  Nt as u
 };
-//# sourceMappingURL=dropdown.a8OeeVAZ.js.map
+//# sourceMappingURL=dropdown.qw5oXFYs.js.map