@adyen/bento-vue2 1.79.1 → 1.80.0

package/dist/chunks/filter-bar.DpjD5bZe.js

@@ -1,2277 +0,0 @@
-import { defineComponent as N, useSlots as de, useAttrs as et, computed as r, ref as x, watch as Y, nextTick as Ee, toRef as H, onBeforeUpdate as pe, provide as Oe, reactive as tt, onMounted as xe } from "vue";
-import { B as lt } from "./radio-group.BTu23ZgN.js";
-import { u as Z } from "./index.B6WW_F-J.js";
-import { t as le } from "./truncate.BfIl_-71.js";
-import { u as at, g as nt, I as ot, h as st, B as it } from "./button-actions.C3cP-anb.js";
-import { b as rt } from "./tooltip.Dt87KVh2.js";
-import { n as V } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { g as ve } from "./generate-uid.NJ8tVoha.js";
-import { B as Re } from "./teleport.dQFcCuAw.js";
-import { C as ut } from "./cross-small.CoQUe8SS.js";
-import { B as Ue, a as ge } from "./base-button.Cv-1788W.js";
-import { B as ue, d as _e } from "./typography.hlOAxsEn.js";
-import { u as $e } from "./use-has-slot.C9lQZ6nz.js";
-import { u as ke } from "./aria-label.CaUURpnB.js";
-import { g as we } from "./get-slot-text.Bjb9dTSV.js";
-import { B as ye } from "./input-field.C4XJ53Cn.js";
-import { B as me, b as oe } from "./search-bar.BcHoTrjP.js";
-import "./index.Cl4_42j5.js";
-import { k as ct } from "./index.BDK4hwK_.js";
-import { F as Ve } from "./fixed-scroller.CgVOf5VE.js";
-import { B as dt } from "./modal.D3OSxMF6.js";
-import { B as pt } from "./button.CS_kdxYh.js";
-import { u as Fe, B as ft } from "./dropdown.BpT6ct8O.js";
-import { g as bt } from "./focus-trap.BJfpIboH.js";
-import { C as vt } from "./chevron-up.d8cwIlA_.js";
-import { C as _t } from "./chevron-down.eYtgv5ly.js";
-/* empty css              */
-import { B as he } from "./divider.DX5gwN7p.js";
-import { c as Ce, b as yt } from "./use-cached-selected-values.FoXcm49J.js";
-import { L as Ne } from "./listbox-option-tag.B94BtpSU.js";
-import { B as mt } from "./payment-method.C8Ie97qE.js";
-import { u as Ft } from "./use-country-items.B3Cd3Tdo.js";
-import { B as ht } from "./avatar.CeDqq2Z-.js";
-import { D as St, B as Bt, i as fe, a as gt } from "./date-range-picker.DYYyE_e2.js";
-import { g as Me } from "./differenceInMonths.Cab3nOsb.js";
-import { D as De } from "./date-format.B8RU7D42.js";
-import { b as Ct, f as ee, i as Dt } from "./calendar.Bhj58zR3.js";
-import { B as At } from "./date-picker.Dvx50znw.js";
-import { R as Tt } from "./refresh.arF7jP-l.js";
-import { u as Pt } from "./use-bento-toast-controller.BhtohoS1.js";
-import "../assets/filter-bar.css";
-const It = {}, Lt = /* @__PURE__ */ N({
-  ...It,
-  __name: "filter-bar-button",
-  props: {
-    /**
-     * The number of applied values within the filter.
-     * Text can also be applied here such as 'All'.
-     * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
-     */
-    appliedFiltersCount: { type: [String, Number], default: null },
-    /**
-     * Disables button functionality.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Signifies if the filter is open or closed.
-     */
-    isFilterOpen: { type: Boolean, default: !1 },
-    /**
-     * Signifies if the filter is a persistent filter
-     */
-    isPersistentFilter: { type: Boolean, default: !1 },
-    /**
-     * Renders the button without the applied state styles
-     */
-    noAppliedStateStyles: { type: Boolean, default: !1 },
-    /**
-     * A secondary label to be added next to the primary for additional filtering information.
-     * i.e. Can be used to show the set value for said filter.
-     */
-    secondaryLabel: { type: String, default: null }
-  },
-  emits: ["click"],
-  setup(a, { emit: e }) {
-    const t = a, l = de(), n = et(), o = $e(l), s = r(() => l.default ? we(l)("default") : null), u = r(() => !o("default") && o("iconLeft")), c = ke({ ariaLabel: s }), d = x(null), _ = r(() => {
-      var m;
-      return {
-        "aria-controls": (m = n["aria-controls"]) == null ? void 0 : m.toString()
-      };
-    }), h = r(
-      () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
-    ), b = r(() => ({
-      "b-filter-bar-button--applied": h.value,
-      "b-filter-bar-button--filter-open": t.isFilterOpen && !h.value,
-      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && h.value,
-      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
-      "b-filter-bar-button--with-counter": t.appliedFiltersCount,
-      "b-filter-bar-button--icon-only": u.value
-    }));
-    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, isIconOnly: u, computedAriaLabel: c, filterBarButtonRef: d, ariaAttributes: _, isAppliedFilter: h, conditionalClasses: b, onClickButton: (m) => {
-      m.preventDefault(), t.disabled || e("click", m);
-    }, BaseButton: Ue, BentoTypography: ue };
-  }
-});
-var Et = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: l.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": l.computedAriaLabel, "aria-controls": l.ariaAttributes["aria-controls"], type: "button" }, on: { click: l.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
-    return [e.appliedFiltersCount && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e()];
-  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [t("span", [e._t("default")], 2), e.secondaryLabel && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, Ot = [], xt = /* @__PURE__ */ V(
-  Lt,
-  Et,
-  Ot,
-  !1,
-  null,
-  "a64471d2"
-);
-const Se = xt.exports, Rt = {}, Ut = /* @__PURE__ */ N({
-  ...Rt,
-  __name: "filter-bar-button-group",
-  props: {
-    isActive: { type: Boolean, default: !1 },
-    skipGrouping: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const e = a, t = r(() => ({
-      "b-filter-bar-button-group--active": e.isActive,
-      "b-filter-bar-button-group--grouped": !e.skipGrouping
-    }));
-    return { __sfc: !0, props: e, conditionalClasses: t };
-  }
-});
-var $t = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t("div", { staticClass: "b-filter-bar-button-group", class: l.conditionalClasses }, [e._t("default")], 2);
-}, kt = [], wt = /* @__PURE__ */ V(
-  Ut,
-  $t,
-  kt,
-  !1,
-  null,
-  "c0b008f0"
-);
-const Vt = wt.exports;
-var J = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(J || {});
-const Nt = {
-  "en-US": {
-    apply: "Apply",
-    clear: "Clear",
-    clearFilter: "Clear filter {function}",
-    filtersHaveBeenCleared: "Filters have been cleared",
-    numberSelected: "{numberOfItemsSelected} selected",
-    reset: "Reset",
-    resetFilter: "Reset filter {function}"
-  },
-  "ja-JP": {
-    apply: "適用",
-    clear: "クリア",
-    reset: "リセット"
-  },
-  "pt-BR": {
-    apply: "Aplicar",
-    clear: "Limpar",
-    reset: "Reiniciar"
-  }
-}, Mt = {
-  i18n: { messages: Nt },
-  name: "bento-base-filter"
-}, Ht = /* @__PURE__ */ N({
-  ...Mt,
-  props: {
-    appliedFiltersCount: { default: null },
-    buttonLabel: { default: void 0 },
-    buttonSecondaryLabel: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    defaultValue: { default: null },
-    onlySlot: { type: Boolean, default: !1 },
-    controlled: { type: Boolean, default: !1 },
-    disableApplyButton: { type: Boolean, default: !1 },
-    disableSecondaryButton: { type: Boolean, default: !1 },
-    field: null,
-    label: null,
-    fitContent: { type: Boolean, default: void 0 },
-    tooltipText: { default: void 0 },
-    tooltipPosition: { default: void 0 },
-    value: { default: void 0 }
-  },
-  emits: [
-    J.APPLY,
-    J.CLEAR,
-    J.OPEN,
-    J.CLOSE,
-    J.RESET,
-    J.CANCEL
-  ],
-  setup(a, { expose: e, emit: t }) {
-    const l = a, { t: n } = Z(), o = ve("base-filter-popover"), s = x(!1), u = x(null), c = x(null), d = r(() => l.defaultValue !== null), _ = r(() => d.value ? JSON.stringify(l.value) !== JSON.stringify(l.defaultValue) : l.appliedFiltersCount || l.buttonSecondaryLabel), h = r(() => {
-      let L = l.buttonSecondaryLabel ? `: ${l.buttonSecondaryLabel}` : "";
-      return l.appliedFiltersCount && (L = `: ${n("numberSelected", { numberOfItemsSelected: l.appliedFiltersCount })}`), (d.value ? l.label : A.value) + L;
-    }), b = r(
-      () => d.value ? n("resetFilter", {
-        function: A.value
-      }) : n("clearFilter", {
-        function: A.value
-      })
-    ), A = r(() => l.buttonLabel || l.label), m = async () => {
-      var L, g;
-      await Ee(), (g = (L = u.value) == null ? void 0 : L.$el) == null || g.focus();
-    }, D = () => {
-      s.value && (s.value = !1, m(), t(J.CLOSE));
-    }, P = () => {
-      d.value ? t(J.RESET) : t(J.CLEAR), m();
-    }, U = () => {
-      D(), P();
-    }, $ = () => {
-      s.value ? D() : (s.value = !0, t(J.OPEN));
-    }, C = () => {
-      D(), t(J.APPLY);
-    }, S = () => {
-      D(), t(J.CANCEL);
-    }, E = () => S(), I = r(() => [
-      {
-        title: n("apply"),
-        event: C,
-        disabled: l.disableApplyButton
-      },
-      {
-        title: d.value ? n("reset") : n("clear"),
-        event: U,
-        disabled: l.disableSecondaryButton
-      }
-    ]);
-    return Y(
-      () => s.value,
-      (L, g) => {
-        var k, j;
-        !L && g && (j = (k = u.value) == null ? void 0 : k.filterBarButtonRef) != null && j.bentoBaseButtonRef && u.value.filterBarButtonRef.bentoBaseButtonRef.focus();
-      }
-    ), at(c, E, { ignore: [u] }), e({
-      closePopover: D
-    }), { __sfc: !0, emit: t, props: l, t: n, popoverId: o, isFilterOpen: s, filterButtonRef: u, popoverRef: c, isPersistentFilter: d, isValueChanged: _, computedAriaLabel: h, computedClearButtonLabel: b, computedButtonText: A, resetFocus: m, closePopover: D, resetFilter: P, onClickSecondaryAction: U, onClickFilter: $, onClickApply: C, onCancel: S, onClickOutside: E, actions: I, BentoPopover: nt, vBentoTooltipDirective: rt, FilterBarButton: Se, FilterBarButtonGroup: Vt, BentoTeleport: Re, CrossSmallIcon: ut };
-  }
-});
-var jt = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t(l.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": l.isFilterOpen, "skip-grouping": !l.isValueChanged } }, [t(l.FilterBarButton, { ref: "filterButtonRef", attrs: { "aria-label": l.computedAriaLabel, "aria-controls": l.isFilterOpen ? l.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": l.isPersistentFilter, "is-filter-open": l.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: l.onClickFilter, keydown: function(n) {
-    return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : l.closePopover.apply(null, arguments);
-  } } }, [e._v(" " + e._s(l.computedButtonText) + " ")]), l.isValueChanged ? t(l.FilterBarButton, { attrs: { "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": l.isPersistentFilter, "is-filter-open": l.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: l.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(l.CrossSmallIcon, { attrs: { "svg-title": l.computedClearButtonLabel } })];
-  }, proxy: !0 }], null, !1, 892273033) }) : e._e()], 1), l.filterButtonRef ? t(l.BentoTeleport, [l.filterButtonRef ? t(l.BentoPopover, { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: l.popoverId, divider: "", open: l.isFilterOpen, actions: e.controlled ? null : l.actions, "actions-layout": "space-between", "target-element": l.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"], "overflow-visible": "" } }, [t("div", { on: { keydown: function(n) {
-    return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : l.onCancel.apply(null, arguments);
-  } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, qt = [], Jt = /* @__PURE__ */ V(
-  Ht,
-  jt,
-  qt,
-  !1,
-  null,
-  "83cb499e"
-);
-const ae = Jt.exports, Yt = (a) => a instanceof Array, Ae = (a) => Yt(a) ? a.length === 0 || a.every((e) => e === "") : !a, Te = (a, e) => JSON.stringify(a) === JSON.stringify(e), Q = (a, e) => {
-  const t = x(a.value);
-  Y(
-    () => a.value,
-    () => {
-      t.value = a.value;
-    }
-  );
-  const l = r(() => Ae(a.value)), n = r(
-    () => e.value !== null ? Te(e.value, a.value) : l.value
-  ), o = r(() => Te(t.value, a.value) || Ae(t.value) && l.value);
-  return {
-    internalFilterValue: t,
-    isSecondaryButtonDisabled: n,
-    isApplyButtonDisabled: o
-  };
-}, zt = {
-  name: "bento-input-filter"
-}, Gt = /* @__PURE__ */ N({
-  ...zt,
-  props: {
-    defaultValue: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    field: null,
-    label: null,
-    onlySlot: { type: Boolean, default: !1 },
-    options: { default: void 0 },
-    value: { default: null }
-  },
-  emits: ["input", "update"],
-  setup(a, { emit: e }) {
-    var I, L;
-    const t = a, l = x(null), n = x((L = (I = t == null ? void 0 : t.options) == null ? void 0 : I.dropdown) == null ? void 0 : L.value), o = r(
-      () => {
-        var g, k;
-        return ((g = t == null ? void 0 : t.options) == null ? void 0 : g.variant) === "dropdown" && ((k = t == null ? void 0 : t.options) == null ? void 0 : k.dropdown) !== void 0;
-      }
-    ), s = r(
-      () => {
-        var g;
-        return o.value ? { ...(g = t == null ? void 0 : t.options) == null ? void 0 : g.dropdown, value: n.value } : void 0;
-      }
-    ), u = r(() => {
-      var g;
-      return ((g = t == null ? void 0 : t.options) == null ? void 0 : g.variant) === "dropdown" ? "dropdown" : "default";
-    }), c = r(
-      () => {
-        var g;
-        return o.value ? (g = t.value) == null ? void 0 : g.inputValue : t == null ? void 0 : t.value;
-      }
-    ), { internalFilterValue: d, isSecondaryButtonDisabled: _, isApplyButtonDisabled: h } = Q(
-      c,
-      H(t, "defaultValue")
-    ), b = r(() => t.label), A = r(() => le(c.value, 12)), m = r(() => ({
-      "b-input-filter--only-slot": t.onlySlot
-    }));
-    pe(() => {
-      d.value === "" && (d.value = null);
-    }), Y(l, () => {
-      var g;
-      (g = l.value) == null || g.focusInput();
-    });
-    const D = () => {
-      d.value = c.value;
-    }, P = () => {
-      !d.value && t.defaultValue !== null && (d.value = t.defaultValue), e("update", {
-        ...t,
-        value: o.value ? {
-          inputValue: d.value,
-          dropdownValue: n.value
-        } : d.value
-      });
-    }, U = () => e("update", { ...t, value: t.defaultValue }), $ = () => {
-      d.value = null, P();
-    }, C = () => {
-      e("input", { ...t, value: d.value });
-    }, S = (g) => {
-      d.value = g;
-    }, E = (g) => {
-      n.value = g;
-    };
-    return Oe(ot, o.value), Y(
-      () => t.options,
-      () => {
-        var g, k, j;
-        ((g = t.options) != null && g.dropdown || (k = t.options) != null && k.dropdownPosition || (j = t.options) != null && j.variant) && _e(
-          'BentoInputFilter "options" property',
-          `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
-                            Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
-                            <bento-filter-bar
-                               :config="[{
-                                    field: 'name',
-                                    label: 'Name',
-                                    type: BentoFilterItemType.INPUT_DROPDOWN,
-                                    options: [...],
-                                }]"
-                            />`,
-          "2.0.0"
-        );
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: o, dropdownProp: s, inputVariant: u, valueProp: c, internalFilterValue: d, isSecondaryButtonDisabled: _, isApplyButtonDisabled: h, buttonLabel: b, buttonSecondaryLabel: A, conditionalClasses: m, openFilter: D, updateFilter: P, resetFilter: U, clearFilter: $, onInput: C, setInternalFilterValue: S, onDropdownInput: E, BentoBaseFilter: ae, BentoInputField: ye };
-  }
-});
-var Wt = function() {
-  var n, o, s, u;
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": l.isDropdownVariant, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-filter", class: l.conditionalClasses, on: { keydown: function(c) {
-    return !c.type.indexOf("key") && e._k(c.keyCode, "enter", 13, c.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
-  }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownProp, "dropdown-position": (s = e.options) == null ? void 0 : s.dropdownPosition, placeholder: (u = e.options) == null ? void 0 : u.placeholder, variant: l.inputVariant, "model-value": l.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, Kt = [], Zt = /* @__PURE__ */ V(
-  Gt,
-  Wt,
-  Kt,
-  !1,
-  null,
-  "72e86cb6"
-);
-const He = Zt.exports;
-var F = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(F || {}), te = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(te || {}), W = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(W || {});
-const Qt = {
-  name: "bento-input-with-dropdown-filter"
-}, Xt = /* @__PURE__ */ N({
-  ...Qt,
-  props: {
-    disabled: { type: Boolean },
-    defaultValue: { default: void 0 },
-    field: null,
-    label: null,
-    onlySlot: { type: Boolean, default: !1 },
-    options: { default: void 0 },
-    value: { default: void 0 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const t = a, l = x(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(H(t, "value"), H(t, "defaultValue")), u = r(() => t.label), c = r(() => {
-      var S;
-      return le((S = t.value) == null ? void 0 : S.inputValue, 12);
-    }), d = r(
-      () => {
-        var S, E, I, L, g;
-        return ((S = n.value) == null ? void 0 : S.dropdownValue) ?? ((I = (E = t.options) == null ? void 0 : E.dropdown) == null ? void 0 : I.modelValue) ?? ((g = (L = t.options) == null ? void 0 : L.dropdown) == null ? void 0 : g.value);
-      }
-    ), _ = r(() => {
-      var S;
-      return {
-        ...((S = t.options) == null ? void 0 : S.dropdown) || {},
-        modelValue: d.value
-      };
-    }), h = r(() => ({
-      "b-input-with-dropdown-filter--only-slot": t.onlySlot
-    })), b = r(() => {
-      var E;
-      return !(!!((E = n.value) != null && E.inputValue) && !!d.value) || s.value;
-    });
-    pe(() => {
-      var S;
-      ((S = n.value) == null ? void 0 : S.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
-    }), Y(l, () => {
-      var S;
-      (S = l.value) == null || S.focusInput();
-    });
-    const A = () => {
-      n.value = t.value;
-    }, m = () => {
-      var S;
-      !((S = n.value) != null && S.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(F.UPDATE, {
-        ...t,
-        value: n.value
-      });
-    }, D = () => e(F.UPDATE, { ...t, value: t.defaultValue }), P = () => {
-      n.value = null, m();
-    }, U = () => {
-      e(F.INPUT, { ...t, value: n.value });
-    }, $ = (S) => {
-      n.value = { dropdownValue: d.value, inputValue: S };
-    }, C = (S) => {
-      n.value = { ...n.value, dropdownValue: S };
-    };
-    return Oe(st, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: u, buttonSecondaryLabel: c, dropdownSelection: d, dropdownOptions: _, conditionalClasses: h, shouldDisableApply: b, openFilter: A, updateFilter: m, resetFilter: D, clearFilter: P, onInput: U, setInternalFilterValue: $, onDropdownInput: C, BentoBaseFilter: ae, BentoInputField: ye };
-  }
-});
-var el = function() {
-  var n, o, s, u;
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.shouldDisableApply, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-with-dropdown-filter", class: l.conditionalClasses, on: { keydown: function(c) {
-    return !c.type.indexOf("key") && e._k(c.keyCode, "enter", 13, c.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
-  }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownOptions, "dropdown-position": (s = e.options) == null ? void 0 : s.dropdownPosition, variant: "dropdown", "model-value": (u = l.internalFilterValue) == null ? void 0 : u.inputValue, disabled: e.disabled }, on: { "update:model-value": l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, tl = [], ll = /* @__PURE__ */ V(
-  Xt,
-  el,
-  tl,
-  !1,
-  null,
-  "f2603e12"
-);
-const je = ll.exports, al = N({
-  name: "bento-date-filter",
-  components: {
-    BentoBaseFilter: ae,
-    BentoDatePicker: At,
-    BentoDivider: he,
-    Calendar: Ct
-  },
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    isDateInput: { type: Boolean, default: !0 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: Date, default: null },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     *   - isDateDisabled: Indicate if a date should be disabled or not
-     *   - tooltipPosition: The position of the tooltip attached to the filter button
-     *   - tooltipText: The content of the tooltip attached to the filter button
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: { type: Date, default: void 0 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const { locale: t } = Z(void 0, !0), l = Me(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
-      H(a, "value"),
-      H(a, "defaultValue")
-    ), u = r(
-      () => {
-        var P;
-        return a.value ? ee(a.value, "dd MMM, yyyy", {
-          locale: l[(P = t.value) == null ? void 0 : P.substring(0, 2)] || l.enUS
-        }) : null;
-      }
-    ), c = r(() => a.label), d = r(() => u.value), _ = () => {
-      e(F.UPDATE, { ...a, value: n.value });
-    }, h = () => {
-      n.value = null, _();
-    }, b = () => {
-      n.value = a.defaultValue, _();
-    }, A = () => {
-      n.value = a.value;
-    }, m = (P) => {
-      n.value = P, e(F.INPUT, { ...a, value: n.value });
-    };
-    return {
-      // Values
-      internalFilterValue: n,
-      isApplyButtonDisabled: s,
-      isSecondaryButtonDisabled: o,
-      buttonLabel: c,
-      buttonSecondaryLabel: d,
-      // Events
-      clearFilter: h,
-      onDateSelected: m,
-      openFilter: A,
-      updateFilter: _,
-      resetFilter: b,
-      onDateInputSelected: (P) => {
-        n.value = P, m(P), _();
-      }
-    };
-  }
-});
-var nl = function() {
-  var l, n, o, s, u, c, d, _;
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, variant: (u = e.options) == null ? void 0 : u.variant, disabled: e.disabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (c = e.options) == null ? void 0 : c.firstDayOfWeek, "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (_ = e.options) == null ? void 0 : _.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, ol = [], sl = /* @__PURE__ */ V(
-  al,
-  nl,
-  ol,
-  !1,
-  null,
-  "9422876d"
-);
-const qe = sl.exports, il = {
-  "en-US": {
-    apply: "Apply",
-    clear: "Clear",
-    reset: "Reset"
-  },
-  "ja-JP": {
-    apply: "適用",
-    clear: "クリア",
-    reset: "リセット"
-  },
-  "pt-BR": {
-    apply: "Aplicar",
-    clear: "Limpar",
-    reset: "Reiniciar"
-  }
-}, rl = N({
-  i18n: { messages: il },
-  name: "bento-date-range-filter",
-  components: {
-    BentoBaseFilter: ae,
-    BentoButtonActions: it,
-    BentoDateRangePicker: Bt,
-    BentoTypography: ue,
-    BentoDivider: he,
-    DateRangePickerCalendar: St
-  },
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: Object, default: null },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - allowTimeInput: Allows user to enter time values in the form
-     *   - firstDayOfWeek: Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     *   - isDateDisabled: Indicate if a date should be disabled or not
-     *   - maxRange: Set a maximum number of dates to be selectable by the range
-     *   - numberOfMonths: Number of months rendered on pane
-     *   - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
-     *   - showEndDateOnOpen: Upon opening date range picker, end date's month will be pre-selected.
-     *   - granularities: A list of available granularities.
-     *   - variant: The type of calendar to display. Defaults to showing days.
-     *   - tooltipPosition: The position of the tooltip attached to the filter button
-     *   - tooltipText: The content of the tooltip attached to the filter button
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: {
-      type: Object,
-      default: () => ({ startDate: void 0, endDate: void 0 })
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    var y, R, w, q;
-    const { locale: t, t: l } = Z(), n = Me(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = Q(
-      H(a, "value"),
-      H(a, "defaultValue")
-    ), c = x(!1), d = r(() => {
-      var i;
-      return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.quickSelectRanges) && a.options.quickSelectRanges.map((O) => {
-        const v = O.data.endDate ? void 0 : new Date(Date.now()).getTime() - O.data.startDate.getTime();
-        return {
-          ...O,
-          data: {
-            ...O.data,
-            // Adding timeDifference to calculate an up-to-date endDate on range selection
-            timeDifference: v
-          }
-        };
-      });
-    }), _ = (i) => {
-      var O;
-      return i ? ee(i, De.NUMERIC_DATE_YEAR_FIRST, {
-        locale: n[(O = t.value) == null ? void 0 : O.substring(0, 2)] || n.enUS
-      }) : void 0;
-    }, h = (i) => {
-      var O;
-      return i ? ee(i, De.HOUR_MINUTE_SECONDS, {
-        locale: n[(O = t.value) == null ? void 0 : O.substring(0, 2)] || n.enUS
-      }) : "";
-    }, b = x(null), A = x(!1), m = tt({
-      startDate: _((y = a.value) == null ? void 0 : y.startDate),
-      endDate: _((R = a.value) == null ? void 0 : R.endDate),
-      startTime: h((w = a.value) == null ? void 0 : w.startDate),
-      endTime: h((q = a.value) == null ? void 0 : q.endDate)
-    });
-    Y(
-      () => a.value,
-      () => {
-        var i, O, v, p;
-        m.startDate = _((i = a.value) == null ? void 0 : i.startDate), m.endDate = _((O = a.value) == null ? void 0 : O.endDate), m.startTime = h((v = a.value) == null ? void 0 : v.startDate), m.endTime = h((p = a.value) == null ? void 0 : p.endDate);
-      }
-    );
-    function D(i) {
-      return (i == null ? void 0 : i.length) !== void 0;
-    }
-    const P = (i) => {
-      var O, v, p, T, M, K, X, ie, re, ce;
-      if (!i || !(i != null && i.startDate) && !i.endDate)
-        return null;
-      if (D((O = a.options) == null ? void 0 : O.quickSelectRanges) && ((p = (v = a.options) == null ? void 0 : v.quickSelectRanges) == null ? void 0 : p.length) > 0) {
-        const Be = (M = (T = a.options) == null ? void 0 : T.quickSelectRanges) == null ? void 0 : M.find(({ value: Xe, data: G }) => i ? i.range ? Xe === i.range : !i.startDate || !i.endDate ? !1 : G != null && G.endDate ? fe(G == null ? void 0 : G.startDate, i.startDate) && fe(G == null ? void 0 : G.endDate, i.endDate) : fe(G == null ? void 0 : G.startDate, i.startDate) && gt(i.endDate) : !1);
-        if (Be)
-          return Be.label;
-      }
-      return !i.startDate || !i.endDate ? null : Dt(i.startDate, i.endDate) && ((K = a == null ? void 0 : a.options) != null && K.allowTimeInput) ? `${ee(i.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: n[(X = t.value) == null ? void 0 : X.substring(0, 2)] || n.enUS
-      })} - ${ee(i.endDate, "HH:mm:ss", {
-        locale: n[(ie = t.value) == null ? void 0 : ie.substring(0, 2)] || n.enUS
-      })}` : `${ee(i.startDate, "dd MMM, yyyy", {
-        locale: n[(re = t.value) == null ? void 0 : re.substring(0, 2)] || n.enUS
-      })} - ${ee(i.endDate, "dd MMM, yyyy", {
-        locale: n[(ce = t.value) == null ? void 0 : ce.substring(0, 2)] || n.enUS
-      })}`;
-    }, U = x(P(a.value)), $ = r(() => a.label), C = () => {
-      b.value.closePopover();
-      const { onlySlot: i, ...O } = a;
-      e(F.UPDATE, { ...O, value: o.value });
-    }, S = () => {
-      o.value = void 0, C();
-    }, E = () => {
-      o.value = a.defaultValue, C();
-    }, I = () => {
-      o.value = a.value;
-    }, L = () => {
-      var i, O, v, p;
-      o.value = a.value, c.value = !1, m.startDate = _((i = a.value) == null ? void 0 : i.startDate), m.endDate = _((O = a.value) == null ? void 0 : O.endDate), m.startTime = h((v = a.value) == null ? void 0 : v.startDate), m.endTime = h((p = a.value) == null ? void 0 : p.endDate);
-    }, g = (i) => {
-      c.value = !1, o.value = i, m.startDate = _(i.startDate), m.endDate = _(i.endDate), e(F.INPUT, { ...a, value: o.value });
-    }, k = (i) => {
-      i != null && i.startDate && (i != null && i.endDate) && (o.value = i, m.startDate = _(i.startDate), m.endDate = _(i.endDate), e(F.INPUT, { ...a, value: o.value }));
-    }, j = (i) => {
-      g(i), e(F.INPUT, { ...a, value: o.value });
-    }, z = r(
-      () => [
-        {
-          title: l("apply"),
-          event: C,
-          disabled: c.value || A.value || u.value
-        },
-        {
-          title: a.defaultValue ? l("reset") : l("clear"),
-          event: a.defaultValue ? E : S,
-          disabled: A.value && s.value
-        }
-      ]
-    ), B = () => {
-      A.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(F.INPUT, { ...a, value: o.value });
-    }, f = (i) => {
-      A.value = !1, i.startTime && (m.startTime = i.startTime), i.endTime && (m.endTime = i.endTime);
-    };
-    return Y(
-      () => a.value,
-      (i) => {
-        U.value = P(i);
-      },
-      { deep: !0 }
-    ), {
-      // Refs
-      baseFilter: b,
-      // Values
-      actions: z,
-      formData: m,
-      internalFilterValue: o,
-      isApplyButtonDisabled: u,
-      isSecondaryButtonDisabled: s,
-      isSelectingDate: c,
-      buttonLabel: $,
-      buttonSecondaryLabel: U,
-      adjustedQuickSelectRanges: d,
-      // Events
-      onCancel: L,
-      onDateSelected: g,
-      openFilter: I,
-      clearFilter: S,
-      resetFilter: E,
-      updateFilter: C,
-      onDatePickerRangeError: B,
-      onDatePickerRangeFormDateInputUpdate: f,
-      onDateInputSelected: j,
-      onRangeSelectorInput: k
-    };
-  }
-});
-var ul = function() {
-  var l, n, o, s, u, c, d, _, h, b, A, m, D, P, U, $, C, S, E, I, L, g, k;
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (o = e.options) == null ? void 0 : o.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled, "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges, variant: (_ = e.options) == null ? void 0 : _.variant, disabled: e.disabled, granularities: (h = e.options) == null ? void 0 : h.granularities, "max-range": (b = e.options) == null ? void 0 : b.maxRange, min: (A = e.options) == null ? void 0 : A.min, max: (m = e.options) == null ? void 0 : m.max, "date-form-data": e.formData, "show-end-date-on-open": (D = e.options) == null ? void 0 : D.showEndDateOnOpen }, on: { "update:model-value": e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (P = e.options) == null ? void 0 : P.allowTimeInput, "first-day-of-week": (U = e.options) == null ? void 0 : U.firstDayOfWeek, "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled, granularities: (C = e.options) == null ? void 0 : C.granularities, "max-range": (S = e.options) == null ? void 0 : S.maxRange, min: (E = e.options) == null ? void 0 : E.min, max: (I = e.options) == null ? void 0 : I.max, "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (g = e.options) == null ? void 0 : g.showEndDateOnOpen, variant: (k = e.options) == null ? void 0 : k.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(j) {
-    e.isSelectingDate = !0;
-  } }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
-  }, proxy: !0 }, { key: "actions", fn: function() {
-    return [t("bento-divider", { staticClass: "b-date-range-filter__divider" }), t("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
-  }, proxy: !0 }]) })], 1)]], 2);
-}, cl = [], dl = /* @__PURE__ */ V(
-  rl,
-  ul,
-  cl,
-  !1,
-  null,
-  "9fb1aa27"
-);
-const Je = dl.exports, pl = {
-  "en-US": {
-    all: "All",
-    noFiltersMatchThisSearch: "No filters match this search",
-    searchFilter: "Search {filter}"
-  },
-  "ja-JP": {
-    all: "すべて"
-  },
-  "pt-BR": {
-    all: "Todos"
-  }
-}, fl = {
-  i18n: { messages: pl }
-}, bl = /* @__PURE__ */ N({
-  ...fl,
-  __name: "select-filter-button",
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     *
-     */
-    defaultValue: {
-      type: [String, Number, Array],
-      default: null
-    },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with.
-     *
-     * @default undefined
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     *
-     * @default undefined
-     */
-    value: {
-      type: [String, Number, Array, Object],
-      default: void 0
-    }
-  },
-  emits: ["input", "update"],
-  setup(a, { emit: e }) {
-    var z, B;
-    const t = a, l = de(), { t: n } = Z(), o = x(""), s = H(t, "options"), u = x(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: _ } = Ce(
-      u,
-      H(t, "value"),
-      H(s.value, "multiple")
-    ), { cachedSelectedListboxOptions: h } = Ce(
-      u,
-      H(t, "defaultValue"),
-      H(s.value, "multiple")
-    ), { internalFilterValue: b, isSecondaryButtonDisabled: A, isApplyButtonDisabled: m } = Q(c, h);
-    Y(s, () => {
-      u.value = s.value.listboxItems ?? [];
-    });
-    const D = Fe(
-      o,
-      u,
-      (B = (z = t.options) == null ? void 0 : z.search) == null ? void 0 : B.searchEvent
-    ), P = r(() => n("noFiltersMatchThisSearch")), U = r(() => t.label), $ = r(() => {
-      var R, w, q, i, O;
-      const f = !((R = t == null ? void 0 : t.options) != null && R.multiple) && (t == null ? void 0 : t.value), y = ((w = t == null ? void 0 : t.options) == null ? void 0 : w.multiple) && Array.isArray(t.value) && t.value.length === 1;
-      if (f || y) {
-        if ((q = t.options) != null && q.enableValueLabelPair) {
-          const T = ((i = b.value) == null ? void 0 : i.length) > 0 ? b.value[0].label : t.value;
-          return le(T, 12);
-        }
-        let p = (O = t.options.listboxItems.flatMap((T) => T.items ? T.items : T).find(
-          ({ value: T }) => {
-            var M;
-            return Array.isArray(t.value) ? (M = t == null ? void 0 : t.value) == null ? void 0 : M.includes(T) : T === t.value;
-          }
-        )) == null ? void 0 : O.label;
-        return !p && t.value && (p = t.value[0]), le(p, 12);
-      }
-      return null;
-    }), C = r(() => ve(`filter-listbox-${t.field}`)), S = (f) => {
-      var q, i, O;
-      b.value = f;
-      const { onlySlot: y, ...R } = t;
-      if ((q = t.options) != null && q.multiple) {
-        let v;
-        (i = t.options) != null && i.enableValueLabelPair ? v = f.length ? b.value : null : v = f.length ? b.value.map(({ value: p }) => p) : null, e(F.INPUT, { ...R, value: v });
-        return;
-      }
-      let w;
-      (O = t.options) != null && O.enableValueLabelPair ? w = f.length ? f[0] : null : w = f.length ? f[0].value : null, e(F.INPUT, { ...R, value: w });
-    }, E = () => {
-      var w, q, i, O, v, p;
-      const { onlySlot: f, ...y } = t;
-      if (t.options.multiple) {
-        b.value && ((w = b.value) == null ? void 0 : w.length) === 0 && (b.value = t.defaultValue !== null ? h.value : void 0);
-        let T;
-        (q = t.options) != null && q.enableValueLabelPair ? T = (i = b.value) != null && i.length ? b.value : null : T = (O = b.value) != null && O.length ? (v = b.value) == null ? void 0 : v.map(({ value: M }) => M) : null, e(F.UPDATE, {
-          ...y,
-          value: T
-        });
-        return;
-      }
-      let R;
-      (p = t.options) != null && p.enableValueLabelPair ? R = b.value.length ? b.value[0] : void 0 : R = b.value.length ? b.value[0].value : void 0, e(F.UPDATE, { ...y, value: R });
-    }, I = () => {
-      var f, y;
-      b.value = c.value, (y = (f = t.options) == null ? void 0 : f.onOpen) == null || y.call(f);
-    }, L = () => {
-      o.value && (o.value = "");
-    }, g = () => {
-      d(h.value), b.value = h.value, E();
-    }, k = () => {
-      _(), b.value = [], E();
-    }, j = r(() => {
-      var R, w;
-      if (t.value == null || !t.options.multiple)
-        return null;
-      const f = (R = t.options.listboxItems) == null ? void 0 : R.reduce((q, i) => {
-        var O;
-        return q += (O = i == null ? void 0 : i.items) != null && O.length ? i.items.length : 1, q;
-      }, 0), y = (w = t.value) == null ? void 0 : w.length;
-      return y === 1 ? null : y === f ? n("all") : y;
-    });
-    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: u, cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: _, cachedDefaultSelectedListboxOptions: h, internalFilterValue: b, isSecondaryButtonDisabled: A, isApplyButtonDisabled: m, filteredItems: D, noResultsMessage: P, buttonLabel: U, buttonSecondaryLabel: $, listboxFilterId: C, onOptionSelected: S, updateFilter: E, openFilter: I, closeFilter: L, resetFilter: g, clearFilter: k, appliedFiltersCount: j, BentoSearchBar: me, BentoDivider: he, BentoListbox: yt, BentoBaseFilter: ae };
-  }
-});
-var vl = function() {
-  var n, o, s, u, c, d, _, h, b, A, m, D, P, U, $, C, S;
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText, value: e.value }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar-wrapper" }, [((s = e.options) == null ? void 0 : s.dynamicFiltering) ?? !0 ? t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (c = (u = e.options) == null ? void 0 : u.search) == null ? void 0 : c.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(E) {
-    l.searchTerm = E;
-  } } })], 1) : e._e(), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1)]), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "component-loading": (d = e.options) == null ? void 0 : d.loading, "empty-state": (_ = e.options) == null ? void 0 : _.emptyState, "has-more-items": (b = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : b.hasMoreItems, items: l.filteredItems, "is-option-disabled": (A = e.options) == null ? void 0 : A.isOptionDisabled, "lazy-load-type": (D = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : D.lazyLoadType, loading: (U = (P = e.options) == null ? void 0 : P.lazy) == null ? void 0 : U.loading, multiple: ($ = e.options) == null ? void 0 : $.multiple, "static-categories": (C = e.options) == null ? void 0 : C.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (S = e.options) == null ? void 0 : S.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(E) {
-    var I, L;
-    (L = (I = e.options) == null ? void 0 : I.lazy) == null || L.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(l.slots, function(E, I) {
-    return { key: I, fn: function(L) {
-      return [e._t(I, null, null, L)];
-    } };
-  })], null, !0) })], 1);
-}, _l = [], yl = /* @__PURE__ */ V(
-  bl,
-  vl,
-  _l,
-  !1,
-  null,
-  "f283e2d6"
-);
-const ml = yl.exports, Fl = {
-  "en-US": {
-    noFiltersMatchThisSearch: "No filters match this search"
-  }
-}, hl = {
-  i18n: { messages: Fl },
-  name: "select-filter-dropdown"
-}, Sl = /* @__PURE__ */ N({
-  ...hl,
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     *
-     */
-    defaultValue: {
-      type: [String, Number, Array],
-      default: null
-    },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     *
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with.
-     *
-     * @default undefined
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     *
-     * @default undefined
-     */
-    value: {
-      type: [String, Number, Array],
-      default: void 0
-    }
-  },
-  emits: ["input", "update"],
-  setup(a, { emit: e }) {
-    const t = a, { t: l } = Z(), n = de(), { internalFilterValue: o } = Q(H(t, "value"), H(t, "defaultValue")), s = H(t, "options"), u = x(t.options.listboxItems);
-    Y(s, () => {
-      u.value = s.value.listboxItems;
-    });
-    const c = r(() => l("noFiltersMatchThisSearch"));
-    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, optionsRef: s, itemsRef: u, noResultsMessage: c, onOptionSelected: (_) => {
-      o.value = _;
-      const { onlySlot: h, ...b } = t;
-      e(F.INPUT, { ...b, value: o.value });
-    }, BentoDropdown: ft };
-  }
-});
-var Bl = function() {
-  var n, o, s, u, c, d, _;
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoDropdown, { attrs: { "model-value": l.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (o = e.options) == null ? void 0 : o.multiple, "static-categories": (s = e.options) == null ? void 0 : s.staticCategories, "no-results-message": l.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": ((u = e.options) == null ? void 0 : u.dynamicFiltering) ?? !0, "component-loading": (c = e.options) == null ? void 0 : c.loading, "empty-state": (d = e.options) == null ? void 0 : d.emptyState, disabled: e.disabled, "enable-value-label-pair": (_ = e.options) == null ? void 0 : _.enableValueLabelPair }, on: { "update:model-value": l.onOptionSelected, open: () => {
-    var h, b;
-    return (b = (h = e.options) == null ? void 0 : h.onOpen) == null ? void 0 : b.call(h);
-  } }, scopedSlots: e._u([e._l(l.slots, function(h, b) {
-    return { key: b, fn: function(A) {
-      return [e._t(b, null, null, A)];
-    } };
-  })], null, !0) });
-}, gl = [], Cl = /* @__PURE__ */ V(
-  Sl,
-  Bl,
-  gl,
-  !1,
-  null,
-  null
-);
-const Dl = Cl.exports, se = {
-  /**
-   * Disables the filter from being interacted with.
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * Default value of the filter to reset to.
-   *
-   */
-  defaultValue: {
-    type: [String, Number, Array, Object],
-    default: null
-  },
-  /**
-   * Filter name/key referencing the actual property name in the data set.
-   * Should be unique per filter bar.
-   */
-  field: { type: String, required: !0 },
-  /**
-   * Label text to be displayed
-   */
-  label: { type: String, required: !0 },
-  /**
-   * Renders the base filter's slot content only - leaving out the button and the popover.
-   * Used for the allFiltersModal component.
-   *
-   */
-  onlySlot: { type: Boolean, default: !1 },
-  /**
-   * List of options that are needed to setup the filter
-   * Available options:
-   *   - multiple: If "true", the user will be able to select multiple items.
-   *   - listboxItems: The option elements to populate the filter with.
-   *   - tooltipPosition: The position of the tooltip attached to the filter button
-   *   - tooltipText: The content of the tooltip attached to the filter button
-   *
-   * @default undefined
-   */
-  options: {
-    type: Object,
-    default: void 0
-  },
-  /**
-   * Current value of the filter
-   *
-   * @default undefined
-   */
-  value: {
-    type: [String, Number, Array, Object],
-    default: void 0
-  }
-}, Al = {}, Tl = /* @__PURE__ */ N({
-  ...Al,
-  __name: "select-filter",
-  props: se,
-  emits: ["input", "update"],
-  setup(a, { emit: e }) {
-    const t = a, l = de(), n = (s) => e("input", s), o = (s) => e("update", s);
-    return xe(() => {
-      var s;
-      (s = t == null ? void 0 : t.options) != null && s.messages && _e(
-        'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
-        `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
-                        This will be the default behavior in the v2 and "options.messages" will be removed.`,
-        "2.0.0"
-      );
-    }), { __sfc: !0, slots: l, emit: e, props: t, onInput: n, onUpdate: o, SelectFilterButton: ml, SelectFilterDropdown: Dl };
-  }
-});
-var Pl = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
-    return { key: o, fn: function(s) {
-      return [e._t(o, null, null, s)];
-    } };
-  })], null, !0) }) : t(l.SelectFilterButton, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
-    return { key: o, fn: function(s) {
-      return [e._t(o, null, null, s)];
-    } };
-  })], null, !0) });
-}, Il = [], Ll = /* @__PURE__ */ V(
-  Tl,
-  Pl,
-  Il,
-  !1,
-  null,
-  null
-);
-const ne = Ll.exports, El = N({
-  name: "bento-select-avatar-filter",
-  components: {
-    BentoSelectFilter: ne,
-    BentoAvatar: ht
-  },
-  props: {
-    ...se,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: (l) => e(F.UPDATE, l)
-    };
-  }
-});
-var Ol = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
-    return [t("bento-avatar", { attrs: { username: l, src: n } })];
-  } }]) }, "bento-select-filter", e.$props, !1));
-}, xl = [], Rl = /* @__PURE__ */ V(
-  El,
-  Ol,
-  xl,
-  !1,
-  null,
-  null
-);
-const Ye = Rl.exports, Ul = N({
-  name: "bento-select-currency-filter",
-  components: {
-    BentoSelectFilter: ne,
-    ListboxOptionTag: Ne
-  },
-  props: {
-    ...se,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    var s;
-    const t = (u) => {
-      e(F.UPDATE, u);
-    }, l = x([]);
-    Y(
-      () => {
-        var u;
-        return (u = a.options) == null ? void 0 : u.listboxItems;
-      },
-      (u) => {
-        l.value = u || [];
-      },
-      { immediate: !0 }
-    );
-    const n = (s = a.options) != null && s.search ? a.options.search : {
-      debounceTime: 500,
-      searchEvent: async (u) => {
-        var h, b, A, m;
-        if (!u) {
-          l.value = ((h = a.options) == null ? void 0 : h.listboxItems) || [];
-          return;
-        }
-        const c = (((b = a.options) == null ? void 0 : b.listboxItems) || []).map((D) => ({
-          ...D,
-          label: `${D.value} ${D.label}`
-        })), d = Fe(
-          x(u),
-          x(c),
-          (m = (A = a.options) == null ? void 0 : A.search) == null ? void 0 : m.searchEvent,
-          x(!1)
-        ).value, _ = d == null ? void 0 : d.map((D) => ({
-          ...D,
-          label: D.label.substring(D.value.length + 1)
-        }));
-        l.value = _;
-      }
-    }, o = r(() => ({
-      ...a.options,
-      search: n,
-      listboxItems: l.value
-    }));
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: t,
-      internalOptions: o
-    };
-  }
-});
-var $l = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.internalOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function(l) {
-    return [t("listbox-option-tag", { attrs: { option: l } })];
-  } }]) }, "bento-select-filter", e.$props, !1));
-}, kl = [], wl = /* @__PURE__ */ V(
-  Ul,
-  $l,
-  kl,
-  !1,
-  null,
-  null
-);
-const ze = wl.exports, Vl = {
-  name: "bento-select-country-filter"
-}, Nl = /* @__PURE__ */ N({
-  ...Vl,
-  props: {
-    ...se,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
-     *   - variant: Which label variant to display for the option item.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const t = a, l = x(t.options.variant), n = x(t.options.listboxItems);
-    Y([() => t.options.variant, () => t.options.listboxItems], () => {
-      l.value = t.options.variant, n.value = t.options.listboxItems;
-    });
-    const o = (c) => e(F.UPDATE, c), s = Ft(l, n), u = r(() => ({
-      ...t != null && t.options ? t.options : {},
-      listboxItems: s.value
-    }));
-    return (!l.value || l.value === "custom") && _e(
-      'BentoSelectCountryFilter type with `options.variant==="custom"`',
-      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
-      "2.0.0"
-    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: u, BentoFilterEvent: F, BentoTypography: ue, BentoSelectFilter: ne };
-  }
-});
-var Ml = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: l.countryOptions }, on: { update: l.onUpdate, input: (n) => e.$emit(l.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
-    return [t(l.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
-  } }]) }, "bento-select-filter", l.props, !1));
-}, Hl = [], jl = /* @__PURE__ */ V(
-  Nl,
-  Ml,
-  Hl,
-  !1,
-  null,
-  null
-);
-const Ge = jl.exports, ql = N({
-  name: "bento-select-payment-method-filter",
-  components: {
-    BentoSelectFilter: ne,
-    BentoPaymentMethod: mt
-  },
-  props: {
-    ...se,
-    /**
-     * List of options that are needed to setup the payment method filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectPaymentMethodFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: (l) => e(F.UPDATE, l)
-    };
-  }
-});
-var Jl = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ value: l, label: n }) {
-    return [t("bento-payment-method", { attrs: { type: l, label: n } })];
-  } }]) }, "bento-select-filter", e.$props, !1));
-}, Yl = [], zl = /* @__PURE__ */ V(
-  ql,
-  Jl,
-  Yl,
-  !1,
-  null,
-  null
-);
-const We = zl.exports, Gl = N({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: ne,
-    ListboxOptionTag: Ne
-  },
-  props: {
-    ...se,
-    /**
-     * List of options that are needed to setup the tag filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectTagFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const t = (o) => e(F.UPDATE, o), l = r(
-      () => {
-        var o, s;
-        return (s = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : s.map(({ label: u, value: c, variant: d }) => ({ label: u, value: c, data: d }));
-      }
-    );
-    return {
-      // Values
-      countryOptions: r(() => ({
-        ...a.options,
-        listboxItems: l.value
-      })),
-      // Methods
-      onUpdate: t,
-      // Enums
-      BentoFilterEvent: F
-    };
-  }
-});
-var Wl = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
-    return [t("listbox-option-tag", { attrs: { option: { value: l, data: n, label: "" } } })];
-  } }]) }, "bento-select-filter", e.$props, !1));
-}, Kl = [], Zl = /* @__PURE__ */ V(
-  Gl,
-  Wl,
-  Kl,
-  !1,
-  null,
-  null
-);
-const Ke = Zl.exports, Ql = {
-  "en-US": {
-    no: "No",
-    yes: "Yes"
-  },
-  "ja-JP": {
-    no: "いいえ",
-    yes: "はい"
-  },
-  "pt-BR": {
-    no: "Não",
-    yes: "Sim"
-  }
-}, Xl = N({
-  name: "bento-boolean-filter",
-  i18n: { messages: Ql },
-  components: { BentoBaseFilter: ae, BentoRadioGroup: lt },
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: [String, Boolean], default: null },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Current value of the filter
-     */
-    value: { type: [String, Boolean], default: null },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - positiveOption: The positive option label/value
-     *   - negativeOption: The positive option label/value
-     *   - tooltipPosition: The position of the tooltip attached to the filter button
-     *   - tooltipText: The content of the tooltip attached to the filter button
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const { t } = Z(), l = (C) => typeof C == "boolean" ? C == null ? void 0 : C.toString() : C, n = (C) => {
-      var S, E, I, L;
-      return ((E = (S = a == null ? void 0 : a.options) == null ? void 0 : S.positiveOption) == null ? void 0 : E.value) !== void 0 && ((L = (I = a == null ? void 0 : a.options) == null ? void 0 : I.negativeOption) == null ? void 0 : L.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof C == "string" ? C === "true" : C;
-    }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), u = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
-      {
-        ...a.options.positiveOption,
-        value: l(a.options.positiveOption.value)
-      },
-      {
-        ...a.options.negativeOption,
-        value: l(a.options.negativeOption.value)
-      }
-    ] : [
-      { value: "yes", label: t("yes") },
-      { value: "no", label: t("no") }
-    ]), { internalFilterValue: c, isSecondaryButtonDisabled: d, isApplyButtonDisabled: _ } = Q(
-      s,
-      o
-    ), h = r(() => a.label), b = r(
-      () => {
-        var C;
-        return le((C = u.value.find(({ value: S }) => S === s.value)) == null ? void 0 : C.label, 12);
-      }
-    ), A = r(() => ({
-      "b-boolean-filter--only-slot": a.onlySlot
-    }));
-    pe(() => {
-      c.value || (c.value = null);
-    });
-    const m = (C) => {
-      c.value = C, e(F.INPUT, {
-        ...a,
-        value: n(c.value)
-      });
-    }, D = () => {
-      c.value = s.value;
-    }, P = () => {
-      e(F.UPDATE, {
-        ...a,
-        value: n(c.value)
-      });
-    };
-    return {
-      // Values
-      items: u,
-      conditionalClasses: A,
-      buttonLabel: h,
-      buttonSecondaryLabel: b,
-      internalFilterValue: c,
-      isApplyButtonDisabled: _,
-      isSecondaryButtonDisabled: d,
-      translatedValue: s,
-      translatedDefaultValue: o,
-      // Events
-      onInput: m,
-      updateFilter: P,
-      clearFilter: () => {
-        c.value = null, P();
-      },
-      openFilter: D,
-      resetFilter: () => e(F.UPDATE, { ...a, value: a.defaultValue })
-    };
-  }
-});
-var ea = function() {
-  var l, n;
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
-  } } }, [t("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, ta = [], la = /* @__PURE__ */ V(
-  Xl,
-  ea,
-  ta,
-  !1,
-  null,
-  "69632f6f"
-);
-const Ze = la.exports, aa = {
-  "en-US": {
-    from: "From",
-    to: "To"
-  }
-}, na = N({
-  name: "bento-range-filter",
-  i18n: { messages: aa },
-  components: { BentoBaseFilter: ae, BentoInputField: ye },
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: Array, default: null },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Current value of the filter
-     */
-    value: { type: Array, default: () => ["", ""] },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - tooltipPosition: The position of the tooltip attached to the filter button
-     *   - tooltipText: The content of the tooltip attached to the filter button
-     */
-    options: { type: Object, default: void 0 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(a, { emit: e }) {
-    const { t } = Z(), l = x(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
-      H(a, "value"),
-      H(a, "defaultValue")
-    ), u = r(() => {
-      var I, L, g, k, j, z, B, f;
-      if (!((I = a.value) != null && I[0]) && !((L = a.value) != null && L[1]))
-        return null;
-      let $ = "";
-      (g = a.value) != null && g[0] ? (k = a.value) != null && k[1] || ($ = "≥") : $ = "≤";
-      const C = (j = a.value) != null && j[0] ? `${le(a.value[0], 5)}` : "", S = (z = a.value) != null && z[0] && ((B = a.value) != null && B[1]) ? " - " : "", E = (f = a.value) != null && f[1] ? `${le(a.value[1], 5)}` : "";
-      return `${$}${C}${S}${E}`;
-    }), c = r(() => a.label), d = r(() => u.value), _ = r(() => ({
-      "b-range-filter--only-slot": a.onlySlot
-    })), h = () => {
-      n.value = a.value, Ee(() => l.value.focusInput());
-    }, b = () => {
-      e(F.INPUT, { ...a, value: n.value });
-    }, A = ($) => {
-      n.value = [$, n.value[1]], b();
-    }, m = ($) => {
-      n.value = [n.value[0], $], b();
-    }, D = () => {
-      n.value.some(($) => $) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(F.UPDATE, {
-        ...a,
-        value: n.value
-      });
-    };
-    return {
-      // Values
-      inputTextRef: l,
-      conditionalClasses: _,
-      internalFilterValue: n,
-      isApplyButtonDisabled: s,
-      isSecondaryButtonDisabled: o,
-      buttonLabel: c,
-      buttonSecondaryLabel: d,
-      // Events
-      updateFrom: A,
-      updateTo: m,
-      updateFilter: D,
-      clearFilter: () => {
-        n.value = ["", ""], D();
-      },
-      openFilter: h,
-      resetFilter: () => e(F.UPDATE, { ...a, value: a.defaultValue }),
-      // Translations
-      t
-    };
-  }
-});
-var oa = function() {
-  var l, n;
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
-  } } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString(), disabled: e.disabled }, on: { "update:model-value": e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), t("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to"), disabled: e.disabled }, on: { "update:model-value": e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
-}, sa = [], ia = /* @__PURE__ */ V(
-  na,
-  oa,
-  sa,
-  !1,
-  null,
-  "540f94ab"
-);
-const Qe = ia.exports, Pe = 430, Ie = 700;
-function ra(a, e) {
-  const t = x("div"), l = x(!1), n = x(0), o = r(() => !(n.value < Pe && e.value.small === "multi-line"));
-  function s() {
-    l.value = !1, t.value = "div";
-  }
-  function u() {
-    l.value = !0, t.value = Ve;
-  }
-  function c() {
-    n.value > Ie || n.value < Ie && n.value >= Pe && e.value.medium === "multi-line" ? s() : u();
-  }
-  return Y(() => e.value, c), ct(a, (d) => {
-    n.value = d[0].contentRect.width, c();
-  }), {
-    screenLayoutComponent: t,
-    showSearchbarInsideContainer: o,
-    isOneLineLayout: l
-  };
-}
-var be = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(be || {});
-const ua = N({
-  name: "base-filter-button",
-  components: { BaseButton: Ue, BentoTypography: ue, ChevronUpIcon: vt, ChevronDownIcon: _t },
-  props: {
-    /**
-     * The number of applies values within the filter.
-     * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
-     */
-    amountAppliedValues: { type: [Number, String], default: null },
-    /**
-     * Disables button functionality.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Signifies if the filter is open or closed.
-     */
-    isFilterOpen: { type: Boolean, default: !1 },
-    /**
-     * Toggles if a chevron icon should be displayed in the button.
-     * The chevron will change depending on the open state of the filter.
-     */
-    hasChevron: { type: Boolean, default: !1 },
-    /**
-     * Renders the text in a stronger variant.
-     */
-    bold: { type: Boolean, default: !1 }
-  },
-  emits: [ge.CLICK],
-  setup(a, { slots: e, emit: t, attrs: l }) {
-    const n = r(() => e.default ? we(e)("default") : null), o = ke({ ariaLabel: n }), s = x(null), u = r(() => {
-      var _;
-      return {
-        "aria-controls": (_ = l["aria-controls"]) == null ? void 0 : _.toString()
-      };
-    }), c = r(() => ({
-      "b-base-filter-button--with-chevron": a.hasChevron,
-      "b-base-filter-button--filter-open": a.isFilterOpen
-    }));
-    return {
-      // Values
-      ariaAttributes: u,
-      computedAriaLabel: o,
-      conditionalClasses: c,
-      // Methods
-      onClickButton: () => {
-        a.disabled || t(ge.CLICK);
-      },
-      hasSlot: $e(e),
-      // Refs
-      baseFilterButtonRef: s
-    };
-  }
-});
-var ca = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
-    return [e.isFilterOpen ? t("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 } : null], null, !0) }, [t("div", { staticClass: "b-base-filter-button__default-container" }, [t("div", { staticClass: "b-base-filter-button__label-container" }, [t("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? t("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [t("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
-}, da = [], pa = /* @__PURE__ */ V(
-  ua,
-  ca,
-  da,
-  !1,
-  null,
-  "66b170d4"
-);
-const fa = pa.exports, ba = N({
-  name: "all-filters-modal-button",
-  components: { BaseFilterButton: fa },
-  props: {
-    /**
-     * Button label to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Total count of applied filters
-     */
-    appliedFiltersCount: { type: [Number, String], default: null },
-    /**
-     * Indicates whether the filter popover tied to this button is showing
-     */
-    isFilterOpen: { type: Boolean, default: !1 },
-    /**
-     * Disables button functionality.
-     */
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(a, { emit: e }) {
-    return {
-      conditionalClasses: r(() => ({
-        "b-all-filters-modal-button--with-counter": a.appliedFiltersCount,
-        "b-all-filters-modal-button--filter-open": a.isFilterOpen
-      })),
-      onClick: () => {
-        e("click");
-      }
-    };
-  }
-});
-var va = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, _a = [], ya = /* @__PURE__ */ V(
-  ba,
-  va,
-  _a,
-  !1,
-  null,
-  "4c415ac7"
-);
-const ma = ya.exports;
-let Le = 0;
-const Fa = {
-  beforeCreate() {
-    this.uuid = Le.toString(), Le += 1;
-  }
-};
-var ha = function() {
-  var e = this, t = e._self._c;
-  return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z" } }), t("path", { attrs: { fill: "#001222", d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z" } })]);
-}, Sa = [], Ba = /* @__PURE__ */ V(
-  Fa,
-  ha,
-  Sa,
-  !1,
-  null,
-  null
-);
-const ga = Ba.exports, Ca = {
-  "en-US": {
-    activeFilters: "Active filters",
-    all: "All",
-    allFilters: "All filters",
-    applyAll: "Apply all",
-    cancel: "Cancel",
-    clear: "Clear",
-    clearAll: "Clear all",
-    noFiltersMatchThisSearch: "No filters match this search",
-    otherFilters: "Other filters",
-    searchBar: "Search bar"
-  },
-  "ja-JP": {
-    activeFilters: "適用中のフィルター",
-    all: "すべて",
-    allFilters: "すべてのフィルター",
-    applyAll: "すべて適用",
-    cancel: "キャンセル",
-    clear: "クリア",
-    clearAll: "すべてクリア",
-    noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
-    otherFilters: "その他のフィルター",
-    searchBar: "検索バー"
-  },
-  "pt-BR": {
-    activeFilters: "Filtros ativos",
-    all: "Todos",
-    allFilters: "Todos os filtros",
-    applyAll: "Aplicar tudo",
-    cancel: "Cancelar",
-    clear: "Limpar",
-    clearAll: "Limpar tudo",
-    noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta pesquisa",
-    otherFilters: "Outros filtros",
-    searchBar: "Barra de pesquisa"
-  }
-}, Da = N({
-  i18n: { messages: Ca },
-  name: "all-filters-modal",
-  components: {
-    AllFiltersModalButton: ma,
-    BentoBooleanFilter: Ze,
-    BentoButton: pt,
-    BentoDateFilter: qe,
-    BentoDateRangeFilter: Je,
-    BentoInputFilter: He,
-    BentoInputWithDropdownFilter: je,
-    BentoModal: dt,
-    BentoRangeFilter: Qe,
-    BentoSearchBar: me,
-    BentoSelectAvatarFilter: Ye,
-    BentoSelectCurrencyFilter: ze,
-    BentoSelectCountryFilter: Ge,
-    BentoSelectFilter: ne,
-    BentoSelectPaymentMethodFilter: We,
-    BentoSelectTagFilter: Ke,
-    BentoTypography: ue,
-    FilterBarButton: Se,
-    SlidersIcon: ga
-  },
-  props: {
-    /**
-     * Array of filters based on {@see FilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the AllFiltersModal.
-     *
-     * Can be used with v-model or independently with the @input event.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   value: '200',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   value: null,
-     *   type: FilterType.TEXT,
-     * }]
-     */
-    value: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [be.INPUT],
-  setup(a, { emit: e }) {
-    const t = x(a.value), l = ve("all-filters-modal"), n = x([]), o = x(!1), s = x(0), u = x(null), c = x(""), { t: d, n: _ } = Z(), h = Fe(c, H(t, "value")), b = x({});
-    pe(() => {
-      b.value = [];
-    }), Y(
-      () => a.value,
-      () => {
-        o.value ? t.value = a.value.map((v, p) => ({ ...v, value: t.value[p].value })) : t.value = a.value;
-      }
-    );
-    const A = (v) => v.sort((p, T) => p.label > T.label ? 1 : T.label > p.label ? -1 : 0), m = r(
-      () => A(
-        h.value.filter(
-          (v) => {
-            var p, T;
-            return Array.isArray(v.value) ? ((p = v.value) == null ? void 0 : p.length) && ((T = v.value) == null ? void 0 : T.find((M) => M !== "")) : v.value;
-          }
-        )
-      )
-    ), D = r(
-      () => A(
-        h.value.filter(
-          (v) => {
-            var p, T;
-            return Array.isArray(v.value) ? ((p = v.value) == null ? void 0 : p.length) === 0 || ((T = v.value) == null ? void 0 : T.every((M) => M === "")) : !v.value;
-          }
-        )
-      )
-    ), P = r(() => {
-      var v;
-      return c.value && ((v = h.value) == null ? void 0 : v.length) === 0;
-    }), U = r(() => t.value[s.value]), $ = () => {
-      const v = m.value.length ? m.value[0] : D.value[0], p = t.value.findIndex(
-        (T) => T.label === v.label && T.field === v.field
-      );
-      s.value = p;
-    };
-    xe(() => {
-      $();
-    });
-    const C = (v) => v.map((p) => {
-      var T, M, K, X, ie, re;
-      switch (p.type) {
-        case W.SELECT:
-        case W.SELECT_AVATAR:
-        case W.SELECT_COUNTRY:
-        case W.SELECT_CURRENCY:
-        case W.SELECT_PAYMENT_METHOD:
-        case W.SELECT_TAG:
-          return ((T = p.options) == null ? void 0 : T.multiple) === !0 ? {
-            label: p.label,
-            field: p.field,
-            count: (M = p.value) != null && M.length ? (K = p.value) == null ? void 0 : K.length : null
-          } : {
-            label: p.label,
-            field: p.field,
-            count: p.value == null ? null : 1
-          };
-        case W.DATE_RANGE:
-          return {
-            label: p.label,
-            field: p.field,
-            count: ((X = p.value) == null ? void 0 : X.startDate) != null && ((ie = p.value) == null ? void 0 : ie.endDate) != null ? 1 : null
-          };
-        case W.RANGE:
-          return {
-            label: p.label,
-            field: p.field,
-            count: (re = p.value) != null && re.find((ce) => ce !== "") ? 1 : null
-          };
-        case W.INPUT:
-        case W.BOOLEAN:
-        case W.DATE:
-        default:
-          return {
-            label: p.label,
-            field: p.field,
-            count: p.value != null ? 1 : null
-          };
-      }
-    }), S = r(
-      () => {
-        var v;
-        return Array.isArray(U.value.value) ? ((v = U.value) == null ? void 0 : v.value.length) && U.value.value.find((p) => p !== "") : !!t.value[s.value].value;
-      }
-    ), E = r(() => !S.value || U.value.disabled), I = r(
-      () => {
-        var v;
-        return (v = C(a.value)) == null ? void 0 : v.filter(({ count: p }) => !!p).length;
-      }
-    ), L = () => {
-      o.value ? o.value = !1 : o.value = !0;
-    }, g = (v) => {
-      var T, M, K;
-      const p = C(t.value).find((X) => X.field === v.field).count;
-      return typeof v.type == "string" && // Type guard to avoid casting
-      v.type.includes("BentoSelect") && ((T = v.options) != null && T.multiple) && p === ((K = (M = v.options) == null ? void 0 : M.listboxItems) == null ? void 0 : K.length) ? d("all") : p === null ? null : _(p);
-    }, k = (v, p) => {
-      s.value = t.value.findIndex(
-        (T) => T.label === v && T.field === p
-      );
-    }, j = () => {
-      c.value = "";
-    }, z = () => {
-      o.value = !1, t.value = a.value, j(), $();
-    }, B = (v) => {
-      const p = t.value.map(({ value: T, ...M }, K) => K === s.value ? { value: v.value, ...M } : { value: T, ...M });
-      t.value = p;
-    }, f = () => {
-      B({
-        field: U.value.field,
-        label: U.value.label,
-        type: U.value.type,
-        value: void 0
-      });
-    }, y = () => {
-      t.value = a.value.map(({ value: v, ...p }) => ({
-        ...p,
-        value: void 0
-      }));
-    }, R = () => {
-      e(be.INPUT, t.value), o.value = !1;
-    }, w = r(
-      () => JSON.stringify(t.value) === JSON.stringify(a.value)
-    ), q = r(() => [
-      {
-        title: d("applyAll"),
-        disabled: w.value,
-        event: R
-      },
-      {
-        title: d("cancel"),
-        event: z
-      },
-      {
-        title: d("clearAll"),
-        disabled: !I.value,
-        event: y
-      }
-    ]);
-    return {
-      // Values
-      allFiltersModalUniqueId: l,
-      allFiltersModalFiltersSection: n,
-      allFiltersModalFilterButtons: b,
-      numberOfActiveFilters: I,
-      isEmptyResultForSearchFilter: P,
-      isModalOpen: o,
-      isClearButtonDisabled: E,
-      activeFilters: m,
-      otherFilters: D,
-      modalActions: q,
-      selectedFilter: U,
-      selectedFilterRef: u,
-      searchTerm: c,
-      // Methods
-      onClickAllFiltersModal: L,
-      getFilterCount: g,
-      cancel: z,
-      selectFilter: k,
-      clearFilter: f,
-      updateFilter: B,
-      onSearchbarClear: j,
-      onKeydownRight: () => {
-        bt(1, u.value.$el).focus();
-      },
-      onKeydownLeft: () => {
-        b.value[U.value.label].$el.focus();
-      },
-      // Translations
-      t: d
-    };
-  }
-});
-var Aa = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { staticClass: "b-all-filters-modal" }, [t("filter-bar-button", { attrs: { "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters, "no-applied-state-styles": "" }, on: { click: e.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("sliders-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }]) }, [e._v(" " + e._s(e.t("allFilters")) + " ")]), t("bento-modal", { staticClass: "'b-all-filters-modal__modal'", attrs: { "is-open": e.isModalOpen, "with-column-layout": !0, size: "large", actions: e.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": e.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._v(" " + e._s(e.t("allFilters")) + " ")];
-  }, proxy: !0 }, { key: "content-col-1", fn: function() {
-    return [t("div", { ref: "allFiltersModalFiltersSection", staticClass: "b-all-filters-modal__filters", on: { keydown: function(l) {
-      return !l.type.indexOf("key") && e._k(l.keyCode, "right", 39, l.key, ["Right", "ArrowRight"]) || "button" in l && l.button !== 2 ? null : e.onKeydownRight.apply(null, arguments);
-    } } }, [t("bento-search-bar", { staticClass: "b-all-filters-modal__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.t("searchBar").toString() }, on: { input: function(l) {
-      e.searchTerm = l;
-    }, clear: e.onSearchbarClear } }), e.isEmptyResultForSearchFilter ? t("div", { staticClass: "b-all-filters-modal__empty-search-message" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(" " + e._s(e.t("noFiltersMatchThisSearch")))])], 1) : e._e(), e.activeFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `active-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("activeFilters")))]), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.activeFilters, function(l) {
-      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label, disabled: l.disabled }, on: { click: function(n) {
-        return e.selectFilter(l.label, l.field);
-      } } })], 1);
-    }), 0)], 1) : e._e(), e.otherFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [e.activeFilters.length ? t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `other-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("otherFilters")))]) : e._e(), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.otherFilters, function(l) {
-      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, disabled: l.disabled, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label }, on: { click: function(n) {
-        return e.selectFilter(l.label, l.field);
-      } } })], 1);
-    }), 0)], 1) : e._e()], 1)];
-  }, proxy: !0 }, { key: "content-col-2", fn: function() {
-    return [t("div", { staticClass: "b-all-filters-modal__selected-filter-content", on: { keydown: function(l) {
-      return !l.type.indexOf("key") && e._k(l.keyCode, "left", 37, l.key, ["Left", "ArrowLeft"]) || "button" in l && l.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
-    } } }, [t("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [t("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? t("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), t("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [t(e.selectedFilter.type, { key: e.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0, disabled: e.selectedFilter.disabled }, on: { input: e.updateFilter } })], 1), t("div", { staticClass: "b-all-filters-modal__clear-button" }, [t("bento-button", { attrs: { variant: "secondary", disabled: e.isClearButtonDisabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.t("clear")))])], 1)])];
-  }, proxy: !0 }]) })], 1);
-}, Ta = [], Pa = /* @__PURE__ */ V(
-  Da,
-  Aa,
-  Ta,
-  !1,
-  null,
-  "d3bf9be0"
-);
-const Ia = Pa.exports, La = {
-  "en-US": {
-    clearFilters: "Clear filters",
-    filtersHaveBeenCleared: "Filters have been cleared.",
-    filtersHaveBeenReset: "Filters have been reset.",
-    resetFilters: "Reset filters",
-    searchBar: "Search bar",
-    undo: "Undo"
-  },
-  "ja-JP": {
-    clearFilters: "フィルターをクリア",
-    filtersHaveBeenCleared: "フィルターをクリアしました",
-    filtersHaveBeenReset: "フィルターがリセットされました",
-    resetFilters: "フィルターのリセット",
-    searchBar: "検索バー",
-    undo: "元に戻す"
-  },
-  "pt-BR": {
-    clearFilters: "Limpar filtros",
-    filtersHaveBeenCleared: "Os filtros foram apagados",
-    filtersHaveBeenReset: "Os filtros foram redefinidos",
-    resetFilters: "Redefinir filtros",
-    searchBar: "Barra de pesquisa",
-    undo: "Desfazer"
-  }
-}, Ea = {
-  i18n: { messages: La },
-  name: "bento-filter-bar",
-  components: {
-    BentoBooleanFilter: Ze,
-    BentoDateFilter: qe,
-    BentoDateRangeFilter: Je,
-    BentoInputFilter: He,
-    BentoInputWithDropdownFilter: je,
-    BentoRangeFilter: Qe,
-    BentoSelectAvatarFilter: Ye,
-    BentoSelectCountryFilter: Ge,
-    BentoSelectCurrencyFilter: ze,
-    BentoSelectFilter: ne,
-    BentoSelectPaymentMethodFilter: We,
-    BentoSelectTagFilter: Ke,
-    BentoTeleport: Re,
-    FixedScroller: Ve
-  }
-}, Oa = /* @__PURE__ */ N({
-  ...Ea,
-  props: {
-    config: { default: () => [] },
-    filterValues: { default: () => [] },
-    containerSizeLayout: { default: () => ({
-      medium: "one-line",
-      small: "multi-line"
-    }) },
-    search: { default: void 0 },
-    searchTerm: { default: void 0 },
-    showAppliedHiddenFilters: { type: Boolean, default: !1 },
-    value: { default: () => [] },
-    filterValuesObject: { default: void 0 }
-  },
-  emits: [
-    te.INPUT,
-    te.UPDATE_FILTER_VALUES_OBJECT,
-    te.UPDATE_FILTER_VALUES_ARRAY,
-    oe.CLEAR,
-    oe.INPUT,
-    oe.UPDATE
-  ],
-  setup(a, { expose: e, emit: t }) {
-    const l = a, { t: n } = Z(), o = x(null), s = r(
-      () => {
-        var B, f;
-        return (f = ((B = l.config) == null ? void 0 : B.length) > 0 ? l.config : l.value) == null ? void 0 : f.map((y) => {
-          var w;
-          let R = (w = l.filterValues.find(({ field: q }) => q === y.field)) == null ? void 0 : w.value;
-          return l.filterValuesObject && y.field in l.filterValuesObject && (R = l.filterValuesObject[y.field]), R === void 0 && (R = (y == null ? void 0 : y.value) === void 0 && (y == null ? void 0 : y.defaultValue) !== void 0 ? y == null ? void 0 : y.defaultValue : y == null ? void 0 : y.value), { ...y, value: R !== void 0 ? R : y == null ? void 0 : y.value };
-        });
-      }
-    ), { addToast: u } = Pt(), { screenLayoutComponent: c, showSearchbarInsideContainer: d, isOneLineLayout: _ } = ra(
-      o,
-      H(l, "containerSizeLayout")
-    ), h = r(() => ({
-      "b-filter-bar__fixed-scroller": _.value,
-      "b-filter-bar__container": !_.value
-      // Multi-line
-    })), b = r(() => ({
-      "b-filter-bar__scroller-content": _.value,
-      "b-filter-bar__filters": !_.value
-      // Multi-line
-    })), A = r(() => {
-      var B;
-      return ((B = l.search) == null ? void 0 : B.inputFieldAriaLabel) || n("searchBar");
-    }), m = r(() => {
-      if (!l.search)
-        return;
-      const { debounceTime: B, disabled: f, inputFieldAriaLabel: y, hint: R, placeholder: w } = l.search;
-      return { debounceTime: B, disabled: f, inputFieldAriaLabel: y, hint: R, placeholder: w };
-    }), D = r(() => s.value.some(
-      ({ visible: f }) => f != null
-    ) ? s.value.some(({ visible: f }) => !f) : !1), P = r(
-      () => s.value.filter(({ defaultValue: B }) => B !== void 0)
-    ), U = r(() => s.value.some(
-      ({ visible: f }) => f != null
-    ) ? s.value.filter(
-      ({ defaultValue: f, visible: y, value: R }) => (
-        // eslint-disable-next-line eqeqeq
-        f === void 0 && y || l.showAppliedHiddenFilters && R != null
-      )
-    ) : s.value.filter(
-      ({ defaultValue: f, value: y }) => (
-        // eslint-disable-next-line eqeqeq
-        f === void 0 || l.showAppliedHiddenFilters && y != null
-      )
-    )), $ = r(() => l.searchTerm != null), C = r(
-      () => s.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
-    ), S = r(() => P.value.length === 0 && C.value), E = r(() => P.value.length === 0 ? !1 : !s.value.filter(({ defaultValue: f }) => f !== void 0 || f !== null).every(({ value: f, defaultValue: y }) => JSON.stringify(f) === JSON.stringify(y)) || C.value), I = (B) => {
-      t(te.INPUT, B), t(
-        te.UPDATE_FILTER_VALUES_ARRAY,
-        B == null ? void 0 : B.filter(({ value: f }) => f !== null || f !== void 0).map(({ field: f, value: y }) => ({ field: f, value: y }))
-      ), t(
-        te.UPDATE_FILTER_VALUES_OBJECT,
-        B == null ? void 0 : B.filter(({ value: f }) => f !== null || f !== void 0).reduce((f, y) => (f[y.field] = y.value, f), {})
-      );
-    }, L = (B) => {
-      const f = s.value.findIndex(
-        (R) => R.field === B.field
-      ), y = s.value.slice();
-      y[f].value = B.value, I(y);
-    }, g = () => {
-      const B = s.value.slice(), f = s.value.map(({ value: y, ...R }) => ({
-        ...R,
-        value: void 0
-      }));
-      u({
-        text: n("filtersHaveBeenCleared"),
-        action: {
-          handler: () => I(B),
-          text: n("undo")
-        }
-      }), I(f);
-    }, k = () => {
-      const B = s.value.slice(), f = s.value.map(({ defaultValue: y, ...R }) => ({
-        ...R,
-        defaultValue: y,
-        value: y
-      }));
-      u({
-        text: n("filtersHaveBeenReset"),
-        action: {
-          handler: () => I(B),
-          text: n("undo")
-        }
-      }), I(f);
-    }, j = (B) => {
-      t(oe.INPUT, B), t(oe.UPDATE, B);
-    }, z = () => {
-      t(oe.CLEAR);
-    };
-    return e({ isClearAllVisible: S, clearAllFilters: g, isResetAllVisible: E, resetAllFilters: k }), { __sfc: !0, props: l, emit: t, t: n, filterBarRef: o, valueAndFilterValuesPropsMerged: s, addToast: u, screenLayoutComponent: c, showSearchbarInsideContainer: d, isOneLineLayout: _, containerConditionalClasses: h, contentConditionalClasses: b, searchBarAriaLabel: A, searchBarProps: m, hasHiddenFilters: D, persistentFilters: P, regularFilters: U, isSearchBarEnabled: $, hasActiveFilters: C, isClearAllVisible: S, isResetAllVisible: E, updateAllFilters: I, updateFilterHandler: L, clearAllFilters: g, resetAllFilters: k, onSearchbarInput: j, onSearchbarClear: z, FilterBarButton: Se, BentoSearchBar: me, AllFiltersModal: Ia, RefreshIcon: Tt };
-  }
-});
-var xa = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t("div", { ref: "filterBarRef", staticClass: "b-filter-bar" }, [!l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", { staticClass: "b-filter-bar__search-external-container" }, [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), t(l.screenLayoutComponent, { tag: "component", class: l.containerConditionalClasses, attrs: { condensed: "" } }, [t("div", { class: l.contentConditionalClasses }, [l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
-    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
-  }) : e._e(), e._l(l.regularFilters, function(n) {
-    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: l.updateFilterHandler } });
-  }), l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), l.isClearAllVisible ? t(l.FilterBarButton, { staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearFilters")) + " ")]) : e._e(), l.isResetAllVisible ? t(l.FilterBarButton, { staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
-}, Ra = [], Ua = /* @__PURE__ */ V(
-  Oa,
-  xa,
-  Ra,
-  !1,
-  null,
-  "b5b27933"
-);
-const gn = Ua.exports;
-export {
-  gn as B,
-  ae as a,
-  F as b,
-  te as c,
-  W as d
-};
-//# sourceMappingURL=filter-bar.DpjD5bZe.js.map