@adyen/bento-vue2 1.12.0 → 1.13.1

package/dist/filter-bar.js

@@ -1,51 +1,52 @@
 import { n as E } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { onMounted as me, onUnmounted as je, defineComponent as P, useSlots as Ye, useAttrs as ze, computed as o, ref as I, watch as te, toRef as k, onBeforeUpdate as oe, reactive as he, toRefs as Je, nextTick as Ke } from "vue";
-import { a as de } from "./chunks/index.45aa17fc.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 { u as W } from "./chunks/i18n.eb5b985b.js";
 import { g as ie } from "./chunks/unique-id.a2a2b458.js";
-import { o as Ge } from "./chunks/on-click-outside.3e0c3e2a.js";
-import { i as Fe } from "./chunks/index.4c062058.js";
-import { B as le, d as We } from "./chunks/index.99a2184a.js";
-import { u as ge } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ce, a as fe } from "./chunks/base-button.1f07b7c1.js";
-import { g as Se } from "./chunks/get-slot-text.99c3d860.js";
-import { u as Ae } from "./chunks/use-has-slot.fbeb19ec.js";
-import { a as Be, C as De } from "./chunks/chevron-up.81185563.js";
-import { B as Ze } from "./chunks/tooltip.f91b2040.js";
-import { B as Qe } from "./chunks/directive.0408e565.js";
-import { BentoRadioGroup as Xe } from "./radio-group.js";
-import { BentoInputField as Te } from "./input-field.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 { S as Xe } from "./chunks/sidepanel.keys.3f8d69c1.js";
+import { B as le, d as et } from "./chunks/index.6ac01113.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 { 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 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 et } from "./chunks/toastController.fd667b68.js";
-import { BentoModal as tt } from "./modal.js";
-import { e as lt } from "./chunks/base-modal.9d63bdaf.js";
-import { a as at } from "./chunks/button.133f145e.js";
-import { B as nt, u as Ee } from "./chunks/dropdown.eaee22a3.js";
-import { g as st } from "./chunks/index.2cfe4a09.js";
-import { B as Pe } from "./chunks/index.3b7d40b7.js";
-import { BentoDatePicker as rt } from "./date-picker.js";
-import { f as G } from "./chunks/index.b38a191d.js";
-import { e as z, d as xe, f as $e } from "./chunks/index.f55fdc32.js";
-import { C as ot, i as it } from "./chunks/calendar.9a8605d1.js";
-import { B as ut, D as ct, i as be } from "./chunks/index.18773b0b.js";
-import { BentoButtonActions as dt } from "./button.js";
-import { D as _e } from "./chunks/date-input.9186a0bf.js";
-import { B as ft } from "./chunks/listbox.23c6b393.js";
-import { B as bt, L as Ie } from "./chunks/listbox-option-tag.168c794c.js";
-import { u as _t } from "./chunks/use-country-items.6b7985bf.js";
-import { BentoPaymentMethod as vt } from "./payment-method.js";
-import { R as pt } from "./chunks/refresh.71a03998.js";
-import { F as yt } from "./chunks/fixed-scroller.01fc96f7.js";
-import "./assets/index30.css";
-const mt = (t, e, l = {}) => {
+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 { BentoDatePicker as ut } from "./date-picker.js";
+import { f as z } from "./chunks/index.772a5595.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 { 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 { 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";
+const gt = (t, e, l = {}) => {
   let a;
-  me(() => {
-    a = Ge(t, e, l);
-  }), je(() => {
+  he(() => {
+    a = We(t, e, l);
+  }), Ye(() => {
     a && (a(), a = null);
   });
-}, ht = {}, Ft = /* @__PURE__ */ P({
-  ...ht,
+}, Ct = {}, St = /* @__PURE__ */ P({
+  ...Ct,
   __name: "filter-bar-button",
   props: {
     /**
@@ -75,40 +76,40 @@ const mt = (t, e, l = {}) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const l = t, a = Ye(), n = ze(), s = Ae(a), d = o(() => a.default ? Se(a)("default") : null), _ = ge({ ariaLabel: d }), c = I(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 = $(null), m = o(() => {
       var y;
       return {
         "aria-controls": (y = n["aria-controls"]) == null ? void 0 : y.toString()
       };
-    }), v = o(() => ({
+    }), p = o(() => ({
       "b-filter-bar-button--filter-open": l.isFilterOpen,
       "b-filter-bar-button--active": l.appliedFiltersCount || l.secondaryLabel || l.hasChevron,
       "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
       "b-filter-bar-button--with-chevron": l.hasChevron
     }));
-    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: d, computedAriaLabel: _, filterBarButtonRef: c, ariaAttributes: m, conditionalClasses: v, onClickButton: (y) => {
+    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: d, computedAriaLabel: v, filterBarButtonRef: c, ariaAttributes: m, conditionalClasses: p, onClickButton: (y) => {
       l.disabled || e("click", y);
-    }, BentoTypography: le, BaseButton: Ce, ChevronUpIcon: Be, ChevronDownIcon: De };
+    }, BentoTypography: le, BaseButton: Se, ChevronUpIcon: De, ChevronDownIcon: Te };
   }
 });
-var gt = function() {
+var At = function() {
   var e = this, l = e._self._c, a = e._self._setupProxy;
   return l(a.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: a.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": a.computedAriaLabel, "aria-controls": a.ariaAttributes["aria-controls"], type: "button" }, on: { click: a.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
     return [e.appliedFiltersCount && !e.hasChevron ? l(a.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? l("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? l(a.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : l(a.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
   }, proxy: !0 }]) }, [l("div", { staticClass: "b-filter-bar-button__container" }, [a.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), l("div", { staticClass: "b-filter-bar-button__label-container" }, [l(a.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? l(a.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, Ct = [], St = /* @__PURE__ */ E(
-  Ft,
-  gt,
-  Ct,
+}, Bt = [], Dt = /* @__PURE__ */ E(
+  St,
+  At,
+  Bt,
   !1,
   null,
   "c9ee4993",
   null,
   null
 );
-const ue = St.exports;
+const ue = Dt.exports;
 var i = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(i || {}), ee = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE_FILTER_VALUES = "update:filter-values", t))(ee || {}), N = /* @__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))(N || {}), q = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(q || {});
-const At = {
+const Tt = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -134,7 +135,7 @@ const At = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Bt = P({
+}, Et = P({
   name: "teleport",
   props: {
     to: {
@@ -153,7 +154,7 @@ const At = {
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: Fe
+    isVue2: ge
   }),
   computed: {
     classes() {
@@ -227,34 +228,34 @@ const At = {
       return this.$vnode.componentOptions.children.map((t) => t.elm).filter((t) => t);
     }
   }
-}), Dt = /* @__PURE__ */ P({
-  ...Bt,
+}), Pt = /* @__PURE__ */ P({
+  ...Et,
   setup(t) {
-    return { __sfc: !0, isVue2: Fe };
+    return { __sfc: !0, isVue2: ge };
   }
 });
-var Tt = function() {
+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);
-}, Et = [], Pt = /* @__PURE__ */ E(
-  Dt,
-  Tt,
-  Et,
+}, xt = [], $t = /* @__PURE__ */ E(
+  Pt,
+  It,
+  xt,
   !1,
   null,
   "247f6a5d",
   null,
   null
 );
-const xt = Pt.exports, $t = P({
-  i18n: { messages: At },
+const Rt = $t.exports, Ut = P({
+  i18n: { messages: Tt },
   name: "bento-base-filter",
   components: {
-    BentoPopover: de,
-    BentoTeleport: xt,
+    BentoPopover: fe,
+    BentoTeleport: Rt,
     FilterBarButton: ue
   },
-  directives: { BentoClickOutsideDirective: Qe },
+  directives: { BentoClickOutsideDirective: lt },
   props: {
     /**
      * Total count of applied filters
@@ -305,7 +306,7 @@ const xt = Pt.exports, $t = P({
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: de.props.fitContent
+    fitContent: fe.props.fitContent
   },
   emits: [
     q.APPLY,
@@ -315,11 +316,11 @@ const xt = Pt.exports, $t = P({
     q.RESET
   ],
   setup(t, { emit: e }) {
-    const { t: l } = W(), a = ie("base-filter-popover"), n = I(!1), s = I(null), d = I(null), _ = o(() => t.defaultValue !== null), c = () => {
+    const { t: l } = W(), a = ie("base-filter-popover"), n = $(!1), s = $(null), d = $(null), v = o(() => t.defaultValue !== null), c = () => {
       n.value && (n.value = !1, e(q.CLOSE));
     }, m = () => {
-      c(), _.value ? e(q.RESET) : e(q.CLEAR);
-    }, v = () => c(), F = () => {
+      c(), v.value ? e(q.RESET) : e(q.CLEAR);
+    }, p = () => c(), F = () => {
       n.value ? c() : (n.value = !0, e(q.OPEN));
     }, y = () => {
       c(), e(q.APPLY);
@@ -330,30 +331,35 @@ const xt = Pt.exports, $t = P({
         disabled: t.disableApplyButton
       },
       {
-        title: _.value ? l("reset") : l("clear"),
+        title: v.value ? l("reset") : l("clear"),
         event: m,
         disabled: t.disableSecondaryButton
       }
     ]);
-    return te(
+    te(
       () => n.value,
-      (T, A) => {
-        var h, B;
-        !T && A && (B = (h = s.value) == null ? void 0 : h.filterBarButtonRef) != null && B.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (h, D) => {
+        var R, _;
+        !h && D && (_ = (R = s.value) == null ? void 0 : R.filterBarButtonRef) != null && _.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), mt(d, v, { ignore: [s] }), {
+    ), gt(d, p, { ignore: [s] });
+    let A = de(Ze, "body");
+    A = A === "body" ? de(Xe, "body") : A;
+    const S = A !== "body" ? `#${A}` : "body";
+    return {
       // Values
       actions: g,
       popoverId: a,
+      teleportElement: S,
       isFilterOpen: n,
-      isPersistentFilter: _,
+      isPersistentFilter: v,
       // Enums
-      BentoTooltipPosition: Ze,
+      BentoTooltipPosition: tt,
       // Events
       onClickFilter: F,
       onClickApply: y,
       onClickSecondaryAction: m,
-      onClickOutside: v,
+      onClickOutside: p,
       closePopover: c,
       // Refs
       filterButtonRef: s,
@@ -361,47 +367,47 @@ const xt = Pt.exports, $t = P({
     };
   }
 });
-var It = function() {
+var kt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, e.onlySlot ? l("div", [e._t("default")], 2) : l("div", { staticClass: "b-base-filter" }, [l("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-controls": e.isFilterOpen ? e.popoverId : null, "has-chevron": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "applied-filters-count": e.appliedFiltersCount, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
-  } } }, [e._v(" " + e._s(e.buttonLabel || e.label) + " ")]), l("bento-teleport", { attrs: { to: "body" } }, [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) {
+  } } }, [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)], 1);
-}, Ut = [], Rt = /* @__PURE__ */ E(
-  $t,
-  It,
+  } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
+}, Vt = [], Lt = /* @__PURE__ */ E(
   Ut,
+  kt,
+  Vt,
   !1,
   null,
-  "c4901c1d",
+  "2299c307",
   null,
   null
 );
-const Q = Rt.exports, kt = (t) => t instanceof Array, ve = (t) => kt(t) ? t.length === 0 || t.every((e) => e === "") : !t, pe = (t, e) => JSON.stringify(t) === JSON.stringify(e), X = (t, e) => {
-  const l = I(t.value);
+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);
   te(
     () => t.value,
     () => {
       l.value = t.value;
     }
   );
-  const a = o(() => ve(t.value)), n = o(
-    () => e.value !== null ? pe(e.value, t.value) : a.value
-  ), s = o(() => pe(l.value, t.value) || ve(l.value) && a.value);
+  const a = o(() => pe(t.value)), n = o(
+    () => e.value !== null ? ye(e.value, t.value) : a.value
+  ), s = o(() => ye(l.value, t.value) || pe(l.value) && a.value);
   return {
     internalFilterValue: l,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: s
   };
-}, K = (t, e) => {
+}, 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;
-}, Vt = P({
+}, Nt = P({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: Q,
-    BentoInputField: Te
+    BentoInputField: Ee
   },
   props: {
     /**
@@ -429,29 +435,29 @@ const Q = Rt.exports, kt = (t) => t instanceof Array, ve = (t) => kt(t) ? t.leng
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = I(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
-    ), d = o(() => t.defaultValue === null ? t.label : K(t.value, 18)), _ = o(
-      () => t.defaultValue === null ? K(t.value, 12) : null
+    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      V(t, "value"),
+      V(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(() => ({
       ["b-input-filter--only-slot"]: t.onlySlot
     }));
     oe(() => {
       a.value === "" && (a.value = null);
     }), te(l, () => {
-      var A;
-      (A = l.value) == null || A.focusInput();
+      var S;
+      (S = l.value) == null || S.focusInput();
     });
     const m = () => {
       a.value = t.value;
-    }, v = () => {
+    }, p = () => {
       !a.value && t.defaultValue !== null && (a.value = t.defaultValue), e(i.UPDATE, { ...t, value: a.value });
     };
     return {
       // Values
       buttonLabel: d,
-      buttonSecondaryLabel: _,
+      buttonSecondaryLabel: v,
       conditionalClasses: c,
       internalFilterValue: a,
       isApplyButtonDisabled: s,
@@ -459,43 +465,43 @@ const Q = Rt.exports, kt = (t) => t instanceof Array, ve = (t) => kt(t) ? t.leng
       // Refs
       inputTextRef: l,
       // Events
-      updateFilter: v,
+      updateFilter: p,
       clearFilter: () => {
-        a.value = null, v();
+        a.value = null, p();
       },
       openFilter: m,
       resetFilter: () => e(i.UPDATE, { ...t, value: t.defaultValue }),
       onInput: () => {
         e(i.INPUT, { ...t, value: a.value });
       },
-      setInternalFilterValue: (A) => {
-        a.value = A;
+      setInternalFilterValue: (S) => {
+        a.value = S;
       }
     };
   }
 });
-var Lt = function() {
+var wt = function() {
   var e = this, l = e._self._c;
   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)]);
-}, Ot = [], Nt = /* @__PURE__ */ E(
-  Vt,
-  Lt,
-  Ot,
+}, Mt = [], Ht = /* @__PURE__ */ E(
+  Nt,
+  wt,
+  Mt,
   !1,
   null,
   "93dbdf1c",
   null,
   null
 );
-const Ue = Nt.exports, wt = P({
+const Ue = Ht.exports, qt = P({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Q,
-    BentoDatePicker: rt,
-    BentoDivider: Pe,
-    Calendar: ot
+    BentoDatePicker: ut,
+    BentoDivider: Ie,
+    Calendar: ct
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -534,26 +540,26 @@ const Ue = Nt.exports, wt = P({
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const { locale: l } = W(void 0, !0), a = { de: xe, enUS: z, fr: $e }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
-    ), _ = o(
-      () => t.value ? G(t.value, "dd MMM, yyyy", {
-        locale: a[l.value.substring(0, 2)] || z
+    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")
+    ), v = o(
+      () => t.value ? z(t.value, "dd MMM, yyyy", {
+        locale: a[l.value.substring(0, 2)] || J
       }) : null
     ), c = o(
-      () => t.defaultValue === null ? t.label : _.value
+      () => t.defaultValue === null ? t.label : v.value
     ), m = o(
-      () => t.defaultValue === null ? _.value : null
-    ), v = () => {
+      () => t.defaultValue === null ? v.value : null
+    ), p = () => {
       e(i.UPDATE, { ...t, value: n.value });
     }, F = () => {
-      n.value = null, v();
+      n.value = null, p();
     }, y = () => {
-      n.value = t.defaultValue, v();
+      n.value = t.defaultValue, p();
     }, g = () => {
       n.value = t.value;
-    }, T = (h) => {
+    }, A = (h) => {
       n.value = h, e(i.INPUT, { ...t, value: n.value });
     };
     return {
@@ -565,31 +571,31 @@ const Ue = Nt.exports, wt = P({
       buttonSecondaryLabel: m,
       // Events
       clearFilter: F,
-      onDateSelected: T,
+      onDateSelected: A,
       openFilter: g,
-      updateFilter: v,
+      updateFilter: p,
       resetFilter: y,
       onDateInputSelected: (h) => {
-        n.value = h, T(h), v();
+        n.value = h, A(h), p();
       }
     };
   }
 });
-var Mt = function() {
+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);
-}, Ht = [], qt = /* @__PURE__ */ E(
-  wt,
-  Mt,
-  Ht,
+}, Yt = [], Jt = /* @__PURE__ */ E(
+  qt,
+  jt,
+  Yt,
   !1,
   null,
   "3a27d7af",
   null,
   null
 );
-const Re = qt.exports, jt = {
+const ke = Jt.exports, Kt = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -615,16 +621,16 @@ const Re = qt.exports, jt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Yt = P({
-  i18n: { messages: jt },
+}, Gt = P({
+  i18n: { messages: Kt },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: Q,
-    BentoButtonActions: dt,
-    BentoDateRangePicker: ut,
+    BentoButtonActions: _t,
+    BentoDateRangePicker: ft,
     BentoTypography: le,
-    BentoDivider: Pe,
-    DateRangePickerCalendar: ct
+    BentoDivider: Ie,
+    DateRangePickerCalendar: bt
   },
   props: {
     /**
@@ -669,52 +675,52 @@ const Re = qt.exports, jt = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    var x, D, O, $;
-    const { locale: l, t: a } = W(), n = { de: xe, enUS: z, fr: $e }, { internalFilterValue: s, isSecondaryButtonDisabled: d, isApplyButtonDisabled: _ } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
-    ), c = (b) => b ? G(b, _e.NUMERIC_DATE_YEAR_FIRST, {
-      locale: n[l.value.substring(0, 2)] || z
-    }) : void 0, m = (b) => b ? G(b, _e.HOUR_MINUTE_SECONDS, {
-      locale: n[l.value.substring(0, 2)] || z
-    }) : "", v = I(null), F = I(!1), y = he({
-      startDate: c((x = t.value) == null ? void 0 : x.startDate),
-      endDate: c((D = t.value) == null ? void 0 : D.endDate),
+    var I, T, O, x;
+    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, {
+      locale: n[l.value.substring(0, 2)] || J
+    }) : void 0, m = (b) => b ? z(b, 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(($ = t.value) == null ? void 0 : $.endDate)
+      endTime: m((x = t.value) == null ? void 0 : x.endDate)
     }), g = o(() => {
-      var b, M, ne, se, r, C, S, R;
+      var b, M, ne, se, r, C, B, k;
       if (!((b = t.value) != null && b.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(
-          ({ data: H }) => be(H == null ? void 0 : H.startDate, t.value.startDate) && be(H == null ? void 0 : H.endDate, t.value.endDate)
+          ({ data: H }) => _e(H == null ? void 0 : H.startDate, t.value.startDate) && _e(H == null ? void 0 : H.endDate, t.value.endDate)
         );
         if (j)
           return j.label;
       }
-      return it((C = t.value) == null ? void 0 : C.startDate, (S = t.value) == null ? void 0 : S.endDate) && ((R = t == null ? void 0 : t.options) != null && R.allowTimeInput) ? `${G(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: n[l.value.substring(0, 2)] || z
-      })} - ${G(t.value.endDate, "HH:mm:ss", {
-        locale: n[l.value.substring(0, 2)] || z
-      })}` : `${G(t.value.startDate, "dd MMM, yyyy", {
-        locale: n[l.value.substring(0, 2)] || z
-      })} - ${G(t.value.endDate, "dd MMM, yyyy", {
-        locale: n[l.value.substring(0, 2)] || z
+      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", {
+        locale: n[l.value.substring(0, 2)] || J
+      })} - ${z(t.value.endDate, "HH:mm:ss", {
+        locale: n[l.value.substring(0, 2)] || J
+      })}` : `${z(t.value.startDate, "dd MMM, yyyy", {
+        locale: n[l.value.substring(0, 2)] || J
+      })} - ${z(t.value.endDate, "dd MMM, yyyy", {
+        locale: n[l.value.substring(0, 2)] || J
       })}`;
-    }), T = o(
+    }), A = o(
       () => t.defaultValue === null ? t.label : g.value
-    ), A = o(
+    ), S = o(
       () => t.defaultValue === null ? g.value : null
     ), h = () => {
-      v.value.closePopover();
+      p.value.closePopover();
       const { onlySlot: b, ...M } = t;
       e(i.UPDATE, { ...M, value: s.value });
-    }, B = () => {
+    }, D = () => {
       s.value = void 0, h();
-    }, V = () => {
+    }, R = () => {
       s.value = t.defaultValue, h();
-    }, p = () => {
+    }, _ = () => {
       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 });
@@ -727,29 +733,29 @@ const Re = qt.exports, jt = {
         {
           title: a("apply"),
           event: h,
-          disabled: F.value || _.value
+          disabled: F.value || v.value
         },
         {
           title: t.defaultValue ? a("reset") : a("clear"),
-          event: t.defaultValue ? V : B,
+          event: t.defaultValue ? R : D,
           disabled: F.value && d.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: v,
+      baseFilter: p,
       // Values
       actions: Y,
       formData: y,
       internalFilterValue: s,
-      isApplyButtonDisabled: _,
+      isApplyButtonDisabled: v,
       isSecondaryButtonDisabled: d,
-      buttonLabel: T,
-      buttonSecondaryLabel: A,
+      buttonLabel: A,
+      buttonSecondaryLabel: S,
       // Events
       onDateSelected: u,
-      openFilter: p,
+      openFilter: _,
       updateFilter: h,
       onDatePickerRangeError: () => {
         F.value = !0, s.value = { startDate: void 0, endDate: void 0 }, e(i.INPUT, { ...t, value: s.value });
@@ -763,37 +769,37 @@ const Re = qt.exports, jt = {
   }
 });
 var zt = function() {
-  var a, n, s, d, _, c, m, v, F, y, g;
+  var a, n, s, d, v, c, m, p, F, y, g, A, S, h;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (d = e.options) == null ? void 0 : d.numberOfMonths, "quick-select-ranges": (_ = e.options) == null ? void 0 : _.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (c = e.options) == null ? void 0 : c.allowTimeInput, "first-day-of-week": (m = e.options) == null ? void 0 : m.firstDayOfWeek, "is-date-disabled": (v = e.options) == null ? void 0 : v.isDateDisabled, "max-range": (F = e.options) == null ? void 0 : F.maxRange, "number-of-months": (y = e.options) == null ? void 0 : y.numberOfMonths, "quick-select-ranges": (g = e.options) == null ? void 0 : g.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
+  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (d = e.options) == null ? void 0 : d.numberOfMonths, "quick-select-ranges": (v = e.options) == null ? void 0 : v.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (c = e.options) == null ? void 0 : c.allowTimeInput, "first-day-of-week": (m = e.options) == null ? void 0 : m.firstDayOfWeek, "is-date-disabled": (p = e.options) == null ? void 0 : p.isDateDisabled, granularities: (F = e.options) == null ? void 0 : F.granularities, "max-range": (y = e.options) == null ? void 0 : y.maxRange, min: (g = e.options) == null ? void 0 : g.min, max: (A = e.options) == null ? void 0 : A.max, "number-of-months": (S = e.options) == null ? void 0 : S.numberOfMonths, "quick-select-ranges": (h = e.options) == null ? void 0 : h.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [l("bento-divider", { staticClass: "b-date-range-filter__divider" }), l("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, Jt = [], Kt = /* @__PURE__ */ E(
-  Yt,
+}, Wt = [], Zt = /* @__PURE__ */ E(
+  Gt,
   zt,
-  Jt,
+  Wt,
   !1,
   null,
-  "be19ef58",
+  "9e65f9e4",
   null,
   null
 );
-const ke = Kt.exports, Gt = {
+const Ve = Zt.exports, Qt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Wt = P({
-  i18n: { messages: Gt },
+}, Xt = P({
+  i18n: { messages: Qt },
   name: "bento-select-filter",
   components: {
     BentoBaseFilter: Q,
-    BentoDropdown: nt,
-    BentoListbox: ft,
+    BentoDropdown: ot,
+    BentoListbox: vt,
     BentoSearchBar: ae
   },
   props: {
@@ -835,133 +841,133 @@ const ke = Kt.exports, Gt = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e, slots: l }) {
-    var Y, J;
+    var Y, K;
     const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
-    ), { t: d, locale: _ } = W(), c = I(""), m = k(t, "options"), v = I(t.options.listboxItems);
+      V(t, "value"),
+      V(t, "defaultValue")
+    ), { t: d, locale: v } = W(), c = $(""), m = V(t, "options"), p = $(t.options.listboxItems);
     te(m, () => {
-      v.value = m.value.listboxItems;
+      p.value = m.value.listboxItems;
     });
-    const F = Ee(
+    const F = Pe(
       c,
-      v,
-      (J = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : J.searchEvent
+      p,
+      (K = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : K.searchEvent
     ), y = o(() => d("noFiltersMatchThisSearch")), g = o(() => {
-      var L, x, D, O;
+      var L, I, T, O;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const $ = (L = t.value) == null ? void 0 : L.length;
-        if ($ === t.options.listboxItems.length)
-          return (x = t == null ? void 0 : t.options) == null ? void 0 : x.messages[_.value].persistentButtonLabelAllSelected;
-        const b = (D = t == null ? void 0 : t.options) == null ? void 0 : D.messages[_.value].persistentButtonLabelPartiallySelected.split("|").map((M) => M.trim());
-        return $ === 1 ? b[0].replace("{count}", $) : b[1].replace("{count}", $);
+        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);
       }
-      return K((O = t.options.listboxItems.find(({ value: $ }) => $ === t.value)) == null ? void 0 : O.label, 18);
-    }), T = o(() => {
-      var L, x;
+      return G((O = t.options.listboxItems.find(({ value: x }) => x === t.value)) == null ? void 0 : O.label, 18);
+    }), A = o(() => {
+      var L, I;
       if (t.defaultValue === null && (!t.options.multiple || ((L = t.value) == null ? void 0 : L.length) === 1)) {
         if (t.options.staticCategories) {
-          const D = t.options.listboxItems.find(
-            ($) => $.items.some((b) => b.value === t.value)
+          const T = t.options.listboxItems.find(
+            (x) => x.items.some((b) => b.value === t.value)
           );
-          return D ? D.items.find(($) => $.value === t.value).label : null;
+          return T ? T.items.find((x) => x.value === t.value).label : null;
         }
-        return K(
-          (x = t.options.listboxItems.find(
-            ({ value: D }) => {
+        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(D) : D === t.value;
+              return Array.isArray(t.value) ? (O = t == null ? void 0 : t.value) == null ? void 0 : O.includes(T) : T === t.value;
             }
-          )) == null ? void 0 : x.label,
+          )) == null ? void 0 : I.label,
           12
         );
       }
       return null;
-    }), A = o(() => ie(`filter-listbox-${t.field}`)), h = (L) => {
+    }), S = o(() => ie(`filter-listbox-${t.field}`)), h = (L) => {
       a.value = L;
-      const { onlySlot: x, ...D } = t;
-      e(i.INPUT, { ...D, value: a.value });
-    }, B = () => {
-      var D;
-      t.options.multiple && a.value && ((D = a.value) == null ? void 0 : D.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
-      const { onlySlot: L, ...x } = t;
-      e(i.UPDATE, { ...x, value: a.value });
-    }, V = () => {
+      const { onlySlot: I, ...T } = t;
+      e(i.INPUT, { ...T, 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 = () => {
       a.value = t.value;
-    }, p = () => {
+    }, _ = () => {
       c.value && (c.value = "");
     }, u = () => {
-      a.value = t.defaultValue, B();
+      a.value = t.defaultValue, D();
     }, f = () => {
-      a.value = null, B();
+      a.value = null, D();
     };
     return {
       // Values
       appliedFiltersCount: o(() => {
-        var D, O;
+        var T, O;
         if (t.value == null || t.defaultValue !== null || !t.options.multiple)
           return null;
-        const L = (D = t.options.listboxItems) == null ? void 0 : D.reduce(($, b) => {
+        const L = (T = t.options.listboxItems) == null ? void 0 : T.reduce((x, b) => {
           var M;
-          return $ += (M = b == null ? void 0 : b.items) != null && M.length ? b.items.length : 1, $;
-        }, 0), x = (O = t.value) == null ? void 0 : O.length;
-        return x === 1 ? null : x === L ? d("all") : x;
+          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;
       }),
       filteredItems: F,
       internalFilterValue: a,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: n,
-      listboxFilterId: A,
+      listboxFilterId: S,
       noResultsMessage: y,
       slots: l,
       buttonLabel: g,
-      buttonSecondaryLabel: T,
+      buttonSecondaryLabel: A,
       // Search
       searchTerm: c,
       // Events
       clearFilter: f,
-      closeFilter: p,
+      closeFilter: _,
       onOptionSelected: h,
-      openFilter: V,
-      updateFilter: B,
+      openFilter: R,
+      updateFilter: D,
       resetFilter: u
     };
   }
 });
-var Zt = function() {
-  var a, n, s, d, _, c, m, v, F, y, g, T, A, h, B, V;
+var el = function() {
+  var a, n, s, d, v, c, m, p, F, y, g, A, S, h, D, R;
   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(p, 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(_, 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": (_ = (d = e.options) == null ? void 0 : d.search) == null ? void 0 : _.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(p) {
-    e.searchTerm = p;
-  } } })], 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": (v = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : v.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: (A = (T = e.options) == null ? void 0 : T.lazy) == null ? void 0 : A.loading, multiple: (h = e.options) == null ? void 0 : h.multiple, "static-categories": (B = e.options) == null ? void 0 : B.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (V = e.options) == null ? void 0 : V.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(p) {
+  })], 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(_) {
     var u, f;
     (f = (u = e.options) == null ? void 0 : u.lazy) == null || f.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(e.slots, function(p, u) {
+  } }, scopedSlots: e._u([e._l(e.slots, function(_, u) {
     return { key: u, fn: function(f) {
       return [e._t(u, null, null, f)];
     } };
   })], null, !0) })]], 2);
-}, Qt = [], Xt = /* @__PURE__ */ E(
-  Wt,
-  Zt,
-  Qt,
+}, tl = [], ll = /* @__PURE__ */ E(
+  Xt,
+  el,
+  tl,
   !1,
   null,
   "c252100d",
   null,
   null
 );
-const w = Xt.exports, el = P({
+const w = ll.exports, al = P({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: w,
-    BentoAvatar: bt
+    BentoAvatar: pt
   },
   props: {
     ...w.props,
@@ -986,26 +992,26 @@ const w = Xt.exports, el = P({
     };
   }
 });
-var tl = function() {
+var nl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a, data: n }) {
     return [l("bento-avatar", { attrs: { username: a, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, ll = [], al = /* @__PURE__ */ E(
-  el,
-  tl,
-  ll,
+}, sl = [], rl = /* @__PURE__ */ E(
+  al,
+  nl,
+  sl,
   !1,
   null,
   null,
   null,
   null
 );
-const Ve = al.exports, nl = P({
+const Le = rl.exports, ol = P({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
-    ListboxOptionTag: Ie
+    ListboxOptionTag: Re
   },
   props: {
     ...w.props,
@@ -1032,22 +1038,22 @@ const Ve = al.exports, nl = P({
     };
   }
 });
-var sl = function() {
+var il = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, 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));
-}, rl = [], ol = /* @__PURE__ */ E(
-  nl,
-  sl,
-  rl,
+}, ul = [], cl = /* @__PURE__ */ E(
+  ol,
+  il,
+  ul,
   !1,
   null,
   null,
   null,
   null
 );
-const Le = ol.exports, il = P({
+const Oe = cl.exports, dl = P({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
@@ -1069,17 +1075,17 @@ const Le = ol.exports, il = P({
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = k(t, "options"), { listboxItems: a, variant: n } = Je(l.value), s = (c) => e(i.UPDATE, c), d = _t(n, a), _ = o(() => ({
+    const l = V(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
     }));
-    return (!n || n.value === "custom") && We(
+    return (!n || n.value === "custom") && et(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
     ), {
       // Values
-      countryOptions: _,
+      countryOptions: v,
       // Methods
       onUpdate: s,
       // Enums
@@ -1087,26 +1093,26 @@ const Le = ol.exports, il = P({
     };
   }
 });
-var ul = function() {
+var fl = 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 }) {
     return [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(a))])];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, cl = [], dl = /* @__PURE__ */ E(
-  il,
-  ul,
-  cl,
+}, bl = [], _l = /* @__PURE__ */ E(
+  dl,
+  fl,
+  bl,
   !1,
   null,
   null,
   null,
   null
 );
-const Oe = dl.exports, fl = P({
+const Ne = _l.exports, vl = P({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: w,
-    BentoPaymentMethod: vt
+    BentoPaymentMethod: mt
   },
   props: {
     ...w.props,
@@ -1131,26 +1137,26 @@ const Oe = dl.exports, fl = P({
     };
   }
 });
-var bl = function() {
+var pl = 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));
-}, _l = [], vl = /* @__PURE__ */ E(
-  fl,
-  bl,
-  _l,
+}, yl = [], ml = /* @__PURE__ */ E(
+  vl,
+  pl,
+  yl,
   !1,
   null,
   null,
   null,
   null
 );
-const Ne = vl.exports, pl = P({
+const we = ml.exports, hl = P({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
-    ListboxOptionTag: Ie
+    ListboxOptionTag: Re
   },
   props: {
     ...w.props,
@@ -1170,7 +1176,7 @@ const Ne = vl.exports, pl = P({
     const l = (s) => e(i.UPDATE, s), a = o(
       () => {
         var s, d;
-        return (d = (s = t == null ? void 0 : t.options) == null ? void 0 : s.listboxItems) == null ? void 0 : d.map(({ label: _, value: c, variant: m }) => ({ label: _, value: c, data: m }));
+        return (d = (s = t == null ? void 0 : t.options) == null ? void 0 : s.listboxItems) == null ? void 0 : d.map(({ label: v, value: c, variant: m }) => ({ label: v, value: c, data: m }));
       }
     );
     return {
@@ -1186,30 +1192,30 @@ const Ne = vl.exports, pl = P({
     };
   }
 });
-var yl = function() {
+var Fl = 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));
-}, ml = [], hl = /* @__PURE__ */ E(
-  pl,
-  yl,
-  ml,
+}, gl = [], Cl = /* @__PURE__ */ E(
+  hl,
+  Fl,
+  gl,
   !1,
   null,
   null,
   null,
   null
 );
-const we = hl.exports, Fl = {
+const Me = Cl.exports, Sl = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, gl = P({
+}, Al = P({
   name: "bento-boolean-filter",
-  i18n: { messages: Fl },
-  components: { BentoBaseFilter: Q, BentoRadioGroup: Xe },
+  i18n: { messages: Sl },
+  components: { BentoBaseFilter: Q, BentoRadioGroup: at },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1249,14 +1255,14 @@ const we = hl.exports, Fl = {
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
     ]), { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
-    ), _ = o(
-      () => t.defaultValue === null ? t.label : K(a.value.find(({ value: A }) => A === t.value).label, 18)
+      V(t, "value"),
+      V(t, "defaultValue")
+    ), v = o(
+      () => t.defaultValue === null ? t.label : G(a.value.find(({ value: S }) => S === t.value).label, 18)
     ), c = o(
       () => {
-        var A;
-        return t.defaultValue === null ? K((A = a.value.find(({ value: h }) => h === t.value)) == null ? void 0 : A.label, 12) : null;
+        var S;
+        return t.defaultValue === null ? G((S = a.value.find(({ value: h }) => h === t.value)) == null ? void 0 : S.label, 12) : null;
       }
     ), m = o(() => ({
       ["b-boolean-filter--only-slot"]: t.onlySlot
@@ -1264,8 +1270,8 @@ const we = hl.exports, Fl = {
     oe(() => {
       n.value || (n.value = null);
     });
-    const v = (A) => {
-      n.value = A, e(i.INPUT, { ...t, value: n.value });
+    const p = (S) => {
+      n.value = S, e(i.INPUT, { ...t, value: n.value });
     }, F = () => {
       n.value = t.value;
     }, y = () => {
@@ -1275,13 +1281,13 @@ const we = hl.exports, Fl = {
       // Values
       items: a,
       conditionalClasses: m,
-      buttonLabel: _,
+      buttonLabel: v,
       buttonSecondaryLabel: c,
       internalFilterValue: n,
       isApplyButtonDisabled: d,
       isSecondaryButtonDisabled: s,
       // Events
-      onInput: v,
+      onInput: p,
       updateFilter: y,
       clearFilter: () => {
         n.value = null, y();
@@ -1291,30 +1297,30 @@ const we = hl.exports, Fl = {
     };
   }
 });
-var Cl = function() {
+var Bl = function() {
   var e = this, l = e._self._c;
   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)]);
-}, Sl = [], Al = /* @__PURE__ */ E(
-  gl,
-  Cl,
-  Sl,
+}, Dl = [], Tl = /* @__PURE__ */ E(
+  Al,
+  Bl,
+  Dl,
   !1,
   null,
   "af2f275e",
   null,
   null
 );
-const Me = Al.exports, Bl = {
+const He = Tl.exports, El = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Dl = P({
+}, Pl = P({
   name: "bento-range-filter",
-  i18n: { messages: Bl },
-  components: { BentoBaseFilter: Q, BentoInputField: Te },
+  i18n: { messages: El },
+  components: { BentoBaseFilter: Q, BentoInputField: Ee },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1341,30 +1347,30 @@ const Me = Al.exports, Bl = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    const l = I(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
-      k(t, "value"),
-      k(t, "defaultValue")
+    const l = $(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: s } = X(
+      V(t, "value"),
+      V(t, "defaultValue")
     ), d = o(
       () => {
-        var B, V;
-        return (B = t.value) != null && B[0] && ((V = t.value) != null && V[1]) ? `${K(t.value[0], 5)} - ${K(t.value[1], 5)}` : null;
+        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;
       }
-    ), _ = o(
+    ), v = o(
       () => t.defaultValue === null ? t.label : d.value
     ), c = o(
       () => t.defaultValue === null ? d.value : null
     ), m = o(() => ({
       ["b-range-filter--only-slot"]: t.onlySlot
-    })), v = () => {
-      a.value = t.value, Ke(() => l.value.focusInput());
+    })), p = () => {
+      a.value = t.value, ze(() => l.value.focusInput());
     }, F = () => {
       e(i.INPUT, { ...t, value: a.value });
-    }, y = (B) => {
-      a.value = [B, a.value[1]], F();
-    }, g = (B) => {
-      a.value = [a.value[0], B], F();
-    }, T = () => {
-      a.value.some((B) => B) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(i.UPDATE, {
+    }, y = (D) => {
+      a.value = [D, a.value[1]], F();
+    }, g = (D) => {
+      a.value = [a.value[0], D], F();
+    }, A = () => {
+      a.value.some((D) => D) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(i.UPDATE, {
         ...t,
         value: a.value
       });
@@ -1376,40 +1382,40 @@ const Me = Al.exports, Bl = {
       internalFilterValue: a,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: n,
-      buttonLabel: _,
+      buttonLabel: v,
       buttonSecondaryLabel: c,
       // Events
       updateFrom: y,
       updateTo: g,
-      updateFilter: T,
+      updateFilter: A,
       clearFilter: () => {
-        a.value = ["", ""], T();
+        a.value = ["", ""], A();
       },
-      openFilter: v,
+      openFilter: p,
       resetFilter: () => e(i.UPDATE, { ...t, value: t.defaultValue })
     };
   }
 });
-var Tl = function() {
+var Il = function() {
   var e = this, l = e._self._c;
   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)]);
-}, El = [], Pl = /* @__PURE__ */ E(
-  Dl,
-  Tl,
-  El,
+}, xl = [], $l = /* @__PURE__ */ E(
+  Pl,
+  Il,
+  xl,
   !1,
   null,
   "7cfba883",
   null,
   null
 );
-const He = Pl.exports;
+const qe = $l.exports;
 var re = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(re || {});
-const xl = P({
+const Rl = P({
   name: "base-filter-button",
-  components: { BaseButton: Ce, BentoTypography: le, ChevronUpIcon: Be, ChevronDownIcon: De },
+  components: { BaseButton: Se, BentoTypography: le, ChevronUpIcon: De, ChevronDownIcon: Te },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1434,12 +1440,12 @@ const xl = P({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [fe.CLICK],
+  emits: [be.CLICK],
   setup(t, { slots: e, emit: l, attrs: a }) {
-    const n = o(() => e.default ? Se(e)("default") : null), s = ge({ ariaLabel: n }), d = I(null), _ = o(() => {
-      var v;
+    const n = o(() => e.default ? Ae(e)("default") : null), s = Ce({ ariaLabel: n }), d = $(null), v = o(() => {
+      var p;
       return {
-        "aria-controls": (v = a["aria-controls"]) == null ? void 0 : v.toString()
+        "aria-controls": (p = a["aria-controls"]) == null ? void 0 : p.toString()
       };
     }), c = o(() => ({
       ["b-base-filter-button--with-chevron"]: t.hasChevron,
@@ -1447,37 +1453,37 @@ const xl = P({
     }));
     return {
       // Values
-      ariaAttributes: _,
+      ariaAttributes: v,
       computedAriaLabel: s,
       conditionalClasses: c,
       // Methods
       onClickButton: () => {
-        t.disabled || l(fe.CLICK);
+        t.disabled || l(be.CLICK);
       },
-      hasSlot: Ae(e),
+      hasSlot: Be(e),
       // Refs
       baseFilterButtonRef: d
     };
   }
 });
-var $l = function() {
+var Ul = 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("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()])]);
-}, Il = [], Ul = /* @__PURE__ */ E(
-  xl,
-  $l,
-  Il,
+}, kl = [], Vl = /* @__PURE__ */ E(
+  Rl,
+  Ul,
+  kl,
   !1,
   null,
   "66b170d4",
   null,
   null
 );
-const Rl = Ul.exports, kl = P({
+const Ll = Vl.exports, Ol = P({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Rl },
+  components: { BaseFilterButton: Ll },
   props: {
     /**
      * Button label to be displayed
@@ -1509,40 +1515,40 @@ const Rl = Ul.exports, kl = P({
     };
   }
 });
-var Vl = function() {
+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) + " ")]);
-}, Ll = [], Ol = /* @__PURE__ */ E(
-  kl,
-  Vl,
-  Ll,
+}, wl = [], Ml = /* @__PURE__ */ E(
+  Ol,
+  Nl,
+  wl,
   !1,
   null,
   "4c415ac7",
   null,
   null
 );
-const Nl = Ol.exports;
-let ye = 0;
-const wl = {
+const Hl = Ml.exports;
+let me = 0;
+const ql = {
   beforeCreate() {
-    this.uuid = ye.toString(), ye += 1;
+    this.uuid = me.toString(), me += 1;
   }
 };
-var Ml = function() {
+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" } })]);
-}, Hl = [], ql = /* @__PURE__ */ E(
-  wl,
-  Ml,
-  Hl,
+}, Yl = [], Jl = /* @__PURE__ */ E(
+  ql,
+  jl,
+  Yl,
   !1,
   null,
   null,
   null,
   null
 );
-const jl = ql.exports, Yl = {
+const Kl = Jl.exports, Gl = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1556,27 +1562,27 @@ const jl = ql.exports, Yl = {
     searchBar: "Search bar"
   }
 }, zl = P({
-  i18n: { messages: Yl },
+  i18n: { messages: Gl },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Nl,
-    BentoBooleanFilter: Me,
-    BentoButton: at,
-    BentoDateFilter: Re,
-    BentoDateRangeFilter: ke,
+    AllFiltersModalButton: Hl,
+    BentoBooleanFilter: He,
+    BentoButton: rt,
+    BentoDateFilter: ke,
+    BentoDateRangeFilter: Ve,
     BentoInputFilter: Ue,
-    BentoModal: tt,
-    BentoRangeFilter: He,
+    BentoModal: st,
+    BentoRangeFilter: qe,
     BentoSearchBar: ae,
-    BentoSelectAvatarFilter: Ve,
-    BentoSelectCurrencyFilter: Le,
-    BentoSelectCountryFilter: Oe,
+    BentoSelectAvatarFilter: Le,
+    BentoSelectCurrencyFilter: Oe,
+    BentoSelectCountryFilter: Ne,
     BentoSelectFilter: w,
-    BentoSelectPaymentMethodFilter: Ne,
-    BentoSelectTagFilter: we,
+    BentoSelectPaymentMethodFilter: we,
+    BentoSelectTagFilter: Me,
     BentoTypography: le,
     FilterBarButton: ue,
-    SlidersIcon: jl
+    SlidersIcon: Kl
   },
   props: {
     /**
@@ -1606,7 +1612,7 @@ const jl = ql.exports, Yl = {
   },
   emits: [re.INPUT],
   setup(t, { emit: e }) {
-    const l = he({ value: t.value }), a = ie("all-filters-modal"), n = I([]), s = I(!1), d = I(0), _ = I(null), c = I(""), { t: m } = W(), v = Ee(c, k(l, "value")), F = I({});
+    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 = $({});
     oe(() => {
       F.value = [];
     }), te(
@@ -1617,40 +1623,40 @@ const jl = ql.exports, Yl = {
     );
     const y = (r) => (
       /* eslint-disable-next-line no-nested-ternary */
-      r.sort((C, S) => C.label > S.label ? 1 : S.label > C.label ? -1 : 0)
+      r.sort((C, B) => C.label > B.label ? 1 : B.label > C.label ? -1 : 0)
     ), g = o(
       () => y(
-        v.value.filter(
+        p.value.filter(
           (r) => {
-            var C, S;
-            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) && ((S = r.value) == null ? void 0 : S.find((R) => R !== "")) : r.value;
+            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;
           }
         )
       )
-    ), T = o(
+    ), A = o(
       () => y(
-        v.value.filter(
+        p.value.filter(
           (r) => {
-            var C, S;
-            return Array.isArray(r.value) ? ((C = r.value) == null ? void 0 : C.length) === 0 || ((S = r.value) == null ? void 0 : S.every((R) => R === "")) : !r.value;
+            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;
           }
         )
       )
-    ), A = o(() => {
+    ), S = o(() => {
       var r;
-      return c.value && ((r = v.value) == null ? void 0 : r.length) === 0;
-    }), h = o(() => l.value[d.value]), B = () => {
-      const r = g.value.length ? g.value[0] : T.value[0], C = l.value.findIndex(
-        (S) => S.label === r.label && S.field === r.field
+      return c.value && ((r = p.value) == null ? void 0 : r.length) === 0;
+    }), h = o(() => l.value[d.value]), D = () => {
+      const r = g.value.length ? g.value[0] : A.value[0], C = l.value.findIndex(
+        (B) => B.label === r.label && B.field === r.field
       );
       d.value = C;
     };
-    me(() => {
-      B();
+    he(() => {
+      D();
     });
-    const V = o(
+    const R = o(
       () => l.value.map((r) => {
-        var C, S, R, j, H, ce;
+        var C, B, k, j, H, ce;
         switch (r.type) {
           case N.SELECT:
           case N.SELECT_AVATAR:
@@ -1663,7 +1669,7 @@ const jl = ql.exports, Yl = {
                 return {
                   label: r.label,
                   field: r.field,
-                  count: (S = r.value) != null && S.length ? (R = r.value) == null ? void 0 : R.length : null
+                  count: (B = r.value) != null && B.length ? (k = r.value) == null ? void 0 : k.length : null
                 };
               default:
                 return {
@@ -1682,7 +1688,7 @@ const jl = ql.exports, Yl = {
             return {
               label: r.label,
               field: r.field,
-              count: (ce = r.value) != null && ce.find((qe) => qe !== "") ? 1 : null
+              count: (ce = r.value) != null && ce.find((je) => je !== "") ? 1 : null
             };
           case N.INPUT:
           case N.BOOLEAN:
@@ -1695,7 +1701,7 @@ const jl = ql.exports, Yl = {
             };
         }
       })
-    ), p = o(
+    ), _ = 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;
@@ -1705,28 +1711,28 @@ const jl = ql.exports, Yl = {
         var r;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (r = V.value) == null ? void 0 : r.reduce((C, S) => C += S.count, 0)
+          (r = R.value) == null ? void 0 : r.reduce((C, B) => C += B.count, 0)
         );
       }
     ), f = () => {
       s.value ? s.value = !1 : s.value = !0;
     }, U = (r) => {
-      var S, R, j;
-      const C = V.value.find((H) => H.field === r.field).count;
-      return r.type.includes("BentoSelect") && ((S = r.options) != null && S.multiple) && C === ((j = (R = r.options) == null ? void 0 : R.listboxItems) == null ? void 0 : j.length) ? m("all") : C;
+      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;
     }, Y = (r, C) => {
       d.value = l.value.findIndex(
-        (S) => S.label === r && S.field === C
+        (B) => B.label === r && B.field === C
       );
-    }, J = () => {
+    }, K = () => {
       c.value = "";
     }, L = () => {
-      s.value = !1, l.value = t.value, J(), B();
-    }, x = (r) => {
-      const C = l.value.map(({ value: S, ...R }, j) => j === d.value ? { value: r.value, ...R } : { value: S, ...R });
+      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 });
       l.value = C;
-    }, D = () => {
-      x({
+    }, T = () => {
+      I({
         field: h.value.field,
         label: h.value.label,
         type: h.value.type,
@@ -1737,7 +1743,7 @@ const jl = ql.exports, Yl = {
         ...C,
         value: void 0
       }));
-    }, $ = () => {
+    }, x = () => {
       e(re.INPUT, l.value), s.value = !1;
     }, b = o(
       () => JSON.stringify(l.value) === JSON.stringify(t.value)
@@ -1745,7 +1751,7 @@ const jl = ql.exports, Yl = {
       {
         title: m("applyAll"),
         disabled: b.value,
-        event: $
+        event: x
       },
       {
         title: m("cancel"),
@@ -1759,33 +1765,33 @@ const jl = ql.exports, Yl = {
     ]);
     return {
       // Enums
-      BentoModalEvent: lt,
+      BentoModalEvent: Qe,
       // Values
       allFiltersModalUniqueId: a,
       allFiltersModalFiltersSection: n,
       allFiltersModalFilterButtons: F,
       numberOfActiveFilters: u,
-      isEmptyResultForSearchFilter: A,
+      isEmptyResultForSearchFilter: S,
       isModalOpen: s,
-      isClearButtonEnabled: p,
+      isClearButtonEnabled: _,
       activeFilters: g,
-      otherFilters: T,
+      otherFilters: A,
       modalActions: M,
       selectedFilter: h,
-      selectedFilterRef: _,
+      selectedFilterRef: v,
       filters: l,
-      computedCounts: V,
+      computedCounts: R,
       searchTerm: c,
       // Methods
       onClickAllFiltersModal: f,
       getFilterCount: U,
       cancel: L,
       selectFilter: Y,
-      clearFilter: D,
-      updateFilter: x,
-      onSearchbarClear: J,
+      clearFilter: T,
+      updateFilter: I,
+      onSearchbarClear: K,
       onKeydownRight: () => {
-        st(1, _.value.$el).focus();
+        it(1, v.value.$el).focus();
       },
       onKeydownLeft: () => {
         F.value[h.value.label].$el.focus();
@@ -1793,7 +1799,7 @@ const jl = ql.exports, Yl = {
     };
   }
 });
-var Jl = function() {
+var Wl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-all-filters-modal" }, [l("filter-bar-button", { attrs: { "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters }, on: { click: e.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l("sliders-icon", { attrs: { "aria-hidden": "true" } })];
@@ -1818,17 +1824,17 @@ var Jl = 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);
-}, Kl = [], Gl = /* @__PURE__ */ E(
+}, Zl = [], Ql = /* @__PURE__ */ E(
   zl,
-  Jl,
-  Kl,
+  Wl,
+  Zl,
   !1,
   null,
   "97626423",
   null,
   null
 );
-const Wl = Gl.exports, Zl = {
+const Xl = Ql.exports, ea = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -1837,26 +1843,26 @@ const Wl = Gl.exports, Zl = {
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, Ql = P({
-  i18n: { messages: Zl },
+}, ta = P({
+  i18n: { messages: ea },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: Wl,
-    BentoBooleanFilter: Me,
-    BentoDateFilter: Re,
-    BentoDateRangeFilter: ke,
-    BentoRangeFilter: He,
+    AllFiltersModal: Xl,
+    BentoBooleanFilter: He,
+    BentoDateFilter: ke,
+    BentoDateRangeFilter: Ve,
+    BentoRangeFilter: qe,
     BentoInputFilter: Ue,
     BentoSelectFilter: w,
-    BentoSelectAvatarFilter: Ve,
-    BentoSelectCountryFilter: Oe,
-    BentoSelectCurrencyFilter: Le,
-    BentoSelectPaymentMethodFilter: Ne,
-    BentoSelectTagFilter: we,
+    BentoSelectAvatarFilter: Le,
+    BentoSelectCountryFilter: Ne,
+    BentoSelectCurrencyFilter: Oe,
+    BentoSelectPaymentMethodFilter: we,
+    BentoSelectTagFilter: Me,
     BentoSearchBar: ae,
     FilterBarButton: ue,
-    FixedScroller: yt,
-    RefreshIcon: pt
+    FixedScroller: Ft,
+    RefreshIcon: ht
   },
   props: {
     /**
@@ -1942,27 +1948,27 @@ const Wl = Gl.exports, Zl = {
   setup(t, { emit: e }) {
     const { t: l } = W(), a = o(
       () => {
-        var p, u;
-        return (u = ((p = t.config) == null ? void 0 : p.length) > 0 ? t.config : t.value) == null ? void 0 : u.map((f) => {
+        var _, u;
+        return (u = ((_ = t.config) == null ? void 0 : _.length) > 0 ? t.config : t.value) == null ? void 0 : u.map((f) => {
           var Y;
-          let U = (Y = t.filterValues.find(({ field: J }) => J === f.field)) == null ? void 0 : Y.value;
+          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 };
         });
       }
-    ), n = et(), s = o(() => l("searchBar")), d = o(() => a.value.some(
+    ), n = nt(), s = o(() => l("searchBar")), d = o(() => a.value.some(
       ({ visible: u }) => u != null
-    ) ? a.value.some(({ visible: u }) => !u) : !1), _ = o(
-      () => a.value.filter(({ defaultValue: p }) => p !== void 0)
+    ) ? a.value.some(({ visible: u }) => !u) : !1), v = o(
+      () => a.value.filter(({ defaultValue: _ }) => _ !== 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), v = o(
-      () => a.value.filter(({ defaultValue: p }) => p == null).some(({ value: p }) => p != null)
-    ), F = o(() => _.value.length === 0 && v.value), y = o(() => _.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)) || v.value), g = (p) => {
-      e(ee.INPUT, p), e(
+    ) : 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(
         ee.UPDATE_FILTER_VALUES,
-        p == null ? void 0 : p.filter(({ value: u }) => u !== null || u !== void 0).map(({ field: u, value: f }) => ({ field: u, value: f }))
+        _ == null ? void 0 : _.filter(({ value: u }) => u !== null || u !== void 0).map(({ field: u, value: f }) => ({ field: u, value: f }))
       );
     };
     return {
@@ -1971,27 +1977,27 @@ const Wl = Gl.exports, Zl = {
       isClearAllVisible: F,
       isSearchBarEnabled: m,
       searchBarAriaLabel: s,
-      persistentFilters: _,
+      persistentFilters: v,
       regularFilters: c,
       isResetAllVisible: y,
       valueAndFilterValuesPropsMerged: a,
       // Events
       updateAllFilters: g,
-      updateFilterHandler: (p) => {
+      updateFilterHandler: (_) => {
         const u = a.value.findIndex(
-          (U) => U.field === p.field
+          (U) => U.field === _.field
         ), f = a.value.slice();
-        f[u].value = p.value, g(f);
+        f[u].value = _.value, g(f);
       },
       clearAllFilters: () => {
-        const p = a.value.slice(), u = a.value.map(({ value: f, ...U }) => ({
+        const _ = a.value.slice(), u = a.value.map(({ value: f, ...U }) => ({
           ...U,
           value: void 0
         }));
         n.addToast({
           text: l("filtersHaveBeenCleared"),
           action: {
-            handler: () => g(p),
+            handler: () => g(_),
             text: l("undo")
           }
         }), g(u);
@@ -1999,11 +2005,11 @@ const Wl = Gl.exports, Zl = {
       onSearchbarClear: () => {
         e(Z.CLEAR);
       },
-      onSearchbarInput: (p) => {
-        e(Z.INPUT, p), e(Z.UPDATE, p);
+      onSearchbarInput: (_) => {
+        e(Z.INPUT, _), e(Z.UPDATE, _);
       },
       resetAllFilters: () => {
-        const p = a.value.slice(), u = a.value.map(({ defaultValue: f, ...U }) => ({
+        const _ = a.value.slice(), u = a.value.map(({ defaultValue: f, ...U }) => ({
           ...U,
           defaultValue: f,
           value: f
@@ -2011,7 +2017,7 @@ const Wl = Gl.exports, Zl = {
         n.addToast({
           text: l("filtersHaveBeenReset"),
           action: {
-            handler: () => g(p),
+            handler: () => g(_),
             text: l("undo")
           }
         }), g(u);
@@ -2019,13 +2025,13 @@ const Wl = Gl.exports, Zl = {
     };
   }
 });
-var Xl = function() {
+var la = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-filter-bar" }, [l("div", { staticClass: "b-filter-bar__container" }, [e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? l("div", { staticClass: "b-filter-bar__before-filters" }, [e.isSearchBarEnabled ? l("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e(), e.hasHiddenFilters ? l("all-filters-modal", { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: e.valueAndFilterValuesPropsMerged }, on: { input: e.updateAllFilters } }) : e._e(), l("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: e.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l("refresh-icon", { attrs: { "aria-hidden": "true" } })];
   }, 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(), l("div", { staticClass: "b-filter-bar__filters-container" }, [l("div", { staticClass: "b-filter-bar__filters" }, [l("fixed-scroller", { attrs: { condensed: "" } }, [l("div", { staticClass: "b-filter-bar__scroller-content" }, [e.isSearchBarEnabled ? l("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e(), e.persistentFilters.length ? e._l(e.persistentFilters, function(a) {
+  }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.$t("resetAll")) + " ")])], 1) : e._e(), l("div", { staticClass: "b-filter-bar__filters-container" }, [l("div", { staticClass: "b-filter-bar__filters" }, [l("fixed-scroller", { staticClass: "b-filter-bar__fixed-scroller", attrs: { condensed: "" } }, [l("div", { staticClass: "b-filter-bar__scroller-content" }, [e.isSearchBarEnabled ? l("bento-search-bar", { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": e.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: e.onSearchbarInput, clear: e.onSearchbarClear } }) : e._e(), e.persistentFilters.length ? e._l(e.persistentFilters, function(a) {
     return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, options: a.options, value: a.value, "default-value": a.defaultValue }, on: { update: e.updateFilterHandler } });
   }) : e._e(), e._l(e.regularFilters, function(a) {
     return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, options: a.options, value: a.value }, on: { update: e.updateFilterHandler } });
@@ -2034,19 +2040,19 @@ var Xl = 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()])])]);
-}, ea = [], ta = /* @__PURE__ */ E(
-  Ql,
-  Xl,
-  ea,
+}, aa = [], na = /* @__PURE__ */ E(
+  ta,
+  la,
+  aa,
   !1,
   null,
-  "c9a68540",
+  "3a7949a1",
   null,
   null
 );
-const wa = ta.exports;
+const ja = na.exports;
 export {
-  wa as BentoFilterBar,
+  ja as BentoFilterBar,
   ee as BentoFilterBarEvent,
   i as BentoFilterEvent,
   N as BentoFilterItemType