@adyen/bento-vue2 1.0.0 → 1.1.1

package/dist/filter-bar.js

@@ -1,42 +1,42 @@
 import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { defineComponent as E, computed as i, ref as S, watch as Z, toRef as P, onBeforeUpdate as te, nextTick as Fe, reactive as he, toRefs as He, onMounted as ze } from "vue";
-import { a as le, B as Be } from "./chunks/button.98f2271d.js";
-import { BentoPopover as ue, BentoPopoverPositions as Ge } from "./popover.js";
-import { u as Y } from "./chunks/i18n.36074534.js";
+import { defineComponent as E, computed as i, ref as A, watch as Z, toRef as P, onBeforeUpdate as te, nextTick as pe, reactive as _e, toRefs as Le, onMounted as Me } from "vue";
+import { a as le, B as be } from "./chunks/button.34695c2c.js";
+import { BentoPopover as ue, BentoPopoverPositions as we } from "./popover.js";
+import { u as Y } from "./chunks/i18n.155748d6.js";
 import { g as ae } from "./chunks/unique-id.a2a2b458.js";
-import { B as ne, c as se, a as oe } from "./chunks/index.3aedb3dd.js";
-import { u as Je } from "./chunks/aria-label.ac9651a5.js";
-import { h as Ke } from "./chunks/hasSlot.dceac207.js";
-import { B as We, a as ce } from "./chunks/base-button.23c7948c.js";
-import { g as Qe } from "./chunks/get-slot-text.e5c766d0.js";
-import { a as Xe, C as Ze } from "./chunks/chevron-up.5b117675.js";
-import { B as et } from "./chunks/tooltip.51be6248.js";
-import { B as tt } from "./chunks/directive.0408e565.js";
-import { c as ge, B as lt } from "./chunks/button-actions.c87eaee6.js";
-import { BentoRadioGroup as at } from "./radio-group.js";
-import { BentoInputField as Ce, BentoInputFieldType as nt } from "./input-field.js";
-import { BentoSearchBar as X, BentoSearchBarEvent as j } from "./search-bar.js";
-import { u as st } from "./chunks/toastController.0e01443d.js";
-import { BentoModal as ot, BentoModalEvent as rt, BentoModalSize as it } from "./modal.js";
-import { B as ut, u as Ae } from "./chunks/dropdown.45f3fad6.js";
-import { g as ct } from "./chunks/index.1b1be94c.js";
-import { BentoDivider as Se } from "./divider.js";
-import { BentoDatePicker as dt } from "./date-picker.js";
-import { f as K } from "./chunks/index.c23be6e9.js";
-import { e as q, d as Te, f as Ee } from "./chunks/index.f55fdc32.js";
-import { C as ft } from "./chunks/calendar.1ed370f4.js";
-import { B as pt, D as _t } from "./chunks/index.fcf5a866.js";
+import { B as ne, a as se, b as oe } from "./chunks/index.2066e16f.js";
+import { u as qe } from "./chunks/aria-label.ac9651a5.js";
+import { u as Ye } from "./chunks/use-has-slot.068222e6.js";
+import { B as He, a as ce } from "./chunks/base-button.16e8bb2c.js";
+import { g as je } from "./chunks/get-slot-text.e5c766d0.js";
+import { a as ze, C as Ge } from "./chunks/chevron-down.b851a6da.js";
+import { B as Je } from "./chunks/tooltip.807205c0.js";
+import { B as Ke } from "./chunks/directive.0408e565.js";
+import { c as ve, B as We } from "./chunks/button-actions.bcaea94e.js";
+import { BentoRadioGroup as Qe } from "./radio-group.js";
+import { BentoInputField as ye, BentoInputFieldType as Xe } from "./input-field.js";
+import { BentoSearchBar as X, BentoSearchBarEvent as H } from "./search-bar.js";
+import { u as Ze } from "./chunks/toastController.0e01443d.js";
+import { BentoModal as et, BentoModalEvent as tt, BentoModalSize as lt } from "./modal.js";
+import { B as at, u as me } from "./chunks/dropdown.0c80d6c1.js";
+import { g as nt } from "./chunks/index.695c11ef.js";
+import { BentoDivider as Fe } from "./divider.js";
+import { BentoDatePicker as st } from "./date-picker.js";
+import { f as K } from "./chunks/index.875ba379.js";
+import { e as q, d as Be, f as he } from "./chunks/index.f55fdc32.js";
+import { C as ot } from "./chunks/calendar.a32d5783.js";
+import { B as rt, D as it } from "./chunks/index.ec1c7120.js";
 import { D as de } from "./chunks/date-input.9186a0bf.js";
-import { B as bt } from "./chunks/listbox.13cefddb.js";
-import { B as vt, L as De } from "./chunks/listbox-option-tag.c03eab04.js";
-import { BentoCountry as yt, BentoCountryVariant as Pe } from "./country.js";
-import { u as mt } from "./chunks/useCountryItems.eedde392.js";
-import { BentoPaymentMethod as Ft } from "./payment-method.js";
-import "./assets/index34.css";
+import { B as ut } from "./chunks/listbox.4ea4114c.js";
+import { B as ct, L as ge } from "./chunks/listbox-option-tag.ac8eae9a.js";
+import { BentoCountry as dt, BentoCountryVariant as Ce } from "./country.js";
+import { u as ft } from "./chunks/useCountryItems.5d7b436e.js";
+import { BentoPaymentMethod as pt } from "./payment-method.js";
+import "./assets/index26.css";
 var r = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(r || {}), M = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(M || {}), R = /* @__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))(R || {});
-const ht = E({
+const _t = E({
   name: "base-filter-button",
-  components: { BaseButton: We, BentoTypography: ne, ChevronUpIcon: Xe, ChevronDownIcon: Ze },
+  components: { BaseButton: He, BentoTypography: ne, ChevronUpIcon: ze, ChevronDownIcon: Ge },
   props: {
     /**
      * The number of applies values within the filter.
@@ -63,7 +63,7 @@ const ht = E({
   },
   emits: [ce.CLICK],
   setup(t, { slots: e, emit: l, attrs: a }) {
-    const n = i(() => e.default ? Qe(e)("default") : null), s = Je({ ariaLabel: n }), u = S(null), d = i(() => {
+    const n = i(() => e.default ? je(e)("default") : null), s = qe({ ariaLabel: n }), u = A(null), d = i(() => {
       var p;
       return {
         "aria-controls": (p = a["aria-controls"]) == null ? void 0 : p.toString()
@@ -84,30 +84,30 @@ const ht = E({
       onClickButton: () => {
         t.disabled || l(ce.CLICK);
       },
-      hasSlot: Ke(e),
+      hasSlot: Ye(e),
       // Refs
       baseFilterButtonRef: u
     };
   }
 });
-var Bt = function() {
+var bt = 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: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.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: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.BODY, stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()], 1)]);
-}, gt = [], Ct = /* @__PURE__ */ T(
-  ht,
-  Bt,
-  gt,
+}, vt = [], yt = /* @__PURE__ */ T(
+  _t,
+  bt,
+  vt,
   !1,
   null,
-  "63f1c413",
+  "6d93f3cb",
   null,
   null
 );
-const Ue = Ct.exports, At = E({
+const Se = yt.exports, mt = E({
   name: "filter-bar-filter-button",
-  components: { BaseFilterButton: Ue },
+  components: { BaseFilterButton: Se },
   props: {
     /**
      * Button label to be displayed
@@ -135,7 +135,7 @@ const Ue = Ct.exports, At = E({
     const l = i(() => ({
       ["b-filter-bar-filter-button--with-counter"]: t.appliedFiltersCount,
       ["b-filter-bar-filter-button--filter-open"]: t.isFilterOpen
-    })), a = S(null);
+    })), a = A(null);
     return Z(
       () => t.isFilterOpen,
       (s, u) => {
@@ -152,22 +152,22 @@ const Ue = Ct.exports, At = E({
     };
   }
 });
-var St = function() {
+var Ft = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-filter-button", { ref: "filterBarButtonRef", staticClass: "b-filter-bar-filter-button", class: e.conditionalClasses, attrs: { bold: !0, "amount-applied-values": e.appliedFiltersCount, "has-chevron": e.hasChevron, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, Tt = [], Et = /* @__PURE__ */ T(
-  At,
-  St,
-  Tt,
+}, Bt = [], ht = /* @__PURE__ */ T(
+  mt,
+  Ft,
+  Bt,
   !1,
   null,
   "34783b9b",
   null,
   null
 );
-const Re = Et.exports;
+const Ae = ht.exports;
 var x = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(x || {});
-const fe = {
+const gt = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -193,14 +193,14 @@ const fe = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Dt = E({
-  i18n: { messages: fe },
+}, Ct = E({
+  i18n: { messages: gt },
   name: "bento-base-filter",
   components: {
-    FilterBarFilterButton: Re,
+    FilterBarFilterButton: Ae,
     BentoPopover: ue
   },
-  directives: { BentoClickOutsideDirective: tt },
+  directives: { BentoClickOutsideDirective: Ke },
   props: {
     /**
      * Total count of applied filters
@@ -257,7 +257,7 @@ const fe = {
     x.RESET
   ],
   setup(t, { emit: e }) {
-    const { t: l } = Y({ messages: fe }), a = ae("base-filter-popover"), n = S(!1), s = S(null), u = i(() => t.defaultValue !== null), d = () => {
+    const { t: l } = Y(), a = ae("base-filter-popover"), n = A(!1), s = A(null), u = i(() => t.defaultValue !== null), d = () => {
       n.value = !1, e(x.CLOSE);
     }, c = () => {
       d(), u.value ? e(x.RESET) : e(x.CLEAR);
@@ -284,8 +284,8 @@ const fe = {
       isFilterOpen: n,
       isPersistentFilter: u,
       // Enums
-      BentoPopoverPositions: Ge,
-      BentoTooltipPosition: et,
+      BentoPopoverPositions: we,
+      BentoTooltipPosition: Je,
       // Events
       onClickFilter: p,
       onClickApply: y,
@@ -296,48 +296,47 @@ const fe = {
       filterButtonRef: s,
       // Enums
       BentoButtonVariant: le,
-      BentoButtonActionsLayout: ge
+      BentoButtonActionsLayout: ve
     };
   }
 });
-var Pt = 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-filter-button", { ref: "filterButtonRef", attrs: { "aria-controls": e.isFilterOpen ? e.popoverId : null, "has-chevron": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, label: e.buttonLabel || e.label, "applied-filters-count": e.appliedFiltersCount }, on: { click: e.onClickFilter } }), 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": e.BentoButtonActionsLayout.SPACE_BETWEEN, "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: e.BentoPopoverPositions.BOTTOM_START, "without-space": e.controlled } }, [e._t("default")], 2) : e._e()], 1);
-}, Ut = [], Rt = /* @__PURE__ */ T(
-  Dt,
-  Pt,
-  Ut,
+}, At = [], Tt = /* @__PURE__ */ T(
+  Ct,
+  St,
+  At,
   !1,
   null,
   "7d79ea3c",
   null,
   null
 );
-const H = Rt.exports, It = (t) => t instanceof Array, pe = (t) => It(t) ? t.length === 0 || t.every((e) => e === "") : !t, kt = (t, e) => JSON.stringify(t) === JSON.stringify(e), z = (t, e) => {
-  const l = S(t.value);
+const j = Tt.exports, Et = (t) => t instanceof Array, fe = (t) => Et(t) ? t.length === 0 || t.every((e) => e === "") : !t, Dt = (t, e) => JSON.stringify(t) === JSON.stringify(e), z = (t, e) => {
+  const l = A(t.value);
   Z(
     () => t.value,
     () => {
       l.value = t.value;
     }
   );
-  const a = i(() => pe(t.value)), n = i(
-    () => e.value !== null ? kt(e.value, t.value) : a.value
-  ), s = i(() => l.value === t.value || pe(l.value) && a.value);
+  const a = i(() => fe(t.value)), n = i(
+    () => e.value !== null ? Dt(e.value, t.value) : a.value
+  ), s = i(() => l.value === t.value || fe(l.value) && a.value);
   return {
     internalFilterValue: l,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: s
   };
-}, W = (t, e) => (t == null ? void 0 : t.length) > e ? `${t.slice(0, e)}...` : t, $t = E({
+}, W = (t, e) => (t == null ? void 0 : t.length) > e ? `${t.slice(0, e)}...` : t, Pt = E({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: H,
-    BentoInputField: Ce
+    BentoBaseFilter: j,
+    BentoInputField: ye
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -364,7 +363,7 @@ const H = Rt.exports, It = (t) => t instanceof Array, pe = (t) => It(t) ? t.leng
   },
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
-    const l = S(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = z(
+    const l = A(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = z(
       P(t, "value"),
       P(t, "defaultValue")
     ), u = i(() => t.defaultValue === null ? t.label : W(t.value, 18)), d = i(() => t.value != null ? 1 : null), c = i(() => ({
@@ -374,7 +373,7 @@ const H = Rt.exports, It = (t) => t instanceof Array, pe = (t) => It(t) ? t.leng
       a.value === "" && (a.value = null);
     });
     const f = () => {
-      a.value = t.value, Fe(() => l.value.focusInput());
+      a.value = t.value, pe(() => l.value.focusInput());
     }, p = () => {
       e(r.UPDATE, { ...t, value: a.value });
     };
@@ -401,32 +400,31 @@ const H = Rt.exports, It = (t) => t instanceof Array, pe = (t) => It(t) ? t.leng
     };
   }
 });
-var xt = function() {
+var Ut = 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 !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: function(a) {
     e.internalFilterValue = a;
   } } })], 1)]);
-}, Ot = [], Nt = /* @__PURE__ */ T(
-  $t,
-  xt,
-  Ot,
+}, Rt = [], It = /* @__PURE__ */ T(
+  Pt,
+  Ut,
+  Rt,
   !1,
   null,
-  "71b11e7e",
+  "dcb4820a",
   null,
   null
 );
-const Ie = Nt.exports, Vt = E({
+const Te = It.exports, kt = E({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: H,
-    BentoDatePicker: dt,
-    BentoDivider: Se,
-    Calendar: ft
+    BentoBaseFilter: j,
+    BentoDatePicker: st,
+    BentoDivider: Fe,
+    Calendar: ot
   },
-  inheritAttrs: !1,
   props: {
     isDateInput: { type: Boolean, default: !0 },
     /**
@@ -464,7 +462,7 @@ const Ie = Nt.exports, Vt = E({
   },
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
-    const { locale: l } = Y(void 0, !0), a = { de: Te, enUS: q, fr: Ee }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = z(
+    const { locale: l } = Y(void 0, !0), a = { de: Be, enUS: q, fr: he }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = z(
       P(t, "value"),
       P(t, "defaultValue")
     ), d = i(
@@ -501,21 +499,21 @@ const Ie = Nt.exports, Vt = E({
     };
   }
 });
-var Lt = function() {
+var $t = 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);
-}, Mt = [], wt = /* @__PURE__ */ T(
-  Vt,
-  Lt,
-  Mt,
+}, xt = [], Ot = /* @__PURE__ */ T(
+  kt,
+  $t,
+  xt,
   !1,
   null,
-  "ad16eafc",
+  "be131834",
   null,
   null
 );
-const ke = wt.exports, _e = {
+const Ee = Ot.exports, Nt = {
   "en-US": {
     clear: "Clear",
     apply: "Apply"
@@ -540,18 +538,17 @@ const ke = wt.exports, _e = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, qt = E({
-  i18n: { messages: _e },
+}, Vt = E({
+  i18n: { messages: Nt },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: H,
-    BentoButtonActions: lt,
-    BentoDateRangePicker: pt,
+    BentoBaseFilter: j,
+    BentoButtonActions: We,
+    BentoDateRangePicker: rt,
     BentoTypography: ne,
-    BentoDivider: Se,
-    DateRangePickerCalendar: _t
+    BentoDivider: Fe,
+    DateRangePickerCalendar: it
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -595,22 +592,22 @@ const ke = wt.exports, _e = {
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
     var U, k, N, $;
-    const { locale: l, t: a } = Y({ messages: _e }), n = { de: Te, enUS: q, fr: Ee }, { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: d } = z(
+    const { locale: l, t: a } = Y(), n = { de: Be, enUS: q, fr: he }, { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: d } = z(
       P(t, "value"),
       P(t, "defaultValue")
-    ), c = (h) => h ? K(h, de.NUMERIC_DATE_YEAR_FIRST, {
+    ), c = (B) => B ? K(B, de.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[l.value.substring(0, 2)] || q
-    }) : void 0, f = (h) => h ? K(h, de.HOUR_MINUTE_SECONDS, {
+    }) : void 0, f = (B) => B ? K(B, de.HOUR_MINUTE_SECONDS, {
       locale: n[l.value.substring(0, 2)] || q
-    }) : "", p = S(null), y = S(!1), F = he({
+    }) : "", p = A(null), y = A(!1), F = _e({
       startDate: c((U = t.value) == null ? void 0 : U.startDate),
       endDate: c((k = t.value) == null ? void 0 : k.endDate),
       startTime: f((N = t.value) == null ? void 0 : N.startDate),
       endTime: f(($ = t.value) == null ? void 0 : $.endDate)
     }), C = i(
       () => {
-        var h, L;
-        return ((h = t.value) == null ? void 0 : h.startDate) != null && ((L = t.value) == null ? void 0 : L.endDate) != null ? 1 : null;
+        var B, L;
+        return ((B = t.value) == null ? void 0 : B.startDate) != null && ((L = t.value) == null ? void 0 : L.endDate) != null ? 1 : null;
       }
     ), D = i(
       () => t.defaultValue === null ? t.label : `${K(t.value.startDate, "dd MMM, yyyy", {
@@ -620,7 +617,7 @@ const ke = wt.exports, _e = {
       })}`
     ), m = () => {
       p.value.closePopover();
-      const { onlySlot: h, ...L } = t;
+      const { onlySlot: B, ...L } = t;
       e(r.UPDATE, { ...L, value: s.value });
     }, _ = () => {
       s.value = { startDate: void 0, endDate: void 0 }, m();
@@ -628,10 +625,10 @@ const ke = wt.exports, _e = {
       s.value = t.defaultValue, m();
     }, b = () => {
       s.value = t.value;
-    }, v = (h) => {
-      s.value = h, F.startDate = c(h.startDate), F.endDate = c(h.endDate), e(r.INPUT, { ...t, value: s.value });
-    }, A = (h) => {
-      v(h), e(r.INPUT, { ...t, value: s.value });
+    }, v = (B) => {
+      s.value = B, F.startDate = c(B.startDate), F.endDate = c(B.endDate), e(r.INPUT, { ...t, value: s.value });
+    }, S = (B) => {
+      v(B), e(r.INPUT, { ...t, value: s.value });
     }, O = i(
       () => [
         {
@@ -658,7 +655,7 @@ const ke = wt.exports, _e = {
       isSecondaryButtonDisabled: u,
       buttonLabel: D,
       // Enum
-      BentoButtonActionsLayout: ge,
+      BentoButtonActionsLayout: ve,
       BentoTypographyElement: se,
       BentoTypographyVariant: oe,
       // Events
@@ -670,14 +667,14 @@ const ke = wt.exports, _e = {
       onDatePickerRangeError: () => {
         y.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(r.INPUT, { ...t, value: s.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (h) => {
-        y.value = !1, h.startTime && (F.startTime = h.startTime), h.endTime && (F.endTime = h.endTime);
+      onDatePickerRangeFormDateInputUpdate: (B) => {
+        y.value = !1, B.startTime && (F.startTime = B.startTime), B.endTime && (F.endTime = B.endTime);
       },
-      onDateInputSelected: A
+      onDateInputSelected: S
     };
   }
 });
-var Yt = function() {
+var Lt = function() {
   var a, n, s, u, d, c, f, p, y, F;
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", 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, controlled: !e.onlySlot, "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, "custom-range": (n = e.options) == null ? void 0 : n.quickSelectRanges, "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": (d = e.options) == null ? void 0 : d.numberOfMonths }, 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": (y = e.options) == null ? void 0 : y.maxRange, "number-of-months": (F = e.options) == null ? void 0 : F.numberOfMonths, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
@@ -685,32 +682,31 @@ var Yt = 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: e.BentoButtonActionsLayout.SPACE_BETWEEN } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, jt = [], Ht = /* @__PURE__ */ T(
-  qt,
-  Yt,
-  jt,
+}, Mt = [], wt = /* @__PURE__ */ T(
+  Vt,
+  Lt,
+  Mt,
   !1,
   null,
-  "b14f4451",
+  "326e7145",
   null,
   null
 );
-const $e = Ht.exports, be = {
+const De = wt.exports, qt = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, zt = E({
-  i18n: { messages: be },
+}, Yt = E({
+  i18n: { messages: qt },
   name: "bento-select-filter",
   components: {
-    BentoBaseFilter: H,
-    BentoDropdown: ut,
-    BentoListbox: bt,
+    BentoBaseFilter: j,
+    BentoDropdown: at,
+    BentoListbox: ut,
     BentoSearchBar: X
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -754,11 +750,11 @@ const $e = Ht.exports, be = {
     const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = z(
       P(t, "value"),
       P(t, "defaultValue")
-    ), { t: u, locale: d } = Y({ messages: be }), c = S(""), f = P(t, "options"), p = S(t.options.listboxItems);
+    ), { t: u, locale: d } = Y(), c = A(""), f = P(t, "options"), p = A(t.options.listboxItems);
     Z(f, () => {
       p.value = f.value.listboxItems;
     });
-    const y = Ae(
+    const y = me(
       c,
       p,
       (J = (G = t.options) == null ? void 0 : G.search) == null ? void 0 : J.searchEvent
@@ -770,8 +766,8 @@ const $e = Ht.exports, be = {
         const $ = t.value.length;
         if ($ === t.options.listboxItems.length)
           return (U = t == null ? void 0 : t.options) == null ? void 0 : U.messages[d.value].persistentButtonLabelAllSelected;
-        const h = (k = t == null ? void 0 : t.options) == null ? void 0 : k.messages[d.value].persistentButtonLabelPartiallySelected.split("|").map((L) => L.trim());
-        return $ === 1 ? h[0].replace("{count}", $) : h[1].replace("{count}", $);
+        const B = (k = t == null ? void 0 : t.options) == null ? void 0 : k.messages[d.value].persistentButtonLabelPartiallySelected.split("|").map((L) => L.trim());
+        return $ === 1 ? B[0].replace("{count}", $) : B[1].replace("{count}", $);
       }
       return W((N = t.options.listboxItems.find(({ value: $ }) => $ === t.value)) == null ? void 0 : N.label, 18);
     }), D = i(() => ae(`filter-listbox-${t.field}`)), m = (U) => {
@@ -788,7 +784,7 @@ const $e = Ht.exports, be = {
       c.value && (c.value = "");
     }, v = () => {
       a.value = t.defaultValue, _();
-    }, A = () => {
+    }, S = () => {
       a.value = null, _();
     };
     return {
@@ -810,7 +806,7 @@ const $e = Ht.exports, be = {
       // Search
       searchTerm: c,
       // Events
-      clearFilter: A,
+      clearFilter: S,
       closeFilter: b,
       onOptionSelected: m,
       openFilter: w,
@@ -819,7 +815,7 @@ const $e = Ht.exports, be = {
     };
   }
 });
-var Gt = function() {
+var Ht = function() {
   var a, n, s, u, d, c, f, p, y, F, 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(D, m) {
@@ -836,23 +832,22 @@ var Gt = function() {
       return [e._t(m, null, null, _)];
     } };
   })], null, !0) })]], 2);
-}, Jt = [], Kt = /* @__PURE__ */ T(
-  zt,
-  Gt,
-  Jt,
+}, jt = [], zt = /* @__PURE__ */ T(
+  Yt,
+  Ht,
+  jt,
   !1,
   null,
-  "56ab1739",
+  "ed650072",
   null,
   null
 );
-const I = Kt.exports, Wt = E({
+const I = zt.exports, Gt = E({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: I,
-    BentoAvatar: vt
+    BentoAvatar: ct
   },
-  inheritAttrs: !1,
   props: {
     ...I.props,
     /**
@@ -876,28 +871,27 @@ const I = Kt.exports, Wt = E({
     };
   }
 });
-var Qt = function() {
+var Jt = 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));
-}, Xt = [], Zt = /* @__PURE__ */ T(
-  Wt,
-  Qt,
-  Xt,
+}, Kt = [], Wt = /* @__PURE__ */ T(
+  Gt,
+  Jt,
+  Kt,
   !1,
   null,
   null,
   null,
   null
 );
-const xe = Zt.exports, el = E({
+const Pe = Wt.exports, Qt = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: I,
-    ListboxOptionTag: De
+    ListboxOptionTag: ge
   },
-  inheritAttrs: !1,
   props: {
     ...I.props,
     /**
@@ -923,28 +917,27 @@ const xe = Zt.exports, el = E({
     };
   }
 });
-var tl = function() {
+var Xt = 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));
-}, ll = [], al = /* @__PURE__ */ T(
-  el,
-  tl,
-  ll,
+}, Zt = [], el = /* @__PURE__ */ T(
+  Qt,
+  Xt,
+  Zt,
   !1,
   null,
   null,
   null,
   null
 );
-const Oe = al.exports, nl = E({
+const Ue = el.exports, tl = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: I,
-    BentoCountry: yt
+    BentoCountry: dt
   },
-  inheritAttrs: !1,
   props: {
     ...I.props,
     /**
@@ -961,7 +954,7 @@ const Oe = al.exports, nl = E({
   },
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
-    const l = P(t, "options"), { listboxItems: a, variant: n } = He(l.value), s = (c) => e(r.UPDATE, c), u = mt(n, a);
+    const l = P(t, "options"), { listboxItems: a, variant: n } = Le(l.value), s = (c) => e(r.UPDATE, c), u = ft(n, a);
     return {
       // Values
       countryOptions: i(() => ({
@@ -971,33 +964,32 @@ const Oe = al.exports, nl = E({
       // Methods
       onUpdate: s,
       // Enums
-      BentoCountryVariant: Pe,
+      BentoCountryVariant: Ce,
       BentoFilterEvent: r
     };
   }
 });
-var sl = function() {
+var ll = 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: e.BentoCountryVariant.CUSTOM } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, ol = [], rl = /* @__PURE__ */ T(
-  nl,
-  sl,
-  ol,
+}, al = [], nl = /* @__PURE__ */ T(
+  tl,
+  ll,
+  al,
   !1,
   null,
   null,
   null,
   null
 );
-const Ne = rl.exports, il = E({
+const Re = nl.exports, sl = E({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: I,
-    BentoPaymentMethod: Ft
+    BentoPaymentMethod: pt
   },
-  inheritAttrs: !1,
   props: {
     ...I.props,
     /**
@@ -1021,28 +1013,27 @@ const Ne = rl.exports, il = E({
     };
   }
 });
-var ul = function() {
+var ol = 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));
-}, cl = [], dl = /* @__PURE__ */ T(
-  il,
-  ul,
-  cl,
+}, rl = [], il = /* @__PURE__ */ T(
+  sl,
+  ol,
+  rl,
   !1,
   null,
   null,
   null,
   null
 );
-const Ve = dl.exports, fl = E({
+const Ie = il.exports, ul = E({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: I,
-    ListboxOptionTag: De
+    ListboxOptionTag: ge
   },
-  inheritAttrs: !1,
   props: {
     ...I.props,
     /**
@@ -1073,36 +1064,35 @@ const Ve = dl.exports, fl = E({
       // Methods
       onUpdate: l,
       // Enums
-      BentoCountryVariant: Pe,
+      BentoCountryVariant: Ce,
       BentoFilterEvent: r
     };
   }
 });
-var pl = function() {
+var cl = 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));
-}, _l = [], bl = /* @__PURE__ */ T(
-  fl,
-  pl,
-  _l,
+}, dl = [], fl = /* @__PURE__ */ T(
+  ul,
+  cl,
+  dl,
   !1,
   null,
   null,
   null,
   null
 );
-const Le = bl.exports, ve = {
+const ke = fl.exports, pl = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, vl = E({
+}, _l = E({
   name: "bento-boolean-filter",
-  i18n: { messages: ve },
-  components: { BentoBaseFilter: H, BentoRadioGroup: at },
-  inheritAttrs: !1,
+  i18n: { messages: pl },
+  components: { BentoBaseFilter: j, BentoRadioGroup: Qe },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1129,7 +1119,7 @@ const Le = bl.exports, ve = {
   },
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
-    const { t: l } = Y({ messages: ve }), a = i(() => [
+    const { t: l } = Y(), a = i(() => [
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
     ]), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = z(
@@ -1170,31 +1160,30 @@ const Le = bl.exports, ve = {
     };
   }
 });
-var yl = function() {
+var bl = 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 !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 }, on: { "update:model-value": e.onInput } })], 1)]);
-}, ml = [], Fl = /* @__PURE__ */ T(
+}, vl = [], yl = /* @__PURE__ */ T(
+  _l,
+  bl,
   vl,
-  yl,
-  ml,
   !1,
   null,
-  "f5641afc",
+  "20060291",
   null,
   null
 );
-const Me = Fl.exports, hl = {
+const $e = yl.exports, ml = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Bl = E({
+}, Fl = E({
   name: "bento-range-filter",
-  i18n: { messages: hl },
-  components: { BentoBaseFilter: H, BentoInputField: Ce },
-  inheritAttrs: !1,
+  i18n: { messages: ml },
+  components: { BentoBaseFilter: j, BentoInputField: ye },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1221,7 +1210,7 @@ const Me = Fl.exports, hl = {
   },
   emits: [r.INPUT, r.UPDATE],
   setup(t, { emit: e }) {
-    const l = S(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = z(
+    const l = A(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = z(
       P(t, "value"),
       P(t, "defaultValue")
     ), u = i(
@@ -1229,7 +1218,7 @@ const Me = Fl.exports, hl = {
     ), d = i(() => t.value.find((_) => _ !== "") ? 1 : null), c = i(() => ({
       ["b-range-filter--only-slot"]: t.onlySlot
     })), f = () => {
-      a.value = t.value, Fe(() => l.value.focusInput());
+      a.value = t.value, pe(() => l.value.focusInput());
     }, p = () => {
       e(r.INPUT, { ...t, value: a.value });
     }, y = (_) => {
@@ -1244,7 +1233,7 @@ const Me = Fl.exports, hl = {
     };
     return {
       // Enums
-      BentoInputFieldType: nt,
+      BentoInputFieldType: Xe,
       // Values
       inputTextRef: l,
       appliedFiltersCount: d,
@@ -1265,27 +1254,26 @@ const Me = Fl.exports, hl = {
     };
   }
 });
-var gl = function() {
+var Bl = 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 !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[0], type: e.BentoInputFieldType.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[1], type: e.BentoInputFieldType.NUMBER, "aria-label": e.$t("to").toString() }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.$t("to")) + " ")])], 1)]);
-}, Cl = [], Al = /* @__PURE__ */ T(
+}, hl = [], gl = /* @__PURE__ */ T(
+  Fl,
   Bl,
-  gl,
-  Cl,
+  hl,
   !1,
   null,
-  "6429a755",
+  "6289d233",
   null,
   null
 );
-const we = Al.exports;
+const xe = gl.exports;
 var ee = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(ee || {});
-const Sl = E({
+const Cl = E({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Ue },
-  inheritAttrs: !1,
+  components: { BaseFilterButton: Se },
   props: {
     /**
      * Button label to be displayed
@@ -1317,20 +1305,20 @@ const Sl = E({
     };
   }
 });
-var Tl = function() {
+var Sl = 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) + " ")]);
-}, El = [], Dl = /* @__PURE__ */ T(
+}, Al = [], Tl = /* @__PURE__ */ T(
+  Cl,
   Sl,
-  Tl,
-  El,
+  Al,
   !1,
   null,
-  "b0511274",
+  "53602c1c",
   null,
   null
 );
-const Pl = Dl.exports, ye = {
+const El = Tl.exports, Dl = {
   "en-US": {
     activeFilters: "Active filters",
     allFilters: "All filters",
@@ -1342,29 +1330,28 @@ const Pl = Dl.exports, ye = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, Ul = E({
-  i18n: { messages: ye },
+}, Pl = E({
+  i18n: { messages: Dl },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Pl,
-    BentoBooleanFilter: Me,
-    BentoButton: Be,
-    BentoDateFilter: ke,
-    BentoDateRangeFilter: $e,
-    BentoInputFilter: Ie,
-    BentoModal: ot,
-    BentoRangeFilter: we,
+    AllFiltersModalButton: El,
+    BentoBooleanFilter: $e,
+    BentoButton: be,
+    BentoDateFilter: Ee,
+    BentoDateRangeFilter: De,
+    BentoInputFilter: Te,
+    BentoModal: et,
+    BentoRangeFilter: xe,
     BentoSearchBar: X,
-    BentoSelectAvatarFilter: xe,
-    BentoSelectCurrencyFilter: Oe,
-    BentoSelectCountryFilter: Ne,
+    BentoSelectAvatarFilter: Pe,
+    BentoSelectCurrencyFilter: Ue,
+    BentoSelectCountryFilter: Re,
     BentoSelectFilter: I,
-    BentoSelectPaymentMethodFilter: Ve,
-    BentoSelectTagFilter: Le,
+    BentoSelectPaymentMethodFilter: Ie,
+    BentoSelectTagFilter: ke,
     BentoTypography: ne,
-    FilterBarFilterButton: Re
+    FilterBarFilterButton: Ae
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Array of filters based on {@see FilterBarModel}.
@@ -1393,7 +1380,7 @@ const Pl = Dl.exports, ye = {
   },
   emits: [ee.INPUT],
   setup(t, { emit: e }) {
-    const l = he({ value: t.value }), a = ae("all-filters-modal"), n = S([]), s = S(!1), u = S(0), d = S(null), c = S(""), { t: f } = Y({ messages: ye }), p = Ae(c, P(l, "value")), y = S({});
+    const l = _e({ value: t.value }), a = ae("all-filters-modal"), n = A([]), s = A(!1), u = A(0), d = A(null), c = A(""), { t: f } = Y(), p = me(c, P(l, "value")), y = A({});
     te(() => {
       y.value = [];
     }), Z(
@@ -1404,13 +1391,13 @@ const Pl = Dl.exports, ye = {
     );
     const F = (o) => (
       /* eslint-disable-next-line no-nested-ternary */
-      o.sort((B, g) => B.label > g.label ? 1 : g.label > B.label ? -1 : 0)
+      o.sort((h, g) => h.label > g.label ? 1 : g.label > h.label ? -1 : 0)
     ), C = i(
       () => F(
         p.value.filter(
           (o) => {
-            var B, g;
-            return Array.isArray(o.value) ? ((B = o.value) == null ? void 0 : B.length) && ((g = o.value) == null ? void 0 : g.find((V) => V !== "")) : o.value;
+            var h, g;
+            return Array.isArray(o.value) ? ((h = o.value) == null ? void 0 : h.length) && ((g = o.value) == null ? void 0 : g.find((V) => V !== "")) : o.value;
           }
         )
       )
@@ -1418,8 +1405,8 @@ const Pl = Dl.exports, ye = {
       () => F(
         p.value.filter(
           (o) => {
-            var B, g;
-            return Array.isArray(o.value) ? ((B = o.value) == null ? void 0 : B.length) === 0 || ((g = o.value) == null ? void 0 : g.every((V) => V === "")) : !o.value;
+            var h, g;
+            return Array.isArray(o.value) ? ((h = o.value) == null ? void 0 : h.length) === 0 || ((g = o.value) == null ? void 0 : g.every((V) => V === "")) : !o.value;
           }
         )
       )
@@ -1427,17 +1414,17 @@ const Pl = Dl.exports, ye = {
       var o;
       return c.value && ((o = p.value) == null ? void 0 : o.length) === 0;
     }), _ = i(() => l.value[u.value]), w = () => {
-      const o = C.value.length ? C.value[0] : D.value[0], B = l.value.findIndex(
+      const o = C.value.length ? C.value[0] : D.value[0], h = l.value.findIndex(
         (g) => g.label === o.label && g.field === o.field
       );
-      u.value = B;
+      u.value = h;
     };
-    ze(() => {
+    Me(() => {
       w();
     });
     const b = i(
       () => l.value.map((o) => {
-        var B, g, V, Q, re, ie;
+        var h, g, V, Q, re, ie;
         switch (o.type) {
           case R.SELECT:
           case R.SELECT_AVATAR:
@@ -1445,7 +1432,7 @@ const Pl = Dl.exports, ye = {
           case R.SELECT_CURRENCY:
           case R.SELECT_PAYMENT_METHOD:
           case R.SELECT_TAG:
-            switch ((B = o.options) == null ? void 0 : B.multiple) {
+            switch ((h = o.options) == null ? void 0 : h.multiple) {
               case !0:
                 return {
                   label: o.label,
@@ -1469,7 +1456,7 @@ const Pl = Dl.exports, ye = {
             return {
               label: o.label,
               field: o.field,
-              count: (ie = o.value) != null && ie.find((je) => je !== "") ? 1 : null
+              count: (ie = o.value) != null && ie.find((Ve) => Ve !== "") ? 1 : null
             };
           case R.INPUT:
           case R.BOOLEAN:
@@ -1485,29 +1472,29 @@ const Pl = Dl.exports, ye = {
     ), v = i(
       () => {
         var o;
-        return Array.isArray(_.value.value) ? ((o = _.value) == null ? void 0 : o.value.length) && _.value.value.find((B) => B !== "") : !!l.value[u.value].value;
+        return Array.isArray(_.value.value) ? ((o = _.value) == null ? void 0 : o.value.length) && _.value.value.find((h) => h !== "") : !!l.value[u.value].value;
       }
-    ), A = i(
+    ), S = i(
       () => {
         var o;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (o = b.value) == null ? void 0 : o.reduce((B, g) => B += g.count, 0)
+          (o = b.value) == null ? void 0 : o.reduce((h, g) => h += g.count, 0)
         );
       }
     ), O = () => {
       s.value ? s.value = !1 : s.value = !0;
-    }, G = (o) => b.value.find((B) => B.label === o).count, J = (o, B) => {
+    }, G = (o) => b.value.find((h) => h.label === o).count, J = (o, h) => {
       u.value = l.value.findIndex(
-        (g) => g.label === o && g.field === B
+        (g) => g.label === o && g.field === h
       );
     }, U = () => {
       c.value = "";
     }, k = () => {
       s.value = !1, l.value = t.value, U(), w();
     }, N = (o) => {
-      const B = l.value.map(({ value: g, ...V }, Q) => Q === u.value ? { value: o.value, ...V } : { value: g, ...V });
-      l.value = B;
+      const h = l.value.map(({ value: g, ...V }, Q) => Q === u.value ? { value: o.value, ...V } : { value: g, ...V });
+      l.value = h;
     }, $ = () => {
       N({
         field: _.value.field,
@@ -1515,19 +1502,19 @@ const Pl = Dl.exports, ye = {
         type: _.value.type,
         value: void 0
       });
-    }, h = () => {
-      l.value = l.value.map(({ value: o, ...B }) => ({
-        ...B,
+    }, B = () => {
+      l.value = l.value.map(({ value: o, ...h }) => ({
+        ...h,
         value: void 0
       }));
     }, L = () => {
       e(ee.INPUT, l.value), s.value = !1;
-    }, qe = i(
+    }, Oe = i(
       () => JSON.stringify(l.value) === JSON.stringify(t.value)
-    ), Ye = i(() => [
+    ), Ne = i(() => [
       {
         title: f("applyAll"),
-        disabled: qe.value,
+        disabled: Oe.value,
         event: L
       },
       {
@@ -1536,14 +1523,14 @@ const Pl = Dl.exports, ye = {
       },
       {
         title: f("clearAll"),
-        disabled: !A.value,
-        event: h
+        disabled: !S.value,
+        event: B
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: rt,
-      BentoModalSize: it,
+      BentoModalEvent: tt,
+      BentoModalSize: lt,
       BentoButtonVariant: le,
       BentoTypographyElement: se,
       BentoTypographyVariant: oe,
@@ -1551,13 +1538,13 @@ const Pl = Dl.exports, ye = {
       allFiltersModalUniqueId: a,
       allFiltersModalFiltersSection: n,
       allFiltersModalFilterButtons: y,
-      numberOfActiveFilters: A,
+      numberOfActiveFilters: S,
       isEmptyResultForSearchFilter: m,
       isModalOpen: s,
       isClearButtonEnabled: v,
       activeFilters: C,
       otherFilters: D,
-      modalActions: Ye,
+      modalActions: Ne,
       selectedFilter: _,
       selectedFilterRef: d,
       filters: l,
@@ -1572,7 +1559,7 @@ const Pl = Dl.exports, ye = {
       updateFilter: N,
       onSearchbarClear: U,
       onKeydownRight: () => {
-        ct(1, d.value.$el).focus();
+        nt(1, d.value.$el).focus();
       },
       onKeydownLeft: () => {
         y.value[_.value.label].$el.focus();
@@ -1580,7 +1567,7 @@ const Pl = Dl.exports, ye = {
     };
   }
 });
-var Rl = function() {
+var Ul = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-all-filters-modal" }, [l("filter-bar-filter-button", { attrs: { label: e.$t("allFilters").toString(), "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters }, on: { click: e.onClickAllFiltersModal } }), l("bento-modal", { staticClass: "'b-all-filters-modal__modal'", attrs: { "is-open": e.isModalOpen, "with-column-layout": !0, size: e.BentoModalSize.LARGE, actions: e.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": e.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
     return [e._v(" " + e._s(e.$t("allFilters")) + " ")];
@@ -1603,17 +1590,17 @@ var Rl = 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: e.BentoTypographyElement.DIV, variant: e.BentoTypographyVariant.TITLE, medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? l("bento-typography", { attrs: { el: e.BentoTypographyElement.DIV, variant: e.BentoTypographyVariant.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: e.BentoButtonVariant.SECONDARY, disabled: !e.isClearButtonEnabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.$t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
-}, Il = [], kl = /* @__PURE__ */ T(
+}, Rl = [], Il = /* @__PURE__ */ T(
+  Pl,
   Ul,
   Rl,
-  Il,
   !1,
   null,
-  "d72872d2",
+  "c7d27114",
   null,
   null
 );
-const $l = kl.exports, me = {
+const kl = Il.exports, $l = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -1623,25 +1610,24 @@ const $l = kl.exports, me = {
     searchBar: "Search bar"
   }
 }, xl = E({
-  i18n: { messages: me },
+  i18n: { messages: $l },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: $l,
-    BentoButton: Be,
-    BentoBooleanFilter: Me,
-    BentoDateFilter: ke,
-    BentoDateRangeFilter: $e,
-    BentoRangeFilter: we,
-    BentoInputFilter: Ie,
+    AllFiltersModal: kl,
+    BentoButton: be,
+    BentoBooleanFilter: $e,
+    BentoDateFilter: Ee,
+    BentoDateRangeFilter: De,
+    BentoRangeFilter: xe,
+    BentoInputFilter: Te,
     BentoSelectFilter: I,
-    BentoSelectAvatarFilter: xe,
-    BentoSelectCountryFilter: Ne,
-    BentoSelectCurrencyFilter: Oe,
-    BentoSelectPaymentMethodFilter: Ve,
-    BentoSelectTagFilter: Le,
+    BentoSelectAvatarFilter: Pe,
+    BentoSelectCountryFilter: Re,
+    BentoSelectCurrencyFilter: Ue,
+    BentoSelectPaymentMethodFilter: Ie,
+    BentoSelectTagFilter: ke,
     BentoSearchBar: X
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Search term useful to filter all the data by text.
@@ -1678,16 +1664,16 @@ const $l = kl.exports, me = {
   },
   emits: [
     M.INPUT,
-    j.CLEAR,
-    j.INPUT,
-    j.UPDATE
+    H.CLEAR,
+    H.INPUT,
+    H.UPDATE
   ],
   setup(t, { emit: e }) {
-    const { t: l } = Y({ messages: me }), a = st(), n = i(() => l("searchBar")), s = i(() => t.value.some(({ visible: v }) => v != null) ? t.value.some(({ visible: v }) => !v) : !1), u = i(
+    const { t: l } = Y(), a = Ze(), n = i(() => l("searchBar")), s = i(() => t.value.some(({ visible: v }) => v != null) ? t.value.some(({ visible: v }) => !v) : !1), u = i(
       () => t.value.filter(({ defaultValue: b }) => b !== void 0)
-    ), d = i(() => t.value.some(({ visible: v }) => v != null) ? t.value.filter(({ defaultValue: v, visible: A }) => v === void 0 && A) : t.value.filter(({ defaultValue: v }) => v === void 0)), c = i(() => t.searchTerm != null), f = i(
+    ), d = i(() => t.value.some(({ visible: v }) => v != null) ? t.value.filter(({ defaultValue: v, visible: S }) => v === void 0 && S) : t.value.filter(({ defaultValue: v }) => v === void 0)), c = i(() => t.searchTerm != null), f = i(
       () => t.value.filter(({ defaultValue: b }) => b == null).some(({ value: b }) => b != null)
-    ), p = i(() => u.value.length === 0 && f.value), y = i(() => u.value.length === 0 ? !1 : !t.value.filter(({ defaultValue: v }) => v !== void 0 || v !== null).every(({ value: v, defaultValue: A }) => JSON.stringify(v) === JSON.stringify(A)) || f.value);
+    ), p = i(() => u.value.length === 0 && f.value), y = i(() => u.value.length === 0 ? !1 : !t.value.filter(({ defaultValue: v }) => v !== void 0 || v !== null).every(({ value: v, defaultValue: S }) => JSON.stringify(v) === JSON.stringify(S)) || f.value);
     return {
       // Values
       hasHiddenFilters: s,
@@ -1704,11 +1690,11 @@ const $l = kl.exports, me = {
         e(M.INPUT, b);
       },
       updateFilterHandler: (b) => {
-        const v = t.value.findIndex((O) => O.field === b.field), A = t.value.slice();
-        A[v].value = b.value, e(M.INPUT, A);
+        const v = t.value.findIndex((O) => O.field === b.field), S = t.value.slice();
+        S[v].value = b.value, e(M.INPUT, S);
       },
       clearAllFilters: () => {
-        const b = t.value.slice(), v = t.value.map(({ value: A, ...O }) => ({
+        const b = t.value.slice(), v = t.value.map(({ value: S, ...O }) => ({
           ...O,
           value: void 0
         }));
@@ -1721,16 +1707,16 @@ const $l = kl.exports, me = {
         }), e(M.INPUT, v);
       },
       onSearchbarClear: () => {
-        e(j.CLEAR);
+        e(H.CLEAR);
       },
       onSearchbarInput: (b) => {
-        e(j.INPUT, b), e(j.UPDATE, b);
+        e(H.INPUT, b), e(H.UPDATE, b);
       },
       resetAllFilters: () => {
-        const b = t.value.slice(), v = t.value.map(({ defaultValue: A, ...O }) => ({
+        const b = t.value.slice(), v = t.value.map(({ defaultValue: S, ...O }) => ({
           ...O,
-          defaultValue: A,
-          value: A
+          defaultValue: S,
+          value: S
         }));
         a.addToast({
           text: l("filtersHaveBeenReset"),
@@ -1756,13 +1742,13 @@ var Ol = function() {
   Nl,
   !1,
   null,
-  "03de2d80",
+  "f9c04e11",
   null,
   null
 );
-const Ba = Vl.exports;
+const ha = Vl.exports;
 export {
-  Ba as BentoFilterBar,
+  ha as BentoFilterBar,
   M as BentoFilterBarEvent,
   r as BentoFilterEvent,
   R as BentoFilterItemType