@adyen/bento-vue2 1.91.0 → 1.92.0

package/dist/chunks/{dropdown.Ca-f8tdX.js → dropdown.BYJwx-JD.js}

@@ -1,28 +1,28 @@
-import { ref as w, watch as j, computed as s, defineComponent as D, useSlots as H, toRefs as xe, useAttrs as we, nextTick as O, toRef as T, inject as $e } from "vue";
-import { B as Ce, d as te } from "./typography.C8lPlsbD.js";
-import { g as $ } from "./generate-uid.NJ8tVoha.js";
-import { u as Y } from "./index.B6WW_F-J.js";
-import { u as Le } from "./use-has-slot.C9lQZ6nz.js";
-import { C as Ve } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as Ke } from "./cross-circle-fill-small.DfxDedRr.js";
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { s as V } from "./events.BQOQSSb7.js";
-import { C as qe } from "./chevron-down.eYtgv5ly.js";
-import { C as ze } from "./chevron-up.d8cwIlA_.js";
+import { ref as C, watch as Z, computed as s, defineComponent as B, useSlots as Q, toRefs as Oe, useAttrs as Ee, nextTick as D, toRef as k, inject as Ve } from "vue";
+import { B as Ie, d as le } from "./typography.C8lPlsbD.js";
+import { g as K } from "./generate-uid.NJ8tVoha.js";
+import { u as G } from "./index.B6WW_F-J.js";
+import { u as De } from "./use-has-slot.C9lQZ6nz.js";
+import { C as Ke } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as qe } from "./cross-circle-fill-small.DfxDedRr.js";
+import { n as R } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { s as q } from "./events.BQOQSSb7.js";
+import { C as ze } from "./chevron-down.eYtgv5ly.js";
+import { C as Ue } from "./chevron-up.d8cwIlA_.js";
 /* empty css              */
-import { u as Ue } from "./aria-label.CaUURpnB.js";
-import { u as We } from "./form-field.D_2g7vaP.js";
-import { B as m, b as ae, a as _e, d as je, u as He, c as Ye, e as Je } from "./use-cached-selected-values.BJbWbkEQ.js";
-import { u as Xe } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as k, a as Ze } from "./keyboard-navigation.DWmhelVv.js";
-import { B as Qe } from "./directive.Bfr4fuOy.js";
-import { F as Ge } from "./field-label.DjjjkcO6.js";
-import { E as et } from "./error-message.CyERcfdt.js";
-import { P as he } from "./popper-container.C_n9Ds1W.js";
-import { h as tt } from "./button-actions.Bdbu0bvt.js";
+import { u as We } from "./aria-label.CaUURpnB.js";
+import { u as je } from "./form-field.D_2g7vaP.js";
+import { B as m, b as ne, a as xe, d as He, u as Ye, c as Je, e as Xe } from "./use-cached-selected-values.Du8-wWR2.js";
+import { u as Ze } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as N, a as Qe } from "./keyboard-navigation.DWmhelVv.js";
+import { B as Ge } from "./directive.Bfr4fuOy.js";
+import { F as et } from "./field-label.DjjjkcO6.js";
+import { E as tt } from "./error-message.CyERcfdt.js";
+import { P as we } from "./popper-container.C_n9Ds1W.js";
+import { h as at } from "./button-actions.CXD6_9qN.js";
 import "../assets/dropdown.css";
-var K = /* @__PURE__ */ ((l) => (l.DEFAULT = "DropdownInputDefault", l.SMALL = "DropdownInputSmall", l))(K || {});
-const at = {
+var z = /* @__PURE__ */ ((l) => (l.DEFAULT = "DropdownInputDefault", l.SMALL = "DropdownInputSmall", l))(z || {});
+const ot = {
   "de-DE": {
     apply: "Anwenden",
     cancel: "Abbrechen",
@@ -73,9 +73,9 @@ const at = {
     cancel: "取消",
     noOptionsMatchThisSearch: "没有符合此搜索条件的选项"
   }
-}, ot = (l, t, a, e) => {
-  const o = w(l.value), { t: n } = Y();
-  j(l, () => {
+}, lt = (l, t, a, e) => {
+  const o = C(l.value), { t: n } = G();
+  Z(l, () => {
     o.value = l.value;
   });
   const r = s(
@@ -86,7 +86,7 @@ const at = {
     o.value = l.value, e(m.CLOSE_DROPDOWN);
   }, y = () => {
     a.value && t.value && (o.value = l.value);
-  }, u = s(() => [
+  }, f = s(() => [
     {
       title: n("apply"),
       event: d,
@@ -96,39 +96,39 @@ const at = {
       title: n("cancel"),
       event: c
     }
-  ]), p = (f) => {
-    o.value = f, t.value || e(m.SELECT, f);
-  }, i = (f) => {
-    p(f), e(m.TAB);
-  }, x = (f) => {
-    p(f), e(m.ENTER);
-  }, b = (f) => {
-    p(f), e(m.SPACE);
+  ]), p = (u) => {
+    o.value = u, t.value || e(m.SELECT, u);
+  }, i = (u) => {
+    p(u), e(m.TAB);
+  }, S = (u) => {
+    p(u), e(m.ENTER);
+  }, v = (u) => {
+    p(u), e(m.SPACE);
   }, _ = () => {
     c(), e(m.ESCAPE);
-  }, C = () => {
+  }, x = () => {
     e(m.SHOW_MORE);
   }, L = {
     [m.SELECT]: p,
-    [m.SHOW_MORE]: C,
+    [m.SHOW_MORE]: x,
     [m.TAB]: i,
-    [m.SPACE]: b,
-    [m.ENTER]: x
+    [m.SPACE]: v,
+    [m.ENTER]: S
   };
   return {
     // Values
-    actions: u,
+    actions: f,
     internalSelectedValue: o,
     // Methods
     listeners: L,
     onEscapeKey: _,
     onOutsideDropdownClick: y
   };
-}, lt = D({
-  i18n: { messages: at },
+}, nt = B({
+  i18n: { messages: ot },
   name: "bento-dropdown-options-container"
-}), nt = /* @__PURE__ */ D({
-  ...lt,
+}), st = /* @__PURE__ */ B({
+  ...nt,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -187,8 +187,8 @@ const at = {
      */
     lazyLoadType: {
       type: String,
-      default: _e.AUTOMATIC,
-      validator: (l) => Object.values(_e).includes(l)
+      default: xe.AUTOMATIC,
+      validator: (l) => Object.values(xe).includes(l)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -218,7 +218,7 @@ const at = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: ae.props.searching,
+    searching: ne.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -227,7 +227,7 @@ const at = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: he.props.targetElement.type, required: !0 },
+    targetElement: { type: we.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.
@@ -239,11 +239,11 @@ const at = {
   },
   emits: [],
   setup(l, { expose: t, emit: a }) {
-    const e = l, o = H(), { selectedValue: n, multiple: r } = xe(e), d = w(null), { t: c } = Y(), y = s(() => e.open && !e.disabled), u = s(() => c("noOptionsMatchThisSearch")), p = s(() => ({
+    const e = l, o = Q(), { selectedValue: n, multiple: r } = Oe(e), d = C(null), { t: c } = G(), y = s(() => e.open && !e.disabled), f = s(() => c("noOptionsMatchThisSearch")), p = s(() => ({
       "b-dropdown-options-container--single": !(e != null && e.multiple)
     })), i = s(() => ({
       "b-dropdown-options-container__listbox--single": !(e != null && e.multiple)
-    })), { actions: x, internalSelectedValue: b, listeners: _, onEscapeKey: C, onOutsideDropdownClick: L } = ot(n, r, y, a), f = s(() => e != null && e.multiple ? tt : he), B = s(() => {
+    })), { actions: S, internalSelectedValue: v, listeners: _, onEscapeKey: x, onOutsideDropdownClick: L } = lt(n, r, y, a), u = s(() => e != null && e.multiple ? at : we), T = s(() => {
       var A;
       const I = {
         "min-width": `${(A = e == null ? void 0 : e.targetElement) == null ? void 0 : A.clientWidth}px`,
@@ -252,10 +252,10 @@ const at = {
       return e != null && e.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: e.ariaLabel,
-        actions: x.value,
+        actions: S.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: $(`dropdown-options-${e.id}`),
+        id: K(`dropdown-options-${e.id}`),
         open: e.open,
         position: "bottom-start",
         style: {
@@ -276,10 +276,10 @@ const at = {
     });
     return t({
       onOutsideDropdownClick: L
-    }), { __sfc: !0, slots: o, emit: a, props: e, selectedValue: n, multiple: r, dropdownOptionsListboxRef: d, t: c, isDropdownOpen: y, noResultsMessage: u, conditionalClasses: p, conditionalListboxClasses: i, actions: x, internalSelectedValue: b, listeners: _, onEscapeKey: C, onOutsideDropdownClick: L, popperContainerOrPopoverComponent: f, popperContainerOrPopoverProps: B, BentoListbox: ae };
+    }), { __sfc: !0, slots: o, emit: a, props: e, selectedValue: n, multiple: r, dropdownOptionsListboxRef: d, t: c, isDropdownOpen: y, noResultsMessage: f, conditionalClasses: p, conditionalListboxClasses: i, actions: S, internalSelectedValue: v, listeners: _, onEscapeKey: x, onOutsideDropdownClick: L, popperContainerOrPopoverComponent: u, popperContainerOrPopoverProps: T, BentoListbox: ne };
   }
 });
-var st = function() {
+var rt = function() {
   var t = this, a = t._self._c, e = t._self._setupProxy;
   return e.isDropdownOpen ? a(e.popperContainerOrPopoverComponent, t._b({ tag: "component", staticClass: "b-dropdown-options-container", class: e.conditionalClasses }, "component", e.popperContainerOrPopoverProps, !1), [a("div", { on: { keydown: function(o) {
     return !o.type.indexOf("key") && t._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : e.onEscapeKey.apply(null, arguments);
@@ -288,17 +288,17 @@ var st = function() {
       return [t._t(n, null, null, r)];
     } };
   })], null, !0) }, e.listeners))], 1)]) : t._e();
-}, rt = [], it = /* @__PURE__ */ N(
-  nt,
+}, it = [], dt = /* @__PURE__ */ R(
   st,
   rt,
+  it,
   !1,
   null,
   "eb9fd4be"
 );
-const dt = it.exports;
-var E = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.READONLY = "readonly", l.HAS_ITEMS = "has-items", l.OPENED = "opened", l.ERROR = "error", l))(E || {}), S = /* @__PURE__ */ ((l) => (l.OPEN = "dropdown-base-open", l.KEYDOWN = "dropdown-base-keydown", l.CLOSE = "dropdown-base-close", l.INPUT = "dropdown-base-input", l.CLEAR = "dropdown-base-clear", l))(S || {});
-const ct = {
+const ct = dt.exports;
+var E = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.READONLY = "readonly", l.HAS_ITEMS = "has-items", l.OPENED = "opened", l.ERROR = "error", l))(E || {}), g = /* @__PURE__ */ ((l) => (l.OPEN = "dropdown-base-open", l.KEYDOWN = "dropdown-base-keydown", l.CLOSE = "dropdown-base-close", l.INPUT = "dropdown-base-input", l.CLEAR = "dropdown-base-clear", l))(g || {});
+const ut = {
   "de-DE": {
     clearSearch: "Suche löschen"
   },
@@ -329,12 +329,12 @@ const ct = {
   "zh-CN": {
     clearSearch: "清除搜索"
   }
-}, ut = D({
-  i18n: { messages: ct },
+}, pt = B({
+  i18n: { messages: ut },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), pt = /* @__PURE__ */ D({
-  ...ut,
+}), ft = /* @__PURE__ */ B({
+  ...pt,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -420,21 +420,21 @@ const ct = {
   },
   emits: [],
   setup(l, { expose: t, emit: a }) {
-    const e = l, { t: o } = Y(), n = we(), r = H(), d = Le(r), c = w(null), y = $("textbox"), u = s(() => ({
+    const e = l, { t: o } = G(), n = Ee(), r = Q(), d = De(r), c = C(null), y = K("textbox"), f = s(() => ({
       [`b-dropdown-base-textbox--${E.DISABLED}`]: e.disabled,
       [`b-dropdown-base-textbox--${E.READONLY}`]: e.readonly,
       [`b-dropdown-base-textbox--${E.HAS_ITEMS}`]: !!e.additionalItemsSelected
     })), p = s(
-      () => C.value && n["aria-required"] ? "true" : null
+      () => x.value && n["aria-required"] ? "true" : null
     ), i = s(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": e.dynamicFiltering
-    })), x = s(() => e.dynamicFiltering && !!e.value && e.open), b = s(
+    })), S = s(() => e.dynamicFiltering && !!e.value && e.open), v = s(
       () => {
-        var v;
+        var O;
         return {
           "aria-haspopup": "listbox",
           "aria-controls": e.ariaControls,
-          "aria-describedby": (v = n["aria-describedby"]) == null ? void 0 : v.toString(),
+          "aria-describedby": (O = n["aria-describedby"]) == null ? void 0 : O.toString(),
           "aria-expanded": e.ariaExpanded ? "true" : "false",
           "aria-labelledby": e.ariaLabelledby,
           "aria-label": e.ariaLabelledby ? null : e.ariaLabel,
@@ -445,34 +445,34 @@ const ct = {
       }
     ), _ = s(
       () => e.multiple ? e.selectedValueItem : []
-    ), C = s(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), L = s(() => e.selectedValueItem && !e.multiple), f = s(
+    ), x = s(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), L = s(() => e.selectedValueItem && !e.multiple), u = s(
       () => e.multiple && e.selectedValueItem && _.value.length > 0 && e.showSlotContentInMultiple
     );
-    j(
-      () => C.value,
+    Z(
+      () => x.value,
       () => {
-        C.value && !e.alwaysComboboxIsInput && O(() => {
+        x.value && !e.alwaysComboboxIsInput && D(() => {
           c.value.focus();
         });
       }
     );
-    const B = async () => {
-      !e.disabled && !e.readonly && (a(S.OPEN), await O(), c.value.focus());
+    const T = async () => {
+      !e.disabled && !e.readonly && (a(g.OPEN), await D(), c.value.focus());
     }, I = () => {
-      e.open && (c.value.focus(), a(S.CLOSE));
-    }, A = (v) => e.open && v.target.tagName === "INPUT" ? null : e.open ? I() : B(), M = () => {
-      a(S.CLEAR), a(S.INPUT, ""), c.value.focus();
-    }, q = (v) => {
-      !e.readonly && !e.disabled ? a(S.INPUT, v.target.value) : (v.preventDefault(), v.stopPropagation());
-    }, h = () => {
+      e.open && (c.value.focus(), a(g.CLOSE));
+    }, A = (O) => e.open && O.target.tagName === "INPUT" ? null : e.open ? I() : T(), F = () => {
+      a(g.CLEAR), a(g.INPUT, ""), c.value.focus();
+    }, P = (O) => {
+      !e.readonly && !e.disabled ? a(g.INPUT, O.target.value) : (O.preventDefault(), O.stopPropagation());
+    }, M = () => {
       c.value.focus();
     };
     return t({
-      focus: h
-    }), { __sfc: !0, t: o, attrs: n, slots: r, hasSlot: d, props: e, emit: a, textbox: c, textboxId: y, conditionalClasses: u, showRequiredAttribute: p, comboboxConditionalClasses: i, isFiltering: x, ariaAttributes: b, selectedValueItems: _, shouldShowInput: C, shouldShowSingleSelectSlot: L, shouldShowMultipleSlot: f, onOpenDropdown: B, onCloseDropdown: I, onToggleDropdown: A, onClearSearch: M, onInputEvent: q, focus: h, BentoTypography: Ce, DropdownBaseTextboxEvent: S, CrossCircleFillIcon: Ve, CrossCircleFillSmallIcon: Ke, BentoDropdownSize: K };
+      focus: M
+    }), { __sfc: !0, t: o, attrs: n, slots: r, hasSlot: d, props: e, emit: a, textbox: c, textboxId: y, conditionalClasses: f, showRequiredAttribute: p, comboboxConditionalClasses: i, isFiltering: S, ariaAttributes: v, selectedValueItems: _, shouldShowInput: x, shouldShowSingleSelectSlot: L, shouldShowMultipleSlot: u, onOpenDropdown: T, onCloseDropdown: I, onToggleDropdown: A, onClearSearch: F, onInputEvent: P, focus: M, BentoTypography: Ie, DropdownBaseTextboxEvent: g, CrossCircleFillIcon: Ke, CrossCircleFillSmallIcon: qe, BentoDropdownSize: z };
   }
 });
-var ft = function() {
+var bt = function() {
   var t = this, a = t._self._c, e = t._self._setupProxy;
   return a("div", { class: t.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: e.onToggleDropdown, keydown: function(o) {
     return !o.type.indexOf("key") && t._k(o.keyCode, "escape", void 0, o.key, void 0) ? null : e.onCloseDropdown.apply(null, arguments);
@@ -493,19 +493,19 @@ var ft = function() {
   }, keyup: function(o) {
     return !o.type.indexOf("key") && t._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
   } } }, [t.size === e.BentoDropdownSize.SMALL ? a(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearSearch") } }) : a(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1) : t._e()])], 1);
-}, bt = [], yt = /* @__PURE__ */ N(
-  pt,
+}, yt = [], vt = /* @__PURE__ */ R(
   ft,
   bt,
+  yt,
   !1,
   null,
   "36875648"
 );
-const Oe = yt.exports, vt = D({
+const Be = vt.exports, mt = B({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), mt = /* @__PURE__ */ D({
-  ...vt,
+}), _t = /* @__PURE__ */ B({
+  ...mt,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -593,7 +593,7 @@ const Oe = yt.exports, vt = D({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(l, { expose: t, emit: a }) {
-    const e = l, o = H(), n = w(null), r = s(() => ({
+    const e = l, o = Q(), n = C(null), r = s(() => ({
       [`b-dropdown-default-textbox--${E.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
       [`b-dropdown-default-textbox--${E.DISABLED}`]: e.disabled,
       [`b-dropdown-default-textbox--${E.READONLY}`]: e.readonly,
@@ -603,27 +603,27 @@ const Oe = yt.exports, vt = D({
       a("input", _);
     }, y = (_) => {
       a("keydown", _);
-    }, u = (_) => {
-      V(_), a("open");
+    }, f = (_) => {
+      q(_), a("open");
     }, p = (_) => {
-      V(_), a("close");
+      q(_), a("close");
     }, i = (_) => {
-      V(_), a("clear");
-    }, x = {
-      [S.INPUT]: c,
-      [S.OPEN]: u,
-      [S.CLOSE]: p,
-      [S.CLEAR]: i,
-      [S.KEYDOWN]: y
-    }, b = () => {
+      q(_), a("clear");
+    }, S = {
+      [g.INPUT]: c,
+      [g.OPEN]: f,
+      [g.CLOSE]: p,
+      [g.CLEAR]: i,
+      [g.KEYDOWN]: y
+    }, v = () => {
       n.value.focus();
     };
     return t({
-      focus: b
-    }), { __sfc: !0, emit: a, slots: o, props: e, baseTextbox: n, conditionalClasses: r, isDropdownOpen: d, onInput: c, onKeyDown: y, openDropdown: u, closeDropdown: p, clearValue: i, listeners: x, focus: b, DropdownBaseTextbox: Oe, ChevronDownIcon: qe, ChevronUpIcon: ze };
+      focus: v
+    }), { __sfc: !0, emit: a, slots: o, props: e, baseTextbox: n, conditionalClasses: r, isDropdownOpen: d, onInput: c, onKeyDown: y, openDropdown: f, closeDropdown: p, clearValue: i, listeners: S, focus: v, DropdownBaseTextbox: Be, ChevronDownIcon: ze, ChevronUpIcon: Ue };
   }
 });
-var _t = function() {
+var ht = function() {
   var t = this, a = t._self._c, e = t._self._setupProxy;
   return a("div", { staticClass: "b-dropdown-default-textbox", class: e.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [a(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: t.value }, scopedSlots: t._u([t._l(e.slots, function(o, n) {
     return { key: n, fn: function(r) {
@@ -632,55 +632,55 @@ var _t = function() {
   }), { key: "icon", fn: function() {
     return [a("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [a(e.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), a(e.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), e.listeners))], 1);
-}, ht = [], gt = /* @__PURE__ */ N(
-  mt,
+}, gt = [], St = /* @__PURE__ */ R(
   _t,
   ht,
+  gt,
   !1,
   null,
   "bf2d43b0"
 );
-const St = gt.exports;
-let ge = 0;
-const xt = {
+const xt = St.exports;
+let Ce = 0;
+const wt = {
   beforeCreate() {
-    this.uuid = ge.toString(), ge += 1;
+    this.uuid = Ce.toString(), Ce += 1;
   }
 };
-var wt = function() {
+var Ct = function() {
   var t = this, a = t._self._c;
   return a("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"] ? a("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), a("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" } })]);
-}, Ct = [], Lt = /* @__PURE__ */ N(
-  xt,
+}, Lt = [], Ot = /* @__PURE__ */ R(
   wt,
   Ct,
+  Lt,
   !1,
   null,
   null
 );
-const Ot = Lt.exports;
-let Se = 0;
-const Et = {
+const Et = Ot.exports;
+let Le = 0;
+const It = {
   beforeCreate() {
-    this.uuid = Se.toString(), Se += 1;
+    this.uuid = Le.toString(), Le += 1;
   }
 };
-var It = function() {
+var Dt = function() {
   var t = this, a = t._self._c;
   return a("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"] ? a("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), a("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" } })]);
-}, Dt = [], Bt = /* @__PURE__ */ N(
-  Et,
+}, Bt = [], Tt = /* @__PURE__ */ R(
   It,
   Dt,
+  Bt,
   !1,
   null,
   null
 );
-const At = Bt.exports, Tt = D({
+const At = Tt.exports, kt = B({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), kt = /* @__PURE__ */ D({
-  ...Tt,
+}), Nt = /* @__PURE__ */ B({
+  ...kt,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -737,48 +737,48 @@ const At = Bt.exports, Tt = D({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(l, { expose: t, emit: a }) {
-    const e = l, o = w(null), n = s(() => ({
+    const e = l, o = C(null), n = s(() => ({
       [`b-dropdown-small-textbox--${E.DISABLED}`]: e.disabled,
       [`b-dropdown-small-textbox--${E.READONLY}`]: e.readonly,
       [`b-dropdown-small-textbox--${E.OPENED}`]: e.open
-    })), r = s(() => e.open && !e.disabled && !e.readonly), d = (b) => {
-      a("input", b);
-    }, c = (b) => {
-      a("keydown", b);
-    }, y = (b) => {
-      V(b), a("open");
-    }, u = (b) => {
-      V(b), a("close");
-    }, p = (b) => {
-      V(b), a("clear");
+    })), r = s(() => e.open && !e.disabled && !e.readonly), d = (v) => {
+      a("input", v);
+    }, c = (v) => {
+      a("keydown", v);
+    }, y = (v) => {
+      q(v), a("open");
+    }, f = (v) => {
+      q(v), a("close");
+    }, p = (v) => {
+      q(v), a("clear");
     }, i = {
-      [S.INPUT]: d,
-      [S.OPEN]: y,
-      [S.CLOSE]: u,
-      [S.CLEAR]: p,
-      [S.KEYDOWN]: c
-    }, x = () => {
+      [g.INPUT]: d,
+      [g.OPEN]: y,
+      [g.CLOSE]: f,
+      [g.CLEAR]: p,
+      [g.KEYDOWN]: c
+    }, S = () => {
       o.value.focus();
     };
     return t({
-      focus: x
-    }), { __sfc: !0, emit: a, props: e, baseTextbox: o, conditionalClasses: n, isDropdownOpen: r, onInput: d, onKeyDown: c, openDropdown: y, closeDropdown: u, clearValue: p, listeners: i, focus: x, BentoDropdownSize: K, DropdownBaseTextbox: Oe, ChevronDownSmallIcon: Ot, ChevronUpSmallIcon: At };
+      focus: S
+    }), { __sfc: !0, emit: a, props: e, baseTextbox: o, conditionalClasses: n, isDropdownOpen: r, onInput: d, onKeyDown: c, openDropdown: y, closeDropdown: f, clearValue: p, listeners: i, focus: S, BentoDropdownSize: z, DropdownBaseTextbox: Be, ChevronDownSmallIcon: Et, ChevronUpSmallIcon: At };
   }
 });
-var Nt = function() {
+var Mt = function() {
   var t = this, a = t._self._c, e = t._self._setupProxy;
   return a("div", { staticClass: "b-dropdown-small-textbox", class: e.conditionalClasses }, [a(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 [a("div", { staticClass: "b-dropdown-small-textbox__chevron" }, [a(e.ChevronUpSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), a(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);
-}, Mt = [], Rt = /* @__PURE__ */ N(
-  kt,
+}, Rt = [], Ft = /* @__PURE__ */ R(
   Nt,
   Mt,
+  Rt,
   !1,
   null,
   "faba160c"
 );
-const Ft = Rt.exports, Pt = (l, t) => t.value.reduce((a, e) => {
+const Pt = Ft.exports, $t = (l, t) => t.value.reduce((a, e) => {
   if (e.items) {
     const o = e.items.filter(
       (r) => l.value.find((d) => d.value === r.value)
@@ -786,84 +786,87 @@ const Ft = Rt.exports, Pt = (l, t) => t.value.reduce((a, e) => {
     o.length === e.items.length ? a.push(e.displayValue ?? e.label) : o.forEach(({ label: r, displayValue: d }) => a.push(d ?? r));
   }
   return l.value.find((o) => o.value === e.value) && a.push(e.displayValue ?? e.label), a;
-}, []).join(", "), $t = ({ items: l, placeholder: t, selectedValues: a, isMultiSelect: e }) => {
+}, []).join(", "), Vt = ({ items: l, placeholder: t, selectedValues: a, isMultiSelect: e }) => {
   const o = s(
     () => e.value && l.value.find((r) => {
       var d;
       return (d = r.items) == null ? void 0 : d.length;
     })
   );
-  return s(() => a.value.length ? o.value ? Pt(a, l) : a.value.map(({ label: r, displayValue: d }) => d ?? r).join(", ") : t.value || null);
-}, Ee = (l) => {
+  return s(() => a.value.length ? o.value ? $t(a, l) : a.value.map(({ label: r, displayValue: d }) => d ?? r).join(", ") : t.value || null);
+}, Te = (l) => {
   var t;
   (t = l.value.$children) == null || t[0].$refs.textbox.focus();
-}, Vt = ({
+}, Kt = ({
   inputContainerRef: l,
   optionsContainerRef: t,
   selectedValueIndex: a,
   isDropdownOpen: e,
   isDynamicFltering: o,
   items: n,
-  isMultiple: r
-}, d, c, y) => {
-  const u = async (h) => {
-    var v;
-    o.value && await O(), (v = n.value[h]) == null || v.focus();
-  }, p = async (h) => {
-    var R, U;
-    o.value && await O();
-    const v = (R = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : R.$el.querySelectorAll(
+  isMultiple: r,
+  totalItemCount: d,
+  isVirtualScroll: c
+}, y, f, p) => {
+  const i = async (b) => {
+    var w;
+    o.value && await D(), (w = n.value[b]) == null || w.focus();
+  }, S = async (b) => {
+    var H, Y;
+    o.value && await D();
+    const w = (H = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : H.$el.querySelectorAll(
       "button"
     );
-    v != null && v.length ? (U = v[h]) == null || U.focus() : u(h);
-  }, i = (h) => {
-    var v;
-    return (v = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : v.setListboxFocusedIndex(
-      h
+    w != null && w.length ? (Y = w[b]) == null || Y.focus() : i(b);
+  }, v = (b) => {
+    var w;
+    return (w = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : w.setListboxFocusedIndex(
+      b
     );
-  }, x = () => {
-    e.value || c(), O(() => {
-      i(0), u(0);
-    });
-  }, b = () => {
-    e.value || c(), O(() => {
-      i(n.value.length - 1), u(n.value.length - 1);
+  }, _ = async (b) => {
+    var w;
+    await ((w = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : w.navigateToItem(b));
+  }, x = (b) => {
+    D(() => {
+      c ? _(b) : (v(b), i(b));
     });
-  }, _ = ({ detail: h }) => {
-    h.preventDefault(), x();
-  }, C = ({ detail: h }) => {
-    h.preventDefault(), b();
   }, L = () => {
-    x();
-  }, f = () => {
-    b();
-  }, B = ({ detail: h }) => {
-    h.preventDefault(), d(), e.value && O(() => {
-      r ? p(0) : (i(a.value), u(a.value));
-    });
-  }, I = ({ detail: h }) => {
-    h.preventDefault(), d(), e.value && O(() => {
-      r ? p(0) : (i(a.value), u(a.value));
+    e.value || f(), x(0);
+  }, u = () => {
+    e.value || f(), D(() => {
+      x(c ? d.value - 1 : n.value.length - 1);
     });
+  }, T = ({ detail: b }) => {
+    b.preventDefault(), L();
+  }, I = ({ detail: b }) => {
+    b.preventDefault(), u();
   }, A = () => {
-    e.value && y();
-  }, M = () => {
-    e.value && (y(), Ee(l));
+    L();
+  }, F = () => {
+    u();
+  }, P = ({ detail: b }) => {
+    b.preventDefault(), y(), e.value && (r ? S(0) : x(a.value));
+  }, M = ({ detail: b }) => {
+    b.preventDefault(), y(), e.value && (r ? S(0) : x(a.value));
+  }, O = () => {
+    e.value && p();
+  }, U = () => {
+    e.value && (p(), Te(l));
   };
   return s(() => ({
-    [k.ARROW_DOWN]: _,
-    [k.ARROW_UP]: C,
-    [k.HOME]: L,
-    [k.END]: f,
-    ...o.value ? {} : { [k.SPACE]: B },
-    [k.ENTER]: I,
-    ...o.value ? {} : { [k.TAB]: A },
-    [k.ESCAPE]: M
+    [N.ARROW_DOWN]: T,
+    [N.ARROW_UP]: I,
+    [N.HOME]: A,
+    [N.END]: F,
+    ...o.value ? {} : { [N.SPACE]: P },
+    [N.ENTER]: M,
+    ...o.value ? {} : { [N.TAB]: O },
+    [N.ESCAPE]: U
   }));
-}, Kt = ({ inputContainerRef: l, isDropdownOpen: t }, a) => {
+}, qt = ({ inputContainerRef: l, isDropdownOpen: t }, a) => {
   const e = () => {
-    t.value && a(), O(() => {
-      Ee(l);
+    t.value && a(), D(() => {
+      Te(l);
     });
   };
   return {
@@ -873,18 +876,18 @@ const Ft = Rt.exports, Pt = (l, t) => t.value.reduce((a, e) => {
     [m.SPACE]: e
   };
 };
-function qt(l, t, a, e, o) {
-  const n = w(l), r = w(t), d = (u, p = []) => p.flatMap((i) => i.label.toLocaleLowerCase().includes(u) ? e != null && e.value && i.items ? [...d(u, i.items)] : [i, ...d(u, i.items)] : i.items ? [...d(u, i.items)] : []), c = a !== void 0 ? je(() => a(n.value), o ?? 300) : void 0;
-  return j(n, () => {
+function zt(l, t, a, e, o) {
+  const n = C(l), r = C(t), d = (f, p = []) => p.flatMap((i) => i.label.toLocaleLowerCase().includes(f) ? e != null && e.value && i.items ? [...d(f, i.items)] : [i, ...d(f, i.items)] : i.items ? [...d(f, i.items)] : []), c = a !== void 0 ? He(() => a(n.value), o ?? 300) : void 0;
+  return Z(n, () => {
     c !== void 0 && c();
   }), s(() => {
     if (!n.value || a !== void 0)
       return r.value;
-    const u = n.value.toLocaleLowerCase();
-    return d(u, r.value);
+    const f = n.value.toLocaleLowerCase();
+    return d(f, r.value);
   });
 }
-const zt = {
+const Ut = {
   "de-DE": {
     all: "Alle",
     ariaLabelFallback: "Dropdown",
@@ -935,16 +938,16 @@ const zt = {
     ariaLabelFallback: "下拉菜单",
     clearSearch: "清除筛选器"
   }
-}, Ut = /* @__PURE__ */ Symbol("input field component injection key"), _a = /* @__PURE__ */ Symbol("input field hint injection key"), ha = /* @__PURE__ */ Symbol("input field parent component injection key"), Wt = D({
-  i18n: { messages: zt },
+}, Wt = /* @__PURE__ */ Symbol("input field component injection key"), ha = /* @__PURE__ */ Symbol("input field hint injection key"), ga = /* @__PURE__ */ Symbol("input field parent component injection key"), jt = B({
+  i18n: { messages: Ut },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: St,
-    DropdownInputSmall: Ft
+    DropdownInputDefault: xt,
+    DropdownInputSmall: Pt
   },
   model: { prop: "modelValue" }
-}), jt = /* @__PURE__ */ D({
-  ...Wt,
+}), Ht = /* @__PURE__ */ B({
+  ...jt,
   props: {
     description: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -965,7 +968,7 @@ const zt = {
     items: { default: () => [] },
     loading: { type: Boolean, default: !1 },
     componentLoading: { type: Boolean, default: !1 },
-    lazyLoadType: { default: ae.props.lazyLoadType.default },
+    lazyLoadType: { default: ne.props.lazyLoadType.default },
     multiple: { type: Boolean, default: !1 },
     search: { default: void 0 },
     showSlotContentInMultiple: { type: Boolean, default: !1 },
@@ -978,133 +981,138 @@ const zt = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(l, { expose: t, emit: a }) {
-    var ve, me;
-    const e = l, o = we(), n = H(), r = Le(n), { t: d } = Y(), { emitValue: c } = We(a), y = w(null), u = w(null), p = w(null), i = w(!1), x = $("bento-dropdown-options-container"), b = $("dropdown-label"), _ = $("dropdown-description"), C = $("dropdown-error"), { isReadOnly: L } = Xe(T(e, "readonly")), f = s(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: B, cachedListboxSelectedValues: I, setCachedValues: A } = He(
-      T(e, "items"),
-      f,
-      T(e, "multiple"),
-      T(e, "enableValueLabelPair")
-    ), M = w(o["aria-label"]), q = w(o["aria-describedby"]), { ariaLabel: h, label: v } = xe(e), R = s(() => d("ariaLabelFallback")), U = Ue({
+    var he, ge;
+    const e = l, o = Ee(), n = Q(), r = De(n), { t: d } = G(), { emitValue: c } = je(a), y = C(null), f = C(null), p = C(null), i = C(!1), S = K("bento-dropdown-options-container"), v = K("dropdown-label"), _ = K("dropdown-description"), x = K("dropdown-error"), { isReadOnly: L } = Ze(k(e, "readonly")), u = s(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: T, cachedListboxSelectedValues: I, setCachedValues: A } = Ye(
+      k(e, "items"),
+      u,
+      k(e, "multiple"),
+      k(e, "enableValueLabelPair")
+    ), F = C(o["aria-label"]), P = C(o["aria-describedby"]), { ariaLabel: M, label: O } = Oe(e), U = s(() => d("ariaLabelFallback")), se = We({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: h.value || M,
-      label: v,
-      defaultFallback: R
-    }), oe = e.size === K.SMALL || $e(Ut, !1), Ie = s(() => oe ? K.SMALL : K.DEFAULT), De = s(() => ({
+      ariaLabel: M.value || F,
+      label: O,
+      defaultFallback: U
+    }), b = e.size === z.SMALL || Ve(Wt, !1), w = s(() => b ? z.SMALL : z.DEFAULT), H = s(() => ({
       "b-dropdown--condensed": e.condensed
-    })), Be = s(() => ({
+    })), Y = s(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), F = w(""), z = T(e, "items"), le = T(e, "staticCategories"), J = qt(
-      F,
-      z,
-      (ve = e == null ? void 0 : e.search) == null ? void 0 : ve.searchEvent,
-      le,
-      (me = e == null ? void 0 : e.search) == null ? void 0 : me.debounceTime
-    ), X = s(() => e.dynamicFiltering && !!F.value), Ae = $t({
-      items: z,
-      placeholder: T(e, "placeholder"),
-      isMultiSelect: T(e, "multiple"),
-      selectedValues: B
-    }), Te = s(() => {
-      if (e != null && e.multiple && Array.isArray(f.value))
+    })), $ = C(""), W = k(e, "items"), re = k(e, "staticCategories"), J = zt(
+      $,
+      W,
+      (he = e == null ? void 0 : e.search) == null ? void 0 : he.searchEvent,
+      re,
+      (ge = e == null ? void 0 : e.search) == null ? void 0 : ge.debounceTime
+    ), ee = s(() => e.dynamicFiltering && !!$.value), Ae = Vt({
+      items: W,
+      placeholder: k(e, "placeholder"),
+      isMultiSelect: k(e, "multiple"),
+      selectedValues: T
+    }), ke = s(() => {
+      if (e != null && e.multiple && Array.isArray(u.value))
         return e.items.filter(
-          ({ value: g }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(g)
+          ({ value: h }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(h)
         );
       if (!e.multiple && e.staticCategories) {
-        const g = e.items.find(
-          (ee) => ee.items.some((Pe) => Pe.value === f.value)
+        const h = e.items.find(
+          (j) => {
+            var Se;
+            return (Se = j.items) == null ? void 0 : Se.some(($e) => $e.value === u.value);
+          }
         );
-        return g ? g.items.find((ee) => ee.value === f.value) : null;
+        return (h ? h.items.find((j) => j.value === u.value) : e.items.find(({ value: j }) => j === u.value)) ?? null;
       }
-      return e.items.find(({ value: g }) => g === f.value);
-    }), ne = s(() => {
-      const g = J.value.findIndex(({ value: P }) => e.enableValueLabelPair ? f.value.value === P : f.value === P);
-      return g > -1 ? g : 0;
-    }), { isMultiLevelSelect: Z, flattenedItemsList: se } = Ye(z), re = s(() => Z.value && !e.staticCategories), ie = s(() => re.value ? "treeitem" : "option"), ke = s(() => {
+      return e.items.find(({ value: h }) => h === u.value);
+    }), ie = s(() => {
+      const h = J.value.findIndex(({ value: V }) => e.enableValueLabelPair ? u.value.value === V : u.value === V);
+      return h > -1 ? h : 0;
+    }), { isMultiLevelSelect: te, flattenedItemsList: de } = Je(W), ce = s(() => te.value && !e.staticCategories), ue = s(() => ce.value ? "treeitem" : "option"), Ne = s(() => {
       if (e.multiple) {
-        const g = Array.isArray(f.value) ? f.value.length : 0, P = Z.value ? se.value.length : z.value.length;
-        return g === 0 ? null : !e.hasMoreItems && P > 0 && P === g ? d("all") : g;
+        const h = Array.isArray(u.value) ? u.value.length : 0, V = te.value ? de.value.length : W.value.length;
+        return h === 0 ? null : !e.hasMoreItems && V > 0 && V === h ? d("all") : h;
       }
       return null;
-    }), Ne = s(
+    }), Me = s(
       () => [
         e.description ? _ : null,
-        q.value,
-        e.errorMessage ? C : null
+        P.value,
+        e.errorMessage ? x : null
       ].filter(Boolean).join(" ") || null
-    ), de = s(() => {
-      var g;
-      return (g = p.value) == null ? void 0 : g.$el;
-    }), { visibleDomOptions: ce, updateVisibleDomOptions: Q } = Je(
-      de,
+    ), pe = s(() => {
+      var h;
+      return (h = p.value) == null ? void 0 : h.$el;
+    }), { visibleDomOptions: fe, updateVisibleDomOptions: ae } = Xe(
+      pe,
       J,
-      ie
-    ), ue = () => {
-      L.value || (i.value = !0, O(() => {
-        Q();
+      ue
+    ), be = () => {
+      L.value || (i.value = !0, D(() => {
+        ae();
       }));
-    }, W = () => {
+    }, X = () => {
       i.value = !1;
-    }, pe = () => {
-      L.value || (i.value = !i.value, O(() => {
-        Q();
-      }), X.value && (F.value = ""));
-    }, Me = () => {
-      X.value && (F.value = ""), i.value && (i.value = !1, p.value.onOutsideDropdownClick());
-    }, fe = async (g) => {
-      e.multiple || (F.value = "", i.value = !1), A(g), c(I.value), e.multiple || (await O(), G());
-    }, be = () => {
+    }, ye = () => {
+      L.value || (i.value = !i.value, D(() => {
+        ae();
+      }), ee.value && ($.value = ""));
+    }, Re = () => {
+      ee.value && ($.value = ""), i.value && (i.value = !1, p.value.onOutsideDropdownClick());
+    }, ve = async (h) => {
+      e.multiple || ($.value = "", i.value = !1), A(h), c(I.value), e.multiple || (await D(), oe());
+    }, me = () => {
       a(m.SHOW_MORE);
-    }, Re = Vt(
+    }, Fe = Kt(
       {
         inputContainerRef: y,
         optionsContainerRef: p,
-        selectedValueIndex: ne,
+        selectedValueIndex: ie,
         isDropdownOpen: i,
-        isDynamicFltering: T(e, "dynamicFiltering"),
-        items: ce,
-        isMultiple: e.multiple
+        isDynamicFltering: k(e, "dynamicFiltering"),
+        items: fe,
+        isMultiple: e.multiple,
+        totalItemCount: s(() => J.value.length),
+        isVirtualScroll: !(e != null && e.multiple) && (e == null ? void 0 : e.virtualScroll) !== !1 && (e == null ? void 0 : e.lazyLoadType) === "none"
       },
-      pe,
-      ue,
-      W
-    ), ye = Kt(
+      ye,
+      be,
+      X
+    ), _e = qt(
       {
         inputContainerRef: y,
         isDropdownOpen: i
       },
-      W
-    ), Fe = {
-      [m.CLOSE_DROPDOWN]: W,
-      [m.SELECT]: fe,
-      [m.SHOW_MORE]: be,
-      ...ye
+      X
+    ), Pe = {
+      [m.CLOSE_DROPDOWN]: X,
+      [m.SELECT]: ve,
+      [m.SHOW_MORE]: me,
+      ..._e
     };
-    e.error && te(
+    e.error && le(
       '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 && te('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && te(
+    ), e.size && le('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && le(
       '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 G = () => {
+    const oe = () => {
       y.value.focus();
     };
-    return j(
+    return Z(
       () => i.value,
-      (g) => {
-        g && a("open");
+      (h) => {
+        h && a("open");
       }
     ), t({
-      focus: G
-    }), { __sfc: !0, attrs: o, slots: n, hasSlot: r, props: e, emit: a, t: d, emitValue: c, inputContainerRef: y, inputContainerRefWrapper: u, optionsContainerRef: p, isDropdownOpen: i, dropdownOptionsContainerId: x, labelId: b, descriptionId: _, errorId: C, isReadOnly: L, dropdownValue: f, cachedSelectedListboxOptions: B, cachedListboxSelectedValues: I, setCachedValues: A, ariaLabelAttribute: M, ariaDescribedByAttribute: q, ariaLabel: h, label: v, computedAriaLabelFallbackMessage: R, computedAriaLabel: U, isInputComponent: oe, computedSize: Ie, conditionalClasses: De, descriptionConditionalClasses: Be, searchTerm: F, items: z, staticCategories: le, filteredItems: J, isSearching: X, displayValue: Ae, selectedValueItem: Te, selectedValueIndex: ne, isMultiLevelSelect: Z, flattenedItemsList: se, isTreePattern: re, computedOptionRole: ie, additionalItemsSelected: ke, ariaDescribedBy: Ne, listboxRef: de, visibleDomOptions: ce, updateVisibleDomOptions: Q, openDropdown: ue, closeDropdown: W, toggleDropdown: pe, clickOutsideDropdown: Me, onOptionSelected: fe, emitShowMoreEvent: be, textboxKeyboardNavigationListeners: Re, listboxKeyboardNavigationListeners: ye, listboxListeners: Fe, focus: G, BentoDropdownOptionsContainer: dt, BentoTypography: Ce, ErrorMessage: et, FieldLabel: Ge, vBentoClickOutsideDirective: Qe, vBentoKeyboardNavigationDirective: Ze };
+      focus: oe
+    }), { __sfc: !0, attrs: o, slots: n, hasSlot: r, props: e, emit: a, t: d, emitValue: c, inputContainerRef: y, inputContainerRefWrapper: f, optionsContainerRef: p, isDropdownOpen: i, dropdownOptionsContainerId: S, labelId: v, descriptionId: _, errorId: x, isReadOnly: L, dropdownValue: u, cachedSelectedListboxOptions: T, cachedListboxSelectedValues: I, setCachedValues: A, ariaLabelAttribute: F, ariaDescribedByAttribute: P, ariaLabel: M, label: O, computedAriaLabelFallbackMessage: U, computedAriaLabel: se, isInputComponent: b, computedSize: w, conditionalClasses: H, descriptionConditionalClasses: Y, searchTerm: $, items: W, staticCategories: re, filteredItems: J, isSearching: ee, displayValue: Ae, selectedValueItem: ke, selectedValueIndex: ie, isMultiLevelSelect: te, flattenedItemsList: de, isTreePattern: ce, computedOptionRole: ue, additionalItemsSelected: Ne, ariaDescribedBy: Me, listboxRef: pe, visibleDomOptions: fe, updateVisibleDomOptions: ae, openDropdown: be, closeDropdown: X, toggleDropdown: ye, clickOutsideDropdown: Re, onOptionSelected: ve, emitShowMoreEvent: me, textboxKeyboardNavigationListeners: Fe, listboxKeyboardNavigationListeners: _e, listboxListeners: Pe, focus: oe, BentoDropdownOptionsContainer: ct, BentoTypography: Ie, ErrorMessage: tt, FieldLabel: et, vBentoClickOutsideDirective: Ge, vBentoKeyboardNavigationDirective: Qe };
   }
 });
-var Ht = function() {
+var Yt = function() {
   var t = this, a = t._self._c, e = t._self._setupProxy;
   return a("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.clickOutsideDropdown, expression: "clickOutsideDropdown" }], staticClass: "b-dropdown", class: e.conditionalClasses }, [e.label ? a(e.FieldLabel, { attrs: { id: e.labelId, condensed: t.condensed, label: e.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), a("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "inputContainerRefWrapper" }, e.textboxKeyboardNavigationListeners), [a(e.computedSize, { ref: "inputContainerRef", tag: "component", attrs: { condensed: t.condensed, value: e.searchTerm, "additional-items-selected": e.additionalItemsSelected, "aria-controls": e.dropdownOptionsContainerId, ariaExpanded: e.isDropdownOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, "aria-label": e.computedAriaLabel, "aria-readonly": e.isReadOnly, "aria-required": t.required, readonly: e.isReadOnly, disabled: t.disabled, "display-value": e.displayValue, "dynamic-filtering": t.dynamicFiltering, "is-invalid": !!t.errorMessage || t.error, multiple: t.multiple, open: e.isDropdownOpen, "selected-value-item": e.isInputComponent ? void 0 : e.selectedValueItem, "show-slot-content-in-multiple": t.showSlotContentInMultiple }, on: { input: function(o) {
     e.searchTerm = o;
@@ -1119,22 +1127,22 @@ var Ht = function() {
   })], null, !0) }, e.listboxListeners)) : t._e(), t.errorMessage ? a(e.ErrorMessage, { staticClass: "b-dropdown__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), t.description || e.hasSlot("description") ? a(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);
-}, Yt = [], Jt = /* @__PURE__ */ N(
-  jt,
+}, Jt = [], Xt = /* @__PURE__ */ R(
   Ht,
   Yt,
+  Jt,
   !1,
   null,
-  "3edb5f79"
+  "f5eb43fd"
 );
-const ga = Jt.exports;
+const Sa = Xt.exports;
 export {
-  ga as B,
-  St as D,
-  _a as I,
-  K as a,
-  Ut as b,
-  ha as c,
-  qt as u
+  Sa as B,
+  xt as D,
+  ha as I,
+  z as a,
+  Wt as b,
+  ga as c,
+  zt as u
 };
-//# sourceMappingURL=dropdown.Ca-f8tdX.js.map
+//# sourceMappingURL=dropdown.BYJwx-JD.js.map