@adyen/bento-vue2 1.5.0 → 1.6.0

package/dist/filter-bar.js

@@ -1,42 +1,41 @@
-import { n as B } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { defineComponent as P, useSlots as we, useAttrs as Me, computed as r, ref as T, watch as X, toRef as E, onBeforeUpdate as ne, reactive as be, toRefs as He, provide as qe, nextTick as je, onMounted as Ye } from "vue";
-import { BentoPopover as ie } from "./popover.js";
-import { u as j } from "./chunks/i18n.155748d6.js";
-import { g as se } from "./chunks/unique-id.a2a2b458.js";
-import { B as le, d as ze } from "./chunks/index.1645ffcb.js";
-import { u as ve } from "./chunks/aria-label.ac9651a5.js";
-import { B as ye, a as ue } from "./chunks/base-button.89e9efbd.js";
-import { g as me } from "./chunks/get-slot-text.c1114034.js";
-import { u as Fe } from "./chunks/use-has-slot.6052d56a.js";
-import { a as Ce, C as he } from "./chunks/chevron-up.674ec2e5.js";
-import { B as Je } from "./chunks/tooltip.f89cb0cd.js";
-import { B as Ke } from "./chunks/directive.0408e565.js";
-import { BentoRadioGroup as Ge } from "./radio-group.js";
-import { BentoInputField as ge } from "./input-field.js";
-import { BentoSearchBar as te, BentoSearchBarEvent as J } from "./search-bar.js";
-import { u as Ze } from "./chunks/toastController.0e01443d.js";
-import { BentoModal as We } from "./modal.js";
-import { e as Qe } from "./chunks/base-modal.6eaa7e53.js";
-import { a as Xe } from "./chunks/button.66df5734.js";
-import { B as et, u as Se } from "./chunks/dropdown.10ea8304.js";
-import { g as tt } from "./chunks/index.0f8690c4.js";
-import { BentoDivider as Be } from "./divider.js";
-import { BentoDatePicker as lt } from "./date-picker.js";
-import { f as W } from "./chunks/index.e722eb60.js";
-import { e as q, d as Ae, f as De } from "./chunks/index.f55fdc32.js";
-import { C as at } from "./chunks/calendar.44459d87.js";
-import { B as nt, D as st } from "./chunks/index.4a11da21.js";
-import { BentoButtonActions as ot } from "./button.js";
-import { D as ce } from "./chunks/date-input.9186a0bf.js";
-import { B as rt } from "./chunks/listbox.201a8521.js";
-import { B as it, L as Te } from "./chunks/listbox-option-tag.e2688e54.js";
-import { BentoCountry as ut } from "./country.js";
-import { u as ct } from "./chunks/useCountryItems.5d7b436e.js";
-import { BentoPaymentMethod as dt } from "./payment-method.js";
-import "./assets/index11.css";
-var i = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(i || {}), L = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(L || {}), U = /* @__PURE__ */ ((t) => (t.INPUT = "BentoInputFilter", t.BOOLEAN = "BentoBooleanFilter", t.RANGE = "BentoRangeFilter", t.SELECT = "BentoSelectFilter", t.SELECT_AVATAR = "BentoSelectAvatarFilter", t.SELECT_COUNTRY = "BentoSelectCountryFilter", t.SELECT_CURRENCY = "BentoSelectCurrencyFilter", t.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", t.SELECT_TAG = "BentoSelectTagFilter", t.DATE = "BentoDateFilter", t.DATE_RANGE = "BentoDateRangeFilter", t))(U || {});
-const ft = {}, _t = /* @__PURE__ */ P({
-  ...ft,
+import { n as D } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { defineComponent as x, useSlots as qe, useAttrs as je, computed as r, ref as $, watch as te, toRef as I, onBeforeUpdate as re, reactive as Fe, toRefs as Ye, provide as ze, nextTick as Je, onMounted as Ke } from "vue";
+import { BentoPopover as de } from "./popover.js";
+import { u as G } from "./chunks/i18n.155748d6.js";
+import { g as ie } from "./chunks/unique-id.a2a2b458.js";
+import { B as ae, d as Ge } from "./chunks/index.74da0d41.js";
+import { u as he } from "./chunks/aria-label.ac9651a5.js";
+import { B as Ce, a as fe } from "./chunks/base-button.431fb8cf.js";
+import { g as ge } from "./chunks/get-slot-text.c1114034.js";
+import { u as Se } from "./chunks/use-has-slot.6052d56a.js";
+import { a as Be, C as Ae } from "./chunks/chevron-up.674ec2e5.js";
+import { B as Ze } from "./chunks/tooltip.ca9673ee.js";
+import { B as We } from "./chunks/directive.0408e565.js";
+import { BentoRadioGroup as Qe } from "./radio-group.js";
+import { BentoInputField as De } from "./input-field.js";
+import { BentoSearchBar as le, BentoSearchBarEvent as W } from "./search-bar.js";
+import { u as Xe } from "./chunks/toastController.0e01443d.js";
+import { BentoModal as et } from "./modal.js";
+import { e as tt } from "./chunks/base-modal.f462dac0.js";
+import { a as lt } from "./chunks/button.38099670.js";
+import { B as at, u as Te } from "./chunks/dropdown.5d22958c.js";
+import { g as nt } from "./chunks/index.74258013.js";
+import { BentoDivider as Ee } from "./divider.js";
+import { BentoDatePicker as st } from "./date-picker.js";
+import { f as K } from "./chunks/index.fd557233.js";
+import { e as Y, d as Pe, f as $e } from "./chunks/index.f55fdc32.js";
+import { a as ot, i as rt } from "./chunks/calendar.371e5ae2.js";
+import { B as it, D as ut, i as _e } from "./chunks/index.5d058912.js";
+import { BentoButtonActions as ct } from "./button.js";
+import { D as be } from "./chunks/date-input.9186a0bf.js";
+import { b as dt } from "./chunks/listbox.cbb27077.js";
+import { B as ft, L as xe } from "./chunks/listbox-option-tag.a651fa46.js";
+import { BentoCountry as _t } from "./country.js";
+import { u as bt } from "./chunks/useCountryItems.5d7b436e.js";
+import { BentoPaymentMethod as vt } from "./payment-method.js";
+import "./assets/index42.css";
+const pt = {}, yt = /* @__PURE__ */ x({
+  ...pt,
   __name: "filter-bar-button",
   props: {
     /**
@@ -66,39 +65,39 @@ const ft = {}, _t = /* @__PURE__ */ P({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const l = t, a = we(), n = Me(), s = Fe(a), u = r(() => a.default ? me(a)("default") : null), d = ve({ ariaLabel: u }), c = T(null), f = r(() => {
-      var b;
+    const l = t, a = qe(), n = je(), s = Se(a), u = r(() => a.default ? ge(a)("default") : null), d = he({ ariaLabel: u }), c = $(null), y = r(() => {
+      var v;
       return {
-        "aria-controls": (b = n["aria-controls"]) == null ? void 0 : b.toString()
+        "aria-controls": (v = n["aria-controls"]) == null ? void 0 : v.toString()
       };
-    }), p = r(() => ({
+    }), b = r(() => ({
       "b-filter-bar-button--filter-open": l.isFilterOpen,
       "b-filter-bar-button--with-counter": l.appliedFiltersCount,
       "b-filter-bar-button--with-chevron": l.hasChevron
     }));
-    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: u, computedAriaLabel: d, filterBarButtonRef: c, ariaAttributes: f, conditionalClasses: p, onClickButton: (b) => {
-      l.disabled || e("click", b);
-    }, BentoTypography: le, BaseButton: ye, ChevronUpIcon: Ce, ChevronDownIcon: he };
+    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: u, computedAriaLabel: d, filterBarButtonRef: c, ariaAttributes: y, conditionalClasses: b, onClickButton: (v) => {
+      l.disabled || e("click", v);
+    }, BentoTypography: ae, BaseButton: Ce, ChevronUpIcon: Be, ChevronDownIcon: Ae };
   }
 });
-var pt = function() {
+var mt = function() {
   var e = this, l = e._self._c, a = e._self._setupProxy;
   return l(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 ? l(a.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? l("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? l(a.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : l(a.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
   }, proxy: !0 }]) }, [l("div", { staticClass: "b-filter-bar-button__container" }, [a.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), l("div", { staticClass: "b-filter-bar-button__label-container" }, [l(a.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? l(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)]);
-}, bt = [], vt = /* @__PURE__ */ B(
-  _t,
-  pt,
-  bt,
+}, Ft = [], ht = /* @__PURE__ */ D(
+  yt,
+  mt,
+  Ft,
   !1,
   null,
   "b3ad119c",
   null,
   null
 );
-const oe = vt.exports;
-var O = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(O || {});
-const yt = {
+const ue = ht.exports;
+var i = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(i || {}), ee = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE_FILTER_VALUES = "update:filter-values", t))(ee || {}), O = /* @__PURE__ */ ((t) => (t.INPUT = "BentoInputFilter", t.BOOLEAN = "BentoBooleanFilter", t.RANGE = "BentoRangeFilter", t.SELECT = "BentoSelectFilter", t.SELECT_AVATAR = "BentoSelectAvatarFilter", t.SELECT_COUNTRY = "BentoSelectCountryFilter", t.SELECT_CURRENCY = "BentoSelectCurrencyFilter", t.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", t.SELECT_TAG = "BentoSelectTagFilter", t.DATE = "BentoDateFilter", t.DATE_RANGE = "BentoDateRangeFilter", t))(O || {}), q = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(q || {});
+const Ct = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -124,14 +123,14 @@ const yt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, mt = P({
-  i18n: { messages: yt },
+}, gt = x({
+  i18n: { messages: Ct },
   name: "bento-base-filter",
   components: {
-    BentoPopover: ie,
-    FilterBarButton: oe
+    BentoPopover: de,
+    FilterBarButton: ue
   },
-  directives: { BentoClickOutsideDirective: Ke },
+  directives: { BentoClickOutsideDirective: We },
   props: {
     /**
      * Total count of applied filters
@@ -182,28 +181,28 @@ const yt = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: ie.props.fitContent
+    fitContent: de.props.fitContent
   },
   emits: [
-    O.APPLY,
-    O.CLEAR,
-    O.OPEN,
-    O.CLOSE,
-    O.RESET
+    q.APPLY,
+    q.CLEAR,
+    q.OPEN,
+    q.CLOSE,
+    q.RESET
   ],
   setup(t, { emit: e }) {
-    const { t: l } = j(), a = se("base-filter-popover"), n = T(!1), s = T(null), u = r(() => t.defaultValue !== null), d = () => {
-      n.value = !1, e(O.CLOSE);
+    const { t: l } = G(), a = ie("base-filter-popover"), n = $(!1), s = $(null), u = r(() => t.defaultValue !== null), d = () => {
+      n.value = !1, e(q.CLOSE);
     }, c = () => {
-      d(), u.value ? e(O.RESET) : e(O.CLEAR);
-    }, f = () => d(), p = () => {
-      n.value ? d() : (n.value = !0, e(O.OPEN));
-    }, m = () => {
-      d(), e(O.APPLY);
-    }, b = r(() => [
+      d(), u.value ? e(q.RESET) : e(q.CLEAR);
+    }, y = () => d(), b = () => {
+      n.value ? d() : (n.value = !0, e(q.OPEN));
+    }, h = () => {
+      d(), e(q.APPLY);
+    }, v = r(() => [
       {
         title: l("apply"),
-        event: m,
+        event: h,
         disabled: t.disableApplyButton
       },
       {
@@ -212,67 +211,70 @@ const yt = {
         disabled: t.disableSecondaryButton
       }
     ]);
-    return X(
+    return te(
       () => n.value,
-      (g, A) => {
-        var _, y;
-        !g && A && (y = (_ = s.value) == null ? void 0 : _.filterBarButtonRef) != null && y.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (C, B) => {
+        var F, p;
+        !C && B && (p = (F = s.value) == null ? void 0 : F.filterBarButtonRef) != null && p.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), {
       // Values
-      actions: b,
+      actions: v,
       popoverId: a,
       isFilterOpen: n,
       isPersistentFilter: u,
       // Enums
-      BentoTooltipPosition: Je,
+      BentoTooltipPosition: Ze,
       // Events
-      onClickFilter: p,
-      onClickApply: m,
+      onClickFilter: b,
+      onClickApply: h,
       onClickSecondaryAction: c,
-      onClickOutside: f,
+      onClickOutside: y,
       closePopover: d,
       // Refs
       filterButtonRef: s
     };
   }
 });
-var Ft = function() {
+var St = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, e.onlySlot ? l("div", [e._t("default")], 2) : l("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.onClickOutside, expression: "onClickOutside" }], staticClass: "b-base-filter", 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);
-  } } }, [l("filter-bar-button", { ref: "filterButtonRef", attrs: { "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 } }, [e._v(" " + e._s(e.buttonLabel || e.label) + " ")]), e.filterButtonRef ? l("bento-popover", { 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 } }, [e._t("default")], 2) : e._e()], 1);
-}, Ct = [], ht = /* @__PURE__ */ B(
-  mt,
-  Ft,
-  Ct,
+  } } }, [l("filter-bar-button", { ref: "filterButtonRef", attrs: { "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 } }, [e._v(" " + e._s(e.buttonLabel || e.label) + " ")]), e.filterButtonRef ? l("bento-popover", { 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"] } }, [e._t("default")], 2) : e._e()], 1);
+}, Bt = [], At = /* @__PURE__ */ D(
+  gt,
+  St,
+  Bt,
   !1,
   null,
-  "f4da334c",
+  "32ce792b",
   null,
   null
 );
-const K = ht.exports, gt = (t) => t instanceof Array, de = (t) => gt(t) ? t.length === 0 || t.every((e) => e === "") : !t, fe = (t, e) => JSON.stringify(t) === JSON.stringify(e), G = (t, e) => {
-  const l = T(t.value);
-  X(
+const Q = At.exports, Dt = (t) => t instanceof Array, ve = (t) => Dt(t) ? t.length === 0 || t.every((e) => e === "") : !t, pe = (t, e) => JSON.stringify(t) === JSON.stringify(e), X = (t, e) => {
+  const l = $(t.value);
+  te(
     () => t.value,
     () => {
       l.value = t.value;
     }
   );
-  const a = r(() => de(t.value)), n = r(
-    () => e.value !== null ? fe(e.value, t.value) : a.value
-  ), s = r(() => fe(l.value, t.value) || de(l.value) && a.value);
+  const a = r(() => ve(t.value)), n = r(
+    () => e.value !== null ? pe(e.value, t.value) : a.value
+  ), s = r(() => pe(l.value, t.value) || ve(l.value) && a.value);
   return {
     internalFilterValue: l,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: s
   };
-}, Q = (t, e) => (t == null ? void 0 : t.length) > e ? `${t.slice(0, e)}...` : t, St = P({
+}, J = (t, e) => {
+  const l = t == null ? void 0 : t.toString();
+  return (l == null ? void 0 : l.length) > e ? `${l == null ? void 0 : l.slice(0, e)}...` : l;
+}, Tt = x({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: K,
-    BentoInputField: ge
+    BentoBaseFilter: Q,
+    BentoInputField: De
   },
   props: {
     /**
@@ -300,27 +302,29 @@ const K = ht.exports, gt = (t) => t instanceof Array, de = (t) => gt(t) ? t.leng
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = T(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
-    ), u = r(() => t.defaultValue === null ? t.label : Q(t.value, 18)), d = r(() => t.value != null ? 1 : null), c = r(() => ({
+    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
+    ), u = r(() => t.defaultValue === null ? t.label : J(t.value, 18)), d = r(
+      () => t.defaultValue === null ? J(t.value, 12) : null
+    ), c = r(() => ({
       ["b-input-filter--only-slot"]: t.onlySlot
     }));
-    ne(() => {
+    re(() => {
       a.value === "" && (a.value = null);
-    }), X(l, () => {
-      var _;
-      (_ = l.value) == null || _.focusInput();
+    }), te(l, () => {
+      var F;
+      (F = l.value) == null || F.focusInput();
     });
-    const f = () => {
+    const y = () => {
       a.value = t.value;
-    }, p = () => {
+    }, b = () => {
       !a.value && t.defaultValue !== null && (a.value = t.defaultValue), e(i.UPDATE, { ...t, value: a.value });
     };
     return {
       // Values
-      appliedFiltersCount: d,
       buttonLabel: u,
+      buttonSecondaryLabel: d,
       conditionalClasses: c,
       internalFilterValue: a,
       isApplyButtonDisabled: s,
@@ -328,43 +332,43 @@ const K = ht.exports, gt = (t) => t instanceof Array, de = (t) => gt(t) ? t.leng
       // Refs
       inputTextRef: l,
       // Events
-      updateFilter: p,
+      updateFilter: b,
       clearFilter: () => {
-        a.value = null, p();
+        a.value = null, b();
       },
-      openFilter: f,
+      openFilter: y,
       resetFilter: () => e(i.UPDATE, { ...t, value: t.defaultValue }),
       onInput: () => {
         e(i.INPUT, { ...t, value: a.value });
       },
-      setInternalFilterValue: (_) => {
-        a.value = _;
+      setInternalFilterValue: (F) => {
+        a.value = F;
       }
     };
   }
 });
-var Bt = function() {
+var Et = function() {
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "applied-filters-count": e.appliedFiltersCount, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-filter", class: e.conditionalClasses, on: { keydown: function(a) {
+  return e._self._setupProxy, l("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 }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-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);
   }, input: e.onInput } }, [l("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue }, on: { input: e.setInternalFilterValue } })], 1)]);
-}, At = [], Dt = /* @__PURE__ */ B(
-  St,
-  Bt,
-  At,
+}, Pt = [], $t = /* @__PURE__ */ D(
+  Tt,
+  Et,
+  Pt,
   !1,
   null,
-  "cd9a0583",
+  "93dbdf1c",
   null,
   null
 );
-const Pe = Dt.exports, Tt = P({
+const Ue = $t.exports, xt = x({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: K,
-    BentoDatePicker: lt,
-    BentoDivider: Be,
-    Calendar: at
+    BentoBaseFilter: Q,
+    BentoDatePicker: st,
+    BentoDivider: Ee,
+    Calendar: ot
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -403,58 +407,62 @@ const Pe = Dt.exports, Tt = P({
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const { locale: l } = j(void 0, !0), a = { de: Ae, enUS: q, fr: De }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
+    const { locale: l } = G(void 0, !0), a = { de: Pe, enUS: Y, fr: $e }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
     ), d = r(
-      () => t.defaultValue === null ? t.label : W(t.value, "dd MMM, yyyy", {
-        locale: a[l.value.substring(0, 2)] || q
-      })
-    ), c = r(() => t.value != null ? 1 : null), f = () => {
+      () => t.value ? K(t.value, "dd MMM, yyyy", {
+        locale: a[l.value.substring(0, 2)] || Y
+      }) : null
+    ), c = r(
+      () => t.defaultValue === null ? t.label : d.value
+    ), y = r(
+      () => t.defaultValue === null ? d.value : null
+    ), b = () => {
       e(i.UPDATE, { ...t, value: n.value });
-    }, p = () => {
-      n.value = null, f();
-    }, m = () => {
-      n.value = t.defaultValue, f();
-    }, b = () => {
+    }, h = () => {
+      n.value = null, b();
+    }, v = () => {
+      n.value = t.defaultValue, b();
+    }, C = () => {
       n.value = t.value;
-    }, g = (_) => {
-      n.value = _, e(i.INPUT, { ...t, value: n.value });
+    }, B = (p) => {
+      n.value = p, e(i.INPUT, { ...t, value: n.value });
     };
     return {
       // Values
-      appliedFiltersCount: c,
       internalFilterValue: n,
       isApplyButtonDisabled: u,
       isSecondaryButtonDisabled: s,
-      buttonLabel: d,
+      buttonLabel: c,
+      buttonSecondaryLabel: y,
       // Events
-      clearFilter: p,
-      onDateSelected: g,
-      openFilter: b,
-      updateFilter: f,
-      resetFilter: m,
-      onDateInputSelected: (_) => {
-        n.value = _, g(_), f();
+      clearFilter: h,
+      onDateSelected: B,
+      openFilter: C,
+      updateFilter: b,
+      resetFilter: v,
+      onDateInputSelected: (p) => {
+        n.value = p, B(p), b();
       }
     };
   }
 });
-var Pt = function() {
+var Ut = function() {
   var a, n, s, u;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { attrs: { label: e.label, field: e.field, "applied-filters-count": e.appliedFiltersCount, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "default-value": e.defaultValue, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? l("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 } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, Et = [], $t = /* @__PURE__ */ B(
-  Tt,
-  Pt,
-  Et,
+  return e._self._setupProxy, l("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 ? l("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 } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
+}, It = [], Rt = /* @__PURE__ */ D(
+  xt,
+  Ut,
+  It,
   !1,
   null,
-  "be131834",
+  "3a27d7af",
   null,
   null
 );
-const Ee = $t.exports, Ut = {
+const Ie = Rt.exports, kt = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -480,16 +488,16 @@ const Ee = $t.exports, Ut = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, xt = P({
-  i18n: { messages: Ut },
+}, Vt = x({
+  i18n: { messages: kt },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: K,
-    BentoButtonActions: ot,
-    BentoDateRangePicker: nt,
-    BentoTypography: le,
-    BentoDivider: Be,
-    DateRangePickerCalendar: st
+    BentoBaseFilter: Q,
+    BentoButtonActions: ct,
+    BentoDateRangePicker: it,
+    BentoTypography: ae,
+    BentoDivider: Ee,
+    DateRangePickerCalendar: ut
   },
   props: {
     /**
@@ -534,118 +542,132 @@ const Ee = $t.exports, Ut = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    var k, N, R, M;
-    const { locale: l, t: a } = j(), n = { de: Ae, enUS: q, fr: De }, { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: d } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
-    ), c = (v) => v ? W(v, ce.NUMERIC_DATE_YEAR_FIRST, {
-      locale: n[l.value.substring(0, 2)] || q
-    }) : void 0, f = (v) => v ? W(v, ce.HOUR_MINUTE_SECONDS, {
-      locale: n[l.value.substring(0, 2)] || q
-    }) : "", p = T(null), m = T(!1), b = be({
-      startDate: c((k = t.value) == null ? void 0 : k.startDate),
-      endDate: c((N = t.value) == null ? void 0 : N.endDate),
-      startTime: f((R = t.value) == null ? void 0 : R.startDate),
-      endTime: f((M = t.value) == null ? void 0 : M.endDate)
-    }), g = r(
-      () => {
-        var v, z;
-        return ((v = t.value) == null ? void 0 : v.startDate) != null && ((z = t.value) == null ? void 0 : z.endDate) != null ? 1 : null;
+    var E, P, L, k;
+    const { locale: l, t: a } = G(), n = { de: Pe, enUS: Y, fr: $e }, { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: d } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
+    ), c = (_) => _ ? K(_, be.NUMERIC_DATE_YEAR_FIRST, {
+      locale: n[l.value.substring(0, 2)] || Y
+    }) : void 0, y = (_) => _ ? K(_, be.HOUR_MINUTE_SECONDS, {
+      locale: n[l.value.substring(0, 2)] || Y
+    }) : "", b = $(null), h = $(!1), v = Fe({
+      startDate: c((E = t.value) == null ? void 0 : E.startDate),
+      endDate: c((P = t.value) == null ? void 0 : P.endDate),
+      startTime: y((L = t.value) == null ? void 0 : L.startDate),
+      endTime: y((k = t.value) == null ? void 0 : k.endDate)
+    }), C = r(() => {
+      var _, M, ne, se, o, g, S, U;
+      if (!((_ = t.value) != null && _.startDate) && !t.value.endDate)
+        return null;
+      if (((ne = (M = t.options) == null ? void 0 : M.quickSelectRanges) == null ? void 0 : ne.length) > 0) {
+        const j = (o = (se = t.options) == null ? void 0 : se.quickSelectRanges) == null ? void 0 : o.find(
+          ({ data: H }) => _e(H == null ? void 0 : H.startDate, t.value.startDate) && _e(H == null ? void 0 : H.endDate, t.value.endDate)
+        );
+        if (j)
+          return j.label;
       }
-    ), A = r(
-      () => t.defaultValue === null ? t.label : `${W(t.value.startDate, "dd MMM, yyyy", {
-        locale: n[l.value.substring(0, 2)] || q
-      })} - ${W(t.value.endDate, "dd MMM, yyyy", {
-        locale: n[l.value.substring(0, 2)] || q
-      })}`
-    ), _ = () => {
-      p.value.closePopover();
-      const { onlySlot: v, ...z } = t;
-      e(i.UPDATE, { ...z, value: s.value });
-    }, y = () => {
-      s.value = void 0, _();
+      return rt((g = t.value) == null ? void 0 : g.startDate, (S = t.value) == null ? void 0 : S.endDate) && ((U = t == null ? void 0 : t.options) != null && U.allowTimeInput) ? `${K(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: n[l.value.substring(0, 2)] || Y
+      })} - ${K(t.value.endDate, "HH:mm:ss", {
+        locale: n[l.value.substring(0, 2)] || Y
+      })}` : `${K(t.value.startDate, "dd MMM, yyyy", {
+        locale: n[l.value.substring(0, 2)] || Y
+      })} - ${K(t.value.endDate, "dd MMM, yyyy", {
+        locale: n[l.value.substring(0, 2)] || Y
+      })}`;
+    }), B = r(
+      () => t.defaultValue === null ? t.label : C.value
+    ), F = r(
+      () => t.defaultValue === null ? C.value : null
+    ), p = () => {
+      b.value.closePopover();
+      const { onlySlot: _, ...M } = t;
+      e(i.UPDATE, { ...M, value: s.value });
+    }, T = () => {
+      s.value = void 0, p();
     }, w = () => {
-      s.value = t.defaultValue, _();
-    }, F = () => {
+      s.value = t.defaultValue, p();
+    }, m = () => {
       s.value = t.value;
-    }, C = (v) => {
-      s.value = v, b.startDate = c(v.startDate), b.endDate = c(v.endDate), e(i.INPUT, { ...t, value: s.value });
-    }, D = (v) => {
-      v != null && v.startDate && (v != null && v.endDate) && (s.value = v, b.startDate = c(v.startDate), b.endDate = c(v.endDate), e(i.INPUT, { ...t, value: s.value }));
-    }, V = (v) => {
-      C(v), e(i.INPUT, { ...t, value: s.value });
-    }, Y = r(
+    }, f = (_) => {
+      s.value = _, v.startDate = c(_.startDate), v.endDate = c(_.endDate), e(i.INPUT, { ...t, value: s.value });
+    }, A = (_) => {
+      _ != null && _.startDate && (_ != null && _.endDate) && (s.value = _, v.startDate = c(_.startDate), v.endDate = c(_.endDate), e(i.INPUT, { ...t, value: s.value }));
+    }, V = (_) => {
+      f(_), e(i.INPUT, { ...t, value: s.value });
+    }, z = r(
       () => [
         {
           title: a("apply"),
-          event: _,
-          disabled: m.value || d.value
+          event: p,
+          disabled: h.value || d.value
         },
         {
           title: t.defaultValue ? a("reset") : a("clear"),
-          event: t.defaultValue ? w : y,
-          disabled: m.value && u.value
+          event: t.defaultValue ? w : T,
+          disabled: h.value && u.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: p,
+      baseFilter: b,
       // Values
-      appliedFiltersCount: g,
-      actions: Y,
-      formData: b,
+      actions: z,
+      formData: v,
       internalFilterValue: s,
       isApplyButtonDisabled: d,
       isSecondaryButtonDisabled: u,
-      buttonLabel: A,
+      buttonLabel: B,
+      buttonSecondaryLabel: F,
       // Events
-      onDateSelected: C,
-      openFilter: F,
-      updateFilter: _,
+      onDateSelected: f,
+      openFilter: m,
+      updateFilter: p,
       onDatePickerRangeError: () => {
-        m.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(i.INPUT, { ...t, value: s.value });
+        h.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(i.INPUT, { ...t, value: s.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (v) => {
-        m.value = !1, v.startTime && (b.startTime = v.startTime), v.endTime && (b.endTime = v.endTime);
+      onDatePickerRangeFormDateInputUpdate: (_) => {
+        h.value = !1, _.startTime && (v.startTime = _.startTime), _.endTime && (v.endTime = _.endTime);
       },
       onDateInputSelected: V,
-      onRangeSelectorInput: D
+      onRangeSelectorInput: A
     };
   }
 });
-var It = function() {
-  var a, n, s, u, d, c, f, p, m, b, g;
+var Lt = function() {
+  var a, n, s, u, d, c, y, b, h, v, C;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", attrs: { "applied-filters-count": e.appliedFiltersCount, "button-label": e.buttonLabel, 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 ? l("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": (u = e.options) == null ? void 0 : u.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (c = e.options) == null ? void 0 : c.allowTimeInput, "first-day-of-week": (f = e.options) == null ? void 0 : f.firstDayOfWeek, "is-date-disabled": (p = e.options) == null ? void 0 : p.isDateDisabled, "max-range": (m = e.options) == null ? void 0 : m.maxRange, "number-of-months": (b = e.options) == null ? void 0 : b.numberOfMonths, "quick-select-ranges": (g = e.options) == null ? void 0 : g.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
+  return e._self._setupProxy, l("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 ? l("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": (u = e.options) == null ? void 0 : u.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (c = e.options) == null ? void 0 : c.allowTimeInput, "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek, "is-date-disabled": (b = e.options) == null ? void 0 : b.isDateDisabled, "max-range": (h = e.options) == null ? void 0 : h.maxRange, "number-of-months": (v = e.options) == null ? void 0 : v.numberOfMonths, "quick-select-ranges": (C = e.options) == null ? void 0 : C.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [l("bento-divider", { staticClass: "b-date-range-filter__divider" }), l("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, kt = [], Rt = /* @__PURE__ */ B(
-  xt,
-  It,
-  kt,
+}, Ot = [], Nt = /* @__PURE__ */ D(
+  Vt,
+  Lt,
+  Ot,
   !1,
   null,
-  "d69622fb",
+  "be19ef58",
   null,
   null
 );
-const $e = Rt.exports, Ot = {
+const Re = Nt.exports, wt = {
   "en-US": {
+    all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Vt = P({
-  i18n: { messages: Ot },
+}, Mt = x({
+  i18n: { messages: wt },
   name: "bento-select-filter",
   components: {
-    BentoBaseFilter: K,
-    BentoDropdown: et,
-    BentoListbox: rt,
-    BentoSearchBar: te
+    BentoBaseFilter: Q,
+    BentoDropdown: at,
+    BentoListbox: dt,
+    BentoSearchBar: le
   },
   props: {
     /**
@@ -686,110 +708,127 @@ const $e = Rt.exports, Ot = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e, slots: l }) {
-    var Y, Z;
-    const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
-    ), { t: u, locale: d } = j(), c = T(""), f = E(t, "options"), p = T(t.options.listboxItems);
-    X(f, () => {
-      p.value = f.value.listboxItems;
+    var z, Z;
+    const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
+    ), { t: u, locale: d } = G(), c = $(""), y = I(t, "options"), b = $(t.options.listboxItems);
+    te(y, () => {
+      b.value = y.value.listboxItems;
     });
-    const m = Se(
+    const h = Te(
       c,
-      p,
-      (Z = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : Z.searchEvent
-    ), b = r(() => u("noFiltersMatchThisSearch")), g = r(() => {
-      var I, k, N;
+      b,
+      (Z = (z = t.options) == null ? void 0 : z.search) == null ? void 0 : Z.searchEvent
+    ), v = r(() => u("noFiltersMatchThisSearch")), C = r(() => {
+      var R, E, P, L;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const R = t.value.length;
-        if (R === t.options.listboxItems.length)
-          return (I = t == null ? void 0 : t.options) == null ? void 0 : I.messages[d.value].persistentButtonLabelAllSelected;
-        const M = (k = t == null ? void 0 : t.options) == null ? void 0 : k.messages[d.value].persistentButtonLabelPartiallySelected.split("|").map((v) => v.trim());
-        return R === 1 ? M[0].replace("{count}", R) : M[1].replace("{count}", R);
+        const k = (R = t.value) == null ? void 0 : R.length;
+        if (k === t.options.listboxItems.length)
+          return (E = t == null ? void 0 : t.options) == null ? void 0 : E.messages[d.value].persistentButtonLabelAllSelected;
+        const _ = (P = t == null ? void 0 : t.options) == null ? void 0 : P.messages[d.value].persistentButtonLabelPartiallySelected.split("|").map((M) => M.trim());
+        return k === 1 ? _[0].replace("{count}", k) : _[1].replace("{count}", k);
       }
-      return Q((N = t.options.listboxItems.find(({ value: R }) => R === t.value)) == null ? void 0 : N.label, 18);
-    }), A = r(() => se(`filter-listbox-${t.field}`)), _ = (I) => {
-      a.value = I;
-      const { onlySlot: k, ...N } = t;
-      e(i.INPUT, { ...N, value: a.value });
-    }, y = () => {
-      t.options.multiple && a.value && a.value.length === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
-      const { onlySlot: I, ...k } = t;
-      e(i.UPDATE, { ...k, value: a.value });
+      return J((L = t.options.listboxItems.find(({ value: k }) => k === t.value)) == null ? void 0 : L.label, 18);
+    }), B = r(() => {
+      var R, E;
+      return t.defaultValue === null && (!t.options.multiple || ((R = t.value) == null ? void 0 : R.length) === 1) ? J(
+        (E = t.options.listboxItems.find(
+          ({ value: P }) => {
+            var L;
+            return Array.isArray(t.value) ? (L = t == null ? void 0 : t.value) == null ? void 0 : L.includes(P) : P === t.value;
+          }
+        )) == null ? void 0 : E.label,
+        12
+      ) : null;
+    }), F = r(() => ie(`filter-listbox-${t.field}`)), p = (R) => {
+      a.value = R;
+      const { onlySlot: E, ...P } = t;
+      e(i.INPUT, { ...P, value: a.value });
+    }, T = () => {
+      var P;
+      t.options.multiple && a.value && ((P = a.value) == null ? void 0 : P.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
+      const { onlySlot: R, ...E } = t;
+      e(i.UPDATE, { ...E, value: a.value });
     }, w = () => {
       a.value = t.value;
-    }, F = () => {
+    }, m = () => {
       c.value && (c.value = "");
-    }, C = () => {
-      a.value = t.defaultValue, y();
-    }, D = () => {
-      a.value = null, y();
+    }, f = () => {
+      a.value = t.defaultValue, T();
+    }, A = () => {
+      a.value = null, T();
     };
     return {
       // Values
       appliedFiltersCount: r(() => {
-        if (t.value == null)
+        var P, L;
+        if (t.value == null || t.defaultValue !== null || !t.options.multiple)
           return null;
-        const I = 1;
-        return t.options.multiple ? t.value.length : I;
+        const R = (P = t.options.listboxItems) == null ? void 0 : P.reduce((k, _) => {
+          var M;
+          return k += (M = _ == null ? void 0 : _.items) != null && M.length ? _.items.length : 1, k;
+        }, 0), E = (L = t.value) == null ? void 0 : L.length;
+        return E === 1 ? null : E === R ? u("all") : E;
       }),
-      filteredItems: m,
+      filteredItems: h,
       internalFilterValue: a,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: n,
-      listboxFilterId: A,
-      noResultsMessage: b,
+      listboxFilterId: F,
+      noResultsMessage: v,
       slots: l,
-      buttonLabel: g,
+      buttonLabel: C,
+      buttonSecondaryLabel: B,
       // Search
       searchTerm: c,
       // Events
-      clearFilter: D,
-      closeFilter: F,
-      onOptionSelected: _,
+      clearFilter: A,
+      closeFilter: m,
+      onOptionSelected: p,
       openFilter: w,
-      updateFilter: y,
-      resetFilter: C
+      updateFilter: T,
+      resetFilter: f
     };
   }
 });
-var Nt = function() {
-  var a, n, s, u, d, c, f, p, m, b, g;
+var Ht = function() {
+  var a, n, s, u, d, c, y, b, h, v, C;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { attrs: { label: e.label, field: e.field, "applied-filters-count": e.appliedFiltersCount, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "default-value": e.defaultValue, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, reset: e.resetFilter, open: e.openFilter, close: e.closeFilter } }, [e.onlySlot ? l("bento-dropdown", { staticClass: "b-select-filter__dropdown-variant", attrs: { value: e.internalFilterValue, items: e.options.listboxItems, multiple: (a = e.options) == null ? void 0 : a.multiple, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0 }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(A, _) {
-    return { key: _, fn: function(y) {
-      return [e._t(_, null, null, y)];
+  return e._self._setupProxy, l("bento-base-filter", { attrs: { "applied-filters-count": e.appliedFiltersCount, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, reset: e.resetFilter, open: e.openFilter, close: e.closeFilter } }, [e.onlySlot ? l("bento-dropdown", { staticClass: "b-select-filter__dropdown-variant", attrs: { value: e.internalFilterValue, items: e.options.listboxItems, multiple: (a = e.options) == null ? void 0 : a.multiple, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0 }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(B, F) {
+    return { key: F, fn: function(p) {
+      return [e._t(F, null, null, p)];
     } };
-  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (s = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : s.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(A) {
-    e.searchTerm = A;
-  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "has-more-items": (d = (u = e.options) == null ? void 0 : u.lazy) == null ? void 0 : d.hasMoreItems, items: e.filteredItems, "is-option-disabled": (c = e.options) == null ? void 0 : c.isOptionDisabled, "lazy-load-type": (p = (f = e.options) == null ? void 0 : f.lazy) == null ? void 0 : p.lazyLoadType, loading: (b = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : b.loading, multiple: (g = e.options) == null ? void 0 : g.multiple, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue }, on: { select: e.onOptionSelected, "show-more": function(A) {
-    var _, y;
-    (y = (_ = e.options) == null ? void 0 : _.lazy) == null || y.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(e.slots, function(A, _) {
-    return { key: _, fn: function(y) {
-      return [e._t(_, null, null, y)];
+  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (s = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : s.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(B) {
+    e.searchTerm = B;
+  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "has-more-items": (d = (u = e.options) == null ? void 0 : u.lazy) == null ? void 0 : d.hasMoreItems, items: e.filteredItems, "is-option-disabled": (c = e.options) == null ? void 0 : c.isOptionDisabled, "lazy-load-type": (b = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : b.lazyLoadType, loading: (v = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : v.loading, multiple: (C = e.options) == null ? void 0 : C.multiple, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue }, on: { select: e.onOptionSelected, "show-more": function(B) {
+    var F, p;
+    (p = (F = e.options) == null ? void 0 : F.lazy) == null || p.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(e.slots, function(B, F) {
+    return { key: F, fn: function(p) {
+      return [e._t(F, null, null, p)];
     } };
   })], null, !0) })]], 2);
-}, Lt = [], wt = /* @__PURE__ */ B(
-  Vt,
-  Nt,
-  Lt,
+}, qt = [], jt = /* @__PURE__ */ D(
+  Mt,
+  Ht,
+  qt,
   !1,
   null,
-  "dbe46835",
+  "85cbc599",
   null,
   null
 );
-const x = wt.exports, Mt = P({
+const N = jt.exports, Yt = x({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: x,
-    BentoAvatar: it
+    BentoSelectFilter: N,
+    BentoAvatar: ft
   },
   props: {
-    ...x.props,
+    ...N.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -811,29 +850,29 @@ const x = wt.exports, Mt = P({
     };
   }
 });
-var Ht = function() {
+var zt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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 [l("bento-avatar", { attrs: { username: a, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, qt = [], jt = /* @__PURE__ */ B(
-  Mt,
-  Ht,
-  qt,
+}, Jt = [], Kt = /* @__PURE__ */ D(
+  Yt,
+  zt,
+  Jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ue = jt.exports, Yt = P({
+const ke = Kt.exports, Gt = x({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: x,
-    ListboxOptionTag: Te
+    BentoSelectFilter: N,
+    ListboxOptionTag: xe
   },
   props: {
-    ...x.props,
+    ...N.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -857,29 +896,29 @@ const Ue = jt.exports, Yt = P({
     };
   }
 });
-var zt = function() {
+var Zt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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 [l("listbox-option-tag", { attrs: { option: a } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Jt = [], Kt = /* @__PURE__ */ B(
-  Yt,
-  zt,
-  Jt,
+}, Wt = [], Qt = /* @__PURE__ */ D(
+  Gt,
+  Zt,
+  Wt,
   !1,
   null,
   null,
   null,
   null
 );
-const xe = Kt.exports, Gt = P({
+const Ve = Qt.exports, Xt = x({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: x,
-    BentoCountry: ut
+    BentoSelectFilter: N,
+    BentoCountry: _t
   },
   props: {
-    ...x.props,
+    ...N.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -894,11 +933,11 @@ const xe = Kt.exports, Gt = P({
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = E(t, "options"), { listboxItems: a, variant: n } = He(l.value), s = (c) => e(i.UPDATE, c), u = ct(n, a), d = r(() => ({
+    const l = I(t, "options"), { listboxItems: a, variant: n } = Ye(l.value), s = (c) => e(i.UPDATE, c), u = bt(n, a), d = r(() => ({
       ...t.options,
       listboxItems: u.value
     }));
-    return qe("skipBentoCountryDeprecateMessage", !0), (!n || n.value === "custom") && ze(
+    return ze("skipBentoCountryDeprecateMessage", !0), (!n || n.value === "custom") && Ge(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
@@ -912,29 +951,29 @@ const xe = Kt.exports, Gt = P({
     };
   }
 });
-var Zt = function() {
+var el = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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({ value: a, label: n }) {
     return [l("bento-country", { attrs: { code: a, label: n, variant: "custom" } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Wt = [], Qt = /* @__PURE__ */ B(
-  Gt,
-  Zt,
-  Wt,
+}, tl = [], ll = /* @__PURE__ */ D(
+  Xt,
+  el,
+  tl,
   !1,
   null,
   null,
   null,
   null
 );
-const Ie = Qt.exports, Xt = P({
+const Le = ll.exports, al = x({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: x,
-    BentoPaymentMethod: dt
+    BentoSelectFilter: N,
+    BentoPaymentMethod: vt
   },
   props: {
-    ...x.props,
+    ...N.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -956,29 +995,29 @@ const Ie = Qt.exports, Xt = P({
     };
   }
 });
-var el = function() {
+var nl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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 [l("bento-payment-method", { attrs: { type: a, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, tl = [], ll = /* @__PURE__ */ B(
-  Xt,
-  el,
-  tl,
+}, sl = [], ol = /* @__PURE__ */ D(
+  al,
+  nl,
+  sl,
   !1,
   null,
   null,
   null,
   null
 );
-const ke = ll.exports, al = P({
+const Oe = ol.exports, rl = x({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: x,
-    ListboxOptionTag: Te
+    BentoSelectFilter: N,
+    ListboxOptionTag: xe
   },
   props: {
-    ...x.props,
+    ...N.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -995,7 +1034,7 @@ const ke = ll.exports, al = P({
     const l = (s) => e(i.UPDATE, s), a = r(
       () => {
         var s, u;
-        return (u = (s = t == null ? void 0 : t.options) == null ? void 0 : s.listboxItems) == null ? void 0 : u.map(({ label: d, value: c, variant: f }) => ({ label: d, value: c, data: f }));
+        return (u = (s = t == null ? void 0 : t.options) == null ? void 0 : s.listboxItems) == null ? void 0 : u.map(({ label: d, value: c, variant: y }) => ({ label: d, value: c, data: y }));
       }
     );
     return {
@@ -1011,30 +1050,30 @@ const ke = ll.exports, al = P({
     };
   }
 });
-var nl = function() {
+var il = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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 [l("listbox-option-tag", { attrs: { option: { value: a, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, sl = [], ol = /* @__PURE__ */ B(
-  al,
-  nl,
-  sl,
+}, ul = [], cl = /* @__PURE__ */ D(
+  rl,
+  il,
+  ul,
   !1,
   null,
   null,
   null,
   null
 );
-const Re = ol.exports, rl = {
+const Ne = cl.exports, dl = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, il = P({
+}, fl = x({
   name: "bento-boolean-filter",
-  i18n: { messages: rl },
-  components: { BentoBaseFilter: K, BentoRadioGroup: Ge },
+  i18n: { messages: dl },
+  components: { BentoBaseFilter: Q, BentoRadioGroup: Qe },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1061,71 +1100,76 @@ const Re = ol.exports, rl = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const { t: l } = j(), a = r(() => [
+    const { t: l } = G(), a = r(() => [
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
-    ]), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
+    ]), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
     ), d = r(
-      () => t.defaultValue === null ? t.label : Q(a.value.find(({ value: _ }) => _ === t.value).label, 18)
-    ), c = r(() => t.value != null ? 1 : null), f = r(() => ({
+      () => t.defaultValue === null ? t.label : J(a.value.find(({ value: F }) => F === t.value).label, 18)
+    ), c = r(
+      () => {
+        var F;
+        return t.defaultValue === null ? J((F = a.value.find(({ value: p }) => p === t.value)) == null ? void 0 : F.label, 12) : null;
+      }
+    ), y = r(() => ({
       ["b-boolean-filter--only-slot"]: t.onlySlot
     }));
-    ne(() => {
+    re(() => {
       n.value || (n.value = null);
     });
-    const p = (_) => {
-      n.value = _, e(i.INPUT, { ...t, value: n.value });
-    }, m = () => {
+    const b = (F) => {
+      n.value = F, e(i.INPUT, { ...t, value: n.value });
+    }, h = () => {
       n.value = t.value;
-    }, b = () => {
+    }, v = () => {
       e(i.UPDATE, { ...t, value: n.value });
     };
     return {
       // Values
       items: a,
-      appliedFiltersCount: c,
-      conditionalClasses: f,
+      conditionalClasses: y,
       buttonLabel: d,
+      buttonSecondaryLabel: c,
       internalFilterValue: n,
       isApplyButtonDisabled: u,
       isSecondaryButtonDisabled: s,
       // Events
-      onInput: p,
-      updateFilter: b,
+      onInput: b,
+      updateFilter: v,
       clearFilter: () => {
-        n.value = null, b();
+        n.value = null, v();
       },
-      openFilter: m,
+      openFilter: h,
       resetFilter: () => e(i.UPDATE, { ...t, value: t.defaultValue })
     };
   }
 });
-var ul = function() {
+var _l = function() {
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "applied-filters-count": e.appliedFiltersCount, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(a) {
+  return e._self._setupProxy, l("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 }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("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);
   } } }, [l("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, cl = [], dl = /* @__PURE__ */ B(
-  il,
-  ul,
-  cl,
+}, bl = [], vl = /* @__PURE__ */ D(
+  fl,
+  _l,
+  bl,
   !1,
   null,
-  "275a3969",
+  "ff9ced78",
   null,
   null
 );
-const Oe = dl.exports, fl = {
+const we = vl.exports, pl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, _l = P({
+}, yl = x({
   name: "bento-range-filter",
-  i18n: { messages: fl },
-  components: { BentoBaseFilter: K, BentoInputField: ge },
+  i18n: { messages: pl },
+  components: { BentoBaseFilter: Q, BentoInputField: De },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1152,23 +1196,30 @@ const Oe = dl.exports, fl = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = T(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = G(
-      E(t, "value"),
-      E(t, "defaultValue")
+    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      I(t, "value"),
+      I(t, "defaultValue")
     ), u = r(
-      () => t.defaultValue === null ? t.label : `${Q(t.value[0], 5)}-${Q(t.value[1], 5)}`
-    ), d = r(() => t.value.find((y) => y !== "") ? 1 : null), c = r(() => ({
+      () => {
+        var T, w;
+        return (T = t.value) != null && T[0] && ((w = t.value) != null && w[1]) ? `${J(t.value[0], 5)} - ${J(t.value[1], 5)}` : null;
+      }
+    ), d = r(
+      () => t.defaultValue === null ? t.label : u.value
+    ), c = r(
+      () => t.defaultValue === null ? u.value : null
+    ), y = r(() => ({
       ["b-range-filter--only-slot"]: t.onlySlot
-    })), f = () => {
-      a.value = t.value, je(() => l.value.focusInput());
-    }, p = () => {
+    })), b = () => {
+      a.value = t.value, Je(() => l.value.focusInput());
+    }, h = () => {
       e(i.INPUT, { ...t, value: a.value });
-    }, m = (y) => {
-      a.value = [y, a.value[1]], p();
-    }, b = (y) => {
-      a.value = [a.value[0], y], p();
-    }, g = () => {
-      a.value.some((y) => y) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(i.UPDATE, {
+    }, v = (T) => {
+      a.value = [T, a.value[1]], h();
+    }, C = (T) => {
+      a.value = [a.value[0], T], h();
+    }, B = () => {
+      a.value.some((T) => T) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(i.UPDATE, {
         ...t,
         value: a.value
       });
@@ -1176,44 +1227,44 @@ const Oe = dl.exports, fl = {
     return {
       // Values
       inputTextRef: l,
-      appliedFiltersCount: d,
-      conditionalClasses: c,
+      conditionalClasses: y,
       internalFilterValue: a,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: n,
-      buttonLabel: u,
+      buttonLabel: d,
+      buttonSecondaryLabel: c,
       // Events
-      updateFrom: m,
-      updateTo: b,
-      updateFilter: g,
+      updateFrom: v,
+      updateTo: C,
+      updateFilter: B,
       clearFilter: () => {
-        a.value = ["", ""], g();
+        a.value = ["", ""], B();
       },
-      openFilter: f,
+      openFilter: b,
       resetFilter: () => e(i.UPDATE, { ...t, value: t.defaultValue })
     };
   }
 });
-var pl = function() {
+var ml = function() {
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "applied-filters-count": e.appliedFiltersCount, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(a) {
+  return e._self._setupProxy, l("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), [l("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);
   } } }, [l("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")) + " ")]), l("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.$t("to").toString() }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.$t("to")) + " ")])], 1)]);
-}, bl = [], vl = /* @__PURE__ */ B(
-  _l,
-  pl,
-  bl,
+}, Fl = [], hl = /* @__PURE__ */ D(
+  yl,
+  ml,
+  Fl,
   !1,
   null,
-  "e51c13b2",
+  "7cfba883",
   null,
   null
 );
-const Ve = vl.exports;
-var ae = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(ae || {});
-const yl = P({
+const Me = hl.exports;
+var oe = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(oe || {});
+const Cl = x({
   name: "base-filter-button",
-  components: { BaseButton: ye, BentoTypography: le, ChevronUpIcon: Ce, ChevronDownIcon: he },
+  components: { BaseButton: Ce, BentoTypography: ae, ChevronUpIcon: Be, ChevronDownIcon: Ae },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1238,12 +1289,12 @@ const yl = P({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [ue.CLICK],
+  emits: [fe.CLICK],
   setup(t, { slots: e, emit: l, attrs: a }) {
-    const n = r(() => e.default ? me(e)("default") : null), s = ve({ ariaLabel: n }), u = T(null), d = r(() => {
-      var p;
+    const n = r(() => e.default ? ge(e)("default") : null), s = he({ ariaLabel: n }), u = $(null), d = r(() => {
+      var b;
       return {
-        "aria-controls": (p = a["aria-controls"]) == null ? void 0 : p.toString()
+        "aria-controls": (b = a["aria-controls"]) == null ? void 0 : b.toString()
       };
     }), c = r(() => ({
       ["b-base-filter-button--with-chevron"]: t.hasChevron,
@@ -1256,32 +1307,32 @@ const yl = P({
       conditionalClasses: c,
       // Methods
       onClickButton: () => {
-        t.disabled || l(ue.CLICK);
+        t.disabled || l(fe.CLICK);
       },
-      hasSlot: Fe(e),
+      hasSlot: Se(e),
       // Refs
       baseFilterButtonRef: u
     };
   }
 });
-var ml = function() {
+var gl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("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 ? l("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : l("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 } : null], null, !0) }, [l("div", { staticClass: "b-base-filter-button__default-container" }, [l("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2), e.amountAppliedValues && !e.hasChevron ? l("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [l("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()], 1)]);
-}, Fl = [], Cl = /* @__PURE__ */ B(
-  yl,
-  ml,
-  Fl,
+  }, proxy: !0 } : null], null, !0) }, [l("div", { staticClass: "b-base-filter-button__default-container" }, [l("div", { staticClass: "b-base-filter-button__label-container" }, [l("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 ? l("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [l("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
+}, Sl = [], Bl = /* @__PURE__ */ D(
+  Cl,
+  gl,
+  Sl,
   !1,
   null,
-  "f53055e7",
+  "66b170d4",
   null,
   null
 );
-const hl = Cl.exports, gl = P({
+const Al = Bl.exports, Dl = x({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: hl },
+  components: { BaseFilterButton: Al },
   props: {
     /**
      * Button label to be displayed
@@ -1313,40 +1364,40 @@ const hl = Cl.exports, gl = P({
     };
   }
 });
-var Sl = function() {
+var Tl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, Bl = [], Al = /* @__PURE__ */ B(
-  gl,
-  Sl,
-  Bl,
+}, El = [], Pl = /* @__PURE__ */ D(
+  Dl,
+  Tl,
+  El,
   !1,
   null,
   "4c415ac7",
   null,
   null
 );
-const Dl = Al.exports;
-let _e = 0;
-const Tl = {
+const $l = Pl.exports;
+let ye = 0;
+const xl = {
   beforeCreate() {
-    this.uuid = _e.toString(), _e += 1;
+    this.uuid = ye.toString(), ye += 1;
   }
 };
-var Pl = function() {
+var Ul = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H2C1.58579 4.58337 1.25 4.91916 1.25 5.33337C1.25 5.74759 1.58579 6.08337 2 6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14C14.4142 6.08337 14.75 5.74759 14.75 5.33337C14.75 4.91916 14.4142 4.58337 14 4.58337H12.6465ZM11.25 5.33337C11.25 4.64302 10.6904 4.08337 10 4.08337C9.30964 4.08337 8.75 4.64302 8.75 5.33337C8.75 6.02373 9.30964 6.58337 10 6.58337C10.6904 6.58337 11.25 6.02373 11.25 5.33337Z", "clip-rule": "evenodd" } }), l("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M4 7.91675C5.25878 7.91675 6.32002 8.7625 6.64648 9.91675H14C14.4142 9.91675 14.75 10.2525 14.75 10.6667C14.75 11.081 14.4142 11.4167 14 11.4167H6.64648C6.32002 12.571 5.25878 13.4167 4 13.4167C2.48122 13.4167 1.25 12.1855 1.25 10.6667C1.25 9.14796 2.48122 7.91675 4 7.91675ZM5.25 10.6667C5.25 9.97639 4.69036 9.41675 4 9.41675C3.30964 9.41675 2.75 9.97639 2.75 10.6667C2.75 11.3571 3.30964 11.9167 4 11.9167C4.69036 11.9167 5.25 11.3571 5.25 10.6667Z", "clip-rule": "evenodd" } })]);
-}, El = [], $l = /* @__PURE__ */ B(
-  Tl,
-  Pl,
-  El,
+}, Il = [], Rl = /* @__PURE__ */ D(
+  xl,
+  Ul,
+  Il,
   !1,
   null,
   "6a35173c",
   null,
   null
 );
-const Ul = $l.exports, xl = {
+const kl = Rl.exports, Vl = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1359,28 +1410,28 @@ const Ul = $l.exports, xl = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, Il = P({
-  i18n: { messages: xl },
+}, Ll = x({
+  i18n: { messages: Vl },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Dl,
-    BentoBooleanFilter: Oe,
-    BentoButton: Xe,
-    BentoDateFilter: Ee,
-    BentoDateRangeFilter: $e,
-    BentoInputFilter: Pe,
-    BentoModal: We,
-    BentoRangeFilter: Ve,
-    BentoSearchBar: te,
-    BentoSelectAvatarFilter: Ue,
-    BentoSelectCurrencyFilter: xe,
-    BentoSelectCountryFilter: Ie,
-    BentoSelectFilter: x,
-    BentoSelectPaymentMethodFilter: ke,
-    BentoSelectTagFilter: Re,
-    BentoTypography: le,
-    FilterBarButton: oe,
-    SlidersIcon: Ul
+    AllFiltersModalButton: $l,
+    BentoBooleanFilter: we,
+    BentoButton: lt,
+    BentoDateFilter: Ie,
+    BentoDateRangeFilter: Re,
+    BentoInputFilter: Ue,
+    BentoModal: et,
+    BentoRangeFilter: Me,
+    BentoSearchBar: le,
+    BentoSelectAvatarFilter: ke,
+    BentoSelectCurrencyFilter: Ve,
+    BentoSelectCountryFilter: Le,
+    BentoSelectFilter: N,
+    BentoSelectPaymentMethodFilter: Oe,
+    BentoSelectTagFilter: Ne,
+    BentoTypography: ae,
+    FilterBarButton: ue,
+    SlidersIcon: kl
   },
   props: {
     /**
@@ -1408,66 +1459,66 @@ const Ul = $l.exports, xl = {
       default: () => []
     }
   },
-  emits: [ae.INPUT],
+  emits: [oe.INPUT],
   setup(t, { emit: e }) {
-    const l = be({ value: t.value }), a = se("all-filters-modal"), n = T([]), s = T(!1), u = T(0), d = T(null), c = T(""), { t: f } = j(), p = Se(c, E(l, "value")), m = T({});
-    ne(() => {
-      m.value = [];
-    }), X(
+    const l = Fe({ value: t.value }), a = ie("all-filters-modal"), n = $([]), s = $(!1), u = $(0), d = $(null), c = $(""), { t: y } = G(), b = Te(c, I(l, "value")), h = $({});
+    re(() => {
+      h.value = [];
+    }), te(
       () => t.value,
       () => {
         l.value = t.value;
       }
     );
-    const b = (o) => (
+    const v = (o) => (
       /* eslint-disable-next-line no-nested-ternary */
-      o.sort((h, S) => h.label > S.label ? 1 : S.label > h.label ? -1 : 0)
-    ), g = r(
-      () => b(
-        p.value.filter(
+      o.sort((g, S) => g.label > S.label ? 1 : S.label > g.label ? -1 : 0)
+    ), C = r(
+      () => v(
+        b.value.filter(
           (o) => {
-            var h, S;
-            return Array.isArray(o.value) ? ((h = o.value) == null ? void 0 : h.length) && ((S = o.value) == null ? void 0 : S.find(($) => $ !== "")) : o.value;
+            var g, S;
+            return Array.isArray(o.value) ? ((g = o.value) == null ? void 0 : g.length) && ((S = o.value) == null ? void 0 : S.find((U) => U !== "")) : o.value;
           }
         )
       )
-    ), A = r(
-      () => b(
-        p.value.filter(
+    ), B = r(
+      () => v(
+        b.value.filter(
           (o) => {
-            var h, S;
-            return Array.isArray(o.value) ? ((h = o.value) == null ? void 0 : h.length) === 0 || ((S = o.value) == null ? void 0 : S.every(($) => $ === "")) : !o.value;
+            var g, S;
+            return Array.isArray(o.value) ? ((g = o.value) == null ? void 0 : g.length) === 0 || ((S = o.value) == null ? void 0 : S.every((U) => U === "")) : !o.value;
           }
         )
       )
-    ), _ = r(() => {
+    ), F = r(() => {
       var o;
-      return c.value && ((o = p.value) == null ? void 0 : o.length) === 0;
-    }), y = r(() => l.value[u.value]), w = () => {
-      const o = g.value.length ? g.value[0] : A.value[0], h = l.value.findIndex(
+      return c.value && ((o = b.value) == null ? void 0 : o.length) === 0;
+    }), p = r(() => l.value[u.value]), T = () => {
+      const o = C.value.length ? C.value[0] : B.value[0], g = l.value.findIndex(
         (S) => S.label === o.label && S.field === o.field
       );
-      u.value = h;
+      u.value = g;
     };
-    Ye(() => {
-      w();
+    Ke(() => {
+      T();
     });
-    const F = r(
+    const w = r(
       () => l.value.map((o) => {
-        var h, S, $, H, ee, re;
+        var g, S, U, j, H, ce;
         switch (o.type) {
-          case U.SELECT:
-          case U.SELECT_AVATAR:
-          case U.SELECT_COUNTRY:
-          case U.SELECT_CURRENCY:
-          case U.SELECT_PAYMENT_METHOD:
-          case U.SELECT_TAG:
-            switch ((h = o.options) == null ? void 0 : h.multiple) {
+          case O.SELECT:
+          case O.SELECT_AVATAR:
+          case O.SELECT_COUNTRY:
+          case O.SELECT_CURRENCY:
+          case O.SELECT_PAYMENT_METHOD:
+          case O.SELECT_TAG:
+            switch ((g = o.options) == null ? void 0 : g.multiple) {
               case !0:
                 return {
                   label: o.label,
                   field: o.field,
-                  count: (S = o.value) != null && S.length ? ($ = o.value) == null ? void 0 : $.length : null
+                  count: (S = o.value) != null && S.length ? (U = o.value) == null ? void 0 : U.length : null
                 };
               default:
                 return {
@@ -1476,21 +1527,21 @@ const Ul = $l.exports, xl = {
                   count: o.value == null ? null : 1
                 };
             }
-          case U.DATE_RANGE:
+          case O.DATE_RANGE:
             return {
               label: o.label,
               field: o.field,
-              count: ((H = o.value) == null ? void 0 : H.startDate) != null && ((ee = o.value) == null ? void 0 : ee.endDate) != null ? 1 : null
+              count: ((j = o.value) == null ? void 0 : j.startDate) != null && ((H = o.value) == null ? void 0 : H.endDate) != null ? 1 : null
             };
-          case U.RANGE:
+          case O.RANGE:
             return {
               label: o.label,
               field: o.field,
-              count: (re = o.value) != null && re.find((Le) => Le !== "") ? 1 : null
+              count: (ce = o.value) != null && ce.find((He) => He !== "") ? 1 : null
             };
-          case U.INPUT:
-          case U.BOOLEAN:
-          case U.DATE:
+          case O.INPUT:
+          case O.BOOLEAN:
+          case O.DATE:
           default:
             return {
               label: o.label,
@@ -1499,105 +1550,105 @@ const Ul = $l.exports, xl = {
             };
         }
       })
-    ), C = r(
+    ), m = r(
       () => {
         var o;
-        return Array.isArray(y.value.value) ? ((o = y.value) == null ? void 0 : o.value.length) && y.value.value.find((h) => h !== "") : !!l.value[u.value].value;
+        return Array.isArray(p.value.value) ? ((o = p.value) == null ? void 0 : o.value.length) && p.value.value.find((g) => g !== "") : !!l.value[u.value].value;
       }
-    ), D = r(
+    ), f = r(
       () => {
         var o;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (o = F.value) == null ? void 0 : o.reduce((h, S) => h += S.count, 0)
+          (o = w.value) == null ? void 0 : o.reduce((g, S) => g += S.count, 0)
         );
       }
-    ), V = () => {
+    ), A = () => {
       s.value ? s.value = !1 : s.value = !0;
-    }, Y = (o) => {
-      var S, $, H;
-      const h = F.value.find((ee) => ee.field === o.field).count;
-      return o.type.includes("BentoSelect") && ((S = o.options) != null && S.multiple) && h === ((H = ($ = o.options) == null ? void 0 : $.listboxItems) == null ? void 0 : H.length) ? f("all") : h;
-    }, Z = (o, h) => {
+    }, V = (o) => {
+      var S, U, j;
+      const g = w.value.find((H) => H.field === o.field).count;
+      return o.type.includes("BentoSelect") && ((S = o.options) != null && S.multiple) && g === ((j = (U = o.options) == null ? void 0 : U.listboxItems) == null ? void 0 : j.length) ? y("all") : g;
+    }, z = (o, g) => {
       u.value = l.value.findIndex(
-        (S) => S.label === o && S.field === h
+        (S) => S.label === o && S.field === g
       );
-    }, I = () => {
+    }, Z = () => {
       c.value = "";
-    }, k = () => {
-      s.value = !1, l.value = t.value, I(), w();
-    }, N = (o) => {
-      const h = l.value.map(({ value: S, ...$ }, H) => H === u.value ? { value: o.value, ...$ } : { value: S, ...$ });
-      l.value = h;
     }, R = () => {
-      N({
-        field: y.value.field,
-        label: y.value.label,
-        type: y.value.type,
+      s.value = !1, l.value = t.value, Z(), T();
+    }, E = (o) => {
+      const g = l.value.map(({ value: S, ...U }, j) => j === u.value ? { value: o.value, ...U } : { value: S, ...U });
+      l.value = g;
+    }, P = () => {
+      E({
+        field: p.value.field,
+        label: p.value.label,
+        type: p.value.type,
         value: void 0
       });
-    }, M = () => {
-      l.value = l.value.map(({ value: o, ...h }) => ({
-        ...h,
+    }, L = () => {
+      l.value = l.value.map(({ value: o, ...g }) => ({
+        ...g,
         value: void 0
       }));
-    }, v = () => {
-      e(ae.INPUT, l.value), s.value = !1;
-    }, z = r(
+    }, k = () => {
+      e(oe.INPUT, l.value), s.value = !1;
+    }, _ = r(
       () => JSON.stringify(l.value) === JSON.stringify(t.value)
-    ), Ne = r(() => [
+    ), M = r(() => [
       {
-        title: f("applyAll"),
-        disabled: z.value,
-        event: v
+        title: y("applyAll"),
+        disabled: _.value,
+        event: k
       },
       {
-        title: f("cancel"),
-        event: k
+        title: y("cancel"),
+        event: R
       },
       {
-        title: f("clearAll"),
-        disabled: !D.value,
-        event: M
+        title: y("clearAll"),
+        disabled: !f.value,
+        event: L
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Qe,
+      BentoModalEvent: tt,
       // Values
       allFiltersModalUniqueId: a,
       allFiltersModalFiltersSection: n,
-      allFiltersModalFilterButtons: m,
-      numberOfActiveFilters: D,
-      isEmptyResultForSearchFilter: _,
+      allFiltersModalFilterButtons: h,
+      numberOfActiveFilters: f,
+      isEmptyResultForSearchFilter: F,
       isModalOpen: s,
-      isClearButtonEnabled: C,
-      activeFilters: g,
-      otherFilters: A,
-      modalActions: Ne,
-      selectedFilter: y,
+      isClearButtonEnabled: m,
+      activeFilters: C,
+      otherFilters: B,
+      modalActions: M,
+      selectedFilter: p,
       selectedFilterRef: d,
       filters: l,
-      computedCounts: F,
+      computedCounts: w,
       searchTerm: c,
       // Methods
-      onClickAllFiltersModal: V,
-      getFilterCount: Y,
-      cancel: k,
-      selectFilter: Z,
-      clearFilter: R,
-      updateFilter: N,
-      onSearchbarClear: I,
+      onClickAllFiltersModal: A,
+      getFilterCount: V,
+      cancel: R,
+      selectFilter: z,
+      clearFilter: P,
+      updateFilter: E,
+      onSearchbarClear: Z,
       onKeydownRight: () => {
-        tt(1, d.value.$el).focus();
+        nt(1, d.value.$el).focus();
       },
       onKeydownLeft: () => {
-        m.value[y.value.label].$el.focus();
+        h.value[p.value.label].$el.focus();
       }
     };
   }
 });
-var kl = function() {
+var Ol = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-all-filters-modal" }, [l("filter-bar-button", { attrs: { "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters }, on: { click: e.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l("sliders-icon", { attrs: { "aria-hidden": "true" } })];
@@ -1622,37 +1673,37 @@ var kl = function() {
       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);
     } } }, [l("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [l("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? l("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), l("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [l(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), l("div", { staticClass: "b-all-filters-modal__clear-button" }, [l("bento-button", { attrs: { variant: "secondary", disabled: !e.isClearButtonEnabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.$t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
-}, Rl = [], Ol = /* @__PURE__ */ B(
-  Il,
-  kl,
-  Rl,
+}, Nl = [], wl = /* @__PURE__ */ D(
+  Ll,
+  Ol,
+  Nl,
   !1,
   null,
   "97626423",
   null,
   null
 );
-const Vl = Ol.exports;
-let pe = 0;
-const Nl = {
+const Ml = wl.exports;
+let me = 0;
+const Hl = {
   beforeCreate() {
-    this.uuid = pe.toString(), pe += 1;
+    this.uuid = me.toString(), me += 1;
   }
 };
-var Ll = function() {
+var ql = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M14 1.25C14.4142 1.25 14.75 1.58579 14.75 2V6C14.75 6.41421 14.4142 6.75 14 6.75H13.6783C13.6661 6.7503 13.6539 6.7503 13.6418 6.75H10C9.58579 6.75 9.25 6.41421 9.25 6C9.25 5.58579 9.58579 5.25 10 5.25H12.4738C12.0646 4.58631 11.51 4.018 10.8465 3.59097C9.86926 2.96199 8.71093 2.67505 7.55308 2.77512C6.39523 2.8752 5.30331 3.35663 4.44847 4.14395C3.59363 4.93128 3.0242 5.97999 2.82942 7.12572C2.82642 7.14333 2.82284 7.16069 2.81868 7.17779C2.75208 7.59699 2.73609 8.02569 2.77328 8.45478C2.88357 9.72739 3.45406 10.9161 4.37787 11.7983C5.30168 12.6805 6.51543 13.1956 7.79177 13.2472C9.06811 13.2988 10.3195 12.8832 11.3114 12.0784C12.3034 11.2736 12.9679 10.1347 13.1805 8.87518C13.2494 8.46674 13.6364 8.19152 14.0448 8.26046C14.4533 8.32939 14.7285 8.71637 14.6595 9.12481C14.3862 10.7443 13.5319 12.2085 12.2565 13.2432C10.9811 14.278 9.37223 14.8123 7.73123 14.746C6.09022 14.6797 4.52968 14.0174 3.34192 12.8831C2.15417 11.7489 1.42069 10.2205 1.27888 8.58429C1.13708 6.94808 1.59668 5.3163 2.57158 3.99462C3.54649 2.67294 4.96983 1.75203 6.57496 1.40441C8.18009 1.05679 9.8569 1.3063 11.2913 2.10621C12.0495 2.52906 12.7125 3.09037 13.25 3.7543V2C13.25 1.58579 13.5858 1.25 14 1.25Z", "clip-rule": "evenodd" } })]);
-}, wl = [], Ml = /* @__PURE__ */ B(
-  Nl,
-  Ll,
-  wl,
+}, jl = [], Yl = /* @__PURE__ */ D(
+  Hl,
+  ql,
+  jl,
   !1,
   null,
   "35088f28",
   null,
   null
 );
-const Hl = Ml.exports, ql = {
+const zl = Yl.exports, Jl = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -1661,25 +1712,25 @@ const Hl = Ml.exports, ql = {
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, jl = P({
-  i18n: { messages: ql },
+}, Kl = x({
+  i18n: { messages: Jl },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: Vl,
-    FilterBarButton: oe,
-    BentoBooleanFilter: Oe,
-    BentoDateFilter: Ee,
-    BentoDateRangeFilter: $e,
-    BentoRangeFilter: Ve,
-    BentoInputFilter: Pe,
-    BentoSelectFilter: x,
-    BentoSelectAvatarFilter: Ue,
-    BentoSelectCountryFilter: Ie,
-    BentoSelectCurrencyFilter: xe,
-    BentoSelectPaymentMethodFilter: ke,
-    BentoSelectTagFilter: Re,
-    BentoSearchBar: te,
-    RefreshIcon: Hl
+    AllFiltersModal: Ml,
+    BentoBooleanFilter: we,
+    BentoDateFilter: Ie,
+    BentoDateRangeFilter: Re,
+    BentoRangeFilter: Me,
+    BentoInputFilter: Ue,
+    BentoSelectFilter: N,
+    BentoSelectAvatarFilter: ke,
+    BentoSelectCountryFilter: Le,
+    BentoSelectCurrencyFilter: Ve,
+    BentoSelectPaymentMethodFilter: Oe,
+    BentoSelectTagFilter: Ne,
+    BentoSearchBar: le,
+    FilterBarButton: ue,
+    RefreshIcon: zl
   },
   props: {
     /**
@@ -1687,11 +1738,11 @@ const Hl = Ml.exports, ql = {
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: te.props.value.type,
+      type: le.props.value.type,
       default: void 0
     },
     /**
-     * Array of filters based on {@see FilterBarModel}.
+     * Array of filters based on {@see BentoFilterBarModel}.
      * Each one of the elements in the array correspond to a filter that will
      * be created and rendered in the FilterBar.
      *
@@ -1713,99 +1764,137 @@ const Hl = Ml.exports, ql = {
     value: {
       type: Array,
       default: () => []
+    },
+    /**
+     * An array of the values for each filter in the filter bar.
+     * {@see BentoFilterValues}
+     *
+     *  @example
+     * [{
+     *   field: 'company',
+     *   value: '200',
+     * }, {
+     *   field: 'name',
+     *   value: 'some text',
+     * }]
+     */
+    filterValues: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
-    L.INPUT,
-    J.CLEAR,
-    J.INPUT,
-    J.UPDATE
+    ee.INPUT,
+    ee.UPDATE_FILTER_VALUES,
+    W.CLEAR,
+    W.INPUT,
+    W.UPDATE
   ],
   setup(t, { emit: e }) {
-    const { t: l } = j(), a = Ze(), n = r(() => l("searchBar")), s = r(() => t.value.some(({ visible: C }) => C != null) ? t.value.some(({ visible: C }) => !C) : !1), u = r(
-      () => t.value.filter(({ defaultValue: F }) => F !== void 0)
-    ), d = r(() => t.value.some(({ visible: C }) => C != null) ? t.value.filter(({ defaultValue: C, visible: D }) => C === void 0 && D) : t.value.filter(({ defaultValue: C }) => C === void 0)), c = r(() => t.searchTerm != null), f = r(
-      () => t.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
-    ), p = r(() => u.value.length === 0 && f.value), m = r(() => u.value.length === 0 ? !1 : !t.value.filter(({ defaultValue: C }) => C !== void 0 || C !== null).every(({ value: C, defaultValue: D }) => JSON.stringify(C) === JSON.stringify(D)) || f.value);
+    const { t: l } = G(), a = r(
+      () => {
+        var m;
+        return (m = t.value) == null ? void 0 : m.map((f) => {
+          var V;
+          const A = (V = t.filterValues.find(({ field: z }) => z === f.field)) == null ? void 0 : V.value;
+          return { ...f, value: A !== void 0 ? A : f == null ? void 0 : f.value };
+        });
+      }
+    ), n = Xe(), s = r(() => l("searchBar")), u = r(() => a.value.some(
+      ({ visible: f }) => f != null
+    ) ? a.value.some(({ visible: f }) => !f) : !1), d = r(
+      () => a.value.filter(({ defaultValue: m }) => m !== void 0)
+    ), c = r(() => a.value.some(
+      ({ visible: f }) => f != null
+    ) ? a.value.filter(
+      ({ defaultValue: f, visible: A }) => f === void 0 && A
+    ) : a.value.filter(({ defaultValue: f }) => f === void 0)), y = r(() => t.searchTerm != null), b = r(
+      () => a.value.filter(({ defaultValue: m }) => m == null).some(({ value: m }) => m != null)
+    ), h = r(() => d.value.length === 0 && b.value), v = r(() => d.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: f }) => f !== void 0 || f !== null).every(({ value: f, defaultValue: A }) => JSON.stringify(f) === JSON.stringify(A)) || b.value), C = (m) => {
+      e(ee.INPUT, m), e(
+        ee.UPDATE_FILTER_VALUES,
+        m == null ? void 0 : m.filter(({ value: f }) => f !== null || f !== void 0).map(({ field: f, value: A }) => ({ field: f, value: A }))
+      );
+    };
     return {
       // Values
-      hasHiddenFilters: s,
-      isClearAllVisible: p,
-      isSearchBarEnabled: c,
-      searchBarAriaLabel: n,
-      persistentFilters: u,
-      regularFilters: d,
-      isResetAllVisible: m,
+      hasHiddenFilters: u,
+      isClearAllVisible: h,
+      isSearchBarEnabled: y,
+      searchBarAriaLabel: s,
+      persistentFilters: d,
+      regularFilters: c,
+      isResetAllVisible: v,
       // Events
-      updateAllFilters: (F) => {
-        e(L.INPUT, F);
-      },
-      updateFilterHandler: (F) => {
-        const C = t.value.findIndex((V) => V.field === F.field), D = t.value.slice();
-        D[C].value = F.value, e(L.INPUT, D);
+      updateAllFilters: C,
+      updateFilterHandler: (m) => {
+        const f = a.value.findIndex(
+          (V) => V.field === m.field
+        ), A = a.value.slice();
+        A[f].value = m.value, C(A);
       },
       clearAllFilters: () => {
-        const F = t.value.slice(), C = t.value.map(({ value: D, ...V }) => ({
+        const m = a.value.slice(), f = a.value.map(({ value: A, ...V }) => ({
           ...V,
           value: void 0
         }));
-        a.addToast({
+        n.addToast({
           text: l("filtersHaveBeenCleared"),
           action: {
-            handler: () => e(L.INPUT, F),
+            handler: () => C(m),
             text: l("undo")
           }
-        }), e(L.INPUT, C);
+        }), C(f);
       },
       onSearchbarClear: () => {
-        e(J.CLEAR);
+        e(W.CLEAR);
       },
-      onSearchbarInput: (F) => {
-        e(J.INPUT, F), e(J.UPDATE, F);
+      onSearchbarInput: (m) => {
+        e(W.INPUT, m), e(W.UPDATE, m);
       },
       resetAllFilters: () => {
-        const F = t.value.slice(), C = t.value.map(({ defaultValue: D, ...V }) => ({
+        const m = a.value.slice(), f = a.value.map(({ defaultValue: A, ...V }) => ({
           ...V,
-          defaultValue: D,
-          value: D
+          defaultValue: A,
+          value: A
         }));
-        a.addToast({
+        n.addToast({
           text: l("filtersHaveBeenReset"),
           action: {
-            handler: () => e(L.INPUT, F),
+            handler: () => C(m),
             text: l("undo")
           }
-        }), e(L.INPUT, C);
+        }), C(f);
       }
     };
   }
 });
-var Yl = function() {
+var Gl = function() {
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", { staticClass: "b-filter-bar" }, [l("div", { staticClass: "b-filter-bar__filters-wrapper" }, [e.persistentFilters.length ? l("div", { staticClass: "b-filter-bar__persistent-filters" }, e._l(e.persistentFilters, function(a) {
+  return e._self._setupProxy, l("div", { staticClass: "b-filter-bar" }, [e.isSearchBarEnabled ? l("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 l(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 } });
-  }), 1) : e._e(), l("div", { staticClass: "b-filter-bar__regular-filters" }, [e._l(e.regularFilters, function(a) {
+  }) : e._e(), e._l(e.regularFilters, function(a) {
     return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, options: a.options, value: a.value }, on: { update: e.updateFilterHandler } });
-  }), e.hasHiddenFilters ? l("all-filters-modal", { attrs: { value: e.value }, on: { input: e.updateAllFilters } }) : e._e()], 2), l("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isClearAllVisible, expression: "isClearAllVisible" }], on: { click: e.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+  }), e.hasHiddenFilters ? l("all-filters-modal", { attrs: { value: e.value }, on: { input: e.updateAllFilters } }) : e._e(), l("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isClearAllVisible, expression: "isClearAllVisible" }], on: { click: e.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l("refresh-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }]) }, [e._v(" " + e._s(e.$t("clearAll")) + " ")]), l("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 [l("refresh-icon", { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }]) }, [e._v(" " + e._s(e.$t("resetAll")) + " ")])], 1), e.isSearchBarEnabled ? l("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e()], 1);
-}, zl = [], Jl = /* @__PURE__ */ B(
-  jl,
-  Yl,
-  zl,
+  }, proxy: !0 }]) }, [e._v(" " + e._s(e.$t("resetAll")) + " ")])], 2);
+}, Zl = [], Wl = /* @__PURE__ */ D(
+  Kl,
+  Gl,
+  Zl,
   !1,
   null,
-  "19958cbd",
+  "0a653aa0",
   null,
   null
 );
-const Ua = Jl.exports;
+const Ia = Wl.exports;
 export {
-  Ua as BentoFilterBar,
-  L as BentoFilterBarEvent,
+  Ia as BentoFilterBar,
+  ee as BentoFilterBarEvent,
   i as BentoFilterEvent,
-  U as BentoFilterItemType
+  O as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map