@adyen/bento-vue3 1.84.2 → 1.86.0

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

@@ -0,0 +1,4125 @@
+import { ref as M, onMounted as Xe, watch as se, computed as f, defineComponent as z, useSlots as ze, useAttrs as pl, openBlock as S, createBlock as L, unref as v, mergeProps as re, withCtx as w, createElementVNode as J, renderSlot as he, createCommentVNode as X, createVNode as k, createTextVNode as Z, toDisplayString as x, createElementBlock as Q, normalizeClass as ce, withDirectives as at, withKeys as ge, nextTick as Ot, toRef as ee, onBeforeUpdate as Ze, provide as At, resolveComponent as H, Fragment as Ve, reactive as vl, isRef as ml, createSlots as Ne, renderList as Ce, normalizeProps as Ge, guardReactiveProps as Je, vShow as yl, resolveDynamicComponent as qe } from "vue";
+import { B as Ke, a as _e } from "./search-bar.CbTrg2Sk.js";
+import { u as hl } from "./use-bento-toast-controller.BFctDoMg.js";
+import { u as pe } from "./index.B875RXHM.js";
+import { n as gl } from "./index.CbxHJr39.js";
+import { F as Pt } from "./fixed-scroller.i1tmEmst.js";
+import { _ as Fl } from "./modal.vue_vue_type_script_setup_true_lang.BAwez0nB.js";
+import { B as Sl } from "./button.C6t9_lzm.js";
+import { a as It } from "./radio-group.C6nQRQDB.js";
+import { t as Fe } from "./truncate.BfIl_-71.js";
+import { B as ye, d as xe, p as Bl } from "./typography.B3J6_tYk.js";
+import { u as Cl, e as _t, h as Dl, I as Tl, k as wl, B as Ol } from "./button-actions.BH-J7dux.js";
+import { b as $t } from "./tooltip.DYpJZ-99.js";
+import { _ as le } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { g as Me } from "./generate-uid.NJ8tVoha.js";
+import { C as Et } from "./cross-small.Bjq2Gqvh.js";
+import { B as kt, a as dt } from "./base-button.CRYAiuzn.js";
+import { u as Lt } from "./use-has-slot.B7eQSabc.js";
+import { u as Ut } from "./aria-label.CaUURpnB.js";
+import { g as Rt } from "./get-slot-text.CQRAP2_q.js";
+import { B as ot } from "./input-field.CNdqlGw6.js";
+import { B as Al } from "./checkbox-group.Bh_aqKoA.js";
+import { u as it, B as Pl } from "./dropdown.CU6nfq3V.js";
+import { g as Il } from "./focus-trap.CBvh2H_m.js";
+import { C as _l } from "./chevron-up.Cmgl2a3x.js";
+import { C as $l } from "./chevron-down.XeE-LBV_.js";
+/* empty css              */
+import { C as El } from "./checkbox-input.BZjSoCQW.js";
+import { u as ct, b as kl, C as Ll } from "./use-cached-selected-values.BiSuG1eX.js";
+import { B as st } from "./divider.BIY84UH7.js";
+import { L as Vt } from "./listbox-option-tag.C3ihNg6_.js";
+import { B as Ul } from "./payment-method.AeKHZlAO.js";
+import { u as Rl } from "./use-country-items.BTzByPdQ.js";
+import { B as Vl } from "./avatar.Caeba-pw.js";
+import { D as Nl, B as Ml, i as tt, a as Yl } from "./date-range-picker.BPCt7cwj.js";
+import Hl from "./pt-BR.CiGdfP45.js";
+import Wl from "./ja.Cm9tJMi2.js";
+import jl from "./fr.Dj7wEToe.js";
+import { g as Nt } from "./en-US.BZii9jNW.js";
+import { de as ql } from "./de.DvtL0g75.js";
+import { b as Gl, g as Jl, q as Kl, r as Ql, p as $e, e as me, i as Xl } from "./calendar.DzeJoNc2.js";
+import { t as Pe, c as Le, i as Mt, g as rt } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
+import { s as Ye } from "./startOfWeek.D8Yh4c0G.js";
+import { B as zl } from "./date-picker.CvTSZhMI.js";
+import { R as ft } from "./refresh.C31KClfx.js";
+import "../assets/filter-bar.css";
+const Yt = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", Ht = (e) => Array.isArray(e), bt = (e) => Ht(e) ? e.length === 0 || e.every((l) => l === "") : !e, lt = (e, l) => JSON.stringify(e) === JSON.stringify(l), ke = (e) => Yt(e) ? e instanceof Date ? new Date(e.getTime()) : Ht(e) ? e.map((l) => ke(l)) : Object.keys(e).reduce((l, t) => (l[t] = ke(e[t]), l), {}) : e, Zl = (e) => Yt(e) ? Object.fromEntries(Object.keys(e).map((l) => [l, void 0])) : void 0;
+function Wt(e, l) {
+  const t = M(), a = M();
+  Xe(() => {
+    e.value != null && (a.value = Zl(e.value));
+  }), se(
+    () => e.value,
+    (d) => {
+      t.value = ke(d);
+    },
+    { immediate: !0 }
+  );
+  const n = f(
+    () => bt(e.value) || lt(e.value, a.value)
+  ), o = f(
+    () => l.value != null ? lt(l.value, e.value) : n.value
+  ), r = f(() => lt(t.value, e.value) || bt(t.value) && n.value);
+  function i(d) {
+    t.value = ke(a.value), d && d(t.value);
+  }
+  function s(d) {
+    t.value = ke(l.value), d && d(t.value);
+  }
+  function b(d) {
+    t.value = ke(e.value), d && d(t.value);
+  }
+  return {
+    // Values
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: o,
+    isApplyButtonDisabled: r,
+    // Methods
+    clearFilter: i,
+    resetFilter: s,
+    openFilter: b
+  };
+}
+const xl = { class: "b-filter-bar-button__container" }, ea = { class: "b-filter-bar-button__label-container" }, ta = {}, la = /* @__PURE__ */ z({
+  ...ta,
+  __name: "filter-bar-button",
+  props: {
+    /**
+     * Allows to set the button as active without setting a "secondaryLabel"
+     */
+    active: { type: Boolean, default: !1 },
+    /**
+     * 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(e, { emit: l }) {
+    const t = e, a = l, n = ze(), o = pl(), r = Lt(n), i = f(() => n.default ? Rt(n)("default") : null), s = f(() => !r("default") && r("iconLeft")), b = Ut({ ariaLabel: i }), d = M(null), g = f(() => {
+      var m;
+      return {
+        "aria-controls": (m = o["aria-controls"]) == null ? void 0 : m.toString()
+      };
+    }), y = f(
+      () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
+    ), u = f(() => ({
+      "b-filter-bar-button--applied": y.value || t.active,
+      "b-filter-bar-button--filter-open": t.isFilterOpen && !y.value,
+      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && y.value,
+      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
+      "b-filter-bar-button--with-counter": t.appliedFiltersCount,
+      "b-filter-bar-button--icon-only": s.value
+    })), D = (m) => {
+      m.preventDefault(), t.disabled || a("click", m);
+    };
+    return (m, I) => (S(), L(v(kt), re({
+      ref_key: "filterBarButtonRef",
+      ref: d
+    }, m.$attrs, {
+      class: ["b-filter-bar-button", u.value],
+      disabled: e.disabled,
+      "aria-label": v(b),
+      "aria-controls": g.value["aria-controls"],
+      type: "button",
+      onClick: D
+    }), {
+      iconRight: w(() => [
+        e.appliedFiltersCount && !s.value ? (S(), L(v(ye), {
+          key: 0,
+          class: "b-filter-bar-button__counter",
+          el: "span",
+          variant: "body",
+          stronger: ""
+        }, {
+          default: w(() => [
+            Z(x(e.appliedFiltersCount), 1)
+          ]),
+          _: 1
+        })) : X("", !0)
+      ]),
+      default: w(() => [
+        J("div", xl, [
+          v(r)("iconLeft") ? he(m.$slots, "iconLeft", { key: 0 }, void 0, !0) : X("", !0),
+          J("div", ea, [
+            k(v(ye), {
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__label"
+            }, {
+              default: w(() => [
+                J("span", null, [
+                  he(m.$slots, "default", {}, void 0, !0)
+                ]),
+                e.secondaryLabel && !s.value ? (S(), L(v(ye), {
+                  key: 0,
+                  el: "span",
+                  variant: "body",
+                  stronger: "",
+                  class: "b-filter-bar-button__label"
+                }, {
+                  default: w(() => I[0] || (I[0] = [
+                    Z(":")
+                  ])),
+                  _: 1
+                })) : X("", !0)
+              ]),
+              _: 3
+            }),
+            e.secondaryLabel && !s.value ? (S(), L(v(ye), {
+              key: 0,
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__secondary-label"
+            }, {
+              default: w(() => [
+                Z(x(e.secondaryLabel), 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "disabled", "aria-label", "aria-controls"]));
+  }
+}), Ae = /* @__PURE__ */ le(la, [["__scopeId", "data-v-e8fc31f4"]]);
+var _ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(_ || {}), we = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(we || {}), ie = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e.RADIO_GROUP = "BentoRadioGroupFilter", e.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", e.TOGGLE = "BentoToggleFilter", e))(ie || {});
+const pt = 430, vt = 700;
+function aa(e, l) {
+  const t = M("div"), a = M(!1), n = M(0), o = f(() => !(n.value < pt && l.value.small === "multi-line"));
+  function r() {
+    a.value = !1, t.value = "div";
+  }
+  function i() {
+    a.value = !0, t.value = Pt;
+  }
+  function s() {
+    n.value > vt || n.value < vt && n.value >= pt && l.value.medium === "multi-line" ? r() : i();
+  }
+  return se(() => l.value, s), gl(e, (b) => {
+    n.value = b[0].contentRect.width, s();
+  }), {
+    screenLayoutComponent: t,
+    showSearchbarInsideContainer: o,
+    isOneLineLayout: a
+  };
+}
+const na = {}, oa = /* @__PURE__ */ z({
+  ...na,
+  __name: "filter-bar-button-group",
+  props: {
+    isActive: { type: Boolean, default: !1 },
+    skipGrouping: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = f(() => ({
+      "b-filter-bar-button-group--active": l.isActive,
+      "b-filter-bar-button-group--grouped": !l.skipGrouping
+    }));
+    return (a, n) => (S(), Q("div", {
+      class: ce(["b-filter-bar-button-group", t.value])
+    }, [
+      he(a.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), jt = /* @__PURE__ */ le(oa, [["__scopeId", "data-v-9ce16194"]]);
+var de = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(de || {});
+const qt = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    clearFilter: "Clear filter {function}",
+    filtersHaveBeenCleared: "Filters have been cleared",
+    numberSelected: "{numberOfItemsSelected} selected",
+    reset: "Reset",
+    resetFilter: "Reset filter {function}"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    clearFilter: "フィルターをクリア{function}",
+    filtersHaveBeenCleared: "フィルターをクリアしました",
+    numberSelected: "{numberOfItemsSelected}件選択済み",
+    reset: "リセット",
+    resetFilter: "フィルターをリセット{function}"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    clearFilter: "Limpar filtro {function}",
+    filtersHaveBeenCleared: "Os filtros foram apagados",
+    numberSelected: "{numberOfItemsSelected} selecionados",
+    reset: "Reiniciar",
+    resetFilter: "Redefinir filtro {function}"
+  }
+}, ia = { key: 0 }, sa = {
+  key: 1,
+  class: "b-base-filter"
+}, ra = {
+  i18n: { messages: qt },
+  name: "bento-base-filter"
+}, ua = /* @__PURE__ */ z({
+  ...ra,
+  props: {
+    appliedFiltersCount: { default: null },
+    buttonLabel: { default: void 0 },
+    buttonSecondaryLabel: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { type: [String, null, Object, Number, Array, Date, Boolean], default: null },
+    onlySlot: { type: Boolean, default: !1 },
+    controlled: { type: Boolean, default: !1 },
+    disableApplyButton: { type: Boolean, default: !1 },
+    disableSecondaryButton: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    fitContent: { type: Boolean, default: void 0 },
+    tooltipText: { default: void 0 },
+    tooltipPosition: { default: void 0 },
+    value: { type: [String, null, Object, Number, Array, Date, Boolean], default: void 0 }
+  },
+  emits: [
+    de.APPLY,
+    de.CLEAR,
+    de.OPEN,
+    de.CLOSE,
+    de.RESET,
+    de.CANCEL
+  ],
+  setup(e, { expose: l, emit: t }) {
+    const a = t, n = e, { t: o } = pe({ messages: qt }), r = Me("base-filter-popover"), i = M(!1), s = M(null), b = M(null), d = f(() => n.defaultValue !== null), g = f(() => d.value ? JSON.stringify(n.value) !== JSON.stringify(n.defaultValue) : n.appliedFiltersCount || n.buttonSecondaryLabel), y = f(() => {
+      let E = n.buttonSecondaryLabel ? `: ${n.buttonSecondaryLabel}` : "";
+      return n.appliedFiltersCount && (E = `: ${o("numberSelected", { numberOfItemsSelected: n.appliedFiltersCount })}`), (d.value ? n.label : D.value) + E;
+    }), u = f(
+      () => d.value ? o("resetFilter", {
+        function: D.value
+      }) : o("clearFilter", {
+        function: D.value
+      })
+    ), D = f(() => n.buttonLabel || n.label), m = async () => {
+      var E, O;
+      await Ot(), (O = (E = s.value) == null ? void 0 : E.$el) == null || O.focus();
+    }, I = () => {
+      i.value && (i.value = !1, m(), a(de.CLOSE));
+    }, $ = () => {
+      d.value ? a(de.RESET) : a(de.CLEAR), m();
+    }, C = () => {
+      I(), $();
+    }, B = () => {
+      i.value ? I() : (i.value = !0, a(de.OPEN));
+    }, V = () => {
+      I(), a(de.APPLY);
+    }, T = () => {
+      I(), a(de.CANCEL);
+    }, N = () => T(), Y = f(() => [
+      {
+        title: o("apply"),
+        event: V,
+        disabled: n.disableApplyButton
+      },
+      {
+        title: d.value ? o("reset") : o("clear"),
+        event: C,
+        disabled: n.disableSecondaryButton
+      }
+    ]);
+    return se(
+      () => i.value,
+      (E, O) => {
+        var q, K;
+        !E && O && (K = (q = s.value) == null ? void 0 : q.filterBarButtonRef) != null && K.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      }
+    ), Cl(b, N, { ignore: [s] }), l({
+      closePopover: I
+    }), (E, O) => E.onlySlot ? (S(), Q("div", ia, [
+      he(E.$slots, "default", {}, void 0, !0)
+    ])) : (S(), Q("div", sa, [
+      at((S(), L(jt, {
+        "is-active": i.value,
+        "skip-grouping": !g.value
+      }, {
+        default: w(() => [
+          k(v(Ae), {
+            ref_key: "filterButtonRef",
+            ref: s,
+            "aria-label": y.value,
+            "aria-controls": i.value ? v(r) : null,
+            "applied-filters-count": E.appliedFiltersCount,
+            disabled: E.disabled,
+            "is-persistent-filter": d.value,
+            "is-filter-open": i.value,
+            "secondary-label": E.buttonSecondaryLabel,
+            onClick: B,
+            onKeydown: ge(I, ["esc"])
+          }, {
+            default: w(() => [
+              Z(x(D.value), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
+          g.value ? (S(), L(v(Ae), {
+            key: 0,
+            "applied-filters-count": E.appliedFiltersCount,
+            disabled: E.disabled,
+            "is-persistent-filter": d.value,
+            "is-filter-open": i.value,
+            "secondary-label": E.buttonSecondaryLabel,
+            onClick: $
+          }, {
+            iconLeft: w(() => [
+              k(v(Et), { "svg-title": u.value }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : X("", !0)
+        ]),
+        _: 1
+      }, 8, ["is-active", "skip-grouping"])), [
+        [v($t), E.tooltipText, E.tooltipPosition]
+      ]),
+      s.value ? (S(), L(_t, { key: 0 }, {
+        default: w(() => [
+          s.value ? (S(), L(Dl, {
+            key: 0,
+            id: v(r),
+            ref_key: "popoverRef",
+            ref: b,
+            class: "b-base-filter__popover",
+            divider: "",
+            "aria-label": E.label,
+            open: i.value,
+            actions: E.controlled ? null : Y.value,
+            "actions-layout": "space-between",
+            "target-element": s.value,
+            title: E.controlled ? null : E.label,
+            "fit-content": E.fitContent,
+            position: "bottom-start",
+            "without-space": E.controlled,
+            "fallback-position": ["bottom-end"],
+            "overflow-visible": ""
+          }, {
+            default: w(() => [
+              J("div", {
+                onKeydown: ge(T, ["esc"])
+              }, [
+                he(E.$slots, "default", {}, void 0, !0)
+              ], 32)
+            ]),
+            _: 3
+          }, 8, ["id", "aria-label", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : X("", !0)
+        ]),
+        _: 3
+      })) : X("", !0)
+    ]));
+  }
+}), Se = /* @__PURE__ */ le(ua, [["__scopeId", "data-v-79ccf445"]]), da = (e) => e instanceof Array, mt = (e) => da(e) ? e.length === 0 || e.every((l) => l === "") : !e, yt = (e, l) => JSON.stringify(e) === JSON.stringify(l), De = (e, l) => {
+  const t = M(e.value);
+  se(
+    () => e.value,
+    () => {
+      t.value = e.value;
+    }
+  );
+  const a = f(() => mt(e.value)), n = f(
+    () => l.value !== null ? yt(l.value, e.value) : a.value
+  ), o = f(() => yt(t.value, e.value) || mt(t.value) && a.value);
+  return {
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: n,
+    isApplyButtonDisabled: o
+  };
+}, ca = {
+  name: "bento-input-filter"
+}, fa = /* @__PURE__ */ z({
+  ...ca,
+  props: {
+    defaultValue: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: null }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    var Y, E;
+    const t = e, a = l, n = M(null), o = M((E = (Y = t == null ? void 0 : t.options) == null ? void 0 : Y.dropdown) == null ? void 0 : E.value), r = f(
+      () => {
+        var O, q;
+        return ((O = t == null ? void 0 : t.options) == null ? void 0 : O.variant) === "dropdown" && ((q = t == null ? void 0 : t.options) == null ? void 0 : q.dropdown) !== void 0;
+      }
+    ), i = f(
+      () => {
+        var O;
+        return r.value ? { ...(O = t == null ? void 0 : t.options) == null ? void 0 : O.dropdown, value: o.value } : void 0;
+      }
+    ), s = f(() => {
+      var O;
+      return ((O = t == null ? void 0 : t.options) == null ? void 0 : O.variant) === "dropdown" ? "dropdown" : "default";
+    }), b = f(
+      () => {
+        var O;
+        return r.value ? (O = t.value) == null ? void 0 : O.inputValue : t == null ? void 0 : t.value;
+      }
+    ), { internalFilterValue: d, isSecondaryButtonDisabled: g, isApplyButtonDisabled: y } = De(
+      b,
+      ee(t, "defaultValue")
+    ), u = f(() => t.label), D = f(() => Fe(b.value, 12)), m = f(() => ({
+      "b-input-filter--only-slot": t.onlySlot
+    }));
+    Ze(() => {
+      d.value === "" && (d.value = null);
+    }), se(n, () => {
+      var O;
+      (O = n.value) == null || O.focusInput();
+    });
+    const I = () => {
+      d.value = b.value;
+    }, $ = () => {
+      !d.value && t.defaultValue !== null && (d.value = t.defaultValue), a("update", {
+        ...t,
+        value: r.value ? {
+          inputValue: d.value,
+          dropdownValue: o.value
+        } : d.value
+      });
+    }, C = () => a("update", { ...t, value: t.defaultValue }), B = () => {
+      d.value = null, $();
+    }, V = () => {
+      a("input", { ...t, value: d.value });
+    }, T = (O) => {
+      d.value = O;
+    }, N = (O) => {
+      o.value = O;
+    };
+    return At(Tl, r.value), se(
+      () => t.options,
+      () => {
+        var O, q, K;
+        ((O = t.options) != null && O.dropdown || (q = t.options) != null && q.dropdownPosition || (K = t.options) != null && K.variant) && xe(
+          '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 }
+    ), (O, q) => {
+      var K, ne;
+      return S(), L(v(Se), re(O.$props, {
+        "button-label": u.value,
+        "button-secondary-label": D.value,
+        "disable-apply-button": v(y),
+        "disable-secondary-button": v(g),
+        "only-slot": O.onlySlot,
+        "popover-overflow-visible": r.value,
+        "tooltip-position": (K = O.options) == null ? void 0 : K.tooltipPosition,
+        "tooltip-text": (ne = O.options) == null ? void 0 : ne.tooltipText,
+        onApply: $,
+        onClear: B,
+        onOpen: I,
+        onReset: C
+      }), {
+        default: w(() => {
+          var A, h;
+          return [
+            J("div", {
+              class: ce(["b-input-filter", m.value]),
+              onKeydown: ge($, ["enter"]),
+              onInput: V
+            }, [
+              k(v(ot), {
+                ref_key: "inputTextRef",
+                ref: n,
+                dropdown: i.value,
+                "dropdown-position": (A = O.options) == null ? void 0 : A.dropdownPosition,
+                placeholder: (h = O.options) == null ? void 0 : h.placeholder,
+                variant: s.value,
+                "model-value": v(d),
+                disabled: O.disabled,
+                "onUpdate:modelValue": T,
+                onDropdownInput: N
+              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "model-value", "disabled"])
+            ], 34)
+          ];
+        }),
+        _: 1
+      }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]);
+    };
+  }
+}), Gt = /* @__PURE__ */ le(fa, [["__scopeId", "data-v-57f2a128"]]), ba = {
+  name: "bento-input-with-dropdown-filter"
+}, pa = /* @__PURE__ */ z({
+  ...ba,
+  props: {
+    disabled: { type: Boolean },
+    defaultValue: { default: void 0 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = M(null), { internalFilterValue: o, isSecondaryButtonDisabled: r, isApplyButtonDisabled: i } = De(ee(t, "value"), ee(t, "defaultValue")), s = f(() => t.label), b = f(() => {
+      var T;
+      return Fe((T = t.value) == null ? void 0 : T.inputValue, 12);
+    }), d = f(
+      () => {
+        var T, N, Y, E, O;
+        return ((T = o.value) == null ? void 0 : T.dropdownValue) ?? ((Y = (N = t.options) == null ? void 0 : N.dropdown) == null ? void 0 : Y.modelValue) ?? ((O = (E = t.options) == null ? void 0 : E.dropdown) == null ? void 0 : O.value);
+      }
+    ), g = f(() => {
+      var T;
+      return {
+        ...((T = t.options) == null ? void 0 : T.dropdown) || {},
+        modelValue: d.value
+      };
+    }), y = f(() => ({
+      "b-input-with-dropdown-filter--only-slot": t.onlySlot
+    })), u = f(() => {
+      var N;
+      return !(!!((N = o.value) != null && N.inputValue) && !!d.value) || i.value;
+    });
+    Ze(() => {
+      var T;
+      ((T = o.value) == null ? void 0 : T.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
+    }), se(n, () => {
+      var T;
+      (T = n.value) == null || T.focusInput();
+    });
+    const D = () => {
+      o.value = t.value;
+    }, m = () => {
+      var T;
+      !((T = o.value) != null && T.inputValue) && t.defaultValue !== null && (o.value = { ...t.defaultValue }), a(_.UPDATE, {
+        ...t,
+        value: o.value
+      });
+    }, I = () => a(_.UPDATE, { ...t, value: t.defaultValue }), $ = () => {
+      o.value = null, m();
+    }, C = () => {
+      a(_.INPUT, { ...t, value: o.value });
+    }, B = (T) => {
+      o.value = { dropdownValue: d.value, inputValue: T };
+    }, V = (T) => {
+      o.value = { ...o.value, dropdownValue: T };
+    };
+    return At(wl, !0), (T, N) => {
+      var Y, E;
+      return S(), L(v(Se), re(T.$props, {
+        "button-label": s.value,
+        "button-secondary-label": b.value,
+        "disable-apply-button": u.value,
+        "disable-secondary-button": v(r),
+        "only-slot": T.onlySlot,
+        "tooltip-position": (Y = T.options) == null ? void 0 : Y.tooltipPosition,
+        "tooltip-text": (E = T.options) == null ? void 0 : E.tooltipText,
+        onApply: m,
+        onClear: $,
+        onOpen: D,
+        onReset: I
+      }), {
+        default: w(() => {
+          var O, q;
+          return [
+            J("div", {
+              class: ce(["b-input-with-dropdown-filter", y.value]),
+              onKeydown: ge(m, ["enter"]),
+              onInput: C
+            }, [
+              k(v(ot), {
+                ref_key: "inputTextRef",
+                ref: n,
+                dropdown: g.value,
+                "dropdown-position": (O = T.options) == null ? void 0 : O.dropdownPosition,
+                variant: "dropdown",
+                "model-value": (q = v(o)) == null ? void 0 : q.inputValue,
+                disabled: T.disabled,
+                "onUpdate:modelValue": B,
+                onDropdownInput: V
+              }, null, 8, ["dropdown", "dropdown-position", "model-value", "disabled"])
+            ], 34)
+          ];
+        }),
+        _: 1
+      }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]);
+    };
+  }
+}), Jt = /* @__PURE__ */ le(pa, [["__scopeId", "data-v-db04529c"]]), va = z({
+  name: "bento-date-filter",
+  components: {
+    BentoBaseFilter: Se,
+    BentoDatePicker: zl,
+    BentoDivider: st,
+    Calendar: Gl
+  },
+  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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const { locale: t } = pe(void 0), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: o } = De(
+      ee(e, "value"),
+      ee(e, "defaultValue")
+    ), r = f(() => {
+      var I;
+      const m = ((I = e == null ? void 0 : e.options) == null ? void 0 : I.variant) === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
+      return e.value ? Jl(t.value, m).format(e.value) : null;
+    }), i = f(() => e.label), s = f(() => r.value), b = () => {
+      l(_.UPDATE, { ...e, value: a.value });
+    }, d = () => {
+      a.value = null, b();
+    }, g = () => {
+      a.value = e.defaultValue, b();
+    }, y = () => {
+      a.value = e.value;
+    }, u = (m) => {
+      a.value = m, l(_.INPUT, { ...e, value: a.value });
+    };
+    return {
+      // Values
+      internalFilterValue: a,
+      isApplyButtonDisabled: o,
+      isSecondaryButtonDisabled: n,
+      buttonLabel: i,
+      buttonSecondaryLabel: s,
+      // Events
+      clearFilter: d,
+      onDateSelected: u,
+      openFilter: y,
+      updateFilter: b,
+      resetFilter: g,
+      onDateInputSelected: (m) => {
+        a.value = m, u(m), b();
+      }
+    };
+  }
+}), ma = { class: "b-date-filter" };
+function ya(e, l, t, a, n, o) {
+  var d, g;
+  const r = H("bento-date-picker"), i = H("bento-divider"), s = H("calendar"), b = H("bento-base-filter");
+  return S(), L(b, {
+    "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": (d = e.options) == null ? void 0 : d.tooltipPosition,
+    "tooltip-text": (g = e.options) == null ? void 0 : g.tooltipText,
+    "fit-content": "",
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }, {
+    default: w(() => {
+      var y, u, D, m, I, $;
+      return [
+        e.onlySlot ? (S(), L(r, {
+          key: 0,
+          value: e.internalFilterValue,
+          "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek,
+          "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled,
+          variant: (D = e.options) == null ? void 0 : D.variant,
+          disabled: e.disabled,
+          onInput: e.onDateInputSelected
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (S(), Q(Ve, { key: 1 }, [
+          k(i, { class: "b-date-filter__divider" }),
+          J("div", ma, [
+            k(s, {
+              "first-day-of-week": (m = e.options) == null ? void 0 : m.firstDayOfWeek,
+              "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
+              "number-of-months": 1,
+              value: e.internalFilterValue,
+              variant: ($ = e.options) == null ? void 0 : $.variant,
+              onInput: e.onDateSelected
+            }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "variant", "onInput"])
+          ])
+        ], 64))
+      ];
+    }),
+    _: 1
+  }, 8, ["button-label", "button-secondary-label", "disabled", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
+}
+const Kt = /* @__PURE__ */ le(va, [["render", ya], ["__scopeId", "data-v-b572be46"]]);
+function ha() {
+  return {
+    de: ql,
+    enUS: Nt,
+    fr: jl,
+    ja: Wl,
+    ptBR: Hl
+  };
+}
+function ga(e, l) {
+  const t = Pe(e, l == null ? void 0 : l.in);
+  return Kl(t, Ql(t)) + 1;
+}
+function Qe(e, l) {
+  return Ye(e, { ...l, weekStartsOn: 1 });
+}
+function Qt(e, l) {
+  const t = Pe(e, l == null ? void 0 : l.in), a = t.getFullYear(), n = Le(t, 0);
+  n.setFullYear(a + 1, 0, 4), n.setHours(0, 0, 0, 0);
+  const o = Qe(n), r = Le(t, 0);
+  r.setFullYear(a, 0, 4), r.setHours(0, 0, 0, 0);
+  const i = Qe(r);
+  return t.getTime() >= o.getTime() ? a + 1 : t.getTime() >= i.getTime() ? a : a - 1;
+}
+function Fa(e, l) {
+  const t = Qt(e, l), a = Le(e, 0);
+  return a.setFullYear(t, 0, 4), a.setHours(0, 0, 0, 0), Qe(a);
+}
+function Sa(e, l) {
+  const t = Pe(e, l == null ? void 0 : l.in), a = +Qe(t) - +Fa(t);
+  return Math.round(a / Mt) + 1;
+}
+function Xt(e, l) {
+  var d, g, y, u;
+  const t = Pe(e, l == null ? void 0 : l.in), a = t.getFullYear(), n = rt(), o = (l == null ? void 0 : l.firstWeekContainsDate) ?? ((g = (d = l == null ? void 0 : l.locale) == null ? void 0 : d.options) == null ? void 0 : g.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (y = n.locale) == null ? void 0 : y.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, r = Le((l == null ? void 0 : l.in) || e, 0);
+  r.setFullYear(a + 1, 0, o), r.setHours(0, 0, 0, 0);
+  const i = Ye(r, l), s = Le((l == null ? void 0 : l.in) || e, 0);
+  s.setFullYear(a, 0, o), s.setHours(0, 0, 0, 0);
+  const b = Ye(s, l);
+  return +t >= +i ? a + 1 : +t >= +b ? a : a - 1;
+}
+function Ba(e, l) {
+  var i, s, b, d;
+  const t = rt(), a = (l == null ? void 0 : l.firstWeekContainsDate) ?? ((s = (i = l == null ? void 0 : l.locale) == null ? void 0 : i.options) == null ? void 0 : s.firstWeekContainsDate) ?? t.firstWeekContainsDate ?? ((d = (b = t.locale) == null ? void 0 : b.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, n = Xt(e, l), o = Le((l == null ? void 0 : l.in) || e, 0);
+  return o.setFullYear(n, 0, a), o.setHours(0, 0, 0, 0), Ye(o, l);
+}
+function Ca(e, l) {
+  const t = Pe(e, l == null ? void 0 : l.in), a = +Ye(t, l) - +Ba(t, l);
+  return Math.round(a / Mt) + 1;
+}
+function j(e, l) {
+  const t = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(l, "0");
+  return t + a;
+}
+const Be = {
+  // Year
+  y(e, l) {
+    const t = e.getFullYear(), a = t > 0 ? t : 1 - t;
+    return j(l === "yy" ? a % 100 : a, l.length);
+  },
+  // Month
+  M(e, l) {
+    const t = e.getMonth();
+    return l === "M" ? String(t + 1) : j(t + 1, 2);
+  },
+  // Day of the month
+  d(e, l) {
+    return j(e.getDate(), l.length);
+  },
+  // AM or PM
+  a(e, l) {
+    const t = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (l) {
+      case "a":
+      case "aa":
+        return t.toUpperCase();
+      case "aaa":
+        return t;
+      case "aaaaa":
+        return t[0];
+      default:
+        return t === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, l) {
+    return j(e.getHours() % 12 || 12, l.length);
+  },
+  // Hour [0-23]
+  H(e, l) {
+    return j(e.getHours(), l.length);
+  },
+  // Minute
+  m(e, l) {
+    return j(e.getMinutes(), l.length);
+  },
+  // Second
+  s(e, l) {
+    return j(e.getSeconds(), l.length);
+  },
+  // Fraction of second
+  S(e, l) {
+    const t = l.length, a = e.getMilliseconds(), n = Math.trunc(
+      a * Math.pow(10, t - 3)
+    );
+    return j(n, l.length);
+  }
+}, Ee = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, ht = {
+  // Era
+  G: function(e, l, t) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (l) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return t.era(a, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return t.era(a, { width: "narrow" });
+      default:
+        return t.era(a, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(e, l, t) {
+    if (l === "yo") {
+      const a = e.getFullYear(), n = a > 0 ? a : 1 - a;
+      return t.ordinalNumber(n, { unit: "year" });
+    }
+    return Be.y(e, l);
+  },
+  // Local week-numbering year
+  Y: function(e, l, t, a) {
+    const n = Xt(e, a), o = n > 0 ? n : 1 - n;
+    if (l === "YY") {
+      const r = o % 100;
+      return j(r, 2);
+    }
+    return l === "Yo" ? t.ordinalNumber(o, { unit: "year" }) : j(o, l.length);
+  },
+  // ISO week-numbering year
+  R: function(e, l) {
+    const t = Qt(e);
+    return j(t, l.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(e, l) {
+    const t = e.getFullYear();
+    return j(t, l.length);
+  },
+  // Quarter
+  Q: function(e, l, t) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (l) {
+      // 1, 2, 3, 4
+      case "Q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "QQ":
+        return j(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "Qo":
+        return t.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return t.quarter(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return t.quarter(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.quarter(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, l, t) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (l) {
+      // 1, 2, 3, 4
+      case "q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "qq":
+        return j(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "qo":
+        return t.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return t.quarter(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return t.quarter(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return t.quarter(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, l, t) {
+    const a = e.getMonth();
+    switch (l) {
+      case "M":
+      case "MM":
+        return Be.M(e, l);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return t.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return t.month(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return t.month(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.month(a, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, l, t) {
+    const a = e.getMonth();
+    switch (l) {
+      // 1, 2, ..., 12
+      case "L":
+        return String(a + 1);
+      // 01, 02, ..., 12
+      case "LL":
+        return j(a + 1, 2);
+      // 1st, 2nd, ..., 12th
+      case "Lo":
+        return t.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return t.month(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return t.month(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return t.month(a, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, l, t, a) {
+    const n = Ca(e, a);
+    return l === "wo" ? t.ordinalNumber(n, { unit: "week" }) : j(n, l.length);
+  },
+  // ISO week of year
+  I: function(e, l, t) {
+    const a = Sa(e);
+    return l === "Io" ? t.ordinalNumber(a, { unit: "week" }) : j(a, l.length);
+  },
+  // Day of the month
+  d: function(e, l, t) {
+    return l === "do" ? t.ordinalNumber(e.getDate(), { unit: "date" }) : Be.d(e, l);
+  },
+  // Day of year
+  D: function(e, l, t) {
+    const a = ga(e);
+    return l === "Do" ? t.ordinalNumber(a, { unit: "dayOfYear" }) : j(a, l.length);
+  },
+  // Day of week
+  E: function(e, l, t) {
+    const a = e.getDay();
+    switch (l) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return t.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "EEEEE":
+        return t.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "EEEEEE":
+        return t.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, l, t, a) {
+    const n = e.getDay(), o = (n - a.weekStartsOn + 8) % 7 || 7;
+    switch (l) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
+      case "e":
+        return String(o);
+      // Padded numerical value
+      case "ee":
+        return j(o, 2);
+      // 1st, 2nd, ..., 7th
+      case "eo":
+        return t.ordinalNumber(o, { unit: "day" });
+      case "eee":
+        return t.day(n, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "eeeee":
+        return t.day(n, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "eeeeee":
+        return t.day(n, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(n, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(e, l, t, a) {
+    const n = e.getDay(), o = (n - a.weekStartsOn + 8) % 7 || 7;
+    switch (l) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(o);
+      // Padded numerical value
+      case "cc":
+        return j(o, l.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return t.ordinalNumber(o, { unit: "day" });
+      case "ccc":
+        return t.day(n, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // T
+      case "ccccc":
+        return t.day(n, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // Tu
+      case "cccccc":
+        return t.day(n, {
+          width: "short",
+          context: "standalone"
+        });
+      default:
+        return t.day(n, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(e, l, t) {
+    const a = e.getDay(), n = a === 0 ? 7 : a;
+    switch (l) {
+      // 2
+      case "i":
+        return String(n);
+      // 02
+      case "ii":
+        return j(n, l.length);
+      // 2nd
+      case "io":
+        return t.ordinalNumber(n, { unit: "day" });
+      // Tue
+      case "iii":
+        return t.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "iiiii":
+        return t.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "iiiiii":
+        return t.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, l, t) {
+    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (l) {
+      case "a":
+      case "aa":
+        return t.dayPeriod(n, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return t.dayPeriod(n, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return t.dayPeriod(n, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(n, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, l, t) {
+    const a = e.getHours();
+    let n;
+    switch (a === 12 ? n = Ee.noon : a === 0 ? n = Ee.midnight : n = a / 12 >= 1 ? "pm" : "am", l) {
+      case "b":
+      case "bb":
+        return t.dayPeriod(n, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return t.dayPeriod(n, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return t.dayPeriod(n, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(n, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, l, t) {
+    const a = e.getHours();
+    let n;
+    switch (a >= 17 ? n = Ee.evening : a >= 12 ? n = Ee.afternoon : a >= 4 ? n = Ee.morning : n = Ee.night, l) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return t.dayPeriod(n, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return t.dayPeriod(n, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(n, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(e, l, t) {
+    if (l === "ho") {
+      let a = e.getHours() % 12;
+      return a === 0 && (a = 12), t.ordinalNumber(a, { unit: "hour" });
+    }
+    return Be.h(e, l);
+  },
+  // Hour [0-23]
+  H: function(e, l, t) {
+    return l === "Ho" ? t.ordinalNumber(e.getHours(), { unit: "hour" }) : Be.H(e, l);
+  },
+  // Hour [0-11]
+  K: function(e, l, t) {
+    const a = e.getHours() % 12;
+    return l === "Ko" ? t.ordinalNumber(a, { unit: "hour" }) : j(a, l.length);
+  },
+  // Hour [1-24]
+  k: function(e, l, t) {
+    let a = e.getHours();
+    return a === 0 && (a = 24), l === "ko" ? t.ordinalNumber(a, { unit: "hour" }) : j(a, l.length);
+  },
+  // Minute
+  m: function(e, l, t) {
+    return l === "mo" ? t.ordinalNumber(e.getMinutes(), { unit: "minute" }) : Be.m(e, l);
+  },
+  // Second
+  s: function(e, l, t) {
+    return l === "so" ? t.ordinalNumber(e.getSeconds(), { unit: "second" }) : Be.s(e, l);
+  },
+  // Fraction of second
+  S: function(e, l) {
+    return Be.S(e, l);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, l, t) {
+    const a = e.getTimezoneOffset();
+    if (a === 0)
+      return "Z";
+    switch (l) {
+      // Hours and optional minutes
+      case "X":
+        return Ft(a);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
+      case "XXXX":
+      case "XX":
+        return Oe(a);
+      // Hours and minutes with `:` delimiter
+      default:
+        return Oe(a, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, l, t) {
+    const a = e.getTimezoneOffset();
+    switch (l) {
+      // Hours and optional minutes
+      case "x":
+        return Ft(a);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
+      case "xxxx":
+      case "xx":
+        return Oe(a);
+      // Hours and minutes with `:` delimiter
+      default:
+        return Oe(a, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, l, t) {
+    const a = e.getTimezoneOffset();
+    switch (l) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + gt(a, ":");
+      default:
+        return "GMT" + Oe(a, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, l, t) {
+    const a = e.getTimezoneOffset();
+    switch (l) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + gt(a, ":");
+      default:
+        return "GMT" + Oe(a, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, l, t) {
+    const a = Math.trunc(+e / 1e3);
+    return j(a, l.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, l, t) {
+    return j(+e, l.length);
+  }
+};
+function gt(e, l = "") {
+  const t = e > 0 ? "-" : "+", a = Math.abs(e), n = Math.trunc(a / 60), o = a % 60;
+  return o === 0 ? t + String(n) : t + String(n) + l + j(o, 2);
+}
+function Ft(e, l) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + j(Math.abs(e) / 60, 2) : Oe(e, l);
+}
+function Oe(e, l = "") {
+  const t = e > 0 ? "-" : "+", a = Math.abs(e), n = j(Math.trunc(a / 60), 2), o = j(a % 60, 2);
+  return t + n + l + o;
+}
+const St = (e, l) => {
+  switch (e) {
+    case "P":
+      return l.date({ width: "short" });
+    case "PP":
+      return l.date({ width: "medium" });
+    case "PPP":
+      return l.date({ width: "long" });
+    default:
+      return l.date({ width: "full" });
+  }
+}, zt = (e, l) => {
+  switch (e) {
+    case "p":
+      return l.time({ width: "short" });
+    case "pp":
+      return l.time({ width: "medium" });
+    case "ppp":
+      return l.time({ width: "long" });
+    default:
+      return l.time({ width: "full" });
+  }
+}, Da = (e, l) => {
+  const t = e.match(/(P+)(p+)?/) || [], a = t[1], n = t[2];
+  if (!n)
+    return St(e, l);
+  let o;
+  switch (a) {
+    case "P":
+      o = l.dateTime({ width: "short" });
+      break;
+    case "PP":
+      o = l.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      o = l.dateTime({ width: "long" });
+      break;
+    default:
+      o = l.dateTime({ width: "full" });
+      break;
+  }
+  return o.replace("{{date}}", St(a, l)).replace("{{time}}", zt(n, l));
+}, Ta = {
+  p: zt,
+  P: Da
+}, wa = /^D+$/, Oa = /^Y+$/, Aa = ["D", "DD", "YY", "YYYY"];
+function Pa(e) {
+  return wa.test(e);
+}
+function Ia(e) {
+  return Oa.test(e);
+}
+function _a(e, l, t) {
+  const a = $a(e, l, t);
+  if (console.warn(a), Aa.includes(e)) throw new RangeError(a);
+}
+function $a(e, l, t) {
+  const a = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${l}\`) for formatting ${a} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+function Ea(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function ka(e) {
+  return !(!Ea(e) && typeof e != "number" || isNaN(+Pe(e)));
+}
+const La = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ua = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ra = /^'([^]*?)'?$/, Va = /''/g, Na = /[a-zA-Z]/;
+function je(e, l, t) {
+  var d, g, y, u, D, m, I, $;
+  const a = rt(), n = (t == null ? void 0 : t.locale) ?? a.locale ?? Nt, o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((g = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : g.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((u = (y = a.locale) == null ? void 0 : y.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, r = (t == null ? void 0 : t.weekStartsOn) ?? ((m = (D = t == null ? void 0 : t.locale) == null ? void 0 : D.options) == null ? void 0 : m.weekStartsOn) ?? a.weekStartsOn ?? (($ = (I = a.locale) == null ? void 0 : I.options) == null ? void 0 : $.weekStartsOn) ?? 0, i = Pe(e, t == null ? void 0 : t.in);
+  if (!ka(i))
+    throw new RangeError("Invalid time value");
+  let s = l.match(Ua).map((C) => {
+    const B = C[0];
+    if (B === "p" || B === "P") {
+      const V = Ta[B];
+      return V(C, n.formatLong);
+    }
+    return C;
+  }).join("").match(La).map((C) => {
+    if (C === "''")
+      return { isToken: !1, value: "'" };
+    const B = C[0];
+    if (B === "'")
+      return { isToken: !1, value: Ma(C) };
+    if (ht[B])
+      return { isToken: !0, value: C };
+    if (B.match(Na))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + B + "`"
+      );
+    return { isToken: !1, value: C };
+  });
+  n.localize.preprocessor && (s = n.localize.preprocessor(i, s));
+  const b = {
+    firstWeekContainsDate: o,
+    weekStartsOn: r,
+    locale: n
+  };
+  return s.map((C) => {
+    if (!C.isToken) return C.value;
+    const B = C.value;
+    (!(t != null && t.useAdditionalWeekYearTokens) && Ia(B) || !(t != null && t.useAdditionalDayOfYearTokens) && Pa(B)) && _a(B, l, String(e));
+    const V = ht[B[0]];
+    return V(i, B, n.localize, b);
+  }).join("");
+}
+function Ma(e) {
+  const l = e.match(Ra);
+  return l ? l[1].replace(Va, "'") : e;
+}
+const Bt = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    reset: "Reset"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    reset: "リセット"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    reset: "Reiniciar"
+  }
+}, Ya = z({
+  i18n: { messages: Bt },
+  name: "bento-date-range-filter",
+  components: {
+    BentoBaseFilter: Se,
+    BentoButtonActions: Ol,
+    BentoDateRangePicker: Ml,
+    BentoTypography: ye,
+    BentoDivider: st,
+    DateRangePickerCalendar: Nl
+  },
+  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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    var ne, A, h, p;
+    const { locale: t, t: a } = pe({ messages: Bt }), n = ha(), { internalFilterValue: o, isSecondaryButtonDisabled: r, isApplyButtonDisabled: i } = De(
+      ee(e, "value"),
+      ee(e, "defaultValue")
+    ), s = M(!1), b = f(() => {
+      var c;
+      return ((c = e == null ? void 0 : e.options) == null ? void 0 : c.quickSelectRanges) && e.options.quickSelectRanges.map((R) => {
+        const W = R.data.endDate ? void 0 : new Date(Date.now()).getTime() - R.data.startDate.getTime();
+        return {
+          ...R,
+          data: {
+            ...R.data,
+            // Adding timeDifference to calculate an up-to-date endDate on range selection
+            timeDifference: W
+          }
+        };
+      });
+    }), d = M(null), g = M(!1), y = vl({
+      startDate: me((ne = e.value) == null ? void 0 : ne.startDate),
+      endDate: me((A = e.value) == null ? void 0 : A.endDate),
+      startTime: $e((h = e.value) == null ? void 0 : h.startDate),
+      endTime: $e((p = e.value) == null ? void 0 : p.endDate)
+    });
+    se(
+      () => e.value,
+      () => {
+        var c, R, W, G;
+        y.startDate = me((c = e.value) == null ? void 0 : c.startDate), y.endDate = me((R = e.value) == null ? void 0 : R.endDate), y.startTime = $e((W = e.value) == null ? void 0 : W.startDate), y.endTime = $e((G = e.value) == null ? void 0 : G.endDate);
+      }
+    );
+    function u(c) {
+      return (c == null ? void 0 : c.length) !== void 0;
+    }
+    const D = (c) => {
+      var R, W, G, oe, P, F, U, te, ue, fe;
+      if (!c || !(c != null && c.startDate) && !c.endDate)
+        return null;
+      if (u((R = e.options) == null ? void 0 : R.quickSelectRanges) && ((G = (W = e.options) == null ? void 0 : W.quickSelectRanges) == null ? void 0 : G.length) > 0) {
+        const be = (P = (oe = e.options) == null ? void 0 : oe.quickSelectRanges) == null ? void 0 : P.find(({ value: ve, data: ae }) => c ? c.range ? ve === c.range : !c.startDate || !c.endDate ? !1 : ae != null && ae.endDate ? tt(ae == null ? void 0 : ae.startDate, c.startDate) && tt(ae == null ? void 0 : ae.endDate, c.endDate) : tt(ae == null ? void 0 : ae.startDate, c.startDate) && Yl(c.endDate) : !1);
+        if (be)
+          return be.label;
+      }
+      return !c.startDate || !c.endDate ? null : Xl(c.startDate, c.endDate) && ((F = e == null ? void 0 : e.options) != null && F.allowTimeInput) ? `${je(c.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: n[(U = t.value) == null ? void 0 : U.substring(0, 2)] || n.enUS
+      })} - ${je(c.endDate, "HH:mm:ss", {
+        locale: n[(te = t.value) == null ? void 0 : te.substring(0, 2)] || n.enUS
+      })}` : `${je(c.startDate, "dd MMM, yyyy", {
+        locale: n[(ue = t.value) == null ? void 0 : ue.substring(0, 2)] || n.enUS
+      })} - ${je(c.endDate, "dd MMM, yyyy", {
+        locale: n[(fe = t.value) == null ? void 0 : fe.substring(0, 2)] || n.enUS
+      })}`;
+    }, m = M(D(e.value)), I = f(() => e.label), $ = () => {
+      d.value.closePopover();
+      const { onlySlot: c, ...R } = e;
+      l(_.UPDATE, { ...R, value: o.value });
+    }, C = () => {
+      o.value = void 0, $();
+    }, B = () => {
+      o.value = e.defaultValue, $();
+    }, V = () => {
+      o.value = e.value;
+    }, T = () => {
+      var c, R, W, G;
+      o.value = e.value, s.value = !1, y.startDate = me((c = e.value) == null ? void 0 : c.startDate), y.endDate = me((R = e.value) == null ? void 0 : R.endDate), y.startTime = $e((W = e.value) == null ? void 0 : W.startDate), y.endTime = $e((G = e.value) == null ? void 0 : G.endDate);
+    }, N = (c) => {
+      s.value = !1, o.value = c, y.startDate = me(c.startDate), y.endDate = me(c.endDate), l(_.INPUT, { ...e, value: o.value });
+    }, Y = (c) => {
+      c != null && c.startDate && (c != null && c.endDate) && (o.value = c, y.startDate = me(c.startDate), y.endDate = me(c.endDate), l(_.INPUT, { ...e, value: o.value }));
+    }, E = (c) => {
+      N(c), l(_.INPUT, { ...e, value: o.value });
+    }, O = f(
+      () => [
+        {
+          title: a("apply"),
+          event: $,
+          disabled: s.value || g.value || i.value
+        },
+        {
+          title: e.defaultValue ? a("reset") : a("clear"),
+          event: e.defaultValue ? B : C,
+          disabled: g.value && r.value
+        }
+      ]
+    ), q = () => {
+      g.value = !0, o.value = { startDate: void 0, endDate: void 0 }, l(_.INPUT, { ...e, value: o.value });
+    }, K = (c) => {
+      g.value = !1, c.startTime && (y.startTime = c.startTime), c.endTime && (y.endTime = c.endTime);
+    };
+    return se(
+      () => e.value,
+      (c) => {
+        m.value = D(c);
+      },
+      { deep: !0 }
+    ), {
+      // Refs
+      baseFilter: d,
+      // Values
+      actions: O,
+      formData: y,
+      internalFilterValue: o,
+      isApplyButtonDisabled: i,
+      isSecondaryButtonDisabled: r,
+      isSelectingDate: s,
+      buttonLabel: I,
+      buttonSecondaryLabel: m,
+      adjustedQuickSelectRanges: b,
+      // Events
+      onCancel: T,
+      onDateSelected: N,
+      openFilter: V,
+      clearFilter: C,
+      resetFilter: B,
+      updateFilter: $,
+      onDatePickerRangeError: q,
+      onDatePickerRangeFormDateInputUpdate: K,
+      onDateInputSelected: E,
+      onRangeSelectorInput: Y
+    };
+  }
+}), Ha = {
+  key: 1,
+  class: "b-date-range-filter"
+};
+function Wa(e, l, t, a, n, o) {
+  var y, u;
+  const r = H("bento-date-range-picker"), i = H("bento-typography"), s = H("bento-divider"), b = H("bento-button-actions"), d = H("date-range-picker-calendar"), g = H("bento-base-filter");
+  return S(), L(g, {
+    ref: "baseFilter",
+    class: "b-base-filter-date-range-filter",
+    "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": (y = e.options) == null ? void 0 : y.tooltipPosition,
+    "tooltip-text": (u = e.options) == null ? void 0 : u.tooltipText,
+    "fit-content": "",
+    onOpen: e.openFilter,
+    onClear: e.clearFilter,
+    onReset: e.resetFilter,
+    onCancel: e.onCancel
+  }, {
+    default: w(() => {
+      var D, m, I, $, C, B, V, T, N, Y, E, O, q, K, ne, A, h, p, c, R, W;
+      return [
+        e.onlySlot ? (S(), L(r, {
+          key: 0,
+          "allow-time-input": (D = e.options) == null ? void 0 : D.allowTimeInput,
+          "model-value": e.internalFilterValue,
+          "first-day-of-week": (m = e.options) == null ? void 0 : m.firstDayOfWeek,
+          "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
+          "number-of-months": ($ = e.options) == null ? void 0 : $.numberOfMonths,
+          "quick-select-ranges": (C = e.options) == null ? void 0 : C.quickSelectRanges,
+          variant: (B = e.options) == null ? void 0 : B.variant,
+          disabled: e.disabled,
+          granularities: (V = e.options) == null ? void 0 : V.granularities,
+          "max-range": (T = e.options) == null ? void 0 : T.maxRange,
+          min: (N = e.options) == null ? void 0 : N.min,
+          max: (Y = e.options) == null ? void 0 : Y.max,
+          "date-form-data": e.formData,
+          "show-end-date-on-open": (E = e.options) == null ? void 0 : E.showEndDateOnOpen,
+          "onUpdate:modelValue": e.onDateInputSelected
+        }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "onUpdate:modelValue"])) : (S(), Q("div", Ha, [
+          k(d, {
+            "allow-time-input": (O = e.options) == null ? void 0 : O.allowTimeInput,
+            "first-day-of-week": (q = e.options) == null ? void 0 : q.firstDayOfWeek,
+            "is-date-disabled": (K = e.options) == null ? void 0 : K.isDateDisabled,
+            granularities: (ne = e.options) == null ? void 0 : ne.granularities,
+            "max-range": (A = e.options) == null ? void 0 : A.maxRange,
+            min: (h = e.options) == null ? void 0 : h.min,
+            max: (p = e.options) == null ? void 0 : p.max,
+            "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths,
+            "quick-select-ranges": e.adjustedQuickSelectRanges,
+            value: e.internalFilterValue,
+            "date-form-data": e.formData,
+            "show-end-date-on-open": (R = e.options) == null ? void 0 : R.showEndDateOnOpen,
+            variant: (W = e.options) == null ? void 0 : W.variant,
+            onInput: e.onDateSelected,
+            onCustomRange: e.onRangeSelectorInput,
+            onError: e.onDatePickerRangeError,
+            onFormDate: e.onDatePickerRangeFormDateInputUpdate,
+            onStartDateSelected: l[0] || (l[0] = (G) => e.isSelectingDate = !0)
+          }, {
+            title: w(() => [
+              k(i, {
+                strongest: "",
+                variant: "body",
+                el: "span"
+              }, {
+                default: w(() => [
+                  Z(x(e.label), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            actions: w(() => [
+              k(s, { class: "b-date-range-filter__divider" }),
+              k(b, {
+                class: "b-date-range-filter__actions",
+                actions: e.actions,
+                layout: "space-between"
+              }, null, 8, ["actions"])
+            ]),
+            _: 1
+          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "variant", "onInput", "onCustomRange", "onError", "onFormDate"])
+        ]))
+      ];
+    }),
+    _: 1
+  }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset", "onCancel"]);
+}
+const Zt = /* @__PURE__ */ le(Ya, [["render", Wa], ["__scopeId", "data-v-601e4345"]]), ja = {
+  name: "bento-radio-group-filter"
+}, qa = /* @__PURE__ */ z({
+  ...ja,
+  props: {
+    disabled: { type: Boolean },
+    defaultValue: { default: void 0 },
+    field: {},
+    label: {},
+    options: { default: () => ({
+      items: []
+    }) },
+    onlySlot: { type: Boolean },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const t = e, a = l, {
+      // Fields
+      internalFilterValue: n,
+      isSecondaryButtonDisabled: o,
+      isApplyButtonDisabled: r,
+      // Methods
+      clearFilter: i,
+      openFilter: s,
+      resetFilter: b
+    } = Wt(ee(t, "value"), ee(t, "defaultValue")), d = f(() => {
+      var m;
+      const D = ((m = t.options.items.find((I) => I.value === t.value)) == null ? void 0 : m.label) || "";
+      return Fe(D, 12);
+    }), g = f(() => ({
+      "b-radio-group-filter--only-slot": t.onlySlot
+    }));
+    function y(D) {
+      n.value = D, a("input", { ...t, value: n.value });
+    }
+    function u() {
+      a("update", { ...t, value: n.value });
+    }
+    return (D, m) => (S(), L(v(Se), re(D.$props, {
+      "button-label": D.label,
+      "button-secondary-label": d.value,
+      "disable-apply-button": v(r),
+      "disable-secondary-button": v(o),
+      "only-slot": D.onlySlot,
+      onApply: u,
+      onClear: m[1] || (m[1] = (I) => v(i)(u)),
+      onOpen: v(s),
+      onReset: m[2] || (m[2] = (I) => v(b)(u))
+    }), {
+      default: w(() => {
+        var I;
+        return [
+          J("div", {
+            class: ce(["b-radio-group-filter", g.value])
+          }, [
+            k(v(It), {
+              modelValue: v(n),
+              "onUpdate:modelValue": [
+                m[0] || (m[0] = ($) => ml(n) ? n.value = $ : null),
+                y
+              ],
+              items: (I = D.options) == null ? void 0 : I.items,
+              label: D.label,
+              disabled: D.disabled,
+              "hide-label": "",
+              variant: "vertical"
+            }, null, 8, ["modelValue", "items", "label", "disabled"])
+          ], 2)
+        ];
+      }),
+      _: 1
+    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onOpen"]));
+  }
+}), xt = /* @__PURE__ */ le(qa, [["__scopeId", "data-v-b1a70e21"]]), el = {
+  "en-US": {
+    all: "All",
+    noFiltersMatchThisSearch: "No filters match this search",
+    searchFilter: "Search {filter}"
+  },
+  "ja-JP": {
+    all: "すべて",
+    noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
+    searchFilter: "{filter}を検索"
+  },
+  "pt-BR": {
+    all: "Todos",
+    noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca",
+    searchFilter: "Procurar {filter}"
+  }
+}, Ga = { class: "b-select-filter-button__search-bar-wrapper" }, Ja = {
+  key: 0,
+  class: "b-select-filter-button__search-bar"
+}, Ka = { class: "b-select-filter-button__divider" }, Qa = {
+  i18n: { messages: el }
+}, Xa = /* @__PURE__ */ z({
+  ...Qa,
+  __name: "select-filter-button",
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array, Object],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    var ne, A;
+    const t = ze(), a = l, n = e, { t: o } = pe({ messages: el }), r = M(""), i = ee(n, "options"), s = M(n.options.listboxItems ?? []), { cachedSelectedListboxOptions: b, setCachedValues: d, resetCache: g } = ct(
+      s,
+      ee(n, "value"),
+      ee(i.value, "multiple")
+    ), { cachedSelectedListboxOptions: y } = ct(
+      s,
+      ee(n, "defaultValue"),
+      ee(i.value, "multiple")
+    ), { internalFilterValue: u, isSecondaryButtonDisabled: D, isApplyButtonDisabled: m } = De(b, y);
+    se(i, () => {
+      s.value = i.value.listboxItems ?? [];
+    });
+    const I = it(
+      r,
+      s,
+      (A = (ne = n.options) == null ? void 0 : ne.search) == null ? void 0 : A.searchEvent
+    ), $ = f(() => o("noFiltersMatchThisSearch")), C = f(() => n.label), B = f(() => {
+      var c, R, W, G, oe;
+      const h = !((c = n == null ? void 0 : n.options) != null && c.multiple) && n.value != null, p = ((R = n == null ? void 0 : n.options) == null ? void 0 : R.multiple) && Array.isArray(n.value) && n.value.length === 1;
+      if (h || p) {
+        if ((W = n.options) != null && W.enableValueLabelPair) {
+          let U = ((G = n.value) == null ? void 0 : G.length) > 0 ? n.value[0].label : n.value.label;
+          return U || (U = n.value, Bl(
+            'BentoFilterBar Select filter (single & multi): The "value" provided is incorrect. The "value" must be of type "BentoListboxSelectedValueLabelPair" or "Array<BentoListboxSelectedValueLabelPair>" when "enableValueLabelPair" is set to true'
+          )), Fe(U, 12);
+        }
+        let F = (oe = n.options.listboxItems.flatMap((U) => U.items ? U.items : U).find(
+          ({ value: U }) => {
+            var te;
+            return Array.isArray(n.value) ? (te = n == null ? void 0 : n.value) == null ? void 0 : te.includes(U) : U === n.value;
+          }
+        )) == null ? void 0 : oe.label;
+        return !F && n.value && (F = n.value[0]), Fe(F, 12);
+      }
+      return null;
+    }), V = f(() => Me(`filter-listbox-${n.field}`)), T = (h) => {
+      var W, G, oe;
+      u.value = h;
+      const { onlySlot: p, ...c } = n;
+      if ((W = n.options) != null && W.multiple) {
+        let P;
+        (G = n.options) != null && G.enableValueLabelPair ? P = h.length ? u.value : null : P = h.length ? u.value.map(({ value: F }) => F) : null, a(_.INPUT, { ...c, value: P });
+        return;
+      }
+      let R;
+      (oe = n.options) != null && oe.enableValueLabelPair ? R = h.length ? h[0] : null : R = h.length ? h[0].value : null, a(_.INPUT, { ...c, value: R });
+    }, N = () => {
+      var R, W, G, oe, P, F;
+      const { onlySlot: h, ...p } = n;
+      if (n.options.multiple) {
+        u.value && ((R = u.value) == null ? void 0 : R.length) === 0 && (u.value = n.defaultValue !== null ? y.value : void 0);
+        let U;
+        (W = n.options) != null && W.enableValueLabelPair ? U = (G = u.value) != null && G.length ? u.value : null : U = (oe = u.value) != null && oe.length ? (P = u.value) == null ? void 0 : P.map(({ value: te }) => te) : null, a(_.UPDATE, {
+          ...p,
+          value: U
+        });
+        return;
+      }
+      let c;
+      (F = n.options) != null && F.enableValueLabelPair ? c = u.value.length ? u.value[0] : void 0 : c = u.value.length ? u.value[0].value : void 0, a(_.UPDATE, { ...p, value: c });
+    }, Y = () => {
+      var h, p;
+      u.value = b.value, (p = (h = n.options) == null ? void 0 : h.onOpen) == null || p.call(h);
+    }, E = () => {
+      r.value && (r.value = "");
+    }, O = () => {
+      d(y.value), u.value = y.value, N();
+    }, q = () => {
+      g(), u.value = [], N();
+    }, K = f(() => {
+      var c, R;
+      if (n.value == null || !n.options.multiple)
+        return null;
+      const h = (c = n.options.listboxItems) == null ? void 0 : c.reduce((W, G) => {
+        var oe;
+        return W += (oe = G == null ? void 0 : G.items) != null && oe.length ? G.items.length : 1, W;
+      }, 0), p = (R = n.value) == null ? void 0 : R.length;
+      return p === 1 ? null : p === h ? o("all") : p;
+    });
+    return (h, p) => {
+      var c, R;
+      return S(), L(v(Se), {
+        "applied-filters-count": K.value,
+        "button-label": C.value,
+        "button-secondary-label": B.value,
+        disabled: e.disabled,
+        "disable-apply-button": v(m),
+        "disable-secondary-button": v(D),
+        "default-value": e.defaultValue,
+        label: e.label,
+        field: e.field,
+        "only-slot": !1,
+        "tooltip-position": (c = e.options) == null ? void 0 : c.tooltipPosition,
+        "tooltip-text": (R = e.options) == null ? void 0 : R.tooltipText,
+        value: e.value,
+        onApply: N,
+        onClear: q,
+        onReset: O,
+        onOpen: Y,
+        onClose: E
+      }, {
+        default: w(() => {
+          var W, G, oe, P, F, U, te, ue, fe, be, ve, ae, Te, He, ut;
+          return [
+            J("div", Ga, [
+              ((W = e.options) == null ? void 0 : W.dynamicFiltering) ?? !0 ? (S(), Q("div", Ja, [
+                k(Ke, {
+                  "debounce-time": (oe = (G = e.options) == null ? void 0 : G.search) == null ? void 0 : oe.debounceTime,
+                  value: r.value,
+                  "input-field-aria-label": v(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+                  onInput: p[0] || (p[0] = (et) => r.value = et)
+                }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
+              ])) : X("", !0),
+              J("div", Ka, [
+                k(v(st))
+              ])
+            ]),
+            k(v(kl), {
+              id: V.value,
+              "aria-label": e.label,
+              class: "b-select-filter-button__wrapper",
+              "component-loading": (P = e.options) == null ? void 0 : P.loading,
+              "empty-state": (F = e.options) == null ? void 0 : F.emptyState,
+              "has-more-items": (te = (U = e.options) == null ? void 0 : U.lazy) == null ? void 0 : te.hasMoreItems,
+              items: v(I),
+              "is-option-disabled": (ue = e.options) == null ? void 0 : ue.isOptionDisabled,
+              "lazy-load-type": (be = (fe = e.options) == null ? void 0 : fe.lazy) == null ? void 0 : be.lazyLoadType,
+              loading: (ae = (ve = e.options) == null ? void 0 : ve.lazy) == null ? void 0 : ae.loading,
+              multiple: (Te = e.options) == null ? void 0 : Te.multiple,
+              "static-categories": (He = e.options) == null ? void 0 : He.staticCategories,
+              "no-results-message": $.value,
+              searching: !!r.value,
+              "selected-value": v(u),
+              "virtual-scroll": (ut = e.options) == null ? void 0 : ut.virtualScroll,
+              onSelect: T,
+              onSpacePressed: T,
+              onEnterPressed: T,
+              onShowMore: p[1] || (p[1] = (et) => {
+                var Re, We;
+                return (We = (Re = e.options) == null ? void 0 : Re.lazy) == null ? void 0 : We.showMoreEvent();
+              })
+            }, Ne({ _: 2 }, [
+              Ce(v(t), (et, Re) => ({
+                name: Re,
+                fn: w((We) => [
+                  he(h.$slots, Re, Ge(Je(We)), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["id", "aria-label", "component-loading", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
+          ];
+        }),
+        _: 3
+      }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field", "tooltip-position", "tooltip-text", "value"]);
+    };
+  }
+}), za = /* @__PURE__ */ le(Xa, [["__scopeId", "data-v-a5f40d81"]]), tl = {
+  "en-US": {
+    noFiltersMatchThisSearch: "No filters match this search"
+  },
+  "ja-JP": {
+    noFiltersMatchThisSearch: "この検索に一致するフィルターはありません"
+  },
+  "pt-BR": {
+    noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta pesquisa"
+  }
+}, Za = {
+  i18n: { messages: tl },
+  name: "select-filter-dropdown"
+}, xa = /* @__PURE__ */ z({
+  ...Za,
+  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(e, { emit: l }) {
+    const { t } = pe({ messages: tl }), a = ze(), n = l, o = e, { internalFilterValue: r } = De(ee(o, "value"), ee(o, "defaultValue")), i = ee(o, "options"), s = M(o.options.listboxItems);
+    se(i, () => {
+      s.value = i.value.listboxItems;
+    });
+    const b = f(() => t("noFiltersMatchThisSearch")), d = (g) => {
+      r.value = g;
+      const { onlySlot: y, ...u } = o;
+      n(_.INPUT, { ...u, value: r.value });
+    };
+    return (g, y) => {
+      var u, D, m, I, $, C, B;
+      return S(), L(v(Pl), {
+        "model-value": v(r),
+        items: e.options.listboxItems,
+        search: (u = e.options) == null ? void 0 : u.search,
+        multiple: (D = e.options) == null ? void 0 : D.multiple,
+        "static-categories": (m = e.options) == null ? void 0 : m.staticCategories,
+        "no-results-message": b.value,
+        "is-option-disabled": e.options.isOptionDisabled,
+        "dynamic-filtering": ((I = e.options) == null ? void 0 : I.dynamicFiltering) ?? !0,
+        "component-loading": ($ = e.options) == null ? void 0 : $.loading,
+        "empty-state": (C = e.options) == null ? void 0 : C.emptyState,
+        disabled: e.disabled,
+        "enable-value-label-pair": (B = e.options) == null ? void 0 : B.enableValueLabelPair,
+        "onUpdate:modelValue": d,
+        onOpen: y[0] || (y[0] = () => {
+          var V, T;
+          return (T = (V = e.options) == null ? void 0 : V.onOpen) == null ? void 0 : T.call(V);
+        })
+      }, Ne({ _: 2 }, [
+        Ce(v(a), (V, T) => ({
+          name: T,
+          fn: w((N) => [
+            he(g.$slots, T, Ge(Je(N)))
+          ])
+        }))
+      ]), 1032, ["model-value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "dynamic-filtering", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]);
+    };
+  }
+}), Ue = {
+  /**
+   * Disables the filter from being interacted with.
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * Default value of the filter to reset to.
+   *
+   */
+  defaultValue: {
+    type: [String, Number, Array, Object],
+    default: null
+  },
+  /**
+   * Filter name/key referencing the actual property name in the data set.
+   * Should be unique per filter bar.
+   */
+  field: { type: String, required: !0 },
+  /**
+   * Label text to be displayed
+   */
+  label: { type: String, required: !0 },
+  /**
+   * Renders the base filter's slot content only - leaving out the button and the popover.
+   * Used for the allFiltersModal component.
+   *
+   */
+  onlySlot: { type: Boolean, default: !1 },
+  /**
+   * List of options that are needed to setup the filter
+   * Available options:
+   *   - multiple: If "true", the user will be able to select multiple items.
+   *   - listboxItems: The option elements to populate the filter with.
+   *   - tooltipPosition: The position of the tooltip attached to the filter button
+   *   - tooltipText: The content of the tooltip attached to the filter button
+   *
+   * @default undefined
+   */
+  options: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * Current value of the filter
+   *
+   * @default undefined
+   */
+  value: {
+    type: [String, Number, Array, Object],
+    default: void 0
+  }
+}, en = {}, Ie = /* @__PURE__ */ z({
+  ...en,
+  __name: "select-filter",
+  props: Ue,
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const t = ze(), a = l, n = e, o = (i) => a("input", i), r = (i) => a("update", i);
+    return Xe(() => {
+      var i;
+      (i = n == null ? void 0 : n.options) != null && i.messages && xe(
+        '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"
+      );
+    }), (i, s) => i.onlySlot ? (S(), L(v(xa), {
+      key: 0,
+      disabled: i.disabled,
+      "default-value": i.defaultValue,
+      field: i.field,
+      label: i.label,
+      options: i.options,
+      value: i.value,
+      onInput: o,
+      onUpdate: r
+    }, Ne({ _: 2 }, [
+      Ce(v(t), (b, d) => ({
+        name: d,
+        fn: w((g) => [
+          he(i.$slots, d, Ge(Je(g)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (S(), L(v(za), {
+      key: 1,
+      disabled: i.disabled,
+      "default-value": i.defaultValue,
+      field: i.field,
+      label: i.label,
+      options: i.options,
+      value: i.value,
+      onInput: o,
+      onUpdate: r
+    }, Ne({ _: 2 }, [
+      Ce(v(t), (b, d) => ({
+        name: d,
+        fn: w((g) => [
+          he(i.$slots, d, Ge(Je(g)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
+  }
+}), tn = z({
+  name: "bento-select-avatar-filter",
+  components: {
+    BentoSelectFilter: Ie,
+    BentoAvatar: Vl
+  },
+  props: {
+    ...Ue,
+    /**
+     * 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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: (a) => l(_.UPDATE, a)
+    };
+  }
+});
+function ln(e, l, t, a, n, o) {
+  const r = H("bento-avatar"), i = H("bento-select-filter");
+  return S(), L(i, re(e.$props, {
+    field: e.field,
+    label: e.label,
+    onUpdate: e.onUpdate,
+    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
+  }), {
+    default: w(({ label: s, data: b }) => [
+      k(r, {
+        username: s,
+        src: b
+      }, null, 8, ["username", "src"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "onUpdate"]);
+}
+const ll = /* @__PURE__ */ le(tn, [["render", ln]]), an = z({
+  name: "bento-select-currency-filter",
+  components: {
+    BentoSelectFilter: Ie,
+    ListboxOptionTag: Vt
+  },
+  props: {
+    ...Ue,
+    /**
+     * 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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    var r;
+    const t = (i) => {
+      l(_.UPDATE, i);
+    }, a = M([]);
+    se(
+      () => {
+        var i;
+        return (i = e.options) == null ? void 0 : i.listboxItems;
+      },
+      (i) => {
+        a.value = i || [];
+      },
+      { immediate: !0 }
+    );
+    const n = (r = e.options) != null && r.search ? e.options.search : {
+      debounceTime: 500,
+      searchEvent: async (i) => {
+        var g, y, u, D;
+        if (!i) {
+          a.value = ((g = e.options) == null ? void 0 : g.listboxItems) || [];
+          return;
+        }
+        const s = (((y = e.options) == null ? void 0 : y.listboxItems) || []).map((m) => ({
+          ...m,
+          label: `${m.value} ${m.label}`
+        })), b = it(
+          M(i),
+          M(s),
+          (D = (u = e.options) == null ? void 0 : u.search) == null ? void 0 : D.searchEvent,
+          M(!1)
+        ).value, d = b == null ? void 0 : b.map((m) => ({
+          ...m,
+          label: m.label.substring(m.value.length + 1)
+        }));
+        a.value = d;
+      }
+    }, o = f(() => ({
+      ...e.options,
+      search: n,
+      listboxItems: a.value
+    }));
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: t,
+      internalOptions: o
+    };
+  }
+});
+function nn(e, l, t, a, n, o) {
+  const r = H("listbox-option-tag"), i = H("bento-select-filter");
+  return S(), L(i, re(e.$props, {
+    field: e.field,
+    label: e.label,
+    options: e.internalOptions,
+    onUpdate: e.onUpdate,
+    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
+  }), {
+    default: w((s) => [
+      k(r, { option: s }, null, 8, ["option"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "options", "onUpdate"]);
+}
+const al = /* @__PURE__ */ le(an, [["render", nn]]), on = {
+  name: "bento-select-country-filter"
+}, nl = /* @__PURE__ */ z({
+  ...on,
+  props: {
+    ...Ue,
+    /**
+     * 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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const t = e, a = l, n = M(t.options.variant), o = M(t.options.listboxItems);
+    se([() => t.options.variant, () => t.options.listboxItems], () => {
+      n.value = t.options.variant, o.value = t.options.listboxItems;
+    });
+    const r = (b) => a(_.UPDATE, b), i = Rl(n, o), s = f(() => ({
+      ...t != null && t.options ? t.options : {},
+      listboxItems: i.value
+    }));
+    return (!n.value || n.value === "custom") && xe(
+      'BentoSelectCountryFilter type with `options.variant==="custom"`',
+      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
+      "2.0.0"
+    ), (b, d) => (S(), L(Ie, re(t, {
+      field: b.field,
+      label: b.label,
+      options: s.value,
+      onUpdate: r,
+      onInput: d[0] || (d[0] = (g) => b.$emit(v(_).INPUT, g))
+    }), {
+      default: w(({ label: g }) => [
+        k(v(ye), { el: "span" }, {
+          default: w(() => [
+            Z(x(g), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 16, ["field", "label", "options"]));
+  }
+}), sn = z({
+  name: "bento-select-payment-method-filter",
+  components: {
+    BentoSelectFilter: Ie,
+    BentoPaymentMethod: Ul
+  },
+  props: {
+    ...Ue,
+    /**
+     * 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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: (a) => l(_.UPDATE, a)
+    };
+  }
+});
+function rn(e, l, t, a, n, o) {
+  const r = H("bento-payment-method"), i = H("bento-select-filter");
+  return S(), L(i, re(e.$props, {
+    field: e.field,
+    label: e.label,
+    onUpdate: e.onUpdate,
+    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
+  }), {
+    default: w(({ value: s, label: b }) => [
+      k(r, {
+        type: s,
+        label: b
+      }, null, 8, ["type", "label"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "onUpdate"]);
+}
+const ol = /* @__PURE__ */ le(sn, [["render", rn]]), un = z({
+  name: "bento-select-country-filter",
+  components: {
+    BentoSelectFilter: Ie,
+    ListboxOptionTag: Vt
+  },
+  props: {
+    ...Ue,
+    /**
+     * 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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const t = (o) => l(_.UPDATE, o), a = f(
+      () => {
+        var o, r;
+        return (r = (o = e == null ? void 0 : e.options) == null ? void 0 : o.listboxItems) == null ? void 0 : r.map(({ label: i, value: s, variant: b }) => ({ label: i, value: s, data: b }));
+      }
+    );
+    return {
+      // Values
+      countryOptions: f(() => ({
+        ...e.options,
+        listboxItems: a.value
+      })),
+      // Methods
+      onUpdate: t,
+      // Enums
+      BentoFilterEvent: _
+    };
+  }
+});
+function dn(e, l, t, a, n, o) {
+  const r = H("listbox-option-tag"), i = H("bento-select-filter");
+  return S(), L(i, re(e.$props, {
+    field: e.field,
+    label: e.label,
+    options: e.countryOptions,
+    onUpdate: e.onUpdate,
+    onInput: l[0] || (l[0] = (s) => e.$emit(e.BentoFilterEvent.INPUT, s))
+  }), {
+    default: w(({ label: s, data: b }) => [
+      k(r, {
+        option: { value: s, data: b, label: "" }
+      }, null, 8, ["option"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "options", "onUpdate"]);
+}
+const il = /* @__PURE__ */ le(un, [["render", dn]]), sl = {
+  "en-US": {
+    filter: "My filter",
+    resetFilter: "Reset filter {filterName}"
+  },
+  "ja-JP": {
+    filter: "フィルター",
+    resetFilter: "フィルター{filterName}をリセット"
+  },
+  "pt-BR": {
+    filter: "Meu filtro",
+    resetFilter: "Limpar filtro {filterName}"
+  }
+}, cn = { class: "b-toggle-filter" }, fn = { class: "b-toggle-filter__content" }, bn = {
+  i18n: { messages: sl },
+  name: "bento-toggle-filter"
+}, pn = /* @__PURE__ */ z({
+  ...bn,
+  props: {
+    description: {},
+    disabled: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { type: Boolean, default: !1 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const { t } = pe({ messages: sl }), a = Me("toggle-filter-checkbox-label"), n = Me("toggle-filter-checkbox-description"), o = e, r = l, i = M(o.value);
+    se(
+      () => o.value,
+      (u) => {
+        i.value = u;
+      }
+    );
+    const s = f(() => ({
+      "b-toggle-filter__only-slot--disabled": o.disabled
+    })), b = (u) => {
+      i.value = u, r("input", { ...o, value: u });
+    }, d = () => {
+      r("update", { ...o, value: i.value });
+    }, g = () => {
+      i.value = !i.value, d();
+    }, y = () => {
+      i.value = !1, d();
+    };
+    return (u, D) => {
+      var m, I;
+      return u.onlySlot ? (S(), Q("label", {
+        key: 1,
+        class: ce(["b-toggle-filter__only-slot", s.value])
+      }, [
+        k(v(El), {
+          "aria-labelledby": v(a),
+          "aria-describedby": v(n),
+          disabled: u.disabled,
+          class: "b-toggle-filter__checkbox",
+          "model-value": i.value,
+          "onUpdate:modelValue": b
+        }, null, 8, ["aria-labelledby", "aria-describedby", "disabled", "model-value"]),
+        J("div", fn, [
+          k(v(ye), {
+            id: v(a),
+            variant: "title",
+            medium: ""
+          }, {
+            default: w(() => [
+              Z(x(u.label), 1)
+            ]),
+            _: 1
+          }, 8, ["id"]),
+          u.description ? (S(), L(v(ye), {
+            key: 0,
+            id: v(n)
+          }, {
+            default: w(() => [
+              Z(x(u.description), 1)
+            ]),
+            _: 1
+          }, 8, ["id"])) : X("", !0)
+        ])
+      ], 2)) : at((S(), L(v(jt), {
+        key: 0,
+        "skip-grouping": !i.value
+      }, {
+        default: w(() => [
+          k(v(Ae), {
+            "aria-pressed": i.value ? "true" : "false",
+            active: i.value,
+            disabled: u.disabled,
+            onClick: g
+          }, {
+            default: w(() => [
+              J("div", cn, [
+                Z(x(u.label) + " ", 1),
+                at(k(v(Ll), {
+                  "aria-hidden": "true",
+                  class: "b-toggle-filter__checkmark"
+                }, null, 512), [
+                  [yl, i.value]
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["aria-pressed", "active", "disabled"]),
+          i.value ? (S(), L(v(Ae), {
+            key: 0,
+            "aria-label": v(t)("resetFilter", { filterName: u.label }),
+            disabled: u.disabled,
+            active: i.value,
+            onClick: y
+          }, {
+            iconLeft: w(() => [
+              k(v(Et), { "aria-hidden": "true" })
+            ]),
+            _: 1
+          }, 8, ["aria-label", "disabled", "active"])) : X("", !0)
+        ]),
+        _: 1
+      }, 8, ["skip-grouping"])), [
+        [v($t), (m = u.options) == null ? void 0 : m.tooltipText, (I = u.options) == null ? void 0 : I.tooltipPosition]
+      ]);
+    };
+  }
+}), rl = /* @__PURE__ */ le(pn, [["__scopeId", "data-v-5cedf9b6"]]), Ct = {
+  "en-US": {
+    no: "No",
+    yes: "Yes"
+  },
+  "ja-JP": {
+    no: "いいえ",
+    yes: "はい"
+  },
+  "pt-BR": {
+    no: "Não",
+    yes: "Sim"
+  }
+}, vn = z({
+  name: "bento-boolean-filter",
+  i18n: { messages: Ct },
+  components: { BentoBaseFilter: Se, BentoRadioGroup: It },
+  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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const { t } = pe({ messages: Ct }), a = (B) => typeof B == "boolean" ? B == null ? void 0 : B.toString() : B, n = (B) => {
+      var V, T, N, Y;
+      return ((T = (V = e == null ? void 0 : e.options) == null ? void 0 : V.positiveOption) == null ? void 0 : T.value) !== void 0 && ((Y = (N = e == null ? void 0 : e.options) == null ? void 0 : N.negativeOption) == null ? void 0 : Y.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof B == "string" ? B === "true" : B;
+    }, o = f(() => a(e.defaultValue)), r = f(() => a(e.value)), i = f(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+      {
+        ...e.options.positiveOption,
+        value: a(e.options.positiveOption.value)
+      },
+      {
+        ...e.options.negativeOption,
+        value: a(e.options.negativeOption.value)
+      }
+    ] : [
+      { value: "yes", label: t("yes") },
+      { value: "no", label: t("no") }
+    ]), { internalFilterValue: s, isSecondaryButtonDisabled: b, isApplyButtonDisabled: d } = De(
+      r,
+      o
+    ), g = f(() => e.label), y = f(
+      () => {
+        var B;
+        return Fe((B = i.value.find(({ value: V }) => V === r.value)) == null ? void 0 : B.label, 12);
+      }
+    ), u = f(() => ({
+      "b-boolean-filter--only-slot": e.onlySlot
+    }));
+    Ze(() => {
+      s.value || (s.value = null);
+    });
+    const D = (B) => {
+      s.value = B, l(_.INPUT, {
+        ...e,
+        value: n(s.value)
+      });
+    }, m = () => {
+      s.value = r.value;
+    }, I = () => {
+      l(_.UPDATE, {
+        ...e,
+        value: n(s.value)
+      });
+    }, $ = () => l(_.UPDATE, { ...e, value: e.defaultValue }), C = () => {
+      s.value = null, I();
+    };
+    return Xe(() => {
+      xe(
+        'Boolean filter "BentoFilterItemType.BOOLEAN"',
+        'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
+        "2.0.0"
+      );
+    }), {
+      // Values
+      items: i,
+      conditionalClasses: u,
+      buttonLabel: g,
+      buttonSecondaryLabel: y,
+      internalFilterValue: s,
+      isApplyButtonDisabled: d,
+      isSecondaryButtonDisabled: b,
+      translatedValue: r,
+      translatedDefaultValue: o,
+      // Events
+      onInput: D,
+      updateFilter: I,
+      clearFilter: C,
+      openFilter: m,
+      resetFilter: $
+    };
+  }
+});
+function mn(e, l, t, a, n, o) {
+  var s, b;
+  const r = H("bento-radio-group"), i = H("bento-base-filter");
+  return S(), L(i, re(e.$props, {
+    value: e.translatedValue,
+    "default-value": e.translatedDefaultValue,
+    "button-label": e.buttonLabel,
+    "button-secondary-label": e.buttonSecondaryLabel,
+    "disable-apply-button": e.isApplyButtonDisabled,
+    "disable-secondary-button": e.isSecondaryButtonDisabled,
+    "only-slot": e.onlySlot,
+    "tooltip-position": (s = e.options) == null ? void 0 : s.tooltipPosition,
+    "tooltip-text": (b = e.options) == null ? void 0 : b.tooltipText,
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }), {
+    default: w(() => [
+      J("div", {
+        class: ce(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = ge((...d) => e.updateFilter && e.updateFilter(...d), ["enter"]))
+      }, [
+        k(r, {
+          items: e.items,
+          label: e.label,
+          "model-value": e.internalFilterValue,
+          disabled: e.disabled,
+          "hide-label": "",
+          "onUpdate:modelValue": e.onInput
+        }, null, 8, ["items", "label", "model-value", "disabled", "onUpdate:modelValue"])
+      ], 34)
+    ]),
+    _: 1
+  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
+}
+const ul = /* @__PURE__ */ le(vn, [["render", mn], ["__scopeId", "data-v-4f4270be"]]), Dt = {
+  "en-US": {
+    from: "From",
+    to: "To"
+  },
+  "ja-JP": {
+    from: "開始",
+    to: "終了"
+  },
+  "pt-BR": {
+    from: "De",
+    to: "Até"
+  }
+}, yn = z({
+  name: "bento-range-filter",
+  i18n: { messages: Dt },
+  components: { BentoBaseFilter: Se, BentoInputField: ot },
+  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: [_.INPUT, _.UPDATE],
+  setup(e, { emit: l }) {
+    const { t } = pe({ messages: Dt }), a = M(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = De(
+      ee(e, "value"),
+      ee(e, "defaultValue")
+    ), i = f(() => {
+      var N, Y, E, O, q, K, ne, A;
+      if (!((N = e.value) != null && N[0]) && !((Y = e.value) != null && Y[1]))
+        return null;
+      let C = "";
+      (E = e.value) != null && E[0] ? (O = e.value) != null && O[1] || (C = "≥") : C = "≤";
+      const B = (q = e.value) != null && q[0] ? `${Fe(e.value[0], 5)}` : "", V = (K = e.value) != null && K[0] && ((ne = e.value) != null && ne[1]) ? " - " : "", T = (A = e.value) != null && A[1] ? `${Fe(e.value[1], 5)}` : "";
+      return `${C}${B}${V}${T}`;
+    }), s = f(() => e.label), b = f(() => i.value), d = f(() => ({
+      "b-range-filter--only-slot": e.onlySlot
+    })), g = () => {
+      n.value = e.value, Ot(() => a.value.focusInput());
+    }, y = () => {
+      l(_.INPUT, { ...e, value: n.value });
+    }, u = (C) => {
+      n.value = [C, n.value[1]], y();
+    }, D = (C) => {
+      n.value = [n.value[0], C], y();
+    }, m = () => {
+      n.value.some((C) => C) || (n.value = e.defaultValue !== null ? e.defaultValue : void 0), l(_.UPDATE, {
+        ...e,
+        value: n.value
+      });
+    };
+    return {
+      // Values
+      inputTextRef: a,
+      conditionalClasses: d,
+      internalFilterValue: n,
+      isApplyButtonDisabled: r,
+      isSecondaryButtonDisabled: o,
+      buttonLabel: s,
+      buttonSecondaryLabel: b,
+      // Events
+      updateFrom: u,
+      updateTo: D,
+      updateFilter: m,
+      clearFilter: () => {
+        n.value = ["", ""], m();
+      },
+      openFilter: g,
+      resetFilter: () => l(_.UPDATE, { ...e, value: e.defaultValue }),
+      // Translations
+      t
+    };
+  }
+});
+function hn(e, l, t, a, n, o) {
+  var s, b;
+  const r = H("bento-input-field"), i = H("bento-base-filter");
+  return S(), L(i, re(e.$props, {
+    "disable-apply-button": e.isApplyButtonDisabled,
+    "disable-secondary-button": e.isSecondaryButtonDisabled,
+    "button-label": e.buttonLabel,
+    "button-secondary-label": e.buttonSecondaryLabel,
+    "only-slot": e.onlySlot,
+    "tooltip-position": (s = e.options) == null ? void 0 : s.tooltipPosition,
+    "tooltip-text": (b = e.options) == null ? void 0 : b.tooltipText,
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }), {
+    default: w(() => [
+      J("div", {
+        class: ce(["b-range-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = ge((...d) => e.updateFilter && e.updateFilter(...d), ["enter"]))
+      }, [
+        k(r, {
+          ref: "inputTextRef",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "",
+          type: "number",
+          "aria-label": e.t("from").toString(),
+          disabled: e.disabled,
+          "onUpdate:modelValue": e.updateFrom
+        }, {
+          default: w(() => [
+            Z(x(e.t("from")), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"]),
+        k(r, {
+          class: "b-range-filter__input-field",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "",
+          type: "number",
+          "aria-label": e.t("to"),
+          disabled: e.disabled,
+          "onUpdate:modelValue": e.updateTo
+        }, {
+          default: w(() => [
+            Z(x(e.t("to")), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"])
+      ], 34)
+    ]),
+    _: 1
+  }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
+}
+const dl = /* @__PURE__ */ le(yn, [["render", hn], ["__scopeId", "data-v-c71c8dbd"]]), cl = {
+  "en-US": {
+    all: "All"
+  },
+  "ja-JP": {
+    all: "すべて"
+  },
+  "pt-BR": {
+    all: "Todos"
+  }
+}, gn = {
+  name: "bento-checkbox-group-filter",
+  i18n: { messages: cl }
+}, Fn = /* @__PURE__ */ z({
+  ...gn,
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: void 0 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const t = e, a = l, { t: n } = pe({ messages: cl }), {
+      internalFilterValue: o,
+      isSecondaryButtonDisabled: r,
+      isApplyButtonDisabled: i,
+      clearFilter: s,
+      resetFilter: b,
+      openFilter: d
+    } = Wt(ee(t, "value"), ee(t, "defaultValue")), g = M(o.value ?? []), y = f(() => ({
+      "b-checkbox-group-filter--only-slot": t.onlySlot
+    })), u = f(() => t.label), D = f(
+      () => {
+        var C, B;
+        return g.value.length === 1 ? Fe(
+          ((B = (C = t.options) == null ? void 0 : C.checkboxItems.find((V) => g.value[0] === V.value)) == null ? void 0 : B.label) ?? "",
+          12
+        ) : null;
+      }
+    ), m = f(() => {
+      var C;
+      return !g.value.length || D.value ? null : g.value.length === ((C = t.options) == null ? void 0 : C.checkboxItems.length) ? n("all") : g.value.length;
+    }), I = (C) => {
+      g.value = C ?? [], a("update", { ...t, value: C });
+    }, $ = (C) => {
+      o.value = C, a("input", { ...t, value: o.value });
+    };
+    return (C, B) => {
+      var V, T;
+      return S(), L(v(Se), re(C.$props, {
+        "applied-filters-count": m.value,
+        "button-label": u.value,
+        "button-secondary-label": D.value,
+        "disable-apply-button": v(i),
+        "disable-secondary-button": v(r),
+        "tooltip-position": (V = C.options) == null ? void 0 : V.tooltipPosition,
+        "tooltip-text": (T = C.options) == null ? void 0 : T.tooltipText,
+        onApply: B[1] || (B[1] = (N) => I(v(o))),
+        onClear: B[2] || (B[2] = (N) => v(s)(I)),
+        onOpen: v(d),
+        onReset: B[3] || (B[3] = (N) => v(b)(I))
+      }), {
+        default: w(() => {
+          var N;
+          return [
+            J("div", {
+              class: ce(["b-checkbox-group-filter", y.value]),
+              onKeydown: B[0] || (B[0] = ge((Y) => I(v(o)), ["enter"]))
+            }, [
+              k(Al, {
+                "model-value": v(o),
+                items: (N = C.options) == null ? void 0 : N.checkboxItems,
+                label: C.label,
+                disabled: C.disabled,
+                "hide-label": "",
+                "onUpdate:modelValue": $
+              }, null, 8, ["model-value", "items", "label", "disabled"])
+            ], 34)
+          ];
+        }),
+        _: 1
+      }, 16, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "tooltip-position", "tooltip-text", "onOpen"]);
+    };
+  }
+}), fl = /* @__PURE__ */ le(Fn, [["__scopeId", "data-v-a691cbf8"]]);
+var nt = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(nt || {});
+const Sn = z({
+  name: "base-filter-button",
+  components: { BaseButton: kt, BentoTypography: ye, ChevronUpIcon: _l, ChevronDownIcon: $l },
+  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: [dt.CLICK],
+  setup(e, { slots: l, emit: t, attrs: a }) {
+    const n = f(() => l.default ? Rt(l)("default") : null), o = Ut({ ariaLabel: n }), r = M(null), i = f(() => {
+      var d;
+      return {
+        "aria-controls": (d = a["aria-controls"]) == null ? void 0 : d.toString()
+      };
+    }), s = f(() => ({
+      "b-base-filter-button--with-chevron": e.hasChevron,
+      "b-base-filter-button--filter-open": e.isFilterOpen
+    }));
+    return {
+      // Values
+      ariaAttributes: i,
+      computedAriaLabel: o,
+      conditionalClasses: s,
+      // Methods
+      onClickButton: () => {
+        e.disabled || t(dt.CLICK);
+      },
+      hasSlot: Lt(l),
+      // Refs
+      baseFilterButtonRef: r
+    };
+  }
+}), Bn = { class: "b-base-filter-button__default-container" }, Cn = { class: "b-base-filter-button__label-container" }, Dn = {
+  key: 0,
+  class: "b-base-filter-button__counter-wrapper"
+};
+function Tn(e, l, t, a, n, o) {
+  const r = H("bento-typography"), i = H("chevron-up-icon"), s = H("chevron-down-icon"), b = H("base-button");
+  return S(), L(b, {
+    ref: "baseFilterButtonRef",
+    class: ce(["b-base-filter-button", e.conditionalClasses]),
+    disabled: e.disabled,
+    "aria-label": e.computedAriaLabel,
+    "aria-controls": e.ariaAttributes["aria-controls"],
+    type: "button",
+    onClick: e.onClickButton
+  }, Ne({
+    default: w(() => [
+      J("div", Bn, [
+        J("div", Cn, [
+          k(r, {
+            el: "span",
+            variant: "body",
+            stronger: e.bold,
+            class: "b-base-filter-button__label"
+          }, {
+            default: w(() => [
+              he(e.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["stronger"])
+        ]),
+        e.amountAppliedValues && !e.hasChevron ? (S(), Q("div", Dn, [
+          k(r, {
+            class: "b-base-filter-button__counter",
+            el: "span",
+            variant: "body",
+            stronger: ""
+          }, {
+            default: w(() => [
+              Z(x(e.amountAppliedValues), 1)
+            ]),
+            _: 1
+          })
+        ])) : X("", !0)
+      ])
+    ]),
+    _: 2
+  }, [
+    e.hasChevron ? {
+      name: "iconRight",
+      fn: w(() => [
+        e.isFilterOpen ? (S(), L(i, {
+          key: 0,
+          "aria-hidden": "true"
+        })) : (S(), L(s, {
+          key: 1,
+          "aria-hidden": "true"
+        }))
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
+}
+const wn = /* @__PURE__ */ le(Sn, [["render", Tn], ["__scopeId", "data-v-af9efc73"]]), On = z({
+  name: "all-filters-modal-button",
+  components: { BaseFilterButton: wn },
+  props: {
+    /**
+     * Button label to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Total count of applied filters
+     */
+    appliedFiltersCount: { type: [Number, String], default: null },
+    /**
+     * Indicates whether the filter popover tied to this button is showing
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    return {
+      conditionalClasses: f(() => ({
+        "b-all-filters-modal-button--with-counter": e.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": e.isFilterOpen
+      })),
+      onClick: () => {
+        l("click");
+      }
+    };
+  }
+});
+function An(e, l, t, a, n, o) {
+  const r = H("base-filter-button");
+  return S(), L(r, {
+    class: ce(["b-all-filters-modal-button", e.conditionalClasses]),
+    "amount-applied-values": e.appliedFiltersCount,
+    "is-filter-open": e.isFilterOpen,
+    disabled: e.disabled,
+    onClick: e.onClick
+  }, {
+    default: w(() => [
+      Z(x(e.label), 1)
+    ]),
+    _: 1
+  }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
+}
+const Pn = /* @__PURE__ */ le(On, [["render", An], ["__scopeId", "data-v-b96a672f"]]);
+let Tt = 0;
+const In = {
+  beforeCreate() {
+    this.uuid = Tt.toString(), Tt += 1;
+  }
+}, _n = { key: 0 };
+function $n(e, l, t, a, n, o) {
+  return S(), Q("svg", re({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (S(), Q("title", _n, x(e.$attrs["svg-title"]), 1)) : X("", !0),
+    l[0] || (l[0] = J("path", {
+      fill: "#001222",
+      d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z"
+    }, null, -1)),
+    l[1] || (l[1] = J("path", {
+      fill: "#001222",
+      d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z"
+    }, null, -1))
+  ], 16);
+}
+const En = /* @__PURE__ */ le(In, [["render", $n]]), wt = {
+  "en-US": {
+    activeFilters: "Active filters",
+    all: "All",
+    allFilters: "All filters",
+    applyAll: "Apply all",
+    cancel: "Cancel",
+    clear: "Clear",
+    clearAll: "Clear all",
+    noFiltersMatchThisSearch: "No filters match this search",
+    otherFilters: "Other filters",
+    searchBar: "Search bar"
+  },
+  "ja-JP": {
+    activeFilters: "アクティブなフィルター",
+    all: "すべて",
+    allFilters: "すべてのフィルター",
+    applyAll: "すべて適用",
+    cancel: "キャンセル",
+    clear: "クリア",
+    clearAll: "すべてクリア",
+    noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
+    otherFilters: "他のフィルター",
+    searchBar: "検索バー"
+  },
+  "pt-BR": {
+    activeFilters: "Filtros ativos",
+    all: "Todos",
+    allFilters: "Todos os filtros",
+    applyAll: "Aplicar tudo",
+    cancel: "Cancelar",
+    clear: "Limpar",
+    clearAll: "Limpar tudo",
+    noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca",
+    otherFilters: "Outros filtros",
+    searchBar: "Barra de pesquisa"
+  }
+}, kn = z({
+  i18n: { messages: wt },
+  name: "all-filters-modal",
+  components: {
+    AllFiltersModalButton: Pn,
+    BentoBooleanFilter: ul,
+    BentoButton: Sl,
+    BentoCheckboxGroupFilter: fl,
+    BentoDateFilter: Kt,
+    BentoDateRangeFilter: Zt,
+    BentoInputFilter: Gt,
+    BentoInputWithDropdownFilter: Jt,
+    BentoModal: Fl,
+    BentoRadioGroupFilter: xt,
+    BentoRangeFilter: dl,
+    BentoSearchBar: Ke,
+    BentoSelectAvatarFilter: ll,
+    BentoSelectCurrencyFilter: al,
+    BentoSelectCountryFilter: nl,
+    BentoSelectFilter: Ie,
+    BentoSelectPaymentMethodFilter: ol,
+    BentoSelectTagFilter: il,
+    BentoToggleFilter: rl,
+    BentoTypography: ye,
+    FilterBarButton: Ae,
+    SlidersIcon: En
+  },
+  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: [nt.INPUT],
+  setup(e, { emit: l }) {
+    const t = M(e.value), a = Me("all-filters-modal"), n = M([]), o = M(!1), r = M(0), i = M(null), s = M(""), { t: b, n: d } = pe({ messages: wt }), g = it(s, ee(t, "value")), y = M({});
+    Ze(() => {
+      y.value = [];
+    }), se(
+      () => e.value,
+      () => {
+        o.value ? t.value = e.value.map((P, F) => ({ ...P, value: t.value[F].value })) : t.value = e.value;
+      }
+    );
+    const u = (P) => P.sort((F, U) => F.label > U.label ? 1 : U.label > F.label ? -1 : 0), D = f(
+      () => u(
+        g.value.filter(
+          (P) => {
+            var F, U;
+            return Array.isArray(P.value) ? ((F = P.value) == null ? void 0 : F.length) && ((U = P.value) == null ? void 0 : U.find((te) => te !== "")) : P.value;
+          }
+        )
+      )
+    ), m = f(
+      () => u(
+        g.value.filter(
+          (P) => {
+            var F, U;
+            return Array.isArray(P.value) ? ((F = P.value) == null ? void 0 : F.length) === 0 || ((U = P.value) == null ? void 0 : U.every((te) => te === "")) : !P.value;
+          }
+        )
+      )
+    ), I = f(() => {
+      var P;
+      return s.value && ((P = g.value) == null ? void 0 : P.length) === 0;
+    }), $ = f(() => t.value[r.value]), C = () => {
+      const P = D.value.length ? D.value[0] : m.value[0], F = t.value.findIndex(
+        (U) => U.label === P.label && U.field === P.field
+      );
+      r.value = F;
+    };
+    Xe(() => {
+      C();
+    });
+    const B = (P) => P.map((F) => {
+      var U, te, ue, fe, be, ve, ae, Te;
+      switch (F.type) {
+        case ie.SELECT:
+        case ie.SELECT_AVATAR:
+        case ie.SELECT_COUNTRY:
+        case ie.SELECT_CURRENCY:
+        case ie.SELECT_PAYMENT_METHOD:
+        case ie.SELECT_TAG:
+          return ((U = F.options) == null ? void 0 : U.multiple) === !0 ? {
+            label: F.label,
+            field: F.field,
+            count: (te = F.value) != null && te.length ? (ue = F.value) == null ? void 0 : ue.length : null
+          } : {
+            label: F.label,
+            field: F.field,
+            count: F.value == null ? null : 1
+          };
+        case ie.DATE_RANGE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: ((fe = F.value) == null ? void 0 : fe.startDate) != null && ((be = F.value) == null ? void 0 : be.endDate) != null ? 1 : null
+          };
+        case ie.RANGE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: (ve = F.value) != null && ve.find((He) => He !== "") ? 1 : null
+          };
+        case ie.CHECKBOX_GROUP:
+          return {
+            label: F.label,
+            field: F.field,
+            count: (ae = F.value) != null && ae.length ? (Te = F.value) == null ? void 0 : Te.length : null
+          };
+        case ie.TOGGLE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value ? 1 : null
+          };
+        case ie.INPUT:
+        case ie.BOOLEAN:
+        case ie.DATE:
+        case ie.RADIO_GROUP:
+        default:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value != null ? 1 : null
+          };
+      }
+    }), V = f(
+      () => {
+        var P;
+        return Array.isArray($.value.value) ? ((P = $.value) == null ? void 0 : P.value.length) && $.value.value.find((F) => F !== "") : !!t.value[r.value].value;
+      }
+    ), T = f(() => $.value.type !== ie.TOGGLE), N = f(() => !V.value || $.value.disabled), Y = f(
+      () => {
+        var P;
+        return (P = B(e.value)) == null ? void 0 : P.filter(({ count: F }) => !!F).length;
+      }
+    ), E = () => {
+      o.value ? o.value = !1 : o.value = !0;
+    }, O = (P) => {
+      var ue, fe, be, ve, ae;
+      const F = B(t.value).find((Te) => Te.field === P.field).count, U = typeof P.type == "string" && // Type guard to avoid casting
+      P.type.includes("BentoSelect") && ((ue = P.options) == null ? void 0 : ue.multiple) && F === ((be = (fe = P.options) == null ? void 0 : fe.listboxItems) == null ? void 0 : be.length), te = typeof P.type == "string" && P.type === ie.CHECKBOX_GROUP && F === ((ae = (ve = P.options) == null ? void 0 : ve.checkboxItems) == null ? void 0 : ae.length);
+      return U || te ? b("all") : F === null ? null : d(F);
+    }, q = (P, F) => {
+      r.value = t.value.findIndex(
+        (U) => U.label === P && U.field === F
+      );
+    }, K = () => {
+      s.value = "";
+    }, ne = () => {
+      o.value = !1, t.value = e.value, K(), C();
+    }, A = (P) => {
+      const F = t.value.map(({ value: U, ...te }, ue) => ue === r.value ? { value: P.value, ...te } : { value: U, ...te });
+      t.value = F;
+    }, h = () => {
+      A({
+        field: $.value.field,
+        label: $.value.label,
+        type: $.value.type,
+        value: void 0
+      });
+    }, p = () => {
+      t.value = e.value.map(({ value: P, ...F }) => ({
+        ...F,
+        value: void 0
+      }));
+    }, c = () => {
+      l(nt.INPUT, t.value), o.value = !1;
+    }, R = f(
+      () => JSON.stringify(t.value) === JSON.stringify(e.value)
+    ), W = f(() => [
+      {
+        title: b("applyAll"),
+        disabled: R.value,
+        event: c
+      },
+      {
+        title: b("cancel"),
+        event: ne
+      },
+      {
+        title: b("clearAll"),
+        disabled: !Y.value,
+        event: p
+      }
+    ]);
+    return {
+      // Values
+      allFiltersModalUniqueId: a,
+      allFiltersModalFiltersSection: n,
+      allFiltersModalFilterButtons: y,
+      numberOfActiveFilters: Y,
+      isEmptyResultForSearchFilter: I,
+      isModalOpen: o,
+      isClearButtonDisabled: N,
+      activeFilters: D,
+      otherFilters: m,
+      modalActions: W,
+      selectedFilter: $,
+      selectedFilterRef: i,
+      searchTerm: s,
+      shouldShowFilterTitle: T,
+      // Methods
+      onClickAllFiltersModal: E,
+      getFilterCount: O,
+      cancel: ne,
+      selectFilter: q,
+      clearFilter: h,
+      updateFilter: A,
+      onSearchbarClear: K,
+      onKeydownRight: () => {
+        Il(1, i.value.$el).focus();
+      },
+      onKeydownLeft: () => {
+        y.value[$.value.label].$el.focus();
+      },
+      // Translations
+      t: b
+    };
+  }
+}), Ln = { class: "b-all-filters-modal" }, Un = {
+  key: 0,
+  class: "b-all-filters-modal__empty-search-message"
+}, Rn = {
+  key: 1,
+  class: "b-all-filters-modal__filters-section"
+}, Vn = ["aria-labelledby"], Nn = {
+  key: 2,
+  class: "b-all-filters-modal__filters-section"
+}, Mn = ["aria-labelledby"], Yn = {
+  key: 0,
+  class: "b-all-filters-modal__selected-filter-text"
+}, Hn = { class: "b-all-filters-modal__selected-filter-component" }, Wn = { class: "b-all-filters-modal__clear-button" };
+function jn(e, l, t, a, n, o) {
+  const r = H("sliders-icon"), i = H("filter-bar-button"), s = H("bento-search-bar"), b = H("bento-typography"), d = H("all-filters-modal-button"), g = H("bento-button"), y = H("bento-modal");
+  return S(), Q("div", Ln, [
+    k(i, {
+      "is-filter-open": e.isModalOpen,
+      "applied-filters-count": e.numberOfActiveFilters,
+      "no-applied-state-styles": "",
+      onClick: e.onClickAllFiltersModal
+    }, {
+      iconLeft: w(() => [
+        k(r, { "aria-hidden": "true" })
+      ]),
+      default: w(() => [
+        Z(x(e.t("allFilters")) + " ", 1)
+      ]),
+      _: 1
+    }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
+    k(y, {
+      class: "'b-all-filters-modal__modal'",
+      "is-open": e.isModalOpen,
+      "with-column-layout": !0,
+      size: "large",
+      actions: e.modalActions,
+      "is-dismissible": !1,
+      "hide-close-button": "",
+      onCloseModal: e.cancel
+    }, {
+      default: w(() => [
+        Z(x(e.t("allFilters")), 1)
+      ]),
+      "content-col-1": w(() => [
+        J("div", {
+          ref: "allFiltersModalFiltersSection",
+          class: "b-all-filters-modal__filters",
+          onKeydown: l[1] || (l[1] = ge((...u) => e.onKeydownRight && e.onKeydownRight(...u), ["right"]))
+        }, [
+          k(s, {
+            class: "b-all-filters-modal__search-bar",
+            value: e.searchTerm,
+            "input-field-aria-label": e.t("searchBar").toString(),
+            onInput: l[0] || (l[0] = (u) => e.searchTerm = u),
+            onClear: e.onSearchbarClear
+          }, null, 8, ["value", "input-field-aria-label", "onClear"]),
+          e.isEmptyResultForSearchFilter ? (S(), Q("div", Un, [
+            k(b, { el: "span" }, {
+              default: w(() => [
+                Z(x(e.t("noFiltersMatchThisSearch")), 1)
+              ]),
+              _: 1
+            })
+          ])) : X("", !0),
+          e.activeFilters.length ? (S(), Q("div", Rn, [
+            k(b, {
+              id: `active-filters-${e.allFiltersModalUniqueId}`,
+              class: "b-all-filters-modal__filters-section-title",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: w(() => [
+                Z(x(e.t("activeFilters")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"]),
+            J("ul", {
+              class: "b-all-filters-modal__filters-list",
+              "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
+            }, [
+              (S(!0), Q(Ve, null, Ce(e.activeFilters, (u) => (S(), Q("li", {
+                key: `${u.label}-${u.field}`
+              }, [
+                k(d, {
+                  ref_for: !0,
+                  ref: (D) => e.allFiltersModalFilterButtons[u.label] = D,
+                  label: u.label,
+                  "applied-filters-count": e.getFilterCount(u),
+                  "is-filter-open": e.selectedFilter.label === u.label,
+                  disabled: u.disabled,
+                  onClick: (D) => e.selectFilter(u.label, u.field)
+                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
+              ]))), 128))
+            ], 8, Vn)
+          ])) : X("", !0),
+          e.otherFilters.length ? (S(), Q("div", Nn, [
+            e.activeFilters.length ? (S(), L(b, {
+              key: 0,
+              id: `other-filters-${e.allFiltersModalUniqueId}`,
+              class: "b-all-filters-modal__filters-section-title",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: w(() => [
+                Z(x(e.t("otherFilters")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"])) : X("", !0),
+            J("ul", {
+              class: "b-all-filters-modal__filters-list",
+              "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
+            }, [
+              (S(!0), Q(Ve, null, Ce(e.otherFilters, (u) => (S(), Q("li", {
+                key: `${u.label}-${u.field}`
+              }, [
+                k(d, {
+                  ref_for: !0,
+                  ref: (D) => e.allFiltersModalFilterButtons[u.label] = D,
+                  label: u.label,
+                  disabled: u.disabled,
+                  "applied-filters-count": e.getFilterCount(u),
+                  "is-filter-open": e.selectedFilter.label === u.label,
+                  onClick: (D) => e.selectFilter(u.label, u.field)
+                }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
+              ]))), 128))
+            ], 8, Mn)
+          ])) : X("", !0)
+        ], 544)
+      ]),
+      "content-col-2": w(() => [
+        J("div", {
+          class: "b-all-filters-modal__selected-filter-content",
+          onKeydown: l[2] || (l[2] = ge((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
+        }, [
+          e.shouldShowFilterTitle ? (S(), Q("div", Yn, [
+            k(b, {
+              el: "div",
+              variant: "title",
+              medium: ""
+            }, {
+              default: w(() => [
+                Z(x(e.selectedFilter.label), 1)
+              ]),
+              _: 1
+            }),
+            e.selectedFilter.description ? (S(), L(b, {
+              key: 0,
+              el: "div",
+              variant: "body",
+              wide: ""
+            }, {
+              default: w(() => [
+                Z(x(e.selectedFilter.description), 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ])) : X("", !0),
+          J("div", Hn, [
+            (S(), L(qe(e.selectedFilter.type), {
+              ref: "selectedFilterRef",
+              key: e.selectedFilter.field,
+              description: e.selectedFilter.description,
+              field: e.selectedFilter.field,
+              label: e.selectedFilter.label,
+              options: e.selectedFilter.options,
+              value: e.selectedFilter.value,
+              "default-value": e.selectedFilter.defaultValue,
+              "only-slot": !0,
+              disabled: e.selectedFilter.disabled,
+              onInput: e.updateFilter
+            }, null, 40, ["description", "field", "label", "options", "value", "default-value", "disabled", "onInput"]))
+          ]),
+          J("div", Wn, [
+            k(g, {
+              variant: "secondary",
+              disabled: e.isClearButtonDisabled,
+              onClick: e.clearFilter
+            }, {
+              default: w(() => [
+                Z(x(e.t("clear")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ])
+        ], 32)
+      ]),
+      _: 1
+    }, 8, ["is-open", "actions", "onCloseModal"])
+  ]);
+}
+const qn = /* @__PURE__ */ le(kn, [["render", jn], ["__scopeId", "data-v-22ddbff2"]]), bl = {
+  "en-US": {
+    clearFilters: "Clear filters",
+    filtersHaveBeenCleared: "Filters have been cleared.",
+    filtersHaveBeenReset: "Filters have been reset.",
+    resetFilters: "Reset filters",
+    searchBar: "Search bar",
+    undo: "Undo"
+  },
+  "ja-JP": {
+    clearFilters: "フィルターをクリア",
+    filtersHaveBeenCleared: "フィルターをクリアしました。",
+    filtersHaveBeenReset: "フィルターがリセットされました。",
+    resetFilters: "フィルターのリセット",
+    searchBar: "検索バー",
+    undo: "元に戻す"
+  },
+  "pt-BR": {
+    clearFilters: "Limpar filtros",
+    filtersHaveBeenCleared: "Os filtros foram apagados.",
+    filtersHaveBeenReset: "Os filtros foram limpos.",
+    resetFilters: "Redefinir filtros",
+    searchBar: "Barra de busca",
+    undo: "Desfazer"
+  }
+}, Gn = {
+  key: 0,
+  class: "b-filter-bar__search-external-container"
+}, Jn = { key: 0 }, Kn = {
+  i18n: { messages: bl },
+  name: "bento-filter-bar",
+  components: {
+    BentoBooleanFilter: ul,
+    BentoCheckboxGroupFilter: fl,
+    BentoDateFilter: Kt,
+    BentoDateRangeFilter: Zt,
+    BentoInputFilter: Gt,
+    BentoInputWithDropdownFilter: Jt,
+    BentoRadioGroupFilter: xt,
+    BentoRangeFilter: dl,
+    BentoSelectAvatarFilter: ll,
+    BentoSelectCountryFilter: nl,
+    BentoSelectCurrencyFilter: al,
+    BentoSelectFilter: Ie,
+    BentoSelectPaymentMethodFilter: ol,
+    BentoSelectTagFilter: il,
+    BentoTeleport: _t,
+    BentoToggleFilter: rl,
+    FixedScroller: Pt
+  }
+}, Qn = /* @__PURE__ */ z({
+  ...Kn,
+  props: {
+    config: { default: () => [] },
+    filterValues: { default: () => [] },
+    containerSizeLayout: { default: () => ({
+      medium: "one-line",
+      small: "multi-line"
+    }) },
+    search: { default: void 0 },
+    searchTerm: { default: void 0 },
+    showAppliedHiddenFilters: { type: Boolean, default: !1 },
+    value: { default: () => [] },
+    filterValuesObject: { default: void 0 }
+  },
+  emits: [
+    we.INPUT,
+    we.UPDATE_FILTER_VALUES_OBJECT,
+    we.UPDATE_FILTER_VALUES_ARRAY,
+    _e.CLEAR,
+    _e.INPUT,
+    _e.UPDATE
+  ],
+  setup(e, { expose: l, emit: t }) {
+    const a = e, n = t, { t: o } = pe({ messages: bl }), r = M(null), i = f(
+      () => {
+        var A, h;
+        return (h = ((A = a.config) == null ? void 0 : A.length) > 0 ? a.config : a.value) == null ? void 0 : h.map((p) => {
+          var R;
+          let c = (R = a.filterValues.find(({ field: W }) => W === p.field)) == null ? void 0 : R.value;
+          return a.filterValuesObject && p.field in a.filterValuesObject && (c = a.filterValuesObject[p.field]), c === void 0 && (c = (p == null ? void 0 : p.value) === void 0 && (p == null ? void 0 : p.defaultValue) !== void 0 ? p == null ? void 0 : p.defaultValue : p == null ? void 0 : p.value), { ...p, value: c !== void 0 ? c : p == null ? void 0 : p.value };
+        });
+      }
+    ), { addToast: s } = hl(), { screenLayoutComponent: b, showSearchbarInsideContainer: d, isOneLineLayout: g } = aa(
+      r,
+      ee(a, "containerSizeLayout")
+    ), y = f(() => ({
+      "b-filter-bar__fixed-scroller": g.value,
+      "b-filter-bar__container": !g.value
+      // Multi-line
+    })), u = f(() => ({
+      "b-filter-bar__scroller-content": g.value,
+      "b-filter-bar__filters": !g.value
+      // Multi-line
+    })), D = f(() => {
+      var A;
+      return ((A = a.search) == null ? void 0 : A.inputFieldAriaLabel) || o("searchBar");
+    }), m = f(() => {
+      if (!a.search)
+        return;
+      const { debounceTime: A, disabled: h, inputFieldAriaLabel: p, hint: c, placeholder: R } = a.search;
+      return { debounceTime: A, disabled: h, inputFieldAriaLabel: p, hint: c, placeholder: R };
+    }), I = f(() => i.value.some(
+      ({ visible: h }) => h != null
+    ) ? i.value.some(({ visible: h }) => !h) : !1), $ = f(
+      () => i.value.filter(({ defaultValue: A }) => A !== void 0)
+    ), C = f(() => i.value.some(
+      ({ visible: h }) => h != null
+    ) ? i.value.filter(
+      ({ defaultValue: h, visible: p, value: c }) => (
+        // eslint-disable-next-line eqeqeq
+        h === void 0 && p || a.showAppliedHiddenFilters && c != null
+      )
+    ) : i.value.filter(
+      ({ defaultValue: h, value: p }) => (
+        // eslint-disable-next-line eqeqeq
+        h === void 0 || a.showAppliedHiddenFilters && p != null
+      )
+    )), B = f(() => a.searchTerm != null), V = f(
+      () => i.value.filter(({ defaultValue: A }) => A == null).some(({ value: A }) => A != null)
+    ), T = f(() => $.value.length === 0 && V.value), N = f(() => $.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: h }) => h !== void 0 || h !== null).every(({ value: h, defaultValue: p }) => JSON.stringify(h) === JSON.stringify(p)) || V.value), Y = (A) => {
+      n(we.INPUT, A), n(
+        we.UPDATE_FILTER_VALUES_ARRAY,
+        A == null ? void 0 : A.filter(({ value: h }) => h !== null || h !== void 0).map(({ field: h, value: p }) => ({ field: h, value: p }))
+      ), n(
+        we.UPDATE_FILTER_VALUES_OBJECT,
+        A == null ? void 0 : A.filter(({ value: h }) => h !== null || h !== void 0).reduce((h, p) => (h[p.field] = p.value, h), {})
+      );
+    }, E = (A) => {
+      const h = i.value.findIndex(
+        (c) => c.field === A.field
+      ), p = i.value.slice();
+      p[h].value = A.value, Y(p);
+    }, O = () => {
+      const A = i.value.slice(), h = i.value.map(({ value: p, ...c }) => ({
+        ...c,
+        value: void 0
+      }));
+      s({
+        text: o("filtersHaveBeenCleared"),
+        action: {
+          handler: () => Y(A),
+          text: o("undo")
+        }
+      }), Y(h);
+    }, q = () => {
+      const A = i.value.slice(), h = i.value.map(({ defaultValue: p, ...c }) => ({
+        ...c,
+        defaultValue: p,
+        value: p
+      }));
+      s({
+        text: o("filtersHaveBeenReset"),
+        action: {
+          handler: () => Y(A),
+          text: o("undo")
+        }
+      }), Y(h);
+    }, K = (A) => {
+      n(_e.INPUT, A), n(_e.UPDATE, A);
+    }, ne = () => {
+      n(_e.CLEAR);
+    };
+    return l({ isClearAllVisible: T, clearAllFilters: O, isResetAllVisible: N, resetAllFilters: q }), (A, h) => (S(), Q("div", {
+      ref_key: "filterBarRef",
+      ref: r,
+      class: "b-filter-bar"
+    }, [
+      !v(d) && B.value ? (S(), Q("div", Gn, [
+        k(Ke, re({ class: "b-filter-bar__search-bar" }, m.value, {
+          "input-field-aria-label": D.value,
+          value: A.searchTerm,
+          condensed: "",
+          onInput: K,
+          onClear: ne
+        }), null, 16, ["input-field-aria-label", "value"])
+      ])) : X("", !0),
+      (S(), L(qe(v(b)), {
+        class: ce(y.value),
+        condensed: ""
+      }, {
+        default: w(() => [
+          J("div", {
+            class: ce(u.value)
+          }, [
+            v(d) && B.value ? (S(), Q("div", Jn, [
+              k(Ke, re({ class: "b-filter-bar__search-bar" }, m.value, {
+                "input-field-aria-label": D.value,
+                value: A.searchTerm,
+                condensed: "",
+                onInput: K,
+                onClear: ne
+              }), null, 16, ["input-field-aria-label", "value"])
+            ])) : X("", !0),
+            $.value.length ? (S(!0), Q(Ve, { key: 1 }, Ce($.value, (p) => (S(), L(qe(p.type), {
+              key: p.field,
+              field: p.field,
+              label: p.label,
+              disabled: p == null ? void 0 : p.disabled,
+              options: p.options,
+              value: p.value,
+              "default-value": p.defaultValue,
+              onUpdate: E
+            }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : X("", !0),
+            (S(!0), Q(Ve, null, Ce(C.value, (p) => (S(), L(qe(p.type), {
+              key: p.field,
+              field: p.field,
+              label: p.label,
+              disabled: p == null ? void 0 : p.disabled,
+              options: p.options,
+              value: p.value,
+              onUpdate: E
+            }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
+            I.value ? (S(), L(qn, {
+              key: 2,
+              class: "b-filter-bar__all-filters-modal",
+              value: i.value,
+              onInput: Y
+            }, null, 8, ["value"])) : X("", !0),
+            T.value ? (S(), L(v(Ae), {
+              key: 3,
+              class: "b-filter-bar__clear-all",
+              onClick: O
+            }, {
+              iconLeft: w(() => [
+                k(v(ft), { "aria-hidden": "true" })
+              ]),
+              default: w(() => [
+                Z(x(v(o)("clearFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : X("", !0),
+            N.value ? (S(), L(v(Ae), {
+              key: 4,
+              class: "b-filter-bar__reset-all",
+              onClick: q
+            }, {
+              iconLeft: w(() => [
+                k(v(ft), { "aria-hidden": "true" })
+              ]),
+              default: w(() => [
+                Z(x(v(o)("resetFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 512));
+  }
+}), Ho = /* @__PURE__ */ le(Qn, [["__scopeId", "data-v-ae476a4a"]]);
+export {
+  Se as B,
+  Ho as a,
+  we as b,
+  _ as c,
+  ie as d,
+  Wt as u
+};
+//# sourceMappingURL=filter-bar.BVj9YVv-.js.map