@adyen/bento-vue2 1.32.0 → 1.33.0

package/dist/chunks/{filter-bar.Dcsv7a4q.js → filter-bar.Tl9rgAKU.js}

@@ -1,51 +1,46 @@
-import { defineComponent as V, useSlots as ie, useAttrs as ze, computed as o, ref as E, watch as ee, nextTick as Ae, toRef as w, onBeforeUpdate as fe, provide as Ge, reactive as De, onMounted as We } from "vue";
-import { B as _e, I as Ze } from "./popover.Du6UI6Yh.js";
-import { u as G } from "./i18n.BQkEbtPM.js";
+import { defineComponent as R, useSlots as ce, useAttrs as ze, computed as o, ref as E, watch as ee, nextTick as Ae, toRef as w, onBeforeUpdate as ve, provide as Ge, reactive as De, onMounted as We } from "vue";
+import { B as ye, I as Ze } from "./popover.BAZk1sm7.js";
+import { u as W } from "./i18n.BQkEbtPM.js";
 import { g as be } from "./unique-id.XFfoKuc2.js";
 import { u as Qe } from "./use-click-outside.D6aIgS15.js";
 import "./index.Cl4_42j5.js";
-import { B as oe, d as Xe } from "./typography.CdCYtxYj.js";
+import { B as ie, d as Xe } from "./typography.CqQaHXhq.js";
 import { u as Te } from "./aria-label.CaUURpnB.js";
-import { B as Pe, a as ye } from "./base-button.-qw8sZSY.js";
+import { B as Pe, a as me } from "./base-button.qWj0m9-v.js";
 import { g as Ee } from "./get-slot-text.Cgn-E48s.js";
 import { u as Ie } from "./use-has-slot.C9lQZ6nz.js";
 import { a as Ue, C as xe } from "./chevron-up.B2uWhZf7.js";
 import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { a as et } from "./tooltip.4f_qwm8o.js";
+import { a as et } from "./tooltip.BN6fOXzi.js";
 import { B as tt } from "./teleport.CQKBJZU5.js";
 import { B as lt } from "./directive.O3yEdalv.js";
-import { B as at } from "./radio-group.D650KrHa.js";
-import { B as Re } from "./input-field.mEo-bCtk.js";
-import { B as re, b as le } from "./search-bar.hxEJk-w0.js";
-import { B as nt } from "./modal.DPrBUWDe.js";
-import { g as st } from "./base-modal.B17Ib1QQ.js";
-import { B as ot } from "./button.qOf7CXY2.js";
-import { u as Ve, B as rt } from "./dropdown.Bn6SRkU5.js";
+import { B as at } from "./radio-group.Dt5aLsJR.js";
+import { B as Re } from "./input-field.7PrsNCUx.js";
+import { B as ue, b as ne } from "./search-bar.56yYCp8_.js";
+import { B as nt } from "./modal.BnlC8y2b.js";
+import { g as st } from "./base-modal.8sjjRWsL.js";
+import { B as ot } from "./button.79klAcOK.js";
+import { u as Ve, B as rt } from "./dropdown.D6tsk4ko.js";
 import { g as it } from "./focus-trap.DSkLNO_i.js";
-import { B as ve } from "./divider.BZfeYmB9.js";
-import { B as ut } from "./date-picker.CZ34YMMu.js";
-import { f as X } from "./date.DQaxR7TF.js";
-import { r as ct, t as me, l as z, a as $e, b as ke } from "./index.B_UZQ6qF.js";
-import { a as dt, i as ft } from "./calendar.etLGotqH.js";
-import { B as bt, D as vt } from "./date-range-picker.C__cQBs3.js";
-import { B as pt } from "./button-actions.IJs0hN8c.js";
+import { B as pe } from "./divider.BZfeYmB9.js";
+import { B as ut } from "./date-picker.D9hFJD_h.js";
+import { f as X } from "./date.DaiTzNEZ.js";
+import { l as G, a as $e, b as Le } from "./index.B_UZQ6qF.js";
+import { a as ct, i as dt } from "./calendar.CaTMWZUM.js";
+import { B as ft, D as vt, i as Fe } from "./date-range-picker.BlTFEbr-.js";
+import { B as bt } from "./button-actions.BQHr68sA.js";
 import { D as he } from "./date-input.BqBdAO1E.js";
-import { B as _t } from "./avatar.DohItrb9.js";
-import { c as Fe, b as yt } from "./use-cached-selected-values.DWQ8SMSi.js";
-import { L as Le } from "./listbox-option-tag.BXz3dHfF.js";
-import { u as mt } from "./use-country-items.C25TI6tp.js";
-import { B as ht } from "./payment-method.BnLkBqVQ.js";
+import { B as pt } from "./avatar.0ffdL8i0.js";
+import { c as Se, b as _t } from "./use-cached-selected-values.1vo5LvgW.js";
+import { L as ke } from "./listbox-option-tag.RVvWMKvz.js";
+import { u as yt } from "./use-country-items.C25TI6tp.js";
+import { B as mt } from "./payment-method.CyQwoqEe.js";
 import { R as Ft } from "./refresh.BKI9WwKh.js";
-import { F as gt } from "./fixed-scroller.wvGW5A2g.js";
-import { u as St } from "./use-bento-toast-controller.C66wCsav.js";
+import { u as ht } from "./use-bento-toast-controller.DLKySNHd.js";
+import { F as St } from "./fixed-scroller.CQWDnydO.js";
 import "../assets/filter-bar.css";
-function ge(l, e) {
-  ct(2, arguments);
-  var t = me(l), a = me(e);
-  return t.getTime() === a.getTime();
-}
-const Ct = {}, Bt = /* @__PURE__ */ V({
-  ...Ct,
+const gt = {}, Ct = /* @__PURE__ */ R({
+  ...gt,
   __name: "filter-bar-button",
   props: {
     /**
@@ -74,39 +69,39 @@ const Ct = {}, Bt = /* @__PURE__ */ V({
     secondaryLabel: { type: String, default: null }
   },
   emits: ["click"],
-  setup(l, { emit: e }) {
-    const t = l, a = ie(), n = ze(), s = Ie(a), i = o(() => a.default ? Ee(a)("default") : null), c = Te({ ariaLabel: i }), u = E(null), y = o(() => {
+  setup(a, { emit: e }) {
+    const t = a, l = ce(), n = ze(), s = Ie(l), r = o(() => l.default ? Ee(l)("default") : null), c = Te({ ariaLabel: r }), u = E(null), _ = o(() => {
       var F;
       return {
         "aria-controls": (F = n["aria-controls"]) == null ? void 0 : F.toString()
       };
-    }), h = o(() => ({
+    }), m = o(() => ({
       "b-filter-bar-button--filter-open": t.isFilterOpen,
       "b-filter-bar-button--active": t.appliedFiltersCount || t.secondaryLabel || t.hasChevron,
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
       "b-filter-bar-button--with-chevron": t.hasChevron
     }));
-    return { __sfc: !0, props: t, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: i, computedAriaLabel: c, filterBarButtonRef: u, ariaAttributes: y, conditionalClasses: h, onClickButton: (F) => {
+    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: s, labelSlot: r, computedAriaLabel: c, filterBarButtonRef: u, ariaAttributes: _, conditionalClasses: m, onClickButton: (F) => {
       t.disabled || e("click", F);
-    }, BentoTypography: oe, BaseButton: Pe, ChevronUpIcon: Ue, ChevronDownIcon: xe };
+    }, BentoTypography: ie, BaseButton: Pe, ChevronUpIcon: Ue, ChevronDownIcon: xe };
   }
 });
-var At = function() {
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t(a.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: a.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": a.computedAriaLabel, "aria-controls": a.ariaAttributes["aria-controls"], type: "button" }, on: { click: a.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
-    return [e.appliedFiltersCount && !e.hasChevron ? t(a.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? t("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? t(a.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : t(a.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
-  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [a.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(a.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? t(a.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, Dt = [], Tt = /* @__PURE__ */ x(
+var Bt = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: l.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": l.computedAriaLabel, "aria-controls": l.ariaAttributes["aria-controls"], type: "button" }, on: { click: l.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
+    return [e.appliedFiltersCount && !e.hasChevron ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? t("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? t(l.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : t(l.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
+  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
+}, At = [], Dt = /* @__PURE__ */ x(
+  Ct,
   Bt,
   At,
-  Dt,
   !1,
   null,
-  "c9ee4993"
+  "30e8ac4e"
 );
-const pe = Tt.exports;
-var b = /* @__PURE__ */ ((l) => (l.INPUT = "input", l.UPDATE = "update", l))(b || {}), se = /* @__PURE__ */ ((l) => (l.INPUT = "input", l.UPDATE_FILTER_VALUES = "update:filter-values", l))(se || {}), H = /* @__PURE__ */ ((l) => (l.INPUT = "BentoInputFilter", l.BOOLEAN = "BentoBooleanFilter", l.RANGE = "BentoRangeFilter", l.SELECT = "BentoSelectFilter", l.SELECT_AVATAR = "BentoSelectAvatarFilter", l.SELECT_COUNTRY = "BentoSelectCountryFilter", l.SELECT_CURRENCY = "BentoSelectCurrencyFilter", l.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", l.SELECT_TAG = "BentoSelectTagFilter", l.DATE = "BentoDateFilter", l.DATE_RANGE = "BentoDateRangeFilter", l))(H || {}), j = /* @__PURE__ */ ((l) => (l.APPLY = "apply", l.CLEAR = "clear", l.OPEN = "open", l.CLOSE = "close", l.RESET = "reset", l))(j || {});
-const Pt = {
+const _e = Dt.exports;
+var K = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a))(K || {});
+const Tt = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -133,13 +128,13 @@ const Pt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Et = V({
-  i18n: { messages: Pt },
+}, Pt = R({
+  i18n: { messages: Tt },
   name: "bento-base-filter",
   components: {
-    BentoPopover: _e,
+    BentoPopover: ye,
     BentoTeleport: tt,
-    FilterBarButton: pe
+    FilterBarButton: _e
   },
   directives: { BentoClickOutsideDirective: lt },
   props: {
@@ -192,109 +187,111 @@ const Pt = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: _e.props.fitContent
+    fitContent: ye.props.fitContent
   },
   emits: [
-    j.APPLY,
-    j.CLEAR,
-    j.OPEN,
-    j.CLOSE,
-    j.RESET
+    K.APPLY,
+    K.CLEAR,
+    K.OPEN,
+    K.CLOSE,
+    K.RESET
   ],
-  setup(l, { emit: e }) {
-    const { t } = G(), a = be("base-filter-popover"), n = E(!1), s = E(null), i = E(null), c = o(() => l.defaultValue !== null), u = o(
+  setup(a, { emit: e }) {
+    const { t } = W(), l = be("base-filter-popover"), n = E(!1), s = E(null), r = E(null), c = o(() => a.defaultValue !== null), u = o(
       () => c.value ? t("filterButton", {
-        function: l.label
-      }) : y.value
-    ), y = o(() => l.buttonLabel || l.label), h = () => {
+        function: a.label
+      }) : _.value
+    ), _ = o(() => a.buttonLabel || a.label), m = () => {
       n.value && (n.value = !1, Ae(() => {
-        var T, S;
-        (S = (T = s.value) == null ? void 0 : T.$el) == null || S.focus();
-      }), e(j.CLOSE));
+        var T, A;
+        (A = (T = s.value) == null ? void 0 : T.$el) == null || A.focus();
+      }), e(K.CLOSE));
     }, C = () => {
-      h(), c.value ? e(j.RESET) : e(j.CLEAR);
-    }, F = () => h(), v = () => {
-      n.value ? h() : (n.value = !0, e(j.OPEN));
+      m(), c.value ? e(K.RESET) : e(K.CLEAR);
+    }, F = () => m(), y = () => {
+      n.value ? m() : (n.value = !0, e(K.OPEN));
     }, P = () => {
-      h(), e(j.APPLY);
-    }, I = o(() => [
+      m(), e(K.APPLY);
+    }, B = o(() => [
       {
         title: t("apply"),
         event: P,
-        disabled: l.disableApplyButton
+        disabled: a.disableApplyButton
       },
       {
         title: c.value ? t("reset") : t("clear"),
         event: C,
-        disabled: l.disableSecondaryButton
+        disabled: a.disableSecondaryButton
       }
     ]);
     return ee(
       () => n.value,
-      (T, S) => {
-        var B, r;
-        !T && S && (r = (B = s.value) == null ? void 0 : B.filterBarButtonRef) != null && r.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (T, A) => {
+        var g, S;
+        !T && A && (S = (g = s.value) == null ? void 0 : g.filterBarButtonRef) != null && S.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Qe(i, F, { ignore: [s] }), {
+    ), Qe(r, F, { ignore: [s] }), {
       // Values
-      actions: I,
-      popoverId: a,
+      actions: B,
+      popoverId: l,
       isFilterOpen: n,
       isPersistentFilter: c,
       computedAriaLabel: u,
-      computedButtonText: y,
+      computedButtonText: _,
       // Enums
       BentoTooltipPosition: et,
       // Events
-      onClickFilter: v,
+      onClickFilter: y,
       onClickApply: P,
       onClickSecondaryAction: C,
       onClickOutside: F,
-      closePopover: h,
+      closePopover: m,
       // Refs
       filterButtonRef: s,
-      popoverRef: i
+      popoverRef: r
     };
   }
 });
-var It = function() {
+var Et = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "has-chevron": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "applied-filters-count": e.appliedFiltersCount, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
-  } } }, [e._v(" " + e._s(e.computedButtonText) + " ")]), e.filterButtonRef ? t("bento-teleport", [e.filterButtonRef ? t("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, divider: "", open: e.isFilterOpen, actions: e.controlled ? null : e.actions, "actions-layout": "space-between", "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"] } }, [t("div", { on: { keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
+  return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "has-chevron": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "applied-filters-count": e.appliedFiltersCount, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
+  } } }, [e._v(" " + e._s(e.computedButtonText) + " ")]), e.filterButtonRef ? t("bento-teleport", [e.filterButtonRef ? t("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, divider: "", open: e.isFilterOpen, actions: e.controlled ? null : e.actions, "actions-layout": "space-between", "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"] } }, [t("div", { on: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, Ut = [], xt = /* @__PURE__ */ x(
+}, It = [], Ut = /* @__PURE__ */ x(
+  Pt,
   Et,
   It,
-  Ut,
   !1,
   null,
   "285e04bb"
 );
-const ae = xt.exports, Rt = (l) => l instanceof Array, Se = (l) => Rt(l) ? l.length === 0 || l.every((e) => e === "") : !l, Ce = (l, e) => JSON.stringify(l) === JSON.stringify(e), te = (l, e) => {
-  const t = E(l.value);
+const se = Ut.exports, xt = (a) => a instanceof Array, ge = (a) => xt(a) ? a.length === 0 || a.every((e) => e === "") : !a, Ce = (a, e) => JSON.stringify(a) === JSON.stringify(e), te = (a, e) => {
+  const t = E(a.value);
   ee(
-    () => l.value,
+    () => a.value,
     () => {
-      t.value = l.value;
+      t.value = a.value;
     }
   );
-  const a = o(() => Se(l.value)), n = o(
-    () => e.value !== null ? Ce(e.value, l.value) : a.value
-  ), s = o(() => Ce(t.value, l.value) || Se(t.value) && a.value);
+  const l = o(() => ge(a.value)), n = o(
+    () => e.value !== null ? Ce(e.value, a.value) : l.value
+  ), s = o(() => Ce(t.value, a.value) || ge(t.value) && l.value);
   return {
     internalFilterValue: t,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: s
   };
-}, Q = (l, e) => {
-  const t = l == null ? void 0 : l.toString();
+};
+var v = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(v || {}), re = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(re || {}), q = /* @__PURE__ */ ((a) => (a.INPUT = "BentoInputFilter", a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(q || {});
+const Q = (a, e) => {
+  const t = a == null ? void 0 : a.toString();
   return (t == null ? void 0 : t.length) > e ? `${t == null ? void 0 : t.slice(0, e)}...` : t;
-}, Vt = V({
+}, Rt = R({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: ae,
+    BentoBaseFilter: se,
     BentoInputField: Re
   },
   props: {
@@ -332,104 +329,104 @@ const ae = xt.exports, Rt = (l) => l instanceof Array, Se = (l) => Rt(l) ? l.len
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    var p, D;
-    const t = E(null), a = E((D = (p = l == null ? void 0 : l.options) == null ? void 0 : p.dropdown) == null ? void 0 : D.value), n = o(
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    var h, p;
+    const t = E(null), l = E((p = (h = a == null ? void 0 : a.options) == null ? void 0 : h.dropdown) == null ? void 0 : p.value), n = o(
       () => {
-        var g, N;
-        return ((g = l == null ? void 0 : l.options) == null ? void 0 : g.variant) === "dropdown" && ((N = l == null ? void 0 : l.options) == null ? void 0 : N.dropdown) !== void 0;
+        var i, I;
+        return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.variant) === "dropdown" && ((I = a == null ? void 0 : a.options) == null ? void 0 : I.dropdown) !== void 0;
       }
     ), s = o(
       () => {
-        var g;
-        return n.value ? { ...(g = l == null ? void 0 : l.options) == null ? void 0 : g.dropdown, value: a.value } : void 0;
+        var i;
+        return n.value ? { ...(i = a == null ? void 0 : a.options) == null ? void 0 : i.dropdown, value: l.value } : void 0;
       }
-    ), i = o(() => {
-      var g;
-      return ((g = l == null ? void 0 : l.options) == null ? void 0 : g.variant) === "dropdown" ? "dropdown" : "default";
+    ), r = o(() => {
+      var i;
+      return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.variant) === "dropdown" ? "dropdown" : "default";
     }), c = o(
       () => {
-        var g;
-        return n.value ? (g = l.value) == null ? void 0 : g.inputValue : l == null ? void 0 : l.value;
+        var i;
+        return n.value ? (i = a.value) == null ? void 0 : i.inputValue : a == null ? void 0 : a.value;
       }
-    ), { internalFilterValue: u, isSecondaryButtonDisabled: y, isApplyButtonDisabled: h } = te(
+    ), { internalFilterValue: u, isSecondaryButtonDisabled: _, isApplyButtonDisabled: m } = te(
       c,
-      w(l, "defaultValue")
+      w(a, "defaultValue")
     ), C = o(
-      () => l.defaultValue === null ? l.label : Q(c.value, 18)
+      () => a.defaultValue === null ? a.label : Q(c.value, 18)
     ), F = o(
-      () => l.defaultValue === null ? Q(c.value, 12) : null
-    ), v = o(() => ({
-      "b-input-filter--only-slot": l.onlySlot
+      () => a.defaultValue === null ? Q(c.value, 12) : null
+    ), y = o(() => ({
+      "b-input-filter--only-slot": a.onlySlot
     }));
-    fe(() => {
+    ve(() => {
       u.value === "" && (u.value = null);
     }), ee(t, () => {
-      var g;
-      (g = t.value) == null || g.focusInput();
+      var i;
+      (i = t.value) == null || i.focusInput();
     });
     const P = () => {
       u.value = c.value;
-    }, I = () => {
-      !u.value && l.defaultValue !== null && (u.value = l.defaultValue), e(b.UPDATE, {
-        ...l,
-        value: n.value ? { inputValue: u.value, dropdownValue: a.value } : u.value
-      });
-    }, T = () => e(b.UPDATE, { ...l, value: l.defaultValue }), S = () => {
-      u.value = null, I();
     }, B = () => {
-      e(b.INPUT, { ...l, value: u.value });
-    }, r = (g) => {
-      u.value = g;
-    }, m = (g) => {
-      a.value = g;
+      !u.value && a.defaultValue !== null && (u.value = a.defaultValue), e(v.UPDATE, {
+        ...a,
+        value: n.value ? { inputValue: u.value, dropdownValue: l.value } : u.value
+      });
+    }, T = () => e(v.UPDATE, { ...a, value: a.defaultValue }), A = () => {
+      u.value = null, B();
+    }, g = () => {
+      e(v.INPUT, { ...a, value: u.value });
+    }, S = (i) => {
+      u.value = i;
+    }, O = (i) => {
+      l.value = i;
     };
     return Ge(Ze, n.value), {
       // Values
       buttonLabel: C,
       buttonSecondaryLabel: F,
-      conditionalClasses: v,
+      conditionalClasses: y,
       dropdownProp: s,
-      inputVariant: i,
+      inputVariant: r,
       internalFilterValue: u,
-      isApplyButtonDisabled: h,
+      isApplyButtonDisabled: m,
       isDropdownVariant: n,
-      isSecondaryButtonDisabled: y,
+      isSecondaryButtonDisabled: _,
       // Refs
       inputTextRef: t,
       // Events
-      updateFilter: I,
-      clearFilter: S,
+      updateFilter: B,
+      clearFilter: A,
       openFilter: P,
       resetFilter: T,
-      onDropdownInput: m,
-      onInput: B,
-      setInternalFilterValue: r
+      onDropdownInput: O,
+      onInput: g,
+      setInternalFilterValue: S
     };
   }
 });
-var $t = function() {
-  var a;
+var Vt = function() {
+  var l;
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": e.isDropdownVariant }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-filter", class: e.conditionalClasses, on: { keydown: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
-  }, input: e.onInput } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { dropdown: e.dropdownProp, "dropdown-position": (a = e.options) == null ? void 0 : a.dropdownPosition, variant: e.inputVariant, value: e.internalFilterValue }, on: { input: e.setInternalFilterValue, "dropdown-input": e.onDropdownInput } })], 1)]);
-}, kt = [], Lt = /* @__PURE__ */ x(
+  }, input: e.onInput } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { dropdown: e.dropdownProp, "dropdown-position": (l = e.options) == null ? void 0 : l.dropdownPosition, variant: e.inputVariant, value: e.internalFilterValue }, on: { input: e.setInternalFilterValue, "dropdown-input": e.onDropdownInput } })], 1)]);
+}, $t = [], Lt = /* @__PURE__ */ x(
+  Rt,
   Vt,
   $t,
-  kt,
   !1,
   null,
   "9845c982"
 );
-const Oe = Lt.exports, Ot = V({
+const Oe = Lt.exports, kt = R({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: ae,
+    BentoBaseFilter: se,
     BentoDatePicker: ut,
-    BentoDivider: ve,
-    Calendar: dt
+    BentoDivider: pe,
+    Calendar: ct
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -466,62 +463,62 @@ const Oe = Lt.exports, Ot = V({
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    const { locale: t } = G(void 0, !0), a = { de: $e, enUS: z, fr: ke }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = te(
-      w(l, "value"),
-      w(l, "defaultValue")
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    const { locale: t } = W(void 0, !0), l = { de: $e, enUS: G, fr: Le }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = te(
+      w(a, "value"),
+      w(a, "defaultValue")
     ), c = o(
-      () => l.value ? X(l.value, "dd MMM, yyyy", {
-        locale: a[t.value.substring(0, 2)] || z
+      () => a.value ? X(a.value, "dd MMM, yyyy", {
+        locale: l[t.value.substring(0, 2)] || G
       }) : null
     ), u = o(
-      () => l.defaultValue === null ? l.label : c.value
-    ), y = o(
-      () => l.defaultValue === null ? c.value : null
-    ), h = () => {
-      e(b.UPDATE, { ...l, value: n.value });
+      () => a.defaultValue === null ? a.label : c.value
+    ), _ = o(
+      () => a.defaultValue === null ? c.value : null
+    ), m = () => {
+      e(v.UPDATE, { ...a, value: n.value });
     }, C = () => {
-      n.value = null, h();
+      n.value = null, m();
     }, F = () => {
-      n.value = l.defaultValue, h();
-    }, v = () => {
-      n.value = l.value;
+      n.value = a.defaultValue, m();
+    }, y = () => {
+      n.value = a.value;
     }, P = (T) => {
-      n.value = T, e(b.INPUT, { ...l, value: n.value });
+      n.value = T, e(v.INPUT, { ...a, value: n.value });
     };
     return {
       // Values
       internalFilterValue: n,
-      isApplyButtonDisabled: i,
+      isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: s,
       buttonLabel: u,
-      buttonSecondaryLabel: y,
+      buttonSecondaryLabel: _,
       // Events
       clearFilter: C,
       onDateSelected: P,
-      openFilter: v,
-      updateFilter: h,
+      openFilter: y,
+      updateFilter: m,
       resetFilter: F,
       onDateInputSelected: (T) => {
-        n.value = T, P(T), h();
+        n.value = T, P(T), m();
       }
     };
   }
 });
-var wt = function() {
-  var a, n, s, i;
+var Ot = function() {
+  var l, n, s, r;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (a = e.options) == null ? void 0 : a.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, Nt = [], Mt = /* @__PURE__ */ x(
+  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (l = e.options) == null ? void 0 : l.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (r = e.options) == null ? void 0 : r.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
+}, wt = [], Nt = /* @__PURE__ */ x(
+  kt,
   Ot,
   wt,
-  Nt,
   !1,
   null,
   "3a27d7af"
 );
-const we = Mt.exports, Ht = {
+const we = Nt.exports, Mt = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -547,15 +544,15 @@ const we = Mt.exports, Ht = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, qt = V({
-  i18n: { messages: Ht },
+}, Ht = R({
+  i18n: { messages: Mt },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: ae,
-    BentoButtonActions: pt,
-    BentoDateRangePicker: bt,
-    BentoTypography: oe,
-    BentoDivider: ve,
+    BentoBaseFilter: se,
+    BentoButtonActions: bt,
+    BentoDateRangePicker: ft,
+    BentoTypography: ie,
+    BentoDivider: pe,
     DateRangePickerCalendar: vt
   },
   props: {
@@ -600,72 +597,76 @@ const we = Mt.exports, Ht = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    var K, Y, J, $;
-    const { locale: t, t: a } = G(), n = { de: $e, enUS: z, fr: ke }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = te(
-      w(l, "value"),
-      w(l, "defaultValue")
-    ), u = E(!1), y = (_) => _ ? X(_, he.NUMERIC_DATE_YEAR_FIRST, {
-      locale: n[t.value.substring(0, 2)] || z
-    }) : void 0, h = (_) => _ ? X(_, he.HOUR_MINUTE_SECONDS, {
-      locale: n[t.value.substring(0, 2)] || z
-    }) : "", C = E(null), F = E(!1), v = De({
-      startDate: y((K = l.value) == null ? void 0 : K.startDate),
-      endDate: y((Y = l.value) == null ? void 0 : Y.endDate),
-      startTime: h((J = l.value) == null ? void 0 : J.startDate),
-      endTime: h(($ = l.value) == null ? void 0 : $.endDate)
-    }), P = o(() => {
-      var _, R, U, L, f, d, A, k;
-      if (!((_ = l.value) != null && _.startDate) && !l.value.endDate)
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    var J, z, V, $;
+    const { locale: t, t: l } = W(), n = { de: $e, enUS: G, fr: Le }, { internalFilterValue: s, isSecondaryButtonDisabled: r, isApplyButtonDisabled: c } = te(
+      w(a, "value"),
+      w(a, "defaultValue")
+    ), u = E(!1), _ = (b) => b ? X(b, he.NUMERIC_DATE_YEAR_FIRST, {
+      locale: n[t.value.substring(0, 2)] || G
+    }) : void 0, m = (b) => b ? X(b, he.HOUR_MINUTE_SECONDS, {
+      locale: n[t.value.substring(0, 2)] || G
+    }) : "", C = E(null), F = E(!1), y = De({
+      startDate: _((J = a.value) == null ? void 0 : J.startDate),
+      endDate: _((z = a.value) == null ? void 0 : z.endDate),
+      startTime: m((V = a.value) == null ? void 0 : V.startDate),
+      endTime: m(($ = a.value) == null ? void 0 : $.endDate)
+    });
+    function P(b) {
+      return (b == null ? void 0 : b.length) !== void 0;
+    }
+    const B = o(() => {
+      var b, U, k, f, d, D, L, N, H;
+      if (!((b = a.value) != null && b.startDate) && !a.value.endDate)
         return null;
-      if (((U = (R = l.options) == null ? void 0 : R.quickSelectRanges) == null ? void 0 : U.length) > 0) {
-        const M = (f = (L = l.options) == null ? void 0 : L.quickSelectRanges) == null ? void 0 : f.find(
-          ({ data: O }) => ge(O == null ? void 0 : O.startDate, l.value.startDate) && ge(O == null ? void 0 : O.endDate, l.value.endDate)
+      if (P((U = a.options) == null ? void 0 : U.quickSelectRanges) && ((f = (k = a.options) == null ? void 0 : k.quickSelectRanges) == null ? void 0 : f.length) > 0) {
+        const ae = (D = (d = a.options) == null ? void 0 : d.quickSelectRanges) == null ? void 0 : D.find(
+          ({ data: j }) => Fe(j == null ? void 0 : j.startDate, a.value.startDate) && Fe(j == null ? void 0 : j.endDate, a.value.endDate)
         );
-        if (M)
-          return M.label;
+        if (ae)
+          return ae.label;
       }
-      return ft((d = l.value) == null ? void 0 : d.startDate, (A = l.value) == null ? void 0 : A.endDate) && ((k = l == null ? void 0 : l.options) != null && k.allowTimeInput) ? `${X(l.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: n[t.value.substring(0, 2)] || z
-      })} - ${X(l.value.endDate, "HH:mm:ss", {
-        locale: n[t.value.substring(0, 2)] || z
-      })}` : `${X(l.value.startDate, "dd MMM, yyyy", {
-        locale: n[t.value.substring(0, 2)] || z
-      })} - ${X(l.value.endDate, "dd MMM, yyyy", {
-        locale: n[t.value.substring(0, 2)] || z
+      return dt((L = a.value) == null ? void 0 : L.startDate, (N = a.value) == null ? void 0 : N.endDate) && ((H = a == null ? void 0 : a.options) != null && H.allowTimeInput) ? `${X(a.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: n[t.value.substring(0, 2)] || G
+      })} - ${X(a.value.endDate, "HH:mm:ss", {
+        locale: n[t.value.substring(0, 2)] || G
+      })}` : `${X(a.value.startDate, "dd MMM, yyyy", {
+        locale: n[t.value.substring(0, 2)] || G
+      })} - ${X(a.value.endDate, "dd MMM, yyyy", {
+        locale: n[t.value.substring(0, 2)] || G
       })}`;
-    }), I = o(
-      () => l.defaultValue === null ? l.label : P.value
-    ), T = o(
-      () => l.defaultValue === null ? P.value : null
-    ), S = () => {
+    }), T = o(
+      () => a.defaultValue === null ? a.label : B.value
+    ), A = o(
+      () => a.defaultValue === null ? B.value : null
+    ), g = () => {
       C.value.closePopover();
-      const { onlySlot: _, ...R } = l;
-      e(b.UPDATE, { ...R, value: s.value });
-    }, B = () => {
-      s.value = void 0, S();
-    }, r = () => {
-      s.value = l.defaultValue, S();
-    }, m = () => {
-      s.value = l.value;
-    }, p = (_) => {
-      u.value = !1, s.value = _, v.startDate = y(_.startDate), v.endDate = y(_.endDate), e(b.INPUT, { ...l, value: s.value });
-    }, D = (_) => {
-      _ != null && _.startDate && (_ != null && _.endDate) && (s.value = _, v.startDate = y(_.startDate), v.endDate = y(_.endDate), e(b.INPUT, { ...l, value: s.value }));
-    }, g = (_) => {
-      p(_), e(b.INPUT, { ...l, value: s.value });
-    }, N = o(
+      const { onlySlot: b, ...U } = a;
+      e(v.UPDATE, { ...U, value: s.value });
+    }, S = () => {
+      s.value = void 0, g();
+    }, O = () => {
+      s.value = a.defaultValue, g();
+    }, h = () => {
+      s.value = a.value;
+    }, p = (b) => {
+      u.value = !1, s.value = b, y.startDate = _(b.startDate), y.endDate = _(b.endDate), e(v.INPUT, { ...a, value: s.value });
+    }, i = (b) => {
+      b != null && b.startDate && (b != null && b.endDate) && (s.value = b, y.startDate = _(b.startDate), y.endDate = _(b.endDate), e(v.INPUT, { ...a, value: s.value }));
+    }, I = (b) => {
+      p(b), e(v.INPUT, { ...a, value: s.value });
+    }, M = o(
       () => [
         {
-          title: a("apply"),
-          event: S,
+          title: l("apply"),
+          event: g,
           disabled: u.value || F.value || c.value
         },
         {
-          title: l.defaultValue ? a("reset") : a("clear"),
-          event: l.defaultValue ? r : B,
-          disabled: F.value && i.value
+          title: a.defaultValue ? l("reset") : l("clear"),
+          event: a.defaultValue ? O : S,
+          disabled: F.value && r.value
         }
       ]
     );
@@ -673,57 +674,57 @@ const we = Mt.exports, Ht = {
       // Refs
       baseFilter: C,
       // Values
-      actions: N,
-      formData: v,
+      actions: M,
+      formData: y,
       internalFilterValue: s,
       isApplyButtonDisabled: c,
-      isSecondaryButtonDisabled: i,
+      isSecondaryButtonDisabled: r,
       isSelectingDate: u,
-      buttonLabel: I,
-      buttonSecondaryLabel: T,
+      buttonLabel: T,
+      buttonSecondaryLabel: A,
       // Events
       onDateSelected: p,
-      openFilter: m,
-      updateFilter: S,
+      openFilter: h,
+      updateFilter: g,
       onDatePickerRangeError: () => {
-        F.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(b.INPUT, { ...l, value: s.value });
+        F.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(v.INPUT, { ...a, value: s.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (_) => {
-        F.value = !1, _.startTime && (v.startTime = _.startTime), _.endTime && (v.endTime = _.endTime);
+      onDatePickerRangeFormDateInputUpdate: (b) => {
+        F.value = !1, b.startTime && (y.startTime = b.startTime), b.endTime && (y.endTime = b.endTime);
       },
-      onDateInputSelected: g,
-      onRangeSelectorInput: D
+      onDateInputSelected: I,
+      onRangeSelectorInput: i
     };
   }
 });
 var jt = function() {
-  var a, n, s, i, c, u, y, h, C, F, v, P, I, T, S;
+  var l, n, s, r, c, u, _, m, C, F, y, P, B, T, A;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (i = e.options) == null ? void 0 : i.numberOfMonths, "quick-select-ranges": (c = e.options) == null ? void 0 : c.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (u = e.options) == null ? void 0 : u.allowTimeInput, "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek, "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled, granularities: (C = e.options) == null ? void 0 : C.granularities, "max-range": (F = e.options) == null ? void 0 : F.maxRange, min: (v = e.options) == null ? void 0 : v.min, max: (P = e.options) == null ? void 0 : P.max, "number-of-months": (I = e.options) == null ? void 0 : I.numberOfMonths, "quick-select-ranges": (T = e.options) == null ? void 0 : T.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (S = e.options) == null ? void 0 : S.showEndDateOnOpen }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(B) {
+  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (l = e.options) == null ? void 0 : l.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (r = e.options) == null ? void 0 : r.numberOfMonths, "quick-select-ranges": (c = e.options) == null ? void 0 : c.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (u = e.options) == null ? void 0 : u.allowTimeInput, "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek, "is-date-disabled": (m = e.options) == null ? void 0 : m.isDateDisabled, granularities: (C = e.options) == null ? void 0 : C.granularities, "max-range": (F = e.options) == null ? void 0 : F.maxRange, min: (y = e.options) == null ? void 0 : y.min, max: (P = e.options) == null ? void 0 : P.max, "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths, "quick-select-ranges": (T = e.options) == null ? void 0 : T.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (A = e.options) == null ? void 0 : A.showEndDateOnOpen }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(g) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [t("bento-divider", { staticClass: "b-date-range-filter__divider" }), t("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, Kt = [], Yt = /* @__PURE__ */ x(
-  qt,
+}, qt = [], Kt = /* @__PURE__ */ x(
+  Ht,
   jt,
-  Kt,
+  qt,
   !1,
   null,
-  "c144d5cf"
+  "f4befbec"
 );
-const Ne = Yt.exports, Jt = {
+const Ne = Kt.exports, Yt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     searchFilter: "Search {filter}"
   }
-}, zt = {
-  i18n: { messages: Jt }
-}, Gt = /* @__PURE__ */ V({
-  ...zt,
+}, Jt = {
+  i18n: { messages: Yt }
+}, zt = /* @__PURE__ */ R({
+  ...Jt,
   __name: "select-filter-button",
   props: {
     /**
@@ -771,126 +772,126 @@ const Ne = Yt.exports, Jt = {
     }
   },
   emits: ["input", "update"],
-  setup(l, { emit: e }) {
-    var Y, J;
-    const t = l, a = ie(), { t: n, locale: s } = G(), i = E(""), c = w(t, "options"), u = E(t.options.listboxItems), { cachedSelectedListboxOptions: y, setCachedValues: h, resetCache: C } = Fe(
+  setup(a, { emit: e }) {
+    var J, z;
+    const t = a, l = ce(), { t: n, locale: s } = W(), r = E(""), c = w(t, "options"), u = E(t.options.listboxItems), { cachedSelectedListboxOptions: _, setCachedValues: m, resetCache: C } = Se(
       u,
       w(t, "value"),
       w(c.value, "multiple")
-    ), { cachedSelectedListboxOptions: F } = Fe(
+    ), { cachedSelectedListboxOptions: F } = Se(
       u,
       w(t, "defaultValue"),
       w(c.value, "multiple")
-    ), { internalFilterValue: v, isSecondaryButtonDisabled: P, isApplyButtonDisabled: I } = te(y, F);
+    ), { internalFilterValue: y, isSecondaryButtonDisabled: P, isApplyButtonDisabled: B } = te(_, F);
     ee(c, () => {
       u.value = c.value.listboxItems;
     });
     const T = Ve(
-      i,
+      r,
       u,
-      (J = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : J.searchEvent
-    ), S = o(() => n("noFiltersMatchThisSearch")), B = o(() => {
-      var $, _, R, U, L, f, d, A, k, M;
+      (z = (J = t.options) == null ? void 0 : J.search) == null ? void 0 : z.searchEvent
+    ), A = o(() => n("noFiltersMatchThisSearch")), g = o(() => {
+      var V, $, b, U, k, f, d, D, L, N;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const O = ($ = t.value) == null ? void 0 : $.length;
-        if (O === t.options.listboxItems.length)
-          return (_ = t == null ? void 0 : t.options) != null && _.messagesPersistentButtonLabelAllSelectedKey ? (U = t == null ? void 0 : t.options) == null ? void 0 : U.messages[s.value][(R = t == null ? void 0 : t.options) == null ? void 0 : R.messagesPersistentButtonLabelAllSelectedKey] : (L = t == null ? void 0 : t.options) == null ? void 0 : L.messages[s.value].persistentButtonLabelAllSelected;
-        const ne = ((f = t == null ? void 0 : t.options) != null && f.messagesPersistentButtonLabelPartiallySelectedKey ? (A = t == null ? void 0 : t.options) == null ? void 0 : A.messages[s.value][(d = t == null ? void 0 : t.options) == null ? void 0 : d.messagesPersistentButtonLabelPartiallySelectedKey] : (k = t == null ? void 0 : t.options) == null ? void 0 : k.messages[s.value].persistentButtonLabelPartiallySelected).split("|").map((ce) => ce.trim());
-        return O === 1 ? ne[0].replace("{count}", O) : ne[1].replace("{count}", O);
+        const H = (V = t.value) == null ? void 0 : V.length;
+        if (H === t.options.listboxItems.length)
+          return ($ = t == null ? void 0 : t.options) != null && $.messagesPersistentButtonLabelAllSelectedKey ? (U = t == null ? void 0 : t.options) == null ? void 0 : U.messages[s.value][(b = t == null ? void 0 : t.options) == null ? void 0 : b.messagesPersistentButtonLabelAllSelectedKey] : (k = t == null ? void 0 : t.options) == null ? void 0 : k.messages[s.value].persistentButtonLabelAllSelected;
+        const j = ((f = t == null ? void 0 : t.options) != null && f.messagesPersistentButtonLabelPartiallySelectedKey ? (D = t == null ? void 0 : t.options) == null ? void 0 : D.messages[s.value][(d = t == null ? void 0 : t.options) == null ? void 0 : d.messagesPersistentButtonLabelPartiallySelectedKey] : (L = t == null ? void 0 : t.options) == null ? void 0 : L.messages[s.value].persistentButtonLabelPartiallySelected).split("|").map((de) => de.trim());
+        return H === 1 ? j[0].replace("{count}", H) : j[1].replace("{count}", H);
       }
-      return (M = y.value) != null && M.length ? Q(y.value[0].label, 18) : "";
-    }), r = o(() => {
-      var $, _;
-      if (t.defaultValue === null && (!t.options.multiple || (($ = t.value) == null ? void 0 : $.length) === 1)) {
-        const R = t.options.listboxItems.flatMap((U) => U.items ? U.items : U);
+      return (N = _.value) != null && N.length ? Q(_.value[0].label, 18) : "";
+    }), S = o(() => {
+      var V, $;
+      if (t.defaultValue === null && (!t.options.multiple || ((V = t.value) == null ? void 0 : V.length) === 1)) {
+        const b = t.options.listboxItems.flatMap((U) => U.items ? U.items : U);
         return Q(
-          (_ = R.find(
+          ($ = b.find(
             ({ value: U }) => {
-              var L;
-              return Array.isArray(t.value) ? (L = t == null ? void 0 : t.value) == null ? void 0 : L.includes(U) : U === t.value;
+              var k;
+              return Array.isArray(t.value) ? (k = t == null ? void 0 : t.value) == null ? void 0 : k.includes(U) : U === t.value;
             }
-          )) == null ? void 0 : _.label,
+          )) == null ? void 0 : $.label,
           12
         );
       }
       return null;
-    }), m = o(() => be(`filter-listbox-${t.field}`)), p = ($) => {
-      v.value = $;
-      const { onlySlot: _, ...R } = t;
+    }), O = o(() => be(`filter-listbox-${t.field}`)), h = (V) => {
+      y.value = V;
+      const { onlySlot: $, ...b } = t;
       if (t.options.multiple) {
-        const L = $.length ? v.value.map(({ value: f }) => f) : null;
-        e(b.INPUT, { ...R, value: L });
+        const k = V.length ? y.value.map(({ value: f }) => f) : null;
+        e(v.INPUT, { ...b, value: k });
         return;
       }
-      const U = $.length ? $[0].value : null;
-      e(b.INPUT, { ...R, value: U });
-    }, D = () => {
-      var U, L, f;
-      const { onlySlot: $, ..._ } = t;
+      const U = V.length ? V[0].value : null;
+      e(v.INPUT, { ...b, value: U });
+    }, p = () => {
+      var U, k, f;
+      const { onlySlot: V, ...$ } = t;
       if (t.options.multiple) {
-        v.value && ((U = v.value) == null ? void 0 : U.length) === 0 && (v.value = t.defaultValue !== null ? F.value : void 0);
-        const d = (L = v.value) != null && L.length ? (f = v.value) == null ? void 0 : f.map(({ value: A }) => A) : null;
-        e(b.UPDATE, {
-          ..._,
+        y.value && ((U = y.value) == null ? void 0 : U.length) === 0 && (y.value = t.defaultValue !== null ? F.value : void 0);
+        const d = (k = y.value) != null && k.length ? (f = y.value) == null ? void 0 : f.map(({ value: D }) => D) : null;
+        e(v.UPDATE, {
+          ...$,
           value: d
         });
         return;
       }
-      const R = v.value.length ? v.value[0].value : void 0;
-      e(b.UPDATE, { ..._, value: R });
-    }, g = () => {
-      v.value = y.value;
-    }, N = () => {
-      i.value && (i.value = "");
-    }, W = () => {
-      h(F.value), v.value = F.value, D();
-    }, Z = () => {
-      C(), v.value = [], D();
-    }, K = o(() => {
-      var R, U;
+      const b = y.value.length ? y.value[0].value : void 0;
+      e(v.UPDATE, { ...$, value: b });
+    }, i = () => {
+      y.value = _.value;
+    }, I = () => {
+      r.value && (r.value = "");
+    }, M = () => {
+      m(F.value), y.value = F.value, p();
+    }, Y = () => {
+      C(), y.value = [], p();
+    }, Z = o(() => {
+      var b, U;
       if (t.value == null || t.defaultValue !== null || !t.options.multiple)
         return null;
-      const $ = (R = t.options.listboxItems) == null ? void 0 : R.reduce((L, f) => {
+      const V = (b = t.options.listboxItems) == null ? void 0 : b.reduce((k, f) => {
         var d;
-        return L += (d = f == null ? void 0 : f.items) != null && d.length ? f.items.length : 1, L;
-      }, 0), _ = (U = t.value) == null ? void 0 : U.length;
-      return _ === 1 ? null : _ === $ ? n("all") : _;
+        return k += (d = f == null ? void 0 : f.items) != null && d.length ? f.items.length : 1, k;
+      }, 0), $ = (U = t.value) == null ? void 0 : U.length;
+      return $ === 1 ? null : $ === V ? n("all") : $;
     });
-    return { __sfc: !0, slots: a, emit: e, props: t, t: n, locale: s, searchTerm: i, optionsRef: c, itemsRef: u, cachedSelectedListboxOptions: y, setCachedValues: h, resetCache: C, cachedDefaultSelectedListboxOptions: F, internalFilterValue: v, isSecondaryButtonDisabled: P, isApplyButtonDisabled: I, filteredItems: T, noResultsMessage: S, buttonLabel: B, buttonSecondaryLabel: r, listboxFilterId: m, onOptionSelected: p, updateFilter: D, openFilter: g, closeFilter: N, resetFilter: W, clearFilter: Z, appliedFiltersCount: K, BentoSearchBar: re, BentoDivider: ve, BentoListbox: yt, BentoBaseFilter: ae };
+    return { __sfc: !0, slots: l, emit: e, props: t, t: n, locale: s, searchTerm: r, optionsRef: c, itemsRef: u, cachedSelectedListboxOptions: _, setCachedValues: m, resetCache: C, cachedDefaultSelectedListboxOptions: F, internalFilterValue: y, isSecondaryButtonDisabled: P, isApplyButtonDisabled: B, filteredItems: T, noResultsMessage: A, buttonLabel: g, buttonSecondaryLabel: S, listboxFilterId: O, onOptionSelected: h, updateFilter: p, openFilter: i, closeFilter: I, resetFilter: M, clearFilter: Y, appliedFiltersCount: Z, BentoSearchBar: ue, BentoDivider: pe, BentoListbox: _t, BentoBaseFilter: se };
   }
 });
-var Wt = function() {
-  var n, s, i, c, u, y, h, C, F, v, P, I, T;
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t(a.BentoBaseFilter, { attrs: { "applied-filters-count": a.appliedFiltersCount, "button-label": a.buttonLabel, "button-secondary-label": a.buttonSecondaryLabel, "disable-apply-button": a.isApplyButtonDisabled, "disable-secondary-button": a.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: a.updateFilter, clear: a.clearFilter, reset: a.resetFilter, open: a.openFilter, close: a.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(a.BentoSearchBar, { attrs: { "debounce-time": (s = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : s.debounceTime, value: a.searchTerm, "input-field-aria-label": a.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(S) {
-    a.searchTerm = S;
-  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(a.BentoDivider)], 1), t(a.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: a.listboxFilterId, "aria-label": e.label, "empty-state": (i = e.options) == null ? void 0 : i.emptyState, "has-more-items": (u = (c = e.options) == null ? void 0 : c.lazy) == null ? void 0 : u.hasMoreItems, items: a.filteredItems, "is-option-disabled": (y = e.options) == null ? void 0 : y.isOptionDisabled, "lazy-load-type": (C = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : C.lazyLoadType, loading: (v = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : v.loading, multiple: (P = e.options) == null ? void 0 : P.multiple, "static-categories": (I = e.options) == null ? void 0 : I.staticCategories, "no-results-message": a.noResultsMessage, searching: !!a.searchTerm, "selected-value": a.internalFilterValue, "virtual-scroll": (T = e.options) == null ? void 0 : T.virtualScroll }, on: { select: a.onOptionSelected, "space-pressed": a.onOptionSelected, "enter-pressed": a.onOptionSelected, "show-more": function(S) {
-    var B, r;
-    (r = (B = e.options) == null ? void 0 : B.lazy) == null || r.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(a.slots, function(S, B) {
-    return { key: B, fn: function(r) {
-      return [e._t(B, null, null, r)];
+var Gt = function() {
+  var n, s, r, c, u, _, m, C, F, y, P, B, T;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (s = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : s.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(A) {
+    l.searchTerm = A;
+  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "empty-state": (r = e.options) == null ? void 0 : r.emptyState, "has-more-items": (u = (c = e.options) == null ? void 0 : c.lazy) == null ? void 0 : u.hasMoreItems, items: l.filteredItems, "is-option-disabled": (_ = e.options) == null ? void 0 : _.isOptionDisabled, "lazy-load-type": (C = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : C.lazyLoadType, loading: (y = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : y.loading, multiple: (P = e.options) == null ? void 0 : P.multiple, "static-categories": (B = e.options) == null ? void 0 : B.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (T = e.options) == null ? void 0 : T.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(A) {
+    var g, S;
+    (S = (g = e.options) == null ? void 0 : g.lazy) == null || S.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(l.slots, function(A, g) {
+    return { key: g, fn: function(S) {
+      return [e._t(g, null, null, S)];
     } };
   })], null, !0) })], 1);
-}, Zt = [], Qt = /* @__PURE__ */ x(
+}, Wt = [], Zt = /* @__PURE__ */ x(
+  zt,
   Gt,
   Wt,
-  Zt,
   !1,
   null,
-  "6426a4a7"
+  "8bc2a997"
 );
-const Xt = Qt.exports, el = {
+const Qt = Zt.exports, Xt = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search"
   }
-}, tl = {
-  i18n: { messages: el },
+}, el = {
+  i18n: { messages: Xt },
   name: "select-filter-dropdown"
-}, ll = /* @__PURE__ */ V({
-  ...tl,
+}, tl = /* @__PURE__ */ R({
+  ...el,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -938,116 +939,116 @@ const Xt = Qt.exports, el = {
     }
   },
   emits: ["input", "update"],
-  setup(l, { emit: e }) {
-    const t = l, { t: a } = G(), n = ie(), { internalFilterValue: s } = te(w(t, "value"), w(t, "defaultValue")), i = E(""), c = w(t, "options"), u = E(t.options.listboxItems);
+  setup(a, { emit: e }) {
+    const t = a, { t: l } = W(), n = ce(), { internalFilterValue: s } = te(w(t, "value"), w(t, "defaultValue")), r = E(""), c = w(t, "options"), u = E(t.options.listboxItems);
     ee(c, () => {
       u.value = c.value.listboxItems;
     });
-    const y = o(() => a("noFiltersMatchThisSearch"));
-    return { __sfc: !0, t: a, slots: n, emit: e, props: t, internalFilterValue: s, searchTerm: i, optionsRef: c, itemsRef: u, noResultsMessage: y, onOptionSelected: (C) => {
+    const _ = o(() => l("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: s, searchTerm: r, optionsRef: c, itemsRef: u, noResultsMessage: _, onOptionSelected: (C) => {
       s.value = C;
-      const { onlySlot: F, ...v } = t;
-      e(b.INPUT, { ...v, value: s.value });
+      const { onlySlot: F, ...y } = t;
+      e(v.INPUT, { ...y, value: s.value });
     }, BentoDropdown: rt };
   }
 });
-var al = function() {
-  var n, s, i;
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t(a.BentoDropdown, { attrs: { value: a.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (s = e.options) == null ? void 0 : s.staticCategories, "no-results-message": a.noResultsMessage, searching: !!a.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (i = e.options) == null ? void 0 : i.emptyState }, on: { input: a.onOptionSelected }, scopedSlots: e._u([e._l(a.slots, function(c, u) {
-    return { key: u, fn: function(y) {
-      return [e._t(u, null, null, y)];
+var ll = function() {
+  var n, s, r;
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (s = e.options) == null ? void 0 : s.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (r = e.options) == null ? void 0 : r.emptyState }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(c, u) {
+    return { key: u, fn: function(_) {
+      return [e._t(u, null, null, _)];
     } };
   })], null, !0) });
-}, nl = [], sl = /* @__PURE__ */ x(
+}, al = [], nl = /* @__PURE__ */ x(
+  tl,
   ll,
   al,
-  nl,
   !1,
   null,
   null
 );
-const ol = sl.exports, rl = {}, il = /* @__PURE__ */ V({
-  ...rl,
-  __name: "select-filter",
-  props: {
-    /**
-     * Default value of the filter to reset to.
-     *
-     */
-    defaultValue: {
-      type: [String, Number, Array],
-      default: null
-    },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     *
-     */
-    onlySlot: { type: Boolean, default: !1 },
-    /**
-     * List of options that are needed to setup the filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with.
-     *
-     * @default undefined
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     *
-     * @default undefined
-     */
-    value: {
-      type: [String, Number, Array],
-      default: void 0
-    }
+const sl = nl.exports, oe = {
+  /**
+   * 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
+  }
+}, ol = {}, rl = /* @__PURE__ */ R({
+  ...ol,
+  __name: "select-filter",
+  props: oe,
   emits: ["input", "update"],
-  setup(l, { emit: e }) {
-    return { __sfc: !0, slots: ie(), emit: e, onInput: (s) => e("input", s), onUpdate: (s) => e("update", s), SelectFilterButton: Xt, SelectFilterDropdown: ol };
+  setup(a, { emit: e }) {
+    return { __sfc: !0, slots: ce(), emit: e, onInput: (s) => e("input", s), onUpdate: (s) => e("update", s), SelectFilterButton: Qt, SelectFilterDropdown: sl };
   }
 });
-var ul = function() {
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return e.onlySlot ? t(a.SelectFilterDropdown, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: a.onInput, update: a.onUpdate }, scopedSlots: e._u([e._l(a.slots, function(n, s) {
-    return { key: s, fn: function(i) {
-      return [e._t(s, null, null, i)];
+var il = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, s) {
+    return { key: s, fn: function(r) {
+      return [e._t(s, null, null, r)];
     } };
-  })], null, !0) }) : t(a.SelectFilterButton, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: a.onInput, update: a.onUpdate }, scopedSlots: e._u([e._l(a.slots, function(n, s) {
-    return { key: s, fn: function(i) {
-      return [e._t(s, null, null, i)];
+  })], null, !0) }) : t(l.SelectFilterButton, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, s) {
+    return { key: s, fn: function(r) {
+      return [e._t(s, null, null, r)];
     } };
   })], null, !0) });
-}, cl = [], dl = /* @__PURE__ */ x(
+}, ul = [], cl = /* @__PURE__ */ x(
+  rl,
   il,
   ul,
-  cl,
   !1,
   null,
   null
 );
-const q = dl.exports, fl = V({
+const le = cl.exports, dl = R({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: q,
-    BentoAvatar: _t
+    BentoSelectFilter: le,
+    BentoAvatar: pt
   },
   props: {
-    ...q.props,
+    ...oe,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1059,37 +1060,37 @@ const q = dl.exports, fl = V({
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: b,
+      BentoFilterEvent: v,
       // Methods
-      onUpdate: (a) => e(b.UPDATE, a)
+      onUpdate: (l) => e(v.UPDATE, l)
     };
   }
 });
-var bl = function() {
+var fl = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a, data: n }) {
-    return [t("bento-avatar", { attrs: { username: a, src: n } })];
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
+    return [t("bento-avatar", { attrs: { username: l, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, vl = [], pl = /* @__PURE__ */ x(
+}, vl = [], bl = /* @__PURE__ */ x(
+  dl,
   fl,
-  bl,
   vl,
   !1,
   null,
   null
 );
-const Me = pl.exports, _l = V({
+const Me = bl.exports, pl = R({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: q,
-    ListboxOptionTag: Le
+    BentoSelectFilter: le,
+    ListboxOptionTag: ke
   },
   props: {
-    ...q.props,
+    ...oe,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1101,39 +1102,37 @@ const Me = pl.exports, _l = V({
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: b,
+      BentoFilterEvent: v,
       // Methods
-      onUpdate: (a) => {
-        e(b.UPDATE, a);
+      onUpdate: (l) => {
+        e(v.UPDATE, l);
       }
     };
   }
 });
-var yl = function() {
+var _l = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function(a) {
-    return [t("listbox-option-tag", { attrs: { option: a } })];
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function(l) {
+    return [t("listbox-option-tag", { attrs: { option: l } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, ml = [], hl = /* @__PURE__ */ x(
+}, yl = [], ml = /* @__PURE__ */ x(
+  pl,
   _l,
   yl,
-  ml,
   !1,
   null,
   null
 );
-const He = hl.exports, Fl = V({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: q,
-    BentoTypography: oe
-  },
+const He = ml.exports, Fl = {
+  name: "bento-select-country-filter"
+}, hl = /* @__PURE__ */ R({
+  ...Fl,
   props: {
-    ...q.props,
+    ...oe,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1146,51 +1145,44 @@ const He = hl.exports, Fl = V({
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    const t = E(l.options.variant), a = E(l.options.listboxItems);
-    ee([() => l.options.variant, () => l.options.listboxItems], () => {
-      t.value = l.options.variant, a.value = l.options.listboxItems;
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    const t = a, l = E(t.options.variant), n = E(t.options.listboxItems);
+    ee([() => t.options.variant, () => t.options.listboxItems], () => {
+      l.value = t.options.variant, n.value = t.options.listboxItems;
     });
-    const n = (c) => e(b.UPDATE, c), s = mt(t, a), i = o(() => ({
-      ...l.options,
-      listboxItems: s.value
+    const s = (u) => e(v.UPDATE, u), r = yt(l, n), c = o(() => ({
+      ...t != null && t.options ? t.options : {},
+      listboxItems: r.value
     }));
-    return (!t.value || t.value === "custom") && Xe(
+    return (!l.value || l.value === "custom") && Xe(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), {
-      // Values
-      countryOptions: i,
-      // Methods
-      onUpdate: n,
-      // Enums
-      BentoFilterEvent: b
-    };
+    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: s, countryItems: r, countryOptions: c, BentoFilterEvent: v, BentoTypography: ie, BentoSelectFilter: le };
   }
 });
-var gl = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a }) {
-    return [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(a))])];
-  } }]) }, "bento-select-filter", e.$props, !1));
-}, Sl = [], Cl = /* @__PURE__ */ x(
-  Fl,
-  gl,
+var Sl = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t(l.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: l.countryOptions }, on: { update: l.onUpdate, input: (n) => e.$emit(l.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
+    return [t(l.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
+  } }]) }, "bento-select-filter", l.props, !1));
+}, gl = [], Cl = /* @__PURE__ */ x(
+  hl,
   Sl,
+  gl,
   !1,
   null,
   null
 );
-const qe = Cl.exports, Bl = V({
+const je = Cl.exports, Bl = R({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: q,
-    BentoPaymentMethod: ht
+    BentoSelectFilter: le,
+    BentoPaymentMethod: mt
   },
   props: {
-    ...q.props,
+    ...oe,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1202,20 +1194,20 @@ const qe = Cl.exports, Bl = V({
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: b,
+      BentoFilterEvent: v,
       // Methods
-      onUpdate: (a) => e(b.UPDATE, a)
+      onUpdate: (l) => e(v.UPDATE, l)
     };
   }
 });
 var Al = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ value: a, label: n }) {
-    return [t("bento-payment-method", { attrs: { type: a, label: n } })];
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ value: l, label: n }) {
+    return [t("bento-payment-method", { attrs: { type: l, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
 }, Dl = [], Tl = /* @__PURE__ */ x(
   Bl,
@@ -1225,14 +1217,14 @@ var Al = function() {
   null,
   null
 );
-const je = Tl.exports, Pl = V({
+const qe = Tl.exports, Pl = R({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: q,
-    ListboxOptionTag: Le
+    BentoSelectFilter: le,
+    ListboxOptionTag: ke
   },
   props: {
-    ...q.props,
+    ...oe,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1244,31 +1236,31 @@ const je = Tl.exports, Pl = V({
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    const t = (s) => e(b.UPDATE, s), a = o(
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    const t = (s) => e(v.UPDATE, s), l = o(
       () => {
-        var s, i;
-        return (i = (s = l == null ? void 0 : l.options) == null ? void 0 : s.listboxItems) == null ? void 0 : i.map(({ label: c, value: u, variant: y }) => ({ label: c, value: u, data: y }));
+        var s, r;
+        return (r = (s = a == null ? void 0 : a.options) == null ? void 0 : s.listboxItems) == null ? void 0 : r.map(({ label: c, value: u, variant: _ }) => ({ label: c, value: u, data: _ }));
       }
     );
     return {
       // Values
       countryOptions: o(() => ({
-        ...l.options,
-        listboxItems: a.value
+        ...a.options,
+        listboxItems: l.value
       })),
       // Methods
       onUpdate: t,
       // Enums
-      BentoFilterEvent: b
+      BentoFilterEvent: v
     };
   }
 });
 var El = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a, data: n }) {
-    return [t("listbox-option-tag", { attrs: { option: { value: a, data: n, label: "" } } })];
+  return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
+    return [t("listbox-option-tag", { attrs: { option: { value: l, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
 }, Il = [], Ul = /* @__PURE__ */ x(
   Pl,
@@ -1283,10 +1275,10 @@ const Ke = Ul.exports, xl = {
     yes: "Yes",
     no: "No"
   }
-}, Rl = V({
+}, Rl = R({
   name: "bento-boolean-filter",
   i18n: { messages: xl },
-  components: { BentoBaseFilter: ae, BentoRadioGroup: at },
+  components: { BentoBaseFilter: se, BentoRadioGroup: at },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1320,62 +1312,62 @@ const Ke = Ul.exports, xl = {
       default: void 0
     }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    const { t } = G(), a = (r) => typeof r == "boolean" ? r == null ? void 0 : r.toString() : r, n = (r) => {
-      var m, p, D, g;
-      return ((p = (m = l == null ? void 0 : l.options) == null ? void 0 : m.positiveOption) == null ? void 0 : p.value) !== void 0 && ((g = (D = l == null ? void 0 : l.options) == null ? void 0 : D.negativeOption) == null ? void 0 : g.value) !== void 0 && typeof l.options.positiveOption.value == "boolean" && typeof l.options.negativeOption.value == "boolean" && typeof r == "string" ? r === "true" : r;
-    }, s = o(() => a(l.defaultValue)), i = o(() => a(l.value)), c = o(() => l.options && l.options.positiveOption && l.options.negativeOption ? [
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    const { t } = W(), l = (S) => typeof S == "boolean" ? S == null ? void 0 : S.toString() : S, n = (S) => {
+      var O, h, p, i;
+      return ((h = (O = a == null ? void 0 : a.options) == null ? void 0 : O.positiveOption) == null ? void 0 : h.value) !== void 0 && ((i = (p = a == null ? void 0 : a.options) == null ? void 0 : p.negativeOption) == null ? void 0 : i.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof S == "string" ? S === "true" : S;
+    }, s = o(() => l(a.defaultValue)), r = o(() => l(a.value)), c = o(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
       {
-        ...l.options.positiveOption,
-        value: a(l.options.positiveOption.value)
+        ...a.options.positiveOption,
+        value: l(a.options.positiveOption.value)
       },
       {
-        ...l.options.negativeOption,
-        value: a(l.options.negativeOption.value)
+        ...a.options.negativeOption,
+        value: l(a.options.negativeOption.value)
       }
     ] : [
       { value: "yes", label: t("yes") },
       { value: "no", label: t("no") }
-    ]), { internalFilterValue: u, isSecondaryButtonDisabled: y, isApplyButtonDisabled: h } = te(
-      i,
+    ]), { internalFilterValue: u, isSecondaryButtonDisabled: _, isApplyButtonDisabled: m } = te(
+      r,
       s
     ), C = o(
-      () => l.defaultValue === null ? l.label : Q(c.value.find(({ value: r }) => r === i.value).label, 18)
+      () => a.defaultValue === null ? a.label : Q(c.value.find(({ value: S }) => S === r.value).label, 18)
     ), F = o(
       () => {
-        var r;
-        return l.defaultValue === null ? Q((r = c.value.find(({ value: m }) => m === i.value)) == null ? void 0 : r.label, 12) : null;
+        var S;
+        return a.defaultValue === null ? Q((S = c.value.find(({ value: O }) => O === r.value)) == null ? void 0 : S.label, 12) : null;
       }
-    ), v = o(() => ({
-      "b-boolean-filter--only-slot": l.onlySlot
+    ), y = o(() => ({
+      "b-boolean-filter--only-slot": a.onlySlot
     }));
-    fe(() => {
+    ve(() => {
       u.value || (u.value = null);
     });
-    const P = (r) => {
-      u.value = r, e(b.INPUT, {
-        ...l,
+    const P = (S) => {
+      u.value = S, e(v.INPUT, {
+        ...a,
         value: n(u.value)
       });
-    }, I = () => {
-      u.value = i.value;
+    }, B = () => {
+      u.value = r.value;
     }, T = () => {
-      e(b.UPDATE, {
-        ...l,
+      e(v.UPDATE, {
+        ...a,
         value: n(u.value)
       });
     };
     return {
       // Values
       items: c,
-      conditionalClasses: v,
+      conditionalClasses: y,
       buttonLabel: C,
       buttonSecondaryLabel: F,
       internalFilterValue: u,
-      isApplyButtonDisabled: h,
-      isSecondaryButtonDisabled: y,
-      translatedValue: i,
+      isApplyButtonDisabled: m,
+      isSecondaryButtonDisabled: _,
+      translatedValue: r,
       translatedDefaultValue: s,
       // Events
       onInput: P,
@@ -1383,17 +1375,17 @@ const Ke = Ul.exports, xl = {
       clearFilter: () => {
         u.value = null, T();
       },
-      openFilter: I,
-      resetFilter: () => e(b.UPDATE, { ...l, value: l.defaultValue })
+      openFilter: B,
+      resetFilter: () => e(v.UPDATE, { ...a, value: a.defaultValue })
     };
   }
 });
 var Vl = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
+  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, $l = [], kl = /* @__PURE__ */ x(
+}, $l = [], Ll = /* @__PURE__ */ x(
   Rl,
   Vl,
   $l,
@@ -1401,15 +1393,15 @@ var Vl = function() {
   null,
   "e6adae8e"
 );
-const Ye = kl.exports, Ll = {
+const Ye = Ll.exports, kl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Ol = V({
+}, Ol = R({
   name: "bento-range-filter",
-  i18n: { messages: Ll },
-  components: { BentoBaseFilter: ae, BentoInputField: Re },
+  i18n: { messages: kl },
+  components: { BentoBaseFilter: se, BentoInputField: Re },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1434,57 +1426,57 @@ const Ye = kl.exports, Ll = {
      */
     onlySlot: { type: Boolean, default: !1 }
   },
-  emits: [b.INPUT, b.UPDATE],
-  setup(l, { emit: e }) {
-    const { t } = G(), a = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = te(
-      w(l, "value"),
-      w(l, "defaultValue")
+  emits: [v.INPUT, v.UPDATE],
+  setup(a, { emit: e }) {
+    const { t } = W(), l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = te(
+      w(a, "value"),
+      w(a, "defaultValue")
     ), c = o(() => {
-      var D, g, N, W, Z, K, Y, J;
-      if (!((D = l.value) != null && D[0]) && !((g = l.value) != null && g[1]))
+      var p, i, I, M, Y, Z, J, z;
+      if (!((p = a.value) != null && p[0]) && !((i = a.value) != null && i[1]))
         return null;
-      let B = "";
-      (N = l.value) != null && N[0] ? (W = l.value) != null && W[1] || (B = "≥") : B = "≤";
-      const r = (Z = l.value) != null && Z[0] ? `${Q(l.value[0], 5)}` : "", m = (K = l.value) != null && K[0] && ((Y = l.value) != null && Y[1]) ? " - " : "", p = (J = l.value) != null && J[1] ? `${Q(l.value[1], 5)}` : "";
-      return `${B}${r}${m}${p}`;
+      let g = "";
+      (I = a.value) != null && I[0] ? (M = a.value) != null && M[1] || (g = "≥") : g = "≤";
+      const S = (Y = a.value) != null && Y[0] ? `${Q(a.value[0], 5)}` : "", O = (Z = a.value) != null && Z[0] && ((J = a.value) != null && J[1]) ? " - " : "", h = (z = a.value) != null && z[1] ? `${Q(a.value[1], 5)}` : "";
+      return `${g}${S}${O}${h}`;
     }), u = o(
-      () => l.defaultValue === null ? l.label : c.value
-    ), y = o(
-      () => l.defaultValue === null ? c.value : null
-    ), h = o(() => ({
-      "b-range-filter--only-slot": l.onlySlot
+      () => a.defaultValue === null ? a.label : c.value
+    ), _ = o(
+      () => a.defaultValue === null ? c.value : null
+    ), m = o(() => ({
+      "b-range-filter--only-slot": a.onlySlot
     })), C = () => {
-      n.value = l.value, Ae(() => a.value.focusInput());
+      n.value = a.value, Ae(() => l.value.focusInput());
     }, F = () => {
-      e(b.INPUT, { ...l, value: n.value });
-    }, v = (B) => {
-      n.value = [B, n.value[1]], F();
-    }, P = (B) => {
-      n.value = [n.value[0], B], F();
-    }, I = () => {
-      n.value.some((B) => B) || (n.value = l.defaultValue !== null ? l.defaultValue : void 0), e(b.UPDATE, {
-        ...l,
+      e(v.INPUT, { ...a, value: n.value });
+    }, y = (g) => {
+      n.value = [g, n.value[1]], F();
+    }, P = (g) => {
+      n.value = [n.value[0], g], F();
+    }, B = () => {
+      n.value.some((g) => g) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(v.UPDATE, {
+        ...a,
         value: n.value
       });
     };
     return {
       // Values
-      inputTextRef: a,
-      conditionalClasses: h,
+      inputTextRef: l,
+      conditionalClasses: m,
       internalFilterValue: n,
-      isApplyButtonDisabled: i,
+      isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: s,
       buttonLabel: u,
-      buttonSecondaryLabel: y,
+      buttonSecondaryLabel: _,
       // Events
-      updateFrom: v,
+      updateFrom: y,
       updateTo: P,
-      updateFilter: I,
+      updateFilter: B,
       clearFilter: () => {
-        n.value = ["", ""], I();
+        n.value = ["", ""], B();
       },
       openFilter: C,
-      resetFilter: () => e(b.UPDATE, { ...l, value: l.defaultValue }),
+      resetFilter: () => e(v.UPDATE, { ...a, value: a.defaultValue }),
       // Translations
       t
     };
@@ -1492,8 +1484,8 @@ const Ye = kl.exports, Ll = {
 });
 var wl = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
+  return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString() }, on: { input: e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), t("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to") }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
 }, Nl = [], Ml = /* @__PURE__ */ x(
   Ol,
@@ -1504,10 +1496,10 @@ var wl = function() {
   "b0ac51f9"
 );
 const Je = Ml.exports;
-var de = /* @__PURE__ */ ((l) => (l.INPUT = "input", l))(de || {});
-const Hl = V({
+var fe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(fe || {});
+const Hl = R({
   name: "base-filter-button",
-  components: { BaseButton: Pe, BentoTypography: oe, ChevronUpIcon: Ue, ChevronDownIcon: xe },
+  components: { BaseButton: Pe, BentoTypography: ie, ChevronUpIcon: Ue, ChevronDownIcon: xe },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1532,16 +1524,16 @@ const Hl = V({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [ye.CLICK],
-  setup(l, { slots: e, emit: t, attrs: a }) {
-    const n = o(() => e.default ? Ee(e)("default") : null), s = Te({ ariaLabel: n }), i = E(null), c = o(() => {
-      var h;
+  emits: [me.CLICK],
+  setup(a, { slots: e, emit: t, attrs: l }) {
+    const n = o(() => e.default ? Ee(e)("default") : null), s = Te({ ariaLabel: n }), r = E(null), c = o(() => {
+      var m;
       return {
-        "aria-controls": (h = a["aria-controls"]) == null ? void 0 : h.toString()
+        "aria-controls": (m = l["aria-controls"]) == null ? void 0 : m.toString()
       };
     }), u = o(() => ({
-      "b-base-filter-button--with-chevron": l.hasChevron,
-      "b-base-filter-button--filter-open": l.isFilterOpen
+      "b-base-filter-button--with-chevron": a.hasChevron,
+      "b-base-filter-button--filter-open": a.isFilterOpen
     }));
     return {
       // Values
@@ -1550,28 +1542,28 @@ const Hl = V({
       conditionalClasses: u,
       // Methods
       onClickButton: () => {
-        l.disabled || t(ye.CLICK);
+        a.disabled || t(me.CLICK);
       },
       hasSlot: Ie(e),
       // Refs
-      baseFilterButtonRef: i
+      baseFilterButtonRef: r
     };
   }
 });
-var ql = function() {
+var jl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
     return [e.isFilterOpen ? t("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) }, [t("div", { staticClass: "b-base-filter-button__default-container" }, [t("div", { staticClass: "b-base-filter-button__label-container" }, [t("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? t("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [t("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
-}, jl = [], Kl = /* @__PURE__ */ x(
+}, ql = [], Kl = /* @__PURE__ */ x(
   Hl,
-  ql,
   jl,
+  ql,
   !1,
   null,
   "66b170d4"
 );
-const Yl = Kl.exports, Jl = V({
+const Yl = Kl.exports, Jl = R({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Yl },
   props: {
@@ -1593,11 +1585,11 @@ const Yl = Kl.exports, Jl = V({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(l, { emit: e }) {
+  setup(a, { emit: e }) {
     return {
       conditionalClasses: o(() => ({
-        "b-all-filters-modal-button--with-counter": l.appliedFiltersCount,
-        "b-all-filters-modal-button--filter-open": l.isFilterOpen
+        "b-all-filters-modal-button--with-counter": a.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": a.isFilterOpen
       })),
       onClick: () => {
         e("click");
@@ -1647,7 +1639,7 @@ const la = ta.exports, aa = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, na = V({
+}, na = R({
   i18n: { messages: aa },
   name: "all-filters-modal",
   components: {
@@ -1659,15 +1651,15 @@ const la = ta.exports, aa = {
     BentoInputFilter: Oe,
     BentoModal: nt,
     BentoRangeFilter: Je,
-    BentoSearchBar: re,
+    BentoSearchBar: ue,
     BentoSelectAvatarFilter: Me,
     BentoSelectCurrencyFilter: He,
-    BentoSelectCountryFilter: qe,
-    BentoSelectFilter: q,
-    BentoSelectPaymentMethodFilter: je,
+    BentoSelectCountryFilter: je,
+    BentoSelectFilter: le,
+    BentoSelectPaymentMethodFilter: qe,
     BentoSelectTagFilter: Ke,
-    BentoTypography: oe,
-    FilterBarButton: pe,
+    BentoTypography: ie,
+    FilterBarButton: _e,
     SlidersIcon: la
   },
   props: {
@@ -1696,65 +1688,65 @@ const la = ta.exports, aa = {
       default: () => []
     }
   },
-  emits: [de.INPUT],
-  setup(l, { emit: e }) {
-    const t = De({ value: l.value }), a = E(t.value), n = be("all-filters-modal"), s = E([]), i = E(!1), c = E(0), u = E(null), y = E(""), { t: h } = G(), C = Ve(y, w(a, "value")), F = E({});
-    fe(() => {
+  emits: [fe.INPUT],
+  setup(a, { emit: e }) {
+    const t = De({ value: a.value }), l = E(t.value), n = be("all-filters-modal"), s = E([]), r = E(!1), c = E(0), u = E(null), _ = E(""), { t: m } = W(), C = Ve(_, w(l, "value")), F = E({});
+    ve(() => {
       F.value = [];
     }), ee(
-      () => l.value,
+      () => a.value,
       () => {
-        t.value = l.value, a.value = l.value;
+        t.value = a.value, l.value = a.value;
       }
     );
-    const v = (f) => (
+    const y = (f) => (
       /* eslint-disable-next-line no-nested-ternary */
-      f.sort((d, A) => d.label > A.label ? 1 : A.label > d.label ? -1 : 0)
+      f.sort((d, D) => d.label > D.label ? 1 : D.label > d.label ? -1 : 0)
     ), P = o(
-      () => v(
+      () => y(
         C.value.filter(
           (f) => {
-            var d, A;
-            return Array.isArray(f.value) ? ((d = f.value) == null ? void 0 : d.length) && ((A = f.value) == null ? void 0 : A.find((k) => k !== "")) : f.value;
+            var d, D;
+            return Array.isArray(f.value) ? ((d = f.value) == null ? void 0 : d.length) && ((D = f.value) == null ? void 0 : D.find((L) => L !== "")) : f.value;
           }
         )
       )
-    ), I = o(
-      () => v(
+    ), B = o(
+      () => y(
         C.value.filter(
           (f) => {
-            var d, A;
-            return Array.isArray(f.value) ? ((d = f.value) == null ? void 0 : d.length) === 0 || ((A = f.value) == null ? void 0 : A.every((k) => k === "")) : !f.value;
+            var d, D;
+            return Array.isArray(f.value) ? ((d = f.value) == null ? void 0 : d.length) === 0 || ((D = f.value) == null ? void 0 : D.every((L) => L === "")) : !f.value;
           }
         )
       )
     ), T = o(() => {
       var f;
-      return y.value && ((f = C.value) == null ? void 0 : f.length) === 0;
-    }), S = o(() => a.value[c.value]), B = () => {
-      const f = P.value.length ? P.value[0] : I.value[0], d = a.value.findIndex(
-        (A) => A.label === f.label && A.field === f.field
+      return _.value && ((f = C.value) == null ? void 0 : f.length) === 0;
+    }), A = o(() => l.value[c.value]), g = () => {
+      const f = P.value.length ? P.value[0] : B.value[0], d = l.value.findIndex(
+        (D) => D.label === f.label && D.field === f.field
       );
       c.value = d;
     };
     We(() => {
-      B();
+      g();
     });
-    const r = (f) => f.map((d) => {
-      var A, k, M, O, ue, ne;
+    const S = (f) => f.map((d) => {
+      var D, L, N, H, ae, j;
       switch (d.type) {
-        case H.SELECT:
-        case H.SELECT_AVATAR:
-        case H.SELECT_COUNTRY:
-        case H.SELECT_CURRENCY:
-        case H.SELECT_PAYMENT_METHOD:
-        case H.SELECT_TAG:
-          switch ((A = d.options) == null ? void 0 : A.multiple) {
+        case q.SELECT:
+        case q.SELECT_AVATAR:
+        case q.SELECT_COUNTRY:
+        case q.SELECT_CURRENCY:
+        case q.SELECT_PAYMENT_METHOD:
+        case q.SELECT_TAG:
+          switch ((D = d.options) == null ? void 0 : D.multiple) {
             case !0:
               return {
                 label: d.label,
                 field: d.field,
-                count: (k = d.value) != null && k.length ? (M = d.value) == null ? void 0 : M.length : null
+                count: (L = d.value) != null && L.length ? (N = d.value) == null ? void 0 : N.length : null
               };
             default:
               return {
@@ -1763,21 +1755,21 @@ const la = ta.exports, aa = {
                 count: d.value == null ? null : 1
               };
           }
-        case H.DATE_RANGE:
+        case q.DATE_RANGE:
           return {
             label: d.label,
             field: d.field,
-            count: ((O = d.value) == null ? void 0 : O.startDate) != null && ((ue = d.value) == null ? void 0 : ue.endDate) != null ? 1 : null
+            count: ((H = d.value) == null ? void 0 : H.startDate) != null && ((ae = d.value) == null ? void 0 : ae.endDate) != null ? 1 : null
           };
-        case H.RANGE:
+        case q.RANGE:
           return {
             label: d.label,
             field: d.field,
-            count: (ne = d.value) != null && ne.find((ce) => ce !== "") ? 1 : null
+            count: (j = d.value) != null && j.find((de) => de !== "") ? 1 : null
           };
-        case H.INPUT:
-        case H.BOOLEAN:
-        case H.DATE:
+        case q.INPUT:
+        case q.BOOLEAN:
+        case q.DATE:
         default:
           return {
             label: d.label,
@@ -1785,63 +1777,63 @@ const la = ta.exports, aa = {
             count: d.value != null ? 1 : null
           };
       }
-    }), m = o(
+    }), O = o(
       () => {
         var f;
-        return Array.isArray(S.value.value) ? ((f = S.value) == null ? void 0 : f.value.length) && S.value.value.find((d) => d !== "") : !!a.value[c.value].value;
+        return Array.isArray(A.value.value) ? ((f = A.value) == null ? void 0 : f.value.length) && A.value.value.find((d) => d !== "") : !!l.value[c.value].value;
       }
-    ), p = o(
+    ), h = o(
       () => {
         var f;
-        return (f = r(t.value)) == null ? void 0 : f.filter(({ count: d }) => !!d).length;
+        return (f = S(t.value)) == null ? void 0 : f.filter(({ count: d }) => !!d).length;
       }
-    ), D = () => {
-      i.value ? i.value = !1 : i.value = !0;
-    }, g = (f) => {
-      var A, k, M;
-      const d = r(a.value).find((O) => O.field === f.field).count;
-      return f.type.includes("BentoSelect") && ((A = f.options) != null && A.multiple) && d === ((M = (k = f.options) == null ? void 0 : k.listboxItems) == null ? void 0 : M.length) ? h("all") : d;
-    }, N = (f, d) => {
-      c.value = a.value.findIndex(
-        (A) => A.label === f && A.field === d
+    ), p = () => {
+      r.value ? r.value = !1 : r.value = !0;
+    }, i = (f) => {
+      var D, L, N;
+      const d = S(l.value).find((H) => H.field === f.field).count;
+      return f.type.includes("BentoSelect") && ((D = f.options) != null && D.multiple) && d === ((N = (L = f.options) == null ? void 0 : L.listboxItems) == null ? void 0 : N.length) ? m("all") : d;
+    }, I = (f, d) => {
+      c.value = l.value.findIndex(
+        (D) => D.label === f && D.field === d
       );
-    }, W = () => {
-      y.value = "";
-    }, Z = () => {
-      i.value = !1, t.value = l.value, a.value = l.value, W(), B();
-    }, K = (f) => {
-      const d = a.value.map(({ value: A, ...k }, M) => M === c.value ? { value: f.value, ...k } : { value: A, ...k });
-      a.value = d;
+    }, M = () => {
+      _.value = "";
     }, Y = () => {
-      K({
-        field: S.value.field,
-        label: S.value.label,
-        type: S.value.type,
+      r.value = !1, t.value = a.value, l.value = a.value, M(), g();
+    }, Z = (f) => {
+      const d = l.value.map(({ value: D, ...L }, N) => N === c.value ? { value: f.value, ...L } : { value: D, ...L });
+      l.value = d;
+    }, J = () => {
+      Z({
+        field: A.value.field,
+        label: A.value.label,
+        type: A.value.type,
         value: void 0
       });
-    }, J = () => {
-      a.value = t.value.map(({ value: f, ...d }) => ({
+    }, z = () => {
+      l.value = t.value.map(({ value: f, ...d }) => ({
         ...d,
         value: void 0
       }));
-    }, $ = () => {
-      e(de.INPUT, a.value), i.value = !1;
-    }, _ = o(
-      () => JSON.stringify(a.value) === JSON.stringify(l.value)
-    ), R = o(() => [
+    }, V = () => {
+      e(fe.INPUT, l.value), r.value = !1;
+    }, $ = o(
+      () => JSON.stringify(l.value) === JSON.stringify(a.value)
+    ), b = o(() => [
       {
-        title: h("applyAll"),
-        disabled: _.value,
-        event: $
+        title: m("applyAll"),
+        disabled: $.value,
+        event: V
       },
       {
-        title: h("cancel"),
-        event: Z
+        title: m("cancel"),
+        event: Y
       },
       {
-        title: h("clearAll"),
-        disabled: !p.value,
-        event: J
+        title: m("clearAll"),
+        disabled: !h.value,
+        event: z
       }
     ]);
     return {
@@ -1851,33 +1843,33 @@ const la = ta.exports, aa = {
       allFiltersModalUniqueId: n,
       allFiltersModalFiltersSection: s,
       allFiltersModalFilterButtons: F,
-      numberOfActiveFilters: p,
+      numberOfActiveFilters: h,
       isEmptyResultForSearchFilter: T,
-      isModalOpen: i,
-      isClearButtonEnabled: m,
+      isModalOpen: r,
+      isClearButtonEnabled: O,
       activeFilters: P,
-      otherFilters: I,
-      modalActions: R,
-      selectedFilter: S,
+      otherFilters: B,
+      modalActions: b,
+      selectedFilter: A,
       selectedFilterRef: u,
       filters: t,
-      searchTerm: y,
+      searchTerm: _,
       // Methods
-      onClickAllFiltersModal: D,
-      getFilterCount: g,
-      cancel: Z,
-      selectFilter: N,
-      clearFilter: Y,
-      updateFilter: K,
-      onSearchbarClear: W,
+      onClickAllFiltersModal: p,
+      getFilterCount: i,
+      cancel: Y,
+      selectFilter: I,
+      clearFilter: J,
+      updateFilter: Z,
+      onSearchbarClear: M,
       onKeydownRight: () => {
         it(1, u.value.$el).focus();
       },
       onKeydownLeft: () => {
-        F.value[S.value.label].$el.focus();
+        F.value[A.value.label].$el.focus();
       },
       // Translations
-      t: h
+      t: m
     };
   }
 });
@@ -1888,22 +1880,22 @@ var sa = function() {
   }, proxy: !0 }]) }, [e._v(" " + e._s(e.t("allFilters")) + " ")]), t("bento-modal", { staticClass: "'b-all-filters-modal__modal'", attrs: { "is-open": e.isModalOpen, "with-column-layout": !0, size: "large", actions: e.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": e.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
     return [e._v(" " + e._s(e.t("allFilters")) + " ")];
   }, proxy: !0 }, { key: "content-col-1", fn: function() {
-    return [t("div", { ref: "allFiltersModalFiltersSection", staticClass: "b-all-filters-modal__filters", on: { keydown: function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "right", 39, a.key, ["Right", "ArrowRight"]) || "button" in a && a.button !== 2 ? null : e.onKeydownRight.apply(null, arguments);
-    } } }, [t("bento-search-bar", { staticClass: "b-all-filters-modal__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.t("searchBar").toString() }, on: { input: function(a) {
-      e.searchTerm = a;
-    }, clear: e.onSearchbarClear } }), e.isEmptyResultForSearchFilter ? t("div", { staticClass: "b-all-filters-modal__empty-search-message" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(" " + e._s(e.t("noFiltersMatchThisSearch")))])], 1) : e._e(), e.activeFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `active-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("activeFilters")))]), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.activeFilters, function(a) {
-      return t("li", { key: `${a.label}-${a.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[a.label] = n, refInFor: !0, attrs: { label: a.label, "applied-filters-count": e.getFilterCount(a), "is-filter-open": e.selectedFilter.label === a.label }, on: { click: function(n) {
-        return e.selectFilter(a.label, a.field);
+    return [t("div", { ref: "allFiltersModalFiltersSection", staticClass: "b-all-filters-modal__filters", on: { keydown: function(l) {
+      return !l.type.indexOf("key") && e._k(l.keyCode, "right", 39, l.key, ["Right", "ArrowRight"]) || "button" in l && l.button !== 2 ? null : e.onKeydownRight.apply(null, arguments);
+    } } }, [t("bento-search-bar", { staticClass: "b-all-filters-modal__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.t("searchBar").toString() }, on: { input: function(l) {
+      e.searchTerm = l;
+    }, clear: e.onSearchbarClear } }), e.isEmptyResultForSearchFilter ? t("div", { staticClass: "b-all-filters-modal__empty-search-message" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(" " + e._s(e.t("noFiltersMatchThisSearch")))])], 1) : e._e(), e.activeFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `active-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("activeFilters")))]), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.activeFilters, function(l) {
+      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label }, on: { click: function(n) {
+        return e.selectFilter(l.label, l.field);
       } } })], 1);
-    }), 0)], 1) : e._e(), e.otherFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [e.activeFilters.length ? t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `other-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("otherFilters")))]) : e._e(), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.otherFilters, function(a) {
-      return t("li", { key: `${a.label}-${a.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[a.label] = n, refInFor: !0, attrs: { label: a.label, "applied-filters-count": e.getFilterCount(a), "is-filter-open": e.selectedFilter.label === a.label }, on: { click: function(n) {
-        return e.selectFilter(a.label, a.field);
+    }), 0)], 1) : e._e(), e.otherFilters.length ? t("div", { staticClass: "b-all-filters-modal__filters-section" }, [e.activeFilters.length ? t("bento-typography", { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `other-filters-${e.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.t("otherFilters")))]) : e._e(), t("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}` } }, e._l(e.otherFilters, function(l) {
+      return t("li", { key: `${l.label}-${l.field}` }, [t("all-filters-modal-button", { ref: (n) => e.allFiltersModalFilterButtons[l.label] = n, refInFor: !0, attrs: { label: l.label, "applied-filters-count": e.getFilterCount(l), "is-filter-open": e.selectedFilter.label === l.label }, on: { click: function(n) {
+        return e.selectFilter(l.label, l.field);
       } } })], 1);
     }), 0)], 1) : e._e()], 1)];
   }, proxy: !0 }, { key: "content-col-2", fn: function() {
-    return [t("div", { staticClass: "b-all-filters-modal__selected-filter-content", on: { keydown: function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
+    return [t("div", { staticClass: "b-all-filters-modal__selected-filter-content", on: { keydown: function(l) {
+      return !l.type.indexOf("key") && e._k(l.keyCode, "left", 37, l.key, ["Left", "ArrowLeft"]) || "button" in l && l.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
     } } }, [t("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [t("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? t("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), t("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [t(e.selectedFilter.type, { key: e.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0 }, on: { input: e.updateFilter } })], 1), t("div", { staticClass: "b-all-filters-modal__clear-button" }, [t("bento-button", { attrs: { variant: "secondary", disabled: !e.isClearButtonEnabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
 }, oa = [], ra = /* @__PURE__ */ x(
@@ -1923,27 +1915,24 @@ const ia = ra.exports, ua = {
     resetAll: "Reset filters",
     searchBar: "Search bar"
   }
-}, ca = V({
+}, ca = {
   i18n: { messages: ua },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: ia,
     BentoBooleanFilter: Ye,
     BentoDateFilter: we,
     BentoDateRangeFilter: Ne,
-    BentoRangeFilter: Je,
     BentoInputFilter: Oe,
-    BentoSelectFilter: q,
+    BentoRangeFilter: Je,
     BentoSelectAvatarFilter: Me,
-    BentoSelectCountryFilter: qe,
+    BentoSelectCountryFilter: je,
     BentoSelectCurrencyFilter: He,
-    BentoSelectPaymentMethodFilter: je,
-    BentoSelectTagFilter: Ke,
-    BentoSearchBar: re,
-    FilterBarButton: pe,
-    FixedScroller: gt,
-    RefreshIcon: Ft
-  },
+    BentoSelectFilter: le,
+    BentoSelectPaymentMethodFilter: qe,
+    BentoSelectTagFilter: Ke
+  }
+}, da = /* @__PURE__ */ R({
+  ...ca,
   props: {
     /**
      * Array of filters based on {@see BentoFilterBarModel}.
@@ -1970,7 +1959,7 @@ const ia = ra.exports, ua = {
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: re.props.value.type,
+      type: ue.props.value.type,
       default: void 0
     },
     /**
@@ -2026,124 +2015,105 @@ const ia = ra.exports, ua = {
     }
   },
   emits: [
-    se.INPUT,
-    se.UPDATE_FILTER_VALUES,
-    le.CLEAR,
-    le.INPUT,
-    le.UPDATE
+    re.INPUT,
+    re.UPDATE_FILTER_VALUES,
+    ne.CLEAR,
+    ne.INPUT,
+    ne.UPDATE
   ],
-  setup(l, { emit: e }) {
-    const { t } = G(), a = o(
+  setup(a, { expose: e, emit: t }) {
+    const l = a, { t: n } = W(), s = o(
       () => {
-        var r, m;
-        return (m = ((r = l.config) == null ? void 0 : r.length) > 0 ? l.config : l.value) == null ? void 0 : m.map((p) => {
-          var g;
-          let D = (g = l.filterValues.find(({ field: N }) => N === p.field)) == null ? void 0 : g.value;
-          return D === void 0 && (D = (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: D !== void 0 ? D : p == null ? void 0 : p.value };
+        var h, p;
+        return (p = ((h = l.config) == null ? void 0 : h.length) > 0 ? l.config : l.value) == null ? void 0 : p.map((i) => {
+          var M;
+          let I = (M = l.filterValues.find(({ field: Y }) => Y === i.field)) == null ? void 0 : M.value;
+          return I === void 0 && (I = (i == null ? void 0 : i.value) === void 0 && (i == null ? void 0 : i.defaultValue) !== void 0 ? i == null ? void 0 : i.defaultValue : i == null ? void 0 : i.value), { ...i, value: I !== void 0 ? I : i == null ? void 0 : i.value };
         });
       }
-    ), { addToast: n } = St(), s = o(() => t("searchBar")), i = o(() => a.value.some(
-      ({ visible: m }) => m != null
-    ) ? a.value.some(({ visible: m }) => !m) : !1), c = o(
-      () => a.value.filter(({ defaultValue: r }) => r !== void 0)
-    ), u = o(() => a.value.some(
-      ({ visible: m }) => m != null
-    ) ? a.value.filter(
-      ({ defaultValue: m, visible: p, value: D }) => m === void 0 && p || l.showAppliedHiddenFilters && D != null
-    ) : a.value.filter(
-      ({ defaultValue: m, value: p }) => m === void 0 || l.showAppliedHiddenFilters && p != null
-    )), y = o(() => l.searchTerm != null), h = o(
-      () => a.value.filter(({ defaultValue: r }) => r == null).some(({ value: r }) => r != null)
-    ), C = o(() => c.value.length === 0 && h.value), F = o(() => c.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: p }) => JSON.stringify(m) === JSON.stringify(p)) || h.value), v = (r) => {
-      e(se.INPUT, r), e(
-        se.UPDATE_FILTER_VALUES,
-        r == null ? void 0 : r.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: p }) => ({ field: m, value: p }))
+    ), { addToast: r } = ht(), c = o(() => n("searchBar")), u = o(() => s.value.some(
+      ({ visible: p }) => p != null
+    ) ? s.value.some(({ visible: p }) => !p) : !1), _ = o(
+      () => s.value.filter(({ defaultValue: h }) => h !== void 0)
+    ), m = o(() => s.value.some(
+      ({ visible: p }) => p != null
+    ) ? s.value.filter(
+      ({ defaultValue: p, visible: i, value: I }) => p === void 0 && i || l.showAppliedHiddenFilters && I != null
+    ) : s.value.filter(
+      ({ defaultValue: p, value: i }) => p === void 0 || l.showAppliedHiddenFilters && i != null
+    )), C = o(() => l.searchTerm != null), F = o(
+      () => s.value.filter(({ defaultValue: h }) => h == null).some(({ value: h }) => h != null)
+    ), y = o(() => _.value.length === 0 && F.value), P = o(() => _.value.length === 0 ? !1 : !s.value.filter(({ defaultValue: p }) => p !== void 0 || p !== null).every(({ value: p, defaultValue: i }) => JSON.stringify(p) === JSON.stringify(i)) || F.value), B = (h) => {
+      t(re.INPUT, h), t(
+        re.UPDATE_FILTER_VALUES,
+        h == null ? void 0 : h.filter(({ value: p }) => p !== null || p !== void 0).map(({ field: p, value: i }) => ({ field: p, value: i }))
       );
+    }, T = (h) => {
+      const p = s.value.findIndex(
+        (I) => I.field === h.field
+      ), i = s.value.slice();
+      i[p].value = h.value, B(i);
+    }, A = () => {
+      const h = s.value.slice(), p = s.value.map(({ value: i, ...I }) => ({
+        ...I,
+        value: void 0
+      }));
+      r({
+        text: n("filtersHaveBeenCleared"),
+        action: {
+          handler: () => B(h),
+          text: n("undo")
+        }
+      }), B(p);
+    }, g = () => {
+      const h = s.value.slice(), p = s.value.map(({ defaultValue: i, ...I }) => ({
+        ...I,
+        defaultValue: i,
+        value: i
+      }));
+      r({
+        text: n("filtersHaveBeenReset"),
+        action: {
+          handler: () => B(h),
+          text: n("undo")
+        }
+      }), B(p);
+    }, S = (h) => {
+      t(ne.INPUT, h), t(ne.UPDATE, h);
+    }, O = () => {
+      t(ne.CLEAR);
     };
-    return {
-      // Values
-      hasHiddenFilters: i,
-      isClearAllVisible: C,
-      isSearchBarEnabled: y,
-      searchBarAriaLabel: s,
-      persistentFilters: c,
-      regularFilters: u,
-      isResetAllVisible: F,
-      valueAndFilterValuesPropsMerged: a,
-      // Events
-      updateAllFilters: v,
-      updateFilterHandler: (r) => {
-        const m = a.value.findIndex(
-          (D) => D.field === r.field
-        ), p = a.value.slice();
-        p[m].value = r.value, v(p);
-      },
-      clearAllFilters: () => {
-        const r = a.value.slice(), m = a.value.map(({ value: p, ...D }) => ({
-          ...D,
-          value: void 0
-        }));
-        n({
-          text: t("filtersHaveBeenCleared"),
-          action: {
-            handler: () => v(r),
-            text: t("undo")
-          }
-        }), v(m);
-      },
-      onSearchbarClear: () => {
-        e(le.CLEAR);
-      },
-      onSearchbarInput: (r) => {
-        e(le.INPUT, r), e(le.UPDATE, r);
-      },
-      resetAllFilters: () => {
-        const r = a.value.slice(), m = a.value.map(({ defaultValue: p, ...D }) => ({
-          ...D,
-          defaultValue: p,
-          value: p
-        }));
-        n({
-          text: t("filtersHaveBeenReset"),
-          action: {
-            handler: () => v(r),
-            text: t("undo")
-          }
-        }), v(m);
-      },
-      // Translations
-      t
-    };
+    return e({ isClearAllVisible: y, clearAllFilters: A, isResetAllVisible: P, resetAllFilters: g }), { __sfc: !0, props: l, emit: t, t: n, valueAndFilterValuesPropsMerged: s, addToast: r, searchBarAriaLabel: c, hasHiddenFilters: u, persistentFilters: _, regularFilters: m, isSearchBarEnabled: C, hasActiveFilters: F, isClearAllVisible: y, isResetAllVisible: P, updateAllFilters: B, updateFilterHandler: T, clearAllFilters: A, resetAllFilters: g, onSearchbarInput: S, onSearchbarClear: O, FilterBarButton: _e, BentoSearchBar: ue, FixedScroller: St, AllFiltersModal: ia, RefreshIcon: Ft };
   }
 });
-var da = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { staticClass: "b-filter-bar" }, [t("div", { staticClass: "b-filter-bar__container" }, [e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__before-filters" }, [e.isSearchBarEnabled ? t("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e(), e.hasHiddenFilters ? t("all-filters-modal", { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: e.valueAndFilterValuesPropsMerged }, on: { input: e.updateAllFilters } }) : e._e(), t("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: e.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("refresh-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.t("clearAll")) + " ")]), t("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: e.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("refresh-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.t("resetAll")) + " ")])], 1) : e._e(), t("div", { staticClass: "b-filter-bar__filters-container" }, [t("div", { staticClass: "b-filter-bar__filters" }, [t("fixed-scroller", { staticClass: "b-filter-bar__fixed-scroller", attrs: { condensed: "" } }, [t("div", { staticClass: "b-filter-bar__scroller-content" }, [e.isSearchBarEnabled ? t("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e(), e.persistentFilters.length ? e._l(e.persistentFilters, function(a) {
-    return t(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, options: a.options, value: a.value, "default-value": a.defaultValue }, on: { update: e.updateFilterHandler } });
-  }) : e._e(), e._l(e.regularFilters, function(a) {
-    return t(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, options: a.options, value: a.value }, on: { update: e.updateFilterHandler } });
-  })], 2)])], 1), e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__actions" }, [e.hasHiddenFilters ? t("all-filters-modal", { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: e.valueAndFilterValuesPropsMerged }, on: { input: e.updateAllFilters } }) : e._e(), t("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: e.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("refresh-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.t("clearAll")) + " ")]), t("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: e.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("refresh-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.t("resetAll")) + " ")])], 1) : e._e()])])]);
-}, fa = [], ba = /* @__PURE__ */ x(
-  ca,
+var fa = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return t("div", { staticClass: "b-filter-bar" }, [t("div", { staticClass: "b-filter-bar__container" }, [l.isSearchBarEnabled || l.hasHiddenFilters || l.isClearAllVisible || l.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__before-filters" }, [l.isSearchBarEnabled ? t(l.BentoSearchBar, { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }) : e._e(), l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearAll")) + " ")]), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetAll")) + " ")])], 1) : e._e(), t("div", { staticClass: "b-filter-bar__filters-container" }, [t("div", { staticClass: "b-filter-bar__filters" }, [t(l.FixedScroller, { staticClass: "b-filter-bar__fixed-scroller", attrs: { condensed: "" } }, [t("div", { staticClass: "b-filter-bar__scroller-content" }, [l.isSearchBarEnabled ? t(l.BentoSearchBar, { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
+  }) : e._e(), e._l(l.regularFilters, function(n) {
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, options: n.options, value: n.value }, on: { update: l.updateFilterHandler } });
+  })], 2)])], 1), l.hasHiddenFilters || l.isClearAllVisible || l.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__actions" }, [l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearAll")) + " ")]), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetAll")) + " ")])], 1) : e._e()])])]);
+}, va = [], ba = /* @__PURE__ */ x(
   da,
   fa,
+  va,
   !1,
   null,
-  "c760860c"
+  "68358143"
 );
-const en = ba.exports;
+const tn = ba.exports;
 export {
-  en as B,
-  b as a,
-  se as b,
-  H as c
+  tn as B,
+  v as a,
+  re as b,
+  q as c
 };
-//# sourceMappingURL=filter-bar.Dcsv7a4q.js.map
+//# sourceMappingURL=filter-bar.Tl9rgAKU.js.map