@adyen/bento-vue3 1.91.0 → 1.92.0

package/dist/chunks/{dropdown.DHoL50gV.js → dropdown.CuIBYLdy.js}

@@ -1,28 +1,28 @@
-import { ref as B, watch as ye, computed as r, defineComponent as R, useSlots as me, toRefs as Fe, openBlock as f, createBlock as U, resolveDynamicComponent as _e, mergeProps as A, withCtx as q, createElementVNode as ne, withKeys as ie, unref as o, createVNode as W, toHandlers as re, createSlots as pe, renderList as de, renderSlot as V, normalizeProps as ae, guardReactiveProps as fe, createCommentVNode as $, useAttrs as Pe, nextTick as N, createElementBlock as C, normalizeClass as le, Fragment as Ce, createTextVNode as ce, toDisplayString as X, withModifiers as Te, withDirectives as oe, vShow as be, toRef as K, inject as pt } from "vue";
-import { B as Ke, d as Ee } from "./typography.B3J6_tYk.js";
-import { g as Q } from "./generate-uid.DBWe4g6T.js";
-import { u as ve } from "./index.B875RXHM.js";
+import { ref as B, watch as ve, computed as r, defineComponent as F, useSlots as he, toRefs as Fe, openBlock as b, createBlock as j, resolveDynamicComponent as _e, mergeProps as A, withCtx as z, createElementVNode as se, withKeys as re, unref as o, createVNode as H, toHandlers as de, createSlots as be, renderList as ue, renderSlot as q, normalizeProps as le, guardReactiveProps as me, createCommentVNode as $, useAttrs as Pe, nextTick as R, createElementBlock as x, normalizeClass as oe, Fragment as Ee, createTextVNode as fe, toDisplayString as G, withModifiers as Ne, withDirectives as ne, vShow as ye, toRef as V, inject as pt } from "vue";
+import { B as Ke, d as xe } from "./typography.B3J6_tYk.js";
+import { g as ee } from "./generate-uid.DBWe4g6T.js";
+import { u as ge } from "./index.B875RXHM.js";
 import { u as Ve } from "./use-has-slot.CyMiImRQ.js";
 import { C as ft } from "./cross-circle-fill.BWCKKn0E.js";
 import { C as bt } from "./cross-circle-fill-small.H1wH-vcZ.js";
-import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { s as ee } from "./events.BQOQSSb7.js";
-import { C as yt } from "./chevron-down.XeE-LBV_.js";
-import { C as mt } from "./chevron-up.Cmgl2a3x.js";
+import { _ as X } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { s as te } from "./events.BQOQSSb7.js";
+import { C as mt } from "./chevron-down.XeE-LBV_.js";
+import { C as yt } from "./chevron-up.Cmgl2a3x.js";
 /* empty css              */
 import { u as vt } from "./aria-label.CaUURpnB.js";
 import { u as ht } from "./form-field.D_2g7vaP.js";
-import { B as h, b as xe, a as ke, d as gt, u as St, c as wt, e as Lt } from "./use-cached-selected-values.Bx8uuky9.js";
+import { B as g, b as Ie, a as ke, d as gt, u as St, c as wt, e as Lt } from "./use-cached-selected-values.DUWGSMvO.js";
 import { u as Ct } from "./use-form-layout-loading.CWbjZiwP.js";
 import { B as Et } from "./directive.C8kY-ZW-.js";
-import { B as z, a as xt } from "./keyboard-navigation.DWmhelVv.js";
+import { B as W, a as xt } from "./keyboard-navigation.DWmhelVv.js";
 import { F as It } from "./field-label.DZYFjFgr.js";
 import { P as Me } from "./popper-container.DMN8n5iC.js";
-import { h as Ot } from "./button-actions.DLiM8KZL.js";
+import { h as Ot } from "./button-actions.7Oi2Ra4p.js";
 import { E as Dt } from "./error-message.Dyvrw6ZB.js";
 import "../assets/dropdown.css";
-var te = /* @__PURE__ */ ((e) => (e.DEFAULT = "DropdownInputDefault", e.SMALL = "DropdownInputSmall", e))(te || {});
-const Ie = {
+var ae = /* @__PURE__ */ ((e) => (e.DEFAULT = "DropdownInputDefault", e.SMALL = "DropdownInputSmall", e))(ae || {});
+const Oe = {
   "de-DE": { apply: "Anwenden", cancel: "Abbrechen", noOptionsMatchThisSearch: "Für diese Suche wurden keine Ergebnisse gefunden." },
   "en-GB": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
   "en-US": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
@@ -33,20 +33,20 @@ const Ie = {
   "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索に一致するオプションはありません" },
   "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca" },
   "zh-CN": { apply: "应用", cancel: "取消", noOptionsMatchThisSearch: "没有符合此搜索条件的选项" }
-}, Bt = (e, c, d, l) => {
-  const i = B(e.value), { t: n } = ve({ messages: Ie });
-  ye(e, () => {
+}, Bt = (e, u, d, l) => {
+  const i = B(e.value), { t: n } = ge({ messages: Oe });
+  ve(e, () => {
     i.value = e.value;
   });
   const t = r(
     () => JSON.stringify(i.value) === JSON.stringify(e.value)
   ), a = () => {
-    l(h.SELECT, i.value), l(h.CLOSE_DROPDOWN);
-  }, v = () => {
-    i.value = e.value, l(h.CLOSE_DROPDOWN);
-  }, g = () => {
-    d.value && c.value && (i.value = e.value);
-  }, u = r(() => [
+    l(g.SELECT, i.value), l(g.CLOSE_DROPDOWN);
+  }, h = () => {
+    i.value = e.value, l(g.CLOSE_DROPDOWN);
+  }, S = () => {
+    d.value && u.value && (i.value = e.value);
+  }, p = r(() => [
     {
       title: n("apply"),
       event: a,
@@ -54,40 +54,40 @@ const Ie = {
     },
     {
       title: n("cancel"),
-      event: v
+      event: h
     }
-  ]), S = (L) => {
-    i.value = L, c.value || l(h.SELECT, L);
-  }, p = (L) => {
-    S(L), l(h.TAB);
-  }, b = (L) => {
-    S(L), l(h.ENTER);
-  }, O = (L) => {
-    S(L), l(h.SPACE);
-  }, m = () => {
-    v(), l(h.ESCAPE);
-  }, y = () => {
-    l(h.SHOW_MORE);
-  }, D = {
-    [h.SELECT]: S,
-    [h.SHOW_MORE]: y,
-    [h.TAB]: p,
-    [h.SPACE]: O,
-    [h.ENTER]: b
+  ]), w = (L) => {
+    i.value = L, u.value || l(g.SELECT, L);
+  }, y = (L) => {
+    w(L), l(g.TAB);
+  }, m = (L) => {
+    w(L), l(g.ENTER);
+  }, D = (L) => {
+    w(L), l(g.SPACE);
+  }, v = () => {
+    h(), l(g.ESCAPE);
+  }, c = () => {
+    l(g.SHOW_MORE);
+  }, O = {
+    [g.SELECT]: w,
+    [g.SHOW_MORE]: c,
+    [g.TAB]: y,
+    [g.SPACE]: D,
+    [g.ENTER]: m
   };
   return {
     // Values
-    actions: u,
+    actions: p,
     internalSelectedValue: i,
     // Methods
-    listeners: D,
-    onEscapeKey: m,
-    onOutsideDropdownClick: g
+    listeners: O,
+    onEscapeKey: v,
+    onOutsideDropdownClick: S
   };
-}, At = R({
-  i18n: { messages: Ie },
+}, At = F({
+  i18n: { messages: Oe },
   name: "bento-dropdown-options-container"
-}), Nt = /* @__PURE__ */ R({
+}), Tt = /* @__PURE__ */ F({
   ...At,
   props: {
     /**
@@ -178,7 +178,7 @@ const Ie = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: xe.props.searching,
+    searching: Ie.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -197,12 +197,12 @@ const Ie = {
       default: !1
     }
   },
-  setup(e, { expose: c, emit: d }) {
-    const l = me(), i = d, n = e, { selectedValue: t, multiple: a } = Fe(n), v = B(null), { t: g } = ve({ messages: Ie }), u = r(() => n.open && !n.disabled), S = r(() => g("noOptionsMatchThisSearch")), p = r(() => ({
+  setup(e, { expose: u, emit: d }) {
+    const l = he(), i = d, n = e, { selectedValue: t, multiple: a } = Fe(n), h = B(null), { t: S } = ge({ messages: Oe }), p = r(() => n.open && !n.disabled), w = r(() => S("noOptionsMatchThisSearch")), y = r(() => ({
       "b-dropdown-options-container--single": !n?.multiple
-    })), b = r(() => ({
+    })), m = r(() => ({
       "b-dropdown-options-container__listbox--single": !n?.multiple
-    })), { actions: O, internalSelectedValue: m, listeners: y, onEscapeKey: D, onOutsideDropdownClick: L } = Bt(t, a, u, i), E = r(() => n?.multiple ? Ot : Me), M = r(() => {
+    })), { actions: D, internalSelectedValue: v, listeners: c, onEscapeKey: O, onOutsideDropdownClick: L } = Bt(t, a, p, i), C = r(() => n?.multiple ? Ot : Me), k = r(() => {
       const T = {
         "min-width": `${n?.targetElement?.clientWidth}px`,
         "max-width": "min(500px, 95%)"
@@ -210,10 +210,10 @@ const Ie = {
       return n?.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: n.ariaLabel,
-        actions: O.value,
+        actions: D.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: Q(`dropdown-options-${n.id}`),
+        id: ee(`dropdown-options-${n.id}`),
         open: n.open,
         position: "bottom-start",
         style: {
@@ -226,50 +226,50 @@ const Ie = {
         offset: [0, 8],
         position: "bottom-start",
         style: {
-          display: u.value ? "block" : "none",
+          display: p.value ? "block" : "none",
           ...T
         },
         targetElement: n.targetElement
       };
     });
-    return c({
+    return u({
       onOutsideDropdownClick: L
-    }), (T, F) => u.value ? (f(), U(_e(E.value), A({
+    }), (T, _) => p.value ? (b(), j(_e(C.value), A({
       key: 0,
-      class: ["b-dropdown-options-container", p.value]
-    }, M.value), {
-      default: q(() => [
-        ne("div", {
-          onKeydown: F[0] || (F[0] = ie(
+      class: ["b-dropdown-options-container", y.value]
+    }, k.value), {
+      default: z(() => [
+        se("div", {
+          onKeydown: _[0] || (_[0] = re(
             //@ts-ignore
-            (..._) => o(D) && o(D)(..._),
+            (...M) => o(O) && o(O)(...M),
             ["esc"]
           ))
         }, [
-          W(o(xe), A({
+          H(o(Ie), A({
             id: e.id,
             ref_key: "dropdownOptionsListboxRef",
-            ref: v,
+            ref: h,
             "aria-label": e.ariaLabel,
-            class: ["b-dropdown-options-container__listbox", b.value],
+            class: ["b-dropdown-options-container__listbox", m.value],
             "component-loading": e.componentLoading,
             "empty-state": e.emptyState,
             "is-option-disabled": e.isOptionDisabled,
             items: e.items,
-            "selected-value": o(m),
+            "selected-value": o(v),
             multiple: o(a),
             "static-categories": e.staticCategories,
-            "no-results-message": S.value,
+            "no-results-message": w.value,
             searching: e.searching,
             loading: e.loading,
             "lazy-load-type": e.lazyLoadType,
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
-          }, re(o(y))), pe({ _: 2 }, [
-            de(o(l), (_, w) => ({
-              name: w,
-              fn: q((j) => [
-                V(T.$slots, w, ae(fe(j)), void 0, !0)
+          }, de(o(c))), be({ _: 2 }, [
+            ue(o(l), (M, U) => ({
+              name: U,
+              fn: z((Z) => [
+                q(T.$slots, U, le(me(Z)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "component-loading", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
@@ -278,8 +278,8 @@ const Ie = {
       _: 3
     }, 16, ["class"])) : $("", !0);
   }
-}), Tt = /* @__PURE__ */ Z(Nt, [["__scopeId", "data-v-abf92e14"]]);
-var k = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(k || {}), I = /* @__PURE__ */ ((e) => (e.OPEN = "dropdown-base-open", e.KEYDOWN = "dropdown-base-keydown", e.CLOSE = "dropdown-base-close", e.INPUT = "dropdown-base-input", e.CLEAR = "dropdown-base-clear", e))(I || {});
+}), Nt = /* @__PURE__ */ X(Tt, [["__scopeId", "data-v-abf92e14"]]);
+var N = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(N || {}), I = /* @__PURE__ */ ((e) => (e.OPEN = "dropdown-base-open", e.KEYDOWN = "dropdown-base-keydown", e.CLOSE = "dropdown-base-close", e.INPUT = "dropdown-base-input", e.CLEAR = "dropdown-base-clear", e))(I || {});
 const qe = {
   "de-DE": { clearSearch: "Suche löschen" },
   "en-GB": { clearSearch: "Clear search" },
@@ -301,11 +301,11 @@ const qe = {
   key: 3,
   class: "b-dropdown-base-textbox__icon",
   "aria-hidden": "true"
-}, Pt = ["tabindex", "onKeydown"], Kt = R({
+}, Pt = ["tabindex", "onKeydown"], Kt = F({
   i18n: { messages: qe },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), Vt = /* @__PURE__ */ R({
+}), Vt = /* @__PURE__ */ F({
   ...Kt,
   props: {
     /**
@@ -390,16 +390,16 @@ const qe = {
       default: null
     }
   },
-  setup(e, { expose: c, emit: d }) {
-    const { t: l } = ve({ messages: qe }), i = Pe(), n = me(), t = Ve(n), a = e, v = d, g = B(null), u = Q("textbox"), S = r(() => ({
-      [`b-dropdown-base-textbox--${k.DISABLED}`]: a.disabled,
-      [`b-dropdown-base-textbox--${k.READONLY}`]: a.readonly,
-      [`b-dropdown-base-textbox--${k.HAS_ITEMS}`]: !!a.additionalItemsSelected
-    })), p = r(
-      () => D.value && i["aria-required"] ? "true" : null
-    ), b = r(() => ({
+  setup(e, { expose: u, emit: d }) {
+    const { t: l } = ge({ messages: qe }), i = Pe(), n = he(), t = Ve(n), a = e, h = d, S = B(null), p = ee("textbox"), w = r(() => ({
+      [`b-dropdown-base-textbox--${N.DISABLED}`]: a.disabled,
+      [`b-dropdown-base-textbox--${N.READONLY}`]: a.readonly,
+      [`b-dropdown-base-textbox--${N.HAS_ITEMS}`]: !!a.additionalItemsSelected
+    })), y = r(
+      () => O.value && i["aria-required"] ? "true" : null
+    ), m = r(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": a.dynamicFiltering
-    })), O = r(() => a.dynamicFiltering && !!a.value && a.open), m = r(
+    })), D = r(() => a.dynamicFiltering && !!a.value && a.open), v = r(
       () => ({
         "aria-haspopup": "listbox",
         "aria-controls": a.ariaControls,
@@ -411,48 +411,48 @@ const qe = {
         "aria-disabled": a.disabled ? !0 : null,
         "aria-required": i["aria-required"]
       })
-    ), y = r(
+    ), c = r(
       () => a.multiple ? a.selectedValueItem : []
-    ), D = r(() => a.dynamicFiltering && (a.open || a.alwaysComboboxIsInput)), L = r(() => a.selectedValueItem && !a.multiple), E = r(
-      () => a.multiple && a.selectedValueItem && y.value.length > 0 && a.showSlotContentInMultiple
+    ), O = r(() => a.dynamicFiltering && (a.open || a.alwaysComboboxIsInput)), L = r(() => a.selectedValueItem && !a.multiple), C = r(
+      () => a.multiple && a.selectedValueItem && c.value.length > 0 && a.showSlotContentInMultiple
     );
-    ye(
-      () => D.value,
+    ve(
+      () => O.value,
       () => {
-        D.value && !a.alwaysComboboxIsInput && N(() => {
-          g.value.focus();
+        O.value && !a.alwaysComboboxIsInput && R(() => {
+          S.value.focus();
         });
       }
     );
-    const M = async () => {
-      !a.disabled && !a.readonly && (v(I.OPEN), await N(), g.value.focus());
+    const k = async () => {
+      !a.disabled && !a.readonly && (h(I.OPEN), await R(), S.value.focus());
     }, T = () => {
-      a.open && (g.value.focus(), v(I.CLOSE));
-    }, F = (x) => a.open && x.target.tagName === "INPUT" ? null : a.open ? T() : M(), _ = () => {
-      v(I.CLEAR), v(I.INPUT, ""), g.value.focus();
-    }, w = (x) => {
-      !a.readonly && !a.disabled ? v(I.INPUT, x.target.value) : (x.preventDefault(), x.stopPropagation());
+      a.open && (S.value.focus(), h(I.CLOSE));
+    }, _ = (E) => a.open && E.target.tagName === "INPUT" ? null : a.open ? T() : k(), M = () => {
+      h(I.CLEAR), h(I.INPUT, ""), S.value.focus();
+    }, U = (E) => {
+      !a.readonly && !a.disabled ? h(I.INPUT, E.target.value) : (E.preventDefault(), E.stopPropagation());
     };
-    return c({
+    return u({
       focus: () => {
-        g.value.focus();
+        S.value.focus();
       }
-    }), (x, se) => (f(), C("div", {
-      class: le(x.$attrs.class),
+    }), (E, Q) => (b(), x("div", {
+      class: oe(E.$attrs.class),
       "data-testid": "textbox-wrapper",
-      onClick: F,
-      onKeydown: ie(T, ["escape"])
+      onClick: _,
+      onKeydown: re(T, ["escape"])
     }, [
-      W(o(Ke), {
-        class: le(["b-dropdown-base-textbox", S.value]),
+      H(o(Ke), {
+        class: oe(["b-dropdown-base-textbox", w.value]),
         el: "div",
         "data-testid": "base-textbox"
       }, {
-        default: q(() => [
-          D.value ? (f(), C("input", A({ key: 0 }, m.value, {
-            id: o(u),
+        default: z(() => [
+          O.value ? (b(), x("input", A({ key: 0 }, v.value, {
+            id: o(p),
             ref_key: "textbox",
-            ref: g,
+            ref: S,
             class: "b-dropdown-base-textbox__input",
             role: "combobox",
             type: "text",
@@ -461,58 +461,58 @@ const qe = {
             value: e.open ? e.value : e.displayValue,
             disabled: e.disabled ? !0 : null,
             readonly: e.readonly,
-            required: p.value,
+            required: y.value,
             onKeydown: [
-              se[0] || (se[0] = (H) => x.$emit(o(I).KEYDOWN, H)),
-              ie(F, ["enter"])
+              Q[0] || (Q[0] = (f) => E.$emit(o(I).KEYDOWN, f)),
+              re(_, ["enter"])
             ],
-            onInput: w
-          }), null, 16, kt)) : (f(), C("div", A({
+            onInput: U
+          }), null, 16, kt)) : (b(), x("div", A({
             key: 1,
-            id: o(u)
-          }, m.value, {
+            id: o(p)
+          }, v.value, {
             ref_key: "textbox",
-            ref: g,
-            class: ["b-dropdown-base-textbox__input", b.value],
+            ref: S,
+            class: ["b-dropdown-base-textbox__input", m.value],
             "aria-readonly": e.readonly ? "true" : null,
             role: "combobox",
             tabindex: e.disabled ? -1 : 0
           }), [
-            L.value ? (f(), C(Ce, { key: 0 }, [
-              o(t)("display-value") ? V(x.$slots, "display-value", ae(A({ key: 0 }, e.selectedValueItem)), void 0, !0) : V(x.$slots, "default", ae(A({ key: 1 }, e.selectedValueItem)), () => [
-                ce(X(e.displayValue), 1)
+            L.value ? (b(), x(Ee, { key: 0 }, [
+              o(t)("display-value") ? q(E.$slots, "display-value", le(A({ key: 0 }, e.selectedValueItem)), void 0, !0) : q(E.$slots, "default", le(A({ key: 1 }, e.selectedValueItem)), () => [
+                fe(G(e.displayValue), 1)
               ], !0)
-            ], 64)) : E.value ? (f(), C("div", $t, [
-              (f(!0), C(Ce, null, de(y.value, (H) => (f(), C("div", {
-                key: H.value
+            ], 64)) : C.value ? (b(), x("div", $t, [
+              (b(!0), x(Ee, null, ue(c.value, (f) => (b(), x("div", {
+                key: f.value
               }, [
-                ne("div", Rt, [
-                  V(x.$slots, "default", A({ ref_for: !0 }, H), () => [
-                    ce(X(e.displayValue), 1)
+                se("div", Rt, [
+                  q(E.$slots, "default", A({ ref_for: !0 }, f), () => [
+                    fe(G(e.displayValue), 1)
                   ], !0)
                 ])
               ]))), 128))
-            ])) : (f(), C(Ce, { key: 2 }, [
-              ce(X(e.displayValue), 1)
+            ])) : (b(), x(Ee, { key: 2 }, [
+              fe(G(e.displayValue), 1)
             ], 64))
           ], 16, Mt)),
-          e.additionalItemsSelected ? (f(), C("span", Ft, X(e.additionalItemsSelected), 1)) : $("", !0),
-          o(t)("icon") && !O.value ? (f(), C("span", _t, [
-            V(x.$slots, "icon", {}, void 0, !0)
+          e.additionalItemsSelected ? (b(), x("span", Ft, G(e.additionalItemsSelected), 1)) : $("", !0),
+          o(t)("icon") && !D.value ? (b(), x("span", _t, [
+            q(E.$slots, "icon", {}, void 0, !0)
           ])) : $("", !0),
-          O.value ? (f(), C("span", {
+          D.value ? (b(), x("span", {
             key: 4,
             class: "b-dropdown-base-textbox__clear-search",
             tabindex: e.disabled ? -1 : 0,
             "data-testid": "clear-search-button",
-            onClick: Te(_, ["stop"]),
-            onKeydown: ie(Te(_, ["stop"]), ["enter"]),
-            onKeyup: ie(_, ["space"])
+            onClick: Ne(M, ["stop"]),
+            onKeydown: re(Ne(M, ["stop"]), ["enter"]),
+            onKeyup: re(M, ["space"])
           }, [
-            e.size === o(te).SMALL ? (f(), U(o(bt), {
+            e.size === o(ae).SMALL ? (b(), j(o(bt), {
               key: 0,
               "svg-title": o(l)("clearSearch")
-            }, null, 8, ["svg-title"])) : (f(), U(o(ft), {
+            }, null, 8, ["svg-title"])) : (b(), j(o(ft), {
               key: 1,
               "svg-title": o(l)("clearSearch")
             }, null, 8, ["svg-title"]))
@@ -522,10 +522,10 @@ const qe = {
       }, 8, ["class"])
     ], 34));
   }
-}), ze = /* @__PURE__ */ Z(Vt, [["__scopeId", "data-v-c9de8fe1"]]), qt = { class: "b-dropdown-default-textbox__chevron" }, zt = R({
+}), ze = /* @__PURE__ */ X(Vt, [["__scopeId", "data-v-c9de8fe1"]]), qt = { class: "b-dropdown-default-textbox__chevron" }, zt = F({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), Ut = /* @__PURE__ */ R({
+}), Ut = /* @__PURE__ */ F({
   ...zt,
   props: {
     /**
@@ -613,114 +613,114 @@ const qe = {
     multiple: { type: Boolean, default: !1 }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(e, { expose: c, emit: d }) {
-    const l = d, i = me(), n = e, t = B(null), a = r(() => ({
-      [`b-dropdown-default-textbox--${k.ERROR}`]: !n.disabled && !n.readonly && n.isInvalid,
-      [`b-dropdown-default-textbox--${k.DISABLED}`]: n.disabled,
-      [`b-dropdown-default-textbox--${k.READONLY}`]: n.readonly,
-      [`b-dropdown-default-textbox--${k.OPENED}`]: n.open,
+  setup(e, { expose: u, emit: d }) {
+    const l = d, i = he(), n = e, t = B(null), a = r(() => ({
+      [`b-dropdown-default-textbox--${N.ERROR}`]: !n.disabled && !n.readonly && n.isInvalid,
+      [`b-dropdown-default-textbox--${N.DISABLED}`]: n.disabled,
+      [`b-dropdown-default-textbox--${N.READONLY}`]: n.readonly,
+      [`b-dropdown-default-textbox--${N.OPENED}`]: n.open,
       "b-dropdown-default-textbox--condensed": n.condensed
-    })), v = r(() => n.open && !n.disabled && !n.readonly), g = (y) => {
-      l("input", y);
-    }, u = (y) => {
-      l("keydown", y);
-    }, S = (y) => {
-      ee(y), l("open");
-    }, p = (y) => {
-      ee(y), l("close");
-    }, b = (y) => {
-      ee(y), l("clear");
-    }, O = {
-      [I.INPUT]: g,
-      [I.OPEN]: S,
-      [I.CLOSE]: p,
-      [I.CLEAR]: b,
-      [I.KEYDOWN]: u
+    })), h = r(() => n.open && !n.disabled && !n.readonly), S = (c) => {
+      l("input", c);
+    }, p = (c) => {
+      l("keydown", c);
+    }, w = (c) => {
+      te(c), l("open");
+    }, y = (c) => {
+      te(c), l("close");
+    }, m = (c) => {
+      te(c), l("clear");
+    }, D = {
+      [I.INPUT]: S,
+      [I.OPEN]: w,
+      [I.CLOSE]: y,
+      [I.CLEAR]: m,
+      [I.KEYDOWN]: p
     };
-    return c({
+    return u({
       focus: () => {
         t.value.focus();
       }
-    }), (y, D) => (f(), C("div", {
-      class: le(["b-dropdown-default-textbox", a.value]),
+    }), (c, O) => (b(), x("div", {
+      class: oe(["b-dropdown-default-textbox", a.value]),
       "data-testid": "default-textbox"
     }, [
-      W(ze, A({
+      H(ze, A({
         ref_key: "baseTextbox",
         ref: t
-      }, { ...y.$attrs, ...y.$props }, {
+      }, { ...c.$attrs, ...c.$props }, {
         class: "b-dropdown-default-textbox__textbox",
         value: e.value
-      }, re(O)), pe({
-        icon: q(() => [
-          ne("div", qt, [
-            oe(W(o(mt), { "svg-title": "opened" }, null, 512), [
-              [be, v.value]
+      }, de(D)), be({
+        icon: z(() => [
+          se("div", qt, [
+            ne(H(o(yt), { "svg-title": "opened" }, null, 512), [
+              [ye, h.value]
             ]),
-            oe(W(o(yt), { "svg-title": "closed" }, null, 512), [
-              [be, !v.value]
+            ne(H(o(mt), { "svg-title": "closed" }, null, 512), [
+              [ye, !h.value]
             ])
           ])
         ]),
         _: 2
       }, [
-        de(o(i), (L, E) => ({
-          name: E,
-          fn: q((M) => [
-            V(y.$slots, E, ae(fe(M ?? {})), void 0, !0)
+        ue(o(i), (L, C) => ({
+          name: C,
+          fn: z((k) => [
+            q(c.$slots, C, le(me(k ?? {})), void 0, !0)
           ])
         }))
       ]), 1040, ["value"])
     ], 2));
   }
-}), Wt = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-c3e3ce21"]]);
+}), Wt = /* @__PURE__ */ X(Ut, [["__scopeId", "data-v-c3e3ce21"]]);
 let $e = 0;
 const jt = {
   beforeCreate() {
     this.uuid = $e.toString(), $e += 1;
   }
 }, Ht = { key: 0 };
-function Yt(e, c, d, l, i, n) {
-  return f(), C("svg", A({ role: "img" }, e.$attrs, {
+function Yt(e, u, d, l, i, n) {
+  return b(), x("svg", A({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (f(), C("title", Ht, X(e.$attrs["svg-title"]), 1)) : $("", !0),
-    c[0] || (c[0] = ne("path", {
+    e.$attrs["svg-title"] ? (b(), x("title", Ht, G(e.$attrs["svg-title"]), 1)) : $("", !0),
+    u[0] || (u[0] = se("path", {
       fill: "#001222",
       d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z"
     }, null, -1))
   ], 16);
 }
-const Jt = /* @__PURE__ */ Z(jt, [["render", Yt]]);
+const Jt = /* @__PURE__ */ X(jt, [["render", Yt]]);
 let Re = 0;
 const Gt = {
   beforeCreate() {
     this.uuid = Re.toString(), Re += 1;
   }
 }, Xt = { key: 0 };
-function Zt(e, c, d, l, i, n) {
-  return f(), C("svg", A({ role: "img" }, e.$attrs, {
+function Zt(e, u, d, l, i, n) {
+  return b(), x("svg", A({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (f(), C("title", Xt, X(e.$attrs["svg-title"]), 1)) : $("", !0),
-    c[0] || (c[0] = ne("path", {
+    e.$attrs["svg-title"] ? (b(), x("title", Xt, G(e.$attrs["svg-title"]), 1)) : $("", !0),
+    u[0] || (u[0] = se("path", {
       fill: "#001222",
       d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z"
     }, null, -1))
   ], 16);
 }
-const Qt = /* @__PURE__ */ Z(Gt, [["render", Zt]]), ea = { class: "b-dropdown-small-textbox__chevron" }, ta = R({
+const Qt = /* @__PURE__ */ X(Gt, [["render", Zt]]), ea = { class: "b-dropdown-small-textbox__chevron" }, ta = F({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), aa = /* @__PURE__ */ R({
+}), aa = /* @__PURE__ */ F({
   ...ta,
   props: {
     /**
@@ -777,49 +777,49 @@ const Qt = /* @__PURE__ */ Z(Gt, [["render", Zt]]), ea = { class: "b-dropdown-sm
     value: { type: String, default: "" }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(e, { expose: c, emit: d }) {
+  setup(e, { expose: u, emit: d }) {
     const l = d, i = e, n = B(null), t = r(() => ({
-      [`b-dropdown-small-textbox--${k.DISABLED}`]: i.disabled,
-      [`b-dropdown-small-textbox--${k.READONLY}`]: i.readonly,
-      [`b-dropdown-small-textbox--${k.OPENED}`]: i.open
-    })), a = r(() => i.open && !i.disabled && !i.readonly), v = (m) => {
-      l("input", m);
-    }, g = (m) => {
-      l("keydown", m);
-    }, u = (m) => {
-      ee(m), l("open");
-    }, S = (m) => {
-      ee(m), l("close");
-    }, p = (m) => {
-      ee(m), l("clear");
-    }, b = {
-      [I.INPUT]: v,
-      [I.OPEN]: u,
-      [I.CLOSE]: S,
-      [I.CLEAR]: p,
-      [I.KEYDOWN]: g
+      [`b-dropdown-small-textbox--${N.DISABLED}`]: i.disabled,
+      [`b-dropdown-small-textbox--${N.READONLY}`]: i.readonly,
+      [`b-dropdown-small-textbox--${N.OPENED}`]: i.open
+    })), a = r(() => i.open && !i.disabled && !i.readonly), h = (v) => {
+      l("input", v);
+    }, S = (v) => {
+      l("keydown", v);
+    }, p = (v) => {
+      te(v), l("open");
+    }, w = (v) => {
+      te(v), l("close");
+    }, y = (v) => {
+      te(v), l("clear");
+    }, m = {
+      [I.INPUT]: h,
+      [I.OPEN]: p,
+      [I.CLOSE]: w,
+      [I.CLEAR]: y,
+      [I.KEYDOWN]: S
     };
-    return c({
+    return u({
       focus: () => {
         n.value.focus();
       }
-    }), (m, y) => (f(), C("div", {
-      class: le(["b-dropdown-small-textbox", t.value])
+    }), (v, c) => (b(), x("div", {
+      class: oe(["b-dropdown-small-textbox", t.value])
     }, [
-      W(ze, A({
+      H(ze, A({
         ref_key: "baseTextbox",
         ref: n
-      }, { ...m.$attrs, ...m.$props }, {
+      }, { ...v.$attrs, ...v.$props }, {
         class: "b-dropdown-small-textbox__textbox",
-        size: o(te).SMALL
-      }, re(b)), {
-        icon: q(() => [
-          ne("div", ea, [
-            oe(W(o(Qt), { "svg-title": "opened" }, null, 512), [
-              [be, a.value]
+        size: o(ae).SMALL
+      }, de(m)), {
+        icon: z(() => [
+          se("div", ea, [
+            ne(H(o(Qt), { "svg-title": "opened" }, null, 512), [
+              [ye, a.value]
             ]),
-            oe(W(o(Jt), { "svg-title": "closed" }, null, 512), [
-              [be, !a.value]
+            ne(H(o(Jt), { "svg-title": "closed" }, null, 512), [
+              [ye, !a.value]
             ])
           ])
         ]),
@@ -827,7 +827,7 @@ const Qt = /* @__PURE__ */ Z(Gt, [["render", Zt]]), ea = { class: "b-dropdown-sm
       }, 16, ["size"])
     ], 2));
   }
-}), la = /* @__PURE__ */ Z(aa, [["__scopeId", "data-v-39ce3ec8"]]), oa = (e, c) => c.value.reduce((d, l) => {
+}), la = /* @__PURE__ */ X(aa, [["__scopeId", "data-v-39ce3ec8"]]), oa = (e, u) => u.value.reduce((d, l) => {
   if (l.items) {
     const i = l.items.filter(
       (t) => e.value.find((a) => a.value === t.value)
@@ -835,93 +835,95 @@ const Qt = /* @__PURE__ */ Z(Gt, [["render", Zt]]), ea = { class: "b-dropdown-sm
     i.length === l.items.length ? d.push(l.displayValue ?? l.label) : i.forEach(({ label: t, displayValue: a }) => d.push(a ?? t));
   }
   return e.value.find((i) => i.value === l.value) && d.push(l.displayValue ?? l.label), d;
-}, []).join(", "), na = ({ items: e, placeholder: c, selectedValues: d, isMultiSelect: l }) => {
+}, []).join(", "), na = ({ items: e, placeholder: u, selectedValues: d, isMultiSelect: l }) => {
   const i = r(
     () => l.value && e.value.find((t) => t.items?.length)
   );
-  return r(() => d.value.length ? i.value ? oa(d, e) : d.value.map(({ label: t, displayValue: a }) => a ?? t).join(", ") : c.value || null);
+  return r(() => d.value.length ? i.value ? oa(d, e) : d.value.map(({ label: t, displayValue: a }) => a ?? t).join(", ") : u.value || null);
 }, Ue = (e) => {
   e.value.$children?.[0].$refs.textbox.focus();
 }, sa = ({
   inputContainerRef: e,
-  optionsContainerRef: c,
+  optionsContainerRef: u,
   selectedValueIndex: d,
   isDropdownOpen: l,
   isDynamicFltering: i,
   items: n,
-  isMultiple: t
-}, a, v, g) => {
-  const u = async (w) => {
-    i.value && await N(), n.value[w]?.focus();
-  }, S = async (w) => {
-    i.value && await N();
-    const j = c.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
+  isMultiple: t,
+  totalItemCount: a,
+  isVirtualScroll: h
+}, S, p, w) => {
+  const y = async (f) => {
+    i.value && await R(), n.value[f]?.focus();
+  }, m = async (f) => {
+    i.value && await R();
+    const ie = u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
       "button"
     );
-    j?.length ? j[w]?.focus() : u(w);
-  }, p = (w) => c.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
-    w
-  ), b = () => {
-    l.value || v(), N(() => {
-      p(0), u(0);
+    ie?.length ? ie[f]?.focus() : y(f);
+  }, D = (f) => u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
+    f
+  ), v = async (f) => {
+    await u.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.navigateToItem(f);
+  }, c = (f) => {
+    R(() => {
+      h ? v(f) : (D(f), y(f));
     });
   }, O = () => {
-    l.value || v(), N(() => {
-      p(n.value.length - 1), u(n.value.length - 1);
-    });
-  }, m = ({ detail: w }) => {
-    w.preventDefault(), b();
-  }, y = ({ detail: w }) => {
-    w.preventDefault(), O();
-  }, D = () => {
-    b();
+    l.value || p(), c(0);
   }, L = () => {
-    O();
-  }, E = ({ detail: w }) => {
-    w.preventDefault(), a(), l.value && N(() => {
-      t ? S(0) : (p(d.value), u(d.value));
-    });
-  }, M = ({ detail: w }) => {
-    w.preventDefault(), a(), l.value && N(() => {
-      t ? S(0) : (p(d.value), u(d.value));
+    l.value || p(), R(() => {
+      c(h ? a.value - 1 : n.value.length - 1);
     });
+  }, C = ({ detail: f }) => {
+    f.preventDefault(), O();
+  }, k = ({ detail: f }) => {
+    f.preventDefault(), L();
   }, T = () => {
-    l.value && g();
-  }, F = () => {
-    l.value && (g(), Ue(e));
+    O();
+  }, _ = () => {
+    L();
+  }, M = ({ detail: f }) => {
+    f.preventDefault(), S(), l.value && (t ? m(0) : c(d.value));
+  }, U = ({ detail: f }) => {
+    f.preventDefault(), S(), l.value && (t ? m(0) : c(d.value));
+  }, Z = () => {
+    l.value && w();
+  }, E = () => {
+    l.value && (w(), Ue(e));
   };
   return r(() => ({
-    [z.ARROW_DOWN]: m,
-    [z.ARROW_UP]: y,
-    [z.HOME]: D,
-    [z.END]: L,
-    ...i.value ? {} : { [z.SPACE]: E },
-    [z.ENTER]: M,
-    ...i.value ? {} : { [z.TAB]: T },
-    [z.ESCAPE]: F
+    [W.ARROW_DOWN]: C,
+    [W.ARROW_UP]: k,
+    [W.HOME]: T,
+    [W.END]: _,
+    ...i.value ? {} : { [W.SPACE]: M },
+    [W.ENTER]: U,
+    ...i.value ? {} : { [W.TAB]: Z },
+    [W.ESCAPE]: E
   }));
-}, ia = ({ inputContainerRef: e, isDropdownOpen: c }, d) => {
+}, ia = ({ inputContainerRef: e, isDropdownOpen: u }, d) => {
   const l = () => {
-    c.value && d(), N(() => {
+    u.value && d(), R(() => {
       Ue(e);
     });
   };
   return {
-    [h.ENTER]: l,
-    [h.ESCAPE]: l,
-    [h.TAB]: l,
-    [h.SPACE]: l
+    [g.ENTER]: l,
+    [g.ESCAPE]: l,
+    [g.TAB]: l,
+    [g.SPACE]: l
   };
 };
-function ra(e, c, d, l, i) {
-  const n = B(e), t = B(c), a = (u, S = []) => S.flatMap((p) => p.label.toLocaleLowerCase().includes(u) ? l?.value && p.items ? [...a(u, p.items)] : [p, ...a(u, p.items)] : p.items ? [...a(u, p.items)] : []), v = d !== void 0 ? gt(() => d(n.value), i ?? 300) : void 0;
-  return ye(n, () => {
-    v !== void 0 && v();
+function ra(e, u, d, l, i) {
+  const n = B(e), t = B(u), a = (p, w = []) => w.flatMap((y) => y.label.toLocaleLowerCase().includes(p) ? l?.value && y.items ? [...a(p, y.items)] : [y, ...a(p, y.items)] : y.items ? [...a(p, y.items)] : []), h = d !== void 0 ? gt(() => d(n.value), i ?? 300) : void 0;
+  return ve(n, () => {
+    h !== void 0 && h();
   }), r(() => {
     if (!n.value || d !== void 0)
       return t.value;
-    const u = n.value.toLocaleLowerCase();
-    return a(u, t.value);
+    const p = n.value.toLocaleLowerCase();
+    return a(p, t.value);
   });
 }
 const We = {
@@ -935,7 +937,7 @@ const We = {
   "ja-JP": { all: "すべて", ariaLabelFallback: "ドロップダウン", clearSearch: "フィルターをクリア" },
   "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" },
   "zh-CN": { all: "全部", ariaLabelFallback: "下拉菜单", clearSearch: "清除筛选器" }
-}, da = /* @__PURE__ */ Symbol("input field component injection key"), Ma = /* @__PURE__ */ Symbol("input field hint injection key"), $a = /* @__PURE__ */ Symbol("input field parent component injection key"), ua = R({
+}, da = /* @__PURE__ */ Symbol("input field component injection key"), Ma = /* @__PURE__ */ Symbol("input field hint injection key"), $a = /* @__PURE__ */ Symbol("input field parent component injection key"), ua = F({
   i18n: { messages: We },
   name: "b-dropdown",
   components: {
@@ -943,7 +945,7 @@ const We = {
     DropdownInputSmall: la
   },
   model: { prop: "modelValue" }
-}), ca = /* @__PURE__ */ R({
+}), ca = /* @__PURE__ */ F({
   ...ua,
   props: {
     ariaLabel: { default: null },
@@ -956,7 +958,7 @@ const We = {
     items: { default: () => [] },
     loading: { type: Boolean, default: !1 },
     componentLoading: { type: Boolean, default: !1 },
-    lazyLoadType: { default: xe.props.lazyLoadType.default },
+    lazyLoadType: { default: Ie.props.lazyLoadType.default },
     multiple: { type: Boolean, default: !1 },
     search: { default: void 0 },
     showSlotContentInMultiple: { type: Boolean, default: !1 },
@@ -977,153 +979,155 @@ const We = {
     tooltipText: { default: null }
   },
   emits: ["input", "update:model-value", "show-more", "open"],
-  setup(e, { expose: c, emit: d }) {
-    const l = Pe(), i = me(), n = Ve(i), t = e, a = d, { t: v } = ve({ messages: We }), { emitValue: g } = ht(a), u = B(null), S = B(null), p = B(null), b = B(!1), O = Q("bento-dropdown-options-container"), m = Q("dropdown-label"), y = Q("dropdown-description"), D = Q("dropdown-error"), { isReadOnly: L } = Ct(K(t, "readonly")), E = r(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: M, cachedListboxSelectedValues: T, setCachedValues: F } = St(
-      K(t, "items"),
-      E,
-      K(t, "multiple"),
-      K(t, "enableValueLabelPair")
-    ), _ = B(l["aria-label"]), w = B(l["aria-describedby"]), { ariaLabel: j, label: x } = Fe(t), se = r(() => v("ariaLabelFallback")), H = vt({
+  setup(e, { expose: u, emit: d }) {
+    const l = Pe(), i = he(), n = Ve(i), t = e, a = d, { t: h } = ge({ messages: We }), { emitValue: S } = ht(a), p = B(null), w = B(null), y = B(null), m = B(!1), D = ee("bento-dropdown-options-container"), v = ee("dropdown-label"), c = ee("dropdown-description"), O = ee("dropdown-error"), { isReadOnly: L } = Ct(V(t, "readonly")), C = r(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: k, cachedListboxSelectedValues: T, setCachedValues: _ } = St(
+      V(t, "items"),
+      C,
+      V(t, "multiple"),
+      V(t, "enableValueLabelPair")
+    ), M = B(l["aria-label"]), U = B(l["aria-describedby"]), { ariaLabel: Z, label: E } = Fe(t), Q = r(() => h("ariaLabelFallback")), f = vt({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: j.value || _,
-      label: x,
-      defaultFallback: se
-    }), Oe = t.size === te.SMALL || pt(da, !1), je = r(() => Oe ? te.SMALL : te.DEFAULT), He = r(() => ({
+      ariaLabel: Z.value || M,
+      label: E,
+      defaultFallback: Q
+    }), ie = t.size === ae.SMALL || pt(da, !1), je = r(() => ie ? ae.SMALL : ae.DEFAULT), He = r(() => ({
       "b-dropdown--condensed": t.condensed
     })), Ye = r(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), Y = B(""), ue = K(t, "items"), De = K(t, "staticCategories"), he = ra(
+    })), Y = B(""), ce = V(t, "items"), De = V(t, "staticCategories"), pe = ra(
       Y,
-      ue,
+      ce,
       t?.search?.searchEvent,
       De,
       t?.search?.debounceTime
-    ), ge = r(() => t.dynamicFiltering && !!Y.value), Je = na({
-      items: ue,
-      placeholder: K(t, "placeholder"),
-      isMultiSelect: K(t, "multiple"),
-      selectedValues: M
+    ), Se = r(() => t.dynamicFiltering && !!Y.value), Je = na({
+      items: ce,
+      placeholder: V(t, "placeholder"),
+      isMultiSelect: V(t, "multiple"),
+      selectedValues: k
     }), Ge = r(() => {
-      if (t?.multiple && Array.isArray(E.value))
+      if (t?.multiple && Array.isArray(C.value))
         return t.items.filter(
           ({ value: s }) => t?.value && (t?.value).includes(s)
         );
       if (!t.multiple && t.staticCategories) {
         const s = t.items.find(
-          (J) => J.items.some((G) => G.value === E.value)
+          (K) => K.items?.some((J) => J.value === C.value)
         );
-        return s ? s.items.find((J) => J.value === E.value) : null;
+        return (s ? s.items.find((K) => K.value === C.value) : t.items.find(({ value: K }) => K === C.value)) ?? null;
       }
-      return t.items.find(({ value: s }) => s === E.value);
+      return t.items.find(({ value: s }) => s === C.value);
     }), Xe = r(() => {
-      const s = he.value.findIndex(({ value: P }) => t.enableValueLabelPair ? E.value.value === P : E.value === P);
+      const s = pe.value.findIndex(({ value: P }) => t.enableValueLabelPair ? C.value.value === P : C.value === P);
       return s > -1 ? s : 0;
-    }), { isMultiLevelSelect: Be, flattenedItemsList: Ze } = wt(ue), Qe = r(() => Be.value && !t.staticCategories), et = r(() => Qe.value ? "treeitem" : "option"), tt = r(() => {
+    }), { isMultiLevelSelect: Be, flattenedItemsList: Ze } = wt(ce), Qe = r(() => Be.value && !t.staticCategories), et = r(() => Qe.value ? "treeitem" : "option"), tt = r(() => {
       if (t.multiple) {
-        const s = Array.isArray(E.value) ? E.value.length : 0, P = Be.value ? Ze.value.length : ue.value.length;
-        return s === 0 ? null : !t.hasMoreItems && P > 0 && P === s ? v("all") : s;
+        const s = Array.isArray(C.value) ? C.value.length : 0, P = Be.value ? Ze.value.length : ce.value.length;
+        return s === 0 ? null : !t.hasMoreItems && P > 0 && P === s ? h("all") : s;
       }
       return null;
     }), at = r(
       () => [
-        t.description ? y : null,
-        w.value,
-        t.errorMessage ? D : null
+        t.description ? c : null,
+        U.value,
+        t.errorMessage ? O : null
       ].filter(Boolean).join(" ") || null
-    ), lt = r(() => p.value?.$el), { visibleDomOptions: ot, updateVisibleDomOptions: Ae } = Lt(
+    ), lt = r(() => y.value?.$el), { visibleDomOptions: ot, updateVisibleDomOptions: Ae } = Lt(
       lt,
-      he,
+      pe,
       et
     ), nt = () => {
-      L.value || (b.value = !0, N(() => {
+      L.value || (m.value = !0, R(() => {
         Ae();
       }));
-    }, Se = () => {
-      b.value = !1;
     }, we = () => {
-      L.value || (b.value = !b.value, N(() => {
+      m.value = !1;
+    }, Le = () => {
+      L.value || (m.value = !m.value, R(() => {
         Ae();
-      }), ge.value && (Y.value = ""));
+      }), Se.value && (Y.value = ""));
     }, st = () => {
-      ge.value && (Y.value = ""), b.value && (b.value = !1, p.value.onOutsideDropdownClick());
+      Se.value && (Y.value = ""), m.value && (m.value = !1, y.value.onOutsideDropdownClick());
     }, it = async (s) => {
-      t.multiple || (Y.value = "", b.value = !1), F(s), g(T.value), t.multiple || (await N(), Ne());
+      t.multiple || (Y.value = "", m.value = !1), _(s), S(T.value), t.multiple || (await R(), Te());
     }, rt = () => {
-      a(h.SHOW_MORE);
+      a(g.SHOW_MORE);
     }, dt = sa(
       {
-        inputContainerRef: u,
-        optionsContainerRef: p,
+        inputContainerRef: p,
+        optionsContainerRef: y,
         selectedValueIndex: Xe,
-        isDropdownOpen: b,
-        isDynamicFltering: K(t, "dynamicFiltering"),
+        isDropdownOpen: m,
+        isDynamicFltering: V(t, "dynamicFiltering"),
         items: ot,
-        isMultiple: t.multiple
+        isMultiple: t.multiple,
+        totalItemCount: r(() => pe.value.length),
+        isVirtualScroll: !t?.multiple && t?.virtualScroll !== !1 && t?.lazyLoadType === "none"
       },
-      we,
+      Le,
       nt,
-      Se
+      we
     ), ut = ia(
       {
-        inputContainerRef: u,
-        isDropdownOpen: b
+        inputContainerRef: p,
+        isDropdownOpen: m
       },
-      Se
+      we
     ), ct = {
-      [h.CLOSE_DROPDOWN]: Se,
-      [h.SELECT]: it,
-      [h.SHOW_MORE]: rt,
+      [g.CLOSE_DROPDOWN]: we,
+      [g.SELECT]: it,
+      [g.SHOW_MORE]: rt,
       ...ut
     };
-    t.error && Ee(
+    t.error && xe(
       '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"
-    ), t.size && Ee('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), t.value && Ee(
+    ), t.size && xe('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), t.value && xe(
       '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 Ne = () => {
-      u.value.focus();
+    const Te = () => {
+      p.value.focus();
     };
-    return ye(
-      () => b.value,
+    return ve(
+      () => m.value,
       (s) => {
         s && a("open");
       }
-    ), c({
-      focus: Ne
-    }), (s, P) => oe((f(), C("div", {
-      class: le(["b-dropdown", He.value])
+    ), u({
+      focus: Te
+    }), (s, P) => ne((b(), x("div", {
+      class: oe(["b-dropdown", He.value])
     }, [
-      o(x) ? (f(), U(o(It), {
+      o(E) ? (b(), j(o(It), {
         key: 0,
-        id: o(m),
+        id: o(v),
         condensed: s.condensed,
-        label: o(x),
+        label: o(E),
         "tooltip-text": s.tooltipText,
         optional: s.optional,
         required: s.required
       }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : $("", !0),
-      oe((f(), C("div", A({
+      ne((b(), x("div", A({
         ref_key: "inputContainerRefWrapper",
-        ref: S
-      }, re(o(dt), !0)), [
-        (f(), U(_e(je.value), {
+        ref: w
+      }, de(o(dt), !0)), [
+        (b(), j(_e(je.value), {
           ref_key: "inputContainerRef",
-          ref: u,
+          ref: p,
           condensed: s.condensed,
           value: Y.value,
           "additional-items-selected": tt.value,
-          "aria-controls": o(O),
-          ariaExpanded: b.value,
-          "aria-labelledby": o(x) ? o(m) : null,
+          "aria-controls": o(D),
+          ariaExpanded: m.value,
+          "aria-labelledby": o(E) ? o(v) : null,
           "aria-describedby": at.value,
-          "aria-label": o(H),
+          "aria-label": o(f),
           "aria-readonly": o(L),
           "aria-required": s.required,
           readonly: o(L),
@@ -1132,67 +1136,67 @@ const We = {
           "dynamic-filtering": s.dynamicFiltering,
           "is-invalid": !!s.errorMessage || s.error,
           multiple: s.multiple,
-          open: b.value,
-          "selected-value-item": o(Oe) ? void 0 : Ge.value,
+          open: m.value,
+          "selected-value-item": o(ie) ? void 0 : Ge.value,
           "show-slot-content-in-multiple": s.showSlotContentInMultiple,
-          onInput: P[0] || (P[0] = (J) => Y.value = J),
-          onOpen: we,
-          onClose: we
-        }, pe({ _: 2 }, [
-          de(o(i), (J, G) => ({
-            name: G,
-            fn: q((Le) => [
-              V(s.$slots, G, ae(fe(Le)), void 0, !0)
+          onInput: P[0] || (P[0] = (K) => Y.value = K),
+          onOpen: Le,
+          onClose: Le
+        }, be({ _: 2 }, [
+          ue(o(i), (K, J) => ({
+            name: J,
+            fn: z((Ce) => [
+              q(s.$slots, J, le(me(Ce)), void 0, !0)
             ])
           }))
         ]), 1064, ["condensed", "value", "additional-items-selected", "aria-controls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "aria-required", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
       ], 16)), [
         [o(xt)]
       ]),
-      u.value ? (f(), U(o(Tt), A({
+      p.value ? (b(), j(o(Nt), A({
         key: 1,
-        id: o(O),
+        id: o(D),
         ref_key: "optionsContainerRef",
-        ref: p,
-        "aria-label": o(H),
+        ref: y,
+        "aria-label": o(f),
         "component-loading": s.componentLoading,
         "empty-state": s.emptyState,
         disabled: s.disabled,
         "is-option-disabled": s.isOptionDisabled,
-        items: o(he),
+        items: o(pe),
         multiple: s.multiple,
         "static-categories": De.value,
-        open: b.value,
-        "selected-value": o(M),
-        searching: ge.value,
-        "target-element": S.value,
+        open: m.value,
+        "selected-value": o(k),
+        searching: Se.value,
+        "target-element": w.value,
         loading: s.loading,
         "has-more-items": s.hasMoreItems,
         "lazy-load-type": s.lazyLoadType,
         "virtual-scroll": s.virtualScroll
-      }, re(ct)), pe({ _: 2 }, [
-        de(o(i), (J, G) => ({
-          name: G,
-          fn: q((Le) => [
-            V(s.$slots, G, ae(fe(Le)), void 0, !0)
+      }, de(ct)), be({ _: 2 }, [
+        ue(o(i), (K, J) => ({
+          name: J,
+          fn: z((Ce) => [
+            q(s.$slots, J, le(me(Ce)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : $("", !0),
-      s.errorMessage ? (f(), U(o(Dt), {
+      s.errorMessage ? (b(), j(o(Dt), {
         key: 2,
-        id: o(D),
+        id: o(O),
         "error-message": s.errorMessage,
         class: "b-dropdown__error-message"
       }, null, 8, ["id", "error-message"])) : $("", !0),
-      s.description || o(n)("description") ? (f(), U(o(Ke), {
+      s.description || o(n)("description") ? (b(), j(o(Ke), {
         key: 3,
-        id: o(y),
-        class: le(["b-dropdown__description", Ye.value]),
+        id: o(c),
+        class: oe(["b-dropdown__description", Ye.value]),
         el: "span"
       }, {
-        default: q(() => [
-          V(s.$slots, "description", {}, () => [
-            ce(X(s.description), 1)
+        default: z(() => [
+          q(s.$slots, "description", {}, () => [
+            fe(G(s.description), 1)
           ], !0)
         ]),
         _: 3
@@ -1201,14 +1205,14 @@ const We = {
       [o(Et), st]
     ]);
   }
-}), Ra = /* @__PURE__ */ Z(ca, [["__scopeId", "data-v-06d3531c"]]);
+}), Ra = /* @__PURE__ */ X(ca, [["__scopeId", "data-v-5edc4069"]]);
 export {
   Ra as B,
   Wt as D,
   Ma as I,
-  te as a,
+  ae as a,
   da as b,
   $a as c,
   ra as u
 };
-//# sourceMappingURL=dropdown.DHoL50gV.js.map
+//# sourceMappingURL=dropdown.CuIBYLdy.js.map