@adyen/bento-vue2 1.49.0 → 1.51.0

package/dist/chunks/use-cached-selected-values.C5gHa-dC.js

@@ -1,1301 +0,0 @@
-import { computed as c, ref as O, onMounted as te, onUnmounted as _e, watch as se, defineComponent as $, toRef as G } from "vue";
-import { B as w } from "./typography.J1v_SPG3.js";
-import { B as ge } from "./loading-indicator.z8COalOc.js";
-import { B as ye } from "./empty-state.BnHTBgKG.js";
-import { u as Y } from "./i18n.BQkEbtPM.js";
-import { d as pe } from "./debounce.DUTu11PS.js";
-import { B as X } from "./checkbox.CE9NdY0R.js";
-import "./index.Cl4_42j5.js";
-import { B as Ce } from "./base-button.-gx_u8Bd.js";
-import { C as Se } from "./cross-small.BLUwtRB-.js";
-import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as he, a as xe } from "./chevron-up.DVfo78kV.js";
-import { B as k, a as J } from "./keyboard-navigation.pB8weElW.js";
-import { d as Ee, e as Z } from "./button-actions.BovYBINL.js";
-import { o as Le } from "./resize.Bqks3WUm.js";
-import "../assets/use-cached-selected-values.css";
-const le = (t, e, s, l) => {
-  const n = c(
-    () => {
-      var r, b;
-      return !!((r = t.value) != null && r.length) && ((b = t.value) == null ? void 0 : b.length) === e.value.length;
-    }
-  ), a = c(() => {
-    var r;
-    return t.value == null || t.value.length === 0 ? !1 : ((r = t.value) == null ? void 0 : r.length) !== e.value.length;
-  });
-  return {
-    isAllSelected: n,
-    isIndeterminate: a,
-    toggleSelectAll: (r) => {
-      r ? s() : l();
-    }
-  };
-};
-function Oe(t, { disabled: e, itemHeight: s, overscan: l = 5, prefixHeight: n }) {
-  const a = O(null), o = O([]), r = O(0), b = O(0), m = O(0);
-  let E;
-  const p = c(() => {
-    const _ = typeof s == "number" ? t.value.length * s : t.value.reduce((L, f, h) => L + s(h), 0), C = typeof s == "number" ? r.value * s : t.value.slice(0, r.value).reduce((L, f, h) => L + s(h), 0);
-    return {
-      style: {
-        marginTop: `${C}px`,
-        height: `${_ - C}px`
-      }
-    };
-  }), S = () => {
-    const _ = (n == null ? void 0 : n.value) ?? 0, C = Math.max(a.value.scrollTop - _, 0);
-    if (typeof s == "number")
-      return Math.floor(C / s);
-    let L = 0, f = 0;
-    for (let h = 0; h < t.value.length; h += 1) {
-      const A = s(h);
-      if (L += A, L >= C) {
-        f = h;
-        break;
-      }
-    }
-    return f;
-  }, B = () => {
-    if (m.value = a.value.clientHeight, typeof s == "number")
-      return Math.ceil(m.value / s);
-    const _ = r.value ?? 0;
-    let C = 0, L = 0;
-    for (let f = _; f < t.value.length; f += 1) {
-      const h = s(f);
-      if (C += h, L = f, C > m.value)
-        break;
-    }
-    return L - _;
-  }, T = () => {
-    if (a.value) {
-      const _ = B();
-      r.value = S(), b.value = Math.min(r.value + _ + l, t.value.length), o.value = t.value.slice(r.value, b.value);
-    }
-  }, R = () => {
-    T();
-  };
-  e || (te(() => {
-    a.value && (m.value = a.value.clientHeight, E = Le(a.value, ({ clientHeight: _ }) => {
-      m.value = _, T();
-    }), T());
-  }), _e(() => {
-    E == null || E.disconnect();
-  }), se(
-    () => t.value,
-    () => {
-      T();
-    }
-  ));
-  const u = {
-    ref: a,
-    style: { overflowY: "auto" }
-  };
-  return e ? {
-    containerRef: a,
-    containerProps: u,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onScroll: () => {
-    },
-    list: t
-  } : {
-    containerRef: a,
-    containerProps: u,
-    onScroll: R,
-    list: o,
-    wrapperProps: p
-  };
-}
-var i = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.SHOW_MORE = "show-more", t.ESCAPE = "escape-pressed", t.CLICK = "click", t.ENTER = "enter-pressed", t.SPACE = "space-pressed", t.TAB = "tab-pressed", t.CLOSE_DROPDOWN = "close-dropdown", t))(i || {}), P = /* @__PURE__ */ ((t) => (t.AUTOMATIC = "automatic", t.BUTTON = "button", t.NONE = "none", t))(P || {});
-const Te = $({
-  name: "bento-listbox-static-category",
-  components: {
-    BentoTypography: w
-  },
-  props: {
-    /**
-     * Category label text
-     */
-    categoryLabel: {
-      type: String,
-      required: !0
-    }
-  }
-});
-var Ie = 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);
-}, Ae = [], Re = /* @__PURE__ */ D(
-  Te,
-  Ie,
-  Ae,
-  !1,
-  null,
-  "4aa8cc6e"
-);
-const Be = Re.exports, ke = $({
-  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: [i.CLICK, i.ENTER, i.SPACE, i.TAB],
-  setup(t, { emit: e }) {
-    const s = c(() => ({
-      "b-listbox-option--disabled": t.disabled,
-      "b-listbox-option--selected": t.selected
-    }));
-    return {
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: k,
-      BentoListboxEvent: i,
-      // Values
-      conditionalClasses: s,
-      // Events
-      onClick: (a) => {
-        e(i.CLICK, a);
-      },
-      onOptionSelected: (a, o) => {
-        e(a, o);
-      }
-    };
-  }
-});
-var De = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("label", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, l);
-  }, function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onOptionSelected(e.BentoListboxEvent.SPACE, l);
-  }, function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "tab", 9, l.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, l);
-  }] } }, "label", e.$attrs, !1), [e._t("default")], 2);
-}, $e = [], Me = /* @__PURE__ */ D(
-  ke,
-  De,
-  $e,
-  !1,
-  null,
-  "d7fb415c"
-);
-const q = Me.exports;
-let Q = 0;
-const Ne = {
-  beforeCreate() {
-    this.uuid = Q.toString(), Q += 1;
-  }
-};
-var Pe = 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: "#00112C", d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z" } })]);
-}, we = [], Fe = /* @__PURE__ */ D(
-  Ne,
-  Pe,
-  we,
-  !1,
-  null,
-  null
-);
-const Ge = Fe.exports, Ue = $({
-  name: "bento-listbox-single-select-option",
-  components: {
-    BentoListboxOption: q,
-    BentoTypography: w,
-    CheckmarkIcon: Ge
-  },
-  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: [i.ENTER, i.SELECT, i.SPACE, i.TAB],
-  setup(t, { emit: e }) {
-    const s = (o) => {
-      t.disabled || e(o, t.option);
-    }, l = c(() => t.disabled ? !0 : null), n = c(() => t.selected ? !0 : null), a = c(() => t.disabled ? -1 : 0);
-    return {
-      // Values
-      ariaDisabled: l,
-      ariaSelected: n,
-      tabIndex: a,
-      // Enums
-      BentoListboxEvent: i,
-      // Events
-      onOptionSelected: s
-    };
-  }
-});
-var ze = 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(l) {
-    return e.onOptionSelected(e.BentoListboxEvent.SELECT);
-  }, "enter-pressed": function(l) {
-    return e.onOptionSelected(e.BentoListboxEvent.ENTER);
-  }, "space-pressed": function(l) {
-    return l.preventDefault(), e.onOptionSelected(e.BentoListboxEvent.SPACE);
-  }, "tab-pressed": function(l) {
-    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);
-}, Ve = [], Ye = /* @__PURE__ */ D(
-  Ue,
-  ze,
-  Ve,
-  !1,
-  null,
-  "5a5ff36a"
-);
-const qe = Ye.exports, ne = ({ items: t, isOptionDisabled: e, hasStaticCategories: s }, l) => {
-  const n = c(
-    () => s.value ? t.value.flatMap((u) => u.items) : t.value
-  ), a = c(() => n.value.length - 1), o = O(0);
-  te(() => {
-    e && (o.value = t.value.findIndex((u) => !e(u)));
-  });
-  const r = (u) => !e || !!e && e(t.value[u]), b = (u) => !e || !!e && !e(t.value[u]), m = (u) => {
-    switch (u) {
-      case "increase":
-        o.value += 1;
-        break;
-      case "decrease":
-        o.value -= 1;
-        break;
-    }
-  }, E = ({ edgeCaseItem: u, isItemBeforeEdgeCaseItem: _ }, C, L) => {
-    o.value !== u && (_ ? b(u) && m(L) : (m(L), r(o.value) && C()), l(o.value));
-  }, p = (u) => {
-    var C;
-    (C = u == null ? void 0 : u.detail) == null || C.preventDefault();
-    const _ = o.value === a.value - 2;
-    E(
-      {
-        isItemBeforeEdgeCaseItem: _,
-        edgeCaseItem: a.value
-      },
-      p,
-      "increase"
-      /* INCREASE */
-    );
-  }, S = (u) => {
-    var C;
-    (C = u == null ? void 0 : u.detail) == null || C.preventDefault();
-    const _ = o.value === 1;
-    E(
-      {
-        edgeCaseItem: 0,
-        isItemBeforeEdgeCaseItem: _
-      },
-      S,
-      "decrease"
-      /* DECREASE */
-    );
-  };
-  return {
-    moveToFirstElement: () => {
-      o.value = 0, r(o.value) ? p() : l(o.value);
-    },
-    moveToLastElement: () => {
-      o.value = a.value, r(o.value) ? S() : l(o.value);
-    },
-    moveToNextElement: p,
-    moveToPreviousElement: S,
-    setListboxFocusedIndex: (u) => {
-      o.value = u;
-    }
-  };
-}, We = $({
-  name: "bento-listbox-single-select",
-  components: {
-    BentoListboxSingleSelectCategory: Be,
-    BentoListboxSingleSelectOption: qe
-  },
-  directives: { BentoKeyboardNavigationDirective: J },
-  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: [i.SELECT, i.ENTER, i.SPACE, i.TAB],
-  setup(t, { emit: e, expose: s, slots: l }) {
-    const n = O([]), a = c(() => {
-      var u;
-      return !!((u = t.selectedValue) != null && u.length) && t.selectedValue.at(0);
-    }), o = c(() => !!t.items.some(({ items: u }) => !!u)), r = (u) => (_) => {
-      e(u, [_]);
-    }, b = (u) => n.value[u].$el.focus(), {
-      moveToNextElement: m,
-      moveToPreviousElement: E,
-      moveToFirstElement: p,
-      moveToLastElement: S,
-      setListboxFocusedIndex: B
-    } = ne(
-      {
-        items: G(t, "items"),
-        isOptionDisabled: t.isOptionDisabled,
-        hasStaticCategories: G(t, "staticCategories")
-      },
-      b
-    ), T = {
-      [k.ARROW_UP]: E,
-      [k.ARROW_DOWN]: m,
-      [k.HOME]: p,
-      [k.END]: S
-    }, R = {
-      [i.SELECT]: r(i.SELECT),
-      [i.SPACE]: r(i.SPACE),
-      [i.TAB]: r(i.TAB),
-      [i.ENTER]: r(i.ENTER)
-    };
-    return s({
-      /**
-       * 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: B
-    }), {
-      // Enums
-      BentoListboxEvent: i,
-      // Values
-      listboxItemRef: n,
-      selectedItem: a,
-      slots: l,
-      // Computed
-      hasCategories: o,
-      // Methods
-      onOptionSelected: r,
-      // Keyboard navigation
-      listboxListeners: T,
-      listboxOptionListeners: R
-    };
-  }
-});
-var Ke = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(l) {
-    return s("bento-listbox-single-select-category", { key: l.value, attrs: { "category-label": l.label, role: "group" } }, e._l(l.items, function(n) {
-      return s("bento-listbox-single-select-option", e._g({ key: n.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: n, disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null, selected: n.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(a, o) {
-        return { key: o, fn: function(r) {
-          return [e._t(o, null, null, r)];
-        } };
-      })], null, !0) }, e.listboxOptionListeners));
-    }), 1);
-  }) : e._l(e.items, function(l) {
-    return s("bento-listbox-single-select-option", e._g({ key: l.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: l, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, selected: l.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, a) {
-      return { key: a, fn: function(o) {
-        return [e._t(a, null, null, o)];
-      } };
-    })], null, !0) }, e.listboxOptionListeners));
-  })], 2);
-}, je = [], He = /* @__PURE__ */ D(
-  We,
-  Ke,
-  je,
-  !1,
-  null,
-  null
-);
-const Xe = He.exports;
-var j = /* @__PURE__ */ ((t) => (t.DISABLED = "disabled", t.STATIC_CATEGORY = "static-category", t))(j || {}), z = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.UNSELECT_CATEGORY = "unselect-category", t))(z || {});
-const Je = {
-  "en-US": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  }
-}, Ze = $({
-  i18n: { messages: Je },
-  name: "bento-listbox-multi-select-category",
-  components: {
-    BentoCheckbox: X,
-    BentoTypography: w,
-    BentoListboxOption: q,
-    ChevronDownIcon: xe,
-    ChevronUpIcon: he
-  },
-  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 }
-  },
-  emits: [z.SELECT_CATEGORY, z.UNSELECT_CATEGORY],
-  setup(t, { emit: e }) {
-    const s = O(!1), { t: l } = Y(), n = (f) => t.isOptionDisabled ? t.isOptionDisabled(f) : !1, a = c(
-      () => t.category.items.every((f) => n(f))
-    ), o = G(t, "staticCategories"), r = c(() => s.value || t.staticCategories), b = c(() => ({
-      [`b-listbox-multi-select-category--${j.DISABLED}`]: a.value,
-      [`b-listbox-multi-select-category--${j.STATIC_CATEGORY}`]: t.staticCategories
-    })), m = (f) => {
-      f.preventDefault(), s.value = !s.value;
-    }, E = (f) => {
-      var F;
-      const h = n(f), A = ((F = t.selectedItemsList) == null ? void 0 : F.includes(f.value)) || !1;
-      return { isDisabled: h, isPreSelected: A };
-    }, p = c(
-      () => t.category.items.filter((f) => {
-        const { isDisabled: h, isPreSelected: A } = E(f);
-        return h && A || !h;
-      })
-    ), S = c(
-      () => {
-        var f;
-        return (f = p.value) == null ? void 0 : f.filter(
-          ({ value: h }) => {
-            var A;
-            return (A = t.selectedItemsList) == null ? void 0 : A.includes(h);
-          }
-        );
-      }
-    ), B = c(() => {
-      const f = s.value ? "categoryOpened" : "categoryClosed";
-      return l(f, { category: t.category.label });
-    }), T = c(
-      () => ({
-        el: "span",
-        variant: t.staticCategories ? "caption" : "body"
-      })
-    ), R = () => {
-      e(z.SELECT_CATEGORY);
-    }, u = () => {
-      e(z.UNSELECT_CATEGORY);
-    }, { isAllSelected: _, isIndeterminate: C, toggleSelectAll: L } = le(
-      S,
-      p,
-      R,
-      u
-    );
-    return {
-      // Values
-      chevronTitle: B,
-      conditionalClass: b,
-      hasAllPropsDisabled: a,
-      isOpen: s,
-      isAllSelected: _,
-      isIndeterminate: C,
-      isStaticCategory: o,
-      // Computed
-      showItemChildren: r,
-      categoryLabelProps: T,
-      // Methods
-      toggleOpen: m,
-      toggleSelectAll: L
-    };
-  }
-});
-var Qe = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", [s("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass }, [e.isStaticCategory ? e._e() : s("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value }, on: { "update:model-value": e.toggleSelectAll } }), s("span", { staticClass: "b-listbox-multi-select-category__label" }, [s("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() : s("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(l) {
-    return 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);
-}, et = [], tt = /* @__PURE__ */ D(
-  Ze,
-  Qe,
-  et,
-  !1,
-  null,
-  "f360ac3d"
-);
-const st = tt.exports;
-var N = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", t.UNSELECT_CATEGORY = "unselect-category", t))(N || {});
-const lt = $({
-  name: "listbox-multi-select-options",
-  components: {
-    BentoCheckbox: X,
-    BentoListboxOption: q,
-    BentoTypography: w,
-    ListboxMultiSelectCategory: st
-  },
-  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 },
-    /**
-     * 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: [
-    N.TOGGLE_CHECKBOX_SELECTION,
-    N.SELECT_CATEGORY,
-    N.UNSELECT_CATEGORY
-  ],
-  setup(t, { emit: e }) {
-    const s = (b) => {
-      e(N.TOGGLE_CHECKBOX_SELECTION, b);
-    }, l = (b) => !!b.items, n = (b) => {
-      const m = t.isMultiLevel && t.searching;
-      return b.description && (!t.isMultiLevel || m);
-    }, a = (b) => b.items ? !!b.items.find((m) => t.selectedItemsList.includes(m.value)) : t.selectedItemsList.includes(b.value), o = (b, m) => {
-      if (l(m))
-        return e(b ? N.SELECT_CATEGORY : N.UNSELECT_CATEGORY, m);
-      s(m.value);
-    };
-    return {
-      // Values
-      conditionalClasses: c(() => ({
-        "b-listbox-multi-select-options__static-category-option": t.staticCategories,
-        "b-listbox-multi-select-options__category-option": t.categoryItems
-      })),
-      // Methods
-      isOptionSelected: a,
-      shouldShowDescription: n,
-      toggleCheckboxSelection: s,
-      selectSearch: o,
-      // Enums
-      BentoListboxEvent: i,
-      ListboxMultiSelectOptionsEvent: N
-    };
-  }
-});
-var nt = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", e._l(e.items, function(l) {
-    return s("div", { key: `selected-${l.value}` }, [e.searching && e.isMultiLevel ? [s("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [s("bento-checkbox", { attrs: { "model-value": e.isOptionSelected(l), "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value }, on: { "update:model-value": (n) => e.selectSearch(n, l) } }), e._t("default", function() {
-      return [s("span", { staticClass: "b-listbox-multi-select__option-text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? s("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
-    }, null, l)], 2)] : [l.items ? [s("listbox-multi-select-category", { attrs: { category: l, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList }, on: { "select-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, l);
-    }, "unselect-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, l);
-    } } }, [s("listbox-multi-select-options", { attrs: { "category-items": "", items: l.items, "is-option-disabled": e.isOptionDisabled, "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(l) : null } }, [s("bento-checkbox", { attrs: { "model-value": e.selectedItemsList, "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value }, on: { "update:model-value": function(n) {
-      return e.toggleCheckboxSelection(l);
-    } } }), e._t("default", function() {
-      return [s("span", { staticClass: "b-listbox-multi-select__option-text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? s("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
-    }, null, l)], 2)]], 2);
-  }), 0);
-}, at = [], ot = /* @__PURE__ */ D(
-  lt,
-  nt,
-  at,
-  !1,
-  null,
-  "b2db9f50"
-);
-const it = ot.exports, ct = {
-  "en-US": {
-    remove: "Remove"
-  },
-  "ja-JP": {
-    remove: "削除"
-  },
-  "pt-BR": {
-    remove: "Remover"
-  }
-}, rt = {
-  i18n: { messages: ct }
-}, ut = /* @__PURE__ */ $({
-  ...rt,
-  __name: "listbox-multi-select-chips",
-  props: {
-    /**
-     * Function that defines the options to be disabled
-     */
-    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
-    }
-  },
-  emits: ["unselect-item", "unselect-category"],
-  setup(t, { emit: e }) {
-    const { t: s } = Y();
-    return { __sfc: !0, emit: e, t: s, unselectOption: (n) => n.items ? e("unselect-category", n) : e("unselect-item", n), BentoTypography: w, BaseButton: Ce, CrossSmallIcon: Se };
-  }
-});
-var dt = function() {
-  var e = this, s = e._self._c, l = e._self._setupProxy;
-  return s("div", { staticClass: "b-listbox-multi-select-chips" }, e._l(e.items, function(n) {
-    return s("div", { key: `selected-${n.value}` }, [s(l.BaseButton, { staticClass: "b-listbox-multi-select-chips__chip", attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null }, on: { click: function(a) {
-      return l.unselectOption(n);
-    } }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
-      return [s(l.CrossSmallIcon, { attrs: { "svg-title": l.t("remove") } })];
-    }, proxy: !0 }], null, !0) }, [s(l.BentoTypography, { staticClass: "b-listbox-multi-select-chips__option-text", attrs: { el: "span", variant: "caption" } }, [e._v(e._s(n.label))])], 1)], 1);
-  }), 0);
-}, bt = [], mt = /* @__PURE__ */ D(
-  ut,
-  dt,
-  bt,
-  !1,
-  null,
-  "55fb08d8"
-);
-const vt = mt.exports, ft = {
-  "en-US": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  }
-}, _t = (t) => {
-  const e = c(() => {
-    var l;
-    return !!((l = t.value) != null && l.find(({ items: n }) => !!n));
-  }), s = c(() => {
-    var l;
-    return e.value ? (l = t.value) == null ? void 0 : l.reduce((n, a) => (a.items ? n.push(...a.items.flat()) : n.push(a), n), []) : t.value;
-  });
-  return {
-    isMultiLevelSelect: e,
-    flattenedItemsList: s
-  };
-}, gt = $({
-  i18n: { messages: ft },
-  name: "bento-listbox-multi-select",
-  components: {
-    BentoCheckbox: X,
-    BentoListboxOption: q,
-    BentoTypography: w,
-    ListboxMultiSelectOptions: it,
-    ListboxMultiSelectChips: vt
-  },
-  directives: { BentoKeyboardNavigationDirective: J },
-  props: {
-    /**
-     * Indicates whether there are more items to load
-     */
-    hasMoreItems: { type: Boolean, default: !1 },
-    /**
-     * 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 type of `Lazy Load`.
-     * Type "automatic" will enable infinite scrolling
-     * Type "button" will enable lazy loading with "Show more" button
-     */
-    lazyLoadType: {
-      type: String,
-      default: P.NONE,
-      validator: (t) => Object.values(P).includes(t)
-    },
-    /**
-     * 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 },
-    /**
-     * The `input` value.
-     * Providing an empty array will select no options.
-     */
-    selectedValues: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * If enabled, dropdown will display non-selectable, static categories
-     */
-    staticCategories: { type: Boolean, default: !1 }
-  },
-  emits: [i.SELECT],
-  setup(t, { emit: e, slots: s }) {
-    const { t: l } = Y(), n = O(null), a = O(null), o = O(null), r = c(
-      () => t.selectedValues.map(({ value: d }) => d)
-    ), { isMultiLevelSelect: b, flattenedItemsList: m } = _t(G(t, "items")), E = (d) => {
-      var x;
-      const v = t.isOptionDisabled(d), g = ((x = r.value) == null ? void 0 : x.includes(d.value)) || !1;
-      return { isDisabled: v, isPreSelected: g };
-    }, p = c(() => {
-      if (t.searching && b)
-        return t.items;
-      const d = m.value.filter((v) => {
-        const { isDisabled: g, isPreSelected: x } = E(v);
-        return g && x || !g;
-      });
-      return t.selectedValues.forEach((v) => {
-        d.find((g) => g.value === v.value) || d.push(v);
-      }), d;
-    }), S = c(
-      () => {
-        var d;
-        return (d = p.value) == null ? void 0 : d.filter((v) => {
-          var g;
-          return v.items && b.value && t.searching ? v.items.filter(
-            (y) => (t.selectedValues ?? []).includes(y.value)
-          ).length === v.items.length : (g = r.value) == null ? void 0 : g.includes(v.value);
-        });
-      }
-    ), B = () => b.value && !t.searching ? m.value.length : t.items.length, T = c(() => {
-      var x;
-      const d = p.value.length, v = B(), g = ((x = S.value) == null ? void 0 : x.length) || 0;
-      return g === 0 ? l("selectAll", { total: d }) : g === v ? l("allSelected", { total: v }) : g <= v ? l("numberOfTotalSelected", { number: g, total: v }) : l("numbersSelected", { number: g });
-    }), R = (d) => {
-      const v = (x) => {
-        const { isDisabled: y, isPreSelected: M } = E(x);
-        return y && M || !y;
-      }, g = d.filter(v).filter((x) => !r.value.includes(x.value));
-      e(i.SELECT, [...t.selectedValues, ...g]);
-    }, u = (d) => {
-      const v = (y) => {
-        const { isDisabled: M, isPreSelected: fe } = E(y);
-        return !(M && fe);
-      }, g = d.filter(v).map(({ value: y }) => y), x = t.selectedValues.filter((y) => !(g != null && g.includes(y.value)));
-      e(i.SELECT, x);
-    }, _ = () => {
-      R(m.value);
-    }, C = () => {
-      u(m.value);
-    }, { isAllSelected: L, isIndeterminate: f, toggleSelectAll: h } = le(
-      S,
-      p,
-      _,
-      C
-    ), A = (d) => {
-      R(d.items);
-    }, F = (d) => {
-      u(d.items);
-    }, W = (d, v) => {
-      let g = !1;
-      const x = t.selectedValues.filter(({ value: y }) => v.value === y ? (g = !0, !1) : !0);
-      g || x.push(v), e(d, x);
-    }, V = c(() => {
-      if (!b.value)
-        return t.selectedValues;
-      const d = (y) => r.value.includes(y.value), v = (y) => !t.staticCategories && y.every((M) => d(M));
-      return t.items.flatMap(
-        (y) => y.items && !v(y.items) ? y.items : y
-      ).filter((y) => y.items ? !0 : d(y));
-    }), K = c(() => {
-      var g, x, y, M;
-      const d = ["automatic", "button"].includes(t.lazyLoadType), v = ((g = t.selectedValues) == null ? void 0 : g.length) > 0 && ((x = S.value) == null ? void 0 : x.length) !== ((y = m.value) == null ? void 0 : y.length);
-      return d && t.hasMoreItems ? !!((M = t.selectedValues) != null && M.length) : v;
-    }), I = c(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), U = c(
-      () => n.value ? [n.value] : []
-    ), ae = c(
-      () => {
-        var d, v;
-        return (v = (d = a.value) == null ? void 0 : d.$children) != null && v.length ? a.value.$children : [];
-      }
-    ), oe = c(
-      () => {
-        var d, v;
-        return (v = (d = o.value) == null ? void 0 : d.$children) != null && v.length ? o.value.$children : [];
-      }
-    ), ie = c(() => ({ label: T, value: L })), ce = c(() => [
-      ie,
-      ...V.value,
-      ...m.value
-    ]), re = (d) => {
-      [
-        ...U.value,
-        ...ae.value,
-        ...oe.value
-      ][d].$el.focus();
-    }, { moveToNextElement: ue, moveToPreviousElement: de, moveToFirstElement: be, moveToLastElement: me } = ne(
-      {
-        items: O(ce),
-        isOptionDisabled: t.isOptionDisabled,
-        hasStaticCategories: G(t, "staticCategories")
-      },
-      re
-    ), ve = {
-      [k.ARROW_UP]: (d) => de(d),
-      [k.ARROW_DOWN]: (d) => ue(d),
-      [k.HOME]: be,
-      [k.END]: me
-    };
-    return {
-      // Refs
-      selectAllListboxItemsRef: n,
-      selectedListboxItemsRef: a,
-      listboxItemsRef: o,
-      // Values
-      isAllSelected: L,
-      showSelectedItems: K,
-      isIndeterminate: f,
-      isMultiLevelSelect: b,
-      flattenedItemsList: m,
-      selectedItemsList: r,
-      selectAllCheckboxText: T,
-      selectedOptions: V,
-      showSelectAllCheckbox: I,
-      slots: s,
-      // Enums
-      BentoListboxEvent: i,
-      // Methods
-      selectAllCategory: A,
-      toggleCheckboxSelection: W,
-      toggleSelectAll: h,
-      unselectAllCategory: F,
-      // Events
-      listboxListeners: ve
-    };
-  }
-});
-var yt = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select" }, e.listboxListeners), [e.showSelectAllCheckbox ? s("bento-listbox-option", { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option" }, [s("bento-checkbox", { attrs: { "aria-label": e.selectAllCheckboxText, "model-value": e.isAllSelected, indeterminate: e.isIndeterminate }, on: { "update:model-value": e.toggleSelectAll } }), s("bento-typography", { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(e.selectAllCheckboxText) + " ")])], 1) : e._e(), e.showSelectAllCheckbox ? s("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), e.showSelectedItems ? s("div", [s("listbox-multi-select-chips", { ref: "selectedListboxItemsRef", attrs: { items: e.selectedOptions, "is-option-disabled": e.isOptionDisabled }, on: { "unselect-category": e.unselectAllCategory, "unselect-item": function(l) {
-    return e.toggleCheckboxSelection(e.BentoListboxEvent.SELECT, l);
-  } } }), s("hr", { staticClass: "b-listbox-multi-select__divider" })], 1) : e._e(), s("listbox-multi-select-options", { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": e.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": e.selectedItemsList }, on: { "toggle-checkbox-selection": function(l) {
-    return e.toggleCheckboxSelection(e.BentoListboxEvent.SELECT, l);
-  }, "select-category": e.selectAllCategory, "unselect-category": e.unselectAllCategory, "space-pressed": function(l) {
-    return e.toggleCheckboxSelection(e.BentoListboxEvent.SPACE, l);
-  }, "tab-pressed": function(l) {
-    return e.toggleCheckboxSelection(e.BentoListboxEvent.TAB, l);
-  }, "enter-pressed": function(l) {
-    return e.toggleCheckboxSelection(e.BentoListboxEvent.ENTER, l);
-  } }, scopedSlots: e._u([e._l(e.slots, function(l, n) {
-    return { key: n, fn: function(a) {
-      return [e._t(n, null, null, a)];
-    } };
-  })], null, !0) })], 1);
-}, pt = [], Ct = /* @__PURE__ */ D(
-  gt,
-  yt,
-  pt,
-  !1,
-  null,
-  "38dead9f"
-);
-const ee = Ct.exports, St = {
-  "en-US": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "ja-JP": {
-    loading: "読み込み中",
-    showMore: "表示内容を増やす"
-  },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  }
-}, ht = 36, xt = $({
-  name: "bento-listbox",
-  components: {
-    BentoEmptyState: ye,
-    BentoListboxSingleSelect: Xe,
-    BentoListboxMultiSelect: ee,
-    BentoTypography: w,
-    BentoLoadingIndicator: ge,
-    BentoLoadingButton: Ee
-  },
-  directives: { BentoKeyboardNavigationDirective: J },
-  i18n: { messages: St },
-  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 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: P.NONE,
-      validator: (t) => Object.values(P).includes(t)
-    },
-    /**
-     * 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: ee.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: [
-    i.SELECT,
-    i.SPACE,
-    i.SHOW_MORE,
-    i.ENTER,
-    i.ESCAPE,
-    i.TAB
-  ],
-  setup(t, { emit: e, slots: s }) {
-    const l = O([]), n = G(t, "items"), { t: a } = Y(), o = c(() => t.lazyLoadType !== P.AUTOMATIC), r = c(() => t.lazyLoadType === P.AUTOMATIC), b = () => {
-      var I;
-      return typeof (t == null ? void 0 : t.virtualScroll) == "object" && ((I = t == null ? void 0 : t.virtualScroll) != null && I.itemHeight) ? t.virtualScroll.itemHeight : ht;
-    }, {
-      containerRef: m,
-      containerProps: E,
-      onScroll: p,
-      list: S,
-      wrapperProps: B
-    } = Oe(n, {
-      itemHeight: b(),
-      // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: (t == null ? void 0 : t.multiple) || (t == null ? void 0 : t.virtualScroll) === !1 || (t == null ? void 0 : t.lazyLoadType) !== "none"
-    }), T = c(
-      () => o.value ? "true" : void 0
-    ), R = c(
-      () => o.value && t.loading ? "true" : "false"
-    ), u = c(
-      () => o.value ? "polite" : void 0
-    ), _ = (I) => (U) => {
-      e(I, U);
-    }, C = () => {
-      e(i.SHOW_MORE);
-    }, L = pe(() => {
-      const I = m.value;
-      if (!I)
-        return;
-      const U = Math.round(I.scrollTop) + I.clientHeight >= I.scrollHeight;
-      t.hasMoreItems && U && !t.loading && C();
-    }), f = () => {
-      r.value ? L() : p();
-    }, h = c(() => {
-      var I;
-      return ((I = t.items) == null ? void 0 : I.length) === 0;
-    }), A = c(
-      () => t.lazyLoadType === P.BUTTON && t.hasMoreItems
-    ), F = c(
-      () => t.loading ? Z.LOADING : Z.START
-    ), W = c(() => t.loading ? a("loading") : a("showMore")), V = c(() => ({
-      ...t.emptyState,
-      variant: "condensed"
-    })), K = {
-      [i.SELECT]: _(i.SELECT),
-      [i.SPACE]: _(i.SPACE),
-      [i.TAB]: _(i.TAB),
-      [i.ENTER]: _(i.ENTER)
-    };
-    return {
-      // Refs
-      listboxRef: m,
-      listboxItemRef: l,
-      // a11y
-      ariaAtomic: T,
-      ariaBusy: R,
-      ariaLive: u,
-      // Values
-      containerProps: E,
-      isSearchResultEmpty: h,
-      limitedEmptyStateProps: V,
-      loadingButtonState: F,
-      slots: s,
-      shouldDisplayShowMoreButton: A,
-      showMoreButtonText: W,
-      virtualisedItems: S,
-      wrapperProps: B,
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: k,
-      BentoListboxEvent: i,
-      // Methods
-      onListboxContainerScroll: f,
-      onOptionSelected: _,
-      emitShowMore: C,
-      listboxListeners: K
-    };
-  }
-});
-var Et = function() {
-  var l;
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (l = e.containerProps) == null ? void 0 : l.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 } }, [s("div", e._b({}, "div", e.wrapperProps, !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({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, a) {
-    return { key: a, fn: function(o) {
-      return [e._t(a, null, null, o)];
-    } };
-  })], null, !0) }, e.listboxListeners))] : [s("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(n, a) {
-    return { key: a, fn: function(o) {
-      return [e._t(a, null, null, o)];
-    } };
-  })], null, !0) }, e.listboxListeners))], e.shouldDisplayShowMoreButton ? s("div", { staticClass: "b-listbox__lazy-load" }, [s("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(n) {
-    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)]);
-}, Lt = [], Ot = /* @__PURE__ */ D(
-  xt,
-  Et,
-  Lt,
-  !1,
-  null,
-  "9ad46841"
-);
-const zt = Ot.exports, H = (t, e) => {
-  for (const s of t) {
-    if (s.value === e)
-      return s;
-    if (s.items) {
-      const l = H(s.items, e);
-      if (l)
-        return l;
-    }
-  }
-  return null;
-}, Vt = (t, e, s) => {
-  const l = O([]), n = O(), a = (b) => {
-    n.value = s.value ? b.map(({ value: m }) => m) : b[0].value;
-  }, o = (b) => {
-    l.value = b, a(b);
-  }, r = () => {
-    l.value = [], n.value = null;
-  };
-  return se(
-    () => e.value,
-    () => {
-      if (!e.value) {
-        r();
-        return;
-      }
-      const b = !Array.isArray(e.value), m = [...l.value];
-      r();
-      const E = (p) => {
-        let S = H(t.value, p);
-        S || (S = H(m, p)), S || (S = { value: p, label: p.toString() }), l.value.push(S);
-      };
-      if (b) {
-        const p = e.value;
-        E(p), a(l.value);
-        return;
-      }
-      e.value.forEach(E), a(l.value);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    cachedSelectedListboxOptions: l,
-    cachedListboxSelectedValues: n,
-    // Methods
-    resetCache: r,
-    setCachedValues: o
-  };
-};
-export {
-  P as B,
-  i as a,
-  zt as b,
-  Vt as c,
-  _t as u
-};
-//# sourceMappingURL=use-cached-selected-values.C5gHa-dC.js.map