@adyen/bento-vue2 1.61.0 → 1.62.0

package/dist/chunks/use-cached-selected-values.C-umGJXi.js

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