@adyen/bento-vue3 1.83.0 → 1.84.0

package/dist/chunks/{dropdown.CtP9keJ4.js → dropdown.D0_8f9Mz.js}

@@ -1,4 +1,4 @@
-import { ref as C, watch as ge, computed as d, defineComponent as W, useSlots as $e, toRefs as Me, createBlock as K, openBlock as S, resolveDynamicComponent as Re, mergeProps as P, withCtx as V, createElementVNode as ae, withKeys as nt, unref as s, createVNode as X, toHandlers as te, createSlots as pe, renderList as fe, renderSlot as G, normalizeProps as me, guardReactiveProps as ve, createElementBlock as k, createCommentVNode as z, toDisplayString as he, normalizeClass as ye, withDirectives as oe, vShow as Te, nextTick as N, useAttrs as st, toRef as x, inject as it, createTextVNode as rt } from "vue";
+import { ref as C, watch as ge, computed as d, defineComponent as W, useSlots as $e, toRefs as Re, createBlock as K, openBlock as w, resolveDynamicComponent as ke, mergeProps as k, withCtx as V, createElementVNode as ae, withKeys as nt, unref as s, createVNode as X, toHandlers as te, createSlots as pe, renderList as fe, renderSlot as G, normalizeProps as me, guardReactiveProps as ve, createElementBlock as P, createCommentVNode as z, toDisplayString as he, normalizeClass as ye, withDirectives as oe, vShow as Ie, nextTick as N, useAttrs as st, toRef as x, inject as it, createTextVNode as rt } from "vue";
 import { d as de, B as dt } from "./typography.6Oo5TOMP.js";
 import { a as ue, b as H, c as ut, B as ee, D as ct } from "./dropdown-default-textbox.DFtFMu5G.js";
 /* empty css              */
@@ -8,16 +8,16 @@ import { g as J } from "./generate-uid.NJ8tVoha.js";
 import { u as pt } from "./aria-label.CaUURpnB.js";
 import { u as Le } from "./index.pdBj0KQU.js";
 import { u as ft } from "./form-field.D_2g7vaP.js";
-import { a as f, b as be, B as Ie, c as mt, u as vt, d as yt } from "./use-cached-selected-values.u6wcYuin.js";
+import { a as f, b as be, B as xe, c as mt, u as vt, d as yt } from "./use-cached-selected-values.BZIa5TRx.js";
 import { u as bt } from "./use-form-layout-loading.CWbjZiwP.js";
 import { B as gt } from "./directive.Cbdox5VL.js";
-import { B as $, a as ht } from "./keyboard-navigation.DWmhelVv.js";
+import { B as M, a as ht } from "./keyboard-navigation.DWmhelVv.js";
 import { u as Lt } from "./use-has-slot.B7eQSabc.js";
-import { F as wt, E as St } from "./field-label.CfizwLcQ.js";
-import { P as xe } from "./popper-container.I9gzp1NR.js";
-import { h as Et } from "./button-actions.O0cnu1_g.js";
+import { F as St, E as wt } from "./field-label.D7vU2Icm.js";
+import { P as Ne } from "./popper-container.I9gzp1NR.js";
+import { h as Et } from "./button-actions.Crj4QFAd.js";
 import "../assets/dropdown.css";
-const we = {
+const Se = {
   "en-US": {
     apply: "Apply",
     cancel: "Cancel",
@@ -25,14 +25,16 @@ const we = {
   },
   "ja-JP": {
     apply: "適用",
-    cancel: "キャンセル"
+    cancel: "キャンセル",
+    noOptionsMatchThisSearch: "この検索条件に一致するオプションはありません"
   },
   "pt-BR": {
     apply: "Aplicar",
-    cancel: "Cancelar"
+    cancel: "Cancelar",
+    noOptionsMatchThisSearch: "A busca não retornou nenhuma opção"
   }
 }, Ct = (a, r, i, o) => {
-  const n = C(a.value), { t: l } = Le({ messages: we });
+  const n = C(a.value), { t: l } = Le({ messages: Se });
   ge(a, () => {
     n.value = a.value;
   });
@@ -83,7 +85,7 @@ const we = {
     onOutsideDropdownClick: L
   };
 }, Ot = W({
-  i18n: { messages: we },
+  i18n: { messages: Se },
   name: "bento-dropdown-options-container"
 }), Bt = /* @__PURE__ */ W({
   ...Ot,
@@ -145,8 +147,8 @@ const we = {
      */
     lazyLoadType: {
       type: String,
-      default: Ie.AUTOMATIC,
-      validator: (a) => Object.values(Ie).includes(a)
+      default: xe.AUTOMATIC,
+      validator: (a) => Object.values(xe).includes(a)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -185,7 +187,7 @@ const we = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: xe.props.targetElement.type, required: !0 },
+    targetElement: { type: Ne.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,11 +198,11 @@ const we = {
     }
   },
   setup(a, { expose: r, emit: i }) {
-    const o = $e(), n = i, l = a, { selectedValue: e, multiple: c } = Me(l), v = C(null), { t: L } = Le({ messages: we }), u = d(() => l.open && !l.disabled), h = d(() => L("noOptionsMatchThisSearch")), g = d(() => ({
+    const o = $e(), n = i, l = a, { selectedValue: e, multiple: c } = Re(l), v = C(null), { t: L } = Le({ messages: Se }), u = d(() => l.open && !l.disabled), h = d(() => L("noOptionsMatchThisSearch")), g = d(() => ({
       "b-dropdown-options-container--single": !(l != null && l.multiple)
     })), p = d(() => ({
       "b-dropdown-options-container__listbox--single": !(l != null && l.multiple)
-    })), { actions: O, internalSelectedValue: m, listeners: B, onEscapeKey: D, onOutsideDropdownClick: b } = Ct(e, c, u, n), w = d(() => l != null && l.multiple ? Et : xe), _ = d(() => {
+    })), { actions: O, internalSelectedValue: m, listeners: B, onEscapeKey: D, onOutsideDropdownClick: b } = Ct(e, c, u, n), S = d(() => l != null && l.multiple ? Et : Ne), _ = d(() => {
       var T;
       const A = {
         "min-width": `${(T = l == null ? void 0 : l.targetElement) == null ? void 0 : T.clientWidth}px`,
@@ -233,7 +235,7 @@ const we = {
     });
     return r({
       onOutsideDropdownClick: b
-    }), (A, T) => (S(), K(Re(w.value), P({
+    }), (A, T) => (w(), K(ke(S.value), k({
       class: ["b-dropdown-options-container", g.value]
     }, _.value), {
       default: V(() => [
@@ -244,7 +246,7 @@ const we = {
             ["esc"]
           ))
         }, [
-          X(s(be), P({
+          X(s(be), k({
             id: a.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: v,
@@ -277,21 +279,21 @@ const we = {
     }, 16, ["class"]));
   }
 }), Dt = /* @__PURE__ */ Y(Bt, [["__scopeId", "data-v-d87d28cd"]]);
-let Ne = 0;
+let Ae = 0;
 const Tt = {
   beforeCreate() {
-    this.uuid = Ne.toString(), Ne += 1;
+    this.uuid = Ae.toString(), Ae += 1;
   }
 }, It = { key: 0 };
 function xt(a, r, i, o, n, l) {
-  return S(), k("svg", P({ role: "img" }, a.$attrs, {
+  return w(), P("svg", k({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    a.$attrs["svg-title"] ? (S(), k("title", It, he(a.$attrs["svg-title"]), 1)) : z("", !0),
+    a.$attrs["svg-title"] ? (w(), P("title", It, he(a.$attrs["svg-title"]), 1)) : z("", !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"
@@ -299,32 +301,32 @@ function xt(a, r, i, o, n, l) {
   ], 16);
 }
 const Nt = /* @__PURE__ */ Y(Tt, [["render", xt]]);
-let Ae = 0;
+let Me = 0;
 const At = {
   beforeCreate() {
-    this.uuid = Ae.toString(), Ae += 1;
+    this.uuid = Me.toString(), Me += 1;
   }
-}, $t = { key: 0 };
-function Mt(a, r, i, o, n, l) {
-  return S(), k("svg", P({ role: "img" }, a.$attrs, {
+}, Mt = { key: 0 };
+function $t(a, r, i, o, n, l) {
+  return w(), P("svg", k({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    a.$attrs["svg-title"] ? (S(), k("title", $t, he(a.$attrs["svg-title"]), 1)) : z("", !0),
+    a.$attrs["svg-title"] ? (w(), P("title", Mt, he(a.$attrs["svg-title"]), 1)) : z("", !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))
   ], 16);
 }
-const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-small-textbox__chevron" }, kt = W({
+const Rt = /* @__PURE__ */ Y(At, [["render", $t]]), kt = { class: "b-dropdown-small-textbox__chevron" }, Pt = W({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
 }), _t = /* @__PURE__ */ W({
-  ...kt,
+  ...Pt,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -410,10 +412,10 @@ const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-sm
       focus: () => {
         l.value.focus();
       }
-    }), (m, B) => (S(), k("div", {
+    }), (m, B) => (w(), P("div", {
       class: ye(["b-dropdown-small-textbox", e.value])
     }, [
-      X(ut, P({
+      X(ut, k({
         ref_key: "baseTextbox",
         ref: l
       }, { ...m.$attrs, ...m.$props }, {
@@ -421,12 +423,12 @@ const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-sm
         size: s(ee).SMALL
       }, te(p)), {
         icon: V(() => [
-          ae("div", Pt, [
+          ae("div", kt, [
             oe(X(s(Rt), { "svg-title": "opened" }, null, 512), [
-              [Te, c.value]
+              [Ie, c.value]
             ]),
             oe(X(s(Nt), { "svg-title": "closed" }, null, 512), [
-              [Te, !c.value]
+              [Ie, !c.value]
             ])
           ])
         ]),
@@ -466,9 +468,9 @@ const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-sm
     var E;
     n.value && await N(), (E = l.value[y]) == null || E.focus();
   }, h = async (y) => {
-    var M, Z;
+    var $, Z;
     n.value && await N();
-    const E = (M = r.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : M.$el.querySelectorAll(
+    const E = ($ = r.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : $.$el.querySelectorAll(
       "button"
     );
     E.length ? (Z = E[y]) == null || Z.focus() : u(y);
@@ -493,7 +495,7 @@ const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-sm
     p();
   }, b = () => {
     O();
-  }, w = ({ detail: y }) => {
+  }, S = ({ detail: y }) => {
     y.preventDefault(), c(), o.value && N(() => {
       e ? h(0) : (g(i.value), u(i.value));
     });
@@ -507,14 +509,14 @@ const Rt = /* @__PURE__ */ Y(At, [["render", Mt]]), Pt = { class: "b-dropdown-sm
     o.value && (L(), Pe(a));
   };
   return d(() => ({
-    [$.ARROW_DOWN]: m,
-    [$.ARROW_UP]: B,
-    [$.HOME]: D,
-    [$.END]: b,
-    ...n.value ? {} : { [$.SPACE]: w },
-    [$.ENTER]: _,
-    [$.TAB]: A,
-    [$.ESCAPE]: T
+    [M.ARROW_DOWN]: m,
+    [M.ARROW_UP]: B,
+    [M.HOME]: D,
+    [M.END]: b,
+    ...n.value ? {} : { [M.SPACE]: S },
+    [M.ENTER]: _,
+    [M.TAB]: A,
+    [M.ESCAPE]: T
   }));
 }, Wt = ({ inputContainerRef: a, isDropdownOpen: r }, i) => {
   const o = () => {
@@ -540,7 +542,7 @@ function qt(a, r, i, o) {
     return e(v, l.value);
   });
 }
-const ke = {
+const _e = {
   "en-US": {
     all: "All",
     ariaLabelFallback: "Dropdown",
@@ -548,14 +550,16 @@ const ke = {
   },
   "ja-JP": {
     all: "すべて",
-    clearFilter: "フィルターをクリア"
+    ariaLabelFallback: "ドロップダウン",
+    clearSearch: "フィルターをクリア"
   },
   "pt-BR": {
     all: "Todos",
-    clearFilter: "Limpar filtro"
+    ariaLabelFallback: "Menu suspenso",
+    clearSearch: "Limpar filtro"
   }
 }, Ut = /* @__PURE__ */ Symbol("input field component injection key"), fo = /* @__PURE__ */ Symbol("input field hint injection key"), mo = /* @__PURE__ */ Symbol("input field parent component injection key"), jt = W({
-  i18n: { messages: ke },
+  i18n: { messages: _e },
   name: "b-dropdown",
   components: {
     DropdownInputDefault: ct,
@@ -597,61 +601,61 @@ const ke = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(a, { expose: r, emit: i }) {
-    var De;
-    const o = st(), n = $e(), l = Lt(n), e = a, c = i, { t: v } = Le({ messages: ke }), { emitValue: L } = ft(c), u = C(null), h = C(null), g = C(null), p = C(!1), O = J("bento-dropdown-options-container"), m = J("dropdown-label"), B = J("dropdown-description"), D = J("dropdown-error"), { isReadOnly: b } = bt(x(e, "readonly")), w = d(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: _, cachedListboxSelectedValues: A, setCachedValues: T } = mt(
+    var Te;
+    const o = st(), n = $e(), l = Lt(n), e = a, c = i, { t: v } = Le({ messages: _e }), { emitValue: L } = ft(c), u = C(null), h = C(null), g = C(null), p = C(!1), O = J("bento-dropdown-options-container"), m = J("dropdown-label"), B = J("dropdown-description"), D = J("dropdown-error"), { isReadOnly: b } = bt(x(e, "readonly")), S = d(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: _, cachedListboxSelectedValues: A, setCachedValues: T } = mt(
       x(e, "items"),
-      w,
+      S,
       x(e, "multiple"),
       x(e, "enableValueLabelPair")
-    ), q = C(o["aria-label"]), y = C(o["aria-describedby"]), { ariaLabel: E, label: M } = Me(e), Z = d(() => v("ariaLabelFallback")), Se = pt({
+    ), q = C(o["aria-label"]), y = C(o["aria-describedby"]), { ariaLabel: E, label: $ } = Re(e), Z = d(() => v("ariaLabelFallback")), we = pt({
       // TODO: take ariaLabel ref away when aria-label prop is removed
       ariaLabel: E.value || q,
-      label: M,
+      label: $,
       defaultFallback: Z
-    }), Ee = e.size === ee.SMALL || it(Ut, !1), _e = d(() => Ee ? ee.SMALL : ee.DEFAULT), Fe = d(() => ({
+    }), Ee = e.size === ee.SMALL || it(Ut, !1), Fe = d(() => Ee ? ee.SMALL : ee.DEFAULT), Ke = d(() => ({
       "b-dropdown--condensed": e.condensed
-    })), Ke = d(() => ({
+    })), ze = d(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), R = C(""), Q = x(e, "items"), Ce = x(e, "staticCategories"), le = qt(R, Q, (De = e == null ? void 0 : e.search) == null ? void 0 : De.searchEvent, Ce), ne = d(() => e.dynamicFiltering && !!R.value), ze = zt({
+    })), R = C(""), Q = x(e, "items"), Ce = x(e, "staticCategories"), le = qt(R, Q, (Te = e == null ? void 0 : e.search) == null ? void 0 : Te.searchEvent, Ce), ne = d(() => e.dynamicFiltering && !!R.value), Ve = zt({
       items: Q,
       placeholder: x(e, "placeholder"),
       isMultiSelect: x(e, "multiple"),
       selectedValues: _
-    }), Ve = d(() => {
-      if (e != null && e.multiple && Array.isArray(w.value))
+    }), We = d(() => {
+      if (e != null && e.multiple && Array.isArray(S.value))
         return e.items.filter(
           ({ value: t }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(t)
         );
       if (!e.multiple && e.staticCategories) {
         const t = e.items.find(
-          (F) => F.items.some((U) => U.value === w.value)
+          (F) => F.items.some((U) => U.value === S.value)
         );
-        return t ? t.items.find((F) => F.value === w.value) : null;
+        return t ? t.items.find((F) => F.value === S.value) : null;
       }
-      return e.items.find(({ value: t }) => t === w.value);
-    }), We = d(() => {
-      const t = le.value.findIndex(({ value: I }) => e.enableValueLabelPair ? w.value.value === I : w.value === I);
+      return e.items.find(({ value: t }) => t === S.value);
+    }), qe = d(() => {
+      const t = le.value.findIndex(({ value: I }) => e.enableValueLabelPair ? S.value.value === I : S.value === I);
       return t > -1 ? t : 0;
-    }), { isMultiLevelSelect: Oe, flattenedItemsList: qe } = vt(Q), Ue = d(() => Oe.value && !e.staticCategories), je = d(() => Ue.value ? "treeitem" : "option"), He = d(() => {
+    }), { isMultiLevelSelect: Oe, flattenedItemsList: Ue } = vt(Q), je = d(() => Oe.value && !e.staticCategories), He = d(() => je.value ? "treeitem" : "option"), Je = d(() => {
       if (e.multiple) {
-        const t = Array.isArray(w.value) ? w.value.length : 0, I = Oe.value ? qe.value.length : Q.value.length;
+        const t = Array.isArray(S.value) ? S.value.length : 0, I = Oe.value ? Ue.value.length : Q.value.length;
         return t === 0 ? null : !e.hasMoreItems && I > 0 && I === t ? v("all") : t;
       }
       return null;
-    }), Je = d(
+    }), Ye = d(
       () => [
         e.description ? B : null,
         y.value,
         e.errorMessage ? D : null
       ].filter(Boolean).join(" ") || null
-    ), Ye = d(() => {
+    ), Ze = d(() => {
       var t;
       return (t = g.value) == null ? void 0 : t.$el;
-    }), { visibleDomOptions: Ze, updateVisibleDomOptions: Be } = yt(
-      Ye,
+    }), { visibleDomOptions: Qe, updateVisibleDomOptions: Be } = yt(
+      Ze,
       le,
-      je
-    ), Qe = () => {
+      He
+    ), Xe = () => {
       b.value || (p.value = !0, N(() => {
         Be();
       }));
@@ -661,36 +665,36 @@ const ke = {
       b.value || (p.value = !p.value, N(() => {
         Be();
       }), ne.value && (R.value = ""));
-    }, Xe = () => {
+    }, Ge = () => {
       ne.value && (R.value = ""), p.value && (p.value = !1, g.value.onOutsideDropdownClick());
-    }, Ge = (t) => {
-      e.multiple || (R.value = "", p.value = !1), T(t), L(A.value);
-    }, et = () => {
+    }, et = (t) => {
+      e.multiple || (R.value = "", p.value = !1, De()), T(t), L(A.value);
+    }, tt = () => {
       c(f.SHOW_MORE);
-    }, tt = Vt(
+    }, ot = Vt(
       {
         inputContainerRef: u,
         optionsContainerRef: g,
-        selectedValueIndex: We,
+        selectedValueIndex: qe,
         isDropdownOpen: p,
         isDynamicFltering: x(e, "dynamicFiltering"),
-        items: Ze,
+        items: Qe,
         isMultiple: e.multiple
       },
       ie,
-      Qe,
+      Xe,
       se
-    ), ot = Wt(
+    ), at = Wt(
       {
         inputContainerRef: u,
         isDropdownOpen: p
       },
       se
-    ), at = {
+    ), lt = {
       [f.CLOSE_DROPDOWN]: se,
-      [f.SELECT]: Ge,
-      [f.SHOW_MORE]: et,
-      ...ot
+      [f.SELECT]: et,
+      [f.SHOW_MORE]: tt,
+      ...at
     };
     e.error && de(
       'BentoDropdown "error" property',
@@ -704,7 +708,7 @@ const ke = {
                 Use the "v-model" or "model-value" property instead.`,
       "2.0.0"
     );
-    const lt = () => {
+    const De = () => {
       u.value.focus();
     };
     return ge(
@@ -713,46 +717,46 @@ const ke = {
         t && c("open");
       }
     ), r({
-      focus: lt
+      focus: De
     }), (t, I) => {
       var F;
-      return oe((S(), k("div", {
-        class: ye(["b-dropdown", Fe.value])
+      return oe((w(), P("div", {
+        class: ye(["b-dropdown", Ke.value])
       }, [
-        s(M) ? (S(), K(s(wt), {
+        s($) ? (w(), K(s(St), {
           key: 0,
           id: s(m),
           condensed: t.condensed,
-          label: s(M),
+          label: s($),
           "tooltip-text": t.tooltipText,
           optional: t.optional,
           required: t.required
         }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : z("", !0),
-        oe((S(), k("div", P({
+        oe((w(), P("div", k({
           ref_key: "inputContainerRefWrapper",
           ref: h
-        }, te(s(tt), !0)), [
-          (S(), K(Re(_e.value), {
+        }, te(s(ot), !0)), [
+          (w(), K(ke(Fe.value), {
             ref_key: "inputContainerRef",
             ref: u,
             condensed: t.condensed,
             value: R.value,
-            "additional-items-selected": He.value,
+            "additional-items-selected": Je.value,
             "aria-controls": s(O),
             ariaExpanded: p.value,
-            "aria-labelledby": s(M) ? s(m) : null,
-            "aria-describedby": Je.value,
-            "aria-label": s(Se),
+            "aria-labelledby": s($) ? s(m) : null,
+            "aria-describedby": Ye.value,
+            "aria-label": s(we),
             "aria-readonly": s(b),
             readonly: s(b),
             required: t.required,
             disabled: t.disabled,
-            "display-value": s(ze),
+            "display-value": s(Ve),
             "dynamic-filtering": t.dynamicFiltering,
             "is-invalid": !!t.errorMessage || t.error,
             multiple: t.multiple,
             open: p.value,
-            "selected-value-item": s(Ee) ? void 0 : Ve.value,
+            "selected-value-item": s(Ee) ? void 0 : We.value,
             "show-slot-content-in-multiple": t.showSlotContentInMultiple,
             onInput: I[0] || (I[0] = (U) => R.value = U),
             onOpen: ie,
@@ -768,12 +772,12 @@ const ke = {
         ], 16)), [
           [s(ht)]
         ]),
-        u.value ? (S(), K(s(Dt), P({
+        u.value ? (w(), K(s(Dt), k({
           key: 1,
           id: s(O),
           ref_key: "optionsContainerRef",
           ref: g,
-          "aria-label": s(Se),
+          "aria-label": s(we),
           "component-loading": t.componentLoading,
           "empty-state": t.emptyState,
           "debounce-time": (F = t.search) == null ? void 0 : F.debounceTime,
@@ -790,7 +794,7 @@ const ke = {
           "has-more-items": t.hasMoreItems,
           "lazy-load-type": t.lazyLoadType,
           "virtual-scroll": t.virtualScroll
-        }, te(at)), pe({ _: 2 }, [
+        }, te(lt)), pe({ _: 2 }, [
           fe(s(n), (U, j) => ({
             name: j,
             fn: V((re) => [
@@ -798,16 +802,16 @@ const ke = {
             ])
           }))
         ]), 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"])) : z("", !0),
-        t.errorMessage ? (S(), K(s(St), {
+        t.errorMessage ? (w(), K(s(wt), {
           key: 2,
           id: s(D),
           "error-message": t.errorMessage,
           class: "b-dropdown__error-message"
         }, null, 8, ["id", "error-message"])) : z("", !0),
-        t.description || s(l)("description") ? (S(), K(s(dt), {
+        t.description || s(l)("description") ? (w(), K(s(dt), {
           key: 3,
           id: s(B),
-          class: ye(["b-dropdown__description", Ke.value]),
+          class: ye(["b-dropdown__description", ze.value]),
           el: "span"
         }, {
           default: V(() => [
@@ -818,11 +822,11 @@ const ke = {
           _: 3
         }, 8, ["id", "class"])) : z("", !0)
       ], 2)), [
-        [s(gt), Xe]
+        [s(gt), Ge]
       ]);
     };
   }
-}), vo = /* @__PURE__ */ Y(Ht, [["__scopeId", "data-v-019c4bce"]]);
+}), vo = /* @__PURE__ */ Y(Ht, [["__scopeId", "data-v-b4bf6d00"]]);
 export {
   vo as B,
   fo as I,
@@ -830,4 +834,4 @@ export {
   mo as b,
   qt as u
 };
-//# sourceMappingURL=dropdown.CtP9keJ4.js.map
+//# sourceMappingURL=dropdown.D0_8f9Mz.js.map