@adyen/bento-vue2 1.83.1 → 1.84.1

package/dist/chunks/{dropdown.Dt0_ZUBn.js → dropdown.C2pXf8Li.js}

@@ -1,21 +1,21 @@
-import { ref as h, watch as G, computed as r, defineComponent as R, useSlots as he, toRefs as we, nextTick as x, useAttrs as Ae, toRef as L, inject as Me } from "vue";
-import { d as Y, B as Pe } from "./typography.Bq-EGj9y.js";
-import { g as $ } from "./generate-uid.NJ8tVoha.js";
-import { u as $e } from "./aria-label.CaUURpnB.js";
-import { u as ee } from "./index.B6WW_F-J.js";
-import { u as ke } from "./form-field.D_2g7vaP.js";
-import { a as p, b as X, B as be, c as Fe, u as Ke, d as ze } from "./use-cached-selected-values.DIKJ8yNE.js";
-import { u as Ve } from "./use-form-layout-loading.CWbjZiwP.js";
-import { a as Z, b as P, c as We, B as V, D as Ue } from "./dropdown-default-textbox.Cq68tN9F.js";
+import { ref as h, watch as ee, computed as r, defineComponent as A, useSlots as he, toRefs as we, nextTick as x, useAttrs as Re, toRef as L, inject as Me } from "vue";
+import { d as Z, B as Pe } from "./typography.Bq-EGj9y.js";
+import { a as Q, b as P, c as ke, B as V, D as $e } from "./dropdown-default-textbox.Cq68tN9F.js";
+/* empty css              */
+import { n as $ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { s as X } from "./events.BQOQSSb7.js";
+import { g as k } from "./generate-uid.NJ8tVoha.js";
+import { u as Fe } from "./aria-label.CaUURpnB.js";
+import { u as te } from "./index.B6WW_F-J.js";
+import { u as Ke } from "./form-field.D_2g7vaP.js";
+import { a as p, b as G, B as be, c as ze, u as Ve, d as We } from "./use-cached-selected-values.gDWGi5Nk.js";
+import { u as Ue } from "./use-form-layout-loading.CWbjZiwP.js";
 import { u as je } from "./use-has-slot.C9lQZ6nz.js";
 import { B as E, a as qe } from "./keyboard-navigation.DWmhelVv.js";
 import { B as He } from "./directive.Cbdox5VL.js";
-import { F as Je, E as Ye } from "./field-label.BpeaR4Qc.js";
+import { F as Je, E as Ye } from "./field-label.CEkJnsiL.js";
 import { P as ye } from "./popper-container.Cdokz_NE.js";
-import { h as Ze } from "./button-actions.BWVq6OZQ.js";
-import { n as k } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-/* empty css              */
-import { s as Q } from "./events.BQOQSSb7.js";
+import { h as Ze } from "./button-actions.D9n7MxWe.js";
 import "../assets/dropdown.css";
 const Qe = {
   "en-US": {
@@ -25,15 +25,17 @@ const Qe = {
   },
   "ja-JP": {
     apply: "適用",
-    cancel: "キャンセル"
+    cancel: "キャンセル",
+    noOptionsMatchThisSearch: "この検索条件に一致するオプションはありません"
   },
   "pt-BR": {
     apply: "Aplicar",
-    cancel: "Cancelar"
+    cancel: "Cancelar",
+    noOptionsMatchThisSearch: "A busca não retornou nenhuma opção"
   }
 }, Xe = (n, t, o, e) => {
-  const a = h(n.value), { t: s } = ee();
-  G(n, () => {
+  const a = h(n.value), { t: s } = te();
+  ee(n, () => {
     a.value = n.value;
   });
   const l = r(
@@ -82,10 +84,10 @@ const Qe = {
     onEscapeKey: S,
     onOutsideDropdownClick: m
   };
-}, Ge = R({
+}, Ge = A({
   i18n: { messages: Qe },
   name: "bento-dropdown-options-container"
-}), et = /* @__PURE__ */ R({
+}), et = /* @__PURE__ */ A({
   ...Ge,
   props: {
     /**
@@ -176,7 +178,7 @@ const Qe = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: X.props.searching,
+    searching: G.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -197,7 +199,7 @@ const Qe = {
   },
   emits: [],
   setup(n, { expose: t, emit: o }) {
-    const e = n, a = he(), { selectedValue: s, multiple: l } = we(e), i = h(null), { t: f } = ee(), m = r(() => e.open && !e.disabled), u = r(() => f("noOptionsMatchThisSearch")), y = r(() => ({
+    const e = n, a = he(), { selectedValue: s, multiple: l } = we(e), i = h(null), { t: f } = te(), m = r(() => e.open && !e.disabled), u = r(() => f("noOptionsMatchThisSearch")), y = r(() => ({
       "b-dropdown-options-container--single": !(e != null && e.multiple)
     })), c = r(() => ({
       "b-dropdown-options-container__listbox--single": !(e != null && e.multiple)
@@ -213,7 +215,7 @@ const Qe = {
         actions: g.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: $(`dropdown-options-${e.id}`),
+        id: k(`dropdown-options-${e.id}`),
         open: e.open,
         position: "bottom-start",
         style: {
@@ -234,7 +236,7 @@ const Qe = {
     });
     return t({
       onOutsideDropdownClick: C
-    }), { __sfc: !0, slots: a, emit: o, props: e, selectedValue: s, multiple: l, dropdownOptionsListboxRef: i, t: f, isDropdownOpen: m, noResultsMessage: u, conditionalClasses: y, conditionalListboxClasses: c, actions: g, internalSelectedValue: b, listeners: S, onEscapeKey: O, onOutsideDropdownClick: C, popperContainerOrPopoverComponent: d, popperContainerOrPopoverProps: I, BentoListbox: X };
+    }), { __sfc: !0, slots: a, emit: o, props: e, selectedValue: s, multiple: l, dropdownOptionsListboxRef: i, t: f, isDropdownOpen: m, noResultsMessage: u, conditionalClasses: y, conditionalListboxClasses: c, actions: g, internalSelectedValue: b, listeners: S, onEscapeKey: O, onOutsideDropdownClick: C, popperContainerOrPopoverComponent: d, popperContainerOrPopoverProps: I, BentoListbox: G };
   }
 });
 var tt = function() {
@@ -246,7 +248,7 @@ var tt = function() {
       return [t._t(s, null, null, l)];
     } };
   })], null, !0) }, e.listeners))], 1)]);
-}, ot = [], at = /* @__PURE__ */ k(
+}, ot = [], at = /* @__PURE__ */ $(
   et,
   tt,
   ot,
@@ -264,7 +266,7 @@ const lt = {
 var st = function() {
   var t = this, o = t._self._c;
   return o("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? o("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), o("path", { attrs: { 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" } })]);
-}, it = [], rt = /* @__PURE__ */ k(
+}, it = [], rt = /* @__PURE__ */ $(
   lt,
   st,
   it,
@@ -282,7 +284,7 @@ const ut = {
 var ct = function() {
   var t = this, o = t._self._c;
   return o("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? o("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), o("path", { attrs: { 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" } })]);
-}, pt = [], ft = /* @__PURE__ */ k(
+}, pt = [], ft = /* @__PURE__ */ $(
   ut,
   ct,
   pt,
@@ -290,10 +292,10 @@ var ct = function() {
   null,
   null
 );
-const vt = ft.exports, mt = R({
+const vt = ft.exports, mt = A({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), bt = /* @__PURE__ */ R({
+}), bt = /* @__PURE__ */ A({
   ...mt,
   props: {
     /**
@@ -356,19 +358,19 @@ const vt = ft.exports, mt = R({
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(n, { expose: t, emit: o }) {
     const e = n, a = h(null), s = r(() => ({
-      [`b-dropdown-small-textbox--${Z.DISABLED}`]: e.disabled,
-      [`b-dropdown-small-textbox--${Z.READONLY}`]: e.readonly,
-      [`b-dropdown-small-textbox--${Z.OPENED}`]: e.open
+      [`b-dropdown-small-textbox--${Q.DISABLED}`]: e.disabled,
+      [`b-dropdown-small-textbox--${Q.READONLY}`]: e.readonly,
+      [`b-dropdown-small-textbox--${Q.OPENED}`]: e.open
     })), l = r(() => e.open && !e.disabled && !e.readonly), i = (b) => {
       o("input", b);
     }, f = (b) => {
       o("keydown", b);
     }, m = (b) => {
-      Q(b), o("open");
+      X(b), o("open");
     }, u = (b) => {
-      Q(b), o("close");
+      X(b), o("close");
     }, y = (b) => {
-      Q(b), o("clear");
+      X(b), o("clear");
     }, c = {
       [P.INPUT]: i,
       [P.OPEN]: m,
@@ -380,7 +382,7 @@ const vt = ft.exports, mt = R({
     };
     return t({
       focus: g
-    }), { __sfc: !0, emit: o, props: e, baseTextbox: a, conditionalClasses: s, isDropdownOpen: l, onInput: i, onKeyDown: f, openDropdown: m, closeDropdown: u, clearValue: y, listeners: c, focus: g, BentoDropdownSize: V, DropdownBaseTextbox: We, ChevronDownSmallIcon: dt, ChevronUpSmallIcon: vt };
+    }), { __sfc: !0, emit: o, props: e, baseTextbox: a, conditionalClasses: s, isDropdownOpen: l, onInput: i, onKeyDown: f, openDropdown: m, closeDropdown: u, clearValue: y, listeners: c, focus: g, BentoDropdownSize: V, DropdownBaseTextbox: ke, ChevronDownSmallIcon: dt, ChevronUpSmallIcon: vt };
   }
 });
 var yt = function() {
@@ -388,7 +390,7 @@ var yt = function() {
   return o("div", { staticClass: "b-dropdown-small-textbox", class: e.conditionalClasses }, [o(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-small-textbox__textbox", attrs: { size: e.BentoDropdownSize.SMALL }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [o("div", { staticClass: "b-dropdown-small-textbox__chevron" }, [o(e.ChevronUpSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), o(e.ChevronDownSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }]) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), e.listeners))], 1);
-}, _t = [], gt = /* @__PURE__ */ k(
+}, _t = [], gt = /* @__PURE__ */ $(
   bt,
   yt,
   _t,
@@ -428,9 +430,9 @@ const ht = gt.exports, wt = (n, t) => t.value.reduce((o, e) => {
     var w;
     a.value && await x(), (w = s.value[_]) == null || w.focus();
   }, y = async (_) => {
-    var A, K;
+    var R, K;
     a.value && await x();
-    const w = (A = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : A.$el.querySelectorAll(
+    const w = (R = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : R.$el.querySelectorAll(
       "button"
     );
     w.length ? (K = w[_]) == null || K.focus() : u(_);
@@ -493,7 +495,7 @@ const ht = gt.exports, wt = (n, t) => t.value.reduce((o, e) => {
 };
 function St(n, t, o, e) {
   const a = h(n), s = h(t), l = (f, m = []) => m.flatMap((u) => u.label.toLocaleLowerCase().includes(f) ? e != null && e.value && u.items ? [...l(f, u.items)] : [u, ...l(f, u.items)] : u.items ? [...l(f, u.items)] : []);
-  return G(a, () => {
+  return ee(a, () => {
     o !== void 0 && o(a.value);
   }), r(() => {
     if (!a.value || o !== void 0)
@@ -510,21 +512,23 @@ const Ot = {
   },
   "ja-JP": {
     all: "すべて",
-    clearFilter: "フィルターをクリア"
+    ariaLabelFallback: "ドロップダウン",
+    clearSearch: "フィルターをクリア"
   },
   "pt-BR": {
     all: "Todos",
-    clearFilter: "Limpar filtro"
+    ariaLabelFallback: "Menu suspenso",
+    clearSearch: "Limpar filtro"
   }
-}, Et = /* @__PURE__ */ Symbol("input field component injection key"), Qt = /* @__PURE__ */ Symbol("input field hint injection key"), Xt = /* @__PURE__ */ Symbol("input field parent component injection key"), Dt = R({
+}, Et = /* @__PURE__ */ Symbol("input field component injection key"), Qt = /* @__PURE__ */ Symbol("input field hint injection key"), Xt = /* @__PURE__ */ Symbol("input field parent component injection key"), Dt = A({
   i18n: { messages: Ot },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: Ue,
+    DropdownInputDefault: $e,
     DropdownInputSmall: ht
   },
   model: { prop: "modelValue" }
-}), Bt = /* @__PURE__ */ R({
+}), Bt = /* @__PURE__ */ A({
   ...Dt,
   props: {
     description: { default: null },
@@ -546,7 +550,7 @@ const Ot = {
     items: { default: () => [] },
     loading: { type: Boolean, default: !1 },
     componentLoading: { type: Boolean, default: !1 },
-    lazyLoadType: { default: X.props.lazyLoadType.default },
+    lazyLoadType: { default: G.props.lazyLoadType.default },
     multiple: { type: Boolean, default: !1 },
     search: { default: void 0 },
     showSlotContentInMultiple: { type: Boolean, default: !1 },
@@ -560,21 +564,21 @@ const Ot = {
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(n, { expose: t, emit: o }) {
     var me;
-    const e = n, a = Ae(), s = he(), l = je(s), { t: i } = ee(), { emitValue: f } = ke(o), m = h(null), u = h(null), y = h(null), c = h(!1), g = $("bento-dropdown-options-container"), b = $("dropdown-label"), S = $("dropdown-description"), O = $("dropdown-error"), { isReadOnly: C } = Ve(L(e, "readonly")), d = r(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B } = Fe(
+    const e = n, a = Re(), s = he(), l = je(s), { t: i } = te(), { emitValue: f } = Ke(o), m = h(null), u = h(null), y = h(null), c = h(!1), g = k("bento-dropdown-options-container"), b = k("dropdown-label"), S = k("dropdown-description"), O = k("dropdown-error"), { isReadOnly: C } = Ue(L(e, "readonly")), d = r(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B } = ze(
       L(e, "items"),
       d,
       L(e, "multiple"),
       L(e, "enableValueLabelPair")
-    ), F = h(a["aria-label"]), W = h(a["aria-describedby"]), { ariaLabel: _, label: w } = we(e), A = r(() => i("ariaLabelFallback")), K = $e({
+    ), F = h(a["aria-label"]), W = h(a["aria-describedby"]), { ariaLabel: _, label: w } = we(e), R = r(() => i("ariaLabelFallback")), K = Fe({
       // TODO: take ariaLabel ref away when aria-label prop is removed
       ariaLabel: _.value || F,
       label: w,
-      defaultFallback: A
-    }), te = e.size === V.SMALL || Me(Et, !1), Le = r(() => te ? V.SMALL : V.DEFAULT), xe = r(() => ({
+      defaultFallback: R
+    }), oe = e.size === V.SMALL || Me(Et, !1), Le = r(() => oe ? V.SMALL : V.DEFAULT), xe = r(() => ({
       "b-dropdown--condensed": e.condensed
     })), Se = r(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), T = h(""), M = L(e, "items"), oe = L(e, "staticCategories"), U = St(T, M, (me = e == null ? void 0 : e.search) == null ? void 0 : me.searchEvent, oe), j = r(() => e.dynamicFiltering && !!T.value), Oe = Ct({
+    })), T = h(""), M = L(e, "items"), ae = L(e, "staticCategories"), U = St(T, M, (me = e == null ? void 0 : e.search) == null ? void 0 : me.searchEvent, ae), j = r(() => e.dynamicFiltering && !!T.value), Oe = Ct({
       items: M,
       placeholder: L(e, "placeholder"),
       isMultiSelect: L(e, "multiple"),
@@ -586,17 +590,17 @@ const Ot = {
         );
       if (!e.multiple && e.staticCategories) {
         const v = e.items.find(
-          (J) => J.items.some((Re) => Re.value === d.value)
+          (Y) => Y.items.some((Ae) => Ae.value === d.value)
         );
-        return v ? v.items.find((J) => J.value === d.value) : null;
+        return v ? v.items.find((Y) => Y.value === d.value) : null;
       }
       return e.items.find(({ value: v }) => v === d.value);
-    }), ae = r(() => {
+    }), ne = r(() => {
       const v = U.value.findIndex(({ value: N }) => e.enableValueLabelPair ? d.value.value === N : d.value === N);
       return v > -1 ? v : 0;
-    }), { isMultiLevelSelect: q, flattenedItemsList: ne } = Ke(M), le = r(() => q.value && !e.staticCategories), se = r(() => le.value ? "treeitem" : "option"), De = r(() => {
+    }), { isMultiLevelSelect: q, flattenedItemsList: le } = Ve(M), se = r(() => q.value && !e.staticCategories), ie = r(() => se.value ? "treeitem" : "option"), De = r(() => {
       if (e.multiple) {
-        const v = Array.isArray(d.value) ? d.value.length : 0, N = q.value ? ne.value.length : M.value.length;
+        const v = Array.isArray(d.value) ? d.value.length : 0, N = q.value ? le.value.length : M.value.length;
         return v === 0 ? null : !e.hasMoreItems && N > 0 && N === v ? i("all") : v;
       }
       return null;
@@ -606,43 +610,43 @@ const Ot = {
         W.value,
         e.errorMessage ? O : null
       ].filter(Boolean).join(" ") || null
-    ), ie = r(() => {
+    ), re = r(() => {
       var v;
       return (v = y.value) == null ? void 0 : v.$el;
-    }), { visibleDomOptions: re, updateVisibleDomOptions: H } = ze(
-      ie,
+    }), { visibleDomOptions: de, updateVisibleDomOptions: H } = We(
+      re,
       U,
-      se
-    ), de = () => {
+      ie
+    ), ue = () => {
       C.value || (c.value = !0, x(() => {
         H();
       }));
     }, z = () => {
       c.value = !1;
-    }, ue = () => {
+    }, ce = () => {
       C.value || (c.value = !c.value, x(() => {
         H();
       }), j.value && (T.value = ""));
     }, Ie = () => {
       j.value && (T.value = ""), c.value && (c.value = !1, y.value.onOutsideDropdownClick());
-    }, ce = (v) => {
-      e.multiple || (T.value = "", c.value = !1), B(v), f(D.value);
-    }, pe = () => {
+    }, pe = (v) => {
+      e.multiple || (T.value = "", c.value = !1, J()), B(v), f(D.value);
+    }, fe = () => {
       o(p.SHOW_MORE);
     }, Te = Lt(
       {
         inputContainerRef: m,
         optionsContainerRef: y,
-        selectedValueIndex: ae,
+        selectedValueIndex: ne,
         isDropdownOpen: c,
         isDynamicFltering: L(e, "dynamicFiltering"),
-        items: re,
+        items: de,
         isMultiple: e.multiple
       },
+      ce,
       ue,
-      de,
       z
-    ), fe = xt(
+    ), ve = xt(
       {
         inputContainerRef: m,
         isDropdownOpen: c
@@ -650,33 +654,33 @@ const Ot = {
       z
     ), Ne = {
       [p.CLOSE_DROPDOWN]: z,
-      [p.SELECT]: ce,
-      [p.SHOW_MORE]: pe,
-      ...fe
+      [p.SELECT]: pe,
+      [p.SHOW_MORE]: fe,
+      ...ve
     };
-    e.error && Y(
+    e.error && Z(
       '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"
-    ), e.size && Y('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && Y(
+    ), e.size && Z('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && Z(
       'BentoDropdown "value" property',
       `The use of "value" prop in "BentoDropdown" is no longer supported.
                 Use the "v-model" or "model-value" property instead.`,
       "2.0.0"
     );
-    const ve = () => {
+    const J = () => {
       m.value.focus();
     };
-    return G(
+    return ee(
       () => c.value,
       (v) => {
         v && o("open");
       }
     ), t({
-      focus: ve
-    }), { __sfc: !0, attrs: a, slots: s, hasSlot: l, props: e, emit: o, t: i, emitValue: f, inputContainerRef: m, inputContainerRefWrapper: u, optionsContainerRef: y, isDropdownOpen: c, dropdownOptionsContainerId: g, labelId: b, descriptionId: S, errorId: O, isReadOnly: C, dropdownValue: d, cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B, ariaLabelAttribute: F, ariaDescribedByAttribute: W, ariaLabel: _, label: w, computedAriaLabelFallbackMessage: A, computedAriaLabel: K, isInputComponent: te, computedSize: Le, conditionalClasses: xe, descriptionConditionalClasses: Se, searchTerm: T, items: M, staticCategories: oe, filteredItems: U, isSearching: j, displayValue: Oe, selectedValueItem: Ee, selectedValueIndex: ae, isMultiLevelSelect: q, flattenedItemsList: ne, isTreePattern: le, computedOptionRole: se, additionalItemsSelected: De, ariaDescribedBy: Be, listboxRef: ie, visibleDomOptions: re, updateVisibleDomOptions: H, openDropdown: de, closeDropdown: z, toggleDropdown: ue, clickOutsideDropdown: Ie, onOptionSelected: ce, emitShowMoreEvent: pe, textboxKeyboardNavigationListeners: Te, listboxKeyboardNavigationListeners: fe, listboxListeners: Ne, focus: ve, BentoDropdownOptionsContainer: nt, BentoTypography: Pe, ErrorMessage: Ye, FieldLabel: Je, vBentoClickOutsideDirective: He, vBentoKeyboardNavigationDirective: qe };
+      focus: J
+    }), { __sfc: !0, attrs: a, slots: s, hasSlot: l, props: e, emit: o, t: i, emitValue: f, inputContainerRef: m, inputContainerRefWrapper: u, optionsContainerRef: y, isDropdownOpen: c, dropdownOptionsContainerId: g, labelId: b, descriptionId: S, errorId: O, isReadOnly: C, dropdownValue: d, cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B, ariaLabelAttribute: F, ariaDescribedByAttribute: W, ariaLabel: _, label: w, computedAriaLabelFallbackMessage: R, computedAriaLabel: K, isInputComponent: oe, computedSize: Le, conditionalClasses: xe, descriptionConditionalClasses: Se, searchTerm: T, items: M, staticCategories: ae, filteredItems: U, isSearching: j, displayValue: Oe, selectedValueItem: Ee, selectedValueIndex: ne, isMultiLevelSelect: q, flattenedItemsList: le, isTreePattern: se, computedOptionRole: ie, additionalItemsSelected: De, ariaDescribedBy: Be, listboxRef: re, visibleDomOptions: de, updateVisibleDomOptions: H, openDropdown: ue, closeDropdown: z, toggleDropdown: ce, clickOutsideDropdown: Ie, onOptionSelected: pe, emitShowMoreEvent: fe, textboxKeyboardNavigationListeners: Te, listboxKeyboardNavigationListeners: ve, listboxListeners: Ne, focus: J, BentoDropdownOptionsContainer: nt, BentoTypography: Pe, ErrorMessage: Ye, FieldLabel: Je, vBentoClickOutsideDirective: He, vBentoKeyboardNavigationDirective: qe };
   }
 });
 var It = function() {
@@ -695,13 +699,13 @@ var It = function() {
   })], null, !0) }, e.listboxListeners)) : t._e(), t.errorMessage ? o(e.ErrorMessage, { staticClass: "b-dropdown__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), t.description || e.hasSlot("description") ? o(e.BentoTypography, { staticClass: "b-dropdown__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [t._t("description", function() {
     return [t._v(" " + t._s(t.description) + " ")];
   })], 2) : t._e()], 1);
-}, Tt = [], Nt = /* @__PURE__ */ k(
+}, Tt = [], Nt = /* @__PURE__ */ $(
   Bt,
   It,
   Tt,
   !1,
   null,
-  "bc2a6da5"
+  "0f620eab"
 );
 const Gt = Nt.exports;
 export {
@@ -711,4 +715,4 @@ export {
   Xt as b,
   St as u
 };
-//# sourceMappingURL=dropdown.Dt0_ZUBn.js.map
+//# sourceMappingURL=dropdown.C2pXf8Li.js.map