@adyen/bento-vue3 1.81.0 → 1.82.0

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

@@ -0,0 +1,3211 @@
+import { ref as N, onMounted as Ne, watch as ie, computed as d, defineComponent as Z, useSlots as je, useAttrs as qt, createBlock as V, openBlock as C, unref as g, mergeProps as se, withCtx as A, createElementVNode as Y, renderSlot as ve, createCommentVNode as X, createVNode as R, createTextVNode as ee, toDisplayString as te, createElementBlock as Q, normalizeClass as be, withDirectives as Gt, withKeys as ye, nextTick as pt, toRef as W, onBeforeUpdate as Me, provide as bt, resolveComponent as H, Fragment as Pe, reactive as Jt, isRef as Yt, createSlots as Oe, renderList as Se, normalizeProps as Ve, guardReactiveProps as ke, resolveDynamicComponent as Re } from "vue";
+import { B as we, b as Ie } from "./search-bar.CIi1zffn.js";
+import { u as zt } from "./use-bento-toast-controller.DK1PV3YW.js";
+import { u as me } from "./index.pdBj0KQU.js";
+import { k as Wt } from "./index.E60QniEu.js";
+import { F as ft } from "./fixed-scroller.Dmg8r9QP.js";
+import { _ as Zt } from "./modal.vue_vue_type_script_setup_true_lang.DFCZG9Zc.js";
+import { B as Qt } from "./button.DhcxX2GJ.js";
+import { B as vt } from "./radio-group.C0qJThJ2.js";
+import { t as he } from "./truncate.BfIl_-71.js";
+import { B as Fe, d as He, p as Xt } from "./typography.yBEME_Gu.js";
+import { u as xt, d as mt, h as el, I as tl, k as ll, B as al } from "./button-actions.CbEoQYUV.js";
+import { b as ol } from "./tooltip.B76ucISL.js";
+import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { g as Ye } from "./generate-uid.NJ8tVoha.js";
+import { C as nl } from "./cross-small.n1UO5wNB.js";
+import { B as yt, a as Xe } from "./base-button.BSLpAs8A.js";
+import { u as ht } from "./use-has-slot.B7eQSabc.js";
+import { u as gt } from "./aria-label.CaUURpnB.js";
+import { g as Ft } from "./get-slot-text.CQRAP2_q.js";
+import { B as ze } from "./input-field.CYBjHzVA.js";
+import { B as sl } from "./checkbox-group.tnj89uhH.js";
+import { u as We, B as il } from "./dropdown.Be6ses6k.js";
+import { g as ul } from "./focus-trap.BaHvK7aT.js";
+import { C as rl } from "./chevron-up.kfuLRpZb.js";
+import { C as dl } from "./chevron-down.DCQ6ZLaq.js";
+/* empty css              */
+import { B as Ze } from "./divider.Dho4_hQ7.js";
+import { c as xe, b as cl } from "./use-cached-selected-values.DimYI3lv.js";
+import { L as St } from "./listbox-option-tag.VRGb_04i.js";
+import { B as pl } from "./payment-method.CExDsirg.js";
+import { u as bl } from "./use-country-items.Dzbl2UsO.js";
+import { B as fl } from "./avatar.P2Fkz2I6.js";
+import { D as vl, B as ml, i as qe, a as yl } from "./date-range-picker.BgEM0fyZ.js";
+import { g as Bt } from "./differenceInMonths.Cab3nOsb.js";
+import { D as et } from "./date-format.B8RU7D42.js";
+import { b as hl, f as Ce, i as gl } from "./calendar.CyJXcMz2.js";
+import { B as Fl } from "./date-picker.CYBx1TS_.js";
+import { R as tt } from "./refresh.BB4ouvz_.js";
+import "../assets/filter-bar.css";
+const Ct = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", Dt = (e) => Array.isArray(e), lt = (e) => Dt(e) ? e.length === 0 || e.every((o) => o === "") : !e, Ge = (e, o) => JSON.stringify(e) === JSON.stringify(o), $e = (e) => Ct(e) ? e instanceof Date ? new Date(e.getTime()) : Dt(e) ? e.map((o) => $e(o)) : Object.keys(e).reduce((o, t) => (o[t] = $e(e[t]), o), {}) : e, Sl = (e) => Ct(e) ? Object.fromEntries(Object.keys(e).map((o) => [o, void 0])) : void 0;
+function At(e, o) {
+  const t = N(), s = N();
+  Ne(() => {
+    e.value != null && (s.value = Sl(e.value));
+  }), ie(
+    () => e.value,
+    (u) => {
+      t.value = $e(u);
+    },
+    { immediate: !0 }
+  );
+  const l = d(
+    () => lt(e.value) || Ge(e.value, s.value)
+  ), n = d(
+    () => o.value != null ? Ge(o.value, e.value) : l.value
+  ), r = d(() => Ge(t.value, e.value) || lt(t.value) && l.value);
+  function a(u) {
+    t.value = $e(s.value), u && u(t.value);
+  }
+  function i(u) {
+    t.value = $e(o.value), u && u(t.value);
+  }
+  function f(u) {
+    t.value = $e(e.value), u && u(t.value);
+  }
+  return {
+    // Values
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: n,
+    isApplyButtonDisabled: r,
+    // Methods
+    clearFilter: a,
+    resetFilter: i,
+    openFilter: f
+  };
+}
+const Bl = { class: "b-filter-bar-button__container" }, Cl = { class: "b-filter-bar-button__label-container" }, Dl = {}, Al = /* @__PURE__ */ Z({
+  ...Dl,
+  __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: o }) {
+    const t = e, s = o, l = je(), n = qt(), r = ht(l), a = d(() => l.default ? Ft(l)("default") : null), i = d(() => !r("default") && r("iconLeft")), f = gt({ ariaLabel: a }), u = N(null), F = d(() => {
+      var S;
+      return {
+        "aria-controls": (S = n["aria-controls"]) == null ? void 0 : S.toString()
+      };
+    }), O = d(
+      () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
+    ), c = d(() => ({
+      "b-filter-bar-button--applied": O.value || t.active,
+      "b-filter-bar-button--filter-open": t.isFilterOpen && !O.value,
+      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && O.value,
+      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
+      "b-filter-bar-button--with-counter": t.appliedFiltersCount,
+      "b-filter-bar-button--icon-only": i.value
+    })), v = (S) => {
+      S.preventDefault(), t.disabled || s("click", S);
+    };
+    return (S, T) => (C(), V(g(yt), se({
+      ref_key: "filterBarButtonRef",
+      ref: u
+    }, S.$attrs, {
+      class: ["b-filter-bar-button", c.value],
+      disabled: e.disabled,
+      "aria-label": g(f),
+      "aria-controls": F.value["aria-controls"],
+      type: "button",
+      onClick: v
+    }), {
+      iconRight: A(() => [
+        e.appliedFiltersCount && !i.value ? (C(), V(g(Fe), {
+          key: 0,
+          class: "b-filter-bar-button__counter",
+          el: "span",
+          variant: "body",
+          stronger: ""
+        }, {
+          default: A(() => [
+            ee(te(e.appliedFiltersCount), 1)
+          ]),
+          _: 1
+        })) : X("", !0)
+      ]),
+      default: A(() => [
+        Y("div", Bl, [
+          g(r)("iconLeft") ? ve(S.$slots, "iconLeft", { key: 0 }, void 0, !0) : X("", !0),
+          Y("div", Cl, [
+            R(g(Fe), {
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__label"
+            }, {
+              default: A(() => [
+                Y("span", null, [
+                  ve(S.$slots, "default", {}, void 0, !0)
+                ]),
+                e.secondaryLabel && !i.value ? (C(), V(g(Fe), {
+                  key: 0,
+                  el: "span",
+                  variant: "body",
+                  stronger: "",
+                  class: "b-filter-bar-button__label"
+                }, {
+                  default: A(() => T[0] || (T[0] = [
+                    ee(":")
+                  ])),
+                  _: 1
+                })) : X("", !0)
+              ]),
+              _: 3
+            }),
+            e.secondaryLabel && !i.value ? (C(), V(g(Fe), {
+              key: 0,
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__secondary-label"
+            }, {
+              default: A(() => [
+                ee(te(e.secondaryLabel), 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "disabled", "aria-label", "aria-controls"]));
+  }
+}), Ee = /* @__PURE__ */ x(Al, [["__scopeId", "data-v-e8fc31f4"]]);
+var _ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(_ || {}), De = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(De || {}), ne = /* @__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))(ne || {});
+const at = 430, ot = 700;
+function Tl(e, o) {
+  const t = N("div"), s = N(!1), l = N(0), n = d(() => !(l.value < at && o.value.small === "multi-line"));
+  function r() {
+    s.value = !1, t.value = "div";
+  }
+  function a() {
+    s.value = !0, t.value = ft;
+  }
+  function i() {
+    l.value > ot || l.value < ot && l.value >= at && o.value.medium === "multi-line" ? r() : a();
+  }
+  return ie(() => o.value, i), Wt(e, (f) => {
+    l.value = f[0].contentRect.width, i();
+  }), {
+    screenLayoutComponent: t,
+    showSearchbarInsideContainer: n,
+    isOneLineLayout: s
+  };
+}
+const Il = {}, $l = /* @__PURE__ */ Z({
+  ...Il,
+  __name: "filter-bar-button-group",
+  props: {
+    isActive: { type: Boolean, default: !1 },
+    skipGrouping: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = d(() => ({
+      "b-filter-bar-button-group--active": o.isActive,
+      "b-filter-bar-button-group--grouped": !o.skipGrouping
+    }));
+    return (s, l) => (C(), Q("div", {
+      class: be(["b-filter-bar-button-group", t.value])
+    }, [
+      ve(s.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), _l = /* @__PURE__ */ x($l, [["__scopeId", "data-v-9ce16194"]]);
+var ue = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(ue || {});
+const Tt = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    clearFilter: "Clear filter {function}",
+    filtersHaveBeenCleared: "Filters have been cleared",
+    numberSelected: "{numberOfItemsSelected} selected",
+    reset: "Reset",
+    resetFilter: "Reset filter {function}"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    reset: "リセット"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    reset: "Reiniciar"
+  }
+}, Ul = { key: 0 }, Pl = {
+  key: 1,
+  class: "b-base-filter"
+}, Ol = {
+  i18n: { messages: Tt },
+  name: "bento-base-filter"
+}, El = /* @__PURE__ */ Z({
+  ...Ol,
+  props: {
+    appliedFiltersCount: { default: null },
+    buttonLabel: { default: void 0 },
+    buttonSecondaryLabel: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: null },
+    onlySlot: { type: Boolean, default: !1 },
+    controlled: { type: Boolean, default: !1 },
+    disableApplyButton: { type: Boolean, default: !1 },
+    disableSecondaryButton: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    fitContent: { type: Boolean, default: void 0 },
+    tooltipText: { default: void 0 },
+    tooltipPosition: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: [
+    ue.APPLY,
+    ue.CLEAR,
+    ue.OPEN,
+    ue.CLOSE,
+    ue.RESET,
+    ue.CANCEL
+  ],
+  setup(e, { expose: o, emit: t }) {
+    const s = t, l = e, { t: n } = me({ messages: Tt }), r = Ye("base-filter-popover"), a = N(!1), i = N(null), f = N(null), u = d(() => l.defaultValue !== null), F = d(() => u.value ? JSON.stringify(l.value) !== JSON.stringify(l.defaultValue) : l.appliedFiltersCount || l.buttonSecondaryLabel), O = d(() => {
+      let P = l.buttonSecondaryLabel ? `: ${l.buttonSecondaryLabel}` : "";
+      return l.appliedFiltersCount && (P = `: ${n("numberSelected", { numberOfItemsSelected: l.appliedFiltersCount })}`), (u.value ? l.label : v.value) + P;
+    }), c = d(
+      () => u.value ? n("resetFilter", {
+        function: v.value
+      }) : n("clearFilter", {
+        function: v.value
+      })
+    ), v = d(() => l.buttonLabel || l.label), S = async () => {
+      var P, D;
+      await pt(), (D = (P = i.value) == null ? void 0 : P.$el) == null || D.focus();
+    }, T = () => {
+      a.value && (a.value = !1, S(), s(ue.CLOSE));
+    }, E = () => {
+      u.value ? s(ue.RESET) : s(ue.CLEAR), S();
+    }, U = () => {
+      T(), E();
+    }, $ = () => {
+      a.value ? T() : (a.value = !0, s(ue.OPEN));
+    }, j = () => {
+      T(), s(ue.APPLY);
+    }, B = () => {
+      T(), s(ue.CANCEL);
+    }, k = () => B(), K = d(() => [
+      {
+        title: n("apply"),
+        event: j,
+        disabled: l.disableApplyButton
+      },
+      {
+        title: u.value ? n("reset") : n("clear"),
+        event: U,
+        disabled: l.disableSecondaryButton
+      }
+    ]);
+    return ie(
+      () => a.value,
+      (P, D) => {
+        var G, z;
+        !P && D && (z = (G = i.value) == null ? void 0 : G.filterBarButtonRef) != null && z.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      }
+    ), xt(f, k, { ignore: [i] }), o({
+      closePopover: T
+    }), (P, D) => P.onlySlot ? (C(), Q("div", Ul, [
+      ve(P.$slots, "default", {}, void 0, !0)
+    ])) : (C(), Q("div", Pl, [
+      Gt((C(), V(_l, {
+        "is-active": a.value,
+        "skip-grouping": !F.value
+      }, {
+        default: A(() => [
+          R(g(Ee), {
+            ref_key: "filterButtonRef",
+            ref: i,
+            "aria-label": O.value,
+            "aria-controls": a.value ? g(r) : null,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": u.value,
+            "is-filter-open": a.value,
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: $,
+            onKeydown: ye(T, ["esc"])
+          }, {
+            default: A(() => [
+              ee(te(v.value), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
+          F.value ? (C(), V(g(Ee), {
+            key: 0,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": u.value,
+            "is-filter-open": a.value,
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: E
+          }, {
+            iconLeft: A(() => [
+              R(g(nl), { "svg-title": c.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"])), [
+        [g(ol), P.tooltipText, P.tooltipPosition]
+      ]),
+      i.value ? (C(), V(mt, { key: 0 }, {
+        default: A(() => [
+          i.value ? (C(), V(el, {
+            key: 0,
+            id: g(r),
+            ref_key: "popoverRef",
+            ref: f,
+            class: "b-base-filter__popover",
+            divider: "",
+            "aria-label": P.label,
+            open: a.value,
+            actions: P.controlled ? null : K.value,
+            "actions-layout": "space-between",
+            "target-element": i.value,
+            title: P.controlled ? null : P.label,
+            "fit-content": P.fitContent,
+            position: "bottom-start",
+            "without-space": P.controlled,
+            "fallback-position": ["bottom-end"],
+            "overflow-visible": ""
+          }, {
+            default: A(() => [
+              Y("div", {
+                onKeydown: ye(B, ["esc"])
+              }, [
+                ve(P.$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)
+    ]));
+  }
+}), ge = /* @__PURE__ */ x(El, [["__scopeId", "data-v-79ccf445"]]), Ll = (e) => e instanceof Array, nt = (e) => Ll(e) ? e.length === 0 || e.every((o) => o === "") : !e, st = (e, o) => JSON.stringify(e) === JSON.stringify(o), Be = (e, o) => {
+  const t = N(e.value);
+  ie(
+    () => e.value,
+    () => {
+      t.value = e.value;
+    }
+  );
+  const s = d(() => nt(e.value)), l = d(
+    () => o.value !== null ? st(o.value, e.value) : s.value
+  ), n = d(() => st(t.value, e.value) || nt(t.value) && s.value);
+  return {
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: l,
+    isApplyButtonDisabled: n
+  };
+}, Rl = {
+  name: "bento-input-filter"
+}, Vl = /* @__PURE__ */ Z({
+  ...Rl,
+  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: o }) {
+    var K, P;
+    const t = e, s = o, l = N(null), n = N((P = (K = t == null ? void 0 : t.options) == null ? void 0 : K.dropdown) == null ? void 0 : P.value), r = d(
+      () => {
+        var D, G;
+        return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" && ((G = t == null ? void 0 : t.options) == null ? void 0 : G.dropdown) !== void 0;
+      }
+    ), a = d(
+      () => {
+        var D;
+        return r.value ? { ...(D = t == null ? void 0 : t.options) == null ? void 0 : D.dropdown, value: n.value } : void 0;
+      }
+    ), i = d(() => {
+      var D;
+      return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+    }), f = d(
+      () => {
+        var D;
+        return r.value ? (D = t.value) == null ? void 0 : D.inputValue : t == null ? void 0 : t.value;
+      }
+    ), { internalFilterValue: u, isSecondaryButtonDisabled: F, isApplyButtonDisabled: O } = Be(
+      f,
+      W(t, "defaultValue")
+    ), c = d(() => t.label), v = d(() => he(f.value, 12)), S = d(() => ({
+      "b-input-filter--only-slot": t.onlySlot
+    }));
+    Me(() => {
+      u.value === "" && (u.value = null);
+    }), ie(l, () => {
+      var D;
+      (D = l.value) == null || D.focusInput();
+    });
+    const T = () => {
+      u.value = f.value;
+    }, E = () => {
+      !u.value && t.defaultValue !== null && (u.value = t.defaultValue), s("update", {
+        ...t,
+        value: r.value ? {
+          inputValue: u.value,
+          dropdownValue: n.value
+        } : u.value
+      });
+    }, U = () => s("update", { ...t, value: t.defaultValue }), $ = () => {
+      u.value = null, E();
+    }, j = () => {
+      s("input", { ...t, value: u.value });
+    }, B = (D) => {
+      u.value = D;
+    }, k = (D) => {
+      n.value = D;
+    };
+    return bt(tl, r.value), ie(
+      () => t.options,
+      () => {
+        var D, G, z;
+        ((D = t.options) != null && D.dropdown || (G = t.options) != null && G.dropdownPosition || (z = t.options) != null && z.variant) && He(
+          '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 }
+    ), (D, G) => {
+      var z, le;
+      return C(), V(g(ge), se(D.$props, {
+        "button-label": c.value,
+        "button-secondary-label": v.value,
+        "disable-apply-button": g(O),
+        "disable-secondary-button": g(F),
+        "only-slot": D.onlySlot,
+        "popover-overflow-visible": r.value,
+        "tooltip-position": (z = D.options) == null ? void 0 : z.tooltipPosition,
+        "tooltip-text": (le = D.options) == null ? void 0 : le.tooltipText,
+        onApply: E,
+        onClear: $,
+        onOpen: T,
+        onReset: U
+      }), {
+        default: A(() => {
+          var I, y;
+          return [
+            Y("div", {
+              class: be(["b-input-filter", S.value]),
+              onKeydown: ye(E, ["enter"]),
+              onInput: j
+            }, [
+              R(g(ze), {
+                ref_key: "inputTextRef",
+                ref: l,
+                dropdown: a.value,
+                "dropdown-position": (I = D.options) == null ? void 0 : I.dropdownPosition,
+                placeholder: (y = D.options) == null ? void 0 : y.placeholder,
+                variant: i.value,
+                "model-value": g(u),
+                disabled: D.disabled,
+                "onUpdate:modelValue": B,
+                onDropdownInput: k
+              }, 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"]);
+    };
+  }
+}), It = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-57f2a128"]]), kl = {
+  name: "bento-input-with-dropdown-filter"
+}, wl = /* @__PURE__ */ Z({
+  ...kl,
+  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: o }) {
+    const t = e, s = o, l = N(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: a } = Be(W(t, "value"), W(t, "defaultValue")), i = d(() => t.label), f = d(() => {
+      var B;
+      return he((B = t.value) == null ? void 0 : B.inputValue, 12);
+    }), u = d(
+      () => {
+        var B, k, K, P, D;
+        return ((B = n.value) == null ? void 0 : B.dropdownValue) ?? ((K = (k = t.options) == null ? void 0 : k.dropdown) == null ? void 0 : K.modelValue) ?? ((D = (P = t.options) == null ? void 0 : P.dropdown) == null ? void 0 : D.value);
+      }
+    ), F = d(() => {
+      var B;
+      return {
+        ...((B = t.options) == null ? void 0 : B.dropdown) || {},
+        modelValue: u.value
+      };
+    }), O = d(() => ({
+      "b-input-with-dropdown-filter--only-slot": t.onlySlot
+    })), c = d(() => {
+      var k;
+      return !(!!((k = n.value) != null && k.inputValue) && !!u.value) || a.value;
+    });
+    Me(() => {
+      var B;
+      ((B = n.value) == null ? void 0 : B.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
+    }), ie(l, () => {
+      var B;
+      (B = l.value) == null || B.focusInput();
+    });
+    const v = () => {
+      n.value = t.value;
+    }, S = () => {
+      var B;
+      !((B = n.value) != null && B.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), s(_.UPDATE, {
+        ...t,
+        value: n.value
+      });
+    }, T = () => s(_.UPDATE, { ...t, value: t.defaultValue }), E = () => {
+      n.value = null, S();
+    }, U = () => {
+      s(_.INPUT, { ...t, value: n.value });
+    }, $ = (B) => {
+      n.value = { dropdownValue: u.value, inputValue: B };
+    }, j = (B) => {
+      n.value = { ...n.value, dropdownValue: B };
+    };
+    return bt(ll, !0), (B, k) => {
+      var K, P;
+      return C(), V(g(ge), se(B.$props, {
+        "button-label": i.value,
+        "button-secondary-label": f.value,
+        "disable-apply-button": c.value,
+        "disable-secondary-button": g(r),
+        "only-slot": B.onlySlot,
+        "tooltip-position": (K = B.options) == null ? void 0 : K.tooltipPosition,
+        "tooltip-text": (P = B.options) == null ? void 0 : P.tooltipText,
+        onApply: S,
+        onClear: E,
+        onOpen: v,
+        onReset: T
+      }), {
+        default: A(() => {
+          var D, G;
+          return [
+            Y("div", {
+              class: be(["b-input-with-dropdown-filter", O.value]),
+              onKeydown: ye(S, ["enter"]),
+              onInput: U
+            }, [
+              R(g(ze), {
+                ref_key: "inputTextRef",
+                ref: l,
+                dropdown: F.value,
+                "dropdown-position": (D = B.options) == null ? void 0 : D.dropdownPosition,
+                variant: "dropdown",
+                "model-value": (G = g(n)) == null ? void 0 : G.inputValue,
+                disabled: B.disabled,
+                "onUpdate:modelValue": $,
+                onDropdownInput: j
+              }, 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"]);
+    };
+  }
+}), $t = /* @__PURE__ */ x(wl, [["__scopeId", "data-v-db04529c"]]), Nl = Z({
+  name: "bento-date-filter",
+  components: {
+    BentoBaseFilter: ge,
+    BentoDatePicker: Fl,
+    BentoDivider: Ze,
+    Calendar: hl
+  },
+  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: o }) {
+    const { locale: t } = me(void 0), s = Bt(), { internalFilterValue: l, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = Be(
+      W(e, "value"),
+      W(e, "defaultValue")
+    ), a = d(
+      () => {
+        var T;
+        return e.value ? Ce(e.value, "dd MMM, yyyy", {
+          locale: s[(T = t.value) == null ? void 0 : T.substring(0, 2)] || s.enUS
+        }) : null;
+      }
+    ), i = d(() => e.label), f = d(() => a.value), u = () => {
+      o(_.UPDATE, { ...e, value: l.value });
+    }, F = () => {
+      l.value = null, u();
+    }, O = () => {
+      l.value = e.defaultValue, u();
+    }, c = () => {
+      l.value = e.value;
+    }, v = (T) => {
+      l.value = T, o(_.INPUT, { ...e, value: l.value });
+    };
+    return {
+      // Values
+      internalFilterValue: l,
+      isApplyButtonDisabled: r,
+      isSecondaryButtonDisabled: n,
+      buttonLabel: i,
+      buttonSecondaryLabel: f,
+      // Events
+      clearFilter: F,
+      onDateSelected: v,
+      openFilter: c,
+      updateFilter: u,
+      resetFilter: O,
+      onDateInputSelected: (T) => {
+        l.value = T, v(T), u();
+      }
+    };
+  }
+}), jl = { class: "b-date-filter" };
+function Ml(e, o, t, s, l, n) {
+  var u, F;
+  const r = H("bento-date-picker"), a = H("bento-divider"), i = H("calendar"), f = H("bento-base-filter");
+  return C(), V(f, {
+    "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": (u = e.options) == null ? void 0 : u.tooltipPosition,
+    "tooltip-text": (F = e.options) == null ? void 0 : F.tooltipText,
+    "fit-content": "",
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }, {
+    default: A(() => {
+      var O, c, v, S, T, E;
+      return [
+        e.onlySlot ? (C(), V(r, {
+          key: 0,
+          value: e.internalFilterValue,
+          "first-day-of-week": (O = e.options) == null ? void 0 : O.firstDayOfWeek,
+          "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled,
+          variant: (v = e.options) == null ? void 0 : v.variant,
+          disabled: e.disabled,
+          onInput: e.onDateInputSelected
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (C(), Q(Pe, { key: 1 }, [
+          R(a, { class: "b-date-filter__divider" }),
+          Y("div", jl, [
+            R(i, {
+              "first-day-of-week": (S = e.options) == null ? void 0 : S.firstDayOfWeek,
+              "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
+              "number-of-months": 1,
+              value: e.internalFilterValue,
+              variant: (E = e.options) == null ? void 0 : E.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 _t = /* @__PURE__ */ x(Nl, [["render", Ml], ["__scopeId", "data-v-28d8abb7"]]), it = {
+  "en-US": {
+    apply: "Apply",
+    clear: "Clear",
+    reset: "Reset"
+  },
+  "ja-JP": {
+    apply: "適用",
+    clear: "クリア",
+    reset: "リセット"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    clear: "Limpar",
+    reset: "Reiniciar"
+  }
+}, Hl = Z({
+  i18n: { messages: it },
+  name: "bento-date-range-filter",
+  components: {
+    BentoBaseFilter: ge,
+    BentoButtonActions: al,
+    BentoDateRangePicker: ml,
+    BentoTypography: Fe,
+    BentoDivider: Ze,
+    DateRangePickerCalendar: vl
+  },
+  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: o }) {
+    var y, p, w, J;
+    const { locale: t, t: s } = me({ messages: it }), l = Bt(), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: a } = Be(
+      W(e, "value"),
+      W(e, "defaultValue")
+    ), i = N(!1), f = d(() => {
+      var b;
+      return ((b = e == null ? void 0 : e.options) == null ? void 0 : b.quickSelectRanges) && e.options.quickSelectRanges.map((L) => {
+        const h = L.data.endDate ? void 0 : new Date(Date.now()).getTime() - L.data.startDate.getTime();
+        return {
+          ...L,
+          data: {
+            ...L.data,
+            // Adding timeDifference to calculate an up-to-date endDate on range selection
+            timeDifference: h
+          }
+        };
+      });
+    }), u = (b) => {
+      var L;
+      return b ? Ce(b, et.NUMERIC_DATE_YEAR_FIRST, {
+        locale: l[(L = t.value) == null ? void 0 : L.substring(0, 2)] || l.enUS
+      }) : void 0;
+    }, F = (b) => {
+      var L;
+      return b ? Ce(b, et.HOUR_MINUTE_SECONDS, {
+        locale: l[(L = t.value) == null ? void 0 : L.substring(0, 2)] || l.enUS
+      }) : "";
+    }, O = N(null), c = N(!1), v = Jt({
+      startDate: u((y = e.value) == null ? void 0 : y.startDate),
+      endDate: u((p = e.value) == null ? void 0 : p.endDate),
+      startTime: F((w = e.value) == null ? void 0 : w.startDate),
+      endTime: F((J = e.value) == null ? void 0 : J.endDate)
+    });
+    ie(
+      () => e.value,
+      () => {
+        var b, L, h, m;
+        v.startDate = u((b = e.value) == null ? void 0 : b.startDate), v.endDate = u((L = e.value) == null ? void 0 : L.endDate), v.startTime = F((h = e.value) == null ? void 0 : h.startDate), v.endTime = F((m = e.value) == null ? void 0 : m.endDate);
+      }
+    );
+    function S(b) {
+      return (b == null ? void 0 : b.length) !== void 0;
+    }
+    const T = (b) => {
+      var L, h, m, M, q, ae, re, de, ce, pe;
+      if (!b || !(b != null && b.startDate) && !b.endDate)
+        return null;
+      if (S((L = e.options) == null ? void 0 : L.quickSelectRanges) && ((m = (h = e.options) == null ? void 0 : h.quickSelectRanges) == null ? void 0 : m.length) > 0) {
+        const fe = (q = (M = e.options) == null ? void 0 : M.quickSelectRanges) == null ? void 0 : q.find(({ value: Te, data: oe }) => b ? b.range ? Te === b.range : !b.startDate || !b.endDate ? !1 : oe != null && oe.endDate ? qe(oe == null ? void 0 : oe.startDate, b.startDate) && qe(oe == null ? void 0 : oe.endDate, b.endDate) : qe(oe == null ? void 0 : oe.startDate, b.startDate) && yl(b.endDate) : !1);
+        if (fe)
+          return fe.label;
+      }
+      return !b.startDate || !b.endDate ? null : gl(b.startDate, b.endDate) && ((ae = e == null ? void 0 : e.options) != null && ae.allowTimeInput) ? `${Ce(b.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: l[(re = t.value) == null ? void 0 : re.substring(0, 2)] || l.enUS
+      })} - ${Ce(b.endDate, "HH:mm:ss", {
+        locale: l[(de = t.value) == null ? void 0 : de.substring(0, 2)] || l.enUS
+      })}` : `${Ce(b.startDate, "dd MMM, yyyy", {
+        locale: l[(ce = t.value) == null ? void 0 : ce.substring(0, 2)] || l.enUS
+      })} - ${Ce(b.endDate, "dd MMM, yyyy", {
+        locale: l[(pe = t.value) == null ? void 0 : pe.substring(0, 2)] || l.enUS
+      })}`;
+    }, E = N(T(e.value)), U = d(() => e.label), $ = () => {
+      O.value.closePopover();
+      const { onlySlot: b, ...L } = e;
+      o(_.UPDATE, { ...L, value: n.value });
+    }, j = () => {
+      n.value = void 0, $();
+    }, B = () => {
+      n.value = e.defaultValue, $();
+    }, k = () => {
+      n.value = e.value;
+    }, K = () => {
+      var b, L, h, m;
+      n.value = e.value, i.value = !1, v.startDate = u((b = e.value) == null ? void 0 : b.startDate), v.endDate = u((L = e.value) == null ? void 0 : L.endDate), v.startTime = F((h = e.value) == null ? void 0 : h.startDate), v.endTime = F((m = e.value) == null ? void 0 : m.endDate);
+    }, P = (b) => {
+      i.value = !1, n.value = b, v.startDate = u(b.startDate), v.endDate = u(b.endDate), o(_.INPUT, { ...e, value: n.value });
+    }, D = (b) => {
+      b != null && b.startDate && (b != null && b.endDate) && (n.value = b, v.startDate = u(b.startDate), v.endDate = u(b.endDate), o(_.INPUT, { ...e, value: n.value }));
+    }, G = (b) => {
+      P(b), o(_.INPUT, { ...e, value: n.value });
+    }, z = d(
+      () => [
+        {
+          title: s("apply"),
+          event: $,
+          disabled: i.value || c.value || a.value
+        },
+        {
+          title: e.defaultValue ? s("reset") : s("clear"),
+          event: e.defaultValue ? B : j,
+          disabled: c.value && r.value
+        }
+      ]
+    ), le = () => {
+      c.value = !0, n.value = { startDate: void 0, endDate: void 0 }, o(_.INPUT, { ...e, value: n.value });
+    }, I = (b) => {
+      c.value = !1, b.startTime && (v.startTime = b.startTime), b.endTime && (v.endTime = b.endTime);
+    };
+    return ie(
+      () => e.value,
+      (b) => {
+        E.value = T(b);
+      },
+      { deep: !0 }
+    ), {
+      // Refs
+      baseFilter: O,
+      // Values
+      actions: z,
+      formData: v,
+      internalFilterValue: n,
+      isApplyButtonDisabled: a,
+      isSecondaryButtonDisabled: r,
+      isSelectingDate: i,
+      buttonLabel: U,
+      buttonSecondaryLabel: E,
+      adjustedQuickSelectRanges: f,
+      // Events
+      onCancel: K,
+      onDateSelected: P,
+      openFilter: k,
+      clearFilter: j,
+      resetFilter: B,
+      updateFilter: $,
+      onDatePickerRangeError: le,
+      onDatePickerRangeFormDateInputUpdate: I,
+      onDateInputSelected: G,
+      onRangeSelectorInput: D
+    };
+  }
+}), Kl = {
+  key: 1,
+  class: "b-date-range-filter"
+};
+function ql(e, o, t, s, l, n) {
+  var O, c;
+  const r = H("bento-date-range-picker"), a = H("bento-typography"), i = H("bento-divider"), f = H("bento-button-actions"), u = H("date-range-picker-calendar"), F = H("bento-base-filter");
+  return C(), V(F, {
+    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": (O = e.options) == null ? void 0 : O.tooltipPosition,
+    "tooltip-text": (c = e.options) == null ? void 0 : c.tooltipText,
+    "fit-content": "",
+    onOpen: e.openFilter,
+    onClear: e.clearFilter,
+    onReset: e.resetFilter,
+    onCancel: e.onCancel
+  }, {
+    default: A(() => {
+      var v, S, T, E, U, $, j, B, k, K, P, D, G, z, le, I, y, p, w, J, b;
+      return [
+        e.onlySlot ? (C(), V(r, {
+          key: 0,
+          "allow-time-input": (v = e.options) == null ? void 0 : v.allowTimeInput,
+          "model-value": e.internalFilterValue,
+          "first-day-of-week": (S = e.options) == null ? void 0 : S.firstDayOfWeek,
+          "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
+          "number-of-months": (E = e.options) == null ? void 0 : E.numberOfMonths,
+          "quick-select-ranges": (U = e.options) == null ? void 0 : U.quickSelectRanges,
+          variant: ($ = e.options) == null ? void 0 : $.variant,
+          disabled: e.disabled,
+          granularities: (j = e.options) == null ? void 0 : j.granularities,
+          "max-range": (B = e.options) == null ? void 0 : B.maxRange,
+          min: (k = e.options) == null ? void 0 : k.min,
+          max: (K = e.options) == null ? void 0 : K.max,
+          "date-form-data": e.formData,
+          "show-end-date-on-open": (P = e.options) == null ? void 0 : P.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"])) : (C(), Q("div", Kl, [
+          R(u, {
+            "allow-time-input": (D = e.options) == null ? void 0 : D.allowTimeInput,
+            "first-day-of-week": (G = e.options) == null ? void 0 : G.firstDayOfWeek,
+            "is-date-disabled": (z = e.options) == null ? void 0 : z.isDateDisabled,
+            granularities: (le = e.options) == null ? void 0 : le.granularities,
+            "max-range": (I = e.options) == null ? void 0 : I.maxRange,
+            min: (y = e.options) == null ? void 0 : y.min,
+            max: (p = e.options) == null ? void 0 : p.max,
+            "number-of-months": (w = e.options) == null ? void 0 : w.numberOfMonths,
+            "quick-select-ranges": e.adjustedQuickSelectRanges,
+            value: e.internalFilterValue,
+            "date-form-data": e.formData,
+            "show-end-date-on-open": (J = e.options) == null ? void 0 : J.showEndDateOnOpen,
+            variant: (b = e.options) == null ? void 0 : b.variant,
+            onInput: e.onDateSelected,
+            onCustomRange: e.onRangeSelectorInput,
+            onError: e.onDatePickerRangeError,
+            onFormDate: e.onDatePickerRangeFormDateInputUpdate,
+            onStartDateSelected: o[0] || (o[0] = (L) => e.isSelectingDate = !0)
+          }, {
+            title: A(() => [
+              R(a, {
+                strongest: "",
+                variant: "body",
+                el: "span"
+              }, {
+                default: A(() => [
+                  ee(te(e.label), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            actions: A(() => [
+              R(i, { class: "b-date-range-filter__divider" }),
+              R(f, {
+                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 Ut = /* @__PURE__ */ x(Hl, [["render", ql], ["__scopeId", "data-v-e3901321"]]), Gl = {
+  name: "bento-radio-group-filter"
+}, Jl = /* @__PURE__ */ Z({
+  ...Gl,
+  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: o }) {
+    const t = e, s = o, {
+      // Fields
+      internalFilterValue: l,
+      isSecondaryButtonDisabled: n,
+      isApplyButtonDisabled: r,
+      // Methods
+      clearFilter: a,
+      openFilter: i,
+      resetFilter: f
+    } = At(W(t, "value"), W(t, "defaultValue")), u = d(() => {
+      var S;
+      const v = ((S = t.options.items.find((T) => T.value === t.value)) == null ? void 0 : S.label) || "";
+      return he(v, 12);
+    }), F = d(() => ({
+      "b-radio-group-filter--only-slot": t.onlySlot
+    }));
+    function O(v) {
+      l.value = v, s("input", { ...t, value: l.value });
+    }
+    function c() {
+      s("update", { ...t, value: l.value });
+    }
+    return (v, S) => (C(), V(g(ge), se(v.$props, {
+      "button-label": v.label,
+      "button-secondary-label": u.value,
+      "disable-apply-button": g(r),
+      "disable-secondary-button": g(n),
+      "only-slot": v.onlySlot,
+      onApply: c,
+      onClear: S[1] || (S[1] = (T) => g(a)(c)),
+      onOpen: g(i),
+      onReset: S[2] || (S[2] = (T) => g(f)(c))
+    }), {
+      default: A(() => {
+        var T;
+        return [
+          Y("div", {
+            class: be(["b-radio-group-filter", F.value])
+          }, [
+            R(g(vt), {
+              modelValue: g(l),
+              "onUpdate:modelValue": [
+                S[0] || (S[0] = (E) => Yt(l) ? l.value = E : null),
+                O
+              ],
+              items: (T = v.options) == null ? void 0 : T.items,
+              label: v.label,
+              disabled: v.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"]));
+  }
+}), Pt = /* @__PURE__ */ x(Jl, [["__scopeId", "data-v-b1a70e21"]]), Ot = {
+  "en-US": {
+    all: "All",
+    noFiltersMatchThisSearch: "No filters match this search",
+    searchFilter: "Search {filter}"
+  },
+  "ja-JP": {
+    all: "すべて"
+  },
+  "pt-BR": {
+    all: "Todos"
+  }
+}, Yl = { class: "b-select-filter-button__search-bar-wrapper" }, zl = {
+  key: 0,
+  class: "b-select-filter-button__search-bar"
+}, Wl = { class: "b-select-filter-button__divider" }, Zl = {
+  i18n: { messages: Ot }
+}, Ql = /* @__PURE__ */ Z({
+  ...Zl,
+  __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: o }) {
+    var le, I;
+    const t = je(), s = o, l = e, { t: n } = me({ messages: Ot }), r = N(""), a = W(l, "options"), i = N(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: f, setCachedValues: u, resetCache: F } = xe(
+      i,
+      W(l, "value"),
+      W(a.value, "multiple")
+    ), { cachedSelectedListboxOptions: O } = xe(
+      i,
+      W(l, "defaultValue"),
+      W(a.value, "multiple")
+    ), { internalFilterValue: c, isSecondaryButtonDisabled: v, isApplyButtonDisabled: S } = Be(f, O);
+    ie(a, () => {
+      i.value = a.value.listboxItems ?? [];
+    });
+    const T = We(
+      r,
+      i,
+      (I = (le = l.options) == null ? void 0 : le.search) == null ? void 0 : I.searchEvent
+    ), E = d(() => n("noFiltersMatchThisSearch")), U = d(() => l.label), $ = d(() => {
+      var w, J, b, L, h;
+      const y = !((w = l == null ? void 0 : l.options) != null && w.multiple) && l.value != null, p = ((J = l == null ? void 0 : l.options) == null ? void 0 : J.multiple) && Array.isArray(l.value) && l.value.length === 1;
+      if (y || p) {
+        if ((b = l.options) != null && b.enableValueLabelPair) {
+          let q = ((L = l.value) == null ? void 0 : L.length) > 0 ? l.value[0].label : l.value.label;
+          return q || (q = l.value, Xt(
+            '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'
+          )), he(q, 12);
+        }
+        let M = (h = l.options.listboxItems.flatMap((q) => q.items ? q.items : q).find(
+          ({ value: q }) => {
+            var ae;
+            return Array.isArray(l.value) ? (ae = l == null ? void 0 : l.value) == null ? void 0 : ae.includes(q) : q === l.value;
+          }
+        )) == null ? void 0 : h.label;
+        return !M && l.value && (M = l.value[0]), he(M, 12);
+      }
+      return null;
+    }), j = d(() => Ye(`filter-listbox-${l.field}`)), B = (y) => {
+      var b, L, h;
+      c.value = y;
+      const { onlySlot: p, ...w } = l;
+      if ((b = l.options) != null && b.multiple) {
+        let m;
+        (L = l.options) != null && L.enableValueLabelPair ? m = y.length ? c.value : null : m = y.length ? c.value.map(({ value: M }) => M) : null, s(_.INPUT, { ...w, value: m });
+        return;
+      }
+      let J;
+      (h = l.options) != null && h.enableValueLabelPair ? J = y.length ? y[0] : null : J = y.length ? y[0].value : null, s(_.INPUT, { ...w, value: J });
+    }, k = () => {
+      var J, b, L, h, m, M;
+      const { onlySlot: y, ...p } = l;
+      if (l.options.multiple) {
+        c.value && ((J = c.value) == null ? void 0 : J.length) === 0 && (c.value = l.defaultValue !== null ? O.value : void 0);
+        let q;
+        (b = l.options) != null && b.enableValueLabelPair ? q = (L = c.value) != null && L.length ? c.value : null : q = (h = c.value) != null && h.length ? (m = c.value) == null ? void 0 : m.map(({ value: ae }) => ae) : null, s(_.UPDATE, {
+          ...p,
+          value: q
+        });
+        return;
+      }
+      let w;
+      (M = l.options) != null && M.enableValueLabelPair ? w = c.value.length ? c.value[0] : void 0 : w = c.value.length ? c.value[0].value : void 0, s(_.UPDATE, { ...p, value: w });
+    }, K = () => {
+      var y, p;
+      c.value = f.value, (p = (y = l.options) == null ? void 0 : y.onOpen) == null || p.call(y);
+    }, P = () => {
+      r.value && (r.value = "");
+    }, D = () => {
+      u(O.value), c.value = O.value, k();
+    }, G = () => {
+      F(), c.value = [], k();
+    }, z = d(() => {
+      var w, J;
+      if (l.value == null || !l.options.multiple)
+        return null;
+      const y = (w = l.options.listboxItems) == null ? void 0 : w.reduce((b, L) => {
+        var h;
+        return b += (h = L == null ? void 0 : L.items) != null && h.length ? L.items.length : 1, b;
+      }, 0), p = (J = l.value) == null ? void 0 : J.length;
+      return p === 1 ? null : p === y ? n("all") : p;
+    });
+    return (y, p) => {
+      var w, J;
+      return C(), V(g(ge), {
+        "applied-filters-count": z.value,
+        "button-label": U.value,
+        "button-secondary-label": $.value,
+        disabled: e.disabled,
+        "disable-apply-button": g(S),
+        "disable-secondary-button": g(v),
+        "default-value": e.defaultValue,
+        label: e.label,
+        field: e.field,
+        "only-slot": !1,
+        "tooltip-position": (w = e.options) == null ? void 0 : w.tooltipPosition,
+        "tooltip-text": (J = e.options) == null ? void 0 : J.tooltipText,
+        value: e.value,
+        onApply: k,
+        onClear: G,
+        onReset: D,
+        onOpen: K,
+        onClose: P
+      }, {
+        default: A(() => {
+          var b, L, h, m, M, q, ae, re, de, ce, pe, fe, Te, oe, Qe;
+          return [
+            Y("div", Yl, [
+              ((b = e.options) == null ? void 0 : b.dynamicFiltering) ?? !0 ? (C(), Q("div", zl, [
+                R(we, {
+                  "debounce-time": (h = (L = e.options) == null ? void 0 : L.search) == null ? void 0 : h.debounceTime,
+                  value: r.value,
+                  "input-field-aria-label": g(n)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+                  onInput: p[0] || (p[0] = (Ke) => r.value = Ke)
+                }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
+              ])) : X("", !0),
+              Y("div", Wl, [
+                R(g(Ze))
+              ])
+            ]),
+            R(g(cl), {
+              id: j.value,
+              "aria-label": e.label,
+              class: "b-select-filter-button__wrapper",
+              "component-loading": (m = e.options) == null ? void 0 : m.loading,
+              "empty-state": (M = e.options) == null ? void 0 : M.emptyState,
+              "has-more-items": (ae = (q = e.options) == null ? void 0 : q.lazy) == null ? void 0 : ae.hasMoreItems,
+              items: g(T),
+              "is-option-disabled": (re = e.options) == null ? void 0 : re.isOptionDisabled,
+              "lazy-load-type": (ce = (de = e.options) == null ? void 0 : de.lazy) == null ? void 0 : ce.lazyLoadType,
+              loading: (fe = (pe = e.options) == null ? void 0 : pe.lazy) == null ? void 0 : fe.loading,
+              multiple: (Te = e.options) == null ? void 0 : Te.multiple,
+              "static-categories": (oe = e.options) == null ? void 0 : oe.staticCategories,
+              "no-results-message": E.value,
+              searching: !!r.value,
+              "selected-value": g(c),
+              "virtual-scroll": (Qe = e.options) == null ? void 0 : Qe.virtualScroll,
+              onSelect: B,
+              onSpacePressed: B,
+              onEnterPressed: B,
+              onShowMore: p[1] || (p[1] = (Ke) => {
+                var Ue, Le;
+                return (Le = (Ue = e.options) == null ? void 0 : Ue.lazy) == null ? void 0 : Le.showMoreEvent();
+              })
+            }, Oe({ _: 2 }, [
+              Se(g(t), (Ke, Ue) => ({
+                name: Ue,
+                fn: A((Le) => [
+                  ve(y.$slots, Ue, Ve(ke(Le)), 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"]);
+    };
+  }
+}), Xl = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-a5f40d81"]]), Et = {
+  "en-US": {
+    noFiltersMatchThisSearch: "No filters match this search"
+  }
+}, xl = {
+  i18n: { messages: Et },
+  name: "select-filter-dropdown"
+}, ea = /* @__PURE__ */ Z({
+  ...xl,
+  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: o }) {
+    const { t } = me({ messages: Et }), s = je(), l = o, n = e, { internalFilterValue: r } = Be(W(n, "value"), W(n, "defaultValue")), a = W(n, "options"), i = N(n.options.listboxItems);
+    ie(a, () => {
+      i.value = a.value.listboxItems;
+    });
+    const f = d(() => t("noFiltersMatchThisSearch")), u = (F) => {
+      r.value = F;
+      const { onlySlot: O, ...c } = n;
+      l(_.INPUT, { ...c, value: r.value });
+    };
+    return (F, O) => {
+      var c, v, S, T, E, U, $;
+      return C(), V(g(il), {
+        "model-value": g(r),
+        items: e.options.listboxItems,
+        search: (c = e.options) == null ? void 0 : c.search,
+        multiple: (v = e.options) == null ? void 0 : v.multiple,
+        "static-categories": (S = e.options) == null ? void 0 : S.staticCategories,
+        "no-results-message": f.value,
+        "is-option-disabled": e.options.isOptionDisabled,
+        "dynamic-filtering": ((T = e.options) == null ? void 0 : T.dynamicFiltering) ?? !0,
+        "component-loading": (E = e.options) == null ? void 0 : E.loading,
+        "empty-state": (U = e.options) == null ? void 0 : U.emptyState,
+        disabled: e.disabled,
+        "enable-value-label-pair": ($ = e.options) == null ? void 0 : $.enableValueLabelPair,
+        "onUpdate:modelValue": u,
+        onOpen: O[0] || (O[0] = () => {
+          var j, B;
+          return (B = (j = e.options) == null ? void 0 : j.onOpen) == null ? void 0 : B.call(j);
+        })
+      }, Oe({ _: 2 }, [
+        Se(g(s), (j, B) => ({
+          name: B,
+          fn: A((k) => [
+            ve(F.$slots, B, Ve(ke(k)))
+          ])
+        }))
+      ]), 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"]);
+    };
+  }
+}), _e = {
+  /**
+   * 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
+  }
+}, ta = {}, Ae = /* @__PURE__ */ Z({
+  ...ta,
+  __name: "select-filter",
+  props: _e,
+  emits: ["input", "update"],
+  setup(e, { emit: o }) {
+    const t = je(), s = o, l = e, n = (a) => s("input", a), r = (a) => s("update", a);
+    return Ne(() => {
+      var a;
+      (a = l == null ? void 0 : l.options) != null && a.messages && He(
+        '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"
+      );
+    }), (a, i) => a.onlySlot ? (C(), V(g(ea), {
+      key: 0,
+      disabled: a.disabled,
+      "default-value": a.defaultValue,
+      field: a.field,
+      label: a.label,
+      options: a.options,
+      value: a.value,
+      onInput: n,
+      onUpdate: r
+    }, Oe({ _: 2 }, [
+      Se(g(t), (f, u) => ({
+        name: u,
+        fn: A((F) => [
+          ve(a.$slots, u, Ve(ke(F)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (C(), V(g(Xl), {
+      key: 1,
+      disabled: a.disabled,
+      "default-value": a.defaultValue,
+      field: a.field,
+      label: a.label,
+      options: a.options,
+      value: a.value,
+      onInput: n,
+      onUpdate: r
+    }, Oe({ _: 2 }, [
+      Se(g(t), (f, u) => ({
+        name: u,
+        fn: A((F) => [
+          ve(a.$slots, u, Ve(ke(F)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
+  }
+}), la = Z({
+  name: "bento-select-avatar-filter",
+  components: {
+    BentoSelectFilter: Ae,
+    BentoAvatar: fl
+  },
+  props: {
+    ..._e,
+    /**
+     * 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: o }) {
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: (s) => o(_.UPDATE, s)
+    };
+  }
+});
+function aa(e, o, t, s, l, n) {
+  const r = H("bento-avatar"), a = H("bento-select-filter");
+  return C(), V(a, se(e.$props, {
+    field: e.field,
+    label: e.label,
+    onUpdate: e.onUpdate,
+    onInput: o[0] || (o[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
+  }), {
+    default: A(({ label: i, data: f }) => [
+      R(r, {
+        username: i,
+        src: f
+      }, null, 8, ["username", "src"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "onUpdate"]);
+}
+const Lt = /* @__PURE__ */ x(la, [["render", aa]]), oa = Z({
+  name: "bento-select-currency-filter",
+  components: {
+    BentoSelectFilter: Ae,
+    ListboxOptionTag: St
+  },
+  props: {
+    ..._e,
+    /**
+     * 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: o }) {
+    var r;
+    const t = (a) => {
+      o(_.UPDATE, a);
+    }, s = N([]);
+    ie(
+      () => {
+        var a;
+        return (a = e.options) == null ? void 0 : a.listboxItems;
+      },
+      (a) => {
+        s.value = a || [];
+      },
+      { immediate: !0 }
+    );
+    const l = (r = e.options) != null && r.search ? e.options.search : {
+      debounceTime: 500,
+      searchEvent: async (a) => {
+        var F, O, c, v;
+        if (!a) {
+          s.value = ((F = e.options) == null ? void 0 : F.listboxItems) || [];
+          return;
+        }
+        const i = (((O = e.options) == null ? void 0 : O.listboxItems) || []).map((S) => ({
+          ...S,
+          label: `${S.value} ${S.label}`
+        })), f = We(
+          N(a),
+          N(i),
+          (v = (c = e.options) == null ? void 0 : c.search) == null ? void 0 : v.searchEvent,
+          N(!1)
+        ).value, u = f == null ? void 0 : f.map((S) => ({
+          ...S,
+          label: S.label.substring(S.value.length + 1)
+        }));
+        s.value = u;
+      }
+    }, n = d(() => ({
+      ...e.options,
+      search: l,
+      listboxItems: s.value
+    }));
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: t,
+      internalOptions: n
+    };
+  }
+});
+function na(e, o, t, s, l, n) {
+  const r = H("listbox-option-tag"), a = H("bento-select-filter");
+  return C(), V(a, se(e.$props, {
+    field: e.field,
+    label: e.label,
+    options: e.internalOptions,
+    onUpdate: e.onUpdate,
+    onInput: o[0] || (o[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
+  }), {
+    default: A((i) => [
+      R(r, { option: i }, null, 8, ["option"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "options", "onUpdate"]);
+}
+const Rt = /* @__PURE__ */ x(oa, [["render", na]]), sa = {
+  name: "bento-select-country-filter"
+}, Vt = /* @__PURE__ */ Z({
+  ...sa,
+  props: {
+    ..._e,
+    /**
+     * 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: o }) {
+    const t = e, s = o, l = N(t.options.variant), n = N(t.options.listboxItems);
+    ie([() => t.options.variant, () => t.options.listboxItems], () => {
+      l.value = t.options.variant, n.value = t.options.listboxItems;
+    });
+    const r = (f) => s(_.UPDATE, f), a = bl(l, n), i = d(() => ({
+      ...t != null && t.options ? t.options : {},
+      listboxItems: a.value
+    }));
+    return (!l.value || l.value === "custom") && He(
+      'BentoSelectCountryFilter type with `options.variant==="custom"`',
+      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
+      "2.0.0"
+    ), (f, u) => (C(), V(Ae, se(t, {
+      field: f.field,
+      label: f.label,
+      options: i.value,
+      onUpdate: r,
+      onInput: u[0] || (u[0] = (F) => f.$emit(g(_).INPUT, F))
+    }), {
+      default: A(({ label: F }) => [
+        R(g(Fe), { el: "span" }, {
+          default: A(() => [
+            ee(te(F), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 16, ["field", "label", "options"]));
+  }
+}), ia = Z({
+  name: "bento-select-payment-method-filter",
+  components: {
+    BentoSelectFilter: Ae,
+    BentoPaymentMethod: pl
+  },
+  props: {
+    ..._e,
+    /**
+     * 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: o }) {
+    return {
+      // Enums
+      BentoFilterEvent: _,
+      // Methods
+      onUpdate: (s) => o(_.UPDATE, s)
+    };
+  }
+});
+function ua(e, o, t, s, l, n) {
+  const r = H("bento-payment-method"), a = H("bento-select-filter");
+  return C(), V(a, se(e.$props, {
+    field: e.field,
+    label: e.label,
+    onUpdate: e.onUpdate,
+    onInput: o[0] || (o[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
+  }), {
+    default: A(({ value: i, label: f }) => [
+      R(r, {
+        type: i,
+        label: f
+      }, null, 8, ["type", "label"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "onUpdate"]);
+}
+const kt = /* @__PURE__ */ x(ia, [["render", ua]]), ra = Z({
+  name: "bento-select-country-filter",
+  components: {
+    BentoSelectFilter: Ae,
+    ListboxOptionTag: St
+  },
+  props: {
+    ..._e,
+    /**
+     * 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: o }) {
+    const t = (n) => o(_.UPDATE, n), s = d(
+      () => {
+        var n, r;
+        return (r = (n = e == null ? void 0 : e.options) == null ? void 0 : n.listboxItems) == null ? void 0 : r.map(({ label: a, value: i, variant: f }) => ({ label: a, value: i, data: f }));
+      }
+    );
+    return {
+      // Values
+      countryOptions: d(() => ({
+        ...e.options,
+        listboxItems: s.value
+      })),
+      // Methods
+      onUpdate: t,
+      // Enums
+      BentoFilterEvent: _
+    };
+  }
+});
+function da(e, o, t, s, l, n) {
+  const r = H("listbox-option-tag"), a = H("bento-select-filter");
+  return C(), V(a, se(e.$props, {
+    field: e.field,
+    label: e.label,
+    options: e.countryOptions,
+    onUpdate: e.onUpdate,
+    onInput: o[0] || (o[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
+  }), {
+    default: A(({ label: i, data: f }) => [
+      R(r, {
+        option: { value: i, data: f, label: "" }
+      }, null, 8, ["option"])
+    ]),
+    _: 1
+  }, 16, ["field", "label", "options", "onUpdate"]);
+}
+const wt = /* @__PURE__ */ x(ra, [["render", da]]), ut = {
+  "en-US": {
+    no: "No",
+    yes: "Yes"
+  },
+  "ja-JP": {
+    no: "いいえ",
+    yes: "はい"
+  },
+  "pt-BR": {
+    no: "Não",
+    yes: "Sim"
+  }
+}, ca = Z({
+  name: "bento-boolean-filter",
+  i18n: { messages: ut },
+  components: { BentoBaseFilter: ge, BentoRadioGroup: vt },
+  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: o }) {
+    const { t } = me({ messages: ut }), s = ($) => typeof $ == "boolean" ? $ == null ? void 0 : $.toString() : $, l = ($) => {
+      var j, B, k, K;
+      return ((B = (j = e == null ? void 0 : e.options) == null ? void 0 : j.positiveOption) == null ? void 0 : B.value) !== void 0 && ((K = (k = e == null ? void 0 : e.options) == null ? void 0 : k.negativeOption) == null ? void 0 : K.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof $ == "string" ? $ === "true" : $;
+    }, n = d(() => s(e.defaultValue)), r = d(() => s(e.value)), a = d(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+      {
+        ...e.options.positiveOption,
+        value: s(e.options.positiveOption.value)
+      },
+      {
+        ...e.options.negativeOption,
+        value: s(e.options.negativeOption.value)
+      }
+    ] : [
+      { value: "yes", label: t("yes") },
+      { value: "no", label: t("no") }
+    ]), { internalFilterValue: i, isSecondaryButtonDisabled: f, isApplyButtonDisabled: u } = Be(
+      r,
+      n
+    ), F = d(() => e.label), O = d(
+      () => {
+        var $;
+        return he(($ = a.value.find(({ value: j }) => j === r.value)) == null ? void 0 : $.label, 12);
+      }
+    ), c = d(() => ({
+      "b-boolean-filter--only-slot": e.onlySlot
+    }));
+    Me(() => {
+      i.value || (i.value = null);
+    });
+    const v = ($) => {
+      i.value = $, o(_.INPUT, {
+        ...e,
+        value: l(i.value)
+      });
+    }, S = () => {
+      i.value = r.value;
+    }, T = () => {
+      o(_.UPDATE, {
+        ...e,
+        value: l(i.value)
+      });
+    }, E = () => o(_.UPDATE, { ...e, value: e.defaultValue }), U = () => {
+      i.value = null, T();
+    };
+    return Ne(() => {
+      He(
+        'Boolean filter "BentoFilterItemType.BOOLEAN"',
+        'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
+        "2.0.0"
+      );
+    }), {
+      // Values
+      items: a,
+      conditionalClasses: c,
+      buttonLabel: F,
+      buttonSecondaryLabel: O,
+      internalFilterValue: i,
+      isApplyButtonDisabled: u,
+      isSecondaryButtonDisabled: f,
+      translatedValue: r,
+      translatedDefaultValue: n,
+      // Events
+      onInput: v,
+      updateFilter: T,
+      clearFilter: U,
+      openFilter: S,
+      resetFilter: E
+    };
+  }
+});
+function pa(e, o, t, s, l, n) {
+  var i, f;
+  const r = H("bento-radio-group"), a = H("bento-base-filter");
+  return C(), V(a, se(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": (i = e.options) == null ? void 0 : i.tooltipPosition,
+    "tooltip-text": (f = e.options) == null ? void 0 : f.tooltipText,
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }), {
+    default: A(() => [
+      Y("div", {
+        class: be(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: o[0] || (o[0] = ye((...u) => e.updateFilter && e.updateFilter(...u), ["enter"]))
+      }, [
+        R(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 Nt = /* @__PURE__ */ x(ca, [["render", pa], ["__scopeId", "data-v-4f4270be"]]), rt = {
+  "en-US": {
+    from: "From",
+    to: "To"
+  }
+}, ba = Z({
+  name: "bento-range-filter",
+  i18n: { messages: rt },
+  components: { BentoBaseFilter: ge, BentoInputField: ze },
+  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: o }) {
+    const { t } = me({ messages: rt }), s = N(null), { internalFilterValue: l, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = Be(
+      W(e, "value"),
+      W(e, "defaultValue")
+    ), a = d(() => {
+      var k, K, P, D, G, z, le, I;
+      if (!((k = e.value) != null && k[0]) && !((K = e.value) != null && K[1]))
+        return null;
+      let U = "";
+      (P = e.value) != null && P[0] ? (D = e.value) != null && D[1] || (U = "≥") : U = "≤";
+      const $ = (G = e.value) != null && G[0] ? `${he(e.value[0], 5)}` : "", j = (z = e.value) != null && z[0] && ((le = e.value) != null && le[1]) ? " - " : "", B = (I = e.value) != null && I[1] ? `${he(e.value[1], 5)}` : "";
+      return `${U}${$}${j}${B}`;
+    }), i = d(() => e.label), f = d(() => a.value), u = d(() => ({
+      "b-range-filter--only-slot": e.onlySlot
+    })), F = () => {
+      l.value = e.value, pt(() => s.value.focusInput());
+    }, O = () => {
+      o(_.INPUT, { ...e, value: l.value });
+    }, c = (U) => {
+      l.value = [U, l.value[1]], O();
+    }, v = (U) => {
+      l.value = [l.value[0], U], O();
+    }, S = () => {
+      l.value.some((U) => U) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), o(_.UPDATE, {
+        ...e,
+        value: l.value
+      });
+    };
+    return {
+      // Values
+      inputTextRef: s,
+      conditionalClasses: u,
+      internalFilterValue: l,
+      isApplyButtonDisabled: r,
+      isSecondaryButtonDisabled: n,
+      buttonLabel: i,
+      buttonSecondaryLabel: f,
+      // Events
+      updateFrom: c,
+      updateTo: v,
+      updateFilter: S,
+      clearFilter: () => {
+        l.value = ["", ""], S();
+      },
+      openFilter: F,
+      resetFilter: () => o(_.UPDATE, { ...e, value: e.defaultValue }),
+      // Translations
+      t
+    };
+  }
+});
+function fa(e, o, t, s, l, n) {
+  var i, f;
+  const r = H("bento-input-field"), a = H("bento-base-filter");
+  return C(), V(a, se(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": (i = e.options) == null ? void 0 : i.tooltipPosition,
+    "tooltip-text": (f = e.options) == null ? void 0 : f.tooltipText,
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }), {
+    default: A(() => [
+      Y("div", {
+        class: be(["b-range-filter", e.conditionalClasses]),
+        onKeydown: o[0] || (o[0] = ye((...u) => e.updateFilter && e.updateFilter(...u), ["enter"]))
+      }, [
+        R(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: A(() => [
+            ee(te(e.t("from")), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"]),
+        R(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: A(() => [
+            ee(te(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 jt = /* @__PURE__ */ x(ba, [["render", fa], ["__scopeId", "data-v-c71c8dbd"]]), Mt = {
+  "en-US": {
+    all: "All"
+  },
+  "ja-JP": {
+    all: "すべて"
+  },
+  "pt-BR": {
+    all: "Todos"
+  }
+}, va = {
+  name: "bento-checkbox-group-filter",
+  i18n: { messages: Mt }
+}, ma = /* @__PURE__ */ Z({
+  ...va,
+  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: o }) {
+    const t = e, s = o, { t: l } = me({ messages: Mt }), {
+      internalFilterValue: n,
+      isSecondaryButtonDisabled: r,
+      isApplyButtonDisabled: a,
+      clearFilter: i,
+      resetFilter: f,
+      openFilter: u
+    } = At(W(t, "value"), W(t, "defaultValue")), F = N(n.value ?? []), O = d(() => ({
+      "b-checkbox-group-filter--only-slot": t.onlySlot
+    })), c = d(() => t.label), v = d(
+      () => {
+        var U, $;
+        return F.value.length === 1 ? he(
+          (($ = (U = t.options) == null ? void 0 : U.checkboxItems.find((j) => F.value[0] === j.value)) == null ? void 0 : $.label) ?? "",
+          12
+        ) : null;
+      }
+    ), S = d(() => {
+      var U;
+      return !F.value.length || v.value ? null : F.value.length === ((U = t.options) == null ? void 0 : U.checkboxItems.length) ? l("all") : F.value.length;
+    }), T = (U) => {
+      F.value = U ?? [], s("update", { ...t, value: U });
+    }, E = (U) => {
+      n.value = U, s("input", { ...t, value: n.value });
+    };
+    return (U, $) => {
+      var j, B;
+      return C(), V(g(ge), se(U.$props, {
+        "applied-filters-count": S.value,
+        "button-label": c.value,
+        "button-secondary-label": v.value,
+        "disable-apply-button": g(a),
+        "disable-secondary-button": g(r),
+        "tooltip-position": (j = U.options) == null ? void 0 : j.tooltipPosition,
+        "tooltip-text": (B = U.options) == null ? void 0 : B.tooltipText,
+        onApply: $[1] || ($[1] = (k) => T(g(n))),
+        onClear: $[2] || ($[2] = (k) => g(i)(T)),
+        onOpen: g(u),
+        onReset: $[3] || ($[3] = (k) => g(f)(T))
+      }), {
+        default: A(() => {
+          var k;
+          return [
+            Y("div", {
+              class: be(["b-checkbox-group-filter", O.value]),
+              onKeydown: $[0] || ($[0] = ye((K) => T(g(n)), ["enter"]))
+            }, [
+              R(sl, {
+                "model-value": g(n),
+                items: (k = U.options) == null ? void 0 : k.checkboxItems,
+                label: U.label,
+                disabled: U.disabled,
+                "hide-label": "",
+                "onUpdate:modelValue": E
+              }, 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"]);
+    };
+  }
+}), Ht = /* @__PURE__ */ x(ma, [["__scopeId", "data-v-a691cbf8"]]);
+var Je = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Je || {});
+const ya = Z({
+  name: "base-filter-button",
+  components: { BaseButton: yt, BentoTypography: Fe, ChevronUpIcon: rl, ChevronDownIcon: dl },
+  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: [Xe.CLICK],
+  setup(e, { slots: o, emit: t, attrs: s }) {
+    const l = d(() => o.default ? Ft(o)("default") : null), n = gt({ ariaLabel: l }), r = N(null), a = d(() => {
+      var u;
+      return {
+        "aria-controls": (u = s["aria-controls"]) == null ? void 0 : u.toString()
+      };
+    }), i = d(() => ({
+      "b-base-filter-button--with-chevron": e.hasChevron,
+      "b-base-filter-button--filter-open": e.isFilterOpen
+    }));
+    return {
+      // Values
+      ariaAttributes: a,
+      computedAriaLabel: n,
+      conditionalClasses: i,
+      // Methods
+      onClickButton: () => {
+        e.disabled || t(Xe.CLICK);
+      },
+      hasSlot: ht(o),
+      // Refs
+      baseFilterButtonRef: r
+    };
+  }
+}), ha = { class: "b-base-filter-button__default-container" }, ga = { class: "b-base-filter-button__label-container" }, Fa = {
+  key: 0,
+  class: "b-base-filter-button__counter-wrapper"
+};
+function Sa(e, o, t, s, l, n) {
+  const r = H("bento-typography"), a = H("chevron-up-icon"), i = H("chevron-down-icon"), f = H("base-button");
+  return C(), V(f, {
+    ref: "baseFilterButtonRef",
+    class: be(["b-base-filter-button", e.conditionalClasses]),
+    disabled: e.disabled,
+    "aria-label": e.computedAriaLabel,
+    "aria-controls": e.ariaAttributes["aria-controls"],
+    type: "button",
+    onClick: e.onClickButton
+  }, Oe({
+    default: A(() => [
+      Y("div", ha, [
+        Y("div", ga, [
+          R(r, {
+            el: "span",
+            variant: "body",
+            stronger: e.bold,
+            class: "b-base-filter-button__label"
+          }, {
+            default: A(() => [
+              ve(e.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["stronger"])
+        ]),
+        e.amountAppliedValues && !e.hasChevron ? (C(), Q("div", Fa, [
+          R(r, {
+            class: "b-base-filter-button__counter",
+            el: "span",
+            variant: "body",
+            stronger: ""
+          }, {
+            default: A(() => [
+              ee(te(e.amountAppliedValues), 1)
+            ]),
+            _: 1
+          })
+        ])) : X("", !0)
+      ])
+    ]),
+    _: 2
+  }, [
+    e.hasChevron ? {
+      name: "iconRight",
+      fn: A(() => [
+        e.isFilterOpen ? (C(), V(a, {
+          key: 0,
+          "aria-hidden": "true"
+        })) : (C(), V(i, {
+          key: 1,
+          "aria-hidden": "true"
+        }))
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
+}
+const Ba = /* @__PURE__ */ x(ya, [["render", Sa], ["__scopeId", "data-v-af9efc73"]]), Ca = Z({
+  name: "all-filters-modal-button",
+  components: { BaseFilterButton: Ba },
+  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: o }) {
+    return {
+      conditionalClasses: d(() => ({
+        "b-all-filters-modal-button--with-counter": e.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": e.isFilterOpen
+      })),
+      onClick: () => {
+        o("click");
+      }
+    };
+  }
+});
+function Da(e, o, t, s, l, n) {
+  const r = H("base-filter-button");
+  return C(), V(r, {
+    class: be(["b-all-filters-modal-button", e.conditionalClasses]),
+    "amount-applied-values": e.appliedFiltersCount,
+    "is-filter-open": e.isFilterOpen,
+    disabled: e.disabled,
+    onClick: e.onClick
+  }, {
+    default: A(() => [
+      ee(te(e.label), 1)
+    ]),
+    _: 1
+  }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
+}
+const Aa = /* @__PURE__ */ x(Ca, [["render", Da], ["__scopeId", "data-v-b96a672f"]]);
+let dt = 0;
+const Ta = {
+  beforeCreate() {
+    this.uuid = dt.toString(), dt += 1;
+  }
+}, Ia = { key: 0 };
+function $a(e, o, t, s, l, n) {
+  return C(), Q("svg", se({ 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"] ? (C(), Q("title", Ia, te(e.$attrs["svg-title"]), 1)) : X("", !0),
+    o[0] || (o[0] = Y("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)),
+    o[1] || (o[1] = Y("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 _a = /* @__PURE__ */ x(Ta, [["render", $a]]), ct = {
+  "en-US": {
+    activeFilters: "Active filters",
+    all: "All",
+    allFilters: "All filters",
+    applyAll: "Apply all",
+    cancel: "Cancel",
+    clear: "Clear",
+    clearAll: "Clear all",
+    noFiltersMatchThisSearch: "No filters match this search",
+    otherFilters: "Other filters",
+    searchBar: "Search bar"
+  },
+  "ja-JP": {
+    activeFilters: "適用中のフィルター",
+    all: "すべて",
+    allFilters: "すべてのフィルター",
+    applyAll: "すべて適用",
+    cancel: "キャンセル",
+    clear: "クリア",
+    clearAll: "すべてクリア",
+    noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
+    otherFilters: "その他のフィルター",
+    searchBar: "検索バー"
+  },
+  "pt-BR": {
+    activeFilters: "Filtros ativos",
+    all: "Todos",
+    allFilters: "Todos os filtros",
+    applyAll: "Aplicar tudo",
+    cancel: "Cancelar",
+    clear: "Limpar",
+    clearAll: "Limpar tudo",
+    noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta pesquisa",
+    otherFilters: "Outros filtros",
+    searchBar: "Barra de pesquisa"
+  }
+}, Ua = Z({
+  i18n: { messages: ct },
+  name: "all-filters-modal",
+  components: {
+    AllFiltersModalButton: Aa,
+    BentoBooleanFilter: Nt,
+    BentoButton: Qt,
+    BentoCheckboxGroupFilter: Ht,
+    BentoDateFilter: _t,
+    BentoDateRangeFilter: Ut,
+    BentoInputFilter: It,
+    BentoInputWithDropdownFilter: $t,
+    BentoModal: Zt,
+    BentoRadioGroupFilter: Pt,
+    BentoRangeFilter: jt,
+    BentoSearchBar: we,
+    BentoSelectAvatarFilter: Lt,
+    BentoSelectCurrencyFilter: Rt,
+    BentoSelectCountryFilter: Vt,
+    BentoSelectFilter: Ae,
+    BentoSelectPaymentMethodFilter: kt,
+    BentoSelectTagFilter: wt,
+    BentoTypography: Fe,
+    FilterBarButton: Ee,
+    SlidersIcon: _a
+  },
+  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: [Je.INPUT],
+  setup(e, { emit: o }) {
+    const t = N(e.value), s = Ye("all-filters-modal"), l = N([]), n = N(!1), r = N(0), a = N(null), i = N(""), { t: f, n: u } = me({ messages: ct }), F = We(i, W(t, "value")), O = N({});
+    Me(() => {
+      O.value = [];
+    }), ie(
+      () => e.value,
+      () => {
+        n.value ? t.value = e.value.map((h, m) => ({ ...h, value: t.value[m].value })) : t.value = e.value;
+      }
+    );
+    const c = (h) => h.sort((m, M) => m.label > M.label ? 1 : M.label > m.label ? -1 : 0), v = d(
+      () => c(
+        F.value.filter(
+          (h) => {
+            var m, M;
+            return Array.isArray(h.value) ? ((m = h.value) == null ? void 0 : m.length) && ((M = h.value) == null ? void 0 : M.find((q) => q !== "")) : h.value;
+          }
+        )
+      )
+    ), S = d(
+      () => c(
+        F.value.filter(
+          (h) => {
+            var m, M;
+            return Array.isArray(h.value) ? ((m = h.value) == null ? void 0 : m.length) === 0 || ((M = h.value) == null ? void 0 : M.every((q) => q === "")) : !h.value;
+          }
+        )
+      )
+    ), T = d(() => {
+      var h;
+      return i.value && ((h = F.value) == null ? void 0 : h.length) === 0;
+    }), E = d(() => t.value[r.value]), U = () => {
+      const h = v.value.length ? v.value[0] : S.value[0], m = t.value.findIndex(
+        (M) => M.label === h.label && M.field === h.field
+      );
+      r.value = m;
+    };
+    Ne(() => {
+      U();
+    });
+    const $ = (h) => h.map((m) => {
+      var M, q, ae, re, de, ce, pe, fe;
+      switch (m.type) {
+        case ne.SELECT:
+        case ne.SELECT_AVATAR:
+        case ne.SELECT_COUNTRY:
+        case ne.SELECT_CURRENCY:
+        case ne.SELECT_PAYMENT_METHOD:
+        case ne.SELECT_TAG:
+          return ((M = m.options) == null ? void 0 : M.multiple) === !0 ? {
+            label: m.label,
+            field: m.field,
+            count: (q = m.value) != null && q.length ? (ae = m.value) == null ? void 0 : ae.length : null
+          } : {
+            label: m.label,
+            field: m.field,
+            count: m.value == null ? null : 1
+          };
+        case ne.DATE_RANGE:
+          return {
+            label: m.label,
+            field: m.field,
+            count: ((re = m.value) == null ? void 0 : re.startDate) != null && ((de = m.value) == null ? void 0 : de.endDate) != null ? 1 : null
+          };
+        case ne.RANGE:
+          return {
+            label: m.label,
+            field: m.field,
+            count: (ce = m.value) != null && ce.find((Te) => Te !== "") ? 1 : null
+          };
+        case ne.CHECKBOX_GROUP:
+          return {
+            label: m.label,
+            field: m.field,
+            count: (pe = m.value) != null && pe.length ? (fe = m.value) == null ? void 0 : fe.length : null
+          };
+        case ne.INPUT:
+        case ne.BOOLEAN:
+        case ne.DATE:
+        case ne.RADIO_GROUP:
+        default:
+          return {
+            label: m.label,
+            field: m.field,
+            count: m.value != null ? 1 : null
+          };
+      }
+    }), j = d(
+      () => {
+        var h;
+        return Array.isArray(E.value.value) ? ((h = E.value) == null ? void 0 : h.value.length) && E.value.value.find((m) => m !== "") : !!t.value[r.value].value;
+      }
+    ), B = d(() => !j.value || E.value.disabled), k = d(
+      () => {
+        var h;
+        return (h = $(e.value)) == null ? void 0 : h.filter(({ count: m }) => !!m).length;
+      }
+    ), K = () => {
+      n.value ? n.value = !1 : n.value = !0;
+    }, P = (h) => {
+      var ae, re, de, ce, pe;
+      const m = $(t.value).find((fe) => fe.field === h.field).count, M = typeof h.type == "string" && // Type guard to avoid casting
+      h.type.includes("BentoSelect") && ((ae = h.options) == null ? void 0 : ae.multiple) && m === ((de = (re = h.options) == null ? void 0 : re.listboxItems) == null ? void 0 : de.length), q = typeof h.type == "string" && h.type === ne.CHECKBOX_GROUP && m === ((pe = (ce = h.options) == null ? void 0 : ce.checkboxItems) == null ? void 0 : pe.length);
+      return M || q ? f("all") : m === null ? null : u(m);
+    }, D = (h, m) => {
+      r.value = t.value.findIndex(
+        (M) => M.label === h && M.field === m
+      );
+    }, G = () => {
+      i.value = "";
+    }, z = () => {
+      n.value = !1, t.value = e.value, G(), U();
+    }, le = (h) => {
+      const m = t.value.map(({ value: M, ...q }, ae) => ae === r.value ? { value: h.value, ...q } : { value: M, ...q });
+      t.value = m;
+    }, I = () => {
+      le({
+        field: E.value.field,
+        label: E.value.label,
+        type: E.value.type,
+        value: void 0
+      });
+    }, y = () => {
+      t.value = e.value.map(({ value: h, ...m }) => ({
+        ...m,
+        value: void 0
+      }));
+    }, p = () => {
+      o(Je.INPUT, t.value), n.value = !1;
+    }, w = d(
+      () => JSON.stringify(t.value) === JSON.stringify(e.value)
+    ), J = d(() => [
+      {
+        title: f("applyAll"),
+        disabled: w.value,
+        event: p
+      },
+      {
+        title: f("cancel"),
+        event: z
+      },
+      {
+        title: f("clearAll"),
+        disabled: !k.value,
+        event: y
+      }
+    ]);
+    return {
+      // Values
+      allFiltersModalUniqueId: s,
+      allFiltersModalFiltersSection: l,
+      allFiltersModalFilterButtons: O,
+      numberOfActiveFilters: k,
+      isEmptyResultForSearchFilter: T,
+      isModalOpen: n,
+      isClearButtonDisabled: B,
+      activeFilters: v,
+      otherFilters: S,
+      modalActions: J,
+      selectedFilter: E,
+      selectedFilterRef: a,
+      searchTerm: i,
+      // Methods
+      onClickAllFiltersModal: K,
+      getFilterCount: P,
+      cancel: z,
+      selectFilter: D,
+      clearFilter: I,
+      updateFilter: le,
+      onSearchbarClear: G,
+      onKeydownRight: () => {
+        ul(1, a.value.$el).focus();
+      },
+      onKeydownLeft: () => {
+        O.value[E.value.label].$el.focus();
+      },
+      // Translations
+      t: f
+    };
+  }
+}), Pa = { class: "b-all-filters-modal" }, Oa = {
+  key: 0,
+  class: "b-all-filters-modal__empty-search-message"
+}, Ea = {
+  key: 1,
+  class: "b-all-filters-modal__filters-section"
+}, La = ["aria-labelledby"], Ra = {
+  key: 2,
+  class: "b-all-filters-modal__filters-section"
+}, Va = ["aria-labelledby"], ka = { class: "b-all-filters-modal__selected-filter-text" }, wa = { class: "b-all-filters-modal__selected-filter-component" }, Na = { class: "b-all-filters-modal__clear-button" };
+function ja(e, o, t, s, l, n) {
+  const r = H("sliders-icon"), a = H("filter-bar-button"), i = H("bento-search-bar"), f = H("bento-typography"), u = H("all-filters-modal-button"), F = H("bento-button"), O = H("bento-modal");
+  return C(), Q("div", Pa, [
+    R(a, {
+      "is-filter-open": e.isModalOpen,
+      "applied-filters-count": e.numberOfActiveFilters,
+      "no-applied-state-styles": "",
+      onClick: e.onClickAllFiltersModal
+    }, {
+      iconLeft: A(() => [
+        R(r, { "aria-hidden": "true" })
+      ]),
+      default: A(() => [
+        ee(te(e.t("allFilters")) + " ", 1)
+      ]),
+      _: 1
+    }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
+    R(O, {
+      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: A(() => [
+        ee(te(e.t("allFilters")), 1)
+      ]),
+      "content-col-1": A(() => [
+        Y("div", {
+          ref: "allFiltersModalFiltersSection",
+          class: "b-all-filters-modal__filters",
+          onKeydown: o[1] || (o[1] = ye((...c) => e.onKeydownRight && e.onKeydownRight(...c), ["right"]))
+        }, [
+          R(i, {
+            class: "b-all-filters-modal__search-bar",
+            value: e.searchTerm,
+            "input-field-aria-label": e.t("searchBar").toString(),
+            onInput: o[0] || (o[0] = (c) => e.searchTerm = c),
+            onClear: e.onSearchbarClear
+          }, null, 8, ["value", "input-field-aria-label", "onClear"]),
+          e.isEmptyResultForSearchFilter ? (C(), Q("div", Oa, [
+            R(f, { el: "span" }, {
+              default: A(() => [
+                ee(te(e.t("noFiltersMatchThisSearch")), 1)
+              ]),
+              _: 1
+            })
+          ])) : X("", !0),
+          e.activeFilters.length ? (C(), Q("div", Ea, [
+            R(f, {
+              id: `active-filters-${e.allFiltersModalUniqueId}`,
+              class: "b-all-filters-modal__filters-section-title",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: A(() => [
+                ee(te(e.t("activeFilters")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"]),
+            Y("ul", {
+              class: "b-all-filters-modal__filters-list",
+              "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
+            }, [
+              (C(!0), Q(Pe, null, Se(e.activeFilters, (c) => (C(), Q("li", {
+                key: `${c.label}-${c.field}`
+              }, [
+                R(u, {
+                  ref_for: !0,
+                  ref: (v) => e.allFiltersModalFilterButtons[c.label] = v,
+                  label: c.label,
+                  "applied-filters-count": e.getFilterCount(c),
+                  "is-filter-open": e.selectedFilter.label === c.label,
+                  disabled: c.disabled,
+                  onClick: (v) => e.selectFilter(c.label, c.field)
+                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
+              ]))), 128))
+            ], 8, La)
+          ])) : X("", !0),
+          e.otherFilters.length ? (C(), Q("div", Ra, [
+            e.activeFilters.length ? (C(), V(f, {
+              key: 0,
+              id: `other-filters-${e.allFiltersModalUniqueId}`,
+              class: "b-all-filters-modal__filters-section-title",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: A(() => [
+                ee(te(e.t("otherFilters")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"])) : X("", !0),
+            Y("ul", {
+              class: "b-all-filters-modal__filters-list",
+              "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
+            }, [
+              (C(!0), Q(Pe, null, Se(e.otherFilters, (c) => (C(), Q("li", {
+                key: `${c.label}-${c.field}`
+              }, [
+                R(u, {
+                  ref_for: !0,
+                  ref: (v) => e.allFiltersModalFilterButtons[c.label] = v,
+                  label: c.label,
+                  disabled: c.disabled,
+                  "applied-filters-count": e.getFilterCount(c),
+                  "is-filter-open": e.selectedFilter.label === c.label,
+                  onClick: (v) => e.selectFilter(c.label, c.field)
+                }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
+              ]))), 128))
+            ], 8, Va)
+          ])) : X("", !0)
+        ], 544)
+      ]),
+      "content-col-2": A(() => [
+        Y("div", {
+          class: "b-all-filters-modal__selected-filter-content",
+          onKeydown: o[2] || (o[2] = ye((...c) => e.onKeydownLeft && e.onKeydownLeft(...c), ["left"]))
+        }, [
+          Y("div", ka, [
+            R(f, {
+              el: "div",
+              variant: "title",
+              medium: ""
+            }, {
+              default: A(() => [
+                ee(te(e.selectedFilter.label), 1)
+              ]),
+              _: 1
+            }),
+            e.selectedFilter.description ? (C(), V(f, {
+              key: 0,
+              el: "div",
+              variant: "body",
+              wide: ""
+            }, {
+              default: A(() => [
+                ee(te(e.selectedFilter.description), 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ]),
+          Y("div", wa, [
+            (C(), V(Re(e.selectedFilter.type), {
+              ref: "selectedFilterRef",
+              key: e.selectedFilter.field,
+              field: e.selectedFilter.field,
+              label: e.selectedFilter.label,
+              options: e.selectedFilter.options,
+              value: e.selectedFilter.value,
+              "default-value": e.selectedFilter.defaultValue,
+              "only-slot": !0,
+              disabled: e.selectedFilter.disabled,
+              onInput: e.updateFilter
+            }, null, 40, ["field", "label", "options", "value", "default-value", "disabled", "onInput"]))
+          ]),
+          Y("div", Na, [
+            R(F, {
+              variant: "secondary",
+              disabled: e.isClearButtonDisabled,
+              onClick: e.clearFilter
+            }, {
+              default: A(() => [
+                ee(te(e.t("clear")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ])
+        ], 32)
+      ]),
+      _: 1
+    }, 8, ["is-open", "actions", "onCloseModal"])
+  ]);
+}
+const Ma = /* @__PURE__ */ x(Ua, [["render", ja], ["__scopeId", "data-v-769345e3"]]), Kt = {
+  "en-US": {
+    clearFilters: "Clear filters",
+    filtersHaveBeenCleared: "Filters have been cleared.",
+    filtersHaveBeenReset: "Filters have been reset.",
+    resetFilters: "Reset filters",
+    searchBar: "Search bar",
+    undo: "Undo"
+  },
+  "ja-JP": {
+    clearFilters: "フィルターをクリア",
+    filtersHaveBeenCleared: "フィルターをクリアしました",
+    filtersHaveBeenReset: "フィルターがリセットされました",
+    resetFilters: "フィルターのリセット",
+    searchBar: "検索バー",
+    undo: "元に戻す"
+  },
+  "pt-BR": {
+    clearFilters: "Limpar filtros",
+    filtersHaveBeenCleared: "Os filtros foram apagados",
+    filtersHaveBeenReset: "Os filtros foram redefinidos",
+    resetFilters: "Redefinir filtros",
+    searchBar: "Barra de pesquisa",
+    undo: "Desfazer"
+  }
+}, Ha = {
+  key: 0,
+  class: "b-filter-bar__search-external-container"
+}, Ka = { key: 0 }, qa = {
+  i18n: { messages: Kt },
+  name: "bento-filter-bar",
+  components: {
+    BentoBooleanFilter: Nt,
+    BentoCheckboxGroupFilter: Ht,
+    BentoDateFilter: _t,
+    BentoDateRangeFilter: Ut,
+    BentoInputFilter: It,
+    BentoInputWithDropdownFilter: $t,
+    BentoRadioGroupFilter: Pt,
+    BentoRangeFilter: jt,
+    BentoSelectAvatarFilter: Lt,
+    BentoSelectCountryFilter: Vt,
+    BentoSelectCurrencyFilter: Rt,
+    BentoSelectFilter: Ae,
+    BentoSelectPaymentMethodFilter: kt,
+    BentoSelectTagFilter: wt,
+    BentoTeleport: mt,
+    FixedScroller: ft
+  }
+}, Ga = /* @__PURE__ */ Z({
+  ...qa,
+  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: [
+    De.INPUT,
+    De.UPDATE_FILTER_VALUES_OBJECT,
+    De.UPDATE_FILTER_VALUES_ARRAY,
+    Ie.CLEAR,
+    Ie.INPUT,
+    Ie.UPDATE
+  ],
+  setup(e, { expose: o, emit: t }) {
+    const s = e, l = t, { t: n } = me({ messages: Kt }), r = N(null), a = d(
+      () => {
+        var I, y;
+        return (y = ((I = s.config) == null ? void 0 : I.length) > 0 ? s.config : s.value) == null ? void 0 : y.map((p) => {
+          var J;
+          let w = (J = s.filterValues.find(({ field: b }) => b === p.field)) == null ? void 0 : J.value;
+          return s.filterValuesObject && p.field in s.filterValuesObject && (w = s.filterValuesObject[p.field]), w === void 0 && (w = (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: w !== void 0 ? w : p == null ? void 0 : p.value };
+        });
+      }
+    ), { addToast: i } = zt(), { screenLayoutComponent: f, showSearchbarInsideContainer: u, isOneLineLayout: F } = Tl(
+      r,
+      W(s, "containerSizeLayout")
+    ), O = d(() => ({
+      "b-filter-bar__fixed-scroller": F.value,
+      "b-filter-bar__container": !F.value
+      // Multi-line
+    })), c = d(() => ({
+      "b-filter-bar__scroller-content": F.value,
+      "b-filter-bar__filters": !F.value
+      // Multi-line
+    })), v = d(() => {
+      var I;
+      return ((I = s.search) == null ? void 0 : I.inputFieldAriaLabel) || n("searchBar");
+    }), S = d(() => {
+      if (!s.search)
+        return;
+      const { debounceTime: I, disabled: y, inputFieldAriaLabel: p, hint: w, placeholder: J } = s.search;
+      return { debounceTime: I, disabled: y, inputFieldAriaLabel: p, hint: w, placeholder: J };
+    }), T = d(() => a.value.some(
+      ({ visible: y }) => y != null
+    ) ? a.value.some(({ visible: y }) => !y) : !1), E = d(
+      () => a.value.filter(({ defaultValue: I }) => I !== void 0)
+    ), U = d(() => a.value.some(
+      ({ visible: y }) => y != null
+    ) ? a.value.filter(
+      ({ defaultValue: y, visible: p, value: w }) => (
+        // eslint-disable-next-line eqeqeq
+        y === void 0 && p || s.showAppliedHiddenFilters && w != null
+      )
+    ) : a.value.filter(
+      ({ defaultValue: y, value: p }) => (
+        // eslint-disable-next-line eqeqeq
+        y === void 0 || s.showAppliedHiddenFilters && p != null
+      )
+    )), $ = d(() => s.searchTerm != null), j = d(
+      () => a.value.filter(({ defaultValue: I }) => I == null).some(({ value: I }) => I != null)
+    ), B = d(() => E.value.length === 0 && j.value), k = d(() => E.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: p }) => JSON.stringify(y) === JSON.stringify(p)) || j.value), K = (I) => {
+      l(De.INPUT, I), l(
+        De.UPDATE_FILTER_VALUES_ARRAY,
+        I == null ? void 0 : I.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: p }) => ({ field: y, value: p }))
+      ), l(
+        De.UPDATE_FILTER_VALUES_OBJECT,
+        I == null ? void 0 : I.filter(({ value: y }) => y !== null || y !== void 0).reduce((y, p) => (y[p.field] = p.value, y), {})
+      );
+    }, P = (I) => {
+      const y = a.value.findIndex(
+        (w) => w.field === I.field
+      ), p = a.value.slice();
+      p[y].value = I.value, K(p);
+    }, D = () => {
+      const I = a.value.slice(), y = a.value.map(({ value: p, ...w }) => ({
+        ...w,
+        value: void 0
+      }));
+      i({
+        text: n("filtersHaveBeenCleared"),
+        action: {
+          handler: () => K(I),
+          text: n("undo")
+        }
+      }), K(y);
+    }, G = () => {
+      const I = a.value.slice(), y = a.value.map(({ defaultValue: p, ...w }) => ({
+        ...w,
+        defaultValue: p,
+        value: p
+      }));
+      i({
+        text: n("filtersHaveBeenReset"),
+        action: {
+          handler: () => K(I),
+          text: n("undo")
+        }
+      }), K(y);
+    }, z = (I) => {
+      l(Ie.INPUT, I), l(Ie.UPDATE, I);
+    }, le = () => {
+      l(Ie.CLEAR);
+    };
+    return o({ isClearAllVisible: B, clearAllFilters: D, isResetAllVisible: k, resetAllFilters: G }), (I, y) => (C(), Q("div", {
+      ref_key: "filterBarRef",
+      ref: r,
+      class: "b-filter-bar"
+    }, [
+      !g(u) && $.value ? (C(), Q("div", Ha, [
+        R(we, se({ class: "b-filter-bar__search-bar" }, S.value, {
+          "input-field-aria-label": v.value,
+          value: I.searchTerm,
+          condensed: "",
+          onInput: z,
+          onClear: le
+        }), null, 16, ["input-field-aria-label", "value"])
+      ])) : X("", !0),
+      (C(), V(Re(g(f)), {
+        class: be(O.value),
+        condensed: ""
+      }, {
+        default: A(() => [
+          Y("div", {
+            class: be(c.value)
+          }, [
+            g(u) && $.value ? (C(), Q("div", Ka, [
+              R(we, se({ class: "b-filter-bar__search-bar" }, S.value, {
+                "input-field-aria-label": v.value,
+                value: I.searchTerm,
+                condensed: "",
+                onInput: z,
+                onClear: le
+              }), null, 16, ["input-field-aria-label", "value"])
+            ])) : X("", !0),
+            E.value.length ? (C(!0), Q(Pe, { key: 1 }, Se(E.value, (p) => (C(), V(Re(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: P
+            }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : X("", !0),
+            (C(!0), Q(Pe, null, Se(U.value, (p) => (C(), V(Re(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: P
+            }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
+            T.value ? (C(), V(Ma, {
+              key: 2,
+              class: "b-filter-bar__all-filters-modal",
+              value: a.value,
+              onInput: K
+            }, null, 8, ["value"])) : X("", !0),
+            B.value ? (C(), V(g(Ee), {
+              key: 3,
+              class: "b-filter-bar__clear-all",
+              onClick: D
+            }, {
+              iconLeft: A(() => [
+                R(g(tt), { "aria-hidden": "true" })
+              ]),
+              default: A(() => [
+                ee(te(g(n)("clearFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : X("", !0),
+            k.value ? (C(), V(g(Ee), {
+              key: 4,
+              class: "b-filter-bar__reset-all",
+              onClick: G
+            }, {
+              iconLeft: A(() => [
+                R(g(tt), { "aria-hidden": "true" })
+              ]),
+              default: A(() => [
+                ee(te(g(n)("resetFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : X("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 512));
+  }
+}), Oo = /* @__PURE__ */ x(Ga, [["__scopeId", "data-v-eff7add3"]]);
+export {
+  Oo as B,
+  ge as a,
+  _ as b,
+  De as c,
+  ne as d,
+  At as u
+};
+//# sourceMappingURL=filter-bar.CLNU1Ixm.js.map