@adyen/bento-vue2 1.90.0 → 1.92.0

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

@@ -1,1450 +0,0 @@
-import { computed as n, ref as x, onMounted as Ne, onUnmounted as we, watch as X, defineComponent as G, nextTick as _e, toRef as H, useSlots as Ge, useAttrs as Pe } from "vue";
-import { B as M, a as se } from "./keyboard-navigation.DWmhelVv.js";
-import { B as j } from "./typography.C8lPlsbD.js";
-import { B as Fe } from "./loading-indicator.PxbRzshH.js";
-import { B as Ye } from "./empty-state.DMV23IZy.js";
-import { u as le } from "./index.B6WW_F-J.js";
-import { d as ze } from "./debounce.DUTu11PS.js";
-import { o as Ue } from "./resize.Bqks3WUm.js";
-import "./index.Cl4_42j5.js";
-import { C as J, N as Ve } from "./minus-small.DJacLGTw.js";
-import { C as We } from "./checkmark-small.DVDtD4HQ.js";
-/* empty css              */
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as Ke } from "./chip.BFY_-VCz.js";
-import { C as je } from "./chevron-down.eYtgv5ly.js";
-import { C as qe } from "./chevron-up.d8cwIlA_.js";
-import { g as be } from "./generate-uid.NJ8tVoha.js";
-import { a as He, b as fe } from "./button-actions.BmU1DngD.js";
-import "../assets/use-cached-selected-values.css";
-const pe = (s, e, l, t) => {
-  const o = n(
-    () => {
-      var f, A;
-      return !!((f = s.value) != null && f.length) && ((A = s.value) == null ? void 0 : A.length) === e.value.length;
-    }
-  ), a = n(() => {
-    var f;
-    return s.value == null || s.value.length === 0 ? !1 : ((f = s.value) == null ? void 0 : f.length) !== e.value.length;
-  });
-  return {
-    isAllSelected: o,
-    isIndeterminate: a,
-    toggleSelectAll: (f) => {
-      f ? l() : t();
-    }
-  };
-};
-function Xe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: o }) {
-  const a = x(null), r = x([]), f = x(0), A = x(0), d = x(0);
-  let b;
-  const T = n(() => {
-    const I = typeof l == "number" ? s.value.length * l : s.value.reduce((S, v, y) => S + l(y), 0), O = typeof l == "number" ? f.value * l : s.value.slice(0, f.value).reduce((S, v, y) => S + l(y), 0);
-    return {
-      style: {
-        marginTop: `${O}px`,
-        height: `${I - O}px`
-      }
-    };
-  }), _ = () => {
-    const I = (o == null ? void 0 : o.value) ?? 0, O = Math.max(a.value.scrollTop - I, 0);
-    if (typeof l == "number")
-      return Math.floor(O / l);
-    let S = 0, v = 0;
-    for (let y = 0; y < s.value.length; y += 1) {
-      const D = l(y);
-      if (S += D, S >= O) {
-        v = y;
-        break;
-      }
-    }
-    return v;
-  }, p = () => {
-    if (d.value = a.value.clientHeight, typeof l == "number")
-      return Math.ceil(d.value / l);
-    const I = f.value ?? 0;
-    let O = 0, S = 0;
-    for (let v = I; v < s.value.length; v += 1) {
-      const y = l(v);
-      if (O += y, S = v, O > d.value)
-        break;
-    }
-    return S - I;
-  }, C = () => {
-    if (a.value) {
-      const I = p();
-      f.value = _(), A.value = Math.min(f.value + I + t, s.value.length), r.value = s.value.slice(f.value, A.value);
-    }
-  }, R = () => {
-    C();
-  };
-  e || (Ne(() => {
-    a.value && (d.value = a.value.clientHeight, b = Ue(a.value, ({ clientHeight: I }) => {
-      d.value = I, C();
-    }), C());
-  }), we(() => {
-    b == null || b.disconnect();
-  }), X(
-    () => s.value,
-    () => {
-      C();
-    }
-  ));
-  const B = {
-    ref: a,
-    style: { overflowY: "auto" }
-  };
-  return e ? {
-    containerRef: a,
-    containerProps: B,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onScroll: () => {
-    },
-    list: s
-  } : {
-    containerRef: a,
-    containerProps: B,
-    onScroll: R,
-    list: r,
-    wrapperProps: T
-  };
-}
-var c = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.SHOW_MORE = "show-more", s.ESCAPE = "escape-pressed", s.CLICK = "click", s.ENTER = "enter-pressed", s.SPACE = "space-pressed", s.TAB = "tab-pressed", s.CLOSE_DROPDOWN = "close-dropdown", s))(c || {}), K = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))(K || {});
-const Je = G({
-  name: "bento-listbox-static-category",
-  components: {
-    BentoTypography: j
-  },
-  props: {
-    /**
-     * Category label text
-     */
-    categoryLabel: {
-      type: String,
-      required: !0
-    }
-  }
-});
-var Ze = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", { staticClass: "b-listbox-single-select-category", attrs: { role: "group", "aria-label": e.categoryLabel } }, [l("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), l("div", [e._t("default")], 2)], 1);
-}, Qe = [], et = /* @__PURE__ */ N(
-  Je,
-  Ze,
-  Qe,
-  !1,
-  null,
-  "bfbc1649"
-);
-const tt = et.exports, st = G({
-  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: [c.CLICK, c.ENTER, c.SPACE, c.TAB],
-  setup(s, { emit: e }) {
-    const l = n(() => ({
-      "b-listbox-option--disabled": s.disabled,
-      "b-listbox-option--selected": s.selected
-    }));
-    return {
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: M,
-      BentoListboxEvent: c,
-      // Values
-      conditionalClasses: l,
-      // Events
-      onClick: (a) => {
-        e(c.CLICK, a);
-      },
-      onOptionSelected: (a, r) => {
-        e(a, r);
-      }
-    };
-  }
-});
-var lt = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("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);
-}, ot = [], at = /* @__PURE__ */ N(
-  st,
-  lt,
-  ot,
-  !1,
-  null,
-  "c345b6c0"
-);
-const Z = at.exports;
-let me = 0;
-const nt = {
-  beforeCreate() {
-    this.uuid = me.toString(), me += 1;
-  }
-};
-var it = function() {
-  var e = this, l = e._self._c;
-  return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z" } })]);
-}, ct = [], rt = /* @__PURE__ */ N(
-  nt,
-  it,
-  ct,
-  !1,
-  null,
-  null
-);
-const ut = rt.exports, dt = G({
-  name: "bento-listbox-single-select-option",
-  components: {
-    BentoListboxOption: Z,
-    BentoTypography: j,
-    CheckmarkIcon: ut
-  },
-  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: [c.ENTER, c.SELECT, c.SPACE, c.TAB],
-  setup(s, { emit: e }) {
-    const l = (r) => {
-      s.disabled || e(r, s.option);
-    }, t = n(() => s.disabled ? !0 : null), o = n(() => s.selected ? !0 : null), a = n(() => s.disabled ? -1 : 0);
-    return {
-      // Values
-      ariaDisabled: t,
-      ariaSelected: o,
-      tabIndex: a,
-      // Enums
-      BentoListboxEvent: c,
-      // Events
-      onOptionSelected: l
-    };
-  }
-});
-var bt = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("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 [l("span", { staticClass: "b-listbox-single-select-option__text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? l("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), l("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [l("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, ft = [], mt = /* @__PURE__ */ N(
-  dt,
-  bt,
-  ft,
-  !1,
-  null,
-  "bb14d75a"
-);
-const vt = mt.exports, ye = ({ items: s }, e) => {
-  const l = n(() => s.value.length - 1), t = x(0), o = (_) => {
-    switch (_) {
-      case "increase":
-        t.value += 1;
-        break;
-      case "decrease":
-        t.value -= 1;
-        break;
-    }
-  }, a = ({ edgeCaseItem: _ }, p) => {
-    t.value !== _ && (o(p), e(t.value));
-  }, r = (_) => {
-    T(_), a(
-      {
-        edgeCaseItem: l.value
-      },
-      "increase"
-      /* INCREASE */
-    );
-  }, f = (_) => {
-    T(_), a(
-      {
-        edgeCaseItem: 0
-      },
-      "decrease"
-      /* DECREASE */
-    );
-  }, A = () => {
-    t.value = 0, e(t.value);
-  }, d = () => {
-    t.value = l.value, e(t.value);
-  }, b = (_) => {
-    t.value = _;
-  }, T = (_) => {
-    var p;
-    (p = _ == null ? void 0 : _.detail) == null || p.preventDefault();
-  };
-  return {
-    moveToFirstElement: A,
-    moveToLastElement: d,
-    moveToNextElement: r,
-    moveToPreviousElement: f,
-    setListboxFocusedIndex: b,
-    preventDefault: T,
-    focusedIndex: t
-  };
-}, he = (s, e, l = x("option"), t = !0) => {
-  const o = x([]), a = async () => {
-    if (!s.value || s.value.nodeType === Node.COMMENT_NODE)
-      return;
-    const r = Array.from(s.value.querySelectorAll(`[role="${l.value}"]`));
-    o.value = t ? r.filter((f) => f.checkVisibility()) : r;
-  };
-  return X(
-    e,
-    () => {
-      _e(() => {
-        a();
-      });
-    },
-    { immediate: !0 }
-  ), {
-    visibleDomOptions: o,
-    updateVisibleDomOptions: a
-  };
-}, gt = G({
-  name: "bento-listbox-single-select",
-  components: {
-    BentoListboxSingleSelectCategory: tt,
-    BentoListboxSingleSelectOption: vt
-  },
-  directives: { BentoKeyboardNavigationDirective: se },
-  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: [c.SELECT, c.ENTER, c.SPACE, c.TAB],
-  setup(s, { emit: e, expose: l, slots: t, attrs: o }) {
-    const a = x(null), r = x([]), f = n(() => {
-      var v;
-      return !!((v = s.selectedValue) != null && v.length) && s.selectedValue.at(0);
-    }), A = n(
-      () => {
-        var v, y, D, P;
-        return {
-          "aria-label": (v = o["aria-label"]) == null ? void 0 : v.toString(),
-          "aria-busy": (y = o["aria-busy"]) == null ? void 0 : y.toString(),
-          "aria-atomic": (D = o["aria-atomic"]) == null ? void 0 : D.toString(),
-          "aria-live": (P = o["aria-live"]) == null ? void 0 : P.toString()
-        };
-      }
-    ), d = n(() => !!s.items.some(({ items: v }) => !!v)), b = (v) => (y) => {
-      e(v, [y]);
-    }, { visibleDomOptions: T } = he(a, H(s, "items"), x("option"), !1), _ = (v) => {
-      var y;
-      (y = T.value[v]) == null || y.focus();
-    }, {
-      moveToNextElement: p,
-      moveToPreviousElement: C,
-      moveToFirstElement: R,
-      moveToLastElement: B,
-      setListboxFocusedIndex: I
-    } = ye(
-      {
-        items: T
-      },
-      _
-    ), O = {
-      [M.ARROW_UP]: C,
-      [M.ARROW_DOWN]: p,
-      [M.HOME]: R,
-      [M.END]: B
-    }, S = {
-      [c.SELECT]: b(c.SELECT),
-      [c.SPACE]: b(c.SPACE),
-      [c.TAB]: b(c.TAB),
-      [c.ENTER]: b(c.ENTER)
-    };
-    return l({
-      /**
-       * Reference for a single listbox item.
-       * Required for keyboard navigation in dropdown as $children is removed in vue@3
-       */
-      listboxItemRef: r,
-      /**
-       * 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: I
-    }), {
-      // Enums
-      BentoListboxEvent: c,
-      // Values
-      listboxRef: a,
-      listboxItemRef: r,
-      selectedItem: f,
-      slots: t,
-      ariaAttributes: A,
-      // Computed
-      hasCategories: d,
-      // Methods
-      onOptionSelected: b,
-      // Keyboard navigation
-      listboxListeners: O,
-      listboxOptionListeners: S
-    };
-  }
-});
-var _t = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", attrs: { role: "listbox" } }, "div", e.ariaAttributes, !1), e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-category", { key: t.value, attrs: { "category-label": t.label } }, e._l(t.items, function(o) {
-      return l("bento-listbox-single-select-option", e._g({ key: o.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: o, disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null, selected: o.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(a, r) {
-        return { key: r, fn: function(f) {
-          return [e._t(r, null, null, f)];
-        } };
-      })], null, !0) }, e.listboxOptionListeners));
-    }), 1);
-  }) : e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, a) {
-      return { key: a, fn: function(r) {
-        return [e._t(a, null, null, r)];
-      } };
-    })], null, !0) }, e.listboxOptionListeners));
-  })], 2);
-}, pt = [], yt = /* @__PURE__ */ N(
-  gt,
-  _t,
-  pt,
-  !1,
-  null,
-  null
-);
-const ht = yt.exports;
-let ve = 0;
-const St = {
-  beforeCreate() {
-    this.uuid = ve.toString(), ve += 1;
-  }
-};
-var Ct = function() {
-  var e = this, l = e._self._c;
-  return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M9.69043 5.75L4.62988 10.8105L1.56934 7.75L2.62988 6.68945L4.62988 8.68945L8.62988 4.68945L9.69043 5.75Z" } }), l("path", { attrs: { fill: "#001222", d: "M13.9307 5.75L8.87012 10.8105L7.80957 9.75L12.8701 4.68945L13.9307 5.75Z" } })]);
-}, xt = [], Ot = /* @__PURE__ */ N(
-  St,
-  Ct,
-  xt,
-  !1,
-  null,
-  null
-);
-const Et = Ot.exports, Tt = {}, It = /* @__PURE__ */ G({
-  ...Tt,
-  __name: "decorative-checkbox",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    indeterminate: { type: Boolean, default: !1 },
-    checked: { type: Boolean, default: !1 },
-    allSelected: { type: Boolean, default: !1 }
-  },
-  setup(s) {
-    const e = s, l = n(() => ({
-      [`b-checkbox-input--${J.DISABLED}`]: e.disabled
-    })), t = n(() => ({
-      [`b-checkbox-input__outline--${J.UNCHECKED}`]: !e.checked && !e.indeterminate && !e.allSelected,
-      [`b-checkbox-input__outline--${J.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
-      [`b-checkbox-input__outline--${J.INDETERMINATE}`]: e.indeterminate
-    }));
-    return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: We, MinusSmallIcon: Ve, DoubleCheckmarkSmallIcon: Et };
-  }
-});
-var At = function() {
-  var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { staticClass: "b-checkbox-input", class: t.conditionalClasses, attrs: { role: "presentation" } }, [e.indeterminate ? l(t.MinusSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e.allSelected ? l(t.DoubleCheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true", "data-testid": "decorative-checkbox-double-checkmark-icon" } }) : e.checked ? l(t.CheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e._e(), l("div", { staticClass: "b-checkbox-input__outline", class: t.outlineConditionalClasses })], 1);
-}, Lt = [], kt = /* @__PURE__ */ N(
-  It,
-  At,
-  Lt,
-  !1,
-  null,
-  "b87bbaf9"
-);
-const oe = kt.exports;
-var Se = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(Se || {}), U = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", s))(U || {});
-const Rt = {
-  "de-DE": {
-    categoryClosed: "{category} geschlossen",
-    categoryOpened: "{category} geöffnet"
-  },
-  "en-GB": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  },
-  "en-US": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  },
-  "es-ES": {
-    categoryClosed: "{category} cerrado",
-    categoryOpened: "{category} abierto"
-  },
-  "es-MX": {
-    categoryClosed: "{category} cerrado",
-    categoryOpened: "{category} abierto"
-  },
-  "fr-FR": {
-    categoryClosed: "{category} fermée",
-    categoryOpened: "{category} ouverte"
-  },
-  "it-IT": {
-    categoryClosed: "{category} chiuso",
-    categoryOpened: "{category} aperto"
-  },
-  "ja-JP": {
-    categoryClosed: "{category}を閉じました",
-    categoryOpened: "{category}を開きました"
-  },
-  "pt-BR": {
-    categoryClosed: "{category} fechada",
-    categoryOpened: "{categoria} aberta"
-  },
-  "zh-CN": {
-    categoryClosed: "{category} 已关闭",
-    categoryOpened: "{category} 已打开"
-  }
-}, Dt = G({
-  i18n: { messages: Rt },
-  name: "bento-listbox-multi-select-category",
-  components: {
-    BentoTypography: j,
-    BentoListboxOption: Z,
-    ChevronDownIcon: je,
-    ChevronUpIcon: qe,
-    DecorativeCheckbox: oe
-  },
-  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: [
-    U.SELECT_CATEGORY,
-    U.UNSELECT_CATEGORY,
-    U.TOGGLE_CATEGORY_VISIBILITY
-  ],
-  setup(s, { emit: e }) {
-    const l = x(!1), { t } = le(), o = be("category-group"), a = be("category-name"), r = (E) => s.isOptionDisabled ? s.isOptionDisabled(E) : !1, f = n(
-      () => s.category.items.every((E) => r(E))
-    ), A = H(s, "staticCategories"), d = n(() => l.value || s.staticCategories), b = n(() => ({
-      [`b-listbox-multi-select-category--${Se.DISABLED}`]: f.value
-    })), T = (E, L) => {
-      E.preventDefault(), l.value = L !== void 0 ? L : !l.value, e(U.TOGGLE_CATEGORY_VISIBILITY, s.category.value);
-    }, _ = (E) => {
-      var Y;
-      const L = r(E), $ = ((Y = s.selectedItemsList) == null ? void 0 : Y.includes(E.value)) || !1;
-      return { isDisabled: L, isPreSelected: $ };
-    }, p = n(
-      () => s.category.items.filter((E) => {
-        const { isDisabled: L, isPreSelected: $ } = _(E);
-        return L && $ || !L;
-      })
-    ), C = n(
-      () => {
-        var E;
-        return (E = p.value) == null ? void 0 : E.filter(
-          ({ value: L }) => {
-            var $;
-            return ($ = s.selectedItemsList) == null ? void 0 : $.includes(L);
-          }
-        );
-      }
-    ), R = n(() => {
-      const E = l.value ? "categoryOpened" : "categoryClosed";
-      return t(E, { category: s.category.label });
-    }), B = () => {
-      e(U.SELECT_CATEGORY);
-    }, I = () => {
-      e(U.UNSELECT_CATEGORY);
-    }, { isAllSelected: O, isIndeterminate: S, toggleSelectAll: v } = pe(
-      C,
-      p,
-      B,
-      I
-    ), y = n(() => S.value ? "mixed" : `${O.value}`), D = x(O.value), P = () => {
-      D.value = !D.value, v(D.value);
-    };
-    return X(O, () => {
-      D.value = O.value;
-    }), {
-      // Values
-      chevronTitle: R,
-      conditionalClass: b,
-      hasAllPropsDisabled: f,
-      isOpen: l,
-      isAllSelected: O,
-      isIndeterminate: S,
-      isStaticCategory: A,
-      categoryGroupId: o,
-      categoryNameId: a,
-      // Computed
-      showItemChildren: d,
-      ariaCheckedComputed: y,
-      // Methods
-      handleSelectAll: P,
-      toggleOpen: T,
-      toggleSelectAll: v
-    };
-  }
-});
-var Bt = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", [e.isStaticCategory ? l("div", { staticClass: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category", attrs: { "aria-hidden": "true" } }, [l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.category.label) + " ")])], 1)]) : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex, "aria-selected": e.ariaCheckedComputed !== "false", "aria-checked": e.ariaCheckedComputed, "aria-disabled": e.hasAllPropsDisabled, "aria-expanded": `${e.isOpen}`, role: "treeitem", "aria-owns": e.categoryGroupId, "aria-labelledby": e.categoryNameId }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(t) {
-    return t.preventDefault(), e.handleSelectAll.apply(null, arguments);
-  } }, nativeOn: { keydown: [function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "arrow-left", void 0, t.key, void 0) ? null : e.toggleOpen(t, !1);
-  }, function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "arrow-right", void 0, t.key, void 0) ? null : e.toggleOpen(t, !0);
-  }] } }, [l("decorative-checkbox", { attrs: { indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, checked: e.isAllSelected } }), l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { id: e.categoryNameId, el: "span" } }, [e._v(" " + e._s(e.category.label) + " ")]), l("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "aria-hidden": "true", "data-testid": "toggle-listbox" }, on: { "!click": function(t) {
-    return t.stopPropagation(), e.toggleOpen.apply(null, arguments);
-  } } }, [e.isOpen ? l("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : l("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), l("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }], attrs: { id: e.categoryGroupId, role: "group", "aria-label": e.category.label } }, [e._t("default")], 2)], 1);
-}, Mt = [], $t = /* @__PURE__ */ N(
-  Dt,
-  Bt,
-  Mt,
-  !1,
-  null,
-  "00ccd708"
-);
-const Nt = $t.exports;
-var w = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", s.UNSELECT_CATEGORY = "unselect-category", s.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", s))(w || {});
-const wt = G({
-  name: "listbox-multi-select-options",
-  components: {
-    BentoListboxOption: Z,
-    BentoTypography: j,
-    ListboxMultiSelectCategory: Nt,
-    DecorativeCheckbox: oe
-  },
-  inheritAttrs: !1,
-  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 },
-    /**
-     * Object with the index of each item.
-     */
-    itemsIndex: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    w.TOGGLE_CHECKBOX_SELECTION,
-    w.SELECT_CATEGORY,
-    w.UNSELECT_CATEGORY,
-    w.TOGGLE_CATEGORY_VISIBILITY
-  ],
-  setup(s, { emit: e }) {
-    const l = (d) => {
-      s.isOptionDisabled(d) || e(w.TOGGLE_CHECKBOX_SELECTION, d);
-    }, t = (d) => !!d.items, o = (d) => {
-      const b = s.isMultiLevel && s.searching;
-      return d.description && (!s.isMultiLevel || b);
-    }, a = (d) => d.items ? !!d.items.find((b) => s.selectedItemsList.includes(b.value)) : s.selectedItemsList.includes(d.value), r = (d) => {
-      if (t(d)) {
-        const b = a(d) ? w.UNSELECT_CATEGORY : w.SELECT_CATEGORY;
-        e(b, d);
-      } else
-        l(d);
-    };
-    return {
-      // Values
-      conditionalClasses: n(() => ({
-        "b-listbox-multi-select-options__static-category-option": s.staticCategories,
-        "b-listbox-multi-select-options__category-option": s.categoryItems
-      })),
-      // Methods
-      isOptionSelected: a,
-      shouldShowDescription: o,
-      toggleCheckboxSelection: l,
-      toggleSearchOption: r,
-      computedTabindex: (d) => s.itemsIndex[d] === s.focusedIndex ? 0 : -1,
-      // Enums
-      BentoListboxEvent: c,
-      ListboxMultiSelectOptionsEvent: w
-    };
-  }
-});
-var Gt = function() {
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._l(e.items, function(t) {
-    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(o) {
-      return e.toggleSearchOption(t);
-    }, "enter-pressed": function(o) {
-      return e.toggleSearchOption(t);
-    }, "space-pressed": function(o) {
-      return o.preventDefault(), e.toggleSearchOption(t);
-    } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
-      return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? l("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 ? [l("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(t.value) }, on: { "select-category": function(o) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, t);
-    }, "unselect-category": function(o) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, t);
-    }, "toggle-category-visibility": function(o) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, o);
-    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role || "option" }, on: { "toggle-checkbox-selection": (o) => e.toggleCheckboxSelection(o) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(o) {
-      return e.toggleCheckboxSelection(t);
-    }, "enter-pressed": function(o) {
-      return e.toggleCheckboxSelection(t);
-    }, "space-pressed": function(o) {
-      return o.preventDefault(), e.toggleCheckboxSelection(t);
-    } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
-      return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? l("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);
-}, Pt = [], Ft = /* @__PURE__ */ N(
-  wt,
-  Gt,
-  Pt,
-  !1,
-  null,
-  "0985e0a4"
-);
-const Yt = Ft.exports, zt = (s) => {
-  const e = n(() => {
-    var t;
-    return !!((t = s.value) != null && t.find(({ items: o }) => !!o));
-  }), l = n(() => {
-    var t;
-    return e.value ? (t = s.value) == null ? void 0 : t.reduce((o, a) => (a.items ? o.push(...a.items.flat()) : o.push(a), o), []) : s.value;
-  });
-  return {
-    isMultiLevelSelect: e,
-    flattenedItemsList: l
-  };
-}, Ut = {
-  "de-DE": {
-    allSelected: "Alle ausgewählt ({total})",
-    numberOfTotalSelected: "{number} von {total} ausgewählt",
-    numbersSelected: "{number} ausgewählt",
-    selectAll: "Alle auswählen ({total})"
-  },
-  "en-GB": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  },
-  "en-US": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  },
-  "es-ES": {
-    allSelected: "Todos seleccionados ({total})",
-    numberOfTotalSelected: "{number} de {total} seleccionados",
-    numbersSelected: "{number} seleccionado",
-    selectAll: "Seleccionar todo ({total})"
-  },
-  "es-MX": {
-    allSelected: "Todos seleccionados ({total})",
-    numberOfTotalSelected: "{number} de {total} seleccionados",
-    numbersSelected: "{número} seleccionado",
-    selectAll: "Seleccionar todo ({total})"
-  },
-  "fr-FR": {
-    allSelected: "Tous sélectionnés ({total})",
-    numberOfTotalSelected: "{number} sélectionné(s) sur {total}",
-    numbersSelected: "{number} sélectionné(s)",
-    selectAll: "Tout sélectionner ({total})"
-  },
-  "it-IT": {
-    allSelected: "Tutti i selezionati ({total})",
-    numberOfTotalSelected: "{numero} su {totale} selezionati",
-    numbersSelected: "{numero} selezionati",
-    selectAll: "Seleziona tutto ({total})"
-  },
-  "ja-JP": {
-    allSelected: "すべて選択 ({total})",
-    numberOfTotalSelected: "{number}/{total}件が選択されました",
-    numbersSelected: "{number}件選択済み",
-    selectAll: "すべて選択 ({total})"
-  },
-  "pt-BR": {
-    allSelected: "Todos os selecionados ({total})",
-    numberOfTotalSelected: "{number} de {total} selecionados",
-    numbersSelected: "{number} selecionados",
-    selectAll: "Selecionar tudo ({total})"
-  },
-  "zh-CN": {
-    allSelected: "全部已选 ({total})",
-    numberOfTotalSelected: "已选择 {number} 个，共 {total} 个",
-    numbersSelected: "已选择 {number} 个",
-    selectAll: "选择全部（{total}）个"
-  }
-}, Vt = { i18n: { messages: Ut } }, Wt = /* @__PURE__ */ G({
-  ...Vt,
-  __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(s, { expose: e, emit: l }) {
-    const t = s, { t: o, n: a } = le(), r = Ge(), f = Pe(), A = n(
-      () => {
-        var i, u, m, h;
-        return {
-          "aria-label": (i = f["aria-label"]) == null ? void 0 : i.toString(),
-          "aria-busy": (u = f["aria-busy"]) == null ? void 0 : u.toString(),
-          "aria-atomic": (m = f["aria-atomic"]) == null ? void 0 : m.toString(),
-          "aria-live": (h = f["aria-live"]) == null ? void 0 : h.toString(),
-          "aria-multiselectable": !0
-        };
-      }
-    ), d = x(null), b = x(null), T = x(null), _ = x(null), p = n(() => t.selectedValues.map(({ value: i }) => i)), { isMultiLevelSelect: C, flattenedItemsList: R } = zt(H(t, "items")), B = n(() => C.value && !t.staticCategories), I = n(() => B.value ? "tree" : "listbox"), O = n(() => B.value ? "treeitem" : "option"), S = (i) => {
-      var h;
-      const u = t.isOptionDisabled(i), m = ((h = p.value) == null ? void 0 : h.includes(i.value)) || !1;
-      return { isDisabled: u, isPreSelected: m };
-    }, v = n(() => {
-      if (t.searching && C)
-        return t.items;
-      const i = R.value.filter((u) => {
-        const { isDisabled: m, isPreSelected: h } = S(u);
-        return m && h || !m;
-      });
-      return t.selectedValues.forEach((u) => {
-        i.find((m) => m.value === u.value) || i.push(u);
-      }), i;
-    }), y = n(
-      () => {
-        var i;
-        return (i = v.value) == null ? void 0 : i.filter((u) => {
-          var m;
-          return u.items && C.value && t.searching ? u.items.filter(
-            (g) => (t.selectedValues ?? []).includes(g.value)
-          ).length === u.items.length : (m = p.value) == null ? void 0 : m.includes(u.value);
-        });
-      }
-    ), D = () => C.value && !t.searching ? R.value.length : t.items.length, P = n(() => {
-      var h;
-      const i = v.value.length, u = D(), m = ((h = y.value) == null ? void 0 : h.length) || 0;
-      return m === 0 ? o("selectAll", { total: a(i) }) : m === u ? o("allSelected", { total: a(u) }) : m <= u ? o("numberOfTotalSelected", { number: a(m), total: a(u) }) : o("numbersSelected", { number: a(m) });
-    }), E = (i) => {
-      const u = (h) => {
-        const { isDisabled: g, isPreSelected: F } = S(h);
-        return g && F || !g;
-      }, m = i.filter(u).filter((h) => !p.value.includes(h.value));
-      l("select", [...t.selectedValues, ...m]);
-    }, L = (i) => {
-      const u = (g) => {
-        const { isDisabled: F, isPreSelected: $e } = S(g);
-        return !(F && $e);
-      }, m = i.filter(u).map(({ value: g }) => g), h = t.selectedValues.filter((g) => !(m != null && m.includes(g.value)));
-      l("select", h);
-    }, $ = () => {
-      E(R.value);
-    }, Y = () => {
-      L(R.value);
-    }, { isAllSelected: z, isIndeterminate: k, toggleSelectAll: V } = pe(
-      y,
-      v,
-      $,
-      Y
-    ), Ce = n(() => k.value ? "mixed" : `${z.value}`), q = x(z.value), xe = () => {
-      q.value = !q.value, V(q.value);
-    };
-    X(z, () => {
-      q.value = z.value;
-    });
-    const Oe = (i) => {
-      E(i.items);
-    }, Ee = (i) => {
-      L(i.items);
-    }, Te = (i, u) => {
-      let m = !1;
-      const h = t.selectedValues.filter(({ value: g }) => u.value === g ? (m = !0, !1) : !0);
-      m || h.push(u), l(i, h);
-    }, Ie = n(() => {
-      if (!C.value)
-        return t.selectedValues;
-      const i = (g) => p.value.includes(g.value), u = (g) => !t.staticCategories && g.every((F) => i(F));
-      return t.items.flatMap(
-        (g) => g.items && !u(g.items) ? g.items : g
-      ).filter((g) => g.items ? !0 : i(g));
-    }), Ae = n(() => {
-      var m, h, g, F;
-      const i = ["automatic", "button"].includes(t.lazyLoadType), u = ((m = t.selectedValues) == null ? void 0 : m.length) > 0 && ((h = y.value) == null ? void 0 : h.length) !== ((g = R.value) == null ? void 0 : g.length);
-      return i && t.hasMoreItems ? !!((F = t.selectedValues) != null && F.length) : u;
-    }), Le = n(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), W = x([]), { visibleDomOptions: Q, updateVisibleDomOptions: ae } = he(
-      d,
-      H(t, "items"),
-      O
-    ), ke = (i) => {
-      W.value.includes(i) ? W.value = W.value.filter((u) => u !== i) : W.value.push(i), _e(() => {
-        ae();
-      });
-    }, ne = (i) => {
-      var u;
-      (u = Q.value[i]) == null || u.focus();
-    }, {
-      moveToNextElement: ie,
-      moveToPreviousElement: ce,
-      moveToFirstElement: re,
-      moveToLastElement: ue,
-      preventDefault: ee,
-      focusedIndex: Re,
-      setListboxFocusedIndex: de
-    } = ye(
-      {
-        items: Q
-      },
-      ne
-    ), De = {
-      [M.ARROW_UP]: (i) => ce(i),
-      [M.ARROW_DOWN]: (i) => ie(i),
-      [M.HOME]: re,
-      [M.END]: ue
-    };
-    e({
-      /**
-       * 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: de
-    });
-    const Be = {
-      [M.ARROW_UP]: ee,
-      [M.ARROW_DOWN]: ee
-    }, Me = n(() => {
-      let i = 1;
-      const u = {};
-      return t.items.forEach((m) => {
-        let h = W.value.includes(m.value);
-        m.items ? (t.staticCategories ? h = !0 : u[m.value] = i++, h && m.items.forEach((g) => u[g.value] = i++)) : u[m.value] = i++;
-      }), u;
-    });
-    return { __sfc: !0, props: t, emit: l, t: o, n: a, slots: r, attrs: f, ariaAttributes: A, listboxRef: d, selectAllListboxItemsRef: b, selectedListboxItemsRef: T, listboxItemsRef: _, selectedItemsList: p, isMultiLevelSelect: C, flattenedItemsList: R, isTreePattern: B, computedRole: I, computedOptionRole: O, optionStates: S, enabledItems: v, visibleSelectedList: y, calculateTotalItems: D, selectAllCheckboxText: P, selectAll: E, unselectAll: L, selectAllItems: $, unselectAllItems: Y, isAllSelected: z, isIndeterminate: k, toggleSelectAll: V, ariaCheckedComputed: Ce, isSelectAllOn: q, handleSelectAll: xe, selectAllCategory: Oe, unselectAllCategory: Ee, toggleCheckboxSelection: Te, selectedOptions: Ie, showSelectedItems: Ae, showSelectAllCheckbox: Le, expandedCategories: W, visibleDomOptions: Q, updateVisibleDomOptions: ae, toggleCategoryVisibility: ke, focusItem: ne, moveToNextElement: ie, moveToPreviousElement: ce, moveToFirstElement: re, moveToLastElement: ue, preventDefault: ee, focusedIndex: Re, setListboxFocusedIndex: de, listboxListeners: De, chipsSectionListeners: Be, computedItemsIndex: Me, DecorativeCheckbox: oe, BentoTypography: j, BentoChip: Ke, BentoListboxOption: Z, ListboxMultiSelectOptions: Yt, vBentoKeyboardNavigationDirective: se, BentoListboxEvent: c };
-  }
-});
-var Kt = function() {
-  var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(o) {
-    return l("li", { key: o.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(a) {
-      o.items ? t.unselectAllCategory(o) : t.toggleCheckboxSelection("select", o);
-    } } })], 1);
-  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(o) {
-    return o.preventDefault(), t.handleSelectAll.apply(null, arguments);
-  } } }, [l(t.DecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(o) {
-    return t.toggleCheckboxSelection("select", o);
-  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.toggleCategoryVisibility, "space-pressed": function(o) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, o);
-  }, "tab-pressed": function(o) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, o);
-  }, "enter-pressed": function(o) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, o);
-  } }, scopedSlots: e._u([e._l(t.slots, function(o, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
-    } };
-  })], null, !0) })], 1)]);
-}, jt = [], qt = /* @__PURE__ */ N(
-  Wt,
-  Kt,
-  jt,
-  !1,
-  null,
-  "efcc8ad5"
-);
-const ge = qt.exports, Ht = {
-  "de-DE": {
-    loading: "Laden",
-    showMore: "Mehr anzeigen"
-  },
-  "en-GB": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "en-US": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "es-ES": {
-    loading: "Cargando",
-    showMore: "Mostrar más"
-  },
-  "es-MX": {
-    loading: "Cargando",
-    showMore: "Mostrar más"
-  },
-  "fr-FR": {
-    loading: "Chargement",
-    showMore: "Afficher plus"
-  },
-  "it-IT": {
-    loading: "Caricamento",
-    showMore: "Mostra di più"
-  },
-  "ja-JP": {
-    loading: "読み込み中",
-    showMore: "さらに表示"
-  },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  },
-  "zh-CN": {
-    loading: "正在加载",
-    showMore: "显示更多"
-  }
-}, Xt = 36, Jt = G({
-  name: "bento-listbox",
-  components: {
-    BentoEmptyState: Ye,
-    BentoListboxSingleSelect: ht,
-    BentoListboxMultiSelect: ge,
-    BentoTypography: j,
-    BentoLoadingIndicator: Fe,
-    BentoLoadingButton: He
-  },
-  directives: { BentoKeyboardNavigationDirective: se },
-  i18n: { messages: Ht },
-  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: K.NONE,
-      validator: (s) => Object.values(K).includes(s)
-    },
-    /**
-     * 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: ge.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: [
-    c.SELECT,
-    c.SPACE,
-    c.SHOW_MORE,
-    c.ENTER,
-    c.ESCAPE,
-    c.TAB
-  ],
-  setup(s, { emit: e, slots: l }) {
-    const t = x([]), o = H(s, "items"), { t: a } = le(), r = n(() => s.lazyLoadType !== K.AUTOMATIC), f = n(() => s.lazyLoadType === K.AUTOMATIC), A = () => {
-      var k;
-      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((k = s == null ? void 0 : s.virtualScroll) != null && k.itemHeight) ? s.virtualScroll.itemHeight : Xt;
-    }, {
-      containerRef: d,
-      containerProps: b,
-      onScroll: T,
-      list: _,
-      wrapperProps: p
-    } = Xe(o, {
-      itemHeight: A(),
-      // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: (s == null ? void 0 : s.multiple) || (s == null ? void 0 : s.virtualScroll) === !1 || (s == null ? void 0 : s.lazyLoadType) !== "none"
-    }), C = n(
-      () => s.componentLoading !== void 0 || r.value ? "true" : void 0
-    ), R = n(
-      () => r.value && s.loading || s.componentLoading ? "true" : "false"
-    ), B = n(
-      () => r.value || s.componentLoading !== void 0 ? "polite" : void 0
-    ), I = n(
-      () => ({
-        "aria-label": s.ariaLabel,
-        "aria-busy": R.value,
-        "aria-atomic": C.value,
-        "aria-live": B.value
-      })
-    ), O = n(
-      () => s.componentLoading ? {
-        ...I.value,
-        role: "alert"
-      } : {}
-    ), S = (k) => (V) => {
-      e(k, V);
-    }, v = () => {
-      e(c.SHOW_MORE);
-    }, y = ze(() => {
-      const k = d.value;
-      if (!k)
-        return;
-      const V = Math.round(k.scrollTop) + k.clientHeight >= k.scrollHeight;
-      s.hasMoreItems && V && !s.loading && v();
-    }), D = () => {
-      f.value ? y() : T();
-    }, P = n(() => {
-      var k;
-      return ((k = s.items) == null ? void 0 : k.length) === 0;
-    }), E = n(
-      () => s.lazyLoadType === K.BUTTON && s.hasMoreItems
-    ), L = n(
-      () => s.loading ? fe.LOADING : fe.START
-    ), $ = n(() => s.loading ? a("loading") : a("showMore")), Y = n(() => ({
-      ...s.emptyState,
-      variant: "condensed"
-    })), z = {
-      [c.SELECT]: S(c.SELECT),
-      [c.SPACE]: S(c.SPACE),
-      [c.TAB]: S(c.TAB),
-      [c.ENTER]: S(c.ENTER)
-    };
-    return {
-      // Refs
-      listboxRef: d,
-      listboxItemRef: t,
-      // a11y
-      ariaAttributes: I,
-      listboxContainerAttributes: O,
-      // Values
-      containerProps: b,
-      isSearchResultEmpty: P,
-      limitedEmptyStateProps: Y,
-      loadingButtonState: L,
-      slots: l,
-      shouldDisplayShowMoreButton: E,
-      showMoreButtonText: $,
-      virtualisedItems: _,
-      wrapperProps: p,
-      // Enums
-      BentoKeyboardNavigationKeyDownEvent: M,
-      BentoListboxEvent: c,
-      // Methods
-      onListboxContainerScroll: D,
-      onOptionSelected: S,
-      emitShowMore: v,
-      listboxListeners: z
-    };
-  }
-});
-var Zt = function() {
-  var t;
-  var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
-    } };
-  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
-    } };
-  })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(o) {
-    return e.emitShowMore.apply(null, arguments);
-  } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, Qt = [], es = /* @__PURE__ */ N(
-  Jt,
-  Zt,
-  Qt,
-  !1,
-  null,
-  "35cb3605"
-);
-const hs = es.exports, te = (s, e) => {
-  for (const l of s) {
-    if (l.value === e)
-      return l;
-    if (l.items) {
-      const t = te(l.items, e);
-      if (t)
-        return t;
-    }
-  }
-  return null;
-}, ts = (s) => typeof s == "object" && s !== null && "value" in s && "label" in s, Ss = (s, e, l, t) => {
-  const o = x([]), a = x(), r = (b) => {
-    l.value ? a.value = b.map(({ value: T }) => T) : a.value = b.length > 0 ? b[0].value : null;
-  }, f = (b) => {
-    l.value ? a.value = b.map(({ value: T, label: _ }) => ({ value: T, label: _ })) : a.value = b.length > 0 ? { value: b[0].value, label: b[0].label } : null;
-  }, A = (b) => {
-    o.value = b, t != null && t.value ? f(b) : r(b);
-  }, d = () => {
-    o.value = [], a.value = null;
-  };
-  return X(
-    () => e.value,
-    () => {
-      if (!e.value && e.value !== 0) {
-        d();
-        return;
-      }
-      const b = !Array.isArray(e.value), T = [...o.value];
-      d();
-      const _ = (p) => {
-        if (ts(p))
-          o.value.push(p);
-        else {
-          let C = te(s.value, p);
-          C || (C = te(T, p)), C || (C = { value: p, label: p.toString() }), o.value.push(C);
-        }
-      };
-      if (b) {
-        const p = e.value;
-        _(p), t != null && t.value ? f(o.value) : r(o.value);
-        return;
-      }
-      e.value.forEach(_), t != null && t.value ? f(o.value) : r(o.value);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    cachedSelectedListboxOptions: o,
-    cachedListboxSelectedValues: a,
-    // Methods
-    resetCache: d,
-    setCachedValues: A
-  };
-};
-export {
-  c as B,
-  ut as C,
-  oe as D,
-  K as a,
-  hs as b,
-  zt as c,
-  he as d,
-  Ss as u
-};
-//# sourceMappingURL=use-cached-selected-values.Bn3Y8Iuq.js.map