@adyen/bento-vue2 1.66.0 → 1.67.0

package/dist/chunks/{use-cached-selected-values.CusB5KBl.js → use-cached-selected-values.DQPABFfG.js}

@@ -1,4 +1,4 @@
-import { computed as i, ref as E, onMounted as Ne, onUnmounted as $e, watch as q, defineComponent as w, nextTick as me, toRef as j, useSlots as Me, useAttrs as we } from "vue";
+import { computed as o, ref as O, onMounted as Ne, onUnmounted as $e, watch as q, defineComponent as w, nextTick as me, toRef as j, useSlots as Me, useAttrs as we } from "vue";
 import { B as W } from "./typography.J1v_SPG3.js";
 import { B as Ge } from "./loading-indicator.z8COalOc.js";
 import { B as Pe } from "./empty-state.mtXfb1BB.js";
@@ -12,32 +12,32 @@ import { n as $ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { C as Ve } from "./chevron-down.eYtgv5ly.js";
 import { C as We } from "./chevron-up.d8cwIlA_.js";
 import { B as N, a as le } from "./keyboard-navigation.pB8weElW.js";
-import { d as Ke, e as be } from "./button-actions._OIvTdKt.js";
+import { d as Ke, e as be } from "./button-actions.BKdI_ooV.js";
 /* empty css              */
 import { o as je } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const _e = (s, e, l, t) => {
-  const n = i(
+  const n = o(
     () => {
       var f, I;
       return !!((f = s.value) != null && f.length) && ((I = s.value) == null ? void 0 : I.length) === e.value.length;
     }
-  ), o = i(() => {
+  ), i = o(() => {
     var f;
     return s.value == null || s.value.length === 0 ? !1 : ((f = s.value) == null ? void 0 : f.length) !== e.value.length;
   });
   return {
     isAllSelected: n,
-    isIndeterminate: o,
+    isIndeterminate: i,
     toggleSelectAll: (f) => {
       f ? l() : t();
     }
   };
 };
 function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n }) {
-  const o = E(null), r = E([]), f = E(0), I = E(0), d = E(0);
+  const i = O(null), r = O([]), f = O(0), I = O(0), d = O(0);
   let b;
-  const O = i(() => {
+  const E = o(() => {
     const T = typeof l == "number" ? s.value.length * l : s.value.reduce((S, m, y) => S + l(y), 0), A = typeof l == "number" ? f.value * l : s.value.slice(0, f.value).reduce((S, m, y) => S + l(y), 0);
     return {
       style: {
@@ -46,7 +46,7 @@ function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
       }
     };
   }), p = () => {
-    const T = (n == null ? void 0 : n.value) ?? 0, A = Math.max(o.value.scrollTop - T, 0);
+    const T = (n == null ? void 0 : n.value) ?? 0, A = Math.max(i.value.scrollTop - T, 0);
     if (typeof l == "number")
       return Math.floor(A / l);
     let S = 0, m = 0;
@@ -59,7 +59,7 @@ function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
     }
     return m;
   }, g = () => {
-    if (d.value = o.value.clientHeight, typeof l == "number")
+    if (d.value = i.value.clientHeight, typeof l == "number")
       return Math.ceil(d.value / l);
     const T = f.value ?? 0;
     let A = 0, S = 0;
@@ -70,7 +70,7 @@ function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
     }
     return S - T;
   }, C = () => {
-    if (o.value) {
+    if (i.value) {
       const T = g();
       f.value = p(), I.value = Math.min(f.value + T + t, s.value.length), r.value = s.value.slice(f.value, I.value);
     }
@@ -78,7 +78,7 @@ function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
     C();
   };
   e || (Ne(() => {
-    o.value && (d.value = o.value.clientHeight, b = je(o.value, ({ clientHeight: T }) => {
+    i.value && (d.value = i.value.clientHeight, b = je(i.value, ({ clientHeight: T }) => {
       d.value = T, C();
     }), C());
   }), $e(() => {
@@ -90,22 +90,22 @@ function qe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
     }
   ));
   const L = {
-    ref: o,
+    ref: i,
     style: { overflowY: "auto" }
   };
   return e ? {
-    containerRef: o,
+    containerRef: i,
     containerProps: L,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: s
   } : {
-    containerRef: o,
+    containerRef: i,
     containerProps: L,
     onScroll: D,
     list: r,
-    wrapperProps: O
+    wrapperProps: E
   };
 }
 var c = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.SHOW_MORE = "show-more", s.ESCAPE = "escape-pressed", s.CLICK = "click", s.ENTER = "enter-pressed", s.SPACE = "space-pressed", s.TAB = "tab-pressed", s.CLOSE_DROPDOWN = "close-dropdown", s))(c || {}), V = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))(V || {});
@@ -149,7 +149,7 @@ const Qe = Ze.exports, et = w({
   },
   emits: [c.CLICK, c.ENTER, c.SPACE, c.TAB],
   setup(s, { emit: e }) {
-    const l = i(() => ({
+    const l = o(() => ({
       "b-listbox-option--disabled": s.disabled,
       "b-listbox-option--selected": s.selected
     }));
@@ -160,11 +160,11 @@ const Qe = Ze.exports, et = w({
       // Values
       conditionalClasses: l,
       // Events
-      onClick: (o) => {
-        e(c.CLICK, o);
+      onClick: (i) => {
+        e(c.CLICK, i);
       },
-      onOptionSelected: (o, r) => {
-        e(o, r);
+      onOptionSelected: (i, r) => {
+        e(i, r);
       }
     };
   }
@@ -193,13 +193,13 @@ const nt = {
     this.uuid = fe.toString(), fe += 1;
   }
 };
-var ot = function() {
+var it = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z" } })]);
-}, it = [], at = /* @__PURE__ */ $(
+}, ot = [], at = /* @__PURE__ */ $(
   nt,
-  ot,
   it,
+  ot,
   !1,
   null,
   null
@@ -233,12 +233,12 @@ const ct = at.exports, rt = w({
   setup(s, { emit: e }) {
     const l = (r) => {
       s.disabled || e(r, s.option);
-    }, t = i(() => s.disabled ? !0 : null), n = i(() => s.selected ? !0 : null), o = i(() => s.disabled ? -1 : 0);
+    }, t = o(() => s.disabled ? !0 : null), n = o(() => s.selected ? !0 : null), i = o(() => s.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: t,
       ariaSelected: n,
-      tabIndex: o,
+      tabIndex: i,
       // Enums
       BentoListboxEvent: c,
       // Events
@@ -268,7 +268,7 @@ var ut = function() {
   "5a5ff36a"
 );
 const ft = bt.exports, pe = ({ items: s }, e) => {
-  const l = i(() => s.value.length - 1), t = E(0), n = (p) => {
+  const l = o(() => s.value.length - 1), t = O(0), n = (p) => {
     switch (p) {
       case "increase":
         t.value += 1;
@@ -277,10 +277,10 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
         t.value -= 1;
         break;
     }
-  }, o = ({ edgeCaseItem: p }, g) => {
+  }, i = ({ edgeCaseItem: p }, g) => {
     t.value !== p && (n(g), e(t.value));
   }, r = (p) => {
-    O(p), o(
+    E(p), i(
       {
         edgeCaseItem: l.value
       },
@@ -288,7 +288,7 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
       /* INCREASE */
     );
   }, f = (p) => {
-    O(p), o(
+    E(p), i(
       {
         edgeCaseItem: 0
       },
@@ -301,7 +301,7 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
     t.value = l.value, e(t.value);
   }, b = (p) => {
     t.value = p;
-  }, O = (p) => {
+  }, E = (p) => {
     var g;
     (g = p == null ? void 0 : p.detail) == null || g.preventDefault();
   };
@@ -311,11 +311,11 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
     moveToNextElement: r,
     moveToPreviousElement: f,
     setListboxFocusedIndex: b,
-    preventDefault: O,
+    preventDefault: E,
     focusedIndex: t
   };
-}, ge = (s, e, l = E("option"), t = !0) => {
-  const n = E([]), o = async () => {
+}, ge = (s, e, l = O("option"), t = !0) => {
+  const n = O([]), i = async () => {
     if (!s.value || s.value.nodeType === Node.COMMENT_NODE)
       return;
     const r = Array.from(s.value.querySelectorAll(`[role="${l.value}"]`));
@@ -325,13 +325,13 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
     e,
     () => {
       me(() => {
-        o();
+        i();
       });
     },
     { immediate: !0 }
   ), {
     visibleDomOptions: n,
-    updateVisibleDomOptions: o
+    updateVisibleDomOptions: i
   };
 }, vt = w({
   name: "bento-listbox-single-select",
@@ -382,10 +382,10 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
   },
   emits: [c.SELECT, c.ENTER, c.SPACE, c.TAB],
   setup(s, { emit: e, expose: l, slots: t, attrs: n }) {
-    const o = E(null), r = E([]), f = i(() => {
+    const i = O(null), r = O([]), f = o(() => {
       var m;
       return !!((m = s.selectedValue) != null && m.length) && s.selectedValue.at(0);
-    }), I = i(
+    }), I = o(
       () => {
         var m, y, h, k;
         return {
@@ -395,11 +395,11 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
           "aria-live": (k = n["aria-live"]) == null ? void 0 : k.toString()
         };
       }
-    ), d = i(() => !!s.items.some(({ items: m }) => !!m)), b = (m) => (y) => {
+    ), d = o(() => !!s.items.some(({ items: m }) => !!m)), b = (m) => (y) => {
       e(m, [y]);
-    }, { visibleDomOptions: O } = ge(o, j(s, "items"), E("option"), !1), p = (m) => {
+    }, { visibleDomOptions: E } = ge(i, j(s, "items"), O("option"), !1), p = (m) => {
       var y;
-      (y = O.value[m]) == null || y.focus();
+      (y = E.value[m]) == null || y.focus();
     }, {
       moveToNextElement: g,
       moveToPreviousElement: C,
@@ -408,7 +408,7 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
       setListboxFocusedIndex: T
     } = pe(
       {
-        items: O
+        items: E
       },
       p
     ), A = {
@@ -437,7 +437,7 @@ const ft = bt.exports, pe = ({ items: s }, e) => {
       // Enums
       BentoListboxEvent: c,
       // Values
-      listboxRef: o,
+      listboxRef: i,
       listboxItemRef: r,
       selectedItem: f,
       slots: t,
@@ -456,16 +456,16 @@ var mt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", attrs: { role: "listbox" } }, "div", e.ariaAttributes, !1), e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(t) {
     return l("bento-listbox-single-select-category", { key: t.value, attrs: { "category-label": t.label, role: "group" } }, e._l(t.items, function(n) {
-      return l("bento-listbox-single-select-option", e._g({ key: n.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: n, disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null, selected: n.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, r) {
+      return l("bento-listbox-single-select-option", e._g({ key: n.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: n, disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null, selected: n.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(i, r) {
         return { key: r, fn: function(f) {
           return [e._t(r, null, null, f)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
     }), 1);
   }) : e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-      return { key: o, fn: function(r) {
-        return [e._t(o, null, null, r)];
+    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, i) {
+      return { key: i, fn: function(r) {
+        return [e._t(i, null, null, r)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
@@ -486,9 +486,9 @@ const gt = pt.exports, yt = {}, xt = /* @__PURE__ */ w({
     checked: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const e = s, l = i(() => ({
+    const e = s, l = o(() => ({
       [`b-checkbox-input--${J.DISABLED}`]: e.disabled
-    })), t = i(() => ({
+    })), t = o(() => ({
       [`b-checkbox-input__outline--${J.UNCHECKED}`]: !e.checked && !e.indeterminate,
       [`b-checkbox-input__outline--${J.CHECKED}`]: e.checked && !e.indeterminate,
       [`b-checkbox-input__outline--${J.INDETERMINATE}`]: e.indeterminate
@@ -509,13 +509,13 @@ var ht = function() {
 );
 const ne = St.exports;
 var ye = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(ye || {}), Y = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", s))(Y || {});
-const Et = {
+const Ot = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
   }
-}, Ot = w({
-  i18n: { messages: Et },
+}, Et = w({
+  i18n: { messages: Ot },
   name: "bento-listbox-multi-select-category",
   components: {
     BentoTypography: W,
@@ -573,32 +573,32 @@ const Et = {
     Y.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(s, { emit: e }) {
-    const l = E(!1), { t } = se(), n = (h) => s.isOptionDisabled ? s.isOptionDisabled(h) : !1, o = i(
+    const l = O(!1), { t } = se(), n = (h) => s.isOptionDisabled ? s.isOptionDisabled(h) : !1, i = o(
       () => s.category.items.every((h) => n(h))
-    ), r = j(s, "staticCategories"), f = i(() => l.value || s.staticCategories), I = i(() => ({
-      [`b-listbox-multi-select-category--${ye.DISABLED}`]: o.value
+    ), r = j(s, "staticCategories"), f = o(() => l.value || s.staticCategories), I = o(() => ({
+      [`b-listbox-multi-select-category--${ye.DISABLED}`]: i.value
     })), d = (h, k) => {
       h.preventDefault(), l.value = k !== void 0 ? k : !l.value, e(Y.TOGGLE_CATEGORY_VISIBILITY, s.category.value);
     }, b = (h) => {
       var G;
       const k = n(h), B = ((G = s.selectedItemsList) == null ? void 0 : G.includes(h.value)) || !1;
       return { isDisabled: k, isPreSelected: B };
-    }, O = i(
+    }, E = o(
       () => s.category.items.filter((h) => {
         const { isDisabled: k, isPreSelected: B } = b(h);
         return k && B || !k;
       })
-    ), p = i(
+    ), p = o(
       () => {
         var h;
-        return (h = O.value) == null ? void 0 : h.filter(
+        return (h = E.value) == null ? void 0 : h.filter(
           ({ value: k }) => {
             var B;
             return (B = s.selectedItemsList) == null ? void 0 : B.includes(k);
           }
         );
       }
-    ), g = i(() => {
+    ), g = o(() => {
       const h = l.value ? "categoryOpened" : "categoryClosed";
       return t(h, { category: s.category.label });
     }), C = () => {
@@ -607,10 +607,10 @@ const Et = {
       e(Y.UNSELECT_CATEGORY);
     }, { isAllSelected: L, isIndeterminate: T, toggleSelectAll: A } = _e(
       p,
-      O,
+      E,
       C,
       D
-    ), S = i(() => T.value ? "mixed" : `${L.value}`), m = E(L.value), y = () => {
+    ), S = o(() => T.value ? "mixed" : `${L.value}`), m = O(L.value), y = () => {
       m.value = !m.value, A(m.value);
     };
     return q(L, () => {
@@ -619,7 +619,7 @@ const Et = {
       // Values
       chevronTitle: g,
       conditionalClass: I,
-      hasAllPropsDisabled: o,
+      hasAllPropsDisabled: i,
       isOpen: l,
       isAllSelected: L,
       isIndeterminate: T,
@@ -636,7 +636,7 @@ const Et = {
 });
 var Tt = function() {
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", [e.isStaticCategory ? l("div", { staticClass: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category" }, [l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.category.label) + " ")])], 1)]) : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex, "aria-checked": e.ariaCheckedComputed, "aria-disabled": e.hasAllPropsDisabled, "aria-expanded": e.isOpen, role: "treeitem" }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(t) {
+  return e._self._setupProxy, l("div", [e.isStaticCategory ? l("div", { staticClass: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category" }, [l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.category.label) + " ")])], 1)]) : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex, "aria-selected": e.ariaCheckedComputed !== "false", "aria-checked": e.ariaCheckedComputed, "aria-disabled": e.hasAllPropsDisabled, "aria-expanded": e.isOpen, role: "treeitem" }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(t) {
     return t.preventDefault(), e.handleSelectAll.apply(null, arguments);
   } }, nativeOn: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "arrow-left", void 0, t.key, void 0) ? null : e.toggleOpen(t, !1);
@@ -646,12 +646,12 @@ var Tt = function() {
     return t.stopPropagation(), e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? l("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : l("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), l("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
 }, It = [], At = /* @__PURE__ */ $(
-  Ot,
+  Et,
   Tt,
   It,
   !1,
   null,
-  "e1e7494c"
+  "ed9dd823"
 );
 const Lt = At.exports;
 var M = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", s.UNSELECT_CATEGORY = "unselect-category", s.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", s))(M || {});
@@ -742,21 +742,21 @@ const kt = w({
     }, t = (d) => !!d.items, n = (d) => {
       const b = s.isMultiLevel && s.searching;
       return d.description && (!s.isMultiLevel || b);
-    }, o = (d) => d.items ? !!d.items.find((b) => s.selectedItemsList.includes(b.value)) : s.selectedItemsList.includes(d.value), r = (d) => {
+    }, i = (d) => d.items ? !!d.items.find((b) => s.selectedItemsList.includes(b.value)) : s.selectedItemsList.includes(d.value), r = (d) => {
       if (t(d)) {
-        const b = o(d) ? M.UNSELECT_CATEGORY : M.SELECT_CATEGORY;
+        const b = i(d) ? M.UNSELECT_CATEGORY : M.SELECT_CATEGORY;
         e(b, d);
       } else
         l(d);
     };
     return {
       // Values
-      conditionalClasses: i(() => ({
+      conditionalClasses: o(() => ({
         "b-listbox-multi-select-options__static-category-option": s.staticCategories,
         "b-listbox-multi-select-options__category-option": s.categoryItems
       })),
       // Methods
-      isOptionSelected: o,
+      isOptionSelected: i,
       shouldShowDescription: n,
       toggleCheckboxSelection: l,
       toggleSearchOption: r,
@@ -770,7 +770,7 @@ const kt = w({
 var Rt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._l(e.items, function(t) {
-    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
+    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
       return e.toggleSearchOption(t);
     }, "enter-pressed": function(n) {
       return e.toggleSearchOption(t);
@@ -784,7 +784,7 @@ var Rt = function() {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, t);
     }, "toggle-category-visibility": function(n) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, n);
-    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
+    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
       return e.toggleCheckboxSelection(t);
     }, "enter-pressed": function(n) {
       return e.toggleCheckboxSelection(t);
@@ -800,15 +800,15 @@ var Rt = function() {
   Dt,
   !1,
   null,
-  "4c869a48"
+  "64d7fa1f"
 );
 const Nt = Bt.exports, $t = (s) => {
-  const e = i(() => {
+  const e = o(() => {
     var t;
     return !!((t = s.value) != null && t.find(({ items: n }) => !!n));
-  }), l = i(() => {
+  }), l = o(() => {
     var t;
-    return e.value ? (t = s.value) == null ? void 0 : t.reduce((n, o) => (o.items ? n.push(...o.items.flat()) : n.push(o), n), []) : s.value;
+    return e.value ? (t = s.value) == null ? void 0 : t.reduce((n, i) => (i.items ? n.push(...i.items.flat()) : n.push(i), n), []) : s.value;
   });
   return {
     isMultiLevelSelect: e,
@@ -847,7 +847,7 @@ const Nt = Bt.exports, $t = (s) => {
   },
   emits: ["select"],
   setup(s, { expose: e, emit: l }) {
-    const t = s, { t: n, n: o } = se(), r = Me(), f = we(), I = i(
+    const t = s, { t: n, n: i } = se(), r = Me(), f = we(), I = o(
       () => {
         var a, u, v, x;
         return {
@@ -858,11 +858,11 @@ const Nt = Bt.exports, $t = (s) => {
           "aria-multiselectable": !0
         };
       }
-    ), d = E(null), b = E(null), O = E(null), p = E(null), g = i(() => t.selectedValues.map(({ value: a }) => a)), { isMultiLevelSelect: C, flattenedItemsList: D } = $t(j(t, "items")), L = i(() => C.value && !t.staticCategories), T = i(() => L.value ? "tree" : "listbox"), A = i(() => L.value ? "treeitem" : "option"), S = (a) => {
+    ), d = O(null), b = O(null), E = O(null), p = O(null), g = o(() => t.selectedValues.map(({ value: a }) => a)), { isMultiLevelSelect: C, flattenedItemsList: D } = $t(j(t, "items")), L = o(() => C.value && !t.staticCategories), T = o(() => L.value ? "tree" : "listbox"), A = o(() => L.value ? "treeitem" : "option"), S = (a) => {
       var x;
       const u = t.isOptionDisabled(a), v = ((x = g.value) == null ? void 0 : x.includes(a.value)) || !1;
       return { isDisabled: u, isPreSelected: v };
-    }, m = i(() => {
+    }, m = o(() => {
       if (t.searching && C)
         return t.items;
       const a = D.value.filter((u) => {
@@ -872,7 +872,7 @@ const Nt = Bt.exports, $t = (s) => {
       return t.selectedValues.forEach((u) => {
         a.find((v) => v.value === u.value) || a.push(u);
       }), a;
-    }), y = i(
+    }), y = o(
       () => {
         var a;
         return (a = m.value) == null ? void 0 : a.filter((u) => {
@@ -882,10 +882,10 @@ const Nt = Bt.exports, $t = (s) => {
           ).length === u.items.length : (v = g.value) == null ? void 0 : v.includes(u.value);
         });
       }
-    ), h = () => C.value && !t.searching ? D.value.length : t.items.length, k = i(() => {
+    ), h = () => C.value && !t.searching ? D.value.length : t.items.length, k = o(() => {
       var x;
       const a = m.value.length, u = h(), v = ((x = y.value) == null ? void 0 : x.length) || 0;
-      return v === 0 ? n("selectAll", { total: o(a) }) : v === u ? n("allSelected", { total: o(u) }) : v <= u ? n("numberOfTotalSelected", { number: o(v), total: o(u) }) : n("numbersSelected", { number: o(v) });
+      return v === 0 ? n("selectAll", { total: i(a) }) : v === u ? n("allSelected", { total: i(u) }) : v <= u ? n("numberOfTotalSelected", { number: i(v), total: i(u) }) : n("numbersSelected", { number: i(v) });
     }), B = (a) => {
       const u = (x) => {
         const { isDisabled: _, isPreSelected: P } = S(x);
@@ -907,7 +907,7 @@ const Nt = Bt.exports, $t = (s) => {
       m,
       H,
       X
-    ), xe = i(() => R.value ? "mixed" : `${F.value}`), K = E(F.value), he = () => {
+    ), xe = o(() => R.value ? "mixed" : `${F.value}`), K = O(F.value), he = () => {
       K.value = !K.value, U(K.value);
     };
     q(F, () => {
@@ -917,30 +917,30 @@ const Nt = Bt.exports, $t = (s) => {
       B(a.items);
     }, Se = (a) => {
       G(a.items);
-    }, Ee = (a, u) => {
+    }, Oe = (a, u) => {
       let v = !1;
       const x = t.selectedValues.filter(({ value: _ }) => u.value === _ ? (v = !0, !1) : !0);
       v || x.push(u), l(a, x);
-    }, Oe = i(() => {
+    }, Ee = o(() => {
       if (!C.value)
         return t.selectedValues;
       const a = (_) => g.value.includes(_.value), u = (_) => !t.staticCategories && _.every((P) => a(P));
       return t.items.flatMap(
         (_) => _.items && !u(_.items) ? _.items : _
       ).filter((_) => _.items ? !0 : a(_));
-    }), Te = i(() => {
+    }), Te = o(() => {
       var v, x, _, P;
       const a = ["automatic", "button"].includes(t.lazyLoadType), u = ((v = t.selectedValues) == null ? void 0 : v.length) > 0 && ((x = y.value) == null ? void 0 : x.length) !== ((_ = D.value) == null ? void 0 : _.length);
       return a && t.hasMoreItems ? !!((P = t.selectedValues) != null && P.length) : u;
-    }), Ie = i(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), z = E([]), { visibleDomOptions: Q, updateVisibleDomOptions: oe } = ge(
+    }), Ie = o(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), z = O([]), { visibleDomOptions: Q, updateVisibleDomOptions: ie } = ge(
       d,
       j(t, "items"),
       A
     ), Ae = (a) => {
       z.value.includes(a) ? z.value = z.value.filter((u) => u !== a) : z.value.push(a), me(() => {
-        oe();
+        ie();
       });
-    }, ie = (a) => {
+    }, oe = (a) => {
       var u;
       (u = Q.value[a]) == null || u.focus();
     }, {
@@ -955,7 +955,7 @@ const Nt = Bt.exports, $t = (s) => {
       {
         items: Q
       },
-      ie
+      oe
     ), ke = {
       [N.ARROW_UP]: (a) => ce(a),
       [N.ARROW_DOWN]: (a) => ae(a),
@@ -972,7 +972,7 @@ const Nt = Bt.exports, $t = (s) => {
     const Re = {
       [N.ARROW_UP]: ee,
       [N.ARROW_DOWN]: ee
-    }, De = i(() => {
+    }, De = o(() => {
       let a = 1;
       const u = {};
       return t.items.forEach((v) => {
@@ -980,16 +980,16 @@ const Nt = Bt.exports, $t = (s) => {
         v.items ? (t.staticCategories ? x = !0 : u[v.value] = a++, x && v.items.forEach((_) => u[_.value] = a++)) : u[v.value] = a++;
       }), u;
     });
-    return { __sfc: !0, props: t, emit: l, t: n, n: o, slots: r, attrs: f, ariaAttributes: I, listboxRef: d, selectAllListboxItemsRef: b, selectedListboxItemsRef: O, listboxItemsRef: p, selectedItemsList: g, isMultiLevelSelect: C, flattenedItemsList: D, isTreePattern: L, computedRole: T, computedOptionRole: A, optionStates: S, enabledItems: m, visibleSelectedList: y, calculateTotalItems: h, selectAllCheckboxText: k, selectAll: B, unselectAll: G, selectAllItems: H, unselectAllItems: X, isAllSelected: F, isIndeterminate: R, toggleSelectAll: U, ariaCheckedComputed: xe, isSelectAllOn: K, handleSelectAll: he, selectAllCategory: Ce, unselectAllCategory: Se, toggleCheckboxSelection: Ee, selectedOptions: Oe, showSelectedItems: Te, showSelectAllCheckbox: Ie, expandedCategories: z, visibleDomOptions: Q, updateVisibleDomOptions: oe, toggleCategoryVisibility: Ae, focusItem: ie, moveToNextElement: ae, moveToPreviousElement: ce, moveToFirstElement: re, moveToLastElement: ue, preventDefault: ee, focusedIndex: Le, setListboxFocusedIndex: de, listboxListeners: ke, chipsSectionListeners: Re, computedItemsIndex: De, ListboxDecorativeCheckbox: ne, BentoTypography: W, BentoChip: Ye, BentoListboxOption: Z, ListboxMultiSelectOptions: Nt, vBentoKeyboardNavigationDirective: le, BentoListboxEvent: c };
+    return { __sfc: !0, props: t, emit: l, t: n, n: i, slots: r, attrs: f, ariaAttributes: I, listboxRef: d, selectAllListboxItemsRef: b, selectedListboxItemsRef: E, listboxItemsRef: p, selectedItemsList: g, isMultiLevelSelect: C, flattenedItemsList: D, isTreePattern: L, computedRole: T, computedOptionRole: A, optionStates: S, enabledItems: m, visibleSelectedList: y, calculateTotalItems: h, selectAllCheckboxText: k, selectAll: B, unselectAll: G, selectAllItems: H, unselectAllItems: X, isAllSelected: F, isIndeterminate: R, toggleSelectAll: U, ariaCheckedComputed: xe, isSelectAllOn: K, handleSelectAll: he, selectAllCategory: Ce, unselectAllCategory: Se, toggleCheckboxSelection: Oe, selectedOptions: Ee, showSelectedItems: Te, showSelectAllCheckbox: Ie, expandedCategories: z, visibleDomOptions: Q, updateVisibleDomOptions: ie, toggleCategoryVisibility: Ae, focusItem: oe, moveToNextElement: ae, moveToPreviousElement: ce, moveToFirstElement: re, moveToLastElement: ue, preventDefault: ee, focusedIndex: Le, setListboxFocusedIndex: de, listboxListeners: ke, chipsSectionListeners: Re, computedItemsIndex: De, ListboxDecorativeCheckbox: ne, BentoTypography: W, BentoChip: Ye, BentoListboxOption: Z, ListboxMultiSelectOptions: Nt, vBentoKeyboardNavigationDirective: le, BentoListboxEvent: c };
   }
 });
 var Pt = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(n) {
-    return l("li", { key: n.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(n), label: n.label, condensed: "" }, on: { click: function(o) {
+    return l("li", { key: n.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(n), label: n.label, condensed: "" }, on: { click: function(i) {
       n.items ? t.unselectAllCategory(n) : t.toggleCheckboxSelection("select", n);
     } } })], 1);
-  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(n) {
+  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(n) {
     return n.preventDefault(), t.handleSelectAll.apply(null, arguments);
   } } }, [l(t.ListboxDecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(n) {
     return t.toggleCheckboxSelection("select", n);
@@ -999,9 +999,9 @@ var Pt = function() {
     return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, n);
   }, "enter-pressed": function(n) {
     return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, n);
-  } }, scopedSlots: e._u([e._l(t.slots, function(n, o) {
-    return { key: o, fn: function(r) {
-      return [e._t(o, null, null, r)];
+  } }, scopedSlots: e._u([e._l(t.slots, function(n, i) {
+    return { key: i, fn: function(r) {
+      return [e._t(i, null, null, r)];
     } };
   })], null, !0) })], 1)]);
 }, Ft = [], Yt = /* @__PURE__ */ $(
@@ -1010,7 +1010,7 @@ var Pt = function() {
   Ft,
   !1,
   null,
-  "904fc859"
+  "88e0c352"
 );
 const ve = Yt.exports, Ut = {
   "en-US": {
@@ -1145,33 +1145,33 @@ const ve = Yt.exports, Ut = {
     c.TAB
   ],
   setup(s, { emit: e, slots: l }) {
-    const t = E([]), n = j(s, "items"), { t: o } = se(), r = i(() => s.lazyLoadType !== V.AUTOMATIC), f = i(() => s.lazyLoadType === V.AUTOMATIC), I = () => {
+    const t = O([]), n = j(s, "items"), { t: i } = se(), r = o(() => s.lazyLoadType !== V.AUTOMATIC), f = o(() => s.lazyLoadType === V.AUTOMATIC), I = () => {
       var R;
       return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((R = s == null ? void 0 : s.virtualScroll) != null && R.itemHeight) ? s.virtualScroll.itemHeight : zt;
     }, {
       containerRef: d,
       containerProps: b,
-      onScroll: O,
+      onScroll: E,
       list: p,
       wrapperProps: g
     } = qe(n, {
       itemHeight: I(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: (s == null ? void 0 : s.multiple) || (s == null ? void 0 : s.virtualScroll) === !1 || (s == null ? void 0 : s.lazyLoadType) !== "none"
-    }), C = i(
+    }), C = o(
       () => s.componentLoading !== void 0 || r.value ? "true" : void 0
-    ), D = i(
+    ), D = o(
       () => r.value && s.loading || s.componentLoading ? "true" : "false"
-    ), L = i(
+    ), L = o(
       () => r.value || s.componentLoading !== void 0 ? "polite" : void 0
-    ), T = i(
+    ), T = o(
       () => ({
         "aria-label": s.ariaLabel,
         "aria-busy": D.value,
         "aria-atomic": C.value,
         "aria-live": L.value
       })
-    ), A = i(
+    ), A = o(
       () => s.componentLoading ? {
         ...T.value,
         role: "alert"
@@ -1187,15 +1187,15 @@ const ve = Yt.exports, Ut = {
       const U = Math.round(R.scrollTop) + R.clientHeight >= R.scrollHeight;
       s.hasMoreItems && U && !s.loading && m();
     }), h = () => {
-      f.value ? y() : O();
-    }, k = i(() => {
+      f.value ? y() : E();
+    }, k = o(() => {
       var R;
       return ((R = s.items) == null ? void 0 : R.length) === 0;
-    }), B = i(
+    }), B = o(
       () => s.lazyLoadType === V.BUTTON && s.hasMoreItems
-    ), G = i(
+    ), G = o(
       () => s.loading ? be.LOADING : be.START
-    ), H = i(() => s.loading ? o("loading") : o("showMore")), X = i(() => ({
+    ), H = o(() => s.loading ? i("loading") : i("showMore")), X = o(() => ({
       ...s.emptyState,
       variant: "condensed"
     })), F = {
@@ -1235,13 +1235,13 @@ const ve = Yt.exports, Ut = {
 var Wt = function() {
   var t;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-    return { key: o, fn: function(r) {
-      return [e._t(o, null, null, r)];
+  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, i) {
+    return { key: i, fn: function(r) {
+      return [e._t(i, null, null, r)];
     } };
-  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-    return { key: o, fn: function(r) {
-      return [e._t(o, null, null, r)];
+  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, i) {
+    return { key: i, fn: function(r) {
+      return [e._t(i, null, null, r)];
     } };
   })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(n) {
     return e.emitShowMore.apply(null, arguments);
@@ -1266,14 +1266,14 @@ const bs = jt.exports, te = (s, e) => {
   }
   return null;
 }, qt = (s) => typeof s == "object" && s !== null && "value" in s && "label" in s, fs = (s, e, l, t) => {
-  const n = E([]), o = E(), r = (b) => {
-    l.value ? o.value = b.map(({ value: O }) => O) : o.value = b.length > 0 ? b[0].value : null;
+  const n = O([]), i = O(), r = (b) => {
+    l.value ? i.value = b.map(({ value: E }) => E) : i.value = b.length > 0 ? b[0].value : null;
   }, f = (b) => {
-    l.value ? o.value = b.map(({ value: O, label: p }) => ({ value: O, label: p })) : o.value = b.length > 0 ? { value: b[0].value, label: b[0].label } : null;
+    l.value ? i.value = b.map(({ value: E, label: p }) => ({ value: E, label: p })) : i.value = b.length > 0 ? { value: b[0].value, label: b[0].label } : null;
   }, I = (b) => {
     n.value = b, t != null && t.value ? f(b) : r(b);
   }, d = () => {
-    n.value = [], o.value = null;
+    n.value = [], i.value = null;
   };
   return q(
     () => e.value,
@@ -1282,14 +1282,14 @@ const bs = jt.exports, te = (s, e) => {
         d();
         return;
       }
-      const b = !Array.isArray(e.value), O = [...n.value];
+      const b = !Array.isArray(e.value), E = [...n.value];
       d();
       const p = (g) => {
         if (qt(g))
           n.value.push(g);
         else {
           let C = te(s.value, g);
-          C || (C = te(O, g)), C || (C = { value: g, label: g.toString() }), n.value.push(C);
+          C || (C = te(E, g)), C || (C = { value: g, label: g.toString() }), n.value.push(C);
         }
       };
       if (b) {
@@ -1303,7 +1303,7 @@ const bs = jt.exports, te = (s, e) => {
   ), {
     // Values
     cachedSelectedListboxOptions: n,
-    cachedListboxSelectedValues: o,
+    cachedListboxSelectedValues: i,
     // Methods
     resetCache: d,
     setCachedValues: I
@@ -1317,4 +1317,4 @@ export {
   ge as d,
   $t as u
 };
-//# sourceMappingURL=use-cached-selected-values.CusB5KBl.js.map
+//# sourceMappingURL=use-cached-selected-values.DQPABFfG.js.map