@adyen/bento-vue3 1.41.0 → 1.43.0

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

@@ -1,2898 +0,0 @@
-import { defineComponent as W, useSlots as Oe, useAttrs as Et, computed as b, ref as k, openBlock as y, createBlock as E, unref as C, normalizeClass as he, withCtx as _, createTextVNode as j, toDisplayString as H, createCommentVNode as z, createElementBlock as q, createElementVNode as N, renderSlot as re, createVNode as I, watch as de, nextTick as st, resolveComponent as $, withKeys as be, toRef as G, onBeforeUpdate as ke, provide as it, mergeProps as ie, Fragment as $e, reactive as ut, createSlots as Te, renderList as fe, normalizeProps as Le, guardReactiveProps as Re, onMounted as Vt, resolveDynamicComponent as Me, withDirectives as Ee, vShow as Ve } from "vue";
-import { B as Ae, b as _e } from "./search-bar.D_4u91te.js";
-import { u as wt } from "./use-bento-toast-controller.C2wUDcoc.js";
-import { u as ce } from "./i18n.CPGoe9tN.js";
-import { _ as Lt } from "./modal.vue_vue_type_script_setup_true_lang.ylWdiVwQ.js";
-import { g as Rt } from "./base-modal.6IqnDuvf.js";
-import { B as Ot } from "./button.pwNCxwPu.js";
-import { B as Ye, I as kt, b as Nt } from "./popover.HArIkKve.js";
-import { B as Mt } from "./directive.O3yEdalv.js";
-import { B as Ht } from "./events.FNmSWp_P.js";
-import { g as Ke } from "./generate-uid.D-HFI38h.js";
-import { u as Kt } from "./use-click-outside.D6aIgS15.js";
-import { B as Fe, d as rt } from "./typography.DNzU41ah.js";
-import { u as dt } from "./aria-label.CaUURpnB.js";
-import { B as ct, a as ze } from "./base-button.N4QTXNIp.js";
-import { g as bt } from "./get-slot-text.D5WBGjic.js";
-import { u as ft } from "./use-has-slot.B7eQSabc.js";
-import { C as pt, a as vt } from "./chevron-up.DQZG_BP3.js";
-import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as jt } from "./teleport.L8qFCYpr.js";
-import { B as qt } from "./radio-group.D94e5N12.js";
-import { B as je } from "./input-field.Bk2p3kIb.js";
-import { u as mt, B as Jt } from "./dropdown.CMKdLPHi.js";
-import { g as Yt } from "./focus-trap.CwkbHfT8.js";
-import { B as qe } from "./divider.ugNXYI-T.js";
-import { B as zt } from "./date-picker.B6HK0sb2.js";
-import { f as ye } from "./date.DVGj7WKQ.js";
-import { g as yt } from "./get-date-locale.BN8xEjY0.js";
-import { a as Wt, i as Gt } from "./calendar.S9HFQA8j.js";
-import { B as Zt, D as Qt, i as We } from "./date-range-picker.3iWt1Cd6.js";
-import { D as Ge } from "./date-input.BqBdAO1E.js";
-import { B as Xt } from "./button-actions.ndsyVgzV.js";
-import { B as xt } from "./avatar.DqdDHXay.js";
-import { c as Ze, b as el } from "./use-cached-selected-values.DaRzXFIt.js";
-import { L as Ft } from "./listbox-option-tag.58u_cWFs.js";
-import { u as tl } from "./use-country-items.CTyhUEHS.js";
-import { B as ll } from "./payment-method.Lwl-3chY.js";
-import { R as we } from "./refresh.DvQeGwUF.js";
-import { F as al } from "./fixed-scroller.DM2JOokC.js";
-import "../assets/filter-bar.css";
-const nl = { class: "b-filter-bar-button__container" }, ol = { class: "b-filter-bar-button__label-container" }, sl = {
-  key: 1,
-  class: "b-filter-bar-button__chevron"
-}, il = {}, ul = /* @__PURE__ */ W({
-  ...il,
-  __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 },
-    /**
-     * 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 },
-    /**
-     * 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(e, { emit: l }) {
-    const a = e, i = l, t = Oe(), o = Et(), n = ft(t), r = b(() => t.default ? bt(t)("default") : null), s = dt({ ariaLabel: r }), u = k(null), m = b(() => {
-      var c;
-      return {
-        "aria-controls": (c = o["aria-controls"]) == null ? void 0 : c.toString()
-      };
-    }), T = b(() => ({
-      "b-filter-bar-button--filter-open": a.isFilterOpen,
-      "b-filter-bar-button--active": a.appliedFiltersCount || a.secondaryLabel || a.hasChevron,
-      "b-filter-bar-button--with-secondary-label": a.secondaryLabel,
-      "b-filter-bar-button--with-chevron": a.hasChevron
-    })), D = (c) => {
-      a.disabled || i("click", c);
-    };
-    return (c, h) => (y(), E(C(ct), {
-      ref_key: "filterBarButtonRef",
-      ref: u,
-      class: he(["b-filter-bar-button", T.value]),
-      disabled: e.disabled,
-      "aria-label": C(s),
-      "aria-controls": m.value["aria-controls"],
-      type: "button",
-      onClick: D
-    }, {
-      iconRight: _(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (y(), E(C(Fe), {
-          key: 0,
-          class: "b-filter-bar-button__counter",
-          el: "span",
-          variant: "body",
-          stronger: ""
-        }, {
-          default: _(() => [
-            j(H(e.appliedFiltersCount), 1)
-          ]),
-          _: 1
-        })) : z("", !0),
-        e.hasChevron ? (y(), q("div", sl, [
-          e.isFilterOpen ? (y(), E(C(pt), {
-            key: 0,
-            "aria-hidden": "true"
-          })) : (y(), E(C(vt), {
-            key: 1,
-            "aria-hidden": "true"
-          }))
-        ])) : z("", !0)
-      ]),
-      default: _(() => [
-        N("div", nl, [
-          C(n)("iconLeft") ? re(c.$slots, "iconLeft", { key: 0 }, void 0, !0) : z("", !0),
-          N("div", ol, [
-            I(C(Fe), {
-              el: "span",
-              variant: "body",
-              stronger: "",
-              class: "b-filter-bar-button__label"
-            }, {
-              default: _(() => [
-                re(c.$slots, "default", {}, void 0, !0)
-              ]),
-              _: 3
-            }),
-            e.secondaryLabel ? (y(), E(C(Fe), {
-              key: 0,
-              el: "span",
-              variant: "body",
-              stronger: "",
-              class: "b-filter-bar-button__secondary-label"
-            }, {
-              default: _(() => [
-                j(H(e.secondaryLabel), 1)
-              ]),
-              _: 1
-            })) : z("", !0)
-          ])
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
-  }
-}), Be = /* @__PURE__ */ Z(ul, [["__scopeId", "data-v-fe3e2223"]]);
-var F = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(F || {}), Ie = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(Ie || {}), le = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(le || {}), ne = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(ne || {});
-const Qe = {
-  "en-US": {
-    clear: "Clear",
-    apply: "Apply",
-    reset: "Reset",
-    filterButton: "Filter by {function}"
-  },
-  "pt-BR": {
-    clear: "Limpar",
-    apply: "Aplicar",
-    reset: "Reiniciar"
-  },
-  "ja-JP": {
-    clear: "クリア",
-    apply: "適用",
-    reset: "リセット"
-  }
-}, rl = W({
-  i18n: { messages: Qe },
-  name: "bento-base-filter",
-  components: {
-    BentoPopover: Ye,
-    BentoTeleport: jt,
-    FilterBarButton: Be
-  },
-  directives: { BentoClickOutsideDirective: Mt },
-  props: {
-    /**
-     * Total count of applied filters
-     */
-    appliedFiltersCount: { type: [String, Number], default: null },
-    /**
-     * Overrides the label of the popover visibility toggle button text.
-     */
-    buttonLabel: { type: String, default: void 0 },
-    /**
-     * Sets the secondary label text of the popover visibility toggle button text.
-     */
-    buttonSecondaryLabel: { type: String, default: void 0 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: {
-      type: [Object, Number, Boolean, Array, String],
-      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 },
-    /**
-     * Allows to handle the controls (apply/clear) from outside
-     * of the component
-     */
-    controlled: { type: Boolean, default: !1 },
-    /**
-     * Disable the "apply" button
-     */
-    disableApplyButton: { type: Boolean, default: !1 },
-    /**
-     * Disable the secondary button action.
-     */
-    disableSecondaryButton: { type: Boolean, default: !1 },
-    /**
-     * 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 },
-    /**
-     * Sets the size of the container to fit its content
-     */
-    fitContent: Ye.props.fitContent
-  },
-  emits: [
-    ne.APPLY,
-    ne.CLEAR,
-    ne.OPEN,
-    ne.CLOSE,
-    ne.RESET
-  ],
-  setup(e, { emit: l }) {
-    const { t: a } = ce({ messages: Qe }), i = Ke("base-filter-popover"), t = k(!1), o = k(null), n = k(null), r = b(() => e.defaultValue !== null), s = b(
-      () => r.value ? a("filterButton", {
-        function: e.label
-      }) : u.value
-    ), u = b(() => e.buttonLabel || e.label), m = () => {
-      t.value && (t.value = !1, st(() => {
-        var P, R;
-        (R = (P = o.value) == null ? void 0 : P.$el) == null || R.focus();
-      }), l(ne.CLOSE));
-    }, T = () => {
-      m(), r.value ? l(ne.RESET) : l(ne.CLEAR);
-    }, D = () => m(), c = () => {
-      t.value ? m() : (t.value = !0, l(ne.OPEN));
-    }, h = () => {
-      m(), l(ne.APPLY);
-    }, L = b(() => [
-      {
-        title: a("apply"),
-        event: h,
-        disabled: e.disableApplyButton
-      },
-      {
-        title: r.value ? a("reset") : a("clear"),
-        event: T,
-        disabled: e.disableSecondaryButton
-      }
-    ]);
-    return de(
-      () => t.value,
-      (P, R) => {
-        var U, A;
-        !P && R && (A = (U = o.value) == null ? void 0 : U.filterBarButtonRef) != null && A.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
-      }
-    ), Kt(n, D, { ignore: [o] }), {
-      // Values
-      actions: L,
-      popoverId: i,
-      isFilterOpen: t,
-      isPersistentFilter: r,
-      computedAriaLabel: s,
-      computedButtonText: u,
-      // Enums
-      BentoTooltipPosition: Ht,
-      // Events
-      onClickFilter: c,
-      onClickApply: h,
-      onClickSecondaryAction: T,
-      onClickOutside: D,
-      closePopover: m,
-      // Refs
-      filterButtonRef: o,
-      popoverRef: n
-    };
-  }
-}), dl = { key: 0 }, cl = {
-  key: 1,
-  class: "b-base-filter"
-};
-function bl(e, l, a, i, t, o) {
-  const n = $("filter-bar-button"), r = $("bento-popover"), s = $("bento-teleport");
-  return e.onlySlot ? (y(), q("div", dl, [
-    re(e.$slots, "default", {}, void 0, !0)
-  ])) : (y(), q("div", cl, [
-    I(n, {
-      ref: "filterButtonRef",
-      "aria-label": e.computedAriaLabel,
-      "aria-controls": e.isFilterOpen ? e.popoverId : null,
-      "has-chevron": e.isPersistentFilter,
-      "is-filter-open": e.isFilterOpen,
-      "applied-filters-count": e.appliedFiltersCount,
-      "secondary-label": e.buttonSecondaryLabel,
-      onClick: e.onClickFilter,
-      onKeydown: be(e.closePopover, ["esc"])
-    }, {
-      default: _(() => [
-        j(H(e.computedButtonText), 1)
-      ]),
-      _: 1
-    }, 8, ["aria-label", "aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick", "onKeydown"]),
-    e.filterButtonRef ? (y(), E(s, { key: 0 }, {
-      default: _(() => [
-        e.filterButtonRef ? (y(), E(r, {
-          key: 0,
-          id: e.popoverId,
-          ref: "popoverRef",
-          class: "b-base-filter__popover",
-          divider: "",
-          open: e.isFilterOpen,
-          actions: e.controlled ? null : e.actions,
-          "actions-layout": "space-between",
-          "target-element": e.filterButtonRef,
-          title: e.controlled ? null : e.label,
-          "fit-content": e.fitContent,
-          position: "bottom-start",
-          "without-space": e.controlled,
-          "fallback-position": ["bottom-end"]
-        }, {
-          default: _(() => [
-            N("div", {
-              onKeydown: l[0] || (l[0] = be((...u) => e.closePopover && e.closePopover(...u), ["esc"]))
-            }, [
-              re(e.$slots, "default", {}, void 0, !0)
-            ], 32)
-          ]),
-          _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : z("", !0)
-      ]),
-      _: 3
-    })) : z("", !0)
-  ]));
-}
-const ge = /* @__PURE__ */ Z(rl, [["render", bl], ["__scopeId", "data-v-41d3723b"]]), fl = (e) => e instanceof Array, Xe = (e) => fl(e) ? e.length === 0 || e.every((l) => l === "") : !e, xe = (e, l) => JSON.stringify(e) === JSON.stringify(l), pe = (e, l) => {
-  const a = k(e.value);
-  de(
-    () => e.value,
-    () => {
-      a.value = e.value;
-    }
-  );
-  const i = b(() => Xe(e.value)), t = b(
-    () => l.value !== null ? xe(l.value, e.value) : i.value
-  ), o = b(() => xe(a.value, e.value) || Xe(a.value) && i.value);
-  return {
-    internalFilterValue: a,
-    isSecondaryButtonDisabled: t,
-    isApplyButtonDisabled: o
-  };
-}, se = (e, l) => {
-  const a = e == null ? void 0 : e.toString();
-  return (a == null ? void 0 : a.length) > l ? `${a == null ? void 0 : a.slice(0, l)}...` : a;
-}, pl = W({
-  name: "bento-input-filter",
-  components: {
-    BentoBaseFilter: ge,
-    BentoInputField: je
-  },
-  props: {
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: String, 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.
-     * If the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.
-     */
-    value: { type: [String, Object], 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:
-     *   - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
-     *   - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(e, { emit: l }) {
-    var w, g;
-    const a = k(null), i = k((g = (w = e == null ? void 0 : e.options) == null ? void 0 : w.dropdown) == null ? void 0 : g.value), t = b(
-      () => {
-        var d, f;
-        return ((d = e == null ? void 0 : e.options) == null ? void 0 : d.variant) === "dropdown" && ((f = e == null ? void 0 : e.options) == null ? void 0 : f.dropdown) !== void 0;
-      }
-    ), o = b(
-      () => {
-        var d;
-        return t.value ? { ...(d = e == null ? void 0 : e.options) == null ? void 0 : d.dropdown, value: i.value } : void 0;
-      }
-    ), n = b(() => {
-      var d;
-      return ((d = e == null ? void 0 : e.options) == null ? void 0 : d.variant) === "dropdown" ? "dropdown" : "default";
-    }), r = b(
-      () => {
-        var d;
-        return t.value ? (d = e.value) == null ? void 0 : d.inputValue : e == null ? void 0 : e.value;
-      }
-    ), { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: m } = pe(
-      r,
-      G(e, "defaultValue")
-    ), T = b(
-      () => e.defaultValue === null ? e.label : se(r.value, 18)
-    ), D = b(
-      () => e.defaultValue === null ? se(r.value, 12) : null
-    ), c = b(() => ({
-      "b-input-filter--only-slot": e.onlySlot
-    }));
-    ke(() => {
-      s.value === "" && (s.value = null);
-    }), de(a, () => {
-      var d;
-      (d = a.value) == null || d.focusInput();
-    });
-    const h = () => {
-      s.value = r.value;
-    }, L = () => {
-      !s.value && e.defaultValue !== null && (s.value = e.defaultValue), l(F.UPDATE, {
-        ...e,
-        value: t.value ? { inputValue: s.value, dropdownValue: i.value } : s.value
-      });
-    }, P = () => l(F.UPDATE, { ...e, value: e.defaultValue }), R = () => {
-      s.value = null, L();
-    }, U = () => {
-      l(F.INPUT, { ...e, value: s.value });
-    }, A = (d) => {
-      s.value = d;
-    }, B = (d) => {
-      i.value = d;
-    };
-    return it(kt, t.value), de(
-      () => e.options,
-      () => {
-        var d, f, O;
-        ((d = e.options) != null && d.dropdown || (f = e.options) != null && f.dropdownPosition || (O = e.options) != null && O.variant) && rt(
-          '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 }
-    ), {
-      // Values
-      buttonLabel: T,
-      buttonSecondaryLabel: D,
-      conditionalClasses: c,
-      dropdownProp: o,
-      inputVariant: n,
-      internalFilterValue: s,
-      isApplyButtonDisabled: m,
-      isDropdownVariant: t,
-      isSecondaryButtonDisabled: u,
-      // Refs
-      inputTextRef: a,
-      // Events
-      updateFilter: L,
-      clearFilter: R,
-      openFilter: h,
-      resetFilter: P,
-      onDropdownInput: B,
-      onInput: U,
-      setInternalFilterValue: A
-    };
-  }
-});
-function vl(e, l, a, i, t, o) {
-  const n = $("bento-input-field"), r = $("bento-base-filter");
-  return y(), E(r, ie(e.$props, {
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "only-slot": e.onlySlot,
-    "popover-overflow-visible": e.isDropdownVariant,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: _(() => {
-      var s;
-      return [
-        N("div", {
-          class: he(["b-input-filter", e.conditionalClasses]),
-          onKeydown: l[0] || (l[0] = be((...u) => e.updateFilter && e.updateFilter(...u), ["enter"])),
-          onInput: l[1] || (l[1] = (...u) => e.onInput && e.onInput(...u))
-        }, [
-          I(n, {
-            ref: "inputTextRef",
-            dropdown: e.dropdownProp,
-            "dropdown-position": (s = e.options) == null ? void 0 : s.dropdownPosition,
-            variant: e.inputVariant,
-            value: e.internalFilterValue,
-            onInput: e.setInternalFilterValue,
-            onDropdownInput: e.onDropdownInput
-          }, null, 8, ["dropdown", "dropdown-position", "variant", "value", "onInput", "onDropdownInput"])
-        ], 34)
-      ];
-    }),
-    _: 1
-  }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const ht = /* @__PURE__ */ Z(pl, [["render", vl], ["__scopeId", "data-v-4448558d"]]), ml = {
-  name: "bento-input-with-dropdown-filter"
-}, yl = /* @__PURE__ */ W({
-  ...ml,
-  props: {
-    defaultValue: { default: void 0 },
-    field: {},
-    label: {},
-    onlySlot: { type: Boolean, default: !1 },
-    options: { default: void 0 },
-    value: { default: void 0 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(e, { emit: l }) {
-    const a = e, i = l, t = k(null), { internalFilterValue: o, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = pe(G(a, "value"), G(a, "defaultValue")), s = b(
-      () => {
-        var B, w;
-        return (B = a.defaultValue) != null && B.inputValue ? se((w = a.value) == null ? void 0 : w.inputValue, 18) : a.label;
-      }
-    ), u = b(
-      () => {
-        var B, w;
-        return (B = a.defaultValue) != null && B.inputValue ? null : se((w = a.value) == null ? void 0 : w.inputValue, 12);
-      }
-    ), m = b(() => {
-      var B, w;
-      return {
-        ...((B = a.options) == null ? void 0 : B.dropdown) || {},
-        value: (w = o.value) == null ? void 0 : w.dropdownValue
-      };
-    }), T = b(() => ({
-      "b-input-with-dropdown-filter--only-slot": a.onlySlot
-    })), D = b(() => {
-      var w, g;
-      return !(!!((w = o.value) != null && w.inputValue) && !!((g = o.value) != null && g.dropdownValue)) || r.value;
-    });
-    ke(() => {
-      var B;
-      ((B = o.value) == null ? void 0 : B.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
-    }), de(t, () => {
-      var B;
-      (B = t.value) == null || B.focusInput();
-    });
-    const c = () => {
-      o.value = a.value;
-    }, h = () => {
-      var B;
-      !((B = o.value) != null && B.inputValue) && a.defaultValue !== null && (o.value = { ...a.defaultValue }), i(F.UPDATE, {
-        ...a,
-        value: o.value
-      });
-    }, L = () => i(F.UPDATE, { ...a, value: a.defaultValue }), P = () => {
-      o.value = null, h();
-    }, R = () => {
-      i(F.INPUT, { ...a, value: o.value });
-    }, U = (B) => {
-      o.value = { ...o.value, inputValue: B };
-    }, A = (B) => {
-      o.value = { ...o.value, dropdownValue: B };
-    };
-    return it(Nt, !0), (B, w) => (y(), E(C(ge), ie(B.$props, {
-      "button-label": s.value,
-      "button-secondary-label": u.value,
-      "disable-apply-button": D.value,
-      "disable-secondary-button": C(n),
-      "only-slot": B.onlySlot,
-      onApply: h,
-      onClear: P,
-      onOpen: c,
-      onReset: L
-    }), {
-      default: _(() => {
-        var g, d;
-        return [
-          N("div", {
-            class: he(["b-input-with-dropdown-filter", T.value]),
-            onKeydown: be(h, ["enter"]),
-            onInput: R
-          }, [
-            I(C(je), {
-              ref_key: "inputTextRef",
-              ref: t,
-              dropdown: m.value,
-              "dropdown-position": (g = B.options) == null ? void 0 : g.dropdownPosition,
-              variant: "dropdown",
-              value: (d = C(o)) == null ? void 0 : d.inputValue,
-              onInput: U,
-              onDropdownInput: A
-            }, null, 8, ["dropdown", "dropdown-position", "value"])
-          ], 34)
-        ];
-      }),
-      _: 1
-    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot"]));
-  }
-}), Fl = /* @__PURE__ */ Z(yl, [["__scopeId", "data-v-963cf80b"]]), hl = W({
-  name: "bento-date-filter",
-  components: {
-    BentoBaseFilter: ge,
-    BentoDatePicker: zt,
-    BentoDivider: qe,
-    Calendar: Wt
-  },
-  props: {
-    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
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: { type: Date, default: void 0 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(e, { emit: l }) {
-    const { locale: a } = ce(void 0, !0), i = yt(), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: n } = pe(
-      G(e, "value"),
-      G(e, "defaultValue")
-    ), r = b(
-      () => e.value ? ye(e.value, "dd MMM, yyyy", {
-        locale: i[a.value.substring(0, 2)] || i.enUS
-      }) : null
-    ), s = b(
-      () => e.defaultValue === null ? e.label : r.value
-    ), u = b(
-      () => e.defaultValue === null ? r.value : null
-    ), m = () => {
-      l(F.UPDATE, { ...e, value: t.value });
-    }, T = () => {
-      t.value = null, m();
-    }, D = () => {
-      t.value = e.defaultValue, m();
-    }, c = () => {
-      t.value = e.value;
-    }, h = (P) => {
-      t.value = P, l(F.INPUT, { ...e, value: t.value });
-    };
-    return {
-      // Values
-      internalFilterValue: t,
-      isApplyButtonDisabled: n,
-      isSecondaryButtonDisabled: o,
-      buttonLabel: s,
-      buttonSecondaryLabel: u,
-      // Events
-      clearFilter: T,
-      onDateSelected: h,
-      openFilter: c,
-      updateFilter: m,
-      resetFilter: D,
-      onDateInputSelected: (P) => {
-        t.value = P, h(P), m();
-      }
-    };
-  }
-}), gl = { class: "b-date-filter" };
-function Sl(e, l, a, i, t, o) {
-  const n = $("bento-date-picker"), r = $("bento-divider"), s = $("calendar"), u = $("bento-base-filter");
-  return y(), E(u, {
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "default-value": e.defaultValue,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    field: e.field,
-    label: e.label,
-    "only-slot": e.onlySlot,
-    "fit-content": "",
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }, {
-    default: _(() => {
-      var m, T, D, c;
-      return [
-        e.onlySlot ? (y(), E(n, {
-          key: 0,
-          value: e.internalFilterValue,
-          "first-day-of-week": (m = e.options) == null ? void 0 : m.firstDayOfWeek,
-          "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
-          onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (y(), q($e, { key: 1 }, [
-          I(r, { class: "b-date-filter__divider" }),
-          N("div", gl, [
-            I(s, {
-              "first-day-of-week": (D = e.options) == null ? void 0 : D.firstDayOfWeek,
-              "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled,
-              "number-of-months": 1,
-              value: e.internalFilterValue,
-              onInput: e.onDateSelected
-            }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "onInput"])
-          ])
-        ], 64))
-      ];
-    }),
-    _: 1
-  }, 8, ["button-label", "button-secondary-label", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const gt = /* @__PURE__ */ Z(hl, [["render", Sl], ["__scopeId", "data-v-74c7326a"]]), et = {
-  "en-US": {
-    apply: "Apply",
-    clear: "Clear",
-    reset: "Reset"
-  },
-  "pt-BR": {
-    apply: "Aplicar",
-    clear: "Limpar",
-    reset: "Reiniciar"
-  },
-  "ja-JP": {
-    apply: "適用",
-    clear: "クリア",
-    reset: "リセット"
-  }
-}, _l = W({
-  i18n: { messages: et },
-  name: "bento-date-range-filter",
-  components: {
-    BentoBaseFilter: ge,
-    BentoButtonActions: Xt,
-    BentoDateRangePicker: Zt,
-    BentoTypography: Fe,
-    BentoDivider: qe,
-    DateRangePickerCalendar: Qt
-  },
-  props: {
-    /**
-     * 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.
-     */
-    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(e, { emit: l }) {
-    var ue, oe, ve, J;
-    const { locale: a, t: i } = ce({ messages: et }), t = yt(), { internalFilterValue: o, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = pe(
-      G(e, "value"),
-      G(e, "defaultValue")
-    ), s = k(!1), u = (S) => S ? ye(S, Ge.NUMERIC_DATE_YEAR_FIRST, {
-      locale: t[a.value.substring(0, 2)] || t.enUS
-    }) : void 0, m = (S) => S ? ye(S, Ge.HOUR_MINUTE_SECONDS, {
-      locale: t[a.value.substring(0, 2)] || t.enUS
-    }) : "", T = k(null), D = k(!1), c = ut({
-      startDate: u((ue = e.value) == null ? void 0 : ue.startDate),
-      endDate: u((oe = e.value) == null ? void 0 : oe.endDate),
-      startTime: m((ve = e.value) == null ? void 0 : ve.startDate),
-      endTime: m((J = e.value) == null ? void 0 : J.endDate)
-    });
-    function h(S) {
-      return (S == null ? void 0 : S.length) !== void 0;
-    }
-    const L = b(() => {
-      var S, Y, K, v, p, V, M, Q, x;
-      if (!((S = e.value) != null && S.startDate) && !e.value.endDate)
-        return null;
-      if (h((Y = e.options) == null ? void 0 : Y.quickSelectRanges) && ((v = (K = e.options) == null ? void 0 : K.quickSelectRanges) == null ? void 0 : v.length) > 0) {
-        const ee = (V = (p = e.options) == null ? void 0 : p.quickSelectRanges) == null ? void 0 : V.find(
-          ({ data: te }) => We(te == null ? void 0 : te.startDate, e.value.startDate) && We(te == null ? void 0 : te.endDate, e.value.endDate)
-        );
-        if (ee)
-          return ee.label;
-      }
-      return Gt((M = e.value) == null ? void 0 : M.startDate, (Q = e.value) == null ? void 0 : Q.endDate) && ((x = e == null ? void 0 : e.options) != null && x.allowTimeInput) ? `${ye(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: t[a.value.substring(0, 2)] || t.enUS
-      })} - ${ye(e.value.endDate, "HH:mm:ss", {
-        locale: t[a.value.substring(0, 2)] || t.enUS
-      })}` : `${ye(e.value.startDate, "dd MMM, yyyy", {
-        locale: t[a.value.substring(0, 2)] || t.enUS
-      })} - ${ye(e.value.endDate, "dd MMM, yyyy", {
-        locale: t[a.value.substring(0, 2)] || t.enUS
-      })}`;
-    }), P = b(
-      () => e.defaultValue === null ? e.label : L.value
-    ), R = b(
-      () => e.defaultValue === null ? L.value : null
-    ), U = () => {
-      T.value.closePopover();
-      const { onlySlot: S, ...Y } = e;
-      l(F.UPDATE, { ...Y, value: o.value });
-    }, A = () => {
-      o.value = void 0, U();
-    }, B = () => {
-      o.value = e.defaultValue, U();
-    }, w = () => {
-      o.value = e.value;
-    }, g = (S) => {
-      s.value = !1, o.value = S, c.startDate = u(S.startDate), c.endDate = u(S.endDate), l(F.INPUT, { ...e, value: o.value });
-    }, d = (S) => {
-      S != null && S.startDate && (S != null && S.endDate) && (o.value = S, c.startDate = u(S.startDate), c.endDate = u(S.endDate), l(F.INPUT, { ...e, value: o.value }));
-    }, f = (S) => {
-      g(S), l(F.INPUT, { ...e, value: o.value });
-    }, O = b(
-      () => [
-        {
-          title: i("apply"),
-          event: U,
-          disabled: s.value || D.value || r.value
-        },
-        {
-          title: e.defaultValue ? i("reset") : i("clear"),
-          event: e.defaultValue ? B : A,
-          disabled: D.value && n.value
-        }
-      ]
-    );
-    return {
-      // Refs
-      baseFilter: T,
-      // Values
-      actions: O,
-      formData: c,
-      internalFilterValue: o,
-      isApplyButtonDisabled: r,
-      isSecondaryButtonDisabled: n,
-      isSelectingDate: s,
-      buttonLabel: P,
-      buttonSecondaryLabel: R,
-      // Events
-      onDateSelected: g,
-      openFilter: w,
-      updateFilter: U,
-      onDatePickerRangeError: () => {
-        D.value = !0, o.value = { startDate: void 0, endDate: void 0 }, l(F.INPUT, { ...e, value: o.value });
-      },
-      onDatePickerRangeFormDateInputUpdate: (S) => {
-        D.value = !1, S.startTime && (c.startTime = S.startTime), S.endTime && (c.endTime = S.endTime);
-      },
-      onDateInputSelected: f,
-      onRangeSelectorInput: d
-    };
-  }
-}), Bl = {
-  key: 1,
-  class: "b-date-range-filter"
-};
-function Cl(e, l, a, i, t, o) {
-  const n = $("bento-date-range-picker"), r = $("bento-typography"), s = $("bento-divider"), u = $("bento-button-actions"), m = $("date-range-picker-calendar"), T = $("bento-base-filter");
-  return y(), E(T, {
-    ref: "baseFilter",
-    class: "b-base-filter-date-range-filter",
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    controlled: !e.onlySlot,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "default-value": e.defaultValue,
-    field: e.field,
-    label: e.label,
-    "only-slot": e.onlySlot,
-    "fit-content": "",
-    onOpen: e.openFilter
-  }, {
-    default: _(() => {
-      var D, c, h, L, P, R, U, A, B, w, g, d, f, O, X;
-      return [
-        e.onlySlot ? (y(), E(n, {
-          key: 0,
-          "allow-time-input": (D = e.options) == null ? void 0 : D.allowTimeInput,
-          value: e.internalFilterValue,
-          "first-day-of-week": (c = e.options) == null ? void 0 : c.firstDayOfWeek,
-          "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
-          "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths,
-          "quick-select-ranges": (P = e.options) == null ? void 0 : P.quickSelectRanges,
-          onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (y(), q("div", Bl, [
-          I(m, {
-            "allow-time-input": (R = e.options) == null ? void 0 : R.allowTimeInput,
-            "first-day-of-week": (U = e.options) == null ? void 0 : U.firstDayOfWeek,
-            "is-date-disabled": (A = e.options) == null ? void 0 : A.isDateDisabled,
-            granularities: (B = e.options) == null ? void 0 : B.granularities,
-            "max-range": (w = e.options) == null ? void 0 : w.maxRange,
-            min: (g = e.options) == null ? void 0 : g.min,
-            max: (d = e.options) == null ? void 0 : d.max,
-            "number-of-months": (f = e.options) == null ? void 0 : f.numberOfMonths,
-            "quick-select-ranges": (O = e.options) == null ? void 0 : O.quickSelectRanges,
-            value: e.internalFilterValue,
-            "date-form-data": e.formData,
-            "show-end-date-on-open": (X = e.options) == null ? void 0 : X.showEndDateOnOpen,
-            onInput: e.onDateSelected,
-            onCustomRange: e.onRangeSelectorInput,
-            onError: e.onDatePickerRangeError,
-            onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: l[0] || (l[0] = (ae) => e.isSelectingDate = !0)
-          }, {
-            title: _(() => [
-              I(r, {
-                strongest: "",
-                variant: "body",
-                el: "span"
-              }, {
-                default: _(() => [
-                  j(H(e.label), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            actions: _(() => [
-              I(s, { class: "b-date-range-filter__divider" }),
-              I(u, {
-                class: "b-date-range-filter__actions",
-                actions: e.actions,
-                layout: "space-between"
-              }, null, 8, ["actions"])
-            ]),
-            _: 1
-          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "onInput", "onCustomRange", "onError", "onFormDate"])
-        ]))
-      ];
-    }),
-    _: 1
-  }, 8, ["button-label", "button-secondary-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
-}
-const St = /* @__PURE__ */ Z(_l, [["render", Cl], ["__scopeId", "data-v-81c3d4a9"]]), _t = {
-  "en-US": {
-    all: "All",
-    noFiltersMatchThisSearch: "No filters match this search",
-    searchFilter: "Search {filter}"
-  },
-  "pt-BR": {
-    all: "Todos"
-  },
-  "ja-JP": {
-    all: "すべて"
-  }
-}, Dl = { class: "b-select-filter-button__search-bar" }, Il = { class: "b-select-filter-button__divider" }, Al = {
-  i18n: { messages: _t }
-}, $l = /* @__PURE__ */ W({
-  ...Al,
-  __name: "select-filter-button",
-  props: {
-    /**
-     * 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(e, { emit: l }) {
-    var oe, ve;
-    const a = Oe(), i = l, t = e, { t: o, locale: n } = ce({ messages: _t }), r = k(""), s = G(t, "options"), u = k(t.options.listboxItems), { cachedSelectedListboxOptions: m, setCachedValues: T, resetCache: D } = Ze(
-      u,
-      G(t, "value"),
-      G(s.value, "multiple")
-    ), { cachedSelectedListboxOptions: c } = Ze(
-      u,
-      G(t, "defaultValue"),
-      G(s.value, "multiple")
-    ), { internalFilterValue: h, isSecondaryButtonDisabled: L, isApplyButtonDisabled: P } = pe(m, c);
-    de(s, () => {
-      u.value = s.value.listboxItems;
-    });
-    const R = mt(
-      r,
-      u,
-      (ve = (oe = t.options) == null ? void 0 : oe.search) == null ? void 0 : ve.searchEvent
-    ), U = b(() => o("noFiltersMatchThisSearch")), A = b(() => {
-      var J, S, Y, K, v, p, V, M, Q, x;
-      if (t.defaultValue === null)
-        return t.label;
-      if (t.options.multiple) {
-        const ee = (J = t.value) == null ? void 0 : J.length;
-        if (ee === t.options.listboxItems.length)
-          return (S = t == null ? void 0 : t.options) != null && S.messagesPersistentButtonLabelAllSelectedKey ? (K = t == null ? void 0 : t.options) == null ? void 0 : K.messages[n.value][(Y = t == null ? void 0 : t.options) == null ? void 0 : Y.messagesPersistentButtonLabelAllSelectedKey] : (v = t == null ? void 0 : t.options) == null ? void 0 : v.messages[n.value].persistentButtonLabelAllSelected;
-        const me = ((p = t == null ? void 0 : t.options) != null && p.messagesPersistentButtonLabelPartiallySelectedKey ? (M = t == null ? void 0 : t.options) == null ? void 0 : M.messages[n.value][(V = t == null ? void 0 : t.options) == null ? void 0 : V.messagesPersistentButtonLabelPartiallySelectedKey] : (Q = t == null ? void 0 : t.options) == null ? void 0 : Q.messages[n.value].persistentButtonLabelPartiallySelected).split("|").map((Pe) => Pe.trim());
-        return ee === 1 ? me[0].replace("{count}", ee) : me[1].replace("{count}", ee);
-      }
-      return (x = m.value) != null && x.length ? se(m.value[0].label, 18) : "";
-    }), B = b(() => {
-      var J, S;
-      if (t.defaultValue === null && (!t.options.multiple || ((J = t.value) == null ? void 0 : J.length) === 1)) {
-        let K = (S = t.options.listboxItems.flatMap((v) => v.items ? v.items : v).find(
-          ({ value: v }) => {
-            var p;
-            return Array.isArray(t.value) ? (p = t == null ? void 0 : t.value) == null ? void 0 : p.includes(v) : v === t.value;
-          }
-        )) == null ? void 0 : S.label;
-        return !K && t.value && (K = t.value[0]), se(K, 12);
-      }
-      return null;
-    }), w = b(() => Ke(`filter-listbox-${t.field}`)), g = (J) => {
-      h.value = J;
-      const { onlySlot: S, ...Y } = t;
-      if (t.options.multiple) {
-        const v = J.length ? h.value.map(({ value: p }) => p) : null;
-        i(F.INPUT, { ...Y, value: v });
-        return;
-      }
-      const K = J.length ? J[0].value : null;
-      i(F.INPUT, { ...Y, value: K });
-    }, d = () => {
-      var K, v, p;
-      const { onlySlot: J, ...S } = t;
-      if (t.options.multiple) {
-        h.value && ((K = h.value) == null ? void 0 : K.length) === 0 && (h.value = t.defaultValue !== null ? c.value : void 0);
-        const V = (v = h.value) != null && v.length ? (p = h.value) == null ? void 0 : p.map(({ value: M }) => M) : null;
-        i(F.UPDATE, {
-          ...S,
-          value: V
-        });
-        return;
-      }
-      const Y = h.value.length ? h.value[0].value : void 0;
-      i(F.UPDATE, { ...S, value: Y });
-    }, f = () => {
-      h.value = m.value;
-    }, O = () => {
-      r.value && (r.value = "");
-    }, X = () => {
-      T(c.value), h.value = c.value, d();
-    }, ae = () => {
-      D(), h.value = [], d();
-    }, ue = b(() => {
-      var Y, K;
-      if (t.value == null || t.defaultValue !== null || !t.options.multiple)
-        return null;
-      const J = (Y = t.options.listboxItems) == null ? void 0 : Y.reduce((v, p) => {
-        var V;
-        return v += (V = p == null ? void 0 : p.items) != null && V.length ? p.items.length : 1, v;
-      }, 0), S = (K = t.value) == null ? void 0 : K.length;
-      return S === 1 ? null : S === J ? o("all") : S;
-    });
-    return (J, S) => (y(), E(C(ge), {
-      "applied-filters-count": ue.value,
-      "button-label": A.value,
-      "button-secondary-label": B.value,
-      "disable-apply-button": C(P),
-      "disable-secondary-button": C(L),
-      "default-value": e.defaultValue,
-      label: e.label,
-      field: e.field,
-      "only-slot": !1,
-      onApply: d,
-      onClear: ae,
-      onReset: X,
-      onOpen: f,
-      onClose: O
-    }, {
-      default: _(() => {
-        var Y, K, v, p, V, M, Q, x, ee, te, me, Pe, Je;
-        return [
-          N("div", Dl, [
-            I(C(Ae), {
-              "debounce-time": (K = (Y = e.options) == null ? void 0 : Y.search) == null ? void 0 : K.debounceTime,
-              value: r.value,
-              "input-field-aria-label": C(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
-              onInput: S[0] || (S[0] = (Ne) => r.value = Ne)
-            }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
-          ]),
-          N("div", Il, [
-            I(C(qe))
-          ]),
-          I(C(el), {
-            id: w.value,
-            "aria-label": e.label,
-            class: "b-select-filter-button__wrapper",
-            "empty-state": (v = e.options) == null ? void 0 : v.emptyState,
-            "has-more-items": (V = (p = e.options) == null ? void 0 : p.lazy) == null ? void 0 : V.hasMoreItems,
-            items: C(R),
-            "is-option-disabled": (M = e.options) == null ? void 0 : M.isOptionDisabled,
-            "lazy-load-type": (x = (Q = e.options) == null ? void 0 : Q.lazy) == null ? void 0 : x.lazyLoadType,
-            loading: (te = (ee = e.options) == null ? void 0 : ee.lazy) == null ? void 0 : te.loading,
-            multiple: (me = e.options) == null ? void 0 : me.multiple,
-            "static-categories": (Pe = e.options) == null ? void 0 : Pe.staticCategories,
-            "no-results-message": U.value,
-            searching: !!r.value,
-            "selected-value": C(h),
-            "virtual-scroll": (Je = e.options) == null ? void 0 : Je.virtualScroll,
-            onSelect: g,
-            onSpacePressed: g,
-            onEnterPressed: g,
-            onShowMore: S[1] || (S[1] = (Ne) => {
-              var De, Ue;
-              return (Ue = (De = e.options) == null ? void 0 : De.lazy) == null ? void 0 : Ue.showMoreEvent();
-            })
-          }, Te({ _: 2 }, [
-            fe(C(a), (Ne, De) => ({
-              name: De,
-              fn: _((Ue) => [
-                re(J.$slots, De, Le(Re(Ue)), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
-        ];
-      }),
-      _: 3
-    }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field"]));
-  }
-}), Tl = /* @__PURE__ */ Z($l, [["__scopeId", "data-v-0ba86956"]]), Bt = {
-  "en-US": {
-    noFiltersMatchThisSearch: "No filters match this search"
-  }
-}, Pl = {
-  i18n: { messages: Bt },
-  name: "select-filter-dropdown"
-}, Ul = /* @__PURE__ */ W({
-  ...Pl,
-  props: {
-    /**
-     * 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(e, { emit: l }) {
-    const { t: a } = ce({ messages: Bt }), i = Oe(), t = l, o = e, { internalFilterValue: n } = pe(G(o, "value"), G(o, "defaultValue")), r = k(""), s = G(o, "options"), u = k(o.options.listboxItems);
-    de(s, () => {
-      u.value = s.value.listboxItems;
-    });
-    const m = b(() => a("noFiltersMatchThisSearch")), T = (D) => {
-      n.value = D;
-      const { onlySlot: c, ...h } = o;
-      t(F.INPUT, { ...h, value: n.value });
-    };
-    return (D, c) => {
-      var h, L, P;
-      return y(), E(C(Jt), {
-        value: C(n),
-        items: e.options.listboxItems,
-        multiple: (h = e.options) == null ? void 0 : h.multiple,
-        "static-categories": (L = e.options) == null ? void 0 : L.staticCategories,
-        "no-results-message": m.value,
-        searching: !!r.value,
-        "is-option-disabled": e.options.isOptionDisabled,
-        "dynamic-filtering": !0,
-        "empty-state": (P = e.options) == null ? void 0 : P.emptyState,
-        onInput: T
-      }, Te({ _: 2 }, [
-        fe(C(i), (R, U) => ({
-          name: U,
-          fn: _((A) => [
-            re(D.$slots, U, Le(Re(A)))
-          ])
-        }))
-      ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state"]);
-    };
-  }
-}), Ce = {
-  /**
-   * 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
-  }
-}, El = {}, Se = /* @__PURE__ */ W({
-  ...El,
-  __name: "select-filter",
-  props: Ce,
-  emits: ["input", "update"],
-  setup(e, { emit: l }) {
-    const a = Oe(), i = l, t = (n) => i("input", n), o = (n) => i("update", n);
-    return (n, r) => n.onlySlot ? (y(), E(C(Ul), {
-      key: 0,
-      "default-value": n.defaultValue,
-      field: n.field,
-      label: n.label,
-      options: n.options,
-      value: n.value,
-      onInput: t,
-      onUpdate: o
-    }, Te({ _: 2 }, [
-      fe(C(a), (s, u) => ({
-        name: u,
-        fn: _((m) => [
-          re(n.$slots, u, Le(Re(m)))
-        ])
-      }))
-    ]), 1032, ["default-value", "field", "label", "options", "value"])) : (y(), E(C(Tl), {
-      key: 1,
-      "default-value": n.defaultValue,
-      field: n.field,
-      label: n.label,
-      options: n.options,
-      value: n.value,
-      onInput: t,
-      onUpdate: o
-    }, Te({ _: 2 }, [
-      fe(C(a), (s, u) => ({
-        name: u,
-        fn: _((m) => [
-          re(n.$slots, u, Le(Re(m)))
-        ])
-      }))
-    ]), 1032, ["default-value", "field", "label", "options", "value"]));
-  }
-}), Vl = W({
-  name: "bento-select-avatar-filter",
-  components: {
-    BentoSelectFilter: Se,
-    BentoAvatar: xt
-  },
-  props: {
-    ...Ce,
-    /**
-     * 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(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: (i) => l(F.UPDATE, i)
-    };
-  }
-});
-function wl(e, l, a, i, t, o) {
-  const n = $("bento-avatar"), r = $("bento-select-filter");
-  return y(), E(r, ie(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
-  }), {
-    default: _(({ label: s, data: u }) => [
-      I(n, {
-        username: s,
-        src: u
-      }, null, 8, ["username", "src"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const Ct = /* @__PURE__ */ Z(Vl, [["render", wl]]), Ll = W({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: Se,
-    ListboxOptionTag: Ft
-  },
-  props: {
-    ...Ce,
-    /**
-     * 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(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: (i) => {
-        l(F.UPDATE, i);
-      }
-    };
-  }
-});
-function Rl(e, l, a, i, t, o) {
-  const n = $("listbox-option-tag"), r = $("bento-select-filter");
-  return y(), E(r, ie(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
-  }), {
-    default: _((s) => [
-      I(n, { option: s }, null, 8, ["option"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const Dt = /* @__PURE__ */ Z(Ll, [["render", Rl]]), Ol = {
-  name: "bento-select-country-filter"
-}, It = /* @__PURE__ */ W({
-  ...Ol,
-  props: {
-    ...Ce,
-    /**
-     * 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(e, { emit: l }) {
-    const a = e, i = l, t = k(a.options.variant), o = k(a.options.listboxItems);
-    de([() => a.options.variant, () => a.options.listboxItems], () => {
-      t.value = a.options.variant, o.value = a.options.listboxItems;
-    });
-    const n = (u) => i(F.UPDATE, u), r = tl(t, o), s = b(() => ({
-      ...a != null && a.options ? a.options : {},
-      listboxItems: r.value
-    }));
-    return (!t.value || t.value === "custom") && rt(
-      'BentoSelectCountryFilter type with `options.variant==="custom"`',
-      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
-      "2.0.0"
-    ), (u, m) => (y(), E(Se, ie(a, {
-      field: u.field,
-      label: u.label,
-      options: s.value,
-      onUpdate: n,
-      onInput: m[0] || (m[0] = (T) => u.$emit(C(F).INPUT, T))
-    }), {
-      default: _(({ label: T }) => [
-        I(C(Fe), { el: "span" }, {
-          default: _(() => [
-            j(H(T), 1)
-          ]),
-          _: 2
-        }, 1024)
-      ]),
-      _: 1
-    }, 16, ["field", "label", "options"]));
-  }
-}), kl = W({
-  name: "bento-select-payment-method-filter",
-  components: {
-    BentoSelectFilter: Se,
-    BentoPaymentMethod: ll
-  },
-  props: {
-    ...Ce,
-    /**
-     * 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(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: F,
-      // Methods
-      onUpdate: (i) => l(F.UPDATE, i)
-    };
-  }
-});
-function Nl(e, l, a, i, t, o) {
-  const n = $("bento-payment-method"), r = $("bento-select-filter");
-  return y(), E(r, ie(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
-  }), {
-    default: _(({ value: s, label: u }) => [
-      I(n, {
-        type: s,
-        label: u
-      }, null, 8, ["type", "label"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const At = /* @__PURE__ */ Z(kl, [["render", Nl]]), Ml = W({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: Se,
-    ListboxOptionTag: Ft
-  },
-  props: {
-    ...Ce,
-    /**
-     * 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(e, { emit: l }) {
-    const a = (o) => l(F.UPDATE, o), i = b(
-      () => {
-        var o, n;
-        return (n = (o = e == null ? void 0 : e.options) == null ? void 0 : o.listboxItems) == null ? void 0 : n.map(({ label: r, value: s, variant: u }) => ({ label: r, value: s, data: u }));
-      }
-    );
-    return {
-      // Values
-      countryOptions: b(() => ({
-        ...e.options,
-        listboxItems: i.value
-      })),
-      // Methods
-      onUpdate: a,
-      // Enums
-      BentoFilterEvent: F
-    };
-  }
-});
-function Hl(e, l, a, i, t, o) {
-  const n = $("listbox-option-tag"), r = $("bento-select-filter");
-  return y(), E(r, ie(e.$props, {
-    field: e.field,
-    label: e.label,
-    options: e.countryOptions,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
-  }), {
-    default: _(({ label: s, data: u }) => [
-      I(n, {
-        option: { value: s, data: u, label: "" }
-      }, null, 8, ["option"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "options", "onUpdate"]);
-}
-const $t = /* @__PURE__ */ Z(Ml, [["render", Hl]]), tt = {
-  "en-US": {
-    no: "No",
-    yes: "Yes"
-  },
-  "pt-BR": {
-    yes: "Sim",
-    no: "Não"
-  },
-  "ja-JP": {
-    no: "いいえ",
-    yes: "はい"
-  }
-}, Kl = W({
-  name: "bento-boolean-filter",
-  i18n: { messages: tt },
-  components: { BentoBaseFilter: ge, BentoRadioGroup: qt },
-  props: {
-    /**
-     * 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:
-     *   - listboxItems: The option elements to populate the filter with.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(e, { emit: l }) {
-    const { t: a } = ce({ messages: tt }), i = (A) => typeof A == "boolean" ? A == null ? void 0 : A.toString() : A, t = (A) => {
-      var B, w, g, d;
-      return ((w = (B = e == null ? void 0 : e.options) == null ? void 0 : B.positiveOption) == null ? void 0 : w.value) !== void 0 && ((d = (g = e == null ? void 0 : e.options) == null ? void 0 : g.negativeOption) == null ? void 0 : d.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof A == "string" ? A === "true" : A;
-    }, o = b(() => i(e.defaultValue)), n = b(() => i(e.value)), r = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
-      {
-        ...e.options.positiveOption,
-        value: i(e.options.positiveOption.value)
-      },
-      {
-        ...e.options.negativeOption,
-        value: i(e.options.negativeOption.value)
-      }
-    ] : [
-      { value: "yes", label: a("yes") },
-      { value: "no", label: a("no") }
-    ]), { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: m } = pe(
-      n,
-      o
-    ), T = b(
-      () => e.defaultValue === null ? e.label : se(r.value.find(({ value: A }) => A === n.value).label, 18)
-    ), D = b(
-      () => {
-        var A;
-        return e.defaultValue === null ? se((A = r.value.find(({ value: B }) => B === n.value)) == null ? void 0 : A.label, 12) : null;
-      }
-    ), c = b(() => ({
-      "b-boolean-filter--only-slot": e.onlySlot
-    }));
-    ke(() => {
-      s.value || (s.value = null);
-    });
-    const h = (A) => {
-      s.value = A, l(F.INPUT, {
-        ...e,
-        value: t(s.value)
-      });
-    }, L = () => {
-      s.value = n.value;
-    }, P = () => {
-      l(F.UPDATE, {
-        ...e,
-        value: t(s.value)
-      });
-    };
-    return {
-      // Values
-      items: r,
-      conditionalClasses: c,
-      buttonLabel: T,
-      buttonSecondaryLabel: D,
-      internalFilterValue: s,
-      isApplyButtonDisabled: m,
-      isSecondaryButtonDisabled: u,
-      translatedValue: n,
-      translatedDefaultValue: o,
-      // Events
-      onInput: h,
-      updateFilter: P,
-      clearFilter: () => {
-        s.value = null, P();
-      },
-      openFilter: L,
-      resetFilter: () => l(F.UPDATE, { ...e, value: e.defaultValue })
-    };
-  }
-});
-function jl(e, l, a, i, t, o) {
-  const n = $("bento-radio-group"), r = $("bento-base-filter");
-  return y(), E(r, ie(e.$props, {
-    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,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: _(() => [
-      N("div", {
-        class: he(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = be((...s) => e.updateFilter && e.updateFilter(...s), ["enter"]))
-      }, [
-        I(n, {
-          items: e.items,
-          label: e.label,
-          "model-value": e.internalFilterValue,
-          "hide-label": "",
-          "onUpdate:modelValue": e.onInput
-        }, null, 8, ["items", "label", "model-value", "onUpdate:modelValue"])
-      ], 34)
-    ]),
-    _: 1
-  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const Tt = /* @__PURE__ */ Z(Kl, [["render", jl], ["__scopeId", "data-v-1fa97477"]]), lt = {
-  "en-US": {
-    from: "From",
-    to: "To"
-  }
-}, ql = W({
-  name: "bento-range-filter",
-  i18n: { messages: lt },
-  components: { BentoBaseFilter: ge, BentoInputField: je },
-  props: {
-    /**
-     * 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 }
-  },
-  emits: [F.INPUT, F.UPDATE],
-  setup(e, { emit: l }) {
-    const { t: a } = ce({ messages: lt }), i = k(null), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: n } = pe(
-      G(e, "value"),
-      G(e, "defaultValue")
-    ), r = b(() => {
-      var g, d, f, O, X, ae, ue, oe;
-      if (!((g = e.value) != null && g[0]) && !((d = e.value) != null && d[1]))
-        return null;
-      let U = "";
-      (f = e.value) != null && f[0] ? (O = e.value) != null && O[1] || (U = "≥") : U = "≤";
-      const A = (X = e.value) != null && X[0] ? `${se(e.value[0], 5)}` : "", B = (ae = e.value) != null && ae[0] && ((ue = e.value) != null && ue[1]) ? " - " : "", w = (oe = e.value) != null && oe[1] ? `${se(e.value[1], 5)}` : "";
-      return `${U}${A}${B}${w}`;
-    }), s = b(
-      () => e.defaultValue === null ? e.label : r.value
-    ), u = b(
-      () => e.defaultValue === null ? r.value : null
-    ), m = b(() => ({
-      "b-range-filter--only-slot": e.onlySlot
-    })), T = () => {
-      t.value = e.value, st(() => i.value.focusInput());
-    }, D = () => {
-      l(F.INPUT, { ...e, value: t.value });
-    }, c = (U) => {
-      t.value = [U, t.value[1]], D();
-    }, h = (U) => {
-      t.value = [t.value[0], U], D();
-    }, L = () => {
-      t.value.some((U) => U) || (t.value = e.defaultValue !== null ? e.defaultValue : void 0), l(F.UPDATE, {
-        ...e,
-        value: t.value
-      });
-    };
-    return {
-      // Values
-      inputTextRef: i,
-      conditionalClasses: m,
-      internalFilterValue: t,
-      isApplyButtonDisabled: n,
-      isSecondaryButtonDisabled: o,
-      buttonLabel: s,
-      buttonSecondaryLabel: u,
-      // Events
-      updateFrom: c,
-      updateTo: h,
-      updateFilter: L,
-      clearFilter: () => {
-        t.value = ["", ""], L();
-      },
-      openFilter: T,
-      resetFilter: () => l(F.UPDATE, { ...e, value: e.defaultValue }),
-      // Translations
-      t: a
-    };
-  }
-});
-function Jl(e, l, a, i, t, o) {
-  const n = $("bento-input-field"), r = $("bento-base-filter");
-  return y(), E(r, ie(e.$props, {
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "only-slot": e.onlySlot,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: _(() => [
-      N("div", {
-        class: he(["b-range-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = be((...s) => e.updateFilter && e.updateFilter(...s), ["enter"]))
-      }, [
-        I(n, {
-          ref: "inputTextRef",
-          value: e.internalFilterValue ? e.internalFilterValue[0] : "",
-          type: "number",
-          "aria-label": e.t("from").toString(),
-          onInput: e.updateFrom
-        }, {
-          default: _(() => [
-            j(H(e.t("from")), 1)
-          ]),
-          _: 1
-        }, 8, ["value", "aria-label", "onInput"]),
-        I(n, {
-          class: "b-range-filter__input-field",
-          value: e.internalFilterValue ? e.internalFilterValue[1] : "",
-          type: "number",
-          "aria-label": e.t("to"),
-          onInput: e.updateTo
-        }, {
-          default: _(() => [
-            j(H(e.t("to")), 1)
-          ]),
-          _: 1
-        }, 8, ["value", "aria-label", "onInput"])
-      ], 34)
-    ]),
-    _: 1
-  }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const Pt = /* @__PURE__ */ Z(ql, [["render", Jl], ["__scopeId", "data-v-901ba107"]]);
-var He = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(He || {});
-const Yl = W({
-  name: "base-filter-button",
-  components: { BaseButton: ct, BentoTypography: Fe, ChevronUpIcon: pt, ChevronDownIcon: vt },
-  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: [ze.CLICK],
-  setup(e, { slots: l, emit: a, attrs: i }) {
-    const t = b(() => l.default ? bt(l)("default") : null), o = dt({ ariaLabel: t }), n = k(null), r = b(() => {
-      var m;
-      return {
-        "aria-controls": (m = i["aria-controls"]) == null ? void 0 : m.toString()
-      };
-    }), s = b(() => ({
-      "b-base-filter-button--with-chevron": e.hasChevron,
-      "b-base-filter-button--filter-open": e.isFilterOpen
-    }));
-    return {
-      // Values
-      ariaAttributes: r,
-      computedAriaLabel: o,
-      conditionalClasses: s,
-      // Methods
-      onClickButton: () => {
-        e.disabled || a(ze.CLICK);
-      },
-      hasSlot: ft(l),
-      // Refs
-      baseFilterButtonRef: n
-    };
-  }
-}), zl = { class: "b-base-filter-button__default-container" }, Wl = { class: "b-base-filter-button__label-container" }, Gl = {
-  key: 0,
-  class: "b-base-filter-button__counter-wrapper"
-};
-function Zl(e, l, a, i, t, o) {
-  const n = $("bento-typography"), r = $("chevron-up-icon"), s = $("chevron-down-icon"), u = $("base-button");
-  return y(), E(u, {
-    ref: "baseFilterButtonRef",
-    class: he(["b-base-filter-button", e.conditionalClasses]),
-    disabled: e.disabled,
-    "aria-label": e.computedAriaLabel,
-    "aria-controls": e.ariaAttributes["aria-controls"],
-    type: "button",
-    onClick: e.onClickButton
-  }, Te({
-    default: _(() => [
-      N("div", zl, [
-        N("div", Wl, [
-          I(n, {
-            el: "span",
-            variant: "body",
-            stronger: e.bold,
-            class: "b-base-filter-button__label"
-          }, {
-            default: _(() => [
-              re(e.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["stronger"])
-        ]),
-        e.amountAppliedValues && !e.hasChevron ? (y(), q("div", Gl, [
-          I(n, {
-            class: "b-base-filter-button__counter",
-            el: "span",
-            variant: "body",
-            stronger: ""
-          }, {
-            default: _(() => [
-              j(H(e.amountAppliedValues), 1)
-            ]),
-            _: 1
-          })
-        ])) : z("", !0)
-      ])
-    ]),
-    _: 2
-  }, [
-    e.hasChevron ? {
-      name: "iconRight",
-      fn: _(() => [
-        e.isFilterOpen ? (y(), E(r, {
-          key: 0,
-          "aria-hidden": "true"
-        })) : (y(), E(s, {
-          key: 1,
-          "aria-hidden": "true"
-        }))
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
-}
-const Ql = /* @__PURE__ */ Z(Yl, [["render", Zl], ["__scopeId", "data-v-af9efc73"]]), Xl = W({
-  name: "all-filters-modal-button",
-  components: { BaseFilterButton: Ql },
-  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(e, { emit: l }) {
-    return {
-      conditionalClasses: b(() => ({
-        "b-all-filters-modal-button--with-counter": e.appliedFiltersCount,
-        "b-all-filters-modal-button--filter-open": e.isFilterOpen
-      })),
-      onClick: () => {
-        l("click");
-      }
-    };
-  }
-});
-function xl(e, l, a, i, t, o) {
-  const n = $("base-filter-button");
-  return y(), E(n, {
-    class: he(["b-all-filters-modal-button", e.conditionalClasses]),
-    "amount-applied-values": e.appliedFiltersCount,
-    "is-filter-open": e.isFilterOpen,
-    disabled: e.disabled,
-    onClick: e.onClick
-  }, {
-    default: _(() => [
-      j(H(e.label), 1)
-    ]),
-    _: 1
-  }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
-}
-const ea = /* @__PURE__ */ Z(Xl, [["render", xl], ["__scopeId", "data-v-b96a672f"]]);
-let at = 0;
-const ta = {
-  beforeCreate() {
-    this.uuid = at.toString(), at += 1;
-  }
-}, la = { key: 0 };
-function aa(e, l, a, i, t, o) {
-  return y(), q("svg", ie({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (y(), q("title", la, H(e.$attrs["svg-title"]), 1)) : z("", !0),
-    l[0] || (l[0] = N("path", {
-      fill: "#00112C",
-      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"
-    }, null, -1)),
-    l[1] || (l[1] = N("path", {
-      fill: "#00112C",
-      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"
-    }, null, -1))
-  ], 16);
-}
-const na = /* @__PURE__ */ Z(ta, [["render", aa]]), nt = {
-  "en-US": {
-    all: "All",
-    activeFilters: "Active filters",
-    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"
-  },
-  "pt-BR": {
-    all: "Todos",
-    cancel: "Cancelar",
-    clear: "Limpar",
-    clearAll: "Limpar tudo"
-  },
-  "ja-JP": {
-    all: "すべて",
-    cancel: "キャンセル",
-    clear: "クリア",
-    clearAll: "すべてクリア"
-  }
-}, oa = W({
-  i18n: { messages: nt },
-  name: "all-filters-modal",
-  components: {
-    AllFiltersModalButton: ea,
-    BentoBooleanFilter: Tt,
-    BentoButton: Ot,
-    BentoDateFilter: gt,
-    BentoDateRangeFilter: St,
-    BentoInputFilter: ht,
-    BentoModal: Lt,
-    BentoRangeFilter: Pt,
-    BentoSearchBar: Ae,
-    BentoSelectAvatarFilter: Ct,
-    BentoSelectCurrencyFilter: Dt,
-    BentoSelectCountryFilter: It,
-    BentoSelectFilter: Se,
-    BentoSelectPaymentMethodFilter: At,
-    BentoSelectTagFilter: $t,
-    BentoTypography: Fe,
-    FilterBarButton: Be,
-    SlidersIcon: na
-  },
-  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: [He.INPUT],
-  setup(e, { emit: l }) {
-    const a = ut({ value: e.value }), i = k(a.value), t = Ke("all-filters-modal"), o = k([]), n = k(!1), r = k(0), s = k(null), u = k(""), { t: m } = ce({ messages: nt }), T = mt(u, G(i, "value")), D = k({});
-    ke(() => {
-      D.value = [];
-    }), de(
-      () => e.value,
-      () => {
-        a.value = e.value, i.value = e.value;
-      }
-    );
-    const c = (v) => (
-      /* eslint-disable-next-line no-nested-ternary */
-      v.sort((p, V) => p.label > V.label ? 1 : V.label > p.label ? -1 : 0)
-    ), h = b(
-      () => c(
-        T.value.filter(
-          (v) => {
-            var p, V;
-            return Array.isArray(v.value) ? ((p = v.value) == null ? void 0 : p.length) && ((V = v.value) == null ? void 0 : V.find((M) => M !== "")) : v.value;
-          }
-        )
-      )
-    ), L = b(
-      () => c(
-        T.value.filter(
-          (v) => {
-            var p, V;
-            return Array.isArray(v.value) ? ((p = v.value) == null ? void 0 : p.length) === 0 || ((V = v.value) == null ? void 0 : V.every((M) => M === "")) : !v.value;
-          }
-        )
-      )
-    ), P = b(() => {
-      var v;
-      return u.value && ((v = T.value) == null ? void 0 : v.length) === 0;
-    }), R = b(() => i.value[r.value]), U = () => {
-      const v = h.value.length ? h.value[0] : L.value[0], p = i.value.findIndex(
-        (V) => V.label === v.label && V.field === v.field
-      );
-      r.value = p;
-    };
-    Vt(() => {
-      U();
-    });
-    const A = (v) => v.map((p) => {
-      var V, M, Q, x, ee, te;
-      switch (p.type) {
-        case le.SELECT:
-        case le.SELECT_AVATAR:
-        case le.SELECT_COUNTRY:
-        case le.SELECT_CURRENCY:
-        case le.SELECT_PAYMENT_METHOD:
-        case le.SELECT_TAG:
-          switch ((V = p.options) == null ? void 0 : V.multiple) {
-            case !0:
-              return {
-                label: p.label,
-                field: p.field,
-                count: (M = p.value) != null && M.length ? (Q = p.value) == null ? void 0 : Q.length : null
-              };
-            default:
-              return {
-                label: p.label,
-                field: p.field,
-                count: p.value == null ? null : 1
-              };
-          }
-        case le.DATE_RANGE:
-          return {
-            label: p.label,
-            field: p.field,
-            count: ((x = p.value) == null ? void 0 : x.startDate) != null && ((ee = p.value) == null ? void 0 : ee.endDate) != null ? 1 : null
-          };
-        case le.RANGE:
-          return {
-            label: p.label,
-            field: p.field,
-            count: (te = p.value) != null && te.find((me) => me !== "") ? 1 : null
-          };
-        case le.INPUT:
-        case le.BOOLEAN:
-        case le.DATE:
-        default:
-          return {
-            label: p.label,
-            field: p.field,
-            count: p.value != null ? 1 : null
-          };
-      }
-    }), B = b(
-      () => {
-        var v;
-        return Array.isArray(R.value.value) ? ((v = R.value) == null ? void 0 : v.value.length) && R.value.value.find((p) => p !== "") : !!i.value[r.value].value;
-      }
-    ), w = b(
-      () => {
-        var v;
-        return (v = A(a.value)) == null ? void 0 : v.filter(({ count: p }) => !!p).length;
-      }
-    ), g = () => {
-      n.value ? n.value = !1 : n.value = !0;
-    }, d = (v) => {
-      var V, M, Q;
-      const p = A(i.value).find((x) => x.field === v.field).count;
-      return v.type.includes("BentoSelect") && ((V = v.options) != null && V.multiple) && p === ((Q = (M = v.options) == null ? void 0 : M.listboxItems) == null ? void 0 : Q.length) ? m("all") : p;
-    }, f = (v, p) => {
-      r.value = i.value.findIndex(
-        (V) => V.label === v && V.field === p
-      );
-    }, O = () => {
-      u.value = "";
-    }, X = () => {
-      n.value = !1, a.value = e.value, i.value = e.value, O(), U();
-    }, ae = (v) => {
-      const p = i.value.map(({ value: V, ...M }, Q) => Q === r.value ? { value: v.value, ...M } : { value: V, ...M });
-      i.value = p;
-    }, ue = () => {
-      ae({
-        field: R.value.field,
-        label: R.value.label,
-        type: R.value.type,
-        value: void 0
-      });
-    }, oe = () => {
-      i.value = a.value.map(({ value: v, ...p }) => ({
-        ...p,
-        value: void 0
-      }));
-    }, ve = () => {
-      l(He.INPUT, i.value), n.value = !1;
-    }, J = b(
-      () => JSON.stringify(i.value) === JSON.stringify(e.value)
-    ), S = b(() => [
-      {
-        title: m("applyAll"),
-        disabled: J.value,
-        event: ve
-      },
-      {
-        title: m("cancel"),
-        event: X
-      },
-      {
-        title: m("clearAll"),
-        disabled: !w.value,
-        event: oe
-      }
-    ]);
-    return {
-      // Enums
-      BentoModalEvent: Rt,
-      // Values
-      allFiltersModalUniqueId: t,
-      allFiltersModalFiltersSection: o,
-      allFiltersModalFilterButtons: D,
-      numberOfActiveFilters: w,
-      isEmptyResultForSearchFilter: P,
-      isModalOpen: n,
-      isClearButtonEnabled: B,
-      activeFilters: h,
-      otherFilters: L,
-      modalActions: S,
-      selectedFilter: R,
-      selectedFilterRef: s,
-      filters: a,
-      searchTerm: u,
-      // Methods
-      onClickAllFiltersModal: g,
-      getFilterCount: d,
-      cancel: X,
-      selectFilter: f,
-      clearFilter: ue,
-      updateFilter: ae,
-      onSearchbarClear: O,
-      onKeydownRight: () => {
-        Yt(1, s.value.$el).focus();
-      },
-      onKeydownLeft: () => {
-        D.value[R.value.label].$el.focus();
-      },
-      // Translations
-      t: m
-    };
-  }
-}), sa = { class: "b-all-filters-modal" }, ia = {
-  key: 0,
-  class: "b-all-filters-modal__empty-search-message"
-}, ua = {
-  key: 1,
-  class: "b-all-filters-modal__filters-section"
-}, ra = ["aria-labelledby"], da = {
-  key: 2,
-  class: "b-all-filters-modal__filters-section"
-}, ca = ["aria-labelledby"], ba = { class: "b-all-filters-modal__selected-filter-text" }, fa = { class: "b-all-filters-modal__selected-filter-component" }, pa = { class: "b-all-filters-modal__clear-button" };
-function va(e, l, a, i, t, o) {
-  const n = $("sliders-icon"), r = $("filter-bar-button"), s = $("bento-search-bar"), u = $("bento-typography"), m = $("all-filters-modal-button"), T = $("bento-button"), D = $("bento-modal");
-  return y(), q("div", sa, [
-    I(r, {
-      "is-filter-open": e.isModalOpen,
-      "applied-filters-count": e.numberOfActiveFilters,
-      onClick: e.onClickAllFiltersModal
-    }, {
-      iconLeft: _(() => [
-        I(n, { "aria-hidden": "true" })
-      ]),
-      default: _(() => [
-        j(H(e.t("allFilters")) + " ", 1)
-      ]),
-      _: 1
-    }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    I(D, {
-      class: "'b-all-filters-modal__modal'",
-      "is-open": e.isModalOpen,
-      "with-column-layout": !0,
-      size: "large",
-      actions: e.modalActions,
-      "is-dismissible": !1,
-      "hide-close-button": "",
-      onCloseModal: e.cancel
-    }, {
-      default: _(() => [
-        j(H(e.t("allFilters")), 1)
-      ]),
-      "content-col-1": _(() => [
-        N("div", {
-          ref: "allFiltersModalFiltersSection",
-          class: "b-all-filters-modal__filters",
-          onKeydown: l[1] || (l[1] = be((...c) => e.onKeydownRight && e.onKeydownRight(...c), ["right"]))
-        }, [
-          I(s, {
-            class: "b-all-filters-modal__search-bar",
-            value: e.searchTerm,
-            "input-field-aria-label": e.t("searchBar").toString(),
-            onInput: l[0] || (l[0] = (c) => e.searchTerm = c),
-            onClear: e.onSearchbarClear
-          }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (y(), q("div", ia, [
-            I(u, { el: "span" }, {
-              default: _(() => [
-                j(H(e.t("noFiltersMatchThisSearch")), 1)
-              ]),
-              _: 1
-            })
-          ])) : z("", !0),
-          e.activeFilters.length ? (y(), q("div", ua, [
-            I(u, {
-              id: `active-filters-${e.allFiltersModalUniqueId}`,
-              class: "b-all-filters-modal__filters-section-title",
-              el: "span",
-              variant: "caption"
-            }, {
-              default: _(() => [
-                j(H(e.t("activeFilters")), 1)
-              ]),
-              _: 1
-            }, 8, ["id"]),
-            N("ul", {
-              class: "b-all-filters-modal__filters-list",
-              "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
-            }, [
-              (y(!0), q($e, null, fe(e.activeFilters, (c) => (y(), q("li", {
-                key: `${c.label}-${c.field}`
-              }, [
-                I(m, {
-                  ref_for: !0,
-                  ref: (h) => e.allFiltersModalFilterButtons[c.label] = h,
-                  label: c.label,
-                  "applied-filters-count": e.getFilterCount(c),
-                  "is-filter-open": e.selectedFilter.label === c.label,
-                  onClick: (h) => e.selectFilter(c.label, c.field)
-                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
-              ]))), 128))
-            ], 8, ra)
-          ])) : z("", !0),
-          e.otherFilters.length ? (y(), q("div", da, [
-            e.activeFilters.length ? (y(), E(u, {
-              key: 0,
-              id: `other-filters-${e.allFiltersModalUniqueId}`,
-              class: "b-all-filters-modal__filters-section-title",
-              el: "span",
-              variant: "caption"
-            }, {
-              default: _(() => [
-                j(H(e.t("otherFilters")), 1)
-              ]),
-              _: 1
-            }, 8, ["id"])) : z("", !0),
-            N("ul", {
-              class: "b-all-filters-modal__filters-list",
-              "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
-            }, [
-              (y(!0), q($e, null, fe(e.otherFilters, (c) => (y(), q("li", {
-                key: `${c.label}-${c.field}`
-              }, [
-                I(m, {
-                  ref_for: !0,
-                  ref: (h) => e.allFiltersModalFilterButtons[c.label] = h,
-                  label: c.label,
-                  "applied-filters-count": e.getFilterCount(c),
-                  "is-filter-open": e.selectedFilter.label === c.label,
-                  onClick: (h) => e.selectFilter(c.label, c.field)
-                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
-              ]))), 128))
-            ], 8, ca)
-          ])) : z("", !0)
-        ], 544)
-      ]),
-      "content-col-2": _(() => [
-        N("div", {
-          class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: l[2] || (l[2] = be((...c) => e.onKeydownLeft && e.onKeydownLeft(...c), ["left"]))
-        }, [
-          N("div", ba, [
-            I(u, {
-              el: "div",
-              variant: "title",
-              medium: ""
-            }, {
-              default: _(() => [
-                j(H(e.selectedFilter.label), 1)
-              ]),
-              _: 1
-            }),
-            e.selectedFilter.description ? (y(), E(u, {
-              key: 0,
-              el: "div",
-              variant: "body",
-              wide: ""
-            }, {
-              default: _(() => [
-                j(H(e.selectedFilter.description), 1)
-              ]),
-              _: 1
-            })) : z("", !0)
-          ]),
-          N("div", fa, [
-            (y(), E(Me(e.selectedFilter.type), {
-              ref: "selectedFilterRef",
-              key: e.selectedFilter.field,
-              field: e.selectedFilter.field,
-              label: e.selectedFilter.label,
-              options: e.selectedFilter.options,
-              value: e.selectedFilter.value,
-              "default-value": e.selectedFilter.defaultValue,
-              "only-slot": !0,
-              onInput: e.updateFilter
-            }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
-          ]),
-          N("div", pa, [
-            I(T, {
-              variant: "secondary",
-              disabled: !e.isClearButtonEnabled,
-              onClick: e.clearFilter
-            }, {
-              default: _(() => [
-                j(H(e.t("clear")), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ])
-        ], 32)
-      ]),
-      _: 1
-    }, 8, ["is-open", "actions", "onCloseModal"])
-  ]);
-}
-const ot = /* @__PURE__ */ Z(oa, [["render", va], ["__scopeId", "data-v-eb3ae500"]]), Ut = {
-  "en-US": {
-    clearFilters: "Clear filters",
-    filtersHaveBeenCleared: "Filters have been cleared.",
-    filtersHaveBeenReset: "Filters have been reset.",
-    undo: "Undo",
-    resetFilters: "Reset filters",
-    searchBar: "Search bar"
-  },
-  "pt-BR": {
-    clearFilters: "Limpar filtros",
-    filtersHaveBeenCleared: "Os filtros foram apagados",
-    undo: "Desfazer",
-    resetFilters: "Redefinir filtros"
-  },
-  "ja-JP": {
-    clearFilters: "フィルターをクリア",
-    filtersHaveBeenCleared: "フィルターをクリアしました",
-    undo: "元に戻す",
-    resetFilters: "フィルターのリセット"
-  }
-}, ma = { class: "b-filter-bar" }, ya = { class: "b-filter-bar__container" }, Fa = {
-  key: 0,
-  class: "b-filter-bar__before-filters"
-}, ha = { class: "b-filter-bar__filters-container" }, ga = { class: "b-filter-bar__filters" }, Sa = { class: "b-filter-bar__scroller-content" }, _a = {
-  key: 0,
-  class: "b-filter-bar__actions"
-}, Ba = {
-  i18n: { messages: Ut },
-  name: "bento-filter-bar",
-  components: {
-    BentoBooleanFilter: Tt,
-    BentoDateFilter: gt,
-    BentoDateRangeFilter: St,
-    BentoInputFilter: ht,
-    BentoInputWithDropdownFilter: Fl,
-    BentoRangeFilter: Pt,
-    BentoSelectAvatarFilter: Ct,
-    BentoSelectCountryFilter: It,
-    BentoSelectCurrencyFilter: Dt,
-    BentoSelectFilter: Se,
-    BentoSelectPaymentMethodFilter: At,
-    BentoSelectTagFilter: $t
-  }
-}, Ca = /* @__PURE__ */ W({
-  ...Ba,
-  props: {
-    /**
-     * Array of filters based on {@see BentoFilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the FilterBar.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   type: FilterType.TEXT,
-     * }]
-     */
-    config: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Search term useful to filter all the data by text.
-     * If the value is non-existant (null or undefined) the search bar won't be enabled.
-     */
-    searchTerm: {
-      type: Ae.props.value.type,
-      default: void 0
-    },
-    /**
-     * @deprecated from version 2.0.0. Use the config property instead.
-     */
-    /**
-     * Array of filters based on {@see BentoFilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the FilterBar.
-     *
-     * 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: () => []
-    },
-    /**
-     * An array of the values for each filter in the filter bar.
-     * {@see BentoFilterValues}
-     *
-     *  @example
-     * [{
-     *   field: 'company',
-     *   value: '200',
-     * }, {
-     *   field: 'name',
-     *   value: 'some text',
-     * }]
-     */
-    filterValues: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Will show all applied filters even if their visibility is set to false.
-     */
-    showAppliedHiddenFilters: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    Ie.INPUT,
-    Ie.UPDATE_FILTER_VALUES,
-    _e.CLEAR,
-    _e.INPUT,
-    _e.UPDATE
-  ],
-  setup(e, { expose: l, emit: a }) {
-    const i = e, t = a, { t: o } = ce({ messages: Ut }), n = b(
-      () => {
-        var g, d;
-        return (d = ((g = i.config) == null ? void 0 : g.length) > 0 ? i.config : i.value) == null ? void 0 : d.map((f) => {
-          var X;
-          let O = (X = i.filterValues.find(({ field: ae }) => ae === f.field)) == null ? void 0 : X.value;
-          return O === void 0 && (O = (f == null ? void 0 : f.value) === void 0 && (f == null ? void 0 : f.defaultValue) !== void 0 ? f == null ? void 0 : f.defaultValue : f == null ? void 0 : f.value), { ...f, value: O !== void 0 ? O : f == null ? void 0 : f.value };
-        });
-      }
-    ), { addToast: r } = wt(), s = b(() => o("searchBar")), u = b(() => n.value.some(
-      ({ visible: d }) => d != null
-    ) ? n.value.some(({ visible: d }) => !d) : !1), m = b(
-      () => n.value.filter(({ defaultValue: g }) => g !== void 0)
-    ), T = b(() => n.value.some(
-      ({ visible: d }) => d != null
-    ) ? n.value.filter(
-      ({ defaultValue: d, visible: f, value: O }) => d === void 0 && f || i.showAppliedHiddenFilters && O != null
-    ) : n.value.filter(
-      ({ defaultValue: d, value: f }) => d === void 0 || i.showAppliedHiddenFilters && f != null
-    )), D = b(() => i.searchTerm != null), c = b(
-      () => n.value.filter(({ defaultValue: g }) => g == null).some(({ value: g }) => g != null)
-    ), h = b(() => m.value.length === 0 && c.value), L = b(() => m.value.length === 0 ? !1 : !n.value.filter(({ defaultValue: d }) => d !== void 0 || d !== null).every(({ value: d, defaultValue: f }) => JSON.stringify(d) === JSON.stringify(f)) || c.value), P = (g) => {
-      t(Ie.INPUT, g), t(
-        Ie.UPDATE_FILTER_VALUES,
-        g == null ? void 0 : g.filter(({ value: d }) => d !== null || d !== void 0).map(({ field: d, value: f }) => ({ field: d, value: f }))
-      );
-    }, R = (g) => {
-      const d = n.value.findIndex(
-        (O) => O.field === g.field
-      ), f = n.value.slice();
-      f[d].value = g.value, P(f);
-    }, U = () => {
-      const g = n.value.slice(), d = n.value.map(({ value: f, ...O }) => ({
-        ...O,
-        value: void 0
-      }));
-      r({
-        text: o("filtersHaveBeenCleared"),
-        action: {
-          handler: () => P(g),
-          text: o("undo")
-        }
-      }), P(d);
-    }, A = () => {
-      const g = n.value.slice(), d = n.value.map(({ defaultValue: f, ...O }) => ({
-        ...O,
-        defaultValue: f,
-        value: f
-      }));
-      r({
-        text: o("filtersHaveBeenReset"),
-        action: {
-          handler: () => P(g),
-          text: o("undo")
-        }
-      }), P(d);
-    }, B = (g) => {
-      t(_e.INPUT, g), t(_e.UPDATE, g);
-    }, w = () => {
-      t(_e.CLEAR);
-    };
-    return l({ isClearAllVisible: h, clearAllFilters: U, isResetAllVisible: L, resetAllFilters: A }), (g, d) => (y(), q("div", ma, [
-      N("div", ya, [
-        D.value || u.value || h.value || L.value ? (y(), q("div", Fa, [
-          D.value ? (y(), E(C(Ae), {
-            key: 0,
-            class: "b-filter-bar__search-bar",
-            "input-field-aria-label": s.value,
-            value: e.searchTerm,
-            condensed: "",
-            onInput: B,
-            onClear: w
-          }, null, 8, ["input-field-aria-label", "value"])) : z("", !0),
-          u.value ? (y(), E(ot, {
-            key: 1,
-            class: "b-filter-bar__all-filters-modal",
-            value: n.value,
-            onInput: P
-          }, null, 8, ["value"])) : z("", !0),
-          Ee(I(C(Be), {
-            class: "b-filter-bar__clear-all",
-            onClick: U
-          }, {
-            iconLeft: _(() => [
-              I(C(we), { "aria-hidden": "true" })
-            ]),
-            default: _(() => [
-              j(H(C(o)("clearFilters")) + " ", 1)
-            ]),
-            _: 1
-          }, 512), [
-            [Ve, h.value]
-          ]),
-          Ee(I(C(Be), {
-            class: "b-filter-bar__reset-all",
-            onClick: A
-          }, {
-            iconLeft: _(() => [
-              I(C(we), { "aria-hidden": "true" })
-            ]),
-            default: _(() => [
-              j(H(C(o)("resetFilters")) + " ", 1)
-            ]),
-            _: 1
-          }, 512), [
-            [Ve, L.value]
-          ])
-        ])) : z("", !0),
-        N("div", ha, [
-          N("div", ga, [
-            I(C(al), {
-              class: "b-filter-bar__fixed-scroller",
-              condensed: ""
-            }, {
-              default: _(() => [
-                N("div", Sa, [
-                  D.value ? (y(), E(C(Ae), {
-                    key: 0,
-                    class: "b-filter-bar__search-bar",
-                    "input-field-aria-label": s.value,
-                    value: e.searchTerm,
-                    condensed: "",
-                    onInput: B,
-                    onClear: w
-                  }, null, 8, ["input-field-aria-label", "value"])) : z("", !0),
-                  m.value.length ? (y(!0), q($e, { key: 1 }, fe(m.value, (f) => (y(), E(Me(f.type), {
-                    key: f.field,
-                    field: f.field,
-                    label: f.label,
-                    options: f.options,
-                    value: f.value,
-                    "default-value": f.defaultValue,
-                    onUpdate: R
-                  }, null, 40, ["field", "label", "options", "value", "default-value"]))), 128)) : z("", !0),
-                  (y(!0), q($e, null, fe(T.value, (f) => (y(), E(Me(f.type), {
-                    key: f.field,
-                    field: f.field,
-                    label: f.label,
-                    options: f.options,
-                    value: f.value,
-                    onUpdate: R
-                  }, null, 40, ["field", "label", "options", "value"]))), 128))
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          u.value || h.value || L.value ? (y(), q("div", _a, [
-            u.value ? (y(), E(ot, {
-              key: 0,
-              class: "b-filter-bar__all-filters-modal",
-              value: n.value,
-              onInput: P
-            }, null, 8, ["value"])) : z("", !0),
-            Ee(I(C(Be), {
-              class: "b-filter-bar__clear-all",
-              onClick: U
-            }, {
-              iconLeft: _(() => [
-                I(C(we), { "aria-hidden": "true" })
-              ]),
-              default: _(() => [
-                j(H(C(o)("clearFilters")) + " ", 1)
-              ]),
-              _: 1
-            }, 512), [
-              [Ve, h.value]
-            ]),
-            Ee(I(C(Be), {
-              class: "b-filter-bar__reset-all",
-              onClick: A
-            }, {
-              iconLeft: _(() => [
-                I(C(we), { "aria-hidden": "true" })
-              ]),
-              default: _(() => [
-                j(H(C(o)("resetFilters")) + " ", 1)
-              ]),
-              _: 1
-            }, 512), [
-              [Ve, L.value]
-            ])
-          ])) : z("", !0)
-        ])
-      ])
-    ]));
-  }
-}), cn = /* @__PURE__ */ Z(Ca, [["__scopeId", "data-v-708fe064"]]);
-export {
-  cn as B,
-  F as a,
-  Ie as b,
-  le as c
-};
-//# sourceMappingURL=filter-bar.pKcJryD3.js.map