@adyen/bento-vue2 1.60.0 → 1.60.1

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

@@ -0,0 +1,2288 @@
+import { defineComponent as $, useSlots as re, useAttrs as Ze, computed as r, ref as L, watch as W, nextTick as Pe, toRef as w, onBeforeUpdate as ue, provide as Ie, reactive as Qe, onMounted as Ee } from "vue";
+import { B as Fe, I as Xe, b as et } from "./popover.COaHa4ES.js";
+import { u as G } from "./i18n.BQkEbtPM.js";
+import { g as fe } from "./generate-uid.NJ8tVoha.js";
+import { u as tt } from "./use-click-outside.BnhTgpSt.js";
+import "./index.Cl4_42j5.js";
+import { C as lt } from "./cross-small.CZqsjZDz.js";
+import { n as U } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as Le, a as he } from "./base-button.-gx_u8Bd.js";
+import { B as ie, d as be } from "./typography.J1v_SPG3.js";
+import { u as xe } from "./use-has-slot.C9lQZ6nz.js";
+import { u as Re } from "./aria-label.CaUURpnB.js";
+import { g as Oe } from "./get-slot-text.BQS5Olxm.js";
+import { B as at, a as nt } from "./tooltip.DyZIyMZN.js";
+import { B as ot } from "./directive.Cbdox5VL.js";
+import { B as Ue } from "./teleport.BV6zrDjA.js";
+import { B as st } from "./radio-group.CzsbH4_F.js";
+import { t as le } from "./truncate.BfIl_-71.js";
+import { B as ve } from "./input-field.B8HxtNIv.js";
+import { B as _e, b as te } from "./search-bar.B4u_IgiI.js";
+import { i as it } from "./index.BdrLbvtJ.js";
+import { F as $e } from "./fixed-scroller.D0a6q8_i.js";
+import { B as rt } from "./modal.CiYtGu6u.js";
+import { g as ut } from "./base-modal.xA_DhHx9.js";
+import { B as ct } from "./button.BuD-IsW5.js";
+import { u as ke, B as dt } from "./dropdown.Cx-3TGBk.js";
+import { g as pt } from "./focus-trap.C-wIQqpO.js";
+import { a as ft, C as bt } from "./chevron-up.CSVyoaTy.js";
+/* empty css              */
+import { B as ye } from "./divider.Cc4JFWG_.js";
+import { c as Se, b as vt } from "./use-cached-selected-values.9OnD_j5F.js";
+import { L as we } from "./listbox-option-tag.CczGPhWH.js";
+import { B as _t } from "./payment-method.Cx4nPDtE.js";
+import { u as yt } from "./use-country-items.HFnjuDsG.js";
+import { B as mt } from "./avatar.BgwjpLQO.js";
+import { D as Ft, B as ht, i as de, b as St } from "./date-range-picker.Djt5mYvh.js";
+import { g as Ne } from "./get-date-locale.BN8xEjY0.js";
+import { a as gt, i as Ct } from "./calendar.DQiq_EoU.js";
+import { f as Q } from "./date.dYFFEunA.js";
+import { B as Bt } from "./button-actions.BFtzsfNe.js";
+import { D as ge } from "./date-input.BqBdAO1E.js";
+import { B as Dt } from "./date-picker.lrT6LXe-.js";
+import { R as At } from "./refresh.Bc9FzGjJ.js";
+import { u as Tt } from "./use-bento-toast-controller.Cn_2Eogn.js";
+import "../assets/filter-bar.css";
+var b = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(b || {}), se = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(se || {}), Y = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(Y || {});
+const Pt = {}, It = /* @__PURE__ */ $({
+  ...Pt,
+  __name: "filter-bar-button",
+  props: {
+    /**
+     * The number of applied values within the filter.
+     * Text can also be applied here such as 'All'.
+     * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
+     */
+    appliedFiltersCount: { type: [String, Number], default: null },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Signifies if the filter is open or closed.
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Signifies if the filter is a persistent filter
+     */
+    isPersistentFilter: { type: Boolean, default: !1 },
+    /**
+     * Renders the button without the applied state styles
+     */
+    noAppliedStateStyles: { type: Boolean, default: !1 },
+    /**
+     * A secondary label to be added next to the primary for additional filtering information.
+     * i.e. Can be used to show the set value for said filter.
+     */
+    secondaryLabel: { type: String, default: null }
+  },
+  emits: ["click"],
+  setup(a, { emit: e }) {
+    const t = a, l = re(), n = Ze(), s = xe(l), i = r(() => l.default ? Oe(l)("default") : null), d = r(() => !s("default") && s("iconLeft")), u = Re({ ariaLabel: i }), f = L(null), p = r(() => {
+      var _;
+      return {
+        "aria-controls": (_ = n["aria-controls"]) == null ? void 0 : _.toString()
+      };
+    }), F = r(
+      () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
+    ), h = r(() => ({
+      "b-filter-bar-button--applied": F.value,
+      "b-filter-bar-button--filter-open": t.isFilterOpen && !F.value,
+      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && F.value,
+      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
+      "b-filter-bar-button--with-counter": t.appliedFiltersCount,
+      "b-filter-bar-button--icon-only": d.value
+    }));
+    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: s, labelSlot: i, isIconOnly: d, computedAriaLabel: u, filterBarButtonRef: f, ariaAttributes: p, isAppliedFilter: F, conditionalClasses: h, onClickButton: (_) => {
+      _.preventDefault(), t.disabled || e("click", _);
+    }, BaseButton: Le, BentoTypography: ie };
+  }
+});
+var Et = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: l.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": l.computedAriaLabel, "aria-controls": l.ariaAttributes["aria-controls"], type: "button" }, on: { click: l.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
+    return [e.appliedFiltersCount && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e()];
+  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [t("span", [e._t("default")], 2), e.secondaryLabel && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
+}, Lt = [], xt = /* @__PURE__ */ U(
+  It,
+  Et,
+  Lt,
+  !1,
+  null,
+  "a64471d2"
+);
+const me = xt.exports, Rt = {}, Ot = /* @__PURE__ */ $({
+  ...Rt,
+  __name: "filter-bar-button-group",
+  props: {
+    isActive: { type: Boolean, default: !1 },
+    skipGrouping: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a, t = r(() => ({
+      "b-filter-bar-button-group--active": e.isActive,
+      "b-filter-bar-button-group--grouped": !e.skipGrouping
+    }));
+    return { __sfc: !0, props: e, conditionalClasses: t };
+  }
+});
+var Ut = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t("div", { staticClass: "b-filter-bar-button-group", class: l.conditionalClasses }, [e._t("default")], 2);
+}, $t = [], kt = /* @__PURE__ */ U(
+  Ot,
+  Ut,
+  $t,
+  !1,
+  null,
+  "803bca9f"
+);
+const wt = kt.exports;
+var q = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(q || {});
+const Nt = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    clearFilter: "Clear filter {function}",
+    filterButton: "Filter by {function}",
+    filtersHaveBeenCleared: "Filters have been cleared",
+    reset: "Reset",
+    resetFilter: "Reset filter {function}"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    reset: "リセット"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    reset: "Reiniciar"
+  }
+}, Vt = $({
+  i18n: { messages: Nt },
+  name: "bento-base-filter",
+  components: {
+    BentoPopover: Fe,
+    BentoTeleport: Ue,
+    FilterBarButton: me,
+    FilterBarButtonGroup: wt,
+    CrossSmallIcon: lt
+  },
+  directives: { BentoClickOutsideDirective: ot, BentoTooltipDirective: at },
+  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 },
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: {
+      type: [Object, Number, Boolean, Array, String, Date],
+      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: Fe.props.fitContent,
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText: { type: String, default: void 0 },
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition: { type: String, default: void 0 },
+    /**
+     * The current value of the filter, used for v-model.
+     */
+    value: {
+      type: [Object, Number, Boolean, Array, String, Date],
+      default: void 0
+    }
+  },
+  emits: [
+    q.APPLY,
+    q.CLEAR,
+    q.OPEN,
+    q.CLOSE,
+    q.RESET,
+    q.CANCEL
+  ],
+  setup(a, { emit: e }) {
+    const { t } = G(), l = fe("base-filter-popover"), n = L(!1), s = L(null), i = L(null), d = r(() => a.defaultValue !== null), u = r(() => d.value ? JSON.stringify(a.value) !== JSON.stringify(a.defaultValue) : a.appliedFiltersCount || a.buttonSecondaryLabel), f = r(
+      () => d.value ? t("filterButton", {
+        function: a.label
+      }) : F.value
+    ), p = r(
+      () => d.value ? t("resetFilter", {
+        function: F.value
+      }) : t("clearFilter", {
+        function: F.value
+      })
+    ), F = r(() => a.buttonLabel || a.label), h = async () => {
+      var A, P;
+      await Pe(), (P = (A = s.value) == null ? void 0 : A.$el) == null || P.focus();
+    }, T = () => {
+      n.value && (n.value = !1, h(), e(q.CLOSE));
+    }, _ = () => {
+      d.value ? e(q.RESET) : e(q.CLEAR), h();
+    }, R = () => {
+      T(), _();
+    }, C = () => {
+      n.value ? T() : (n.value = !0, e(q.OPEN));
+    }, O = () => {
+      T(), e(q.APPLY);
+    }, I = () => {
+      T(), e(q.CANCEL);
+    }, S = () => I(), v = r(() => [
+      {
+        title: t("apply"),
+        event: O,
+        disabled: a.disableApplyButton
+      },
+      {
+        title: d.value ? t("reset") : t("clear"),
+        event: R,
+        disabled: a.disableSecondaryButton
+      }
+    ]);
+    return W(
+      () => n.value,
+      (A, P) => {
+        var k, D;
+        !A && P && (D = (k = s.value) == null ? void 0 : k.filterBarButtonRef) != null && D.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      }
+    ), tt(i, S, { ignore: [s] }), {
+      // Values
+      actions: v,
+      popoverId: l,
+      isFilterOpen: n,
+      isPersistentFilter: d,
+      isValueChanged: u,
+      computedAriaLabel: f,
+      computedButtonText: F,
+      computedClearButtonLabel: p,
+      // Enums
+      BentoTooltipPosition: nt,
+      // Events
+      onCancel: I,
+      onClickFilter: C,
+      onClickApply: O,
+      onClickSecondaryAction: R,
+      onClickOutside: S,
+      closePopover: T,
+      resetFilter: _,
+      // Refs
+      filterButtonRef: s,
+      popoverRef: i
+    };
+  }
+});
+var Mt = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button-group", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": e.isFilterOpen, "skip-grouping": !e.isValueChanged } }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
+  } } }, [e._v(" " + e._s(e.computedButtonText) + " ")]), e.isValueChanged ? t("filter-bar-button", { attrs: { "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t("cross-small-icon", { attrs: { "svg-title": e.computedClearButtonLabel } })];
+  }, proxy: !0 }], null, !1, 3850482025) }) : e._e()], 1), e.filterButtonRef ? t("bento-teleport", [e.filterButtonRef ? t("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, 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"] } }, [t("div", { on: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.onCancel.apply(null, arguments);
+  } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
+}, Ht = [], jt = /* @__PURE__ */ U(
+  Vt,
+  Mt,
+  Ht,
+  !1,
+  null,
+  "3c5ec13d"
+);
+const X = jt.exports, qt = (a) => a instanceof Array, Ce = (a) => qt(a) ? a.length === 0 || a.every((e) => e === "") : !a, Be = (a, e) => JSON.stringify(a) === JSON.stringify(e), K = (a, e) => {
+  const t = L(a.value);
+  W(
+    () => a.value,
+    () => {
+      t.value = a.value;
+    }
+  );
+  const l = r(() => Ce(a.value)), n = r(
+    () => e.value !== null ? Be(e.value, a.value) : l.value
+  ), s = r(() => Be(t.value, a.value) || Ce(t.value) && l.value);
+  return {
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: n,
+    isApplyButtonDisabled: s
+  };
+}, Jt = {
+  name: "bento-input-filter"
+}, Yt = /* @__PURE__ */ $({
+  ...Jt,
+  props: {
+    defaultValue: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    field: null,
+    label: null,
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: null }
+  },
+  emits: ["input", "update"],
+  setup(a, { emit: e }) {
+    var P, k;
+    const t = a, l = L(null), n = L((k = (P = t == null ? void 0 : t.options) == null ? void 0 : P.dropdown) == null ? void 0 : k.value), s = r(
+      () => {
+        var D, N;
+        return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" && ((N = t == null ? void 0 : t.options) == null ? void 0 : N.dropdown) !== void 0;
+      }
+    ), i = r(
+      () => {
+        var D;
+        return s.value ? { ...(D = t == null ? void 0 : t.options) == null ? void 0 : D.dropdown, value: n.value } : void 0;
+      }
+    ), d = r(() => {
+      var D;
+      return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+    }), u = r(
+      () => {
+        var D;
+        return s.value ? (D = t.value) == null ? void 0 : D.inputValue : t == null ? void 0 : t.value;
+      }
+    ), { internalFilterValue: f, isSecondaryButtonDisabled: p, isApplyButtonDisabled: F } = K(
+      u,
+      w(t, "defaultValue")
+    ), h = r(() => t.label), T = r(() => le(u.value, 12)), _ = r(() => ({
+      "b-input-filter--only-slot": t.onlySlot
+    }));
+    ue(() => {
+      f.value === "" && (f.value = null);
+    }), W(l, () => {
+      var D;
+      (D = l.value) == null || D.focusInput();
+    });
+    const R = () => {
+      f.value = u.value;
+    }, C = () => {
+      !f.value && t.defaultValue !== null && (f.value = t.defaultValue), e("update", {
+        ...t,
+        value: s.value ? {
+          inputValue: f.value,
+          dropdownValue: n.value
+        } : f.value
+      });
+    }, O = () => e("update", { ...t, value: t.defaultValue }), I = () => {
+      f.value = null, C();
+    }, S = () => {
+      e("input", { ...t, value: f.value });
+    }, v = (D) => {
+      f.value = D;
+    }, A = (D) => {
+      n.value = D;
+    };
+    return Ie(Xe, s.value), W(
+      () => t.options,
+      () => {
+        var D, N, H;
+        ((D = t.options) != null && D.dropdown || (N = t.options) != null && N.dropdownPosition || (H = t.options) != null && H.variant) && be(
+          'BentoInputFilter "options" property',
+          `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
+                            Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
+                            <bento-filter-bar
+                               :config="[{
+                                    field: 'name',
+                                    label: 'Name',
+                                    type: BentoFilterItemType.INPUT_DROPDOWN,
+                                    options: [...],
+                                }]"
+                            />`,
+          "2.0.0"
+        );
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: s, dropdownProp: i, inputVariant: d, valueProp: u, internalFilterValue: f, isSecondaryButtonDisabled: p, isApplyButtonDisabled: F, buttonLabel: h, buttonSecondaryLabel: T, conditionalClasses: _, openFilter: R, updateFilter: C, resetFilter: O, clearFilter: I, onInput: S, setInternalFilterValue: v, onDropdownInput: A, BentoBaseFilter: X, BentoInputField: ve };
+  }
+});
+var Wt = function() {
+  var n, s, i, d;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": l.isDropdownVariant, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (s = e.options) == null ? void 0 : s.tooltipText }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-filter", class: l.conditionalClasses, on: { keydown: function(u) {
+    return !u.type.indexOf("key") && e._k(u.keyCode, "enter", 13, u.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
+  }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownProp, "dropdown-position": (i = e.options) == null ? void 0 : i.dropdownPosition, placeholder: (d = e.options) == null ? void 0 : d.placeholder, variant: l.inputVariant, value: l.internalFilterValue }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
+}, zt = [], Gt = /* @__PURE__ */ U(
+  Yt,
+  Wt,
+  zt,
+  !1,
+  null,
+  "641bf14b"
+);
+const Ve = Gt.exports, Kt = {
+  name: "bento-input-with-dropdown-filter"
+}, Zt = /* @__PURE__ */ $({
+  ...Kt,
+  props: {
+    disabled: { type: Boolean },
+    defaultValue: { default: void 0 },
+    field: null,
+    label: null,
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const t = a, l = L(null), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = K(w(t, "value"), w(t, "defaultValue")), d = r(() => t.label), u = r(() => {
+      var v;
+      return le((v = t.value) == null ? void 0 : v.inputValue, 12);
+    }), f = r(
+      () => {
+        var v, A, P;
+        return ((v = n.value) == null ? void 0 : v.dropdownValue) ?? ((P = (A = t.options) == null ? void 0 : A.dropdown) == null ? void 0 : P.value);
+      }
+    ), p = r(() => {
+      var v;
+      return {
+        ...((v = t.options) == null ? void 0 : v.dropdown) || {},
+        value: f.value
+      };
+    }), F = r(() => ({
+      "b-input-with-dropdown-filter--only-slot": t.onlySlot
+    })), h = r(() => {
+      var A;
+      return !(!!((A = n.value) != null && A.inputValue) && !!f.value) || i.value;
+    });
+    ue(() => {
+      var v;
+      ((v = n.value) == null ? void 0 : v.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
+    }), W(l, () => {
+      var v;
+      (v = l.value) == null || v.focusInput();
+    });
+    const T = () => {
+      n.value = t.value;
+    }, _ = () => {
+      var v;
+      !((v = n.value) != null && v.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(b.UPDATE, {
+        ...t,
+        value: n.value
+      });
+    }, R = () => e(b.UPDATE, { ...t, value: t.defaultValue }), C = () => {
+      n.value = null, _();
+    }, O = () => {
+      e(b.INPUT, { ...t, value: n.value });
+    }, I = (v) => {
+      n.value = { dropdownValue: f.value, inputValue: v };
+    }, S = (v) => {
+      n.value = { ...n.value, dropdownValue: v };
+    };
+    return Ie(et, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i, buttonLabel: d, buttonSecondaryLabel: u, dropdownSelection: f, dropdownOptions: p, conditionalClasses: F, shouldDisableApply: h, openFilter: T, updateFilter: _, resetFilter: R, clearFilter: C, onInput: O, setInternalFilterValue: I, onDropdownInput: S, BentoBaseFilter: X, BentoInputField: ve };
+  }
+});
+var Qt = function() {
+  var n, s, i, d;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.shouldDisableApply, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (s = e.options) == null ? void 0 : s.tooltipText }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-with-dropdown-filter", class: l.conditionalClasses, on: { keydown: function(u) {
+    return !u.type.indexOf("key") && e._k(u.keyCode, "enter", 13, u.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
+  }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownOptions, "dropdown-position": (i = e.options) == null ? void 0 : i.dropdownPosition, variant: "dropdown", value: (d = l.internalFilterValue) == null ? void 0 : d.inputValue }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
+}, Xt = [], el = /* @__PURE__ */ U(
+  Zt,
+  Qt,
+  Xt,
+  !1,
+  null,
+  "dda28e03"
+);
+const Me = el.exports, tl = $({
+  name: "bento-date-filter",
+  components: {
+    BentoBaseFilter: X,
+    BentoDatePicker: Dt,
+    BentoDivider: ye,
+    Calendar: gt
+  },
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    isDateInput: { type: Boolean, default: !0 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: { type: Date, default: null },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     *   - isDateDisabled: Indicate if a date should be disabled or not
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     */
+    value: { type: Date, default: void 0 }
+  },
+  emits: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const { locale: t } = G(void 0, !0), l = Ne(), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = K(
+      w(a, "value"),
+      w(a, "defaultValue")
+    ), d = r(
+      () => a.value ? Q(a.value, "dd MMM, yyyy", {
+        locale: l[t.value.substring(0, 2)] || l.enUS
+      }) : null
+    ), u = r(() => a.label), f = r(() => d.value), p = () => {
+      e(b.UPDATE, { ...a, value: n.value });
+    }, F = () => {
+      n.value = null, p();
+    }, h = () => {
+      n.value = a.defaultValue, p();
+    }, T = () => {
+      n.value = a.value;
+    }, _ = (C) => {
+      n.value = C, e(b.INPUT, { ...a, value: n.value });
+    };
+    return {
+      // Values
+      internalFilterValue: n,
+      isApplyButtonDisabled: i,
+      isSecondaryButtonDisabled: s,
+      buttonLabel: u,
+      buttonSecondaryLabel: f,
+      // Events
+      clearFilter: F,
+      onDateSelected: _,
+      openFilter: T,
+      updateFilter: p,
+      resetFilter: h,
+      onDateInputSelected: (C) => {
+        n.value = C, _(C), p();
+      }
+    };
+  }
+});
+var ll = function() {
+  var l, n, s, i, d, u, f, p;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, variant: (d = e.options) == null ? void 0 : d.variant }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek, "is-date-disabled": (f = e.options) == null ? void 0 : f.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (p = e.options) == null ? void 0 : p.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
+}, al = [], nl = /* @__PURE__ */ U(
+  tl,
+  ll,
+  al,
+  !1,
+  null,
+  "572e723d"
+);
+const He = nl.exports, ol = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    reset: "Reset"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    reset: "リセット"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    reset: "Reiniciar"
+  }
+}, sl = $({
+  i18n: { messages: ol },
+  name: "bento-date-range-filter",
+  components: {
+    BentoBaseFilter: X,
+    BentoButtonActions: Bt,
+    BentoDateRangePicker: ht,
+    BentoTypography: ie,
+    BentoDivider: ye,
+    DateRangePickerCalendar: Ft
+  },
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: { type: Object, default: null },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - allowTimeInput: Allows user to enter time values in the form
+     *   - firstDayOfWeek: Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     *   - isDateDisabled: Indicate if a date should be disabled or not
+     *   - maxRange: Set a maximum number of dates to be selectable by the range
+     *   - numberOfMonths: Number of months rendered on pane
+     *   - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
+     *   - showEndDateOnOpen: Upon opening date range picker, end date's month will be pre-selected.
+     *   - granularities: A list of available granularities.
+     *   - variant: The type of calendar to display. Defaults to showing days.
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     */
+    value: {
+      type: Object,
+      default: () => ({ startDate: void 0, endDate: void 0 })
+    }
+  },
+  emits: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    var m, E, V, M;
+    const { locale: t, t: l } = G(), n = Ne(), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: d } = K(
+      w(a, "value"),
+      w(a, "defaultValue")
+    ), u = L(!1), f = r(() => {
+      var o;
+      return ((o = a == null ? void 0 : a.options) == null ? void 0 : o.quickSelectRanges) && a.options.quickSelectRanges.map((c) => {
+        const B = c.data.endDate ? void 0 : new Date(Date.now()).getTime() - c.data.startDate.getTime();
+        return {
+          ...c,
+          data: {
+            ...c.data,
+            // Adding timeDifference to calculate an up-to-date endDate on range selection
+            timeDifference: B
+          }
+        };
+      });
+    }), p = (o) => o ? Q(o, ge.NUMERIC_DATE_YEAR_FIRST, {
+      locale: n[t.value.substring(0, 2)] || n.enUS
+    }) : void 0, F = (o) => o ? Q(o, ge.HOUR_MINUTE_SECONDS, {
+      locale: n[t.value.substring(0, 2)] || n.enUS
+    }) : "", h = L(null), T = L(!1), _ = Qe({
+      startDate: p((m = a.value) == null ? void 0 : m.startDate),
+      endDate: p((E = a.value) == null ? void 0 : E.endDate),
+      startTime: F((V = a.value) == null ? void 0 : V.startDate),
+      endTime: F((M = a.value) == null ? void 0 : M.endDate)
+    });
+    W(
+      () => a.value,
+      () => {
+        var o, c, B, x;
+        _.startDate = p((o = a.value) == null ? void 0 : o.startDate), _.endDate = p((c = a.value) == null ? void 0 : c.endDate), _.startTime = F((B = a.value) == null ? void 0 : B.startDate), _.endTime = F((x = a.value) == null ? void 0 : x.endDate);
+      }
+    );
+    function R(o) {
+      return (o == null ? void 0 : o.length) !== void 0;
+    }
+    const C = (o) => {
+      var c, B, x, j, Z, ne;
+      if (!o || !(o != null && o.startDate) && !o.endDate)
+        return null;
+      if (R((c = a.options) == null ? void 0 : c.quickSelectRanges) && ((x = (B = a.options) == null ? void 0 : B.quickSelectRanges) == null ? void 0 : x.length) > 0) {
+        const oe = (Z = (j = a.options) == null ? void 0 : j.quickSelectRanges) == null ? void 0 : Z.find(({ value: ce, data: J }) => o ? o.range ? ce === o.range : !o.startDate || !o.endDate ? !1 : J != null && J.endDate ? de(J == null ? void 0 : J.startDate, o.startDate) && de(J == null ? void 0 : J.endDate, o.endDate) : de(J == null ? void 0 : J.startDate, o.startDate) && St(o.endDate) : !1);
+        if (oe)
+          return oe.label;
+      }
+      return !o.startDate || !o.endDate ? null : Ct(o.startDate, o.endDate) && ((ne = a == null ? void 0 : a.options) != null && ne.allowTimeInput) ? `${Q(o.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: n[t.value.substring(0, 2)] || n.enUS
+      })} - ${Q(o.endDate, "HH:mm:ss", {
+        locale: n[t.value.substring(0, 2)] || n.enUS
+      })}` : `${Q(o.startDate, "dd MMM, yyyy", {
+        locale: n[t.value.substring(0, 2)] || n.enUS
+      })} - ${Q(o.endDate, "dd MMM, yyyy", {
+        locale: n[t.value.substring(0, 2)] || n.enUS
+      })}`;
+    }, O = L(C(a.value)), I = r(() => a.label), S = () => {
+      h.value.closePopover();
+      const { onlySlot: o, ...c } = a;
+      e(b.UPDATE, { ...c, value: s.value });
+    }, v = () => {
+      s.value = void 0, S();
+    }, A = () => {
+      s.value = a.defaultValue, S();
+    }, P = () => {
+      s.value = a.value;
+    }, k = () => {
+      var o, c, B, x;
+      s.value = a.value, u.value = !1, _.startDate = p((o = a.value) == null ? void 0 : o.startDate), _.endDate = p((c = a.value) == null ? void 0 : c.endDate), _.startTime = F((B = a.value) == null ? void 0 : B.startDate), _.endTime = F((x = a.value) == null ? void 0 : x.endDate);
+    }, D = (o) => {
+      u.value = !1, s.value = o, _.startDate = p(o.startDate), _.endDate = p(o.endDate), e(b.INPUT, { ...a, value: s.value });
+    }, N = (o) => {
+      o != null && o.startDate && (o != null && o.endDate) && (s.value = o, _.startDate = p(o.startDate), _.endDate = p(o.endDate), e(b.INPUT, { ...a, value: s.value }));
+    }, H = (o) => {
+      D(o), e(b.INPUT, { ...a, value: s.value });
+    }, z = r(
+      () => [
+        {
+          title: l("apply"),
+          event: S,
+          disabled: u.value || T.value || d.value
+        },
+        {
+          title: a.defaultValue ? l("reset") : l("clear"),
+          event: a.defaultValue ? A : v,
+          disabled: T.value && i.value
+        }
+      ]
+    ), g = () => {
+      T.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(b.INPUT, { ...a, value: s.value });
+    }, y = (o) => {
+      T.value = !1, o.startTime && (_.startTime = o.startTime), o.endTime && (_.endTime = o.endTime);
+    };
+    return W(
+      () => a.value,
+      (o) => {
+        O.value = C(o);
+      },
+      { deep: !0 }
+    ), {
+      // Refs
+      baseFilter: h,
+      // Values
+      actions: z,
+      formData: _,
+      internalFilterValue: s,
+      isApplyButtonDisabled: d,
+      isSecondaryButtonDisabled: i,
+      isSelectingDate: u,
+      buttonLabel: I,
+      buttonSecondaryLabel: O,
+      adjustedQuickSelectRanges: f,
+      // Events
+      onCancel: k,
+      onDateSelected: D,
+      openFilter: P,
+      clearFilter: v,
+      resetFilter: A,
+      updateFilter: S,
+      onDatePickerRangeError: g,
+      onDatePickerRangeFormDateInputUpdate: y,
+      onDateInputSelected: H,
+      onRangeSelectorInput: N
+    };
+  }
+});
+var il = function() {
+  var l, n, s, i, d, u, f, p, F, h, T, _, R, C, O, I, S, v;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (s = e.options) == null ? void 0 : s.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (i = e.options) == null ? void 0 : i.firstDayOfWeek, "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled, "number-of-months": (u = e.options) == null ? void 0 : u.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges, variant: (p = e.options) == null ? void 0 : p.variant }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (F = e.options) == null ? void 0 : F.allowTimeInput, "first-day-of-week": (h = e.options) == null ? void 0 : h.firstDayOfWeek, "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled, granularities: (_ = e.options) == null ? void 0 : _.granularities, "max-range": (R = e.options) == null ? void 0 : R.maxRange, min: (C = e.options) == null ? void 0 : C.min, max: (O = e.options) == null ? void 0 : O.max, "number-of-months": (I = e.options) == null ? void 0 : I.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (S = e.options) == null ? void 0 : S.showEndDateOnOpen, variant: (v = e.options) == null ? void 0 : v.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(A) {
+    e.isSelectingDate = !0;
+  } }, scopedSlots: e._u([{ key: "title", fn: function() {
+    return [t("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
+  }, proxy: !0 }, { key: "actions", fn: function() {
+    return [t("bento-divider", { staticClass: "b-date-range-filter__divider" }), t("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
+  }, proxy: !0 }]) })], 1)]], 2);
+}, rl = [], ul = /* @__PURE__ */ U(
+  sl,
+  il,
+  rl,
+  !1,
+  null,
+  "08f85fff"
+);
+const je = ul.exports, cl = {
+  "en-US": {
+    all: "All",
+    noFiltersMatchThisSearch: "No filters match this search",
+    searchFilter: "Search {filter}"
+  },
+  "ja-JP": {
+    all: "すべて"
+  },
+  "pt-BR": {
+    all: "Todos"
+  }
+}, dl = {
+  i18n: { messages: cl }
+}, pl = /* @__PURE__ */ $({
+  ...dl,
+  __name: "select-filter-button",
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(a, { emit: e }) {
+    var z, g;
+    const t = a, l = re(), { t: n } = G(), s = L(""), i = w(t, "options"), d = L(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: p } = Se(
+      d,
+      w(t, "value"),
+      w(i.value, "multiple")
+    ), { cachedSelectedListboxOptions: F } = Se(
+      d,
+      w(t, "defaultValue"),
+      w(i.value, "multiple")
+    ), { internalFilterValue: h, isSecondaryButtonDisabled: T, isApplyButtonDisabled: _ } = K(u, F);
+    W(i, () => {
+      d.value = i.value.listboxItems ?? [];
+    });
+    const R = ke(
+      s,
+      d,
+      (g = (z = t.options) == null ? void 0 : z.search) == null ? void 0 : g.searchEvent
+    ), C = r(() => n("noFiltersMatchThisSearch")), O = r(() => t.label), I = r(() => {
+      var E, V, M, o;
+      const y = !((E = t == null ? void 0 : t.options) != null && E.multiple) && (t == null ? void 0 : t.value), m = ((M = ((V = t == null ? void 0 : t.options) == null ? void 0 : V.multiple) && t.value) == null ? void 0 : M.length) === 1;
+      if (y || m) {
+        let B = (o = t.options.listboxItems.flatMap((x) => x.items ? x.items : x).find(
+          ({ value: x }) => {
+            var j;
+            return Array.isArray(t.value) ? (j = t == null ? void 0 : t.value) == null ? void 0 : j.includes(x) : x === t.value;
+          }
+        )) == null ? void 0 : o.label;
+        return !B && t.value && (B = t.value[0]), le(B, 12);
+      }
+      return null;
+    }), S = r(() => fe(`filter-listbox-${t.field}`)), v = (y) => {
+      h.value = y;
+      const { onlySlot: m, ...E } = t;
+      if (t.options.multiple) {
+        const M = y.length ? h.value.map(({ value: o }) => o) : null;
+        e(b.INPUT, { ...E, value: M });
+        return;
+      }
+      const V = y.length ? y[0].value : null;
+      e(b.INPUT, { ...E, value: V });
+    }, A = () => {
+      var V, M, o;
+      const { onlySlot: y, ...m } = t;
+      if (t.options.multiple) {
+        h.value && ((V = h.value) == null ? void 0 : V.length) === 0 && (h.value = t.defaultValue !== null ? F.value : void 0);
+        const c = (M = h.value) != null && M.length ? (o = h.value) == null ? void 0 : o.map(({ value: B }) => B) : null;
+        e(b.UPDATE, {
+          ...m,
+          value: c
+        });
+        return;
+      }
+      const E = h.value.length ? h.value[0].value : void 0;
+      e(b.UPDATE, { ...m, value: E });
+    }, P = () => {
+      h.value = u.value;
+    }, k = () => {
+      s.value && (s.value = "");
+    }, D = () => {
+      f(F.value), h.value = F.value, A();
+    }, N = () => {
+      p(), h.value = [], A();
+    }, H = r(() => {
+      var E, V;
+      if (t.value == null || !t.options.multiple)
+        return null;
+      const y = (E = t.options.listboxItems) == null ? void 0 : E.reduce((M, o) => {
+        var c;
+        return M += (c = o == null ? void 0 : o.items) != null && c.length ? o.items.length : 1, M;
+      }, 0), m = (V = t.value) == null ? void 0 : V.length;
+      return m === 1 ? null : m === y ? n("all") : m;
+    });
+    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: s, optionsRef: i, itemsRef: d, cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: p, cachedDefaultSelectedListboxOptions: F, internalFilterValue: h, isSecondaryButtonDisabled: T, isApplyButtonDisabled: _, filteredItems: R, noResultsMessage: C, buttonLabel: O, buttonSecondaryLabel: I, listboxFilterId: S, onOptionSelected: v, updateFilter: A, openFilter: P, closeFilter: k, resetFilter: D, clearFilter: N, appliedFiltersCount: H, BentoSearchBar: _e, BentoDivider: ye, BentoListbox: vt, BentoBaseFilter: X };
+  }
+});
+var fl = function() {
+  var n, s, i, d, u, f, p, F, h, T, _, R, C, O, I, S;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (s = e.options) == null ? void 0 : s.tooltipText, value: e.value }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (d = (i = e.options) == null ? void 0 : i.search) == null ? void 0 : d.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(v) {
+    l.searchTerm = v;
+  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "component-loading": (u = e.options) == null ? void 0 : u.loading, "empty-state": (f = e.options) == null ? void 0 : f.emptyState, "has-more-items": (F = (p = e.options) == null ? void 0 : p.lazy) == null ? void 0 : F.hasMoreItems, items: l.filteredItems, "is-option-disabled": (h = e.options) == null ? void 0 : h.isOptionDisabled, "lazy-load-type": (_ = (T = e.options) == null ? void 0 : T.lazy) == null ? void 0 : _.lazyLoadType, loading: (C = (R = e.options) == null ? void 0 : R.lazy) == null ? void 0 : C.loading, multiple: (O = e.options) == null ? void 0 : O.multiple, "static-categories": (I = e.options) == null ? void 0 : I.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (S = e.options) == null ? void 0 : S.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(v) {
+    var A, P;
+    (P = (A = e.options) == null ? void 0 : A.lazy) == null || P.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(l.slots, function(v, A) {
+    return { key: A, fn: function(P) {
+      return [e._t(A, null, null, P)];
+    } };
+  })], null, !0) })], 1);
+}, bl = [], vl = /* @__PURE__ */ U(
+  pl,
+  fl,
+  bl,
+  !1,
+  null,
+  "375f98b8"
+);
+const _l = vl.exports, yl = {
+  "en-US": {
+    noFiltersMatchThisSearch: "No filters match this search"
+  }
+}, ml = {
+  i18n: { messages: yl },
+  name: "select-filter-dropdown"
+}, Fl = /* @__PURE__ */ $({
+  ...ml,
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(a, { emit: e }) {
+    const t = a, { t: l } = G(), n = re(), { internalFilterValue: s } = K(w(t, "value"), w(t, "defaultValue")), i = w(t, "options"), d = L(t.options.listboxItems);
+    W(i, () => {
+      d.value = i.value.listboxItems;
+    });
+    const u = r(() => l("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: s, optionsRef: i, itemsRef: d, noResultsMessage: u, onOptionSelected: (p) => {
+      s.value = p;
+      const { onlySlot: F, ...h } = t;
+      e(b.INPUT, { ...h, value: s.value });
+    }, BentoDropdown: dt };
+  }
+});
+var hl = function() {
+  var n, s, i, d, u;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (s = e.options) == null ? void 0 : s.multiple, "static-categories": (i = e.options) == null ? void 0 : i.staticCategories, "no-results-message": l.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "component-loading": (d = e.options) == null ? void 0 : d.loading, "empty-state": (u = e.options) == null ? void 0 : u.emptyState, disabled: e.disabled }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(f, p) {
+    return { key: p, fn: function(F) {
+      return [e._t(p, null, null, F)];
+    } };
+  })], null, !0) });
+}, Sl = [], gl = /* @__PURE__ */ U(
+  Fl,
+  hl,
+  Sl,
+  !1,
+  null,
+  null
+);
+const Cl = gl.exports, ae = {
+  /**
+   * Disables the filter from being interacted with.
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * Default value of the filter to reset to.
+   *
+   */
+  defaultValue: {
+    type: [String, Number, Array],
+    default: null
+  },
+  /**
+   * Filter name/key referencing the actual property name in the data set.
+   * Should be unique per filter bar.
+   */
+  field: { type: String, required: !0 },
+  /**
+   * Label text to be displayed
+   */
+  label: { type: String, required: !0 },
+  /**
+   * Renders the base filter's slot content only - leaving out the button and the popover.
+   * Used for the allFiltersModal component.
+   *
+   */
+  onlySlot: { type: Boolean, default: !1 },
+  /**
+   * List of options that are needed to setup the filter
+   * Available options:
+   *   - multiple: If "true", the user will be able to select multiple items.
+   *   - listboxItems: The option elements to populate the filter with.
+   *   - tooltipPosition: The position of the tooltip attached to the filter button
+   *   - tooltipText: The content of the tooltip attached to the filter button
+   *
+   * @default undefined
+   */
+  options: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * Current value of the filter
+   *
+   * @default undefined
+   */
+  value: {
+    type: [String, Number, Array],
+    default: void 0
+  }
+}, Bl = {}, Dl = /* @__PURE__ */ $({
+  ...Bl,
+  __name: "select-filter",
+  props: ae,
+  emits: ["input", "update"],
+  setup(a, { emit: e }) {
+    const t = a, l = re(), n = (i) => e("input", i), s = (i) => e("update", i);
+    return Ee(() => {
+      var i;
+      (i = t == null ? void 0 : t.options) != null && i.messages && be(
+        'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
+        `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
+                        This will be the default behavior in the v2 and "options.messages" will be removed.`,
+        "2.0.0"
+      );
+    }), { __sfc: !0, slots: l, emit: e, props: t, onInput: n, onUpdate: s, SelectFilterButton: _l, SelectFilterDropdown: Cl };
+  }
+});
+var Al = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
+    } };
+  })], null, !0) }) : t(l.SelectFilterButton, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
+    } };
+  })], null, !0) });
+}, Tl = [], Pl = /* @__PURE__ */ U(
+  Dl,
+  Al,
+  Tl,
+  !1,
+  null,
+  null
+);
+const ee = Pl.exports, Il = $({
+  name: "bento-select-avatar-filter",
+  components: {
+    BentoSelectFilter: ee,
+    BentoAvatar: mt
+  },
+  props: {
+    ...ae,
+    /**
+     * 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: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    return {
+      // Enums
+      BentoFilterEvent: b,
+      // Methods
+      onUpdate: (l) => e(b.UPDATE, l)
+    };
+  }
+});
+var El = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
+    return [t("bento-avatar", { attrs: { username: l, src: n } })];
+  } }]) }, "bento-select-filter", e.$props, !1));
+}, Ll = [], xl = /* @__PURE__ */ U(
+  Il,
+  El,
+  Ll,
+  !1,
+  null,
+  null
+);
+const qe = xl.exports, Rl = $({
+  name: "bento-select-country-filter",
+  components: {
+    BentoSelectFilter: ee,
+    ListboxOptionTag: we
+  },
+  props: {
+    ...ae,
+    /**
+     * 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: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    return {
+      // Enums
+      BentoFilterEvent: b,
+      // Methods
+      onUpdate: (l) => {
+        e(b.UPDATE, l);
+      }
+    };
+  }
+});
+var Ol = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function(l) {
+    return [t("listbox-option-tag", { attrs: { option: l } })];
+  } }]) }, "bento-select-filter", e.$props, !1));
+}, Ul = [], $l = /* @__PURE__ */ U(
+  Rl,
+  Ol,
+  Ul,
+  !1,
+  null,
+  null
+);
+const Je = $l.exports, kl = {
+  name: "bento-select-country-filter"
+}, wl = /* @__PURE__ */ $({
+  ...kl,
+  props: {
+    ...ae,
+    /**
+     * 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: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const t = a, l = L(t.options.variant), n = L(t.options.listboxItems);
+    W([() => t.options.variant, () => t.options.listboxItems], () => {
+      l.value = t.options.variant, n.value = t.options.listboxItems;
+    });
+    const s = (u) => e(b.UPDATE, u), i = yt(l, n), d = r(() => ({
+      ...t != null && t.options ? t.options : {},
+      listboxItems: i.value
+    }));
+    return (!l.value || l.value === "custom") && be(
+      'BentoSelectCountryFilter type with `options.variant==="custom"`',
+      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
+      "2.0.0"
+    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: s, countryItems: i, countryOptions: d, BentoFilterEvent: b, BentoTypography: ie, BentoSelectFilter: ee };
+  }
+});
+var Nl = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: l.countryOptions }, on: { update: l.onUpdate, input: (n) => e.$emit(l.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
+    return [t(l.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
+  } }]) }, "bento-select-filter", l.props, !1));
+}, Vl = [], Ml = /* @__PURE__ */ U(
+  wl,
+  Nl,
+  Vl,
+  !1,
+  null,
+  null
+);
+const Ye = Ml.exports, Hl = $({
+  name: "bento-select-payment-method-filter",
+  components: {
+    BentoSelectFilter: ee,
+    BentoPaymentMethod: _t
+  },
+  props: {
+    ...ae,
+    /**
+     * 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: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    return {
+      // Enums
+      BentoFilterEvent: b,
+      // Methods
+      onUpdate: (l) => e(b.UPDATE, l)
+    };
+  }
+});
+var jl = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ value: l, label: n }) {
+    return [t("bento-payment-method", { attrs: { type: l, label: n } })];
+  } }]) }, "bento-select-filter", e.$props, !1));
+}, ql = [], Jl = /* @__PURE__ */ U(
+  Hl,
+  jl,
+  ql,
+  !1,
+  null,
+  null
+);
+const We = Jl.exports, Yl = $({
+  name: "bento-select-country-filter",
+  components: {
+    BentoSelectFilter: ee,
+    ListboxOptionTag: we
+  },
+  props: {
+    ...ae,
+    /**
+     * 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: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const t = (s) => e(b.UPDATE, s), l = r(
+      () => {
+        var s, i;
+        return (i = (s = a == null ? void 0 : a.options) == null ? void 0 : s.listboxItems) == null ? void 0 : i.map(({ label: d, value: u, variant: f }) => ({ label: d, value: u, data: f }));
+      }
+    );
+    return {
+      // Values
+      countryOptions: r(() => ({
+        ...a.options,
+        listboxItems: l.value
+      })),
+      // Methods
+      onUpdate: t,
+      // Enums
+      BentoFilterEvent: b
+    };
+  }
+});
+var Wl = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
+    return [t("listbox-option-tag", { attrs: { option: { value: l, data: n, label: "" } } })];
+  } }]) }, "bento-select-filter", e.$props, !1));
+}, zl = [], Gl = /* @__PURE__ */ U(
+  Yl,
+  Wl,
+  zl,
+  !1,
+  null,
+  null
+);
+const ze = Gl.exports, Kl = {
+  "en-US": {
+    no: "No",
+    yes: "Yes"
+  },
+  "ja-JP": {
+    no: "いいえ",
+    yes: "はい"
+  },
+  "pt-BR": {
+    no: "Não",
+    yes: "Sim"
+  }
+}, Zl = $({
+  name: "bento-boolean-filter",
+  i18n: { messages: Kl },
+  components: { BentoBaseFilter: X, BentoRadioGroup: st },
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: { type: [String, Boolean], default: null },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Current value of the filter
+     */
+    value: { type: [String, Boolean], default: null },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - positiveOption: The positive option label/value
+     *   - negativeOption: The positive option label/value
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const { t } = G(), l = (S) => typeof S == "boolean" ? S == null ? void 0 : S.toString() : S, n = (S) => {
+      var v, A, P, k;
+      return ((A = (v = a == null ? void 0 : a.options) == null ? void 0 : v.positiveOption) == null ? void 0 : A.value) !== void 0 && ((k = (P = a == null ? void 0 : a.options) == null ? void 0 : P.negativeOption) == null ? void 0 : k.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof S == "string" ? S === "true" : S;
+    }, s = r(() => l(a.defaultValue)), i = r(() => l(a.value)), d = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
+      {
+        ...a.options.positiveOption,
+        value: l(a.options.positiveOption.value)
+      },
+      {
+        ...a.options.negativeOption,
+        value: l(a.options.negativeOption.value)
+      }
+    ] : [
+      { value: "yes", label: t("yes") },
+      { value: "no", label: t("no") }
+    ]), { internalFilterValue: u, isSecondaryButtonDisabled: f, isApplyButtonDisabled: p } = K(
+      i,
+      s
+    ), F = r(() => a.label), h = r(
+      () => {
+        var S;
+        return le((S = d.value.find(({ value: v }) => v === i.value)) == null ? void 0 : S.label, 12);
+      }
+    ), T = r(() => ({
+      "b-boolean-filter--only-slot": a.onlySlot
+    }));
+    ue(() => {
+      u.value || (u.value = null);
+    });
+    const _ = (S) => {
+      u.value = S, e(b.INPUT, {
+        ...a,
+        value: n(u.value)
+      });
+    }, R = () => {
+      u.value = i.value;
+    }, C = () => {
+      e(b.UPDATE, {
+        ...a,
+        value: n(u.value)
+      });
+    };
+    return {
+      // Values
+      items: d,
+      conditionalClasses: T,
+      buttonLabel: F,
+      buttonSecondaryLabel: h,
+      internalFilterValue: u,
+      isApplyButtonDisabled: p,
+      isSecondaryButtonDisabled: f,
+      translatedValue: i,
+      translatedDefaultValue: s,
+      // Events
+      onInput: _,
+      updateFilter: C,
+      clearFilter: () => {
+        u.value = null, C();
+      },
+      openFilter: R,
+      resetFilter: () => e(b.UPDATE, { ...a, value: a.defaultValue })
+    };
+  }
+});
+var Ql = function() {
+  var l, n;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
+  } } }, [t("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
+}, Xl = [], ea = /* @__PURE__ */ U(
+  Zl,
+  Ql,
+  Xl,
+  !1,
+  null,
+  "3d4b2818"
+);
+const Ge = ea.exports, ta = {
+  "en-US": {
+    from: "From",
+    to: "To"
+  }
+}, la = $({
+  name: "bento-range-filter",
+  i18n: { messages: ta },
+  components: { BentoBaseFilter: X, BentoInputField: ve },
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: { type: Array, default: null },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Current value of the filter
+     */
+    value: { type: Array, default: () => ["", ""] },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: { type: Object, default: void 0 }
+  },
+  emits: [b.INPUT, b.UPDATE],
+  setup(a, { emit: e }) {
+    const { t } = G(), l = L(null), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = K(
+      w(a, "value"),
+      w(a, "defaultValue")
+    ), d = r(() => {
+      var P, k, D, N, H, z, g, y;
+      if (!((P = a.value) != null && P[0]) && !((k = a.value) != null && k[1]))
+        return null;
+      let I = "";
+      (D = a.value) != null && D[0] ? (N = a.value) != null && N[1] || (I = "≥") : I = "≤";
+      const S = (H = a.value) != null && H[0] ? `${le(a.value[0], 5)}` : "", v = (z = a.value) != null && z[0] && ((g = a.value) != null && g[1]) ? " - " : "", A = (y = a.value) != null && y[1] ? `${le(a.value[1], 5)}` : "";
+      return `${I}${S}${v}${A}`;
+    }), u = r(() => a.label), f = r(() => d.value), p = r(() => ({
+      "b-range-filter--only-slot": a.onlySlot
+    })), F = () => {
+      n.value = a.value, Pe(() => l.value.focusInput());
+    }, h = () => {
+      e(b.INPUT, { ...a, value: n.value });
+    }, T = (I) => {
+      n.value = [I, n.value[1]], h();
+    }, _ = (I) => {
+      n.value = [n.value[0], I], h();
+    }, R = () => {
+      n.value.some((I) => I) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(b.UPDATE, {
+        ...a,
+        value: n.value
+      });
+    };
+    return {
+      // Values
+      inputTextRef: l,
+      conditionalClasses: p,
+      internalFilterValue: n,
+      isApplyButtonDisabled: i,
+      isSecondaryButtonDisabled: s,
+      buttonLabel: u,
+      buttonSecondaryLabel: f,
+      // Events
+      updateFrom: T,
+      updateTo: _,
+      updateFilter: R,
+      clearFilter: () => {
+        n.value = ["", ""], R();
+      },
+      openFilter: F,
+      resetFilter: () => e(b.UPDATE, { ...a, value: a.defaultValue }),
+      // Translations
+      t
+    };
+  }
+});
+var aa = function() {
+  var l, n;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
+  } } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString() }, on: { input: e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), t("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to") }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
+}, na = [], oa = /* @__PURE__ */ U(
+  la,
+  aa,
+  na,
+  !1,
+  null,
+  "4e327bc7"
+);
+const Ke = oa.exports, De = 430, Ae = 700;
+function sa(a, e) {
+  const t = L("div"), l = L(!1), n = L(0), s = r(() => !(n.value < De && e.value.small === "multi-line"));
+  function i() {
+    l.value = !1, t.value = "div";
+  }
+  function d() {
+    l.value = !0, t.value = $e;
+  }
+  function u() {
+    n.value > Ae || n.value < Ae && n.value >= De && e.value.medium === "multi-line" ? i() : d();
+  }
+  return W(() => e.value, u), it(a, (f) => {
+    n.value = f[0].contentRect.width, u();
+  }), {
+    screenLayoutComponent: t,
+    showSearchbarInsideContainer: s,
+    isOneLineLayout: l
+  };
+}
+var pe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(pe || {});
+const ia = $({
+  name: "base-filter-button",
+  components: { BaseButton: Le, BentoTypography: ie, ChevronUpIcon: bt, ChevronDownIcon: ft },
+  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: [he.CLICK],
+  setup(a, { slots: e, emit: t, attrs: l }) {
+    const n = r(() => e.default ? Oe(e)("default") : null), s = Re({ ariaLabel: n }), i = L(null), d = r(() => {
+      var p;
+      return {
+        "aria-controls": (p = l["aria-controls"]) == null ? void 0 : p.toString()
+      };
+    }), u = r(() => ({
+      "b-base-filter-button--with-chevron": a.hasChevron,
+      "b-base-filter-button--filter-open": a.isFilterOpen
+    }));
+    return {
+      // Values
+      ariaAttributes: d,
+      computedAriaLabel: s,
+      conditionalClasses: u,
+      // Methods
+      onClickButton: () => {
+        a.disabled || t(he.CLICK);
+      },
+      hasSlot: xe(e),
+      // Refs
+      baseFilterButtonRef: i
+    };
+  }
+});
+var ra = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
+    return [e.isFilterOpen ? t("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 } : null], null, !0) }, [t("div", { staticClass: "b-base-filter-button__default-container" }, [t("div", { staticClass: "b-base-filter-button__label-container" }, [t("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? t("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [t("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
+}, ua = [], ca = /* @__PURE__ */ U(
+  ia,
+  ra,
+  ua,
+  !1,
+  null,
+  "66b170d4"
+);
+const da = ca.exports, pa = $({
+  name: "all-filters-modal-button",
+  components: { BaseFilterButton: da },
+  props: {
+    /**
+     * Button label to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Total count of applied filters
+     */
+    appliedFiltersCount: { type: [Number, String], default: null },
+    /**
+     * Indicates whether the filter popover tied to this button is showing
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(a, { emit: e }) {
+    return {
+      conditionalClasses: r(() => ({
+        "b-all-filters-modal-button--with-counter": a.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": a.isFilterOpen
+      })),
+      onClick: () => {
+        e("click");
+      }
+    };
+  }
+});
+var fa = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
+}, ba = [], va = /* @__PURE__ */ U(
+  pa,
+  fa,
+  ba,
+  !1,
+  null,
+  "4c415ac7"
+);
+const _a = va.exports;
+let Te = 0;
+const ya = {
+  beforeCreate() {
+    this.uuid = Te.toString(), Te += 1;
+  }
+};
+var ma = function() {
+  var e = this, t = e._self._c;
+  return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#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" } }), t("path", { attrs: { 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" } })]);
+}, Fa = [], ha = /* @__PURE__ */ U(
+  ya,
+  ma,
+  Fa,
+  !1,
+  null,
+  null
+);
+const Sa = ha.exports, ga = {
+  "en-US": {
+    activeFilters: "Active filters",
+    all: "All",
+    allFilters: "All filters",
+    applyAll: "Apply all",
+    cancel: "Cancel",
+    clear: "Clear",
+    clearAll: "Clear all",
+    noFiltersMatchThisSearch: "No filters match this search",
+    otherFilters: "Other filters",
+    searchBar: "Search bar"
+  },
+  "ja-JP": {
+    all: "すべて",
+    cancel: "キャンセル",
+    clear: "クリア",
+    clearAll: "すべてクリア"
+  },
+  "pt-BR": {
+    all: "Todos",
+    cancel: "Cancelar",
+    clear: "Limpar",
+    clearAll: "Limpar tudo"
+  }
+}, Ca = $({
+  i18n: { messages: ga },
+  name: "all-filters-modal",
+  components: {
+    AllFiltersModalButton: _a,
+    BentoBooleanFilter: Ge,
+    BentoButton: ct,
+    BentoDateFilter: He,
+    BentoDateRangeFilter: je,
+    BentoInputFilter: Ve,
+    BentoInputWithDropdownFilter: Me,
+    BentoModal: rt,
+    BentoRangeFilter: Ke,
+    BentoSearchBar: _e,
+    BentoSelectAvatarFilter: qe,
+    BentoSelectCurrencyFilter: Je,
+    BentoSelectCountryFilter: Ye,
+    BentoSelectFilter: ee,
+    BentoSelectPaymentMethodFilter: We,
+    BentoSelectTagFilter: ze,
+    BentoTypography: ie,
+    FilterBarButton: me,
+    SlidersIcon: Sa
+  },
+  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: [pe.INPUT],
+  setup(a, { emit: e }) {
+    const t = L(a.value), l = fe("all-filters-modal"), n = L([]), s = L(!1), i = L(0), d = L(null), u = L(""), { t: f } = G(), p = ke(u, w(t, "value")), F = L({});
+    ue(() => {
+      F.value = [];
+    }), W(
+      () => a.value,
+      () => {
+        s.value ? t.value = a.value.map((o, c) => ({ ...o, value: t.value[c].value })) : t.value = a.value;
+      }
+    );
+    const h = (o) => o.sort((c, B) => c.label > B.label ? 1 : B.label > c.label ? -1 : 0), T = r(
+      () => h(
+        p.value.filter(
+          (o) => {
+            var c, B;
+            return Array.isArray(o.value) ? ((c = o.value) == null ? void 0 : c.length) && ((B = o.value) == null ? void 0 : B.find((x) => x !== "")) : o.value;
+          }
+        )
+      )
+    ), _ = r(
+      () => h(
+        p.value.filter(
+          (o) => {
+            var c, B;
+            return Array.isArray(o.value) ? ((c = o.value) == null ? void 0 : c.length) === 0 || ((B = o.value) == null ? void 0 : B.every((x) => x === "")) : !o.value;
+          }
+        )
+      )
+    ), R = r(() => {
+      var o;
+      return u.value && ((o = p.value) == null ? void 0 : o.length) === 0;
+    }), C = r(() => t.value[i.value]), O = () => {
+      const o = T.value.length ? T.value[0] : _.value[0], c = t.value.findIndex(
+        (B) => B.label === o.label && B.field === o.field
+      );
+      i.value = c;
+    };
+    Ee(() => {
+      O();
+    });
+    const I = (o) => o.map((c) => {
+      var B, x, j, Z, ne, oe;
+      switch (c.type) {
+        case Y.SELECT:
+        case Y.SELECT_AVATAR:
+        case Y.SELECT_COUNTRY:
+        case Y.SELECT_CURRENCY:
+        case Y.SELECT_PAYMENT_METHOD:
+        case Y.SELECT_TAG:
+          switch ((B = c.options) == null ? void 0 : B.multiple) {
+            case !0:
+              return {
+                label: c.label,
+                field: c.field,
+                count: (x = c.value) != null && x.length ? (j = c.value) == null ? void 0 : j.length : null
+              };
+            default:
+              return {
+                label: c.label,
+                field: c.field,
+                count: c.value == null ? null : 1
+              };
+          }
+        case Y.DATE_RANGE:
+          return {
+            label: c.label,
+            field: c.field,
+            count: ((Z = c.value) == null ? void 0 : Z.startDate) != null && ((ne = c.value) == null ? void 0 : ne.endDate) != null ? 1 : null
+          };
+        case Y.RANGE:
+          return {
+            label: c.label,
+            field: c.field,
+            count: (oe = c.value) != null && oe.find((ce) => ce !== "") ? 1 : null
+          };
+        case Y.INPUT:
+        case Y.BOOLEAN:
+        case Y.DATE:
+        default:
+          return {
+            label: c.label,
+            field: c.field,
+            count: c.value != null ? 1 : null
+          };
+      }
+    }), S = r(
+      () => {
+        var o;
+        return Array.isArray(C.value.value) ? ((o = C.value) == null ? void 0 : o.value.length) && C.value.value.find((c) => c !== "") : !!t.value[i.value].value;
+      }
+    ), v = r(
+      () => {
+        var o;
+        return (o = I(a.value)) == null ? void 0 : o.filter(({ count: c }) => !!c).length;
+      }
+    ), A = () => {
+      s.value ? s.value = !1 : s.value = !0;
+    }, P = (o) => {
+      var B, x, j;
+      const c = I(t.value).find((Z) => Z.field === o.field).count;
+      return o.type.includes("BentoSelect") && ((B = o.options) != null && B.multiple) && c === ((j = (x = o.options) == null ? void 0 : x.listboxItems) == null ? void 0 : j.length) ? f("all") : c;
+    }, k = (o, c) => {
+      i.value = t.value.findIndex(
+        (B) => B.label === o && B.field === c
+      );
+    }, D = () => {
+      u.value = "";
+    }, N = () => {
+      s.value = !1, t.value = a.value, D(), O();
+    }, H = (o) => {
+      const c = t.value.map(({ value: B, ...x }, j) => j === i.value ? { value: o.value, ...x } : { value: B, ...x });
+      t.value = c;
+    }, z = () => {
+      H({
+        field: C.value.field,
+        label: C.value.label,
+        type: C.value.type,
+        value: void 0
+      });
+    }, g = () => {
+      t.value = a.value.map(({ value: o, ...c }) => ({
+        ...c,
+        value: void 0
+      }));
+    }, y = () => {
+      e(pe.INPUT, t.value), s.value = !1;
+    }, m = r(
+      () => JSON.stringify(t.value) === JSON.stringify(a.value)
+    ), E = r(() => [
+      {
+        title: f("applyAll"),
+        disabled: m.value,
+        event: y
+      },
+      {
+        title: f("cancel"),
+        event: N
+      },
+      {
+        title: f("clearAll"),
+        disabled: !v.value,
+        event: g
+      }
+    ]);
+    return {
+      // Enums
+      BentoModalEvent: ut,
+      // Values
+      allFiltersModalUniqueId: l,
+      allFiltersModalFiltersSection: n,
+      allFiltersModalFilterButtons: F,
+      numberOfActiveFilters: v,
+      isEmptyResultForSearchFilter: R,
+      isModalOpen: s,
+      isClearButtonEnabled: S,
+      activeFilters: T,
+      otherFilters: _,
+      modalActions: E,
+      selectedFilter: C,
+      selectedFilterRef: d,
+      searchTerm: u,
+      // Methods
+      onClickAllFiltersModal: A,
+      getFilterCount: P,
+      cancel: N,
+      selectFilter: k,
+      clearFilter: z,
+      updateFilter: H,
+      onSearchbarClear: D,
+      onKeydownRight: () => {
+        pt(1, d.value.$el).focus();
+      },
+      onKeydownLeft: () => {
+        F.value[C.value.label].$el.focus();
+      },
+      // Translations
+      t: f
+    };
+  }
+});
+var Ba = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "b-all-filters-modal" }, [t("filter-bar-button", { attrs: { "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters, "no-applied-state-styles": "" }, on: { click: e.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t("sliders-icon", { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }]) }, [e._v(" " + e._s(e.t("allFilters")) + " ")]), t("bento-modal", { staticClass: "'b-all-filters-modal__modal'", attrs: { "is-open": e.isModalOpen, "with-column-layout": !0, size: "large", actions: e.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": e.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e._v(" " + e._s(e.t("allFilters")) + " ")];
+  }, proxy: !0 }, { key: "content-col-1", fn: function() {
+    return [t("div", { ref: "allFiltersModalFiltersSection", staticClass: "b-all-filters-modal__filters", on: { keydown: function(l) {
+      return !l.type.indexOf("key") && e._k(l.keyCode, "right", 39, l.key, ["Right", "ArrowRight"]) || "button" in l && l.button !== 2 ? null : e.onKeydownRight.apply(null, arguments);
+    } } }, [t("bento-search-bar", { staticClass: "b-all-filters-modal__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.t("searchBar").toString() }, on: { input: function(l) {
+      e.searchTerm = l;
+    }, clear: e.onSearchbarClear } }), e.isEmptyResultForSearchFilter ? t("div", { staticClass: "b-all-filters-modal__empty-search-message" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(" " + e._s(e.t("noFiltersMatchThisSearch")))])], 1) : e._e(), e.activeFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `active-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("activeFilters")))]), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.activeFilters, function(l) {
+      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label }, on: { click: function(n) {
+        return e.selectFilter(l.label, l.field);
+      } } })], 1);
+    }), 0)], 1) : e._e(), e.otherFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [e.activeFilters.length ? t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `other-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("otherFilters")))]) : e._e(), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.otherFilters, function(l) {
+      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label }, on: { click: function(n) {
+        return e.selectFilter(l.label, l.field);
+      } } })], 1);
+    }), 0)], 1) : e._e()], 1)];
+  }, proxy: !0 }, { key: "content-col-2", fn: function() {
+    return [t("div", { staticClass: "b-all-filters-modal__selected-filter-content", on: { keydown: function(l) {
+      return !l.type.indexOf("key") && e._k(l.keyCode, "left", 37, l.key, ["Left", "ArrowLeft"]) || "button" in l && l.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
+    } } }, [t("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [t("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? t("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), t("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [t(e.selectedFilter.type, { key: e.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0 }, on: { input: e.updateFilter } })], 1), t("div", { staticClass: "b-all-filters-modal__clear-button" }, [t("bento-button", { attrs: { variant: "secondary", disabled: !e.isClearButtonEnabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.t("clear")))])], 1)])];
+  }, proxy: !0 }]) })], 1);
+}, Da = [], Aa = /* @__PURE__ */ U(
+  Ca,
+  Ba,
+  Da,
+  !1,
+  null,
+  "20df0a7f"
+);
+const Ta = Aa.exports, Pa = {
+  "en-US": {
+    clearFilters: "Clear filters",
+    filtersHaveBeenCleared: "Filters have been cleared.",
+    filtersHaveBeenReset: "Filters have been reset.",
+    resetFilters: "Reset filters",
+    searchBar: "Search bar",
+    undo: "Undo"
+  },
+  "ja-JP": {
+    clearFilters: "フィルターをクリア",
+    filtersHaveBeenCleared: "フィルターをクリアしました",
+    resetFilters: "フィルターのリセット",
+    undo: "元に戻す"
+  },
+  "pt-BR": {
+    clearFilters: "Limpar filtros",
+    filtersHaveBeenCleared: "Os filtros foram apagados",
+    resetFilters: "Redefinir filtros",
+    undo: "Desfazer"
+  }
+}, Ia = {
+  i18n: { messages: Pa },
+  name: "bento-filter-bar",
+  components: {
+    BentoBooleanFilter: Ge,
+    BentoDateFilter: He,
+    BentoDateRangeFilter: je,
+    BentoInputFilter: Ve,
+    BentoInputWithDropdownFilter: Me,
+    BentoRangeFilter: Ke,
+    BentoSelectAvatarFilter: qe,
+    BentoSelectCountryFilter: Ye,
+    BentoSelectCurrencyFilter: Je,
+    BentoSelectFilter: ee,
+    BentoSelectPaymentMethodFilter: We,
+    BentoSelectTagFilter: ze,
+    BentoTeleport: Ue,
+    FixedScroller: $e
+  }
+}, Ea = /* @__PURE__ */ $({
+  ...Ia,
+  props: {
+    config: { default: () => [] },
+    filterValues: { default: () => [] },
+    containerSizeLayout: { default: () => ({
+      medium: "one-line",
+      small: "multi-line"
+    }) },
+    search: { default: void 0 },
+    searchTerm: { default: void 0 },
+    showAppliedHiddenFilters: { type: Boolean, default: !1 },
+    value: { default: () => [] }
+  },
+  emits: [
+    se.INPUT,
+    se.UPDATE_FILTER_VALUES,
+    te.CLEAR,
+    te.INPUT,
+    te.UPDATE
+  ],
+  setup(a, { expose: e, emit: t }) {
+    const l = a, { t: n } = G(), s = L(null), i = r(
+      () => {
+        var g, y;
+        return (y = ((g = l.config) == null ? void 0 : g.length) > 0 ? l.config : l.value) == null ? void 0 : y.map((m) => {
+          var V;
+          let E = (V = l.filterValues.find(({ field: M }) => M === m.field)) == null ? void 0 : V.value;
+          return E === void 0 && (E = (m == null ? void 0 : m.value) === void 0 && (m == null ? void 0 : m.defaultValue) !== void 0 ? m == null ? void 0 : m.defaultValue : m == null ? void 0 : m.value), { ...m, value: E !== void 0 ? E : m == null ? void 0 : m.value };
+        });
+      }
+    ), { addToast: d } = Tt(), { screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: p } = sa(
+      s,
+      w(l, "containerSizeLayout")
+    ), F = r(() => ({
+      "b-filter-bar__fixed-scroller": p.value,
+      "b-filter-bar__container": !p.value
+      // Multi-line
+    })), h = r(() => ({
+      "b-filter-bar__scroller-content": p.value,
+      "b-filter-bar__filters": !p.value
+      // Multi-line
+    })), T = r(() => {
+      var g;
+      return ((g = l.search) == null ? void 0 : g.inputFieldAriaLabel) || n("searchBar");
+    }), _ = r(() => {
+      if (!l.search)
+        return;
+      const { hint: g, inputFieldAriaLabel: y, debounceTime: m, placeholder: E } = l.search;
+      return { hint: g, inputFieldAriaLabel: y, debounceTime: m, placeholder: E };
+    }), R = r(() => i.value.some(
+      ({ visible: y }) => y != null
+    ) ? i.value.some(({ visible: y }) => !y) : !1), C = r(
+      () => i.value.filter(({ defaultValue: g }) => g !== void 0)
+    ), O = r(() => i.value.some(
+      ({ visible: y }) => y != null
+    ) ? i.value.filter(
+      ({ defaultValue: y, visible: m, value: E }) => (
+        // eslint-disable-next-line eqeqeq
+        y === void 0 && m || l.showAppliedHiddenFilters && E != null
+      )
+    ) : i.value.filter(
+      ({ defaultValue: y, value: m }) => (
+        // eslint-disable-next-line eqeqeq
+        y === void 0 || l.showAppliedHiddenFilters && m != null
+      )
+    )), I = r(() => l.searchTerm != null), S = r(
+      () => i.value.filter(({ defaultValue: g }) => g == null).some(({ value: g }) => g != null)
+    ), v = r(() => C.value.length === 0 && S.value), A = r(() => C.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: m }) => JSON.stringify(y) === JSON.stringify(m)) || S.value), P = (g) => {
+      t(se.INPUT, g), t(
+        se.UPDATE_FILTER_VALUES,
+        g == null ? void 0 : g.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: m }) => ({ field: y, value: m }))
+      );
+    }, k = (g) => {
+      const y = i.value.findIndex(
+        (E) => E.field === g.field
+      ), m = i.value.slice();
+      m[y].value = g.value, P(m);
+    }, D = () => {
+      const g = i.value.slice(), y = i.value.map(({ value: m, ...E }) => ({
+        ...E,
+        value: void 0
+      }));
+      d({
+        text: n("filtersHaveBeenCleared"),
+        action: {
+          handler: () => P(g),
+          text: n("undo")
+        }
+      }), P(y);
+    }, N = () => {
+      const g = i.value.slice(), y = i.value.map(({ defaultValue: m, ...E }) => ({
+        ...E,
+        defaultValue: m,
+        value: m
+      }));
+      d({
+        text: n("filtersHaveBeenReset"),
+        action: {
+          handler: () => P(g),
+          text: n("undo")
+        }
+      }), P(y);
+    }, H = (g) => {
+      t(te.INPUT, g), t(te.UPDATE, g);
+    }, z = () => {
+      t(te.CLEAR);
+    };
+    return e({ isClearAllVisible: v, clearAllFilters: D, isResetAllVisible: A, resetAllFilters: N }), { __sfc: !0, props: l, emit: t, t: n, filterBarRef: s, valueAndFilterValuesPropsMerged: i, addToast: d, screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: p, containerConditionalClasses: F, contentConditionalClasses: h, searchBarAriaLabel: T, searchBarProps: _, hasHiddenFilters: R, persistentFilters: C, regularFilters: O, isSearchBarEnabled: I, hasActiveFilters: S, isClearAllVisible: v, isResetAllVisible: A, updateAllFilters: P, updateFilterHandler: k, clearAllFilters: D, resetAllFilters: N, onSearchbarInput: H, onSearchbarClear: z, FilterBarButton: me, BentoSearchBar: _e, AllFiltersModal: Ta, RefreshIcon: At };
+  }
+});
+var La = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t("div", { ref: "filterBarRef", staticClass: "b-filter-bar" }, [!l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", { staticClass: "b-filter-bar__search-external-container" }, [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), t(l.screenLayoutComponent, { tag: "component", class: l.containerConditionalClasses, attrs: { condensed: "" } }, [t("div", { class: l.contentConditionalClasses }, [l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
+  }) : e._e(), e._l(l.regularFilters, function(n) {
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: l.updateFilterHandler } });
+  }), l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), l.isClearAllVisible ? t(l.FilterBarButton, { staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearFilters")) + " ")]) : e._e(), l.isResetAllVisible ? t(l.FilterBarButton, { staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
+}, xa = [], Ra = /* @__PURE__ */ U(
+  Ea,
+  La,
+  xa,
+  !1,
+  null,
+  "7e269195"
+);
+const Dn = Ra.exports;
+export {
+  Dn as B,
+  b as a,
+  se as b,
+  Y as c
+};
+//# sourceMappingURL=filter-bar.D6IL1UDu.js.map