@adyen/bento-vue2 1.95.0 → 1.96.0

package/dist/chunks/{dropdown.BEurqT8m.js → dropdown.C70AlvOT.js}

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