@adyen/bento-vue2 1.63.2 → 1.64.0

package/dist/chunks/use-cached-selected-values.CDBmVxYM.js

@@ -1,1225 +0,0 @@
-import { computed as i, ref as T, onMounted as Ce, onUnmounted as xe, watch as j, defineComponent as M, toRef as G, useSlots as Se } from "vue";
-import { B as Y } from "./typography.J1v_SPG3.js";
-import { B as Ee } from "./loading-indicator.z8COalOc.js";
-import { B as Oe } from "./empty-state.mtXfb1BB.js";
-import { u as Z } from "./i18n.BQkEbtPM.js";
-import { d as Te } from "./debounce.DUTu11PS.js";
-import "./index.Cl4_42j5.js";
-import { B as Ae } from "./chip.OV0EWIP3.js";
-import { C as q, N as Le } from "./minus-small.DJacLGTw.js";
-import { C as Ie } from "./checkmark-small.DVDtD4HQ.js";
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as ke } from "./chevron-down.eYtgv5ly.js";
-import { C as Re } from "./chevron-up.d8cwIlA_.js";
-import { B, a as Q } from "./keyboard-navigation.pB8weElW.js";
-import { d as De, e as ce } from "./button-actions._OIvTdKt.js";
-/* empty css              */
-import { o as Be } from "./resize.Bqks3WUm.js";
-import "../assets/use-cached-selected-values.css";
-const de = (l, e, t, s) => {
-  const o = i(
-    () => {
-      var v, S;
-      return !!((v = l.value) != null && v.length) && ((S = l.value) == null ? void 0 : S.length) === e.value.length;
-    }
-  ), n = i(() => {
-    var v;
-    return l.value == null || l.value.length === 0 ? !1 : ((v = l.value) == null ? void 0 : v.length) !== e.value.length;
-  });
-  return {
-    isAllSelected: o,
-    isIndeterminate: n,
-    toggleSelectAll: (v) => {
-      v ? t() : s();
-    }
-  };
-};
-function $e(l, { disabled: e, itemHeight: t, overscan: s = 5, prefixHeight: o }) {
-  const n = T(null), d = T([]), v = T(0), S = T(0), c = T(0);
-  let r;
-  const h = i(() => {
-    const f = typeof t == "number" ? l.value.length * t : l.value.reduce((A, L, y) => A + t(y), 0), C = typeof t == "number" ? v.value * t : l.value.slice(0, v.value).reduce((A, L, y) => A + t(y), 0);
-    return {
-      style: {
-        marginTop: `${C}px`,
-        height: `${f - C}px`
-      }
-    };
-  }), O = () => {
-    const f = (o == null ? void 0 : o.value) ?? 0, C = Math.max(n.value.scrollTop - f, 0);
-    if (typeof t == "number")
-      return Math.floor(C / t);
-    let A = 0, L = 0;
-    for (let y = 0; y < l.value.length; y += 1) {
-      const w = t(y);
-      if (A += w, A >= C) {
-        L = y;
-        break;
-      }
-    }
-    return L;
-  }, g = () => {
-    if (c.value = n.value.clientHeight, typeof t == "number")
-      return Math.ceil(c.value / t);
-    const f = v.value ?? 0;
-    let C = 0, A = 0;
-    for (let L = f; L < l.value.length; L += 1) {
-      const y = t(L);
-      if (C += y, A = L, C > c.value)
-        break;
-    }
-    return A - f;
-  }, u = () => {
-    if (n.value) {
-      const f = g();
-      v.value = O(), S.value = Math.min(v.value + f + s, l.value.length), d.value = l.value.slice(v.value, S.value);
-    }
-  }, I = () => {
-    u();
-  };
-  e || (Ce(() => {
-    n.value && (c.value = n.value.clientHeight, r = Be(n.value, ({ clientHeight: f }) => {
-      c.value = f, u();
-    }), u());
-  }), xe(() => {
-    r == null || r.disconnect();
-  }), j(
-    () => l.value,
-    () => {
-      u();
-    }
-  ));
-  const D = {
-    ref: n,
-    style: { overflowY: "auto" }
-  };
-  return e ? {
-    containerRef: n,
-    containerProps: D,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onScroll: () => {
-    },
-    list: l
-  } : {
-    containerRef: n,
-    containerProps: D,
-    onScroll: I,
-    list: d,
-    wrapperProps: h
-  };
-}
-var a = /* @__PURE__ */ ((l) => (l.SELECT = "select", l.SHOW_MORE = "show-more", l.ESCAPE = "escape-pressed", l.CLICK = "click", l.ENTER = "enter-pressed", l.SPACE = "space-pressed", l.TAB = "tab-pressed", l.CLOSE_DROPDOWN = "close-dropdown", l))(a || {}), z = /* @__PURE__ */ ((l) => (l.AUTOMATIC = "automatic", l.BUTTON = "button", l.NONE = "none", l))(z || {});
-const Ne = M({
-  name: "bento-listbox-static-category",
-  components: {
-    BentoTypography: Y
-  },
-  props: {
-    /**
-     * Category label text
-     */
-    categoryLabel: {
-      type: String,
-      required: !0
-    }
-  }
-});
-var Me = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { staticClass: "b-listbox-single-select-category" }, [t("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), t("div", [e._t("default")], 2)], 1);
-}, we = [], Pe = /* @__PURE__ */ N(
-  Ne,
-  Me,
-  we,
-  !1,
-  null,
-  "4aa8cc6e"
-);
-const Fe = Pe.exports, Ge = M({
-  name: "bento-listbox-option",
-  props: {
-    /**
-     * Setting this property to true will disable the option.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Indicates if the value is selected. Only one element can be selected at a time.
-     */
-    selected: { type: Boolean, default: !1 }
-  },
-  emits: [a.CLICK, a.ENTER, a.SPACE, a.TAB],
-  setup(l, { emit: e }) {
-    const t = i(() => ({
-      "b-listbox-option--disabled": l.disabled,
-      "b-listbox-option--selected": l.selected
-    }));
-    return {
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: B,
-      BentoListboxEvent: a,
-      // Values
-      conditionalClasses: t,
-      // Events
-      onClick: (n) => {
-        e(a.CLICK, n);
-      },
-      onOptionSelected: (n, d) => {
-        e(n, d);
-      }
-    };
-  }
-});
-var Ue = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, s);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : e.onOptionSelected(e.BentoListboxEvent.SPACE, s);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "tab", 9, s.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, s);
-  }] } }, "div", e.$attrs, !1), [e._t("default")], 2);
-}, ze = [], Ye = /* @__PURE__ */ N(
-  Ge,
-  Ue,
-  ze,
-  !1,
-  null,
-  "a1e9ebff"
-);
-const H = Ye.exports;
-let re = 0;
-const We = {
-  beforeCreate() {
-    this.uuid = re.toString(), re += 1;
-  }
-};
-var Ke = function() {
-  var e = this, t = e._self._c;
-  return t("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"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("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" } })]);
-}, qe = [], je = /* @__PURE__ */ N(
-  We,
-  Ke,
-  qe,
-  !1,
-  null,
-  null
-);
-const He = je.exports, Ve = M({
-  name: "bento-listbox-single-select-option",
-  components: {
-    BentoListboxOption: H,
-    BentoTypography: Y,
-    CheckmarkIcon: He
-  },
-  props: {
-    /**
-     * Setting this property to true will disable the option.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * The option item that contains all the option item's data.
-     * @type {BentoListboxOptionItem}
-     */
-    option: {
-      type: Object,
-      required: !0
-    },
-    /**
-     * Indicates if the value is selected. Only one element can be selected at a time.
-     */
-    selected: { type: Boolean, default: !1 }
-  },
-  emits: [a.ENTER, a.SELECT, a.SPACE, a.TAB],
-  setup(l, { emit: e }) {
-    const t = (d) => {
-      l.disabled || e(d, l.option);
-    }, s = i(() => l.disabled ? !0 : null), o = i(() => l.selected ? !0 : null), n = i(() => l.disabled ? -1 : 0);
-    return {
-      // Values
-      ariaDisabled: s,
-      ariaSelected: o,
-      tabIndex: n,
-      // Enums
-      BentoListboxEvent: a,
-      // Events
-      onOptionSelected: t
-    };
-  }
-});
-var Xe = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-listbox-option", { staticClass: "b-listbox-single-select-option", attrs: { disabled: e.disabled, selected: e.selected, "aria-selected": e.ariaSelected, "aria-disabled": e.ariaDisabled, tabindex: e.tabIndex }, on: { click: function(s) {
-    return e.onOptionSelected(e.BentoListboxEvent.SELECT);
-  }, "enter-pressed": function(s) {
-    return e.onOptionSelected(e.BentoListboxEvent.ENTER);
-  }, "space-pressed": function(s) {
-    return s.preventDefault(), e.onOptionSelected(e.BentoListboxEvent.SPACE);
-  }, "tab-pressed": function(s) {
-    return e.onOptionSelected(e.BentoListboxEvent.TAB);
-  } } }, [e._t("default", function() {
-    return [t("span", { staticClass: "b-listbox-single-select-option__text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? t("bento-typography", { staticClass: "b-listbox-single-select-option__description", attrs: { el: "span" } }, [e._v(" " + e._s(e.option.description) + " ")]) : e._e()], 1)];
-  }, null, e.option), t("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [t("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, Je = [], Ze = /* @__PURE__ */ N(
-  Ve,
-  Xe,
-  Je,
-  !1,
-  null,
-  "5a5ff36a"
-);
-const Qe = Ze.exports, fe = ({ items: l, hasStaticCategories: e }, t) => {
-  const s = i(
-    () => e.value ? l.value.flatMap((u) => u.items) : l.value
-  ), o = i(() => s.value.length - 1), n = T(0), d = (u) => {
-    switch (u) {
-      case "increase":
-        n.value += 1;
-        break;
-      case "decrease":
-        n.value -= 1;
-        break;
-    }
-  }, v = ({ edgeCaseItem: u }, I) => {
-    n.value !== u && (d(I), t(n.value));
-  }, S = (u) => {
-    g(u), v(
-      {
-        edgeCaseItem: o.value
-      },
-      "increase"
-      /* INCREASE */
-    );
-  }, c = (u) => {
-    g(u), v(
-      {
-        edgeCaseItem: 0
-      },
-      "decrease"
-      /* DECREASE */
-    );
-  }, r = () => {
-    n.value = 0, t(n.value);
-  }, h = () => {
-    n.value = o.value, t(n.value);
-  }, O = (u) => {
-    n.value = u;
-  }, g = (u) => {
-    var I;
-    (I = u == null ? void 0 : u.detail) == null || I.preventDefault();
-  };
-  return {
-    moveToFirstElement: r,
-    moveToLastElement: h,
-    moveToNextElement: S,
-    moveToPreviousElement: c,
-    setListboxFocusedIndex: O,
-    preventDefault: g,
-    focusedIndex: n
-  };
-}, et = M({
-  name: "bento-listbox-single-select",
-  components: {
-    BentoListboxSingleSelectCategory: Fe,
-    BentoListboxSingleSelectOption: Qe
-  },
-  directives: { BentoKeyboardNavigationDirective: Q },
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Function that allows the options to be disabled
-     *
-     * @type {BentoListboxIsOptionDisabled}
-     * @param {BentoListboxOptionItem} option - listbox option object
-     * @param {string} option.label - Option's label text
-     * @param {string|number} option.value - Option's value
-     * @param {unknown} option.data - Option's extra data to be passed to the default slot
-     */
-    isOptionDisabled: {
-      type: Function,
-      default: () => !1
-    },
-    /**
-     * The option elements to populate the listbox with.
-     * It must be an array of {@see BentoListboxOptionItem }.
-     *
-     * @property {string} value.label - Text to be displayed in the option
-     * @property {string,number} value.value - Value of the option
-     */
-    items: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * The `input` value.
-     * Providing an empty string will select no options.
-     * Set to an empty string `''` if you don't want any of the available options to be selected
-     */
-    selectedValue: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * If enabled, dropdown will display non-selectable, static categories
-     */
-    staticCategories: { type: Boolean, default: !1 }
-  },
-  emits: [a.SELECT, a.ENTER, a.SPACE, a.TAB],
-  setup(l, { emit: e, expose: t, slots: s }) {
-    const o = T(null), n = T([]), d = i(() => {
-      var f;
-      return !!((f = l.selectedValue) != null && f.length) && l.selectedValue.at(0);
-    }), v = i(() => !!l.items.some(({ items: f }) => !!f)), S = (f) => (C) => {
-      e(f, [C]);
-    }, c = (f) => {
-      var C;
-      (C = o.value.querySelectorAll('[role="option"]')[f]) == null || C.focus();
-    }, {
-      moveToNextElement: r,
-      moveToPreviousElement: h,
-      moveToFirstElement: O,
-      moveToLastElement: g,
-      setListboxFocusedIndex: u
-    } = fe(
-      {
-        items: G(l, "items"),
-        hasStaticCategories: G(l, "staticCategories")
-      },
-      c
-    ), I = {
-      [B.ARROW_UP]: h,
-      [B.ARROW_DOWN]: r,
-      [B.HOME]: O,
-      [B.END]: g
-    }, D = {
-      [a.SELECT]: S(a.SELECT),
-      [a.SPACE]: S(a.SPACE),
-      [a.TAB]: S(a.TAB),
-      [a.ENTER]: S(a.ENTER)
-    };
-    return t({
-      /**
-       * Reference for a single listbox item.
-       * Required for keyboard navigation in dropdown as $children is removed in vue@3
-       */
-      listboxItemRef: n,
-      /**
-       * Method to set the index of the item to be focused on
-       * Used for focus management to be kept in-sync with parent e.g. dropdowns
-       */
-      setListboxFocusedIndex: u
-    }), {
-      // Enums
-      BentoListboxEvent: a,
-      // Values
-      listboxRef: o,
-      listboxItemRef: n,
-      selectedItem: d,
-      slots: s,
-      // Computed
-      hasCategories: v,
-      // Methods
-      onOptionSelected: S,
-      // Keyboard navigation
-      listboxListeners: I,
-      listboxOptionListeners: D
-    };
-  }
-});
-var tt = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef" }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(s) {
-    return t("bento-listbox-single-select-category", { key: s.value, attrs: { "category-label": s.label, role: "group" } }, e._l(s.items, function(o) {
-      return t("bento-listbox-single-select-option", e._g({ key: o.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: o, disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null, selected: o.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, d) {
-        return { key: d, fn: function(v) {
-          return [e._t(d, null, null, v)];
-        } };
-      })], null, !0) }, e.listboxOptionListeners));
-    }), 1);
-  }) : e._l(e.items, function(s) {
-    return t("bento-listbox-single-select-option", e._g({ key: s.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: s, disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, selected: s.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
-      return { key: n, fn: function(d) {
-        return [e._t(n, null, null, d)];
-      } };
-    })], null, !0) }, e.listboxOptionListeners));
-  })], 2);
-}, st = [], lt = /* @__PURE__ */ N(
-  et,
-  tt,
-  st,
-  !1,
-  null,
-  null
-);
-const nt = lt.exports, ot = {}, it = /* @__PURE__ */ M({
-  ...ot,
-  __name: "listbox-decorative-checkbox",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    indeterminate: { type: Boolean, default: !1 },
-    checked: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = l, t = i(() => ({
-      [`b-checkbox-input--${q.DISABLED}`]: e.disabled
-    })), s = i(() => ({
-      [`b-checkbox-input__outline--${q.UNCHECKED}`]: !e.checked && !e.indeterminate,
-      [`b-checkbox-input__outline--${q.CHECKED}`]: e.checked && !e.indeterminate,
-      [`b-checkbox-input__outline--${q.INDETERMINATE}`]: e.indeterminate
-    }));
-    return { __sfc: !0, props: e, conditionalClasses: t, outlineConditionalClasses: s, CheckmarkSmallIcon: Ie, MinusSmallIcon: Le };
-  }
-});
-var at = function() {
-  var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { staticClass: "b-checkbox-input", class: s.conditionalClasses, attrs: { role: "presentation" } }, [e.indeterminate ? t(s.MinusSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e.checked ? t(s.CheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e._e(), t("div", { staticClass: "b-checkbox-input__outline", class: s.outlineConditionalClasses })], 1);
-}, ct = [], rt = /* @__PURE__ */ N(
-  it,
-  at,
-  ct,
-  !1,
-  null,
-  "5dc60f05"
-);
-const ee = rt.exports;
-var X = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.STATIC_CATEGORY = "static-category", l))(X || {}), K = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.UNSELECT_CATEGORY = "unselect-category", l))(K || {});
-const ut = {
-  "en-US": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  }
-}, dt = M({
-  i18n: { messages: ut },
-  name: "bento-listbox-multi-select-category",
-  components: {
-    BentoTypography: Y,
-    BentoListboxOption: H,
-    ChevronDownIcon: ke,
-    ChevronUpIcon: Re,
-    ListboxDecorativeCheckbox: ee
-  },
-  props: {
-    /**
-     * The option elements to populate the listbox with.
-     * It must be an array of {@see BentoListboxOptionItem }.
-     *
-     * @property {string} value.label - Text to be displayed in the option
-     * @property {string,number} value.value - Value of the option
-     * @property {BentoListboxOptionItem} value.items - Category items list
-     */
-    category: {
-      type: Object,
-      required: !0
-    },
-    /**
-     * Function that allows the options to be disabled
-     *
-     * @type {BentoListboxIsOptionDisabled}
-     * @param {BentoListboxOptionItem} option - listbox option object
-     * @param {string} option.label - Option's label text
-     * @param {string|number} option.value - Option's value
-     * @param {unknown} option.data - Option's extra data to be passed to the default slot
-     */
-    isOptionDisabled: {
-      type: [Function],
-      default: () => !1
-    },
-    /**
-     * The `input` value.
-     * Providing an empty array will select no options.
-     */
-    selectedItemsList: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * If enabled, dropdown will display non-selectable, static categories
-     */
-    staticCategories: { type: Boolean, default: !1 },
-    /**
-     * Category's tabindex
-     */
-    tabindex: { type: Number, default: -1 }
-  },
-  emits: [K.SELECT_CATEGORY, K.UNSELECT_CATEGORY],
-  setup(l, { emit: e }) {
-    const t = T(!1), { t: s } = Z(), o = (E) => l.isOptionDisabled ? l.isOptionDisabled(E) : !1, n = i(
-      () => l.category.items.every((E) => o(E))
-    ), d = G(l, "staticCategories"), v = i(() => t.value || l.staticCategories), S = i(() => ({
-      [`b-listbox-multi-select-category--${X.DISABLED}`]: n.value,
-      [`b-listbox-multi-select-category--${X.STATIC_CATEGORY}`]: l.staticCategories
-    })), c = (E) => {
-      E.preventDefault(), t.value = !t.value;
-    }, r = (E) => {
-      var U;
-      const $ = o(E), k = ((U = l.selectedItemsList) == null ? void 0 : U.includes(E.value)) || !1;
-      return { isDisabled: $, isPreSelected: k };
-    }, h = i(
-      () => l.category.items.filter((E) => {
-        const { isDisabled: $, isPreSelected: k } = r(E);
-        return $ && k || !$;
-      })
-    ), O = i(
-      () => {
-        var E;
-        return (E = h.value) == null ? void 0 : E.filter(
-          ({ value: $ }) => {
-            var k;
-            return (k = l.selectedItemsList) == null ? void 0 : k.includes($);
-          }
-        );
-      }
-    ), g = i(() => {
-      const E = t.value ? "categoryOpened" : "categoryClosed";
-      return s(E, { category: l.category.label });
-    }), u = i(
-      () => ({
-        el: "span",
-        variant: l.staticCategories ? "caption" : "body"
-      })
-    ), I = () => {
-      e(K.SELECT_CATEGORY);
-    }, D = () => {
-      e(K.UNSELECT_CATEGORY);
-    }, { isAllSelected: f, isIndeterminate: C, toggleSelectAll: A } = de(
-      O,
-      h,
-      I,
-      D
-    ), L = i(() => C.value ? "mixed" : `${f.value}`), y = T(f.value), w = () => {
-      y.value = !y.value, A(y.value);
-    };
-    return j(f, () => {
-      y.value = f.value;
-    }), {
-      // Values
-      chevronTitle: g,
-      conditionalClass: S,
-      hasAllPropsDisabled: n,
-      isOpen: t,
-      isAllSelected: f,
-      isIndeterminate: C,
-      isStaticCategory: d,
-      // Computed
-      showItemChildren: v,
-      categoryLabelProps: u,
-      ariaCheckedComputed: L,
-      // Methods
-      handleSelectAll: w,
-      toggleOpen: c,
-      toggleSelectAll: A
-    };
-  }
-});
-var ft = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", [t("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 }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(s) {
-    return s.preventDefault(), e.handleSelectAll.apply(null, arguments);
-  } } }, [e.isStaticCategory ? e._e() : t("listbox-decorative-checkbox", { attrs: { indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, checked: e.isAllSelected } }), t("span", { staticClass: "b-listbox-multi-select-category__label" }, [t("bento-typography", e._b({ staticClass: "b-listbox-multi-select-category__label-text" }, "bento-typography", e.categoryLabelProps, !1), [e._v(" " + e._s(e.category.label) + " ")]), e.isStaticCategory ? e._e() : t("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(s) {
-    return s.stopPropagation(), e.toggleOpen.apply(null, arguments);
-  } } }, [e.isOpen ? t("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : t("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
-}, bt = [], vt = /* @__PURE__ */ N(
-  dt,
-  ft,
-  bt,
-  !1,
-  null,
-  "8586f887"
-);
-const mt = vt.exports;
-var F = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", l.UNSELECT_CATEGORY = "unselect-category", l))(F || {});
-const _t = M({
-  name: "listbox-multi-select-options",
-  components: {
-    BentoListboxOption: H,
-    BentoTypography: Y,
-    ListboxMultiSelectCategory: mt,
-    ListboxDecorativeCheckbox: ee
-  },
-  props: {
-    /**
-     * Indicates if the items listed are inside a category
-     * so they can be padded to right by one level in recursion.
-     * Items of categories are automatically defined as "categoryItems"
-     */
-    categoryItems: { type: Boolean, default: !1 },
-    /**
-     * Current focused option index
-     */
-    focusedIndex: { type: Number, default: 0 },
-    /**
-     * Function that allows the options to be disabled
-     *
-     * @type {BentoListboxIsOptionDisabled}
-     * @param {BentoListboxOptionItem} option - listbox option object
-     * @param {string} option.label - Option's label text
-     * @param {string|number} option.value - Option's value
-     * @param {unknown} option.data - Option's extra data to be passed to the default slot
-     */
-    isOptionDisabled: {
-      type: Function,
-      default: () => !1
-    },
-    /**
-     * The option elements to populate the listbox with.
-     * It must be an array of {@see BentoListboxOptionItem }.
-     *
-     * @property {string} value.label - Text to be displayed in the option
-     * @property {string,number} value.value - Value of the option
-     */
-    items: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Indicates if the elements options are inside a multi-level category
-     */
-    isMultiLevel: { type: Boolean, default: !1 },
-    /**
-     * Flag that indicates that an external search it's being made
-     * to filter out the items inside the the multi-select listbox
-     *
-     * If enabled, hides the "Select all" checkbox in "multiple" mode.
-     */
-    searching: { type: Boolean, default: !1 },
-    /**
-     * List of selected items.
-     * Providing an empty array will select no options.
-     */
-    selectedItemsList: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * If enabled, dropdown will display non-selectable, static categories
-     */
-    staticCategories: { type: Boolean, default: !1 }
-  },
-  emits: [
-    F.TOGGLE_CHECKBOX_SELECTION,
-    F.SELECT_CATEGORY,
-    F.UNSELECT_CATEGORY
-  ],
-  setup(l, { emit: e }) {
-    const t = (c) => {
-      l.isOptionDisabled(c) || e(F.TOGGLE_CHECKBOX_SELECTION, c);
-    }, s = (c) => !!c.items, o = (c) => {
-      const r = l.isMultiLevel && l.searching;
-      return c.description && (!l.isMultiLevel || r);
-    }, n = (c) => c.items ? !!c.items.find((r) => l.selectedItemsList.includes(r.value)) : l.selectedItemsList.includes(c.value), d = (c) => {
-      if (s(c)) {
-        const r = n(c) ? F.UNSELECT_CATEGORY : F.SELECT_CATEGORY;
-        e(r, c);
-      } else
-        t(c);
-    };
-    return {
-      // Values
-      conditionalClasses: i(() => ({
-        "b-listbox-multi-select-options__static-category-option": l.staticCategories,
-        "b-listbox-multi-select-options__category-option": l.categoryItems
-      })),
-      // Methods
-      isOptionSelected: n,
-      shouldShowDescription: o,
-      toggleCheckboxSelection: t,
-      toggleSearchOption: d,
-      computedTabindex: (c) => c + 1 === l.focusedIndex ? 0 : -1,
-      // Enums
-      BentoListboxEvent: a,
-      ListboxMultiSelectOptionsEvent: F
-    };
-  }
-});
-var pt = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._l(e.items, function(s, o) {
-    return t("div", { key: `selected-${s.value}` }, [e.searching && e.isMultiLevel ? [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, tabindex: e.computedTabindex(o), "aria-checked": `${e.isOptionSelected(s)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(s) : null }, on: { click: function(n) {
-      return e.toggleSearchOption(s);
-    }, "enter-pressed": function(n) {
-      return e.toggleSearchOption(s);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleSearchOption(s);
-    } } }, [t("listbox-decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, checked: e.isOptionSelected(s) } }), e._t("default", function() {
-      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(s.label))]), e.shouldShowDescription(s) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(s.description) + " ")]) : e._e()], 1)];
-    }, null, s)], 2)] : [s.items ? [t("listbox-multi-select-category", { attrs: { category: s, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(o) }, on: { "select-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, s);
-    }, "unselect-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, s);
-    } } }, [t("listbox-multi-select-options", { attrs: { "category-items": "", items: s.items, "is-option-disabled": e.isOptionDisabled, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, tabindex: e.computedTabindex(o), "aria-checked": `${e.isOptionSelected(s)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(s) : null }, on: { click: function(n) {
-      return e.toggleCheckboxSelection(s);
-    }, "enter-pressed": function(n) {
-      return e.toggleCheckboxSelection(s);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleCheckboxSelection(s);
-    } } }, [t("listbox-decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, checked: e.isOptionSelected(s) } }), e._t("default", function() {
-      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(s.label))]), e.shouldShowDescription(s) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(s.description) + " ")]) : e._e()], 1)];
-    }, null, s)], 2)]], 2);
-  }), 0);
-}, gt = [], yt = /* @__PURE__ */ N(
-  _t,
-  pt,
-  gt,
-  !1,
-  null,
-  "0f830765"
-);
-const ht = yt.exports, Ct = (l) => {
-  const e = i(() => {
-    var s;
-    return !!((s = l.value) != null && s.find(({ items: o }) => !!o));
-  }), t = i(() => {
-    var s;
-    return e.value ? (s = l.value) == null ? void 0 : s.reduce((o, n) => (n.items ? o.push(...n.items.flat()) : o.push(n), o), []) : l.value;
-  });
-  return {
-    isMultiLevelSelect: e,
-    flattenedItemsList: t
-  };
-}, xt = {
-  "en-US": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  }
-}, St = { i18n: { messages: xt } }, Et = /* @__PURE__ */ M({
-  ...St,
-  __name: "listbox-multi-select",
-  props: {
-    hasMoreItems: { type: Boolean, default: !1 },
-    isOptionDisabled: { default: () => () => !1 },
-    items: null,
-    lazyLoadType: { default: "none" },
-    searching: { type: Boolean, default: !1 },
-    selectedValues: null,
-    staticCategories: { type: Boolean, default: !1 }
-  },
-  emits: ["select"],
-  setup(l, { emit: e }) {
-    const t = l, { t: s } = Z(), o = Se(), n = T(null), d = T(null), v = T(null), S = T(null), c = i(() => t.selectedValues.map(({ value: b }) => b)), { isMultiLevelSelect: r, flattenedItemsList: h } = Ct(G(t, "items")), O = (b) => {
-      var x;
-      const _ = t.isOptionDisabled(b), m = ((x = c.value) == null ? void 0 : x.includes(b.value)) || !1;
-      return { isDisabled: _, isPreSelected: m };
-    }, g = i(() => {
-      if (t.searching && r)
-        return t.items;
-      const b = h.value.filter((_) => {
-        const { isDisabled: m, isPreSelected: x } = O(_);
-        return m && x || !m;
-      });
-      return t.selectedValues.forEach((_) => {
-        b.find((m) => m.value === _.value) || b.push(_);
-      }), b;
-    }), u = i(
-      () => {
-        var b;
-        return (b = g.value) == null ? void 0 : b.filter((_) => {
-          var m;
-          return _.items && r.value && t.searching ? _.items.filter(
-            (p) => (t.selectedValues ?? []).includes(p.value)
-          ).length === _.items.length : (m = c.value) == null ? void 0 : m.includes(_.value);
-        });
-      }
-    ), I = () => r.value && !t.searching ? h.value.length : t.items.length, D = i(() => {
-      var x;
-      const b = g.value.length, _ = I(), m = ((x = u.value) == null ? void 0 : x.length) || 0;
-      return m === 0 ? s("selectAll", { total: b }) : m === _ ? s("allSelected", { total: _ }) : m <= _ ? s("numberOfTotalSelected", { number: m, total: _ }) : s("numbersSelected", { number: m });
-    }), f = (b) => {
-      const _ = (x) => {
-        const { isDisabled: p, isPreSelected: P } = O(x);
-        return p && P || !p;
-      }, m = b.filter(_).filter((x) => !c.value.includes(x.value));
-      e("select", [...t.selectedValues, ...m]);
-    }, C = (b) => {
-      const _ = (p) => {
-        const { isDisabled: P, isPreSelected: he } = O(p);
-        return !(P && he);
-      }, m = b.filter(_).map(({ value: p }) => p), x = t.selectedValues.filter((p) => !(m != null && m.includes(p.value)));
-      e("select", x);
-    }, A = () => {
-      f(h.value);
-    }, L = () => {
-      C(h.value);
-    }, { isAllSelected: y, isIndeterminate: w, toggleSelectAll: E } = de(
-      u,
-      g,
-      A,
-      L
-    ), $ = i(() => w.value ? "mixed" : `${y.value}`), k = T(y.value), U = () => {
-      k.value = !k.value, E(k.value);
-    };
-    j(y, () => {
-      k.value = y.value;
-    });
-    const R = (b) => {
-      f(b.items);
-    }, W = (b) => {
-      C(b.items);
-    }, be = (b, _) => {
-      let m = !1;
-      const x = t.selectedValues.filter(({ value: p }) => _.value === p ? (m = !0, !1) : !0);
-      m || x.push(_), e(b, x);
-    }, ve = i(() => {
-      if (!r.value)
-        return t.selectedValues;
-      const b = (p) => c.value.includes(p.value), _ = (p) => !t.staticCategories && p.every((P) => b(P));
-      return t.items.flatMap(
-        (p) => p.items && !_(p.items) ? p.items : p
-      ).filter((p) => p.items ? !0 : b(p));
-    }), me = i(() => {
-      var m, x, p, P;
-      const b = ["automatic", "button"].includes(t.lazyLoadType), _ = ((m = t.selectedValues) == null ? void 0 : m.length) > 0 && ((x = u.value) == null ? void 0 : x.length) !== ((p = h.value) == null ? void 0 : p.length);
-      return b && t.hasMoreItems ? !!((P = t.selectedValues) != null && P.length) : _;
-    }), _e = i(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), te = i(() => ({ label: D, value: y })), se = i(() => [te, ...G(t, "items").value]), le = (b) => {
-      var m;
-      (m = Array.from(
-        n.value.querySelectorAll('[role="option"]')
-      ).filter((x) => x.checkVisibility())[b]) == null || m.focus();
-    }, {
-      moveToNextElement: ne,
-      moveToPreviousElement: oe,
-      moveToFirstElement: ie,
-      moveToLastElement: ae,
-      preventDefault: V,
-      focusedIndex: pe
-    } = fe(
-      {
-        items: T(se),
-        hasStaticCategories: G(t, "staticCategories")
-      },
-      le
-    ), ge = {
-      [B.ARROW_UP]: (b) => oe(b),
-      [B.ARROW_DOWN]: (b) => ne(b),
-      [B.HOME]: ie,
-      [B.END]: ae
-    }, ye = {
-      [B.ARROW_UP]: V,
-      [B.ARROW_DOWN]: V
-    };
-    return { __sfc: !0, props: t, emit: e, t: s, slots: o, listboxRef: n, selectAllListboxItemsRef: d, selectedListboxItemsRef: v, listboxItemsRef: S, selectedItemsList: c, isMultiLevelSelect: r, flattenedItemsList: h, optionStates: O, enabledItems: g, visibleSelectedList: u, calculateTotalItems: I, selectAllCheckboxText: D, selectAll: f, unselectAll: C, selectAllItems: A, unselectAllItems: L, isAllSelected: y, isIndeterminate: w, toggleSelectAll: E, ariaCheckedComputed: $, isSelectAllOn: k, handleSelectAll: U, selectAllCategory: R, unselectAllCategory: W, toggleCheckboxSelection: be, selectedOptions: ve, showSelectedItems: me, showSelectAllCheckbox: _e, computedselectAllItemRefs: te, computedItems: se, focusItem: le, moveToNextElement: ne, moveToPreviousElement: oe, moveToFirstElement: ie, moveToLastElement: ae, preventDefault: V, focusedIndex: pe, listboxListeners: ge, chipsSectionListeners: ye, ListboxDecorativeCheckbox: ee, BentoTypography: Y, BentoChip: Ae, BentoListboxOption: H, ListboxMultiSelectOptions: ht, vBentoKeyboardNavigationDirective: Q, BentoListboxEvent: a };
-  }
-});
-var Ot = function() {
-  var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [s.showSelectedItems ? t("div", [t("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, s.chipsSectionListeners), e._l(s.selectedOptions, function(o) {
-    return t("li", { key: o.value }, [t(s.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(n) {
-      o.items ? s.unselectAllCategory(o) : s.toggleCheckboxSelection("select", o);
-    } } })], 1);
-  }), 0), t("hr", { staticClass: "b-listbox-multi-select__divider" })]) : e._e(), t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, s.listboxListeners), [s.showSelectAllCheckbox ? t(s.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: s.focusedIndex === 0 ? 0 : -1, "aria-checked": s.ariaCheckedComputed }, on: { click: s.handleSelectAll, "enter-pressed": s.handleSelectAll, "space-pressed": function(o) {
-    return o.preventDefault(), s.handleSelectAll.apply(null, arguments);
-  } } }, [t(s.ListboxDecorativeCheckbox, { attrs: { checked: s.isAllSelected, indeterminate: s.isIndeterminate } }), t(s.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(s.selectAllCheckboxText) + " ")])], 1) : e._e(), s.showSelectAllCheckbox ? t("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), t(s.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": s.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": s.selectedItemsList, "focused-index": s.focusedIndex }, on: { "toggle-checkbox-selection": function(o) {
-    return s.toggleCheckboxSelection("select", o);
-  }, "select-category": s.selectAllCategory, "unselect-category": s.unselectAllCategory, "space-pressed": function(o) {
-    return s.toggleCheckboxSelection(s.BentoListboxEvent.SPACE, o);
-  }, "tab-pressed": function(o) {
-    return s.toggleCheckboxSelection(s.BentoListboxEvent.TAB, o);
-  }, "enter-pressed": function(o) {
-    return s.toggleCheckboxSelection(s.BentoListboxEvent.ENTER, o);
-  } }, scopedSlots: e._u([e._l(s.slots, function(o, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) })], 1)]);
-}, Tt = [], At = /* @__PURE__ */ N(
-  Et,
-  Ot,
-  Tt,
-  !1,
-  null,
-  "9645b94f"
-);
-const ue = At.exports, Lt = {
-  "en-US": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "ja-JP": {
-    loading: "読み込み中",
-    showMore: "表示内容を増やす"
-  },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  }
-}, It = 36, kt = M({
-  name: "bento-listbox",
-  components: {
-    BentoEmptyState: Oe,
-    BentoListboxSingleSelect: nt,
-    BentoListboxMultiSelect: ue,
-    BentoTypography: Y,
-    BentoLoadingIndicator: Ee,
-    BentoLoadingButton: De
-  },
-  directives: { BentoKeyboardNavigationDirective: Q },
-  i18n: { messages: Lt },
-  props: {
-    /**
-     * Defines a string value that labels an interactive element.
-     */
-    ariaLabel: { type: String, default: null },
-    /**
-     * Empty state props that will be used with the inner empty state component to be displayed when no search results are found.
-     */
-    emptyState: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Indicates whether there are more items to load
-     */
-    hasMoreItems: { type: Boolean, default: !1 },
-    /**
-     *  Identifies the listbox whose contents are controlled by the the combobox on which the aria-controls attribute is set.
-     */
-    id: { type: String, required: !0 },
-    /**
-     * Function that allows the options to be disabled
-     *
-     * @type {BentoListboxIsOptionDisabled}
-     * @param {BentoListboxOptionItem} option - Listbox option object
-     * @param {string} option.label - Option's label text
-     * @param {string|number} option.value - Option's value
-     * @param {unknown} option.data - Option's extra data to be passed to the default slot
-     */
-    isOptionDisabled: {
-      type: Function,
-      default: () => {
-      }
-    },
-    /**
-     * The option elements to populate the listbox with.
-     * It must be an array of {@see BentoListboxOptionItem }
-     *  * @property {string} value.label - Text to be displayed in the option
-     *  * @property {string,number} value.value - Value of the option
-     */
-    items: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Indicates if new options are lazy loading.
-     */
-    loading: { type: Boolean, default: !1 },
-    /**
-     * The type of `Lazy Load`.
-     * Type "automatic" will enable infinite scrolling
-     * Type "button" will enable lazy loading with "Show more" button
-     */
-    lazyLoadType: {
-      type: String,
-      default: z.NONE,
-      validator: (l) => Object.values(z).includes(l)
-    },
-    /**
-     * Indicates the listbox is loading filtered items.
-     */
-    componentLoading: { type: Boolean, default: !1 },
-    /**
-     * If enabled, the user will be able to select multiple items.
-     */
-    multiple: { type: Boolean, default: !1 },
-    /**
-     * If enabled, dropdown will display non-selectable, static categories
-     */
-    staticCategories: { type: Boolean, default: !1 },
-    /**
-     * Messaged displayed when no items are listed in the listbox
-     */
-    noResultsMessage: { type: String, required: !0 },
-    /**
-     * Flag that indicates that an external search it's being made
-     * to filter out the items inside the the multi-select listbox
-     *
-     * If enabled, hides the "Select all" checkbox in "multiple" mode.
-     */
-    searching: ue.props.searching,
-    /**
-     * The `input` value.
-     * Providing an empty string or empty array will select no options.
-     * Set to an empty string `''` if you don't want any of the available options to be selected for single select
-     */
-    selectedValue: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
-     * The itemHeight function is used to calculate the height of rendered item given it's index.
-     */
-    virtualScroll: {
-      type: [Boolean, Object],
-      default: !1
-    }
-  },
-  emits: [
-    a.SELECT,
-    a.SPACE,
-    a.SHOW_MORE,
-    a.ENTER,
-    a.ESCAPE,
-    a.TAB
-  ],
-  setup(l, { emit: e, slots: t }) {
-    const s = T([]), o = G(l, "items"), { t: n } = Z(), d = i(() => l.lazyLoadType !== z.AUTOMATIC), v = i(() => l.lazyLoadType === z.AUTOMATIC), S = () => {
-      var R;
-      return typeof (l == null ? void 0 : l.virtualScroll) == "object" && ((R = l == null ? void 0 : l.virtualScroll) != null && R.itemHeight) ? l.virtualScroll.itemHeight : It;
-    }, {
-      containerRef: c,
-      containerProps: r,
-      onScroll: h,
-      list: O,
-      wrapperProps: g
-    } = $e(o, {
-      itemHeight: S(),
-      // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: (l == null ? void 0 : l.multiple) || (l == null ? void 0 : l.virtualScroll) === !1 || (l == null ? void 0 : l.lazyLoadType) !== "none"
-    }), u = i(
-      () => l.componentLoading !== void 0 || d.value ? "true" : void 0
-    ), I = i(
-      () => d.value && l.loading || l.componentLoading ? "true" : "false"
-    ), D = i(
-      () => d.value || l.componentLoading !== void 0 ? "polite" : void 0
-    ), f = (R) => (W) => {
-      e(R, W);
-    }, C = () => {
-      e(a.SHOW_MORE);
-    }, A = Te(() => {
-      const R = c.value;
-      if (!R)
-        return;
-      const W = Math.round(R.scrollTop) + R.clientHeight >= R.scrollHeight;
-      l.hasMoreItems && W && !l.loading && C();
-    }), L = () => {
-      v.value ? A() : h();
-    }, y = i(() => {
-      var R;
-      return ((R = l.items) == null ? void 0 : R.length) === 0;
-    }), w = i(
-      () => l.lazyLoadType === z.BUTTON && l.hasMoreItems
-    ), E = i(
-      () => l.loading ? ce.LOADING : ce.START
-    ), $ = i(() => l.loading ? n("loading") : n("showMore")), k = i(() => ({
-      ...l.emptyState,
-      variant: "condensed"
-    })), U = {
-      [a.SELECT]: f(a.SELECT),
-      [a.SPACE]: f(a.SPACE),
-      [a.TAB]: f(a.TAB),
-      [a.ENTER]: f(a.ENTER)
-    };
-    return {
-      // Refs
-      listboxRef: c,
-      listboxItemRef: s,
-      // a11y
-      ariaAtomic: u,
-      ariaBusy: I,
-      ariaLive: D,
-      // Values
-      containerProps: r,
-      isSearchResultEmpty: y,
-      limitedEmptyStateProps: k,
-      loadingButtonState: E,
-      slots: t,
-      shouldDisplayShowMoreButton: w,
-      showMoreButtonText: $,
-      virtualisedItems: O,
-      wrapperProps: g,
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: B,
-      BentoListboxEvent: a,
-      // Methods
-      onListboxContainerScroll: L,
-      onOptionSelected: f,
-      emitShowMore: C,
-      listboxListeners: U
-    };
-  }
-});
-var Rt = function() {
-  var s;
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (s = e.containerProps) == null ? void 0 : s.style, attrs: { id: e.id, role: "listbox", tabindex: "-1", "aria-busy": e.ariaBusy, "aria-atomic": e.ariaAtomic, "aria-label": e.ariaLabel, "aria-live": e.ariaLive }, on: { scroll: e.onListboxContainerScroll } }, [t("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? t("div", { staticClass: "b-listbox__loading-filtered-items" }, [t("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? t("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? t("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [t("bento-listbox-multi-select", e._g({ 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(o, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) }, e.listboxListeners))] : [t("bento-listbox-single-select", e._g({ 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(o, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) }, e.listboxListeners))], e.shouldDisplayShowMoreButton ? t("div", { staticClass: "b-listbox__lazy-load" }, [t("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(o) {
-    return e.emitShowMore.apply(null, arguments);
-  } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? t("div", { staticClass: "b-listbox__lazy-load" }, [t("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, Dt = [], Bt = /* @__PURE__ */ N(
-  kt,
-  Rt,
-  Dt,
-  !1,
-  null,
-  "37a9ab16"
-);
-const Zt = Bt.exports, J = (l, e) => {
-  for (const t of l) {
-    if (t.value === e)
-      return t;
-    if (t.items) {
-      const s = J(t.items, e);
-      if (s)
-        return s;
-    }
-  }
-  return null;
-}, $t = (l) => typeof l == "object" && l !== null && "value" in l && "label" in l, Qt = (l, e, t, s) => {
-  const o = T([]), n = T(), d = (r) => {
-    t.value ? n.value = r.map(({ value: h }) => h) : n.value = r.length > 0 ? r[0].value : null;
-  }, v = (r) => {
-    t.value ? n.value = r.map(({ value: h, label: O }) => ({ value: h, label: O })) : n.value = r.length > 0 ? { value: r[0].value, label: r[0].label } : null;
-  }, S = (r) => {
-    o.value = r, s != null && s.value ? v(r) : d(r);
-  }, c = () => {
-    o.value = [], n.value = null;
-  };
-  return j(
-    () => e.value,
-    () => {
-      if (!e.value && e.value !== 0) {
-        c();
-        return;
-      }
-      const r = !Array.isArray(e.value), h = [...o.value];
-      c();
-      const O = (g) => {
-        if ($t(g))
-          o.value.push(g);
-        else {
-          let u = J(l.value, g);
-          u || (u = J(h, g)), u || (u = { value: g, label: g.toString() }), o.value.push(u);
-        }
-      };
-      if (r) {
-        const g = e.value;
-        O(g), s != null && s.value ? v(o.value) : d(o.value);
-        return;
-      }
-      e.value.forEach(O), s != null && s.value ? v(o.value) : d(o.value);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    cachedSelectedListboxOptions: o,
-    cachedListboxSelectedValues: n,
-    // Methods
-    resetCache: c,
-    setCachedValues: S
-  };
-};
-export {
-  z as B,
-  a,
-  Zt as b,
-  Qt as c,
-  Ct as u
-};
-//# sourceMappingURL=use-cached-selected-values.CDBmVxYM.js.map