@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/chunks/{dropdown.MhmX1P9o.js → dropdown.Do-mZiI6.js}

@@ -1,38 +1,45 @@
-import { ref as w, watch as ye, computed as r, defineComponent as W, useSlots as Ae, toRefs as Ne, openBlock as S, createBlock as z, resolveDynamicComponent as Me, mergeProps as k, withCtx as V, createElementVNode as te, withKeys as at, unref as l, createVNode as Z, toHandlers as X, createSlots as ue, renderList as ce, renderSlot as G, normalizeProps as pe, guardReactiveProps as fe, createCommentVNode as R, createElementBlock as P, toDisplayString as be, normalizeClass as me, withDirectives as ee, vShow as Be, nextTick as O, useAttrs as lt, toRef as x, inject as nt, createTextVNode as st } from "vue";
+import { ref as w, watch as be, computed as r, defineComponent as V, useSlots as Ie, toRefs as xe, openBlock as L, createBlock as z, resolveDynamicComponent as Ne, mergeProps as R, withCtx as q, createElementVNode as te, withKeys as ot, unref as l, createVNode as G, toHandlers as Q, createSlots as ue, renderList as ce, renderSlot as X, normalizeProps as pe, guardReactiveProps as fe, createCommentVNode as $, createElementBlock as F, toDisplayString as ye, normalizeClass as me, withDirectives as ee, vShow as Be, nextTick as O, useAttrs as lt, toRef as M, inject as nt, createTextVNode as st } from "vue";
 import { d as ie, B as it } from "./typography.B3J6_tYk.js";
-import { g as j } from "./generate-uid.DBWe4g6T.js";
-import { u as rt } from "./aria-label.CaUURpnB.js";
-import { u as ge } from "./index.B875RXHM.js";
-import { u as dt } from "./form-field.D_2g7vaP.js";
-import { B as m, b as ve, a as De, u as ut, c as ct, d as pt } from "./use-cached-selected-values.ClEJRFAd.js";
-import { u as ft } from "./use-form-layout-loading.CWbjZiwP.js";
-import { d as mt } from "./debounce.DUTu11PS.js";
-import { B as vt } from "./directive.Dpivxq_t.js";
-import { B as A, a as yt } from "./keyboard-navigation.DWmhelVv.js";
-import { a as re, b as U, c as bt, B as Q, D as gt } from "./dropdown-default-textbox.bq9AlGzJ.js";
-import { u as ht } from "./use-has-slot.CyMiImRQ.js";
-import { F as Lt, E as St } from "./error-message.DCgo8q20.js";
-import { P as Te } from "./popper-container.DMN8n5iC.js";
-import { h as wt } from "./button-actions.cMQWyZne.js";
-import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { a as re, b as U, c as rt, B as Z, D as dt } from "./dropdown-default-textbox.aYsTZDZ7.js";
 /* empty css              */
+import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { s as de } from "./events.BQOQSSb7.js";
+import { g as j } from "./generate-uid.DBWe4g6T.js";
+import { u as ut } from "./aria-label.CaUURpnB.js";
+import { u as he } from "./index.B875RXHM.js";
+import { u as ct } from "./form-field.D_2g7vaP.js";
+import { B as m, b as ve, a as De, u as pt, c as ft, d as mt } from "./use-cached-selected-values.DIbfa5F1.js";
+import { u as vt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { d as bt } from "./debounce.DUTu11PS.js";
+import { B as yt } from "./directive.Dpivxq_t.js";
+import { B as I, a as ht } from "./keyboard-navigation.DWmhelVv.js";
+import { u as gt } from "./use-has-slot.CyMiImRQ.js";
+import { F as St, E as Lt } from "./error-message.849uzpkq.js";
+import { P as Te } from "./popper-container.DMN8n5iC.js";
+import { h as wt } from "./button-actions.Bh_PZ_fV.js";
 import "../assets/dropdown.css";
-const he = {
+const ge = {
+  "de-DE": { apply: "Anwenden", cancel: "Abbrechen", noOptionsMatchThisSearch: "Für diese Suche wurden keine Ergebnisse gefunden." },
+  "en-GB": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
   "en-US": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
-  "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索条件に一致するオプションはありません" },
-  "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "A busca não retornou nenhuma opção" }
-}, Et = (t, u, i, o) => {
-  const n = w(t.value), { t: s } = ge({ messages: he });
-  ye(t, () => {
+  "es-ES": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda" },
+  "es-MX": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda" },
+  "fr-FR": { apply: "Appliquer", cancel: "Annuler", noOptionsMatchThisSearch: "Aucune option ne correspond à cette recherche" },
+  "it-IT": { apply: "Applica", cancel: "Annulla", noOptionsMatchThisSearch: "Nessun risultato corrispondente a questa ricerca" },
+  "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索に一致するオプションはありません" },
+  "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca" },
+  "zh-CN": { apply: "应用", cancel: "取消", noOptionsMatchThisSearch: "没有符合此搜索条件的选项" }
+}, Et = (t, u, i, a) => {
+  const n = w(t.value), { t: s } = he({ messages: ge });
+  be(t, () => {
     n.value = t.value;
   });
   const e = r(
     () => JSON.stringify(n.value) === JSON.stringify(t.value)
   ), c = () => {
-    o(m.SELECT, n.value), o(m.CLOSE_DROPDOWN);
-  }, h = () => {
-    n.value = t.value, o(m.CLOSE_DROPDOWN);
+    a(m.SELECT, n.value), a(m.CLOSE_DROPDOWN);
+  }, g = () => {
+    n.value = t.value, a(m.CLOSE_DROPDOWN);
   }, E = () => {
     i.value && u.value && (n.value = t.value);
   }, d = r(() => [
@@ -43,22 +50,22 @@ const he = {
     },
     {
       title: s("cancel"),
-      event: h
+      event: g
     }
-  ]), b = (g) => {
-    n.value = g, u.value || o(m.SELECT, g);
-  }, p = (g) => {
-    b(g), o(m.TAB);
-  }, f = (g) => {
-    b(g), o(m.ENTER);
-  }, C = (g) => {
-    b(g), o(m.SPACE);
+  ]), y = (h) => {
+    n.value = h, u.value || a(m.SELECT, h);
+  }, p = (h) => {
+    y(h), a(m.TAB);
+  }, f = (h) => {
+    y(h), a(m.ENTER);
+  }, C = (h) => {
+    y(h), a(m.SPACE);
   }, v = () => {
-    h(), o(m.ESCAPE);
+    g(), a(m.ESCAPE);
   }, B = () => {
-    o(m.SHOW_MORE);
+    a(m.SHOW_MORE);
   }, D = {
-    [m.SELECT]: b,
+    [m.SELECT]: y,
     [m.SHOW_MORE]: B,
     [m.TAB]: p,
     [m.SPACE]: C,
@@ -73,10 +80,10 @@ const he = {
     onEscapeKey: v,
     onOutsideDropdownClick: E
   };
-}, Ct = W({
-  i18n: { messages: he },
+}, Ct = V({
+  i18n: { messages: ge },
   name: "bento-dropdown-options-container"
-}), Ot = /* @__PURE__ */ W({
+}), Ot = /* @__PURE__ */ V({
   ...Ct,
   props: {
     /**
@@ -187,12 +194,12 @@ const he = {
     }
   },
   setup(t, { expose: u, emit: i }) {
-    const o = Ae(), n = i, s = t, { selectedValue: e, multiple: c } = Ne(s), h = w(null), { t: E } = ge({ messages: he }), d = r(() => s.open && !s.disabled), b = r(() => E("noOptionsMatchThisSearch")), p = r(() => ({
+    const a = Ie(), n = i, s = t, { selectedValue: e, multiple: c } = xe(s), g = w(null), { t: E } = he({ messages: ge }), d = r(() => s.open && !s.disabled), y = r(() => E("noOptionsMatchThisSearch")), p = r(() => ({
       "b-dropdown-options-container--single": !s?.multiple
     })), f = r(() => ({
       "b-dropdown-options-container__listbox--single": !s?.multiple
-    })), { actions: C, internalSelectedValue: v, listeners: B, onEscapeKey: D, onOutsideDropdownClick: g } = Et(e, c, d, n), L = r(() => s?.multiple ? wt : Te), _ = r(() => {
-      const I = {
+    })), { actions: C, internalSelectedValue: v, listeners: B, onEscapeKey: D, onOutsideDropdownClick: h } = Et(e, c, d, n), S = r(() => s?.multiple ? wt : Te), P = r(() => {
+      const A = {
         "min-width": `${s?.targetElement?.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
@@ -207,7 +214,7 @@ const he = {
         position: "bottom-start",
         style: {
           width: "auto",
-          ...I
+          ...A
         },
         targetElement: s.targetElement
       } : {
@@ -216,29 +223,29 @@ const he = {
         position: "bottom-start",
         style: {
           display: d.value ? "block" : "none",
-          ...I
+          ...A
         },
         targetElement: s.targetElement
       };
     });
     return u({
-      onOutsideDropdownClick: g
-    }), (I, F) => d.value ? (S(), z(Me(L.value), k({
+      onOutsideDropdownClick: h
+    }), (A, _) => d.value ? (L(), z(Ne(S.value), R({
       key: 0,
       class: ["b-dropdown-options-container", p.value]
-    }, _.value), {
-      default: V(() => [
+    }, P.value), {
+      default: q(() => [
         te("div", {
-          onKeydown: F[0] || (F[0] = at(
+          onKeydown: _[0] || (_[0] = ot(
             //@ts-ignore
-            (...q) => l(D) && l(D)(...q),
+            (...W) => l(D) && l(D)(...W),
             ["esc"]
           ))
         }, [
-          Z(l(ve), k({
+          G(l(ve), R({
             id: t.id,
             ref_key: "dropdownOptionsListboxRef",
-            ref: h,
+            ref: g,
             "aria-label": t.ariaLabel,
             class: ["b-dropdown-options-container__listbox", f.value],
             "component-loading": t.componentLoading,
@@ -248,74 +255,74 @@ const he = {
             "selected-value": l(v),
             multiple: l(c),
             "static-categories": t.staticCategories,
-            "no-results-message": b.value,
+            "no-results-message": y.value,
             searching: t.searching,
             loading: t.loading,
             "lazy-load-type": t.lazyLoadType,
             "has-more-items": t.hasMoreItems,
             "virtual-scroll": t.virtualScroll
-          }, X(l(B))), ue({ _: 2 }, [
-            ce(l(o), (q, y) => ({
-              name: y,
-              fn: V((K) => [
-                G(I.$slots, y, pe(fe(K)), void 0, !0)
+          }, Q(l(B))), ue({ _: 2 }, [
+            ce(l(a), (W, b) => ({
+              name: b,
+              fn: q((K) => [
+                X(A.$slots, b, pe(fe(K)), 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, ["class"])) : R("", !0);
+    }, 16, ["class"])) : $("", !0);
   }
 }), Bt = /* @__PURE__ */ H(Ot, [["__scopeId", "data-v-abf92e14"]]);
-let xe = 0;
+let Me = 0;
 const Dt = {
   beforeCreate() {
-    this.uuid = xe.toString(), xe += 1;
+    this.uuid = Me.toString(), Me += 1;
   }
 }, Tt = { key: 0 };
-function xt(t, u, i, o, n, s) {
-  return S(), P("svg", k({ role: "img" }, t.$attrs, {
+function Mt(t, u, i, a, n, s) {
+  return L(), F("svg", R({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (S(), P("title", Tt, be(t.$attrs["svg-title"]), 1)) : R("", !0),
+    t.$attrs["svg-title"] ? (L(), F("title", Tt, ye(t.$attrs["svg-title"]), 1)) : $("", !0),
     u[0] || (u[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 It = /* @__PURE__ */ H(Dt, [["render", xt]]);
-let Ie = 0;
-const At = {
+const At = /* @__PURE__ */ H(Dt, [["render", Mt]]);
+let Ae = 0;
+const It = {
   beforeCreate() {
-    this.uuid = Ie.toString(), Ie += 1;
+    this.uuid = Ae.toString(), Ae += 1;
   }
-}, Nt = { key: 0 };
-function Mt(t, u, i, o, n, s) {
-  return S(), P("svg", k({ role: "img" }, t.$attrs, {
+}, xt = { key: 0 };
+function Nt(t, u, i, a, n, s) {
+  return L(), F("svg", R({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (S(), P("title", Nt, be(t.$attrs["svg-title"]), 1)) : R("", !0),
+    t.$attrs["svg-title"] ? (L(), F("title", xt, ye(t.$attrs["svg-title"]), 1)) : $("", !0),
     u[0] || (u[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 $t = /* @__PURE__ */ H(At, [["render", Mt]]), Rt = { class: "b-dropdown-small-textbox__chevron" }, kt = W({
+const kt = /* @__PURE__ */ H(It, [["render", Nt]]), $t = { class: "b-dropdown-small-textbox__chevron" }, Rt = V({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), Pt = /* @__PURE__ */ W({
-  ...kt,
+}), Ft = /* @__PURE__ */ V({
+  ...Rt,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -372,24 +379,24 @@ const $t = /* @__PURE__ */ H(At, [["render", Mt]]), Rt = { class: "b-dropdown-sm
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(t, { expose: u, emit: i }) {
-    const o = i, n = t, s = w(null), e = r(() => ({
+    const a = i, n = t, s = w(null), e = r(() => ({
       [`b-dropdown-small-textbox--${re.DISABLED}`]: n.disabled,
       [`b-dropdown-small-textbox--${re.READONLY}`]: n.readonly,
       [`b-dropdown-small-textbox--${re.OPENED}`]: n.open
-    })), c = r(() => n.open && !n.disabled && !n.readonly), h = (v) => {
-      o("input", v);
+    })), c = r(() => n.open && !n.disabled && !n.readonly), g = (v) => {
+      a("input", v);
     }, E = (v) => {
-      o("keydown", v);
+      a("keydown", v);
     }, d = (v) => {
-      de(v), o("open");
-    }, b = (v) => {
-      de(v), o("close");
+      de(v), a("open");
+    }, y = (v) => {
+      de(v), a("close");
     }, p = (v) => {
-      de(v), o("clear");
+      de(v), a("clear");
     }, f = {
-      [U.INPUT]: h,
+      [U.INPUT]: g,
       [U.OPEN]: d,
-      [U.CLOSE]: b,
+      [U.CLOSE]: y,
       [U.CLEAR]: p,
       [U.KEYDOWN]: E
     };
@@ -397,22 +404,22 @@ const $t = /* @__PURE__ */ H(At, [["render", Mt]]), Rt = { class: "b-dropdown-sm
       focus: () => {
         s.value.focus();
       }
-    }), (v, B) => (S(), P("div", {
+    }), (v, B) => (L(), F("div", {
       class: me(["b-dropdown-small-textbox", e.value])
     }, [
-      Z(bt, k({
+      G(rt, R({
         ref_key: "baseTextbox",
         ref: s
       }, { ...v.$attrs, ...v.$props }, {
         class: "b-dropdown-small-textbox__textbox",
-        size: l(Q).SMALL
-      }, X(f)), {
-        icon: V(() => [
-          te("div", Rt, [
-            ee(Z(l($t), { "svg-title": "opened" }, null, 512), [
+        size: l(Z).SMALL
+      }, Q(f)), {
+        icon: q(() => [
+          te("div", $t, [
+            ee(G(l(kt), { "svg-title": "opened" }, null, 512), [
               [Be, c.value]
             ]),
-            ee(Z(l(It), { "svg-title": "closed" }, null, 512), [
+            ee(G(l(At), { "svg-title": "closed" }, null, 512), [
               [Be, !c.value]
             ])
           ])
@@ -421,96 +428,96 @@ const $t = /* @__PURE__ */ H(At, [["render", Mt]]), Rt = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), _t = /* @__PURE__ */ H(Pt, [["__scopeId", "data-v-39ce3ec8"]]), Ft = (t, u) => u.value.reduce((i, o) => {
-  if (o.items) {
-    const n = o.items.filter(
+}), Pt = /* @__PURE__ */ H(Ft, [["__scopeId", "data-v-39ce3ec8"]]), _t = (t, u) => u.value.reduce((i, a) => {
+  if (a.items) {
+    const n = a.items.filter(
       (e) => t.value.find((c) => c.value === e.value)
     );
-    n.length === o.items.length ? i.push(o.displayValue ?? o.label) : n.forEach(({ label: e, displayValue: c }) => i.push(c ?? e));
+    n.length === a.items.length ? i.push(a.displayValue ?? a.label) : n.forEach(({ label: e, displayValue: c }) => i.push(c ?? e));
   }
-  return t.value.find((n) => n.value === o.value) && i.push(o.displayValue ?? o.label), i;
-}, []).join(", "), Kt = ({ items: t, placeholder: u, selectedValues: i, isMultiSelect: o }) => {
+  return t.value.find((n) => n.value === a.value) && i.push(a.displayValue ?? a.label), i;
+}, []).join(", "), Kt = ({ items: t, placeholder: u, selectedValues: i, isMultiSelect: a }) => {
   const n = r(
-    () => o.value && t.value.find((e) => e.items?.length)
+    () => a.value && t.value.find((e) => e.items?.length)
   );
-  return r(() => i.value.length ? n.value ? Ft(i, t) : i.value.map(({ label: e, displayValue: c }) => c ?? e).join(", ") : u.value || null);
-}, $e = (t) => {
+  return r(() => i.value.length ? n.value ? _t(i, t) : i.value.map(({ label: e, displayValue: c }) => c ?? e).join(", ") : u.value || null);
+}, ke = (t) => {
   t.value.$children?.[0].$refs.textbox.focus();
 }, zt = ({
   inputContainerRef: t,
   optionsContainerRef: u,
   selectedValueIndex: i,
-  isDropdownOpen: o,
+  isDropdownOpen: a,
   isDynamicFltering: n,
   items: s,
   isMultiple: e
-}, c, h, E) => {
-  const d = async (y) => {
-    n.value && await O(), s.value[y]?.focus();
-  }, b = async (y) => {
+}, c, g, E) => {
+  const d = async (b) => {
+    n.value && await O(), s.value[b]?.focus();
+  }, y = async (b) => {
     n.value && await O();
     const K = u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
       "button"
     );
-    K.length ? K[y]?.focus() : d(y);
-  }, p = (y) => u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
-    y
+    K.length ? K[b]?.focus() : d(b);
+  }, p = (b) => u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
+    b
   ), f = () => {
-    o.value || h(), O(() => {
+    a.value || g(), O(() => {
       p(0), d(0);
     });
   }, C = () => {
-    o.value || h(), O(() => {
+    a.value || g(), O(() => {
       p(s.value.length - 1), d(s.value.length - 1);
     });
-  }, v = ({ detail: y }) => {
-    y.preventDefault(), f();
-  }, B = ({ detail: y }) => {
-    y.preventDefault(), C();
+  }, v = ({ detail: b }) => {
+    b.preventDefault(), f();
+  }, B = ({ detail: b }) => {
+    b.preventDefault(), C();
   }, D = () => {
     f();
-  }, g = () => {
+  }, h = () => {
     C();
-  }, L = ({ detail: y }) => {
-    y.preventDefault(), c(), o.value && O(() => {
-      e ? b(0) : (p(i.value), d(i.value));
+  }, S = ({ detail: b }) => {
+    b.preventDefault(), c(), a.value && O(() => {
+      e ? y(0) : (p(i.value), d(i.value));
     });
-  }, _ = ({ detail: y }) => {
-    y.preventDefault(), c(), o.value && O(() => {
-      e ? b(0) : (p(i.value), d(i.value));
+  }, P = ({ detail: b }) => {
+    b.preventDefault(), c(), a.value && O(() => {
+      e ? y(0) : (p(i.value), d(i.value));
     });
-  }, I = () => {
-    o.value && E();
-  }, F = () => {
-    o.value && (E(), $e(t));
+  }, A = () => {
+    a.value && E();
+  }, _ = () => {
+    a.value && (E(), ke(t));
   };
   return r(() => ({
-    [A.ARROW_DOWN]: v,
-    [A.ARROW_UP]: B,
-    [A.HOME]: D,
-    [A.END]: g,
-    ...n.value ? {} : { [A.SPACE]: L },
-    [A.ENTER]: _,
-    [A.TAB]: I,
-    [A.ESCAPE]: F
+    [I.ARROW_DOWN]: v,
+    [I.ARROW_UP]: B,
+    [I.HOME]: D,
+    [I.END]: h,
+    ...n.value ? {} : { [I.SPACE]: S },
+    [I.ENTER]: P,
+    [I.TAB]: A,
+    [I.ESCAPE]: _
   }));
-}, Vt = ({ inputContainerRef: t, isDropdownOpen: u }, i) => {
-  const o = () => {
+}, qt = ({ inputContainerRef: t, isDropdownOpen: u }, i) => {
+  const a = () => {
     u.value && i(), O(() => {
-      $e(t);
+      ke(t);
     });
   };
   return {
-    [m.ENTER]: o,
-    [m.ESCAPE]: o,
-    [m.TAB]: o,
-    [m.SPACE]: o
+    [m.ENTER]: a,
+    [m.ESCAPE]: a,
+    [m.TAB]: a,
+    [m.SPACE]: a
   };
 };
-function Wt(t, u, i, o, n) {
-  const s = w(t), e = w(u), c = (d, b = []) => b.flatMap((p) => p.label.toLocaleLowerCase().includes(d) ? o?.value && p.items ? [...c(d, p.items)] : [p, ...c(d, p.items)] : p.items ? [...c(d, p.items)] : []), h = i !== void 0 ? mt(() => i(s.value), n ?? 300) : void 0;
-  return ye(s, () => {
-    h !== void 0 && h();
+function Vt(t, u, i, a, n) {
+  const s = w(t), e = w(u), c = (d, y = []) => y.flatMap((p) => p.label.toLocaleLowerCase().includes(d) ? a?.value && p.items ? [...c(d, p.items)] : [p, ...c(d, p.items)] : p.items ? [...c(d, p.items)] : []), g = i !== void 0 ? bt(() => i(s.value), n ?? 300) : void 0;
+  return be(s, () => {
+    g !== void 0 && g();
   }), r(() => {
     if (!s.value || i !== void 0)
       return e.value;
@@ -518,19 +525,26 @@ function Wt(t, u, i, o, n) {
     return c(d, e.value);
   });
 }
-const Re = {
+const $e = {
+  "de-DE": { all: "Alle", ariaLabelFallback: "Dropdown", clearSearch: "Filter löschen" },
+  "en-GB": { all: "All", ariaLabelFallback: "Dropdown", clearSearch: "Clear filter" },
   "en-US": { all: "All", ariaLabelFallback: "Dropdown", clearSearch: "Clear filter" },
+  "es-ES": { all: "Todos", ariaLabelFallback: "Menú desplegable", clearSearch: "Limpiar filtro" },
+  "es-MX": { all: "Todos", ariaLabelFallback: "Menú desplegable", clearSearch: "Limpiar filtro" },
+  "fr-FR": { all: "Tous", ariaLabelFallback: "Menu déroulant", clearSearch: "Effacer le filtre" },
+  "it-IT": { all: "Tutti", ariaLabelFallback: "Menu a discesa", clearSearch: "Cancella filtro" },
   "ja-JP": { all: "すべて", ariaLabelFallback: "ドロップダウン", clearSearch: "フィルターをクリア" },
-  "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" }
-}, qt = /* @__PURE__ */ Symbol("input field component injection key"), fo = /* @__PURE__ */ Symbol("input field hint injection key"), mo = /* @__PURE__ */ Symbol("input field parent component injection key"), Ut = W({
-  i18n: { messages: Re },
+  "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" },
+  "zh-CN": { all: "全部", ariaLabelFallback: "下拉菜单", clearSearch: "清除筛选器" }
+}, Wt = /* @__PURE__ */ Symbol("input field component injection key"), pa = /* @__PURE__ */ Symbol("input field hint injection key"), fa = /* @__PURE__ */ Symbol("input field parent component injection key"), Ut = V({
+  i18n: { messages: $e },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: gt,
-    DropdownInputSmall: _t
+    DropdownInputDefault: dt,
+    DropdownInputSmall: Pt
   },
   model: { prop: "modelValue" }
-}), jt = /* @__PURE__ */ W({
+}), jt = /* @__PURE__ */ V({
   ...Ut,
   props: {
     ariaLabel: { default: null },
@@ -565,101 +579,101 @@ const Re = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(t, { expose: u, emit: i }) {
-    const o = lt(), n = Ae(), s = ht(n), e = t, c = i, { t: h } = ge({ messages: Re }), { emitValue: E } = dt(c), d = w(null), b = w(null), p = w(null), f = w(!1), C = j("bento-dropdown-options-container"), v = j("dropdown-label"), B = j("dropdown-description"), D = j("dropdown-error"), { isReadOnly: g } = ft(x(e, "readonly")), L = r(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: _, cachedListboxSelectedValues: I, setCachedValues: F } = ut(
-      x(e, "items"),
-      L,
-      x(e, "multiple"),
-      x(e, "enableValueLabelPair")
-    ), q = w(o["aria-label"]), y = w(o["aria-describedby"]), { ariaLabel: K, label: J } = Ne(e), ke = r(() => h("ariaLabelFallback")), Le = rt({
+    const a = lt(), n = Ie(), s = gt(n), e = t, c = i, { t: g } = he({ messages: $e }), { emitValue: E } = ct(c), d = w(null), y = w(null), p = w(null), f = w(!1), C = j("bento-dropdown-options-container"), v = j("dropdown-label"), B = j("dropdown-description"), D = j("dropdown-error"), { isReadOnly: h } = vt(M(e, "readonly")), S = r(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: P, cachedListboxSelectedValues: A, setCachedValues: _ } = pt(
+      M(e, "items"),
+      S,
+      M(e, "multiple"),
+      M(e, "enableValueLabelPair")
+    ), W = w(a["aria-label"]), b = w(a["aria-describedby"]), { ariaLabel: K, label: J } = xe(e), Re = r(() => g("ariaLabelFallback")), Se = ut({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: K.value || q,
+      ariaLabel: K.value || W,
       label: J,
-      defaultFallback: ke
-    }), Se = e.size === Q.SMALL || nt(qt, !1), Pe = r(() => Se ? Q.SMALL : Q.DEFAULT), _e = r(() => ({
+      defaultFallback: Re
+    }), Le = e.size === Z.SMALL || nt(Wt, !1), Fe = r(() => Le ? Z.SMALL : Z.DEFAULT), Pe = r(() => ({
       "b-dropdown--condensed": e.condensed
-    })), Fe = r(() => ({
+    })), _e = r(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), N = w(""), Y = x(e, "items"), we = x(e, "staticCategories"), oe = Wt(
-      N,
+    })), x = w(""), Y = M(e, "items"), we = M(e, "staticCategories"), ae = Vt(
+      x,
       Y,
       e?.search?.searchEvent,
       we,
       e?.search?.debounceTime
-    ), ae = r(() => e.dynamicFiltering && !!N.value), Ke = Kt({
+    ), oe = r(() => e.dynamicFiltering && !!x.value), Ke = Kt({
       items: Y,
-      placeholder: x(e, "placeholder"),
-      isMultiSelect: x(e, "multiple"),
-      selectedValues: _
+      placeholder: M(e, "placeholder"),
+      isMultiSelect: M(e, "multiple"),
+      selectedValues: P
     }), ze = r(() => {
-      if (e?.multiple && Array.isArray(L.value))
+      if (e?.multiple && Array.isArray(S.value))
         return e.items.filter(
-          ({ value: a }) => e?.value && (e?.value).includes(a)
+          ({ value: o }) => e?.value && (e?.value).includes(o)
         );
       if (!e.multiple && e.staticCategories) {
-        const a = e.items.find(
-          (M) => M.items.some(($) => $.value === L.value)
+        const o = e.items.find(
+          (N) => N.items.some((k) => k.value === S.value)
         );
-        return a ? a.items.find((M) => M.value === L.value) : null;
+        return o ? o.items.find((N) => N.value === S.value) : null;
       }
-      return e.items.find(({ value: a }) => a === L.value);
-    }), Ve = r(() => {
-      const a = oe.value.findIndex(({ value: T }) => e.enableValueLabelPair ? L.value.value === T : L.value === T);
-      return a > -1 ? a : 0;
-    }), { isMultiLevelSelect: Ee, flattenedItemsList: We } = ct(Y), qe = r(() => Ee.value && !e.staticCategories), Ue = r(() => qe.value ? "treeitem" : "option"), je = r(() => {
+      return e.items.find(({ value: o }) => o === S.value);
+    }), qe = r(() => {
+      const o = ae.value.findIndex(({ value: T }) => e.enableValueLabelPair ? S.value.value === T : S.value === T);
+      return o > -1 ? o : 0;
+    }), { isMultiLevelSelect: Ee, flattenedItemsList: Ve } = ft(Y), We = r(() => Ee.value && !e.staticCategories), Ue = r(() => We.value ? "treeitem" : "option"), je = r(() => {
       if (e.multiple) {
-        const a = Array.isArray(L.value) ? L.value.length : 0, T = Ee.value ? We.value.length : Y.value.length;
-        return a === 0 ? null : !e.hasMoreItems && T > 0 && T === a ? h("all") : a;
+        const o = Array.isArray(S.value) ? S.value.length : 0, T = Ee.value ? Ve.value.length : Y.value.length;
+        return o === 0 ? null : !e.hasMoreItems && T > 0 && T === o ? g("all") : o;
       }
       return null;
     }), He = r(
       () => [
         e.description ? B : null,
-        y.value,
+        b.value,
         e.errorMessage ? D : null
       ].filter(Boolean).join(" ") || null
-    ), Je = r(() => p.value?.$el), { visibleDomOptions: Ye, updateVisibleDomOptions: Ce } = pt(
+    ), Je = r(() => p.value?.$el), { visibleDomOptions: Ye, updateVisibleDomOptions: Ce } = mt(
       Je,
-      oe,
+      ae,
       Ue
-    ), Ze = () => {
-      g.value || (f.value = !0, O(() => {
+    ), Ge = () => {
+      h.value || (f.value = !0, O(() => {
         Ce();
       }));
     }, le = () => {
       f.value = !1;
     }, ne = () => {
-      g.value || (f.value = !f.value, O(() => {
+      h.value || (f.value = !f.value, O(() => {
         Ce();
-      }), ae.value && (N.value = ""));
-    }, Ge = () => {
-      ae.value && (N.value = ""), f.value && (f.value = !1, p.value.onOutsideDropdownClick());
-    }, Qe = async (a) => {
-      e.multiple || (N.value = "", f.value = !1), F(a), E(I.value), e.multiple || (await O(), Oe());
+      }), oe.value && (x.value = ""));
     }, Xe = () => {
+      oe.value && (x.value = ""), f.value && (f.value = !1, p.value.onOutsideDropdownClick());
+    }, Ze = async (o) => {
+      e.multiple || (x.value = "", f.value = !1), _(o), E(A.value), e.multiple || (await O(), Oe());
+    }, Qe = () => {
       c(m.SHOW_MORE);
     }, et = zt(
       {
         inputContainerRef: d,
         optionsContainerRef: p,
-        selectedValueIndex: Ve,
+        selectedValueIndex: qe,
         isDropdownOpen: f,
-        isDynamicFltering: x(e, "dynamicFiltering"),
+        isDynamicFltering: M(e, "dynamicFiltering"),
         items: Ye,
         isMultiple: e.multiple
       },
       ne,
-      Ze,
+      Ge,
       le
-    ), tt = Vt(
+    ), tt = qt(
       {
         inputContainerRef: d,
         isDropdownOpen: f
       },
       le
-    ), ot = {
+    ), at = {
       [m.CLOSE_DROPDOWN]: le,
-      [m.SELECT]: Qe,
-      [m.SHOW_MORE]: Xe,
+      [m.SELECT]: Ze,
+      [m.SHOW_MORE]: Qe,
       ...tt
     };
     e.error && ie(
@@ -677,123 +691,123 @@ const Re = {
     const Oe = () => {
       d.value.focus();
     };
-    return ye(
+    return be(
       () => f.value,
-      (a) => {
-        a && c("open");
+      (o) => {
+        o && c("open");
       }
     ), u({
       focus: Oe
-    }), (a, T) => ee((S(), P("div", {
-      class: me(["b-dropdown", _e.value])
+    }), (o, T) => ee((L(), F("div", {
+      class: me(["b-dropdown", Pe.value])
     }, [
-      l(J) ? (S(), z(l(Lt), {
+      l(J) ? (L(), z(l(St), {
         key: 0,
         id: l(v),
-        condensed: a.condensed,
+        condensed: o.condensed,
         label: l(J),
-        "tooltip-text": a.tooltipText,
-        optional: a.optional,
-        required: a.required
-      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : R("", !0),
-      ee((S(), P("div", k({
+        "tooltip-text": o.tooltipText,
+        optional: o.optional,
+        required: o.required
+      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : $("", !0),
+      ee((L(), F("div", R({
         ref_key: "inputContainerRefWrapper",
-        ref: b
-      }, X(l(et), !0)), [
-        (S(), z(Me(Pe.value), {
+        ref: y
+      }, Q(l(et), !0)), [
+        (L(), z(Ne(Fe.value), {
           ref_key: "inputContainerRef",
           ref: d,
-          condensed: a.condensed,
-          value: N.value,
+          condensed: o.condensed,
+          value: x.value,
           "additional-items-selected": je.value,
           "aria-controls": l(C),
           ariaExpanded: f.value,
           "aria-labelledby": l(J) ? l(v) : null,
           "aria-describedby": He.value,
-          "aria-label": l(Le),
-          "aria-readonly": l(g),
-          "aria-required": a.required,
-          readonly: l(g),
-          disabled: a.disabled,
+          "aria-label": l(Se),
+          "aria-readonly": l(h),
+          "aria-required": o.required,
+          readonly: l(h),
+          disabled: o.disabled,
           "display-value": l(Ke),
-          "dynamic-filtering": a.dynamicFiltering,
-          "is-invalid": !!a.errorMessage || a.error,
-          multiple: a.multiple,
+          "dynamic-filtering": o.dynamicFiltering,
+          "is-invalid": !!o.errorMessage || o.error,
+          multiple: o.multiple,
           open: f.value,
-          "selected-value-item": l(Se) ? void 0 : ze.value,
-          "show-slot-content-in-multiple": a.showSlotContentInMultiple,
-          onInput: T[0] || (T[0] = (M) => N.value = M),
+          "selected-value-item": l(Le) ? void 0 : ze.value,
+          "show-slot-content-in-multiple": o.showSlotContentInMultiple,
+          onInput: T[0] || (T[0] = (N) => x.value = N),
           onOpen: ne,
           onClose: ne
         }, ue({ _: 2 }, [
-          ce(l(n), (M, $) => ({
-            name: $,
-            fn: V((se) => [
-              G(a.$slots, $, pe(fe(se)), void 0, !0)
+          ce(l(n), (N, k) => ({
+            name: k,
+            fn: q((se) => [
+              X(o.$slots, k, pe(fe(se)), 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)), [
-        [l(yt)]
+        [l(ht)]
       ]),
-      d.value ? (S(), z(l(Bt), k({
+      d.value ? (L(), z(l(Bt), R({
         key: 1,
         id: l(C),
         ref_key: "optionsContainerRef",
         ref: p,
-        "aria-label": l(Le),
-        "component-loading": a.componentLoading,
-        "empty-state": a.emptyState,
-        disabled: a.disabled,
-        "is-option-disabled": a.isOptionDisabled,
-        items: l(oe),
-        multiple: a.multiple,
+        "aria-label": l(Se),
+        "component-loading": o.componentLoading,
+        "empty-state": o.emptyState,
+        disabled: o.disabled,
+        "is-option-disabled": o.isOptionDisabled,
+        items: l(ae),
+        multiple: o.multiple,
         "static-categories": we.value,
         open: f.value,
-        "selected-value": l(_),
-        searching: ae.value,
-        "target-element": b.value,
-        loading: a.loading,
-        "has-more-items": a.hasMoreItems,
-        "lazy-load-type": a.lazyLoadType,
-        "virtual-scroll": a.virtualScroll
-      }, X(ot)), ue({ _: 2 }, [
-        ce(l(n), (M, $) => ({
-          name: $,
-          fn: V((se) => [
-            G(a.$slots, $, pe(fe(se)), void 0, !0)
+        "selected-value": l(P),
+        searching: oe.value,
+        "target-element": y.value,
+        loading: o.loading,
+        "has-more-items": o.hasMoreItems,
+        "lazy-load-type": o.lazyLoadType,
+        "virtual-scroll": o.virtualScroll
+      }, Q(at)), ue({ _: 2 }, [
+        ce(l(n), (N, k) => ({
+          name: k,
+          fn: q((se) => [
+            X(o.$slots, k, pe(fe(se)), 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"])) : R("", !0),
-      a.errorMessage ? (S(), z(l(St), {
+      ]), 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),
+      o.errorMessage ? (L(), z(l(Lt), {
         key: 2,
         id: l(D),
-        "error-message": a.errorMessage,
+        "error-message": o.errorMessage,
         class: "b-dropdown__error-message"
-      }, null, 8, ["id", "error-message"])) : R("", !0),
-      a.description || l(s)("description") ? (S(), z(l(it), {
+      }, null, 8, ["id", "error-message"])) : $("", !0),
+      o.description || l(s)("description") ? (L(), z(l(it), {
         key: 3,
         id: l(B),
-        class: me(["b-dropdown__description", Fe.value]),
+        class: me(["b-dropdown__description", _e.value]),
         el: "span"
       }, {
-        default: V(() => [
-          G(a.$slots, "description", {}, () => [
-            st(be(a.description), 1)
+        default: q(() => [
+          X(o.$slots, "description", {}, () => [
+            st(ye(o.description), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["id", "class"])) : R("", !0)
+      }, 8, ["id", "class"])) : $("", !0)
     ], 2)), [
-      [l(vt), Ge]
+      [l(yt), Xe]
     ]);
   }
-}), vo = /* @__PURE__ */ H(jt, [["__scopeId", "data-v-06d3531c"]]);
+}), ma = /* @__PURE__ */ H(jt, [["__scopeId", "data-v-06d3531c"]]);
 export {
-  vo as B,
-  fo as I,
-  qt as a,
-  mo as b,
-  Wt as u
+  ma as B,
+  pa as I,
+  Wt as a,
+  fa as b,
+  Vt as u
 };
-//# sourceMappingURL=dropdown.MhmX1P9o.js.map
+//# sourceMappingURL=dropdown.Do-mZiI6.js.map