@adyen/bento-vue3 1.63.2 → 1.64.0

package/dist/chunks/{dropdown.BPQS22Kl.js → dropdown.Bz5hTRFH.js}

@@ -1,21 +1,21 @@
-import { ref as C, watch as Oe, computed as f, defineComponent as j, useSlots as Be, toRefs as De, createBlock as K, openBlock as L, resolveDynamicComponent as Ie, mergeProps as M, withCtx as z, 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 P, createCommentVNode as F, toDisplayString as ve, normalizeClass as pe, withDirectives as ee, vShow as Le, nextTick as I, useAttrs as Ze, toRef as O, inject as Qe, createTextVNode as Xe } from "vue";
-import { d as Ee, B as Ge } from "./typography.DN5eC5ch.js";
-import { a as se, b as V, c as et, B as J, D as tt } from "./dropdown-default-textbox.B05elQig.js";
+import { ref as w, watch as Be, computed as p, defineComponent as j, useSlots as De, toRefs as Ie, createBlock as K, openBlock as L, resolveDynamicComponent as Te, mergeProps as M, withCtx as z, createElementVNode as te, withKeys as Ze, 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 P, createCommentVNode as F, toDisplayString as ve, normalizeClass as pe, withDirectives as ee, vShow as Ee, nextTick as I, useAttrs as Qe, toRef as O, inject as Xe, createTextVNode as Ge } from "vue";
+import { d as we, B as et } from "./typography.DN5eC5ch.js";
+import { a as se, b as V, c as tt, B as J, D as at } from "./dropdown-default-textbox.B05elQig.js";
 /* empty css              */
-import { _ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { _ as Y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { s as ie } from "./events.FNmSWp_P.js";
-import { g as Y } from "./generate-uid.NJ8tVoha.js";
-import { u as at } from "./aria-label.CaUURpnB.js";
+import { g as _ } from "./generate-uid.NJ8tVoha.js";
+import { u as lt } from "./aria-label.CaUURpnB.js";
 import { u as ye } from "./i18n.B6g5VX0q.js";
-import { u as lt } from "./use-form-layout-loading.D3lALhtC.js";
-import { B as ot } from "./directive.Cbdox5VL.js";
-import { B as $, a as nt } from "./keyboard-navigation.CqgGzfZQ.js";
-import { a as p, b as fe, B as me, c as st, u as it } from "./use-cached-selected-values.swt0cdsA.js";
-import { u as rt } from "./use-has-slot.B7eQSabc.js";
-import { F as dt, E as ut } from "./error-message.C9YtK-P0.js";
-import { P as we } from "./popper-container.b5h4zYgT.js";
+import { u as ot } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as nt } from "./directive.Cbdox5VL.js";
+import { B as $, a as st } from "./keyboard-navigation.CqgGzfZQ.js";
+import { a as f, b as fe, B as me, c as it, u as rt } from "./use-cached-selected-values.CatIU1_1.js";
+import { u as dt } from "./use-has-slot.B7eQSabc.js";
+import { F as ut, E as ct } from "./error-message.DZWphzoT.js";
+import { P as xe } from "./popper-container.b5h4zYgT.js";
 import "./popper-container.types.BCZMbVFD.js";
-import { B as ct } from "./popover.maCMPyz8.js";
+import { B as pt } from "./popover.maCMPyz8.js";
 import "../assets/dropdown.css";
 const be = {
   "en-US": {
@@ -31,20 +31,20 @@ const be = {
     apply: "Aplicar",
     cancel: "Cancelar"
   }
-}, pt = (e, i, s, a) => {
-  const o = C(e.value), { t: l } = ye({ messages: be });
-  Oe(e, () => {
+}, ft = (e, i, s, a) => {
+  const o = w(e.value), { t: l } = ye({ messages: be });
+  Be(e, () => {
     o.value = e.value;
   });
-  const t = f(
+  const t = p(
     () => JSON.stringify(o.value) === JSON.stringify(e.value)
   ), c = () => {
-    a(p.SELECT, o.value), a(p.CLOSE_DROPDOWN);
+    a(f.SELECT, o.value), a(f.CLOSE_DROPDOWN);
   }, m = () => {
-    o.value = e.value, a(p.CLOSE_DROPDOWN);
+    o.value = e.value, a(f.CLOSE_DROPDOWN);
   }, h = () => {
     s.value && i.value && (o.value = e.value);
-  }, r = f(() => [
+  }, r = p(() => [
     {
       title: l("apply"),
       event: c,
@@ -55,23 +55,23 @@ const be = {
       event: m
     }
   ]), g = (S) => {
-    o.value = S, i.value || a(p.SELECT, S);
+    o.value = S, i.value || a(f.SELECT, S);
   }, u = (S) => {
-    g(S), a(p.TAB);
+    g(S), a(f.TAB);
   }, x = (S) => {
-    g(S), a(p.ENTER);
+    g(S), a(f.ENTER);
   }, B = (S) => {
-    g(S), a(p.SPACE);
+    g(S), a(f.SPACE);
   }, v = () => {
-    m(), a(p.ESCAPE);
+    m(), a(f.ESCAPE);
   }, D = () => {
-    a(p.SHOW_MORE);
+    a(f.SHOW_MORE);
   }, E = {
-    [p.SELECT]: g,
-    [p.SHOW_MORE]: D,
-    [p.TAB]: u,
-    [p.SPACE]: B,
-    [p.ENTER]: x
+    [f.SELECT]: g,
+    [f.SHOW_MORE]: D,
+    [f.TAB]: u,
+    [f.SPACE]: B,
+    [f.ENTER]: x
   };
   return {
     // Values
@@ -82,11 +82,11 @@ const be = {
     onEscapeKey: v,
     onOutsideDropdownClick: h
   };
-}, ft = j({
+}, mt = j({
   i18n: { messages: be },
   name: "bento-dropdown-options-container"
-}), mt = /* @__PURE__ */ j({
-  ...ft,
+}), vt = /* @__PURE__ */ j({
+  ...mt,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -185,7 +185,7 @@ const be = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: we.props.targetElement.type, required: !0 },
+    targetElement: { type: xe.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.
@@ -196,27 +196,28 @@ const be = {
     }
   },
   setup(e, { expose: i, emit: s }) {
-    const a = Be(), o = s, l = e, { selectedValue: t, multiple: c } = De(l), m = C(null), { t: h } = ye({ messages: be }), r = f(() => l.open && !l.disabled), g = f(() => h("noOptionsMatchThisSearch")), u = f(() => ({
+    const a = De(), o = s, l = e, { selectedValue: t, multiple: c } = Ie(l), m = w(null), { t: h } = ye({ messages: be }), r = p(() => l.open && !l.disabled), g = p(() => h("noOptionsMatchThisSearch")), u = p(() => ({
       "b-dropdown-options-container--single": !(l != null && l.multiple)
-    })), x = f(() => ({
+    })), x = p(() => ({
       "b-dropdown-options-container__listbox--single": !(l != null && l.multiple)
-    })), { actions: B, internalSelectedValue: v, listeners: D, onEscapeKey: E, onOutsideDropdownClick: S } = pt(t, c, r, o), W = f(() => l != null && l.multiple ? ct : we), q = f(() => {
+    })), { actions: B, internalSelectedValue: v, listeners: D, onEscapeKey: E, onOutsideDropdownClick: S } = ft(t, c, r, o), W = p(() => l != null && l.multiple ? pt : xe), q = p(() => {
       var d;
-      const N = {
+      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 ? {
         actionsLayout: "space-between",
+        ariaLabel: l.ariaLabel,
         actions: B.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: Y(`dropdown-options-${l.id}`),
+        id: _(`dropdown-options-${l.id}`),
         open: l.open,
         position: "bottom-start",
         style: {
           width: "auto",
-          ...N
+          ...A
         },
         targetElement: l.targetElement
       } : {
@@ -225,20 +226,19 @@ const be = {
         position: "bottom-start",
         style: {
           display: r.value ? "block" : "none",
-          ...N
+          ...A
         },
         targetElement: l.targetElement
       };
     });
     return i({
       onOutsideDropdownClick: S
-    }), (N, d) => (L(), K(Ie(W.value), M({
-      class: ["b-dropdown-options-container", u.value],
-      "aria-label": e.ariaLabel
+    }), (A, d) => (L(), K(Te(W.value), M({
+      class: ["b-dropdown-options-container", u.value]
     }, q.value), {
       default: z(() => [
         te("div", {
-          onKeydown: d[0] || (d[0] = _e(
+          onKeydown: d[0] || (d[0] = Ze(
             //@ts-ignore
             (...y) => n(E) && n(E)(...y),
             ["esc"]
@@ -264,26 +264,26 @@ const be = {
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
           }, G(n(D))), re({ _: 2 }, [
-            de(n(a), (y, w) => ({
-              name: w,
-              fn: z((A) => [
-                X(N.$slots, w, ue(ce(A)), void 0, !0)
+            de(n(a), (y, C) => ({
+              name: C,
+              fn: z((N) => [
+                X(A.$slots, C, ue(ce(N)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "component-loading", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
         ], 32)
       ]),
       _: 3
-    }, 16, ["aria-label", "class"]));
+    }, 16, ["class"]));
   }
-}), vt = /* @__PURE__ */ _(mt, [["__scopeId", "data-v-a5de52a2"]]);
+}), yt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-aa806d62"]]);
 let Ce = 0;
-const yt = {
+const bt = {
   beforeCreate() {
     this.uuid = Ce.toString(), Ce += 1;
   }
-}, bt = { key: 0 };
-function gt(e, i, s, a, o, l) {
+}, gt = { key: 0 };
+function ht(e, i, s, a, o, l) {
   return L(), P("svg", M({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -291,21 +291,21 @@ function gt(e, i, s, a, o, l) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (L(), P("title", bt, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (L(), P("title", gt, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
     i[0] || (i[0] = te("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))
   ], 16);
 }
-const ht = /* @__PURE__ */ _(yt, [["render", gt]]);
-let xe = 0;
-const St = {
+const St = /* @__PURE__ */ Y(bt, [["render", ht]]);
+let Oe = 0;
+const Lt = {
   beforeCreate() {
-    this.uuid = xe.toString(), xe += 1;
+    this.uuid = Oe.toString(), Oe += 1;
   }
-}, Lt = { key: 0 };
-function Et(e, i, s, a, o, l) {
+}, Et = { key: 0 };
+function wt(e, i, s, a, o, l) {
   return L(), P("svg", M({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -313,18 +313,18 @@ function Et(e, i, s, a, o, l) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (L(), P("title", Lt, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (L(), P("title", Et, ve(e.$attrs["svg-title"]), 1)) : F("", !0),
     i[0] || (i[0] = te("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))
   ], 16);
 }
-const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-small-textbox__chevron" }, xt = j({
+const xt = /* @__PURE__ */ Y(Lt, [["render", wt]]), Ct = { class: "b-dropdown-small-textbox__chevron" }, Ot = j({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), Ot = /* @__PURE__ */ j({
-  ...xt,
+}), Bt = /* @__PURE__ */ j({
+  ...Ot,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -385,11 +385,11 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { 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 = f(() => ({
+    const a = s, o = e, l = w(null), t = p(() => ({
       [`b-dropdown-small-textbox--${se.DISABLED}`]: o.disabled,
       [`b-dropdown-small-textbox--${se.READONLY}`]: o.readonly,
       [`b-dropdown-small-textbox--${se.OPENED}`]: o.open
-    })), c = f(() => o.open && !o.disabled && !o.readonly), m = (v) => {
+    })), c = p(() => o.open && !o.disabled && !o.readonly), m = (v) => {
       a("input", v);
     }, h = (v) => {
       a("keydown", v);
@@ -413,7 +413,7 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
     }), (v, D) => (L(), P("div", {
       class: pe(["b-dropdown-small-textbox", t.value])
     }, [
-      Q(et, M({
+      Q(tt, M({
         ref_key: "baseTextbox",
         ref: l
       }, { ...v.$attrs, ...v.$props }, {
@@ -422,11 +422,11 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
       }, G(x)), {
         icon: z(() => [
           te("div", Ct, [
-            ee(Q(n(wt), { "svg-title": "opened" }, null, 512), [
-              [Le, c.value]
+            ee(Q(n(xt), { "svg-title": "opened" }, null, 512), [
+              [Ee, c.value]
             ]),
-            ee(Q(n(ht), { "svg-title": "closed" }, null, 512), [
-              [Le, !c.value]
+            ee(Q(n(St), { "svg-title": "closed" }, null, 512), [
+              [Ee, !c.value]
             ])
           ])
         ]),
@@ -434,7 +434,7 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), Bt = /* @__PURE__ */ _(Ot, [["__scopeId", "data-v-66b5eaa5"]]), Dt = (e, i) => i.value.reduce((s, a) => {
+}), Dt = /* @__PURE__ */ Y(Bt, [["__scopeId", "data-v-66b5eaa5"]]), It = (e, i) => i.value.reduce((s, a) => {
   if (a.items) {
     const o = a.items.filter(
       (t) => e.value.find((c) => c.value === t.value)
@@ -442,18 +442,18 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
     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(", "), It = ({ items: e, placeholder: i, selectedValues: s, isMultiSelect: a }) => {
-  const o = f(
+}, []).join(", "), Tt = ({ items: e, placeholder: i, selectedValues: s, isMultiSelect: a }) => {
+  const o = p(
     () => a.value && e.value.find((t) => {
       var c;
       return (c = t.items) == null ? void 0 : c.length;
     })
   );
-  return f(() => s.value.length ? o.value ? Dt(s, e) : s.value.map(({ label: t, displayValue: c }) => c ?? t).join(", ") : i.value || null);
-}, Te = (e) => {
+  return p(() => s.value.length ? o.value ? It(s, e) : s.value.map(({ label: t, displayValue: c }) => c ?? t).join(", ") : i.value || null);
+}, $e = (e) => {
   var i;
   (i = e.value.$children) == null || i[0].$refs.textbox.focus();
-}, Tt = ({
+}, $t = ({
   inputContainerRef: e,
   optionsContainerRef: i,
   selectedValueIndex: s,
@@ -463,15 +463,15 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
   isMultiple: t
 }, 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();
+    var y, C;
+    o.value && await I(), (C = (y = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : y.$el.querySelectorAll('[role="option"]')[d]) == null || C.focus();
   }, g = async (d) => {
-    var w, A;
+    var C, N;
     o.value && await I();
-    const y = (w = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : w.$el.querySelectorAll(
+    const y = (C = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : C.$el.querySelectorAll(
       "button"
     );
-    y.length ? (A = y[d]) == null || A.focus() : r(d);
+    y.length ? (N = y[d]) == null || N.focus() : r(d);
   }, u = (d) => {
     var y;
     return (y = i.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : y.setListboxFocusedIndex(
@@ -495,7 +495,7 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
         u(l.length - 1), r(l.length - 1);
     }));
   }, D = () => {
-    a.value && (h(), Te(e));
+    a.value && (h(), $e(e));
   }, E = () => {
     a.value && h();
   }, S = () => {
@@ -511,7 +511,7 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
       t ? g(0) : (u(s.value), r(s.value));
     });
   };
-  return f(() => ({
+  return p(() => ({
     ...o.value ? {} : { [$.SPACE]: W },
     [$.ENTER]: q,
     [$.ARROW_DOWN]: x,
@@ -521,31 +521,31 @@ const wt = /* @__PURE__ */ _(St, [["render", Et]]), Ct = { class: "b-dropdown-sm
     [$.HOME]: S,
     [$.TAB]: E
   }));
-}, $t = ({ inputContainerRef: e, isDropdownOpen: i }, s) => {
+}, At = ({ inputContainerRef: e, isDropdownOpen: i }, s) => {
   const a = () => {
     i.value && s(), I(() => {
-      Te(e);
+      $e(e);
     });
   };
   return {
-    [p.ENTER]: a,
-    [p.ESCAPE]: a,
-    [p.TAB]: a,
-    [p.SPACE]: a
+    [f.ENTER]: a,
+    [f.ESCAPE]: a,
+    [f.TAB]: a,
+    [f.SPACE]: a
   };
 };
 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, () => {
+  const o = w(e), l = w(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 Be(o, () => {
     s !== void 0 && s(o.value);
-  }), f(() => {
+  }), p(() => {
     if (!o.value || s !== void 0)
       return l.value;
     const m = o.value.toLocaleLowerCase();
     return t(m, l.value);
   });
 }
-const $e = {
+const Ae = {
   "en-US": {
     all: "All",
     ariaLabelFallback: "Dropdown",
@@ -559,15 +559,15 @@ const $e = {
     all: "Todos",
     clearFilter: "Limpar filtro"
   }
-}, 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 },
+}, Rt = Symbol("input field component injection key"), aa = Symbol("input field hint injection key"), la = Symbol("input field parent component injection key"), Mt = j({
+  i18n: { messages: Ae },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: tt,
-    DropdownInputSmall: Bt
+    DropdownInputDefault: at,
+    DropdownInputSmall: Dt
   }
-}), Mt = /* @__PURE__ */ j({
-  ...Rt,
+}), Pt = /* @__PURE__ */ j({
+  ...Mt,
   props: {
     /**
      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -743,27 +743,27 @@ const $e = {
   },
   emits: ["input", "show-more"],
   setup(e, { expose: i, emit: s }) {
-    var Se;
-    const a = Ze(), o = Be(), l = rt(o), t = e, c = s, { t: m } = ye({ messages: $e }), h = C(null), r = C(null), g = C(null), u = C(!1), x = Y("bento-dropdown-options-container"), B = Y("dropdown-label"), v = Y("dropdown-description"), D = Y("dropdown-error"), { isReadOnly: E } = lt(O(t, "readonly")), { cachedSelectedListboxOptions: S, cachedListboxSelectedValues: W, setCachedValues: q } = st(
+    var Le;
+    const a = Qe(), o = De(), l = dt(o), t = e, c = s, { t: m } = ye({ messages: Ae }), h = w(null), r = w(null), g = w(null), u = w(!1), x = _("bento-dropdown-options-container"), B = _("dropdown-label"), v = _("dropdown-description"), D = _("dropdown-error"), { isReadOnly: E } = ot(O(t, "readonly")), { cachedSelectedListboxOptions: S, cachedListboxSelectedValues: W, setCachedValues: q } = it(
       O(t, "items"),
       O(t, "value"),
       O(t, "multiple"),
       O(t, "enableValueLabelPair")
-    ), N = C(a["aria-label"]), { ariaLabel: d, label: y } = De(t), w = at({
+    ), A = w(a["aria-label"]), { ariaLabel: d, label: y } = Ie(t), C = p(() => m("ariaLabelFallback")), N = lt({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: d.value || N,
+      ariaLabel: d.value || A,
       label: y,
-      defaultFallback: m("ariaLabelFallback")
-    }), A = t.size === J.SMALL || Qe(At, !1), Ne = f(() => A ? J.SMALL : J.DEFAULT), Ae = f(() => ({
+      defaultFallback: C
+    }), ge = t.size === J.SMALL || Xe(Rt, !1), Ne = p(() => ge ? J.SMALL : J.DEFAULT), Re = p(() => ({
       "b-dropdown--condensed": t.condensed
-    })), Re = f(() => ({
+    })), Me = p(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), R = C(""), Z = O(t, "items"), ge = O(t, "staticCategories"), he = Nt(R, Z, (Se = t == null ? void 0 : t.search) == null ? void 0 : Se.searchEvent, ge), ae = f(() => t.dynamicFiltering && !!R.value), Me = It({
+    })), R = w(""), Z = O(t, "items"), he = O(t, "staticCategories"), Se = Nt(R, Z, (Le = t == null ? void 0 : t.search) == null ? void 0 : Le.searchEvent, he), ae = p(() => t.dynamicFiltering && !!R.value), Pe = Tt({
       items: Z,
       placeholder: O(t, "placeholder"),
       isMultiSelect: O(t, "multiple"),
       selectedValues: S
-    }), Pe = f(() => {
+    }), ke = p(() => {
       if (t != null && t.multiple && Array.isArray(t.value))
         return t.items.filter(
           ({ value: b }) => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value).includes(b)
@@ -775,70 +775,70 @@ const $e = {
         return b ? b.items.find((k) => k.value === t.value) : null;
       }
       return t.items.find(({ value: b }) => b === (t == null ? void 0 : t.value));
-    }), ke = f(() => {
-      const b = he.value.findIndex(({ value: T }) => t.value === T);
+    }), Ke = p(() => {
+      const b = Se.value.findIndex(({ value: T }) => t.value === T);
       return b > -1 ? b : 0;
-    }), { isMultiLevelSelect: Ke, flattenedItemsList: Fe } = it(Z), ze = f(() => {
+    }), { isMultiLevelSelect: Fe, flattenedItemsList: ze } = rt(Z), je = p(() => {
       if (t.multiple) {
-        const b = Array.isArray(t.value) ? t.value.length : 0, T = Ke.value ? Fe.value.length : Z.value.length;
+        const b = Array.isArray(t.value) ? t.value.length : 0, T = Fe.value ? ze.value.length : Z.value.length;
         return b === 0 ? null : !t.hasMoreItems && T > 0 && T === b ? m("all") : b;
       }
       return null;
-    }), je = f(
+    }), We = p(
       () => `${t.description ? v : ""} ${t.errorMessage ? D : ""}`.trim() || null
-    ), We = () => {
+    ), qe = () => {
       E.value || (u.value = !0);
     }, le = () => {
       u.value = !1;
     }, oe = () => {
       E.value || (u.value = !u.value, ae.value && (R.value = ""));
-    }, qe = () => {
+    }, Ue = () => {
       ae.value && (R.value = ""), u.value && (u.value = !1, g.value.onOutsideDropdownClick());
-    }, Ue = (b) => {
+    }, He = (b) => {
       t.multiple || (R.value = "", u.value = !1), q(b), c("input", W.value);
-    }, He = () => {
-      c(p.SHOW_MORE);
-    }, Ve = Tt(
+    }, Ve = () => {
+      c(f.SHOW_MORE);
+    }, Je = $t(
       {
         inputContainerRef: h,
         optionsContainerRef: g,
-        selectedValueIndex: ke,
+        selectedValueIndex: Ke,
         isDropdownOpen: u,
         isDynamicFltering: O(t, "dynamicFiltering"),
         items: t.items,
         isMultiple: t.multiple
       },
       oe,
-      We,
+      qe,
       le
-    ), Je = $t(
+    ), _e = At(
       {
         inputContainerRef: h,
         isDropdownOpen: u
       },
       le
     ), Ye = {
-      [p.CLOSE_DROPDOWN]: le,
-      [p.SELECT]: Ue,
-      [p.SHOW_MORE]: He,
-      ...Je
+      [f.CLOSE_DROPDOWN]: le,
+      [f.SELECT]: He,
+      [f.SHOW_MORE]: Ve,
+      ..._e
     };
-    return t.error && Ee(
+    return t.error && we(
       '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 && Ee('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), i({
+    ), t.size && we('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), i({
       focus: () => {
         h.value.focus();
       }
     }), (b, T) => {
       var k;
       return ee((L(), P("div", {
-        class: pe(["b-dropdown", Ae.value])
+        class: pe(["b-dropdown", Re.value])
       }, [
-        n(y) ? (L(), K(n(dt), {
+        n(y) ? (L(), K(n(ut), {
           key: 0,
           id: n(B),
           condensed: e.condensed,
@@ -850,27 +850,27 @@ const $e = {
         ee((L(), P("div", M({
           ref_key: "inputContainerRefWrapper",
           ref: r
-        }, G(n(Ve), !0)), [
-          (L(), K(Ie(Ne.value), {
+        }, G(n(Je), !0)), [
+          (L(), K(Te(Ne.value), {
             ref_key: "inputContainerRef",
             ref: h,
             condensed: e.condensed,
             value: R.value,
-            "additional-items-selected": ze.value,
-            ariaControls: n(x),
+            "additional-items-selected": je.value,
+            "aria-controls": n(x),
             ariaExpanded: u.value,
             "aria-labelledby": n(y) ? n(B) : null,
-            "aria-describedby": je.value,
-            "aria-label": n(w),
+            "aria-describedby": We.value,
+            "aria-label": n(N),
             "aria-readonly": n(E),
             readonly: n(E),
             disabled: e.disabled,
-            "display-value": n(Me),
+            "display-value": n(Pe),
             "dynamic-filtering": e.dynamicFiltering,
             "is-invalid": !!e.errorMessage || e.error,
             multiple: e.multiple,
             open: u.value,
-            "selected-value-item": n(A) ? void 0 : Pe.value,
+            "selected-value-item": n(ge) ? void 0 : ke.value,
             "show-slot-content-in-multiple": e.showSlotContentInMultiple,
             onInput: T[0] || (T[0] = (U) => R.value = U),
             onOpen: oe,
@@ -882,24 +882,24 @@ const $e = {
                 X(b.$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"]))
+          ]), 1064, ["condensed", "value", "additional-items-selected", "aria-controls", "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(nt)]
+          [n(st)]
         ]),
-        h.value ? (L(), K(n(vt), M({
+        h.value ? (L(), K(n(yt), M({
           key: 1,
           id: n(x),
           ref_key: "optionsContainerRef",
           ref: g,
-          "aria-label": n(w),
+          "aria-label": n(N),
           "component-loading": e.componentLoading,
           "empty-state": e.emptyState,
           "debounce-time": (k = e.search) == null ? void 0 : k.debounceTime,
           disabled: e.disabled,
           "is-option-disabled": e.isOptionDisabled,
-          items: n(he),
+          items: n(Se),
           multiple: e.multiple,
-          "static-categories": ge.value,
+          "static-categories": he.value,
           open: u.value,
           "selected-value": n(S),
           searching: ae.value,
@@ -916,36 +916,36 @@ const $e = {
             ])
           }))
         ]), 1040, ["id", "aria-label", "component-loading", "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), {
+        e.errorMessage ? (L(), K(n(ct), {
           key: 2,
           id: n(D),
           "error-message": e.errorMessage,
           class: "b-dropdown__error-message"
         }, null, 8, ["id", "error-message"])) : F("", !0),
-        e.description || n(l)("description") ? (L(), K(n(Ge), {
+        e.description || n(l)("description") ? (L(), K(n(et), {
           key: 3,
           id: n(v),
-          class: pe(["b-dropdown__description", Re.value]),
+          class: pe(["b-dropdown__description", Me.value]),
           el: "span"
         }, {
           default: z(() => [
             X(b.$slots, "description", {}, () => [
-              Xe(ve(e.description), 1)
+              Ge(ve(e.description), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["id", "class"])) : F("", !0)
       ], 2)), [
-        [n(ot), qe]
+        [n(nt), Ue]
       ]);
     };
   }
-}), la = /* @__PURE__ */ _(Mt, [["__scopeId", "data-v-76eead92"]]);
+}), oa = /* @__PURE__ */ Y(Pt, [["__scopeId", "data-v-04b90b6f"]]);
 export {
-  la as B,
-  ta as I,
-  At as a,
-  aa as b,
+  oa as B,
+  aa as I,
+  Rt as a,
+  la as b,
   Nt as u
 };
-//# sourceMappingURL=dropdown.BPQS22Kl.js.map
+//# sourceMappingURL=dropdown.Bz5hTRFH.js.map