@adyen/bento-vue3 1.34.0 → 1.35.1

package/dist/chunks/{dropdown.ex87AZ7s.js → dropdown.rFZp3hMb.js}

@@ -1,43 +1,51 @@
-import { ref as $, watch as Oe, computed as c, defineComponent as z, useSlots as Ee, toRefs as Ce, openBlock as x, createBlock as P, resolveDynamicComponent as Be, mergeProps as M, withCtx as F, createElementVNode as ee, withKeys as Ye, unref as o, createVNode as Q, toHandlers as _, createSlots as re, renderList as de, renderSlot as X, normalizeProps as ue, guardReactiveProps as ce, createElementBlock as k, toDisplayString as ve, createCommentVNode as K, normalizeClass as fe, withDirectives as G, vShow as xe, nextTick as N, useAttrs as Ze, toRef as R, inject as Qe, createTextVNode as Xe } from "vue";
+import { ref as $, watch as Oe, computed as c, defineComponent as z, useSlots as Ee, toRefs as Ce, openBlock as x, createBlock as P, resolveDynamicComponent as Be, mergeProps as N, withCtx as F, createElementVNode as ee, withKeys as Ye, unref as o, createVNode as Q, toHandlers as _, createSlots as re, renderList as de, renderSlot as X, normalizeProps as ue, guardReactiveProps as ce, createElementBlock as k, toDisplayString as ve, createCommentVNode as K, normalizeClass as fe, withDirectives as G, vShow as xe, nextTick as M, useAttrs as Ze, toRef as C, inject as Qe, createTextVNode as Xe } from "vue";
 import { d as Le, B as _e } from "./typography.z9P0Ec3Q.js";
-import { a as ne, b as H, c as Ge, B as V, D as et } from "./dropdown-default-textbox.Bu4bpNGU.js";
+import { g as V } from "./unique-id.XFfoKuc2.js";
+import { u as Ge } from "./aria-label.CaUURpnB.js";
+import { u as ye } from "./i18n.DL9GT2-k.js";
+import { u as et } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as tt } from "./directive.O3yEdalv.js";
+import { B as T, a as lt } from "./keyboard-navigation.Clz1jOaA.js";
+import { a as ne, b as H, c as at, B as J, D as ot } from "./dropdown-default-textbox.Bu4bpNGU.js";
+import { a as u, B as pe, b as me, c as st, u as nt } from "./use-cached-selected-values.CS3gHOyI.js";
+import { u as it } from "./use-has-slot.B7eQSabc.js";
+import { F as rt, E as dt } from "./error-message.DblYEZ7E.js";
+import { P as Se } from "./popper-container.DFpaesDm.js";
+import { B as ut } from "./popover.pDk6zsak.js";
 import { _ as Y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { s as ie } from "./events.CMzGybJJ.js";
-import { g as J } from "./unique-id.XFfoKuc2.js";
-import { u as tt } from "./aria-label.CaUURpnB.js";
-import { u as be } from "./i18n.DL9GT2-k.js";
-import { u as at } from "./use-form-layout-loading.D3lALhtC.js";
-import { B as lt } from "./directive.O3yEdalv.js";
-import { B as T, a as ot } from "./keyboard-navigation.Clz1jOaA.js";
-import { a as u, B as pe, b as me, c as st, u as nt } from "./use-cached-selected-values.ClVxNmUf.js";
-import { u as it } from "./use-has-slot.B7eQSabc.js";
-import { F as rt, E as dt } from "./error-message.D2Y99KjT.js";
-import { P as we } from "./popper-container.DFpaesDm.js";
-import { B as ut } from "./popover.DQP3ce2x.js";
 import "../assets/dropdown.css";
-const ye = {
+const be = {
   "en-US": {
     apply: "Apply",
     cancel: "Cancel",
     noOptionsMatchThisSearch: "No options match this search"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    cancel: "Cancelar"
+  },
+  "ja-JP": {
+    apply: "適用",
+    cancel: "キャンセル"
   }
-}, ct = (t, l, s, a) => {
-  const n = $(t.value), { t: e } = be({ messages: ye });
+}, ct = (t, a, s, l) => {
+  const n = $(t.value), { t: e } = ye({ messages: be });
   Oe(t, () => {
     n.value = t.value;
   });
   const i = c(
     () => JSON.stringify(n.value) === JSON.stringify(t.value)
-  ), b = () => {
-    a(u.SELECT, n.value), a(u.CLOSE_DROPDOWN);
+  ), m = () => {
+    l(u.SELECT, n.value), l(u.CLOSE_DROPDOWN);
   }, r = () => {
-    n.value = t.value, a(u.CLOSE_DROPDOWN);
+    n.value = t.value, l(u.CLOSE_DROPDOWN);
   }, g = () => {
-    s.value && l.value && (n.value = t.value);
+    s.value && a.value && (n.value = t.value);
   }, p = c(() => [
     {
       title: e("apply"),
-      event: b,
+      event: m,
       disabled: i.value
     },
     {
@@ -45,22 +53,22 @@ const ye = {
       event: r
     }
   ]), d = (h) => {
-    n.value = h, l.value || a(u.SELECT, h);
+    n.value = h, a.value || l(u.SELECT, h);
   }, f = (h) => {
-    d(h), a(u.TAB);
+    d(h), l(u.TAB);
   }, O = (h) => {
-    d(h), a(u.ENTER);
-  }, C = (h) => {
-    d(h), a(u.SPACE);
-  }, B = () => {
-    r(), a(u.ESCAPE);
-  }, w = () => {
-    a(u.SHOW_MORE);
+    d(h), l(u.ENTER);
+  }, B = (h) => {
+    d(h), l(u.SPACE);
+  }, I = () => {
+    r(), l(u.ESCAPE);
+  }, S = () => {
+    l(u.SHOW_MORE);
   }, E = {
     [u.SELECT]: d,
-    [u.SHOW_MORE]: w,
+    [u.SHOW_MORE]: S,
     [u.TAB]: f,
-    [u.SPACE]: C,
+    [u.SPACE]: B,
     [u.ENTER]: O
   };
   return {
@@ -69,11 +77,11 @@ const ye = {
     internalSelectedValue: n,
     // Methods
     listeners: E,
-    onEscapeKey: B,
+    onEscapeKey: I,
     onOutsideDropdownClick: g
   };
 }, ft = z({
-  i18n: { messages: ye },
+  i18n: { messages: be },
   name: "bento-dropdown-options-container"
 }), pt = /* @__PURE__ */ z({
   ...ft,
@@ -171,7 +179,7 @@ const ye = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: we.props.targetElement.type, required: !0 },
+    targetElement: { type: Se.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.
@@ -181,23 +189,23 @@ const ye = {
       default: !1
     }
   },
-  setup(t, { expose: l, emit: s }) {
-    const a = Ee(), n = s, e = t, { selectedValue: i, multiple: b } = Ce(e), r = $(null), { t: g } = be({ messages: ye }), p = c(() => e.open && !e.disabled), d = c(() => g("noOptionsMatchThisSearch")), f = c(() => ({
+  setup(t, { expose: a, emit: s }) {
+    const l = Ee(), n = s, e = t, { selectedValue: i, multiple: m } = Ce(e), r = $(null), { t: g } = ye({ messages: be }), p = c(() => e.open && !e.disabled), d = c(() => g("noOptionsMatchThisSearch")), f = c(() => ({
       "b-dropdown-options-container--single": !(e != null && e.multiple)
     })), O = c(() => ({
       "b-dropdown-options-container__listbox--single": !(e != null && e.multiple)
-    })), { actions: C, internalSelectedValue: B, listeners: w, onEscapeKey: E, onOutsideDropdownClick: h } = ct(i, b, p, n), m = c(() => e != null && e.multiple ? ut : we), y = c(() => {
-      var S;
+    })), { actions: B, internalSelectedValue: I, listeners: S, onEscapeKey: E, onOutsideDropdownClick: h } = ct(i, m, p, n), v = c(() => e != null && e.multiple ? ut : Se), b = c(() => {
+      var w;
       const L = {
-        "min-width": `${(S = e == null ? void 0 : e.targetElement) == null ? void 0 : S.clientWidth}px`,
+        "min-width": `${(w = e == null ? void 0 : e.targetElement) == null ? void 0 : w.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return e != null && e.multiple ? {
         actionsLayout: "space-between",
-        actions: C.value,
+        actions: B.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: J(`dropdown-options-${e.id}`),
+        id: V(`dropdown-options-${e.id}`),
         open: e.open,
         position: "bottom-start",
         style: {
@@ -216,21 +224,21 @@ const ye = {
         targetElement: e.targetElement
       };
     });
-    return l({
+    return a({
       onOutsideDropdownClick: h
-    }), (L, S) => (x(), P(Be(m.value), M({
+    }), (L, w) => (x(), P(Be(v.value), N({
       class: ["b-dropdown-options-container", f.value],
       "aria-label": t.ariaLabel
-    }, y.value), {
+    }, b.value), {
       default: F(() => [
         ee("div", {
-          onKeydown: S[0] || (S[0] = Ye(
+          onKeydown: w[0] || (w[0] = Ye(
             //@ts-ignore
             (...W) => o(E) && o(E)(...W),
             ["esc"]
           ))
         }, [
-          Q(o(me), M({
+          Q(o(me), N({
             id: t.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: r,
@@ -239,8 +247,8 @@ const ye = {
             "empty-state": t.emptyState,
             "is-option-disabled": t.isOptionDisabled,
             items: t.items,
-            "selected-value": o(B),
-            multiple: o(b),
+            "selected-value": o(I),
+            multiple: o(m),
             "static-categories": t.staticCategories,
             "no-results-message": d.value,
             searching: t.searching,
@@ -248,8 +256,8 @@ const ye = {
             "lazy-load-type": t.lazyLoadType,
             "has-more-items": t.hasMoreItems,
             "virtual-scroll": t.virtualScroll
-          }, _(o(w))), re({ _: 2 }, [
-            de(o(a), (W, j) => ({
+          }, _(o(S))), re({ _: 2 }, [
+            de(o(l), (W, j) => ({
               name: j,
               fn: F((te) => [
                 X(L.$slots, j, ue(ce(te)), void 0, !0)
@@ -262,36 +270,36 @@ const ye = {
     }, 16, ["aria-label", "class"]));
   }
 }), mt = /* @__PURE__ */ Y(pt, [["__scopeId", "data-v-cac3da66"]]);
-let Se = 0;
+let we = 0;
 const vt = {
   beforeCreate() {
-    this.uuid = Se.toString(), Se += 1;
+    this.uuid = we.toString(), we += 1;
   }
-}, bt = { key: 0 };
-function yt(t, l, s, a, n, e) {
-  return x(), k("svg", M({ role: "img" }, t.$attrs, {
+}, yt = { key: 0 };
+function bt(t, a, s, l, n, e) {
+  return x(), k("svg", N({ 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"] ? (x(), k("title", bt, ve(t.$attrs["svg-title"]), 1)) : K("", !0),
-    l[0] || (l[0] = ee("path", {
+    t.$attrs["svg-title"] ? (x(), k("title", yt, ve(t.$attrs["svg-title"]), 1)) : K("", !0),
+    a[0] || (a[0] = ee("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 gt = /* @__PURE__ */ Y(vt, [["render", yt]]);
+const gt = /* @__PURE__ */ Y(vt, [["render", bt]]);
 let $e = 0;
 const ht = {
   beforeCreate() {
     this.uuid = $e.toString(), $e += 1;
   }
 }, xt = { key: 0 };
-function Lt(t, l, s, a, n, e) {
-  return x(), k("svg", M({ role: "img" }, t.$attrs, {
+function Lt(t, a, s, l, n, e) {
+  return x(), k("svg", N({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -299,13 +307,13 @@ function Lt(t, l, s, a, n, e) {
     fill: "none"
   }), [
     t.$attrs["svg-title"] ? (x(), k("title", xt, ve(t.$attrs["svg-title"]), 1)) : K("", !0),
-    l[0] || (l[0] = ee("path", {
+    a[0] || (a[0] = ee("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 wt = /* @__PURE__ */ Y(ht, [["render", Lt]]), St = { class: "b-dropdown-small-textbox__chevron" }, $t = z({
+const St = /* @__PURE__ */ Y(ht, [["render", Lt]]), wt = { class: "b-dropdown-small-textbox__chevron" }, $t = z({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
 }), Ot = /* @__PURE__ */ z({
@@ -369,14 +377,14 @@ const wt = /* @__PURE__ */ Y(ht, [["render", Lt]]), St = { class: "b-dropdown-sm
     value: { type: String, default: "" }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(t, { emit: l }) {
-    const s = l, a = t, n = c(() => ({
-      [`b-dropdown-small-textbox--${ne.DISABLED}`]: a.disabled,
-      [`b-dropdown-small-textbox--${ne.READONLY}`]: a.readonly,
-      [`b-dropdown-small-textbox--${ne.OPENED}`]: a.open
-    })), e = c(() => a.open && !a.disabled && !a.readonly), i = (f) => {
+  setup(t, { emit: a }) {
+    const s = a, l = t, n = c(() => ({
+      [`b-dropdown-small-textbox--${ne.DISABLED}`]: l.disabled,
+      [`b-dropdown-small-textbox--${ne.READONLY}`]: l.readonly,
+      [`b-dropdown-small-textbox--${ne.OPENED}`]: l.open
+    })), e = c(() => l.open && !l.disabled && !l.readonly), i = (f) => {
       s("input", f);
-    }, b = (f) => {
+    }, m = (f) => {
       s("keydown", f);
     }, r = (f) => {
       ie(f), s("open");
@@ -389,18 +397,18 @@ const wt = /* @__PURE__ */ Y(ht, [["render", Lt]]), St = { class: "b-dropdown-sm
       [H.OPEN]: r,
       [H.CLOSE]: g,
       [H.CLEAR]: p,
-      [H.KEYDOWN]: b
+      [H.KEYDOWN]: m
     };
     return (f, O) => (x(), k("div", {
       class: fe(["b-dropdown-small-textbox", n.value])
     }, [
-      Q(Ge, M({ ...f.$attrs, ...f.$props }, {
+      Q(at, N({ ...f.$attrs, ...f.$props }, {
         class: "b-dropdown-small-textbox__textbox",
-        size: o(V).SMALL
+        size: o(J).SMALL
       }, _(d)), {
         icon: F(() => [
-          ee("div", St, [
-            G(Q(o(wt), { "svg-title": "opened" }, null, 512), [
+          ee("div", wt, [
+            G(Q(o(St), { "svg-title": "opened" }, null, 512), [
               [xe, e.value]
             ]),
             G(Q(o(gt), { "svg-title": "closed" }, null, 512), [
@@ -412,99 +420,101 @@ const wt = /* @__PURE__ */ Y(ht, [["render", Lt]]), St = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), Et = /* @__PURE__ */ Y(Ot, [["__scopeId", "data-v-2fa2d897"]]), Ct = (t, l) => l.value.reduce((s, a) => {
-  if (a.items) {
-    const n = a.items.filter(
-      (i) => t.value.find((b) => b.value === i.value)
+}), Et = /* @__PURE__ */ Y(Ot, [["__scopeId", "data-v-2fa2d897"]]), Ct = (t, a) => a.value.reduce((s, l) => {
+  if (l.items) {
+    const n = l.items.filter(
+      (i) => t.value.find((m) => m.value === i.value)
     );
-    n.length === a.items.length ? s.push(a.label) : n.forEach(({ label: i }) => s.push(i));
+    n.length === l.items.length ? s.push(l.label) : n.forEach(({ label: i }) => s.push(i));
   }
-  return t.value.find((n) => n.value === a.value) && s.push(a.label), s;
-}, []).join(", "), Bt = ({ items: t, placeholder: l, selectedValues: s }) => {
-  const a = c(() => t.value.find((e) => {
-    var i;
-    return (i = e.items) == null ? void 0 : i.length;
-  }));
-  return c(() => s.value.length ? a.value ? Ct(s, t) : s.value.map(({ label: e }) => e).join(", ") : l.value || null);
+  return t.value.find((n) => n.value === l.value) && s.push(l.label), s;
+}, []).join(", "), Bt = ({ items: t, placeholder: a, selectedValues: s, isMultiSelect: l }) => {
+  const n = c(
+    () => l.value && t.value.find((i) => {
+      var m;
+      return (m = i.items) == null ? void 0 : m.length;
+    })
+  );
+  return c(() => s.value.length ? n.value ? Ct(s, t) : s.value.map(({ label: i }) => i).join(", ") : a.value || null);
 }, Ie = (t) => {
-  var l;
-  (l = t.value.$children) == null || l[0].$refs.textbox.focus();
+  var a;
+  (a = t.value.$children) == null || a[0].$refs.textbox.focus();
 }, It = ({
   inputContainerRef: t,
-  optionsContainerRef: l,
+  optionsContainerRef: a,
   selectedValueIndex: s,
-  isDropdownOpen: a,
+  isDropdownOpen: l,
   isDynamicFltering: n,
   items: e,
   isMultiple: i
-}, b, r, g) => {
-  const p = ({ detail: m }) => {
-    m.preventDefault(), a.value || r(), N(() => {
-      var y;
-      i ? (y = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || y[0].$el.focus() : (l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.setListboxFocusedIndex(
+}, m, r, g) => {
+  const p = ({ detail: v }) => {
+    v.preventDefault(), l.value || r(), M(() => {
+      var b;
+      i ? (b = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[0].$el.focus() : (a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.setListboxFocusedIndex(
         s.value
-      ), l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.listboxItemRef[s.value].$el.focus());
+      ), a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.listboxItemRef[s.value].$el.focus());
     });
-  }, d = ({ detail: m }) => {
-    m.preventDefault(), a.value || r(), N(() => {
-      l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.setListboxFocusedIndex(
+  }, d = ({ detail: v }) => {
+    v.preventDefault(), l.value || r(), M(() => {
+      a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.setListboxFocusedIndex(
         s.value
-      ), l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.listboxItemRef[s.value].$el.focus();
+      ), a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.listboxItemRef[s.value].$el.focus();
     });
   }, f = () => {
-    a.value || (r(), N(() => {
-      var m, y;
+    l.value || (r(), M(() => {
+      var v, b;
       if (i) {
-        const L = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children;
-        (m = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[L.length - 1].$children[e.length - 1].$el.focus();
+        const L = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children;
+        (v = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || v[L.length - 1].$children[e.length - 1].$el.focus();
       } else
-        (y = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || y[e.length - 1].$el.focus();
+        (b = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[e.length - 1].$el.focus();
     }));
   }, O = () => {
-    a.value && (g(), Ie(t));
-  }, C = () => {
-    a.value && g();
+    l.value && (g(), Ie(t));
   }, B = () => {
-    a.value || r(), N(() => {
-      var m;
-      (m = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[0].$el.focus();
+    l.value && g();
+  }, I = () => {
+    l.value || r(), M(() => {
+      var v;
+      (v = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || v[0].$el.focus();
     });
-  }, w = ({ detail: m }) => {
-    m.preventDefault(), b(), a.value && N(() => {
-      var y, L;
-      i ? (y = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || y[0].$el.focus() : (L = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || L[s.value].$el.focus();
+  }, S = ({ detail: v }) => {
+    v.preventDefault(), m(), l.value && M(() => {
+      var b, L;
+      i ? (b = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[0].$el.focus() : (L = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || L[s.value].$el.focus();
     });
   }, E = () => {
-    b(), a.value && N(() => {
-      var m, y;
-      i ? (m = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[0].$el.focus() : (y = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || y[s.value].$el.focus();
+    m(), l.value && M(() => {
+      var v, b;
+      i ? (v = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || v[0].$el.focus() : (b = a.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[s.value].$el.focus();
     });
   };
   return c(() => ({
-    ...n.value ? {} : { [T.SPACE]: w },
+    ...n.value ? {} : { [T.SPACE]: S },
     [T.ENTER]: E,
     [T.ARROW_DOWN]: p,
     [T.ARROW_UP]: d,
     [T.END]: f,
     [T.ESCAPE]: O,
-    [T.HOME]: B,
-    [T.TAB]: C
+    [T.HOME]: I,
+    [T.TAB]: B
   }));
-}, Dt = ({ inputContainerRef: t, isDropdownOpen: l }, s) => {
-  const a = () => {
-    l.value && s(), N(() => {
+}, Dt = ({ inputContainerRef: t, isDropdownOpen: a }, s) => {
+  const l = () => {
+    a.value && s(), M(() => {
       Ie(t);
     });
   };
   return {
-    [u.ENTER]: a,
-    [u.ESCAPE]: a,
-    [u.TAB]: a,
-    [u.SPACE]: a
+    [u.ENTER]: l,
+    [u.ESCAPE]: l,
+    [u.TAB]: l,
+    [u.SPACE]: l
   };
 };
-function Rt(t, l, s, a) {
-  const n = $(t), e = $(l), i = (r, g = []) => g.flatMap((p) => p.label.toLocaleLowerCase().includes(r) ? a != null && a.value && p.items ? [...i(r, p.items)] : [p, ...i(r, p.items)] : p.items ? [...i(r, p.items)] : []);
+function Rt(t, a, s, l) {
+  const n = $(t), e = $(a), i = (r, g = []) => g.flatMap((p) => p.label.toLocaleLowerCase().includes(r) ? l != null && l.value && p.items ? [...i(r, p.items)] : [p, ...i(r, p.items)] : p.items ? [...i(r, p.items)] : []);
   return Oe(n, () => {
     s !== void 0 && s(n.value);
   }), c(() => {
@@ -519,15 +529,23 @@ const De = {
     all: "All",
     clearSearch: "Clear filter",
     ariaLabelFallback: "Dropdown"
+  },
+  "pt-BR": {
+    all: "Todos",
+    clearFilter: "Limpar filtro"
+  },
+  "ja-JP": {
+    all: "すべて",
+    clearFilter: "フィルターをクリア"
   }
 }, Tt = Symbol("input field component injection key"), At = z({
   i18n: { messages: De },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: et,
+    DropdownInputDefault: ot,
     DropdownInputSmall: Et
   }
-}), Nt = /* @__PURE__ */ z({
+}), Mt = /* @__PURE__ */ z({
   ...At,
   props: {
     /**
@@ -656,7 +674,7 @@ const De = {
     size: {
       type: String,
       default: null,
-      validator: (t) => Object.values(V).includes(t)
+      validator: (t) => Object.values(J).includes(t)
     },
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -685,59 +703,60 @@ const De = {
     }
   },
   emits: ["input", "show-more"],
-  setup(t, { emit: l }) {
+  setup(t, { emit: a }) {
     var he;
-    const s = Ze(), a = Ee(), n = it(a), e = t, i = l, { t: b } = be({ messages: De }), r = $(null), g = $(null), p = $(null), d = $(!1), f = J("bento-dropdown-options-container"), O = J("dropdown-label"), C = J("dropdown-description"), B = J("dropdown-error"), { isReadOnly: w } = at(R(e, "readonly")), { cachedSelectedListboxOptions: E, cachedListboxSelectedValues: h, setCachedValues: m } = st(
-      R(e, "items"),
-      R(e, "value"),
-      R(e, "multiple")
-    ), y = $(s["aria-label"]), { ariaLabel: L, label: S } = Ce(e), W = tt({
+    const s = Ze(), l = Ee(), n = it(l), e = t, i = a, { t: m } = ye({ messages: De }), r = $(null), g = $(null), p = $(null), d = $(!1), f = V("bento-dropdown-options-container"), O = V("dropdown-label"), B = V("dropdown-description"), I = V("dropdown-error"), { isReadOnly: S } = et(C(e, "readonly")), { cachedSelectedListboxOptions: E, cachedListboxSelectedValues: h, setCachedValues: v } = st(
+      C(e, "items"),
+      C(e, "value"),
+      C(e, "multiple")
+    ), b = $(s["aria-label"]), { ariaLabel: L, label: w } = Ce(e), W = Ge({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: L || y,
-      label: S,
-      defaultFallback: b("ariaLabelFallback")
-    }), j = e.size === V.SMALL || Qe(Tt, !1), te = c(() => j ? V.SMALL : V.DEFAULT), Re = c(() => ({
+      ariaLabel: L || b,
+      label: w,
+      defaultFallback: m("ariaLabelFallback")
+    }), j = e.size === J.SMALL || Qe(Tt, !1), te = c(() => j ? J.SMALL : J.DEFAULT), Re = c(() => ({
       "b-dropdown--condensed": e.condensed
     })), Te = c(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), A = $(""), Z = R(e, "items"), ge = R(e, "staticCategories"), Ae = Rt(A, Z, (he = e == null ? void 0 : e.search) == null ? void 0 : he.searchEvent, ge), ae = c(() => e.dynamicFiltering && !!A.value), Ne = Bt({
+    })), A = $(""), Z = C(e, "items"), ge = C(e, "staticCategories"), Ae = Rt(A, Z, (he = e == null ? void 0 : e.search) == null ? void 0 : he.searchEvent, ge), le = c(() => e.dynamicFiltering && !!A.value), Me = Bt({
       items: Z,
-      placeholder: R(e, "placeholder"),
+      placeholder: C(e, "placeholder"),
+      isMultiSelect: C(e, "multiple"),
       selectedValues: E
-    }), Me = c(() => {
+    }), Ne = c(() => {
       if (e != null && e.multiple && Array.isArray(e.value))
         return e.items.filter(
-          ({ value: v }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(v)
+          ({ value: y }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(y)
         );
       if (!e.multiple && e.staticCategories) {
-        const v = e.items.find(
-          (D) => D.items.some((U) => U.value === e.value)
+        const y = e.items.find(
+          (R) => R.items.some((U) => U.value === e.value)
         );
-        return v ? v.items.find((D) => D.value === e.value) : null;
+        return y ? y.items.find((R) => R.value === e.value) : null;
       }
-      return e.items.find(({ value: v }) => v === (e == null ? void 0 : e.value));
+      return e.items.find(({ value: y }) => y === (e == null ? void 0 : e.value));
     }), ke = c(() => {
-      const v = e.items.findIndex(({ value: I }) => e.value === I);
-      return v > 0 ? v : 0;
+      const y = e.items.findIndex(({ value: D }) => e.value === D);
+      return y > 0 ? y : 0;
     }), { isMultiLevelSelect: Pe, flattenedItemsList: Ke } = nt(Z), Fe = c(() => {
-      var v;
+      var y;
       if (e.multiple) {
-        const I = (v = e == null ? void 0 : e.value) == null ? void 0 : v.length, D = Pe.value ? Ke.value.length : Z.value.length;
-        return !e.hasMoreItems && D === I ? b("all") : I;
+        const D = (y = e == null ? void 0 : e.value) == null ? void 0 : y.length, R = Pe.value ? Ke.value.length : Z.value.length;
+        return !e.hasMoreItems && R === D ? m("all") : D;
       }
       return null;
     }), ze = c(
-      () => `${e.description ? C : ""} ${e.errorMessage ? B : ""}`.trim() || null
+      () => `${e.description ? B : ""} ${e.errorMessage ? I : ""}`.trim() || null
     ), We = () => {
-      w.value || (d.value = !0);
-    }, le = () => {
+      S.value || (d.value = !0);
+    }, ae = () => {
       d.value = !1;
     }, oe = () => {
-      w.value || (d.value = !d.value, ae.value && (A.value = ""));
+      S.value || (d.value = !d.value, le.value && (A.value = ""));
     }, je = () => {
-      ae.value && (A.value = ""), d.value && (d.value = !1, p.value.onOutsideDropdownClick());
-    }, Ue = (v) => {
-      e.multiple || (A.value = "", d.value = !1), m(v), i("input", h.value);
+      le.value && (A.value = ""), d.value && (d.value = !1, p.value.onOutsideDropdownClick());
+    }, Ue = (y) => {
+      e.multiple || (A.value = "", d.value = !1), v(y), i("input", h.value);
     }, qe = () => {
       i(u.SHOW_MORE);
     }, He = It(
@@ -746,21 +765,21 @@ const De = {
         optionsContainerRef: p,
         selectedValueIndex: ke,
         isDropdownOpen: d,
-        isDynamicFltering: R(e, "dynamicFiltering"),
+        isDynamicFltering: C(e, "dynamicFiltering"),
         items: e.items,
         isMultiple: e.multiple
       },
       oe,
       We,
-      le
+      ae
     ), Ve = Dt(
       {
         inputContainerRef: r,
         isDropdownOpen: d
       },
-      le
+      ae
     ), Je = {
-      [u.CLOSE_DROPDOWN]: le,
+      [u.CLOSE_DROPDOWN]: ae,
       [u.SELECT]: Ue,
       [u.SHOW_MORE]: qe,
       ...Ve
@@ -771,21 +790,21 @@ const De = {
                         Having the field as "undefined" will hide/remove the error.
                         <bento-dropdown errorMessage="Error message text" />`,
       "2.0.0"
-    ), e.size && Le('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), (v, I) => {
-      var D;
+    ), e.size && Le('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), (y, D) => {
+      var R;
       return G((x(), k("div", {
         class: fe(["b-dropdown", Re.value])
       }, [
-        o(S) ? (x(), P(o(rt), {
+        o(w) ? (x(), P(o(rt), {
           key: 0,
           id: o(O),
           condensed: t.condensed,
-          label: o(S),
+          label: o(w),
           "tooltip-text": t.tooltipText,
           optional: t.optional,
           required: t.required
         }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : K("", !0),
-        G((x(), k("div", M({
+        G((x(), k("div", N({
           ref_key: "inputContainerRefWrapper",
           ref: g
         }, _(o(He), !0)), [
@@ -797,41 +816,41 @@ const De = {
             "additional-items-selected": Fe.value,
             ariaControls: o(f),
             ariaExpanded: d.value,
-            "aria-labelledby": o(S) ? o(O) : null,
+            "aria-labelledby": o(w) ? o(O) : null,
             "aria-describedby": ze.value,
             "aria-label": o(W),
-            "aria-readonly": o(w),
-            readonly: o(w),
+            "aria-readonly": o(S),
+            readonly: o(S),
             disabled: t.disabled,
-            "display-value": o(Ne),
+            "display-value": o(Me),
             "dynamic-filtering": t.dynamicFiltering,
             "is-invalid": !!t.errorMessage || t.error,
             multiple: t.multiple,
             open: d.value,
-            "selected-value-item": o(j) ? void 0 : Me.value,
+            "selected-value-item": o(j) ? void 0 : Ne.value,
             "show-slot-content-in-multiple": t.showSlotContentInMultiple,
-            onInput: I[0] || (I[0] = (U) => A.value = U),
+            onInput: D[0] || (D[0] = (U) => A.value = U),
             onOpen: oe,
             onClose: oe
           }, re({ _: 2 }, [
-            de(o(a), (U, q) => ({
+            de(o(l), (U, q) => ({
               name: q,
               fn: F((se) => [
-                X(v.$slots, q, ue(ce(se)), void 0, !0)
+                X(y.$slots, q, ue(ce(se)), 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)), [
-          [o(ot)]
+          [o(lt)]
         ]),
-        r.value ? (x(), P(o(mt), M({
+        r.value ? (x(), P(o(mt), N({
           key: 1,
           id: o(f),
           ref_key: "optionsContainerRef",
           ref: p,
           "aria-label": o(W),
           "empty-state": t.emptyState,
-          "debounce-time": (D = t.search) == null ? void 0 : D.debounceTime,
+          "debounce-time": (R = t.search) == null ? void 0 : R.debounceTime,
           disabled: t.disabled,
           "is-option-disabled": t.isOptionDisabled,
           items: o(Ae),
@@ -839,48 +858,48 @@ const De = {
           "static-categories": ge.value,
           open: d.value,
           "selected-value": o(E),
-          searching: ae.value,
+          searching: le.value,
           "target-element": g.value,
           loading: t.loading,
           "has-more-items": t.hasMoreItems,
           "lazy-load-type": t.lazyLoadType,
           "virtual-scroll": t.virtualScroll
         }, _(Je)), re({ _: 2 }, [
-          de(o(a), (U, q) => ({
+          de(o(l), (U, q) => ({
             name: q,
             fn: F((se) => [
-              X(v.$slots, q, ue(ce(se)), void 0, !0)
+              X(y.$slots, q, ue(ce(se)), 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"])) : K("", !0),
         t.errorMessage ? (x(), P(o(dt), {
           key: 2,
-          id: o(B),
+          id: o(I),
           "error-message": t.errorMessage,
           class: "b-dropdown__error-message"
         }, null, 8, ["id", "error-message"])) : K("", !0),
         t.description || o(n)("description") ? (x(), P(o(_e), {
           key: 3,
-          id: o(C),
+          id: o(B),
           class: fe(["b-dropdown__description", Te.value]),
           el: "span"
         }, {
           default: F(() => [
-            X(v.$slots, "description", {}, () => [
+            X(y.$slots, "description", {}, () => [
               Xe(ve(t.description), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["id", "class"])) : K("", !0)
       ], 2)), [
-        [o(lt), je]
+        [o(tt), je]
       ]);
     };
   }
-}), Xt = /* @__PURE__ */ Y(Nt, [["__scopeId", "data-v-37c4093f"]]);
+}), Xt = /* @__PURE__ */ Y(Mt, [["__scopeId", "data-v-588a69e8"]]);
 export {
   Xt as B,
   Tt as I,
   Rt as u
 };
-//# sourceMappingURL=dropdown.ex87AZ7s.js.map
+//# sourceMappingURL=dropdown.rFZp3hMb.js.map