@adyen/bento-vue2 1.64.0 → 1.65.0

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

@@ -1,1271 +0,0 @@
-import { computed as o, ref as T, onMounted as Ee, onUnmounted as Oe, watch as z, defineComponent as w, nextTick as be, toRef as Q, useSlots as Te, useAttrs as Ae } from "vue";
-import { B as W } from "./typography.J1v_SPG3.js";
-import { B as Ie } from "./loading-indicator.z8COalOc.js";
-import { B as Le } from "./empty-state.mtXfb1BB.js";
-import { u as ee } from "./i18n.BQkEbtPM.js";
-import { d as ke } from "./debounce.DUTu11PS.js";
-import "./index.Cl4_42j5.js";
-import { B as De } from "./chip.OV0EWIP3.js";
-import { C as q, N as Re } from "./minus-small.DJacLGTw.js";
-import { C as Be } from "./checkmark-small.DVDtD4HQ.js";
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as $e } from "./chevron-down.eYtgv5ly.js";
-import { C as Ne } from "./chevron-up.d8cwIlA_.js";
-import { B as $, a as te } from "./keyboard-navigation.pB8weElW.js";
-import { d as Me, e as re } from "./button-actions._OIvTdKt.js";
-/* empty css              */
-import { o as we } from "./resize.Bqks3WUm.js";
-import "../assets/use-cached-selected-values.css";
-const fe = (l, e, s, t) => {
-  const i = o(
-    () => {
-      var f, A;
-      return !!((f = l.value) != null && f.length) && ((A = l.value) == null ? void 0 : A.length) === e.value.length;
-    }
-  ), n = o(() => {
-    var f;
-    return l.value == null || l.value.length === 0 ? !1 : ((f = l.value) == null ? void 0 : f.length) !== e.value.length;
-  });
-  return {
-    isAllSelected: i,
-    isIndeterminate: n,
-    toggleSelectAll: (f) => {
-      f ? s() : t();
-    }
-  };
-};
-function Ge(l, { disabled: e, itemHeight: s, overscan: t = 5, prefixHeight: i }) {
-  const n = T(null), d = T([]), f = T(0), A = T(0), u = T(0);
-  let r;
-  const h = o(() => {
-    const O = typeof s == "number" ? l.value.length * s : l.value.reduce((x, S, p) => x + s(p), 0), L = typeof s == "number" ? f.value * s : l.value.slice(0, f.value).reduce((x, S, p) => x + s(p), 0);
-    return {
-      style: {
-        marginTop: `${L}px`,
-        height: `${O - L}px`
-      }
-    };
-  }), b = () => {
-    const O = (i == null ? void 0 : i.value) ?? 0, L = Math.max(n.value.scrollTop - O, 0);
-    if (typeof s == "number")
-      return Math.floor(L / s);
-    let x = 0, S = 0;
-    for (let p = 0; p < l.value.length; p += 1) {
-      const m = s(p);
-      if (x += m, x >= L) {
-        S = p;
-        break;
-      }
-    }
-    return S;
-  }, g = () => {
-    if (u.value = n.value.clientHeight, typeof s == "number")
-      return Math.ceil(u.value / s);
-    const O = f.value ?? 0;
-    let L = 0, x = 0;
-    for (let S = O; S < l.value.length; S += 1) {
-      const p = s(S);
-      if (L += p, x = S, L > u.value)
-        break;
-    }
-    return x - O;
-  }, E = () => {
-    if (n.value) {
-      const O = g();
-      f.value = b(), A.value = Math.min(f.value + O + t, l.value.length), d.value = l.value.slice(f.value, A.value);
-    }
-  }, B = () => {
-    E();
-  };
-  e || (Ee(() => {
-    n.value && (u.value = n.value.clientHeight, r = we(n.value, ({ clientHeight: O }) => {
-      u.value = O, E();
-    }), E());
-  }), Oe(() => {
-    r == null || r.disconnect();
-  }), z(
-    () => l.value,
-    () => {
-      E();
-    }
-  ));
-  const I = {
-    ref: n,
-    style: { overflowY: "auto" }
-  };
-  return e ? {
-    containerRef: n,
-    containerProps: I,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onScroll: () => {
-    },
-    list: l
-  } : {
-    containerRef: n,
-    containerProps: I,
-    onScroll: B,
-    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 || {}), U = /* @__PURE__ */ ((l) => (l.AUTOMATIC = "automatic", l.BUTTON = "button", l.NONE = "none", l))(U || {});
-const Pe = w({
-  name: "bento-listbox-static-category",
-  components: {
-    BentoTypography: W
-  },
-  props: {
-    /**
-     * Category label text
-     */
-    categoryLabel: {
-      type: String,
-      required: !0
-    }
-  }
-});
-var Fe = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", { staticClass: "b-listbox-single-select-category" }, [s("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), s("div", [e._t("default")], 2)], 1);
-}, Ye = [], Ue = /* @__PURE__ */ N(
-  Pe,
-  Fe,
-  Ye,
-  !1,
-  null,
-  "4aa8cc6e"
-);
-const ze = Ue.exports, We = w({
-  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 s = o(() => ({
-      "b-listbox-option--disabled": l.disabled,
-      "b-listbox-option--selected": l.selected
-    }));
-    return {
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: $,
-      BentoListboxEvent: a,
-      // Values
-      conditionalClasses: s,
-      // Events
-      onClick: (n) => {
-        e(a.CLICK, n);
-      },
-      onOptionSelected: (n, d) => {
-        e(n, d);
-      }
-    };
-  }
-});
-var Ke = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, t);
-  }, function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "space", 32, t.key, [" ", "Spacebar"]) ? null : e.onOptionSelected(e.BentoListboxEvent.SPACE, t);
-  }, function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, t);
-  }] } }, "div", e.$attrs, !1), [e._t("default")], 2);
-}, Ve = [], qe = /* @__PURE__ */ N(
-  We,
-  Ke,
-  Ve,
-  !1,
-  null,
-  "a1e9ebff"
-);
-const j = qe.exports;
-let ue = 0;
-const je = {
-  beforeCreate() {
-    this.uuid = ue.toString(), ue += 1;
-  }
-};
-var He = function() {
-  var e = this, s = e._self._c;
-  return s("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"] ? s("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), s("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" } })]);
-}, Xe = [], Je = /* @__PURE__ */ N(
-  je,
-  He,
-  Xe,
-  !1,
-  null,
-  null
-);
-const Ze = Je.exports, Qe = w({
-  name: "bento-listbox-single-select-option",
-  components: {
-    BentoListboxOption: j,
-    BentoTypography: W,
-    CheckmarkIcon: Ze
-  },
-  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 s = (d) => {
-      l.disabled || e(d, l.option);
-    }, t = o(() => l.disabled ? !0 : null), i = o(() => l.selected ? !0 : null), n = o(() => l.disabled ? -1 : 0);
-    return {
-      // Values
-      ariaDisabled: t,
-      ariaSelected: i,
-      tabIndex: n,
-      // Enums
-      BentoListboxEvent: a,
-      // Events
-      onOptionSelected: s
-    };
-  }
-});
-var et = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("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(t) {
-    return e.onOptionSelected(e.BentoListboxEvent.SELECT);
-  }, "enter-pressed": function(t) {
-    return e.onOptionSelected(e.BentoListboxEvent.ENTER);
-  }, "space-pressed": function(t) {
-    return t.preventDefault(), e.onOptionSelected(e.BentoListboxEvent.SPACE);
-  }, "tab-pressed": function(t) {
-    return e.onOptionSelected(e.BentoListboxEvent.TAB);
-  } } }, [e._t("default", function() {
-    return [s("span", { staticClass: "b-listbox-single-select-option__text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? s("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), s("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [s("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, tt = [], st = /* @__PURE__ */ N(
-  Qe,
-  et,
-  tt,
-  !1,
-  null,
-  "5a5ff36a"
-);
-const lt = st.exports, ve = ({ items: l }, e) => {
-  const s = o(() => l.value.length - 1), t = T(0), i = (b) => {
-    switch (b) {
-      case "increase":
-        t.value += 1;
-        break;
-      case "decrease":
-        t.value -= 1;
-        break;
-    }
-  }, n = ({ edgeCaseItem: b }, g) => {
-    t.value !== b && (i(g), e(t.value));
-  }, d = (b) => {
-    h(b), n(
-      {
-        edgeCaseItem: s.value
-      },
-      "increase"
-      /* INCREASE */
-    );
-  }, f = (b) => {
-    h(b), n(
-      {
-        edgeCaseItem: 0
-      },
-      "decrease"
-      /* DECREASE */
-    );
-  }, A = () => {
-    t.value = 0, e(t.value);
-  }, u = () => {
-    t.value = s.value, e(t.value);
-  }, r = (b) => {
-    t.value = b;
-  }, h = (b) => {
-    var g;
-    (g = b == null ? void 0 : b.detail) == null || g.preventDefault();
-  };
-  return {
-    moveToFirstElement: A,
-    moveToLastElement: u,
-    moveToNextElement: d,
-    moveToPreviousElement: f,
-    setListboxFocusedIndex: r,
-    preventDefault: h,
-    focusedIndex: t
-  };
-}, nt = w({
-  name: "bento-listbox-single-select",
-  components: {
-    BentoListboxSingleSelectCategory: ze,
-    BentoListboxSingleSelectOption: lt
-  },
-  directives: { BentoKeyboardNavigationDirective: te },
-  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: s, slots: t, attrs: i }) {
-    const n = T(null), d = T([]), f = o(() => {
-      var p;
-      return !!((p = l.selectedValue) != null && p.length) && l.selectedValue.at(0);
-    }), A = o(
-      () => {
-        var p, m, k, D;
-        return {
-          "aria-label": (p = i["aria-label"]) == null ? void 0 : p.toString(),
-          "aria-busy": (m = i["aria-busy"]) == null ? void 0 : m.toString(),
-          "aria-atomic": (k = i["aria-atomic"]) == null ? void 0 : k.toString(),
-          "aria-live": (D = i["aria-live"]) == null ? void 0 : D.toString()
-        };
-      }
-    ), u = o(() => !!l.items.some(({ items: p }) => !!p)), r = (p) => (m) => {
-      e(p, [m]);
-    }, h = async () => {
-      await be(), n.value && (b.value = Array.from(n.value.querySelectorAll('[role="option"]')));
-    }, b = T([]), g = (p) => {
-      var m;
-      (m = b.value[p]) == null || m.focus();
-    }, {
-      moveToNextElement: E,
-      moveToPreviousElement: B,
-      moveToFirstElement: I,
-      moveToLastElement: O,
-      setListboxFocusedIndex: L
-    } = ve(
-      {
-        items: b
-      },
-      g
-    );
-    z(
-      () => l.items,
-      () => {
-        h();
-      },
-      { immediate: !0 }
-    );
-    const x = {
-      [$.ARROW_UP]: B,
-      [$.ARROW_DOWN]: E,
-      [$.HOME]: I,
-      [$.END]: O
-    }, S = {
-      [a.SELECT]: r(a.SELECT),
-      [a.SPACE]: r(a.SPACE),
-      [a.TAB]: r(a.TAB),
-      [a.ENTER]: r(a.ENTER)
-    };
-    return s({
-      /**
-       * Reference for a single listbox item.
-       * Required for keyboard navigation in dropdown as $children is removed in vue@3
-       */
-      listboxItemRef: d,
-      /**
-       * 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: L
-    }), {
-      // Enums
-      BentoListboxEvent: a,
-      // Values
-      listboxRef: n,
-      listboxItemRef: d,
-      selectedItem: f,
-      slots: t,
-      ariaAttributes: A,
-      // Computed
-      hasCategories: u,
-      // Methods
-      onOptionSelected: r,
-      // Keyboard navigation
-      listboxListeners: x,
-      listboxOptionListeners: S
-    };
-  }
-});
-var it = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("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 s("bento-listbox-single-select-category", { key: t.value, attrs: { "category-label": t.label, role: "group" } }, e._l(t.items, function(i) {
-      return s("bento-listbox-single-select-option", e._g({ key: i.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: i, disabled: e.isOptionDisabled ? e.isOptionDisabled(i) : null, selected: i.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, d) {
-        return { key: d, fn: function(f) {
-          return [e._t(d, null, null, f)];
-        } };
-      })], null, !0) }, e.listboxOptionListeners));
-    }), 1);
-  }) : e._l(e.items, function(t) {
-    return s("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(i, n) {
-      return { key: n, fn: function(d) {
-        return [e._t(n, null, null, d)];
-      } };
-    })], null, !0) }, e.listboxOptionListeners));
-  })], 2);
-}, ot = [], at = /* @__PURE__ */ N(
-  nt,
-  it,
-  ot,
-  !1,
-  null,
-  null
-);
-const ct = at.exports, rt = {}, ut = /* @__PURE__ */ w({
-  ...rt,
-  __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, s = o(() => ({
-      [`b-checkbox-input--${q.DISABLED}`]: e.disabled
-    })), t = o(() => ({
-      [`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: s, outlineConditionalClasses: t, CheckmarkSmallIcon: Be, MinusSmallIcon: Re };
-  }
-});
-var dt = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { staticClass: "b-checkbox-input", class: t.conditionalClasses, attrs: { role: "presentation" } }, [e.indeterminate ? s(t.MinusSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e.checked ? s(t.CheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e._e(), s("div", { staticClass: "b-checkbox-input__outline", class: t.outlineConditionalClasses })], 1);
-}, bt = [], ft = /* @__PURE__ */ N(
-  ut,
-  dt,
-  bt,
-  !1,
-  null,
-  "5dc60f05"
-);
-const se = ft.exports;
-var _e = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.STATIC_CATEGORY = "static-category", l))(_e || {}), Y = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.UNSELECT_CATEGORY = "unselect-category", l.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", l))(Y || {});
-const vt = {
-  "en-US": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  }
-}, _t = w({
-  i18n: { messages: vt },
-  name: "bento-listbox-multi-select-category",
-  components: {
-    BentoTypography: W,
-    BentoListboxOption: j,
-    ChevronDownIcon: $e,
-    ChevronUpIcon: Ne,
-    ListboxDecorativeCheckbox: se
-  },
-  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: [
-    Y.SELECT_CATEGORY,
-    Y.UNSELECT_CATEGORY,
-    Y.TOGGLE_CATEGORY_VISIBILITY
-  ],
-  setup(l, { emit: e }) {
-    const s = T(!1), { t } = ee(), i = (m) => l.isOptionDisabled ? l.isOptionDisabled(m) : !1, n = o(
-      () => l.category.items.every((m) => i(m))
-    ), d = Q(l, "staticCategories"), f = o(() => s.value || l.staticCategories), A = o(() => ({
-      [`b-listbox-multi-select-category--${_e.DISABLED}`]: n.value
-    })), u = (m) => {
-      m.preventDefault(), s.value = !s.value, e(Y.TOGGLE_CATEGORY_VISIBILITY);
-    }, r = (m) => {
-      var P;
-      const k = i(m), D = ((P = l.selectedItemsList) == null ? void 0 : P.includes(m.value)) || !1;
-      return { isDisabled: k, isPreSelected: D };
-    }, h = o(
-      () => l.category.items.filter((m) => {
-        const { isDisabled: k, isPreSelected: D } = r(m);
-        return k && D || !k;
-      })
-    ), b = o(
-      () => {
-        var m;
-        return (m = h.value) == null ? void 0 : m.filter(
-          ({ value: k }) => {
-            var D;
-            return (D = l.selectedItemsList) == null ? void 0 : D.includes(k);
-          }
-        );
-      }
-    ), g = o(() => {
-      const m = s.value ? "categoryOpened" : "categoryClosed";
-      return t(m, { category: l.category.label });
-    }), E = () => {
-      e(Y.SELECT_CATEGORY);
-    }, B = () => {
-      e(Y.UNSELECT_CATEGORY);
-    }, { isAllSelected: I, isIndeterminate: O, toggleSelectAll: L } = fe(
-      b,
-      h,
-      E,
-      B
-    ), x = o(() => O.value ? "mixed" : `${I.value}`), S = T(I.value), p = () => {
-      S.value = !S.value, L(S.value);
-    };
-    return z(I, () => {
-      S.value = I.value;
-    }), {
-      // Values
-      chevronTitle: g,
-      conditionalClass: A,
-      hasAllPropsDisabled: n,
-      isOpen: s,
-      isAllSelected: I,
-      isIndeterminate: O,
-      isStaticCategory: d,
-      // Computed
-      showItemChildren: f,
-      ariaCheckedComputed: x,
-      // Methods
-      handleSelectAll: p,
-      toggleOpen: u,
-      toggleSelectAll: L
-    };
-  }
-});
-var mt = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", [e.isStaticCategory ? s("div", { staticClass: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category" }, [s("span", { staticClass: "b-listbox-multi-select-category__label" }, [s("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.category.label) + " ")])], 1)]) : s("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(t) {
-    return t.preventDefault(), e.handleSelectAll.apply(null, arguments);
-  } } }, [s("listbox-decorative-checkbox", { attrs: { indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, checked: e.isAllSelected } }), s("span", { staticClass: "b-listbox-multi-select-category__label" }, [s("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span" } }, [e._v(" " + e._s(e.category.label) + " ")]), s("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(t) {
-    return t.stopPropagation(), e.toggleOpen.apply(null, arguments);
-  } } }, [e.isOpen ? s("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : s("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), s("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
-}, pt = [], gt = /* @__PURE__ */ N(
-  _t,
-  mt,
-  pt,
-  !1,
-  null,
-  "a2ed984e"
-);
-const yt = gt.exports;
-var M = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", l.UNSELECT_CATEGORY = "unselect-category", l.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", l))(M || {});
-const ht = w({
-  name: "listbox-multi-select-options",
-  components: {
-    BentoListboxOption: j,
-    BentoTypography: W,
-    ListboxMultiSelectCategory: yt,
-    ListboxDecorativeCheckbox: se
-  },
-  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: [
-    M.TOGGLE_CHECKBOX_SELECTION,
-    M.SELECT_CATEGORY,
-    M.UNSELECT_CATEGORY,
-    M.TOGGLE_CATEGORY_VISIBILITY
-  ],
-  setup(l, { emit: e }) {
-    const s = (u) => {
-      l.isOptionDisabled(u) || e(M.TOGGLE_CHECKBOX_SELECTION, u);
-    }, t = (u) => !!u.items, i = (u) => {
-      const r = l.isMultiLevel && l.searching;
-      return u.description && (!l.isMultiLevel || r);
-    }, n = (u) => u.items ? !!u.items.find((r) => l.selectedItemsList.includes(r.value)) : l.selectedItemsList.includes(u.value), d = (u) => {
-      if (t(u)) {
-        const r = n(u) ? M.UNSELECT_CATEGORY : M.SELECT_CATEGORY;
-        e(r, u);
-      } else
-        s(u);
-    };
-    return {
-      // Values
-      conditionalClasses: o(() => ({
-        "b-listbox-multi-select-options__static-category-option": l.staticCategories,
-        "b-listbox-multi-select-options__category-option": l.categoryItems
-      })),
-      // Methods
-      isOptionSelected: n,
-      shouldShowDescription: i,
-      toggleCheckboxSelection: s,
-      toggleSearchOption: d,
-      computedTabindex: (u) => u + 1 === l.focusedIndex ? 0 : -1,
-      // Enums
-      BentoListboxEvent: a,
-      ListboxMultiSelectOptionsEvent: M
-    };
-  }
-});
-var Ct = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", e._l(e.items, function(t, i) {
-    return s("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [s("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(i), "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null }, on: { click: function(n) {
-      return e.toggleSearchOption(t);
-    }, "enter-pressed": function(n) {
-      return e.toggleSearchOption(t);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleSearchOption(t);
-    } } }, [s("listbox-decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
-      return [s("span", { staticClass: "b-listbox-multi-select__option-text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? s("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(t.description) + " ")]) : e._e()], 1)];
-    }, null, t)], 2)] : [t.items ? [s("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(i) }, on: { "select-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, t);
-    }, "unselect-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, t);
-    }, "toggle-category-visibility": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY);
-    } } }, [s("listbox-multi-select-options", { attrs: { "category-items": "", items: t.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)] : s("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(i), "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null }, on: { click: function(n) {
-      return e.toggleCheckboxSelection(t);
-    }, "enter-pressed": function(n) {
-      return e.toggleCheckboxSelection(t);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleCheckboxSelection(t);
-    } } }, [s("listbox-decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
-      return [s("span", { staticClass: "b-listbox-multi-select__option-text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? s("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(t.description) + " ")]) : e._e()], 1)];
-    }, null, t)], 2)]], 2);
-  }), 0);
-}, xt = [], St = /* @__PURE__ */ N(
-  ht,
-  Ct,
-  xt,
-  !1,
-  null,
-  "e4488ed3"
-);
-const Et = St.exports, Ot = (l) => {
-  const e = o(() => {
-    var t;
-    return !!((t = l.value) != null && t.find(({ items: i }) => !!i));
-  }), s = o(() => {
-    var t;
-    return e.value ? (t = l.value) == null ? void 0 : t.reduce((i, n) => (n.items ? i.push(...n.items.flat()) : i.push(n), i), []) : l.value;
-  });
-  return {
-    isMultiLevelSelect: e,
-    flattenedItemsList: s
-  };
-}, Tt = {
-  "en-US": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  }
-}, At = { i18n: { messages: Tt } }, It = /* @__PURE__ */ w({
-  ...At,
-  __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 s = l, { t } = ee(), i = Te(), n = Ae(), d = o(
-      () => {
-        var c, v, _, C;
-        return {
-          "aria-label": (c = n["aria-label"]) == null ? void 0 : c.toString(),
-          "aria-busy": (v = n["aria-busy"]) == null ? void 0 : v.toString(),
-          "aria-atomic": (_ = n["aria-atomic"]) == null ? void 0 : _.toString(),
-          "aria-live": (C = n["aria-live"]) == null ? void 0 : C.toString()
-        };
-      }
-    ), f = T(null), A = T(null), u = T(null), r = T(null), h = o(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: b, flattenedItemsList: g } = Ot(Q(s, "items")), E = (c) => {
-      var C;
-      const v = s.isOptionDisabled(c), _ = ((C = h.value) == null ? void 0 : C.includes(c.value)) || !1;
-      return { isDisabled: v, isPreSelected: _ };
-    }, B = o(() => {
-      if (s.searching && b)
-        return s.items;
-      const c = g.value.filter((v) => {
-        const { isDisabled: _, isPreSelected: C } = E(v);
-        return _ && C || !_;
-      });
-      return s.selectedValues.forEach((v) => {
-        c.find((_) => _.value === v.value) || c.push(v);
-      }), c;
-    }), I = o(
-      () => {
-        var c;
-        return (c = B.value) == null ? void 0 : c.filter((v) => {
-          var _;
-          return v.items && b.value && s.searching ? v.items.filter(
-            (y) => (s.selectedValues ?? []).includes(y.value)
-          ).length === v.items.length : (_ = h.value) == null ? void 0 : _.includes(v.value);
-        });
-      }
-    ), O = () => b.value && !s.searching ? g.value.length : s.items.length, L = o(() => {
-      var C;
-      const c = B.value.length, v = O(), _ = ((C = I.value) == null ? void 0 : C.length) || 0;
-      return _ === 0 ? t("selectAll", { total: c }) : _ === v ? t("allSelected", { total: v }) : _ <= v ? t("numberOfTotalSelected", { number: _, total: v }) : t("numbersSelected", { number: _ });
-    }), x = (c) => {
-      const v = (C) => {
-        const { isDisabled: y, isPreSelected: G } = E(C);
-        return y && G || !y;
-      }, _ = c.filter(v).filter((C) => !h.value.includes(C.value));
-      e("select", [...s.selectedValues, ..._]);
-    }, S = (c) => {
-      const v = (y) => {
-        const { isDisabled: G, isPreSelected: Se } = E(y);
-        return !(G && Se);
-      }, _ = c.filter(v).map(({ value: y }) => y), C = s.selectedValues.filter((y) => !(_ != null && _.includes(y.value)));
-      e("select", C);
-    }, p = () => {
-      x(g.value);
-    }, m = () => {
-      S(g.value);
-    }, { isAllSelected: k, isIndeterminate: D, toggleSelectAll: P } = fe(
-      I,
-      B,
-      p,
-      m
-    ), H = o(() => D.value ? "mixed" : `${k.value}`), F = T(k.value), X = () => {
-      F.value = !F.value, P(F.value);
-    };
-    z(k, () => {
-      F.value = k.value;
-    });
-    const R = (c) => {
-      x(c.items);
-    }, K = (c) => {
-      S(c.items);
-    }, me = (c, v) => {
-      let _ = !1;
-      const C = s.selectedValues.filter(({ value: y }) => v.value === y ? (_ = !0, !1) : !0);
-      _ || C.push(v), e(c, C);
-    }, pe = o(() => {
-      if (!b.value)
-        return s.selectedValues;
-      const c = (y) => h.value.includes(y.value), v = (y) => !s.staticCategories && y.every((G) => c(G));
-      return s.items.flatMap(
-        (y) => y.items && !v(y.items) ? y.items : y
-      ).filter((y) => y.items ? !0 : c(y));
-    }), ge = o(() => {
-      var _, C, y, G;
-      const c = ["automatic", "button"].includes(s.lazyLoadType), v = ((_ = s.selectedValues) == null ? void 0 : _.length) > 0 && ((C = I.value) == null ? void 0 : C.length) !== ((y = g.value) == null ? void 0 : y.length);
-      return c && s.hasMoreItems ? !!((G = s.selectedValues) != null && G.length) : v;
-    }), ye = o(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), V = T([]), le = async () => {
-      await be(), f.value && (V.value = Array.from(
-        f.value.querySelectorAll('[role="option"]')
-      ).filter((c) => c.checkVisibility()));
-    }, ne = (c) => {
-      var v;
-      (v = V.value[c]) == null || v.focus();
-    }, {
-      moveToNextElement: ie,
-      moveToPreviousElement: oe,
-      moveToFirstElement: ae,
-      moveToLastElement: ce,
-      preventDefault: J,
-      focusedIndex: he
-    } = ve(
-      {
-        items: V
-      },
-      ne
-    ), Ce = {
-      [$.ARROW_UP]: (c) => oe(c),
-      [$.ARROW_DOWN]: (c) => ie(c),
-      [$.HOME]: ae,
-      [$.END]: ce
-    }, xe = {
-      [$.ARROW_UP]: J,
-      [$.ARROW_DOWN]: J
-    };
-    return z(
-      () => s.items,
-      () => {
-        le();
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, props: s, emit: e, t, slots: i, attrs: n, ariaAttributes: d, listboxRef: f, selectAllListboxItemsRef: A, selectedListboxItemsRef: u, listboxItemsRef: r, selectedItemsList: h, isMultiLevelSelect: b, flattenedItemsList: g, optionStates: E, enabledItems: B, visibleSelectedList: I, calculateTotalItems: O, selectAllCheckboxText: L, selectAll: x, unselectAll: S, selectAllItems: p, unselectAllItems: m, isAllSelected: k, isIndeterminate: D, toggleSelectAll: P, ariaCheckedComputed: H, isSelectAllOn: F, handleSelectAll: X, selectAllCategory: R, unselectAllCategory: K, toggleCheckboxSelection: me, selectedOptions: pe, showSelectedItems: ge, showSelectAllCheckbox: ye, visibleDomOptions: V, updateVisibleDomOptions: le, focusItem: ne, moveToNextElement: ie, moveToPreviousElement: oe, moveToFirstElement: ae, moveToLastElement: ce, preventDefault: J, focusedIndex: he, listboxListeners: Ce, chipsSectionListeners: xe, ListboxDecorativeCheckbox: se, BentoTypography: W, BentoChip: De, BentoListboxOption: j, ListboxMultiSelectOptions: Et, vBentoKeyboardNavigationDirective: te, BentoListboxEvent: a };
-  }
-});
-var Lt = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? s("div", [s("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(i) {
-    return s("li", { key: i.value }, [s(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(i), label: i.label, condensed: "" }, on: { click: function(n) {
-      i.items ? t.unselectAllCategory(i) : t.toggleCheckboxSelection("select", i);
-    } } })], 1);
-  }), 0), s("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), s("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: "listbox" } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? s(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-checked": t.ariaCheckedComputed }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(i) {
-    return i.preventDefault(), t.handleSelectAll.apply(null, arguments);
-  } } }, [s(t.ListboxDecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), s(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? s("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), s(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 }, on: { "toggle-checkbox-selection": function(i) {
-    return t.toggleCheckboxSelection("select", i);
-  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.updateVisibleDomOptions, "space-pressed": function(i) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, i);
-  }, "tab-pressed": function(i) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, i);
-  }, "enter-pressed": function(i) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, i);
-  } }, scopedSlots: e._u([e._l(t.slots, function(i, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) })], 1)]);
-}, kt = [], Dt = /* @__PURE__ */ N(
-  It,
-  Lt,
-  kt,
-  !1,
-  null,
-  "0e1dbda5"
-);
-const de = Dt.exports, Rt = {
-  "en-US": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "ja-JP": {
-    loading: "読み込み中",
-    showMore: "表示内容を増やす"
-  },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  }
-}, Bt = 36, $t = w({
-  name: "bento-listbox",
-  components: {
-    BentoEmptyState: Le,
-    BentoListboxSingleSelect: ct,
-    BentoListboxMultiSelect: de,
-    BentoTypography: W,
-    BentoLoadingIndicator: Ie,
-    BentoLoadingButton: Me
-  },
-  directives: { BentoKeyboardNavigationDirective: te },
-  i18n: { messages: Rt },
-  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: U.NONE,
-      validator: (l) => Object.values(U).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: de.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: s }) {
-    const t = T([]), i = Q(l, "items"), { t: n } = ee(), d = o(() => l.lazyLoadType !== U.AUTOMATIC), f = o(() => l.lazyLoadType === U.AUTOMATIC), A = () => {
-      var R;
-      return typeof (l == null ? void 0 : l.virtualScroll) == "object" && ((R = l == null ? void 0 : l.virtualScroll) != null && R.itemHeight) ? l.virtualScroll.itemHeight : Bt;
-    }, {
-      containerRef: u,
-      containerProps: r,
-      onScroll: h,
-      list: b,
-      wrapperProps: g
-    } = Ge(i, {
-      itemHeight: A(),
-      // 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"
-    }), E = o(
-      () => l.componentLoading !== void 0 || d.value ? "true" : void 0
-    ), B = o(
-      () => d.value && l.loading || l.componentLoading ? "true" : "false"
-    ), I = o(
-      () => d.value || l.componentLoading !== void 0 ? "polite" : void 0
-    ), O = o(
-      () => ({
-        "aria-label": l.ariaLabel,
-        "aria-busy": B.value,
-        "aria-atomic": E.value,
-        "aria-live": I.value
-      })
-    ), L = o(
-      () => l.componentLoading ? {
-        ...O.value,
-        role: "alert"
-      } : {}
-    ), x = (R) => (K) => {
-      e(R, K);
-    }, S = () => {
-      e(a.SHOW_MORE);
-    }, p = ke(() => {
-      const R = u.value;
-      if (!R)
-        return;
-      const K = Math.round(R.scrollTop) + R.clientHeight >= R.scrollHeight;
-      l.hasMoreItems && K && !l.loading && S();
-    }), m = () => {
-      f.value ? p() : h();
-    }, k = o(() => {
-      var R;
-      return ((R = l.items) == null ? void 0 : R.length) === 0;
-    }), D = o(
-      () => l.lazyLoadType === U.BUTTON && l.hasMoreItems
-    ), P = o(
-      () => l.loading ? re.LOADING : re.START
-    ), H = o(() => l.loading ? n("loading") : n("showMore")), F = o(() => ({
-      ...l.emptyState,
-      variant: "condensed"
-    })), X = {
-      [a.SELECT]: x(a.SELECT),
-      [a.SPACE]: x(a.SPACE),
-      [a.TAB]: x(a.TAB),
-      [a.ENTER]: x(a.ENTER)
-    };
-    return {
-      // Refs
-      listboxRef: u,
-      listboxItemRef: t,
-      // a11y
-      ariaAttributes: O,
-      listboxContainerAttributes: L,
-      // Values
-      containerProps: r,
-      isSearchResultEmpty: k,
-      limitedEmptyStateProps: F,
-      loadingButtonState: P,
-      slots: s,
-      shouldDisplayShowMoreButton: D,
-      showMoreButtonText: H,
-      virtualisedItems: b,
-      wrapperProps: g,
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: $,
-      BentoListboxEvent: a,
-      // Methods
-      onListboxContainerScroll: m,
-      onOptionSelected: x,
-      emitShowMore: S,
-      listboxListeners: X
-    };
-  }
-});
-var Nt = function() {
-  var t;
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("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), [s("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? s("div", { staticClass: "b-listbox__loading-filtered-items" }, [s("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? s("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? s("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [s("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(i, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [s("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(i, n) {
-    return { key: n, fn: function(d) {
-      return [e._t(n, null, null, d)];
-    } };
-  })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? s("div", { staticClass: "b-listbox__lazy-load" }, [s("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(i) {
-    return e.emitShowMore.apply(null, arguments);
-  } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? s("div", { staticClass: "b-listbox__lazy-load" }, [s("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, Mt = [], wt = /* @__PURE__ */ N(
-  $t,
-  Nt,
-  Mt,
-  !1,
-  null,
-  "46b000a2"
-);
-const ss = wt.exports, Z = (l, e) => {
-  for (const s of l) {
-    if (s.value === e)
-      return s;
-    if (s.items) {
-      const t = Z(s.items, e);
-      if (t)
-        return t;
-    }
-  }
-  return null;
-}, Gt = (l) => typeof l == "object" && l !== null && "value" in l && "label" in l, ls = (l, e, s, t) => {
-  const i = T([]), n = T(), d = (r) => {
-    s.value ? n.value = r.map(({ value: h }) => h) : n.value = r.length > 0 ? r[0].value : null;
-  }, f = (r) => {
-    s.value ? n.value = r.map(({ value: h, label: b }) => ({ value: h, label: b })) : n.value = r.length > 0 ? { value: r[0].value, label: r[0].label } : null;
-  }, A = (r) => {
-    i.value = r, t != null && t.value ? f(r) : d(r);
-  }, u = () => {
-    i.value = [], n.value = null;
-  };
-  return z(
-    () => e.value,
-    () => {
-      if (!e.value && e.value !== 0) {
-        u();
-        return;
-      }
-      const r = !Array.isArray(e.value), h = [...i.value];
-      u();
-      const b = (g) => {
-        if (Gt(g))
-          i.value.push(g);
-        else {
-          let E = Z(l.value, g);
-          E || (E = Z(h, g)), E || (E = { value: g, label: g.toString() }), i.value.push(E);
-        }
-      };
-      if (r) {
-        const g = e.value;
-        b(g), t != null && t.value ? f(i.value) : d(i.value);
-        return;
-      }
-      e.value.forEach(b), t != null && t.value ? f(i.value) : d(i.value);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    cachedSelectedListboxOptions: i,
-    cachedListboxSelectedValues: n,
-    // Methods
-    resetCache: u,
-    setCachedValues: A
-  };
-};
-export {
-  U as B,
-  a,
-  ss as b,
-  ls as c,
-  Ot as u
-};
-//# sourceMappingURL=use-cached-selected-values.C1CeSurp.js.map