@adyen/bento-vue2 1.13.1 → 1.14.0

package/dist/filter-bar.js

@@ -1,43 +1,43 @@
-import { n as E } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { onMounted as he, onUnmounted as Ye, defineComponent as P, useSlots as Je, useAttrs as Ke, computed as o, ref as $, watch as te, inject as de, toRef as V, onBeforeUpdate as oe, reactive as Fe, toRefs as Ge, nextTick as ze } from "vue";
-import { a as fe } from "./chunks/index.ec0743da.js";
+import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { onMounted as he, onUnmounted as Ye, defineComponent as E, useSlots as Je, useAttrs as Ke, computed as o, ref as I, watch as te, inject as de, toRef as O, onBeforeUpdate as oe, reactive as Fe, toRefs as Ge, nextTick as ze } from "vue";
+import { a as fe } from "./chunks/index.a663e8fe.js";
 import { u as W } from "./chunks/i18n.eb5b985b.js";
 import { g as ie } from "./chunks/unique-id.a2a2b458.js";
 import { o as We } from "./chunks/on-click-outside.3e0c3e2a.js";
 import { i as ge } from "./chunks/index.4c062058.js";
-import { M as Ze, e as Qe } from "./chunks/base-modal.a580438d.js";
+import { M as Ze, e as Qe } from "./chunks/base-modal.babcdf50.js";
 import { S as Xe } from "./chunks/sidepanel.keys.3f8d69c1.js";
-import { B as le, d as et } from "./chunks/index.6ac01113.js";
+import { B as le, d as et } from "./chunks/index.ee11faa7.js";
 import { u as Ce } from "./chunks/aria-label.ac9651a5.js";
-import { B as Se, a as be } from "./chunks/base-button.f9080a52.js";
+import { B as Se, a as be } from "./chunks/base-button.f6f8d02b.js";
 import { g as Ae } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Be } from "./chunks/use-has-slot.fbeb19ec.js";
 import { a as De, C as Te } from "./chunks/chevron-up.81185563.js";
-import { B as tt } from "./chunks/tooltip.46858ae6.js";
+import { B as tt } from "./chunks/tooltip.3502709e.js";
 import { B as lt } from "./chunks/directive.0408e565.js";
 import { BentoRadioGroup as at } from "./radio-group.js";
 import { BentoInputField as Ee } from "./input-field.js";
 import { BentoSearchBar as ae, BentoSearchBarEvent as Z } from "./search-bar.js";
 import { u as nt } from "./chunks/toastController.fd667b68.js";
 import { BentoModal as st } from "./modal.js";
-import { a as rt } from "./chunks/button.bb0d7584.js";
-import { B as ot, u as Pe } from "./chunks/dropdown.4d800c61.js";
-import { g as it } from "./chunks/index.af238ed6.js";
-import { B as Ie } from "./chunks/index.541cce1c.js";
+import { a as rt } from "./chunks/button.788944f8.js";
+import { B as ot, u as Pe } from "./chunks/dropdown.ca5ff514.js";
+import { g as it } from "./chunks/index.4fa8a7fe.js";
+import { B as Ie } from "./chunks/index.7ed46af7.js";
 import { BentoDatePicker as ut } from "./date-picker.js";
-import { f as z } from "./chunks/index.772a5595.js";
+import { f as z } from "./chunks/index.6f295a81.js";
 import { e as J, d as xe, f as $e } from "./chunks/index.f55fdc32.js";
-import { C as ct, i as dt } from "./chunks/calendar.17ab99de.js";
-import { B as ft, D as bt, i as _e } from "./chunks/index.339f15c4.js";
+import { C as ct, i as dt } from "./chunks/calendar.2d4f2237.js";
+import { B as ft, D as bt, i as _e } from "./chunks/index.c01ee9cc.js";
 import { BentoButtonActions as _t } from "./button.js";
 import { D as ve } from "./chunks/date-input.9186a0bf.js";
-import { B as vt } from "./chunks/listbox.e5d70b9b.js";
-import { B as pt, L as Re } from "./chunks/listbox-option-tag.6f3e922c.js";
+import { B as vt } from "./chunks/listbox.a440c634.js";
+import { B as pt, L as Re } from "./chunks/listbox-option-tag.0e778735.js";
 import { u as yt } from "./chunks/use-country-items.6b7985bf.js";
 import { BentoPaymentMethod as mt } from "./payment-method.js";
 import { R as ht } from "./chunks/refresh.71a03998.js";
-import { F as Ft } from "./chunks/fixed-scroller.d6c11166.js";
-import "./assets/index40.css";
+import { F as Ft } from "./chunks/fixed-scroller.80e51c1b.js";
+import "./assets/index43.css";
 const gt = (t, e, l = {}) => {
   let a;
   he(() => {
@@ -45,7 +45,7 @@ const gt = (t, e, l = {}) => {
   }), Ye(() => {
     a && (a(), a = null);
   });
-}, Ct = {}, St = /* @__PURE__ */ P({
+}, Ct = {}, St = /* @__PURE__ */ E({
   ...Ct,
   __name: "filter-bar-button",
   props: {
@@ -76,7 +76,7 @@ const gt = (t, e, l = {}) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const l = t, a = Je(), n = Ke(), s = Be(a), d = o(() => a.default ? Ae(a)("default") : null), v = Ce({ ariaLabel: d }), c = $(null), m = o(() => {
+    const l = t, a = Je(), n = Ke(), s = Be(a), d = o(() => a.default ? Ae(a)("default") : null), v = Ce({ ariaLabel: d }), c = I(null), m = o(() => {
       var y;
       return {
         "aria-controls": (y = n["aria-controls"]) == null ? void 0 : y.toString()
@@ -97,7 +97,7 @@ var At = function() {
   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 = [], Dt = /* @__PURE__ */ E(
+}, Bt = [], Dt = /* @__PURE__ */ T(
   St,
   At,
   Bt,
@@ -135,7 +135,7 @@ const Tt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Et = P({
+}, Et = E({
   name: "teleport",
   props: {
     to: {
@@ -228,7 +228,7 @@ const Tt = {
       return this.$vnode.componentOptions.children.map((t) => t.elm).filter((t) => t);
     }
   }
-}), Pt = /* @__PURE__ */ P({
+}), Pt = /* @__PURE__ */ E({
   ...Et,
   setup(t) {
     return { __sfc: !0, isVue2: ge };
@@ -237,7 +237,7 @@ const Tt = {
 var It = function() {
   var e = this, l = e._self._c, a = e._self._setupProxy;
   return a.isVue2 ? l("div", { class: e.classes }, [e._t("default")], 2) : l("Teleport", { class: e.classes, attrs: { to: e.to, where: e.where, disabled: e.disabled } }, [e._t("default")], 2);
-}, xt = [], $t = /* @__PURE__ */ E(
+}, xt = [], $t = /* @__PURE__ */ T(
   Pt,
   It,
   xt,
@@ -247,7 +247,7 @@ var It = function() {
   null,
   null
 );
-const Rt = $t.exports, Ut = P({
+const Rt = $t.exports, Ut = E({
   i18n: { messages: Tt },
   name: "bento-base-filter",
   components: {
@@ -316,7 +316,7 @@ const Rt = $t.exports, Ut = P({
     q.RESET
   ],
   setup(t, { emit: e }) {
-    const { t: l } = W(), a = ie("base-filter-popover"), n = $(!1), s = $(null), d = $(null), v = o(() => t.defaultValue !== null), c = () => {
+    const { t: l } = W(), a = ie("base-filter-popover"), n = I(!1), s = I(null), d = I(null), v = o(() => t.defaultValue !== null), c = () => {
       n.value && (n.value = !1, e(q.CLOSE));
     }, m = () => {
       c(), v.value ? e(q.RESET) : e(q.CLEAR);
@@ -339,8 +339,8 @@ const Rt = $t.exports, Ut = P({
     te(
       () => n.value,
       (h, D) => {
-        var R, _;
-        !h && D && (_ = (R = s.value) == null ? void 0 : R.filterBarButtonRef) != null && _.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        var x, b;
+        !h && D && (b = (x = s.value) == null ? void 0 : x.filterBarButtonRef) != null && b.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), gt(d, p, { ignore: [s] });
     let A = de(Ze, "body");
@@ -374,7 +374,7 @@ var kt = function() {
   } } }, [e._v(" " + e._s(e.buttonLabel || e.label) + " ")]), e.filterButtonRef ? l("bento-teleport", { attrs: { to: e.teleportElement } }, [e.filterButtonRef ? l("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, divider: "", open: e.isFilterOpen, actions: e.controlled ? null : e.actions, "actions-layout": "space-between", "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"] } }, [l("div", { on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, Vt = [], Lt = /* @__PURE__ */ E(
+}, Vt = [], Ot = /* @__PURE__ */ T(
   Ut,
   kt,
   Vt,
@@ -384,8 +384,8 @@ var kt = function() {
   null,
   null
 );
-const Q = Lt.exports, Ot = (t) => t instanceof Array, pe = (t) => Ot(t) ? t.length === 0 || t.every((e) => e === "") : !t, ye = (t, e) => JSON.stringify(t) === JSON.stringify(e), X = (t, e) => {
-  const l = $(t.value);
+const Q = Ot.exports, Lt = (t) => t instanceof Array, pe = (t) => Lt(t) ? t.length === 0 || t.every((e) => e === "") : !t, ye = (t, e) => JSON.stringify(t) === JSON.stringify(e), X = (t, e) => {
+  const l = I(t.value);
   te(
     () => t.value,
     () => {
@@ -403,7 +403,7 @@ const Q = Lt.exports, Ot = (t) => t instanceof Array, pe = (t) => Ot(t) ? t.leng
 }, G = (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;
-}, Nt = P({
+}, Nt = E({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: Q,
@@ -435,9 +435,9 @@ const Q = Lt.exports, Ot = (t) => t instanceof Array, pe = (t) => Ot(t) ? t.leng
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
+    const l = I(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      O(t, "value"),
+      O(t, "defaultValue")
     ), d = o(() => t.defaultValue === null ? t.label : G(t.value, 18)), v = o(
       () => t.defaultValue === null ? G(t.value, 12) : null
     ), c = o(() => ({
@@ -485,7 +485,7 @@ var wt = function() {
   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)]);
-}, Mt = [], Ht = /* @__PURE__ */ E(
+}, Mt = [], Ht = /* @__PURE__ */ T(
   Nt,
   wt,
   Mt,
@@ -495,7 +495,7 @@ var wt = function() {
   null,
   null
 );
-const Ue = Ht.exports, qt = P({
+const Ue = Ht.exports, qt = E({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Q,
@@ -541,8 +541,8 @@ const Ue = Ht.exports, qt = P({
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
     const { locale: l } = W(void 0, !0), a = { de: xe, enUS: J, fr: $e }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
+      O(t, "value"),
+      O(t, "defaultValue")
     ), v = o(
       () => t.value ? z(t.value, "dd MMM, yyyy", {
         locale: a[l.value.substring(0, 2)] || J
@@ -585,7 +585,7 @@ var jt = function() {
   var a, n, s, d;
   var e = this, l = e._self._c;
   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": (d = e.options) == null ? void 0 : d.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, Yt = [], Jt = /* @__PURE__ */ E(
+}, Yt = [], Jt = /* @__PURE__ */ T(
   qt,
   jt,
   Yt,
@@ -621,7 +621,7 @@ const ke = Jt.exports, Kt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Gt = P({
+}, Gt = E({
   i18n: { messages: Kt },
   name: "bento-date-range-filter",
   components: {
@@ -675,22 +675,22 @@ const ke = Jt.exports, Kt = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    var I, T, O, x;
+    var P, $, R, U;
     const { locale: l, t: a } = W(), n = { de: xe, enUS: J, fr: $e }, { internalFilterValue: s, isSecondaryButtonDisabled: d, isApplyButtonDisabled: v } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
-    ), c = (b) => b ? z(b, ve.NUMERIC_DATE_YEAR_FIRST, {
+      O(t, "value"),
+      O(t, "defaultValue")
+    ), c = (_) => _ ? z(_, ve.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[l.value.substring(0, 2)] || J
-    }) : void 0, m = (b) => b ? z(b, ve.HOUR_MINUTE_SECONDS, {
+    }) : void 0, m = (_) => _ ? z(_, ve.HOUR_MINUTE_SECONDS, {
       locale: n[l.value.substring(0, 2)] || J
-    }) : "", p = $(null), F = $(!1), y = Fe({
-      startDate: c((I = t.value) == null ? void 0 : I.startDate),
-      endDate: c((T = t.value) == null ? void 0 : T.endDate),
-      startTime: m((O = t.value) == null ? void 0 : O.startDate),
-      endTime: m((x = t.value) == null ? void 0 : x.endDate)
+    }) : "", p = I(null), F = I(!1), y = Fe({
+      startDate: c((P = t.value) == null ? void 0 : P.startDate),
+      endDate: c(($ = t.value) == null ? void 0 : $.endDate),
+      startTime: m((R = t.value) == null ? void 0 : R.startDate),
+      endTime: m((U = t.value) == null ? void 0 : U.endDate)
     }), g = o(() => {
-      var b, M, ne, se, r, C, B, k;
-      if (!((b = t.value) != null && b.startDate) && !t.value.endDate)
+      var _, M, ne, se, r, C, B, V;
+      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 = (r = (se = t.options) == null ? void 0 : se.quickSelectRanges) == null ? void 0 : r.find(
@@ -699,7 +699,7 @@ const ke = Jt.exports, Kt = {
         if (j)
           return j.label;
       }
-      return dt((C = t.value) == null ? void 0 : C.startDate, (B = t.value) == null ? void 0 : B.endDate) && ((k = t == null ? void 0 : t.options) != null && k.allowTimeInput) ? `${z(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return dt((C = t.value) == null ? void 0 : C.startDate, (B = t.value) == null ? void 0 : B.endDate) && ((V = t == null ? void 0 : t.options) != null && V.allowTimeInput) ? `${z(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || J
       })} - ${z(t.value.endDate, "HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || J
@@ -714,20 +714,20 @@ const ke = Jt.exports, Kt = {
       () => t.defaultValue === null ? g.value : null
     ), h = () => {
       p.value.closePopover();
-      const { onlySlot: b, ...M } = t;
+      const { onlySlot: _, ...M } = t;
       e(i.UPDATE, { ...M, value: s.value });
     }, D = () => {
       s.value = void 0, h();
-    }, R = () => {
+    }, x = () => {
       s.value = t.defaultValue, h();
-    }, _ = () => {
+    }, b = () => {
       s.value = t.value;
-    }, u = (b) => {
-      s.value = b, y.startDate = c(b.startDate), y.endDate = c(b.endDate), e(i.INPUT, { ...t, value: s.value });
-    }, f = (b) => {
-      b != null && b.startDate && (b != null && b.endDate) && (s.value = b, y.startDate = c(b.startDate), y.endDate = c(b.endDate), e(i.INPUT, { ...t, value: s.value }));
-    }, U = (b) => {
-      u(b), e(i.INPUT, { ...t, value: s.value });
+    }, u = (_) => {
+      s.value = _, y.startDate = c(_.startDate), y.endDate = c(_.endDate), e(i.INPUT, { ...t, value: s.value });
+    }, f = (_) => {
+      _ != null && _.startDate && (_ != null && _.endDate) && (s.value = _, y.startDate = c(_.startDate), y.endDate = c(_.endDate), e(i.INPUT, { ...t, value: s.value }));
+    }, k = (_) => {
+      u(_), e(i.INPUT, { ...t, value: s.value });
     }, Y = o(
       () => [
         {
@@ -737,7 +737,7 @@ const ke = Jt.exports, Kt = {
         },
         {
           title: t.defaultValue ? a("reset") : a("clear"),
-          event: t.defaultValue ? R : D,
+          event: t.defaultValue ? x : D,
           disabled: F.value && d.value
         }
       ]
@@ -755,15 +755,15 @@ const ke = Jt.exports, Kt = {
       buttonSecondaryLabel: S,
       // Events
       onDateSelected: u,
-      openFilter: _,
+      openFilter: b,
       updateFilter: h,
       onDatePickerRangeError: () => {
         F.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(i.INPUT, { ...t, value: s.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (b) => {
-        F.value = !1, b.startTime && (y.startTime = b.startTime), b.endTime && (y.endTime = b.endTime);
+      onDatePickerRangeFormDateInputUpdate: (_) => {
+        F.value = !1, _.startTime && (y.startTime = _.startTime), _.endTime && (y.endTime = _.endTime);
       },
-      onDateInputSelected: U,
+      onDateInputSelected: k,
       onRangeSelectorInput: f
     };
   }
@@ -776,7 +776,7 @@ var zt = function() {
   }, 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);
-}, Wt = [], Zt = /* @__PURE__ */ E(
+}, Wt = [], Zt = /* @__PURE__ */ T(
   Gt,
   zt,
   Wt,
@@ -793,7 +793,7 @@ const Ve = Zt.exports, Qt = {
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Xt = P({
+}, Xt = E({
   i18n: { messages: Qt },
   name: "bento-select-filter",
   components: {
@@ -843,9 +843,9 @@ const Ve = Zt.exports, Qt = {
   setup(t, { emit: e, slots: l }) {
     var Y, K;
     const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
-    ), { t: d, locale: v } = W(), c = $(""), m = V(t, "options"), p = $(t.options.listboxItems);
+      O(t, "value"),
+      O(t, "defaultValue")
+    ), { t: d, locale: v } = W(), c = I(""), m = O(t, "options"), p = I(t.options.listboxItems);
     te(m, () => {
       p.value = m.value.listboxItems;
     });
@@ -854,49 +854,44 @@ const Ve = Zt.exports, Qt = {
       p,
       (K = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : K.searchEvent
     ), y = o(() => d("noFiltersMatchThisSearch")), g = o(() => {
-      var L, I, T, O;
+      var L, P, $, R;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const x = (L = t.value) == null ? void 0 : L.length;
-        if (x === t.options.listboxItems.length)
-          return (I = t == null ? void 0 : t.options) == null ? void 0 : I.messages[v.value].persistentButtonLabelAllSelected;
-        const b = (T = t == null ? void 0 : t.options) == null ? void 0 : T.messages[v.value].persistentButtonLabelPartiallySelected.split("|").map((M) => M.trim());
-        return x === 1 ? b[0].replace("{count}", x) : b[1].replace("{count}", x);
+        const U = (L = t.value) == null ? void 0 : L.length;
+        if (U === t.options.listboxItems.length)
+          return (P = t == null ? void 0 : t.options) == null ? void 0 : P.messages[v.value].persistentButtonLabelAllSelected;
+        const _ = ($ = t == null ? void 0 : t.options) == null ? void 0 : $.messages[v.value].persistentButtonLabelPartiallySelected.split("|").map((M) => M.trim());
+        return U === 1 ? _[0].replace("{count}", U) : _[1].replace("{count}", U);
       }
-      return G((O = t.options.listboxItems.find(({ value: x }) => x === t.value)) == null ? void 0 : O.label, 18);
+      return G((R = t.options.listboxItems.find(({ value: U }) => U === t.value)) == null ? void 0 : R.label, 18);
     }), A = o(() => {
-      var L, I;
+      var L, P;
       if (t.defaultValue === null && (!t.options.multiple || ((L = t.value) == null ? void 0 : L.length) === 1)) {
-        if (t.options.staticCategories) {
-          const T = t.options.listboxItems.find(
-            (x) => x.items.some((b) => b.value === t.value)
-          );
-          return T ? T.items.find((x) => x.value === t.value).label : null;
-        }
+        const $ = t.options.listboxItems.flatMap((R) => R.items ? R.items : R);
         return G(
-          (I = t.options.listboxItems.find(
-            ({ value: T }) => {
-              var O;
-              return Array.isArray(t.value) ? (O = t == null ? void 0 : t.value) == null ? void 0 : O.includes(T) : T === t.value;
+          (P = $.find(
+            ({ value: R }) => {
+              var U;
+              return Array.isArray(t.value) ? (U = t == null ? void 0 : t.value) == null ? void 0 : U.includes(R) : R === t.value;
             }
-          )) == null ? void 0 : I.label,
+          )) == null ? void 0 : P.label,
           12
         );
       }
       return null;
     }), S = o(() => ie(`filter-listbox-${t.field}`)), h = (L) => {
       a.value = L;
-      const { onlySlot: I, ...T } = t;
-      e(i.INPUT, { ...T, value: a.value });
+      const { onlySlot: P, ...$ } = t;
+      e(i.INPUT, { ...$, value: a.value });
     }, D = () => {
-      var T;
-      t.options.multiple && a.value && ((T = a.value) == null ? void 0 : T.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
-      const { onlySlot: L, ...I } = t;
-      e(i.UPDATE, { ...I, value: a.value });
-    }, R = () => {
+      var $;
+      t.options.multiple && a.value && (($ = a.value) == null ? void 0 : $.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
+      const { onlySlot: L, ...P } = t;
+      e(i.UPDATE, { ...P, value: a.value });
+    }, x = () => {
       a.value = t.value;
-    }, _ = () => {
+    }, b = () => {
       c.value && (c.value = "");
     }, u = () => {
       a.value = t.defaultValue, D();
@@ -906,14 +901,14 @@ const Ve = Zt.exports, Qt = {
     return {
       // Values
       appliedFiltersCount: o(() => {
-        var T, O;
+        var $, R;
         if (t.value == null || t.defaultValue !== null || !t.options.multiple)
           return null;
-        const L = (T = t.options.listboxItems) == null ? void 0 : T.reduce((x, b) => {
+        const L = ($ = t.options.listboxItems) == null ? void 0 : $.reduce((U, _) => {
           var M;
-          return x += (M = b == null ? void 0 : b.items) != null && M.length ? b.items.length : 1, x;
-        }, 0), I = (O = t.value) == null ? void 0 : O.length;
-        return I === 1 ? null : I === L ? d("all") : I;
+          return U += (M = _ == null ? void 0 : _.items) != null && M.length ? _.items.length : 1, U;
+        }, 0), P = (R = t.value) == null ? void 0 : R.length;
+        return P === 1 ? null : P === L ? d("all") : P;
       }),
       filteredItems: F,
       internalFilterValue: a,
@@ -928,42 +923,42 @@ const Ve = Zt.exports, Qt = {
       searchTerm: c,
       // Events
       clearFilter: f,
-      closeFilter: _,
+      closeFilter: b,
       onOptionSelected: h,
-      openFilter: R,
+      openFilter: x,
       updateFilter: D,
       resetFilter: u
     };
   }
 });
 var el = function() {
-  var a, n, s, d, v, c, m, p, F, y, g, A, S, h, D, R;
+  var a, n, s, d, v, c, m, p, F, y, g, A, S, h, D, x;
   var e = this, l = e._self._c;
-  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, "static-categories": (n = e.options) == null ? void 0 : n.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(_, u) {
+  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, "static-categories": (n = e.options) == null ? void 0 : n.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(b, u) {
     return { key: u, fn: function(f) {
       return [e._t(u, null, null, f)];
     } };
-  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (v = (d = e.options) == null ? void 0 : d.search) == null ? void 0 : v.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(_) {
-    e.searchTerm = _;
-  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "empty-state": (c = e.options) == null ? void 0 : c.emptyState, "has-more-items": (p = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : p.hasMoreItems, items: e.filteredItems, "is-option-disabled": (F = e.options) == null ? void 0 : F.isOptionDisabled, "lazy-load-type": (g = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : g.lazyLoadType, loading: (S = (A = e.options) == null ? void 0 : A.lazy) == null ? void 0 : S.loading, multiple: (h = e.options) == null ? void 0 : h.multiple, "static-categories": (D = e.options) == null ? void 0 : D.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (R = e.options) == null ? void 0 : R.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(_) {
+  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (v = (d = e.options) == null ? void 0 : d.search) == null ? void 0 : v.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, "empty-state": (c = e.options) == null ? void 0 : c.emptyState, "has-more-items": (p = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : p.hasMoreItems, items: e.filteredItems, "is-option-disabled": (F = e.options) == null ? void 0 : F.isOptionDisabled, "lazy-load-type": (g = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : g.lazyLoadType, loading: (S = (A = e.options) == null ? void 0 : A.lazy) == null ? void 0 : S.loading, multiple: (h = e.options) == null ? void 0 : h.multiple, "static-categories": (D = e.options) == null ? void 0 : D.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (x = e.options) == null ? void 0 : x.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(b) {
     var u, f;
     (f = (u = e.options) == null ? void 0 : u.lazy) == null || f.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(e.slots, function(_, u) {
+  } }, scopedSlots: e._u([e._l(e.slots, function(b, u) {
     return { key: u, fn: function(f) {
       return [e._t(u, null, null, f)];
     } };
   })], null, !0) })]], 2);
-}, tl = [], ll = /* @__PURE__ */ E(
+}, tl = [], ll = /* @__PURE__ */ T(
   Xt,
   el,
   tl,
   !1,
   null,
-  "c252100d",
+  "81f8fa1c",
   null,
   null
 );
-const w = ll.exports, al = P({
+const w = ll.exports, al = E({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: w,
@@ -997,7 +992,7 @@ var nl = function() {
   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));
-}, sl = [], rl = /* @__PURE__ */ E(
+}, sl = [], rl = /* @__PURE__ */ T(
   al,
   nl,
   sl,
@@ -1007,7 +1002,7 @@ var nl = function() {
   null,
   null
 );
-const Le = rl.exports, ol = P({
+const Oe = rl.exports, ol = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
@@ -1043,7 +1038,7 @@ var il = function() {
   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));
-}, ul = [], cl = /* @__PURE__ */ E(
+}, ul = [], cl = /* @__PURE__ */ T(
   ol,
   il,
   ul,
@@ -1053,7 +1048,7 @@ var il = function() {
   null,
   null
 );
-const Oe = cl.exports, dl = P({
+const Le = cl.exports, dl = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
@@ -1075,7 +1070,7 @@ const Oe = cl.exports, dl = P({
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = V(t, "options"), { listboxItems: a, variant: n } = Ge(l.value), s = (c) => e(i.UPDATE, c), d = yt(n, a), v = o(() => ({
+    const l = O(t, "options"), { listboxItems: a, variant: n } = Ge(l.value), s = (c) => e(i.UPDATE, c), d = yt(n, a), v = o(() => ({
       ...t.options,
       listboxItems: d.value
     }));
@@ -1098,7 +1093,7 @@ var fl = function() {
   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 }) {
     return [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(a))])];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, bl = [], _l = /* @__PURE__ */ E(
+}, bl = [], _l = /* @__PURE__ */ T(
   dl,
   fl,
   bl,
@@ -1108,7 +1103,7 @@ var fl = function() {
   null,
   null
 );
-const Ne = _l.exports, vl = P({
+const Ne = _l.exports, vl = E({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: w,
@@ -1142,7 +1137,7 @@ var pl = function() {
   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));
-}, yl = [], ml = /* @__PURE__ */ E(
+}, yl = [], ml = /* @__PURE__ */ T(
   vl,
   pl,
   yl,
@@ -1152,7 +1147,7 @@ var pl = function() {
   null,
   null
 );
-const we = ml.exports, hl = P({
+const we = ml.exports, hl = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
@@ -1197,7 +1192,7 @@ var Fl = function() {
   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));
-}, gl = [], Cl = /* @__PURE__ */ E(
+}, gl = [], Cl = /* @__PURE__ */ T(
   hl,
   Fl,
   gl,
@@ -1212,7 +1207,7 @@ const Me = Cl.exports, Sl = {
     yes: "Yes",
     no: "No"
   }
-}, Al = P({
+}, Al = E({
   name: "bento-boolean-filter",
   i18n: { messages: Sl },
   components: { BentoBaseFilter: Q, BentoRadioGroup: at },
@@ -1255,8 +1250,8 @@ const Me = Cl.exports, Sl = {
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
     ]), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
+      O(t, "value"),
+      O(t, "defaultValue")
     ), v = o(
       () => t.defaultValue === null ? t.label : G(a.value.find(({ value: S }) => S === t.value).label, 18)
     ), c = o(
@@ -1302,7 +1297,7 @@ var Bl = function() {
   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)]);
-}, Dl = [], Tl = /* @__PURE__ */ E(
+}, Dl = [], Tl = /* @__PURE__ */ T(
   Al,
   Bl,
   Dl,
@@ -1317,7 +1312,7 @@ const He = Tl.exports, El = {
     from: "From",
     to: "To"
   }
-}, Pl = P({
+}, Pl = E({
   name: "bento-range-filter",
   i18n: { messages: El },
   components: { BentoBaseFilter: Q, BentoInputField: Ee },
@@ -1347,13 +1342,13 @@ const He = Tl.exports, El = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      V(t, "value"),
-      V(t, "defaultValue")
+    const l = I(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      O(t, "value"),
+      O(t, "defaultValue")
     ), d = o(
       () => {
-        var D, R;
-        return (D = t.value) != null && D[0] && ((R = t.value) != null && R[1]) ? `${G(t.value[0], 5)} - ${G(t.value[1], 5)}` : null;
+        var D, x;
+        return (D = t.value) != null && D[0] && ((x = t.value) != null && x[1]) ? `${G(t.value[0], 5)} - ${G(t.value[1], 5)}` : null;
       }
     ), v = o(
       () => t.defaultValue === null ? t.label : d.value
@@ -1401,7 +1396,7 @@ var Il = function() {
   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)]);
-}, xl = [], $l = /* @__PURE__ */ E(
+}, xl = [], $l = /* @__PURE__ */ T(
   Pl,
   Il,
   xl,
@@ -1413,7 +1408,7 @@ var Il = function() {
 );
 const qe = $l.exports;
 var re = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(re || {});
-const Rl = P({
+const Rl = E({
   name: "base-filter-button",
   components: { BaseButton: Se, BentoTypography: le, ChevronUpIcon: De, ChevronDownIcon: Te },
   props: {
@@ -1442,7 +1437,7 @@ const Rl = P({
   },
   emits: [be.CLICK],
   setup(t, { slots: e, emit: l, attrs: a }) {
-    const n = o(() => e.default ? Ae(e)("default") : null), s = Ce({ ariaLabel: n }), d = $(null), v = o(() => {
+    const n = o(() => e.default ? Ae(e)("default") : null), s = Ce({ ariaLabel: n }), d = I(null), v = o(() => {
       var p;
       return {
         "aria-controls": (p = a["aria-controls"]) == null ? void 0 : p.toString()
@@ -1471,7 +1466,7 @@ var Ul = function() {
   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("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()])]);
-}, kl = [], Vl = /* @__PURE__ */ E(
+}, kl = [], Vl = /* @__PURE__ */ T(
   Rl,
   Ul,
   kl,
@@ -1481,9 +1476,9 @@ var Ul = function() {
   null,
   null
 );
-const Ll = Vl.exports, Ol = P({
+const Ol = Vl.exports, Ll = E({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Ll },
+  components: { BaseFilterButton: Ol },
   props: {
     /**
      * Button label to be displayed
@@ -1518,8 +1513,8 @@ const Ll = Vl.exports, Ol = P({
 var Nl = 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) + " ")]);
-}, wl = [], Ml = /* @__PURE__ */ E(
-  Ol,
+}, wl = [], Ml = /* @__PURE__ */ T(
+  Ll,
   Nl,
   wl,
   !1,
@@ -1538,7 +1533,7 @@ const ql = {
 var jl = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#00112C", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z" } }), l("path", { attrs: { fill: "#00112C", d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z" } })]);
-}, Yl = [], Jl = /* @__PURE__ */ E(
+}, Yl = [], Jl = /* @__PURE__ */ T(
   ql,
   jl,
   Yl,
@@ -1561,7 +1556,7 @@ const Kl = Jl.exports, Gl = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, zl = P({
+}, zl = E({
   i18n: { messages: Gl },
   name: "all-filters-modal",
   components: {
@@ -1574,8 +1569,8 @@ const Kl = Jl.exports, Gl = {
     BentoModal: st,
     BentoRangeFilter: qe,
     BentoSearchBar: ae,
-    BentoSelectAvatarFilter: Le,
-    BentoSelectCurrencyFilter: Oe,
+    BentoSelectAvatarFilter: Oe,
+    BentoSelectCurrencyFilter: Le,
     BentoSelectCountryFilter: Ne,
     BentoSelectFilter: w,
     BentoSelectPaymentMethodFilter: we,
@@ -1612,7 +1607,7 @@ const Kl = Jl.exports, Gl = {
   },
   emits: [re.INPUT],
   setup(t, { emit: e }) {
-    const l = Fe({ value: t.value }), a = ie("all-filters-modal"), n = $([]), s = $(!1), d = $(0), v = $(null), c = $(""), { t: m } = W(), p = Pe(c, V(l, "value")), F = $({});
+    const l = Fe({ value: t.value }), a = ie("all-filters-modal"), n = I([]), s = I(!1), d = I(0), v = I(null), c = I(""), { t: m } = W(), p = Pe(c, O(l, "value")), F = I({});
     oe(() => {
       F.value = [];
     }), te(
@@ -1629,7 +1624,7 @@ const Kl = Jl.exports, Gl = {
         p.value.filter(
           (r) => {
             var C, B;
-            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) && ((B = r.value) == null ? void 0 : B.find((k) => k !== "")) : r.value;
+            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) && ((B = r.value) == null ? void 0 : B.find((V) => V !== "")) : r.value;
           }
         )
       )
@@ -1638,7 +1633,7 @@ const Kl = Jl.exports, Gl = {
         p.value.filter(
           (r) => {
             var C, B;
-            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) === 0 || ((B = r.value) == null ? void 0 : B.every((k) => k === "")) : !r.value;
+            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) === 0 || ((B = r.value) == null ? void 0 : B.every((V) => V === "")) : !r.value;
           }
         )
       )
@@ -1654,9 +1649,9 @@ const Kl = Jl.exports, Gl = {
     he(() => {
       D();
     });
-    const R = o(
+    const x = o(
       () => l.value.map((r) => {
-        var C, B, k, j, H, ce;
+        var C, B, V, j, H, ce;
         switch (r.type) {
           case N.SELECT:
           case N.SELECT_AVATAR:
@@ -1669,7 +1664,7 @@ const Kl = Jl.exports, Gl = {
                 return {
                   label: r.label,
                   field: r.field,
-                  count: (B = r.value) != null && B.length ? (k = r.value) == null ? void 0 : k.length : null
+                  count: (B = r.value) != null && B.length ? (V = r.value) == null ? void 0 : V.length : null
                 };
               default:
                 return {
@@ -1701,7 +1696,7 @@ const Kl = Jl.exports, Gl = {
             };
         }
       })
-    ), _ = o(
+    ), b = o(
       () => {
         var r;
         return Array.isArray(h.value.value) ? ((r = h.value) == null ? void 0 : r.value.length) && h.value.value.find((C) => C !== "") : !!l.value[d.value].value;
@@ -1711,15 +1706,15 @@ const Kl = Jl.exports, Gl = {
         var r;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (r = R.value) == null ? void 0 : r.reduce((C, B) => C += B.count, 0)
+          (r = x.value) == null ? void 0 : r.reduce((C, B) => C += B.count, 0)
         );
       }
     ), f = () => {
       s.value ? s.value = !1 : s.value = !0;
-    }, U = (r) => {
-      var B, k, j;
-      const C = R.value.find((H) => H.field === r.field).count;
-      return r.type.includes("BentoSelect") && ((B = r.options) != null && B.multiple) && C === ((j = (k = r.options) == null ? void 0 : k.listboxItems) == null ? void 0 : j.length) ? m("all") : C;
+    }, k = (r) => {
+      var B, V, j;
+      const C = x.value.find((H) => H.field === r.field).count;
+      return r.type.includes("BentoSelect") && ((B = r.options) != null && B.multiple) && C === ((j = (V = r.options) == null ? void 0 : V.listboxItems) == null ? void 0 : j.length) ? m("all") : C;
     }, Y = (r, C) => {
       d.value = l.value.findIndex(
         (B) => B.label === r && B.field === C
@@ -1728,30 +1723,30 @@ const Kl = Jl.exports, Gl = {
       c.value = "";
     }, L = () => {
       s.value = !1, l.value = t.value, K(), D();
-    }, I = (r) => {
-      const C = l.value.map(({ value: B, ...k }, j) => j === d.value ? { value: r.value, ...k } : { value: B, ...k });
+    }, P = (r) => {
+      const C = l.value.map(({ value: B, ...V }, j) => j === d.value ? { value: r.value, ...V } : { value: B, ...V });
       l.value = C;
-    }, T = () => {
-      I({
+    }, $ = () => {
+      P({
         field: h.value.field,
         label: h.value.label,
         type: h.value.type,
         value: void 0
       });
-    }, O = () => {
+    }, R = () => {
       l.value = l.value.map(({ value: r, ...C }) => ({
         ...C,
         value: void 0
       }));
-    }, x = () => {
+    }, U = () => {
       e(re.INPUT, l.value), s.value = !1;
-    }, b = o(
+    }, _ = o(
       () => JSON.stringify(l.value) === JSON.stringify(t.value)
     ), M = o(() => [
       {
         title: m("applyAll"),
-        disabled: b.value,
-        event: x
+        disabled: _.value,
+        event: U
       },
       {
         title: m("cancel"),
@@ -1760,7 +1755,7 @@ const Kl = Jl.exports, Gl = {
       {
         title: m("clearAll"),
         disabled: !u.value,
-        event: O
+        event: R
       }
     ]);
     return {
@@ -1773,22 +1768,22 @@ const Kl = Jl.exports, Gl = {
       numberOfActiveFilters: u,
       isEmptyResultForSearchFilter: S,
       isModalOpen: s,
-      isClearButtonEnabled: _,
+      isClearButtonEnabled: b,
       activeFilters: g,
       otherFilters: A,
       modalActions: M,
       selectedFilter: h,
       selectedFilterRef: v,
       filters: l,
-      computedCounts: R,
+      computedCounts: x,
       searchTerm: c,
       // Methods
       onClickAllFiltersModal: f,
-      getFilterCount: U,
+      getFilterCount: k,
       cancel: L,
       selectFilter: Y,
-      clearFilter: T,
-      updateFilter: I,
+      clearFilter: $,
+      updateFilter: P,
       onSearchbarClear: K,
       onKeydownRight: () => {
         it(1, v.value.$el).focus();
@@ -1824,7 +1819,7 @@ var Wl = 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);
-}, Zl = [], Ql = /* @__PURE__ */ E(
+}, Zl = [], Ql = /* @__PURE__ */ T(
   zl,
   Wl,
   Zl,
@@ -1843,7 +1838,7 @@ const Xl = Ql.exports, ea = {
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, ta = P({
+}, ta = E({
   i18n: { messages: ea },
   name: "bento-filter-bar",
   components: {
@@ -1854,9 +1849,9 @@ const Xl = Ql.exports, ea = {
     BentoRangeFilter: qe,
     BentoInputFilter: Ue,
     BentoSelectFilter: w,
-    BentoSelectAvatarFilter: Le,
+    BentoSelectAvatarFilter: Oe,
     BentoSelectCountryFilter: Ne,
-    BentoSelectCurrencyFilter: Oe,
+    BentoSelectCurrencyFilter: Le,
     BentoSelectPaymentMethodFilter: we,
     BentoSelectTagFilter: Me,
     BentoSearchBar: ae,
@@ -1948,27 +1943,27 @@ const Xl = Ql.exports, ea = {
   setup(t, { emit: e }) {
     const { t: l } = W(), a = o(
       () => {
-        var _, u;
-        return (u = ((_ = t.config) == null ? void 0 : _.length) > 0 ? t.config : t.value) == null ? void 0 : u.map((f) => {
+        var b, u;
+        return (u = ((b = t.config) == null ? void 0 : b.length) > 0 ? t.config : t.value) == null ? void 0 : u.map((f) => {
           var Y;
-          let U = (Y = t.filterValues.find(({ field: K }) => K === f.field)) == null ? void 0 : Y.value;
-          return U === void 0 && (U = (f == null ? void 0 : f.value) === void 0 && (f == null ? void 0 : f.defaultValue) !== void 0 ? f == null ? void 0 : f.defaultValue : f == null ? void 0 : f.value), { ...f, value: U !== void 0 ? U : f == null ? void 0 : f.value };
+          let k = (Y = t.filterValues.find(({ field: K }) => K === f.field)) == null ? void 0 : Y.value;
+          return k === void 0 && (k = (f == null ? void 0 : f.value) === void 0 && (f == null ? void 0 : f.defaultValue) !== void 0 ? f == null ? void 0 : f.defaultValue : f == null ? void 0 : f.value), { ...f, value: k !== void 0 ? k : f == null ? void 0 : f.value };
         });
       }
     ), n = nt(), s = o(() => l("searchBar")), d = o(() => a.value.some(
       ({ visible: u }) => u != null
     ) ? a.value.some(({ visible: u }) => !u) : !1), v = o(
-      () => a.value.filter(({ defaultValue: _ }) => _ !== void 0)
+      () => a.value.filter(({ defaultValue: b }) => b !== void 0)
     ), c = o(() => a.value.some(
       ({ visible: u }) => u != null
     ) ? a.value.filter(
       ({ defaultValue: u, visible: f }) => u === void 0 && f
     ) : a.value.filter(({ defaultValue: u }) => u === void 0)), m = o(() => t.searchTerm != null), p = o(
-      () => a.value.filter(({ defaultValue: _ }) => _ == null).some(({ value: _ }) => _ != null)
-    ), F = o(() => v.value.length === 0 && p.value), y = o(() => v.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: u }) => u !== void 0 || u !== null).every(({ value: u, defaultValue: f }) => JSON.stringify(u) === JSON.stringify(f)) || p.value), g = (_) => {
-      e(ee.INPUT, _), e(
+      () => a.value.filter(({ defaultValue: b }) => b == null).some(({ value: b }) => b != null)
+    ), F = o(() => v.value.length === 0 && p.value), y = o(() => v.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: u }) => u !== void 0 || u !== null).every(({ value: u, defaultValue: f }) => JSON.stringify(u) === JSON.stringify(f)) || p.value), g = (b) => {
+      e(ee.INPUT, b), e(
         ee.UPDATE_FILTER_VALUES,
-        _ == null ? void 0 : _.filter(({ value: u }) => u !== null || u !== void 0).map(({ field: u, value: f }) => ({ field: u, value: f }))
+        b == null ? void 0 : b.filter(({ value: u }) => u !== null || u !== void 0).map(({ field: u, value: f }) => ({ field: u, value: f }))
       );
     };
     return {
@@ -1983,21 +1978,21 @@ const Xl = Ql.exports, ea = {
       valueAndFilterValuesPropsMerged: a,
       // Events
       updateAllFilters: g,
-      updateFilterHandler: (_) => {
+      updateFilterHandler: (b) => {
         const u = a.value.findIndex(
-          (U) => U.field === _.field
+          (k) => k.field === b.field
         ), f = a.value.slice();
-        f[u].value = _.value, g(f);
+        f[u].value = b.value, g(f);
       },
       clearAllFilters: () => {
-        const _ = a.value.slice(), u = a.value.map(({ value: f, ...U }) => ({
-          ...U,
+        const b = a.value.slice(), u = a.value.map(({ value: f, ...k }) => ({
+          ...k,
           value: void 0
         }));
         n.addToast({
           text: l("filtersHaveBeenCleared"),
           action: {
-            handler: () => g(_),
+            handler: () => g(b),
             text: l("undo")
           }
         }), g(u);
@@ -2005,19 +2000,19 @@ const Xl = Ql.exports, ea = {
       onSearchbarClear: () => {
         e(Z.CLEAR);
       },
-      onSearchbarInput: (_) => {
-        e(Z.INPUT, _), e(Z.UPDATE, _);
+      onSearchbarInput: (b) => {
+        e(Z.INPUT, b), e(Z.UPDATE, b);
       },
       resetAllFilters: () => {
-        const _ = a.value.slice(), u = a.value.map(({ defaultValue: f, ...U }) => ({
-          ...U,
+        const b = a.value.slice(), u = a.value.map(({ defaultValue: f, ...k }) => ({
+          ...k,
           defaultValue: f,
           value: f
         }));
         n.addToast({
           text: l("filtersHaveBeenReset"),
           action: {
-            handler: () => g(_),
+            handler: () => g(b),
             text: l("undo")
           }
         }), g(u);
@@ -2040,7 +2035,7 @@ var la = function() {
   }, proxy: !0 }], null, !1, 3891055301) }, [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 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.$t("resetAll")) + " ")])], 1) : e._e()])])]);
-}, aa = [], na = /* @__PURE__ */ E(
+}, aa = [], na = /* @__PURE__ */ T(
   ta,
   la,
   aa,