@adyen/bento-vue3 1.71.0 → 1.72.0

package/dist/chunks/{filter-bar.DlGlB8KV.js → filter-bar.BLhRZzJa.js}

@@ -1,41 +1,41 @@
-import { defineComponent as Z, useSlots as Re, useAttrs as Ot, computed as p, ref as H, createBlock as L, openBlock as F, unref as I, normalizeClass as de, withCtx as B, createElementVNode as z, renderSlot as ce, createCommentVNode as x, createVNode as U, createTextVNode as Q, toDisplayString as X, watch as se, createElementBlock as G, nextTick as rt, resolveComponent as E, resolveDirective as Rt, withDirectives as kt, withKeys as fe, toRef as te, onBeforeUpdate as ke, provide as ut, mergeProps as re, Fragment as Te, reactive as wt, createSlots as Ie, renderList as ve, normalizeProps as Ee, guardReactiveProps as Ue, onMounted as dt, resolveDynamicComponent as Pe } from "vue";
-import { B as Le, b as Be } from "./search-bar.CxvanqNG.js";
+import { defineComponent as Z, useSlots as Re, useAttrs as Ot, computed as p, ref as H, createBlock as U, openBlock as h, unref as I, normalizeClass as de, withCtx as B, createElementVNode as z, renderSlot as ce, createCommentVNode as x, createVNode as L, createTextVNode as Q, toDisplayString as X, watch as se, createElementBlock as G, nextTick as rt, resolveComponent as E, resolveDirective as Rt, withDirectives as kt, withKeys as fe, toRef as te, onBeforeUpdate as ke, provide as ut, mergeProps as re, Fragment as Te, reactive as wt, createSlots as Ie, renderList as ve, normalizeProps as Ee, guardReactiveProps as Le, onMounted as dt, resolveDynamicComponent as Pe } from "vue";
+import { B as Ue, b as Be } from "./search-bar.rZ_38y4j.js";
 import { u as Nt } from "./use-bento-toast-controller.Kri_h7jS.js";
 import { u as pe } from "./i18n.B6g5VX0q.js";
 import { k as Vt } from "./index.E60QniEu.js";
-import { F as ct } from "./fixed-scroller.DSGxXiAH.js";
-import { _ as Mt } from "./modal.vue_vue_type_script_setup_true_lang.COJ937I7.js";
+import { F as ct } from "./fixed-scroller.BASYH576.js";
+import { _ as Mt } from "./modal.vue_vue_type_script_setup_true_lang.D4TJY7o_.js";
 import { B as jt } from "./button.C-MAa6ut.js";
-import { h as ze, d as pt, u as Ht, I as qt, k as Kt, B as Jt } from "./toggle-button.Cg4Kot6V.js";
+import { h as ze, d as pt, u as Ht, I as qt, k as Kt, B as Jt } from "./button-actions.D1eBtYgZ.js";
 import { B as Yt } from "./directive.Cbdox5VL.js";
-import { b as zt, c as Wt } from "./tooltip.TBU0Uixq.js";
+import { b as zt, c as Wt } from "./tooltip.CEHc6lzU.js";
 import { g as Me } from "./generate-uid.NJ8tVoha.js";
 import { C as Gt } from "./cross-small.n1UO5wNB.js";
 import { _ as le } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as bt, a as We } from "./base-button.CjYb5Y8k.js";
+import { B as bt, a as We } from "./base-button.BYhf0xf3.js";
 import { B as be, d as je } from "./typography.yBEME_Gu.js";
 import { u as ft } from "./use-has-slot.B7eQSabc.js";
 import { u as vt } from "./aria-label.CaUURpnB.js";
 import { g as mt } from "./get-slot-text.DQlZEsId.js";
-import { B as Zt } from "./radio-group.CHh_3CHv.js";
+import { B as Zt } from "./radio-group.BNiif4On.js";
 import { t as ge } from "./truncate.BfIl_-71.js";
-import { B as He } from "./input-field.BozGzgiG.js";
-import { u as yt, B as Qt } from "./dropdown.CknmuJDd.js";
-import { g as Xt } from "./focus-trap.BkNwCiVP.js";
+import { B as He } from "./input-field.2S8zBviE.js";
+import { u as yt, B as Qt } from "./dropdown.GyDAswAO.js";
+import { g as Xt } from "./focus-trap.CpNGD7PH.js";
 import { C as xt } from "./chevron-up.kfuLRpZb.js";
 import { C as el } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
 import { B as qe } from "./divider.DnKNNyWB.js";
-import { c as Ge, b as tl } from "./use-cached-selected-values.TCmNtDra.js";
-import { L as Ft } from "./listbox-option-tag.DXkIvvPz.js";
+import { c as Ge, b as tl } from "./use-cached-selected-values.CBOWMI4O.js";
+import { L as Ft } from "./listbox-option-tag.CtJUykfB.js";
 import { B as ll } from "./payment-method.CDnn1bjo.js";
 import { u as al } from "./use-country-items.D_kamcYy.js";
 import { B as ol } from "./avatar.Dq59yj6m.js";
-import { D as nl, B as il, i as Ne, b as sl } from "./date-range-picker.C5KDhklL.js";
+import { D as nl, B as il, i as Ne, b as sl } from "./date-range-picker.9Zlg9xnH.js";
 import { g as ht } from "./get-date-locale.CAyOIbcp.js";
 import { D as Ze } from "./date-input.BqBdAO1E.js";
-import { a as rl, f as Fe, i as ul } from "./calendar.DlqxwWsS.js";
-import { B as dl } from "./date-picker.DNdV16PL.js";
+import { a as rl, f as Fe, i as ul } from "./calendar.B1a_mV-Q.js";
+import { B as dl } from "./date-picker.Bkz4GmyC.js";
 import { R as Qe } from "./refresh.BB4ouvz_.js";
 import "../assets/filter-bar.css";
 var D = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(D || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(he || {}), ie = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(ie || {});
@@ -90,7 +90,7 @@ const cl = { class: "b-filter-bar-button__container" }, pl = { class: "b-filter-
     })), S = (_) => {
       _.preventDefault(), t.disabled || i("click", _);
     };
-    return (_, k) => (F(), L(I(bt), {
+    return (_, k) => (h(), U(I(bt), {
       ref_key: "filterBarButtonRef",
       ref: b,
       class: de(["b-filter-bar-button", u.value]),
@@ -101,7 +101,7 @@ const cl = { class: "b-filter-bar-button__container" }, pl = { class: "b-filter-
       onClick: S
     }, {
       iconRight: B(() => [
-        e.appliedFiltersCount && !r.value ? (F(), L(I(be), {
+        e.appliedFiltersCount && !r.value ? (h(), U(I(be), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
@@ -118,7 +118,7 @@ const cl = { class: "b-filter-bar-button__container" }, pl = { class: "b-filter-
         z("div", cl, [
           I(s)("iconLeft") ? ce(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : x("", !0),
           z("div", pl, [
-            U(I(be), {
+            L(I(be), {
               el: "span",
               variant: "body",
               stronger: "",
@@ -128,7 +128,7 @@ const cl = { class: "b-filter-bar-button__container" }, pl = { class: "b-filter-
                 z("span", null, [
                   ce(_.$slots, "default", {}, void 0, !0)
                 ]),
-                e.secondaryLabel && !r.value ? (F(), L(I(be), {
+                e.secondaryLabel && !r.value ? (h(), U(I(be), {
                   key: 0,
                   el: "span",
                   variant: "body",
@@ -143,7 +143,7 @@ const cl = { class: "b-filter-bar-button__container" }, pl = { class: "b-filter-
               ]),
               _: 3
             }),
-            e.secondaryLabel && !r.value ? (F(), L(I(be), {
+            e.secondaryLabel && !r.value ? (h(), U(I(be), {
               key: 0,
               el: "span",
               variant: "body",
@@ -193,7 +193,7 @@ const ml = {}, yl = /* @__PURE__ */ Z({
       "b-filter-bar-button-group--active": a.isActive,
       "b-filter-bar-button-group--grouped": !a.skipGrouping
     }));
-    return (i, l) => (F(), G("div", {
+    return (i, l) => (h(), G("div", {
       class: de(["b-filter-bar-button-group", t.value])
     }, [
       ce(i.$slots, "default", {}, void 0, !0)
@@ -206,8 +206,8 @@ const et = {
     apply: "Apply",
     clear: "Clear",
     clearFilter: "Clear filter {function}",
-    filterButton: "Filter by {function}",
     filtersHaveBeenCleared: "Filters have been cleared",
+    numberSelected: "{numberOfItemsSelected} selected",
     reset: "Reset",
     resetFilter: "Reset filter {function}"
   },
@@ -312,19 +312,18 @@ const et = {
     ne.CANCEL
   ],
   setup(e, { emit: a }) {
-    const { t } = pe({ messages: et }), i = Me("base-filter-popover"), l = H(!1), o = H(null), s = H(null), n = p(() => e.defaultValue !== null), r = p(() => n.value ? JSON.stringify(e.value) !== JSON.stringify(e.defaultValue) : e.appliedFiltersCount || e.buttonSecondaryLabel), f = p(
-      () => n.value ? t("filterButton", {
-        function: e.label
-      }) : g.value
-    ), b = p(
+    const { t } = pe({ messages: et }), i = Me("base-filter-popover"), l = H(!1), o = H(null), s = H(null), n = p(() => e.defaultValue !== null), r = p(() => n.value ? JSON.stringify(e.value) !== JSON.stringify(e.defaultValue) : e.appliedFiltersCount || e.buttonSecondaryLabel), f = p(() => {
+      let F = e.buttonSecondaryLabel ? `: ${e.buttonSecondaryLabel}` : "";
+      return e.appliedFiltersCount && (F = `: ${t("numberSelected", { numberOfItemsSelected: e.appliedFiltersCount })}`), (n.value ? e.label : g.value) + F;
+    }), b = p(
       () => n.value ? t("resetFilter", {
         function: g.value
       }) : t("clearFilter", {
         function: g.value
       })
     ), g = p(() => e.buttonLabel || e.label), T = async () => {
-      var h, w;
-      await rt(), (w = (h = o.value) == null ? void 0 : h.$el) == null || w.focus();
+      var F, w;
+      await rt(), (w = (F = o.value) == null ? void 0 : F.$el) == null || w.focus();
     }, u = () => {
       l.value && (l.value = !1, T(), a(ne.CLOSE));
     }, S = () => {
@@ -351,9 +350,9 @@ const et = {
     ]);
     return se(
       () => l.value,
-      (h, w) => {
+      (F, w) => {
         var N, Y;
-        !h && w && (Y = (N = o.value) == null ? void 0 : N.filterBarButtonRef) != null && Y.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        !F && w && (Y = (N = o.value) == null ? void 0 : N.filterBarButtonRef) != null && Y.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), Ht(s, $, { ignore: [o] }), {
       // Values
@@ -386,15 +385,15 @@ const et = {
 };
 function Cl(e, a, t, i, l, o) {
   const s = E("filter-bar-button"), n = E("cross-small-icon"), r = E("filter-bar-button-group"), f = E("bento-popover"), b = E("bento-teleport"), g = Rt("bento-tooltip-directive");
-  return e.onlySlot ? (F(), G("div", gl, [
+  return e.onlySlot ? (h(), G("div", gl, [
     ce(e.$slots, "default", {}, void 0, !0)
-  ])) : (F(), G("div", Sl, [
-    kt((F(), L(r, {
+  ])) : (h(), G("div", Sl, [
+    kt((h(), U(r, {
       "is-active": e.isFilterOpen,
       "skip-grouping": !e.isValueChanged
     }, {
       default: B(() => [
-        U(s, {
+        L(s, {
           ref: "filterButtonRef",
           "aria-label": e.computedAriaLabel,
           "aria-controls": e.isFilterOpen ? e.popoverId : null,
@@ -411,7 +410,7 @@ function Cl(e, a, t, i, l, o) {
           ]),
           _: 1
         }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label", "onClick", "onKeydown"]),
-        e.isValueChanged ? (F(), L(s, {
+        e.isValueChanged ? (h(), U(s, {
           key: 0,
           "applied-filters-count": e.appliedFiltersCount,
           disabled: e.disabled,
@@ -421,7 +420,7 @@ function Cl(e, a, t, i, l, o) {
           onClick: e.resetFilter
         }, {
           iconLeft: B(() => [
-            U(n, { "svg-title": e.computedClearButtonLabel }, null, 8, ["svg-title"])
+            L(n, { "svg-title": e.computedClearButtonLabel }, null, 8, ["svg-title"])
           ]),
           _: 1
         }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label", "onClick"])) : x("", !0)
@@ -430,9 +429,9 @@ function Cl(e, a, t, i, l, o) {
     }, 8, ["is-active", "skip-grouping"])), [
       [g, e.tooltipText, e.tooltipPosition]
     ]),
-    e.filterButtonRef ? (F(), L(b, { key: 0 }, {
+    e.filterButtonRef ? (h(), U(b, { key: 0 }, {
       default: B(() => [
-        e.filterButtonRef ? (F(), L(f, {
+        e.filterButtonRef ? (h(), U(f, {
           key: 0,
           id: e.popoverId,
           ref: "popoverRef",
@@ -462,7 +461,7 @@ function Cl(e, a, t, i, l, o) {
     })) : x("", !0)
   ]));
 }
-const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db55379"]]), Bl = (e) => e instanceof Array, tt = (e) => Bl(e) ? e.length === 0 || e.every((a) => a === "") : !e, lt = (e, a) => JSON.stringify(e) === JSON.stringify(a), me = (e, a) => {
+const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-91687808"]]), Bl = (e) => e instanceof Array, tt = (e) => Bl(e) ? e.length === 0 || e.every((a) => a === "") : !e, lt = (e, a) => JSON.stringify(e) === JSON.stringify(a), me = (e, a) => {
   const t = H(e.value);
   se(
     () => e.value,
@@ -538,7 +537,7 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
       b.value = null, P();
     }, q = () => {
       i("input", { ...t, value: b.value });
-    }, h = (A) => {
+    }, F = (A) => {
       b.value = A;
     }, w = (A) => {
       o.value = A;
@@ -565,7 +564,7 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
       { immediate: !0 }
     ), (A, K) => {
       var W, ee;
-      return F(), L(I(Se), re(A.$props, {
+      return h(), U(I(Se), re(A.$props, {
         "button-label": u.value,
         "button-secondary-label": S.value,
         "disable-apply-button": I(T),
@@ -587,7 +586,7 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
               onKeydown: fe(P, ["enter"]),
               onInput: q
             }, [
-              U(I(He), {
+              L(I(He), {
                 ref_key: "inputTextRef",
                 ref: l,
                 dropdown: n.value,
@@ -596,7 +595,7 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
                 variant: r.value,
                 value: I(b),
                 disabled: A.disabled,
-                onInput: h,
+                onInput: F,
                 onDropdownInput: w
               }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value", "disabled"])
             ], 34)
@@ -622,17 +621,17 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
   emits: [D.INPUT, D.UPDATE],
   setup(e, { emit: a }) {
     const t = e, i = a, l = H(null), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: n } = me(te(t, "value"), te(t, "defaultValue")), r = p(() => t.label), f = p(() => {
-      var h;
-      return ge((h = t.value) == null ? void 0 : h.inputValue, 12);
+      var F;
+      return ge((F = t.value) == null ? void 0 : F.inputValue, 12);
     }), b = p(
       () => {
-        var h, w, N;
-        return ((h = o.value) == null ? void 0 : h.dropdownValue) ?? ((N = (w = t.options) == null ? void 0 : w.dropdown) == null ? void 0 : N.value);
+        var F, w, N;
+        return ((F = o.value) == null ? void 0 : F.dropdownValue) ?? ((N = (w = t.options) == null ? void 0 : w.dropdown) == null ? void 0 : N.value);
       }
     ), g = p(() => {
-      var h;
+      var F;
       return {
-        ...((h = t.options) == null ? void 0 : h.dropdown) || {},
+        ...((F = t.options) == null ? void 0 : F.dropdown) || {},
         value: b.value
       };
     }), T = p(() => ({
@@ -642,17 +641,17 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
       return !(!!((w = o.value) != null && w.inputValue) && !!b.value) || n.value;
     });
     ke(() => {
-      var h;
-      ((h = o.value) == null ? void 0 : h.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
+      var F;
+      ((F = o.value) == null ? void 0 : F.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
     }), se(l, () => {
-      var h;
-      (h = l.value) == null || h.focusInput();
+      var F;
+      (F = l.value) == null || F.focusInput();
     });
     const S = () => {
       o.value = t.value;
     }, _ = () => {
-      var h;
-      !((h = o.value) != null && h.inputValue) && t.defaultValue !== null && (o.value = { ...t.defaultValue }), i(D.UPDATE, {
+      var F;
+      !((F = o.value) != null && F.inputValue) && t.defaultValue !== null && (o.value = { ...t.defaultValue }), i(D.UPDATE, {
         ...t,
         value: o.value
       });
@@ -660,21 +659,21 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
       o.value = null, _();
     }, M = () => {
       i(D.INPUT, { ...t, value: o.value });
-    }, $ = (h) => {
-      o.value = { dropdownValue: b.value, inputValue: h };
-    }, q = (h) => {
-      o.value = { ...o.value, dropdownValue: h };
+    }, $ = (F) => {
+      o.value = { dropdownValue: b.value, inputValue: F };
+    }, q = (F) => {
+      o.value = { ...o.value, dropdownValue: F };
     };
-    return ut(Kt, !0), (h, w) => {
+    return ut(Kt, !0), (F, w) => {
       var N, Y;
-      return F(), L(I(Se), re(h.$props, {
+      return h(), U(I(Se), re(F.$props, {
         "button-label": r.value,
         "button-secondary-label": f.value,
         "disable-apply-button": u.value,
         "disable-secondary-button": I(s),
-        "only-slot": h.onlySlot,
-        "tooltip-position": (N = h.options) == null ? void 0 : N.tooltipPosition,
-        "tooltip-text": (Y = h.options) == null ? void 0 : Y.tooltipText,
+        "only-slot": F.onlySlot,
+        "tooltip-position": (N = F.options) == null ? void 0 : N.tooltipPosition,
+        "tooltip-text": (Y = F.options) == null ? void 0 : Y.tooltipText,
         onApply: _,
         onClear: P,
         onOpen: S,
@@ -688,14 +687,14 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
               onKeydown: fe(_, ["enter"]),
               onInput: M
             }, [
-              U(I(He), {
+              L(I(He), {
                 ref_key: "inputTextRef",
                 ref: l,
                 dropdown: g.value,
-                "dropdown-position": (A = h.options) == null ? void 0 : A.dropdownPosition,
+                "dropdown-position": (A = F.options) == null ? void 0 : A.dropdownPosition,
                 variant: "dropdown",
                 value: (K = I(o)) == null ? void 0 : K.inputValue,
-                disabled: h.disabled,
+                disabled: F.disabled,
                 onInput: $,
                 onDropdownInput: q
               }, null, 8, ["dropdown", "dropdown-position", "value", "disabled"])
@@ -797,7 +796,7 @@ const Se = /* @__PURE__ */ le(hl, [["render", Cl], ["__scopeId", "data-v-4db5537
 function Pl(e, a, t, i, l, o) {
   var b, g;
   const s = E("bento-date-picker"), n = E("bento-divider"), r = E("calendar"), f = E("bento-base-filter");
-  return F(), L(f, {
+  return h(), U(f, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     disabled: e.disabled,
@@ -818,7 +817,7 @@ function Pl(e, a, t, i, l, o) {
     default: B(() => {
       var T, u, S, _, k, P;
       return [
-        e.onlySlot ? (F(), L(s, {
+        e.onlySlot ? (h(), U(s, {
           key: 0,
           value: e.internalFilterValue,
           "first-day-of-week": (T = e.options) == null ? void 0 : T.firstDayOfWeek,
@@ -826,10 +825,10 @@ function Pl(e, a, t, i, l, o) {
           variant: (S = e.options) == null ? void 0 : S.variant,
           disabled: e.disabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (F(), G(Te, { key: 1 }, [
-          U(n, { class: "b-date-filter__divider" }),
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (h(), G(Te, { key: 1 }, [
+          L(n, { class: "b-date-filter__divider" }),
           z("div", $l, [
-            U(r, {
+            L(r, {
               "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
               "is-date-disabled": (k = e.options) == null ? void 0 : k.isDateDisabled,
               "number-of-months": 1,
@@ -984,7 +983,7 @@ const Ct = /* @__PURE__ */ le(_l, [["render", Pl], ["__scopeId", "data-v-f1da68e
       a(D.UPDATE, { ...V, value: o.value });
     }, q = () => {
       o.value = void 0, $();
-    }, h = () => {
+    }, F = () => {
       o.value = e.defaultValue, $();
     }, w = () => {
       o.value = e.value;
@@ -1006,7 +1005,7 @@ const Ct = /* @__PURE__ */ le(_l, [["render", Pl], ["__scopeId", "data-v-f1da68e
         },
         {
           title: e.defaultValue ? i("reset") : i("clear"),
-          event: e.defaultValue ? h : q,
+          event: e.defaultValue ? F : q,
           disabled: u.value && s.value
         }
       ]
@@ -1039,7 +1038,7 @@ const Ct = /* @__PURE__ */ le(_l, [["render", Pl], ["__scopeId", "data-v-f1da68e
       onDateSelected: Y,
       openFilter: w,
       clearFilter: q,
-      resetFilter: h,
+      resetFilter: F,
       updateFilter: $,
       onDatePickerRangeError: ee,
       onDatePickerRangeFormDateInputUpdate: C,
@@ -1047,14 +1046,14 @@ const Ct = /* @__PURE__ */ le(_l, [["render", Pl], ["__scopeId", "data-v-f1da68e
       onRangeSelectorInput: A
     };
   }
-}), Ul = {
+}), Ll = {
   key: 1,
   class: "b-date-range-filter"
 };
-function Ll(e, a, t, i, l, o) {
+function Ul(e, a, t, i, l, o) {
   var T, u;
   const s = E("bento-date-range-picker"), n = E("bento-typography"), r = E("bento-divider"), f = E("bento-button-actions"), b = E("date-range-picker-calendar"), g = E("bento-base-filter");
-  return F(), L(g, {
+  return h(), U(g, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -1076,9 +1075,9 @@ function Ll(e, a, t, i, l, o) {
     onCancel: e.onCancel
   }, {
     default: B(() => {
-      var S, _, k, P, M, $, q, h, w, N, Y, A, K, W, ee, C;
+      var S, _, k, P, M, $, q, F, w, N, Y, A, K, W, ee, C;
       return [
-        e.onlySlot ? (F(), L(s, {
+        e.onlySlot ? (h(), U(s, {
           key: 0,
           "allow-time-input": (S = e.options) == null ? void 0 : S.allowTimeInput,
           value: e.internalFilterValue,
@@ -1089,10 +1088,10 @@ function Ll(e, a, t, i, l, o) {
           variant: ($ = e.options) == null ? void 0 : $.variant,
           disabled: e.disabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "onInput"])) : (F(), G("div", Ul, [
-          U(b, {
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "onInput"])) : (h(), G("div", Ll, [
+          L(b, {
             "allow-time-input": (q = e.options) == null ? void 0 : q.allowTimeInput,
-            "first-day-of-week": (h = e.options) == null ? void 0 : h.firstDayOfWeek,
+            "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek,
             "is-date-disabled": (w = e.options) == null ? void 0 : w.isDateDisabled,
             granularities: (N = e.options) == null ? void 0 : N.granularities,
             "max-range": (Y = e.options) == null ? void 0 : Y.maxRange,
@@ -1111,7 +1110,7 @@ function Ll(e, a, t, i, l, o) {
             onStartDateSelected: a[0] || (a[0] = (y) => e.isSelectingDate = !0)
           }, {
             title: B(() => [
-              U(n, {
+              L(n, {
                 strongest: "",
                 variant: "body",
                 el: "span"
@@ -1123,8 +1122,8 @@ function Ll(e, a, t, i, l, o) {
               })
             ]),
             actions: B(() => [
-              U(r, { class: "b-date-range-filter__divider" }),
-              U(f, {
+              L(r, { class: "b-date-range-filter__divider" }),
+              L(f, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -1138,7 +1137,7 @@ function Ll(e, a, t, i, l, o) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset", "onCancel"]);
 }
-const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f3"]]), Dt = {
+const Bt = /* @__PURE__ */ le(El, [["render", Ul], ["__scopeId", "data-v-d98f87f3"]]), Dt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -1240,7 +1239,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
         return !O && l.value && (O = l.value[0]), ge(O, 12);
       }
       return null;
-    }), q = p(() => Me(`filter-listbox-${l.field}`)), h = (y) => {
+    }), q = p(() => Me(`filter-listbox-${l.field}`)), F = (y) => {
       var d, V, m;
       u.value = y;
       const { onlySlot: c, ...R } = l;
@@ -1285,7 +1284,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
     });
     return (y, c) => {
       var R, J;
-      return F(), L(I(Se), {
+      return h(), U(I(Se), {
         "applied-filters-count": W.value,
         "button-label": M.value,
         "button-secondary-label": $.value,
@@ -1309,7 +1308,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
           var d, V, m, v, O, j, ae, ue, ye, oe, _e, Ke, Je, Ye;
           return [
             z("div", Ol, [
-              U(Le, {
+              L(Ue, {
                 "debounce-time": (V = (d = e.options) == null ? void 0 : d.search) == null ? void 0 : V.debounceTime,
                 value: s.value,
                 "input-field-aria-label": I(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
@@ -1317,9 +1316,9 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
               }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
             ]),
             z("div", Rl, [
-              U(I(qe))
+              L(I(qe))
             ]),
-            U(I(tl), {
+            L(I(tl), {
               id: q.value,
               "aria-label": e.label,
               class: "b-select-filter-button__wrapper",
@@ -1336,9 +1335,9 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
               searching: !!s.value,
               "selected-value": I(u),
               "virtual-scroll": (Ye = e.options) == null ? void 0 : Ye.virtualScroll,
-              onSelect: h,
-              onSpacePressed: h,
-              onEnterPressed: h,
+              onSelect: F,
+              onSpacePressed: F,
+              onEnterPressed: F,
               onShowMore: c[1] || (c[1] = (we) => {
                 var Ae, $e;
                 return ($e = (Ae = e.options) == null ? void 0 : Ae.lazy) == null ? void 0 : $e.showMoreEvent();
@@ -1347,7 +1346,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
               ve(I(t), (we, Ae) => ({
                 name: Ae,
                 fn: B(($e) => [
-                  ce(y.$slots, Ae, Ee(Ue($e)), void 0, !0)
+                  ce(y.$slots, Ae, Ee(Le($e)), void 0, !0)
                 ])
               }))
             ]), 1032, ["id", "aria-label", "component-loading", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
@@ -1429,7 +1428,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
     };
     return (g, T) => {
       var u, S, _, k, P, M;
-      return F(), L(I(Qt), {
+      return h(), U(I(Qt), {
         value: I(s),
         items: e.options.listboxItems,
         search: (u = e.options) == null ? void 0 : u.search,
@@ -1446,8 +1445,8 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
       }, Ie({ _: 2 }, [
         ve(I(i), ($, q) => ({
           name: q,
-          fn: B((h) => [
-            ce(g.$slots, q, Ee(Ue(h)))
+          fn: B((F) => [
+            ce(g.$slots, q, Ee(Le(F)))
           ])
         }))
       ]), 1032, ["value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]);
@@ -1519,7 +1518,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (n, r) => n.onlySlot ? (F(), L(I(Ml), {
+    }), (n, r) => n.onlySlot ? (h(), U(I(Ml), {
       key: 0,
       disabled: n.disabled,
       "default-value": n.defaultValue,
@@ -1533,10 +1532,10 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
       ve(I(t), (f, b) => ({
         name: b,
         fn: B((g) => [
-          ce(n.$slots, b, Ee(Ue(g)))
+          ce(n.$slots, b, Ee(Le(g)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (F(), L(I(Nl), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (h(), U(I(Nl), {
       key: 1,
       disabled: n.disabled,
       "default-value": n.defaultValue,
@@ -1550,7 +1549,7 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
       ve(I(t), (f, b) => ({
         name: b,
         fn: B((g) => [
-          ce(n.$slots, b, Ee(Ue(g)))
+          ce(n.$slots, b, Ee(Le(g)))
         ])
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
@@ -1586,14 +1585,14 @@ const Bt = /* @__PURE__ */ le(El, [["render", Ll], ["__scopeId", "data-v-d98f87f
 });
 function ql(e, a, t, i, l, o) {
   const s = E("bento-avatar"), n = E("bento-select-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: a[0] || (a[0] = (r) => e.$emit(e.BentoFilterEvent.INPUT, r))
   }), {
     default: B(({ label: r, data: f }) => [
-      U(s, {
+      L(s, {
         username: r,
         src: f
       }, null, 8, ["username", "src"])
@@ -1634,14 +1633,14 @@ const Tt = /* @__PURE__ */ le(Hl, [["render", ql]]), Kl = Z({
 });
 function Jl(e, a, t, i, l, o) {
   const s = E("listbox-option-tag"), n = E("bento-select-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: a[0] || (a[0] = (r) => e.$emit(e.BentoFilterEvent.INPUT, r))
   }), {
     default: B((r) => [
-      U(s, { option: r }, null, 8, ["option"])
+      L(s, { option: r }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
@@ -1678,7 +1677,7 @@ const It = /* @__PURE__ */ le(Kl, [["render", Jl]]), Yl = {
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), (f, b) => (F(), L(Ce, re(t, {
+    ), (f, b) => (h(), U(Ce, re(t, {
       field: f.field,
       label: f.label,
       options: r.value,
@@ -1686,7 +1685,7 @@ const It = /* @__PURE__ */ le(Kl, [["render", Jl]]), Yl = {
       onInput: b[0] || (b[0] = (g) => f.$emit(I(D).INPUT, g))
     }), {
       default: B(({ label: g }) => [
-        U(I(be), { el: "span" }, {
+        L(I(be), { el: "span" }, {
           default: B(() => [
             Q(X(g), 1)
           ]),
@@ -1727,14 +1726,14 @@ const It = /* @__PURE__ */ le(Kl, [["render", Jl]]), Yl = {
 });
 function Wl(e, a, t, i, l, o) {
   const s = E("bento-payment-method"), n = E("bento-select-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: a[0] || (a[0] = (r) => e.$emit(e.BentoFilterEvent.INPUT, r))
   }), {
     default: B(({ value: r, label: f }) => [
-      U(s, {
+      L(s, {
         type: r,
         label: f
       }, null, 8, ["type", "label"])
@@ -1784,7 +1783,7 @@ const $t = /* @__PURE__ */ le(zl, [["render", Wl]]), Gl = Z({
 });
 function Zl(e, a, t, i, l, o) {
   const s = E("listbox-option-tag"), n = E("bento-select-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
@@ -1792,7 +1791,7 @@ function Zl(e, a, t, i, l, o) {
     onInput: a[0] || (a[0] = (r) => e.$emit(e.BentoFilterEvent.INPUT, r))
   }), {
     default: B(({ label: r, data: f }) => [
-      U(s, {
+      L(s, {
         option: { value: r, data: f, label: "" }
       }, null, 8, ["option"])
     ]),
@@ -1859,8 +1858,8 @@ const Pt = /* @__PURE__ */ le(Gl, [["render", Zl]]), ot = {
   emits: [D.INPUT, D.UPDATE],
   setup(e, { emit: a }) {
     const { t } = pe({ messages: ot }), i = ($) => typeof $ == "boolean" ? $ == null ? void 0 : $.toString() : $, l = ($) => {
-      var q, h, w, N;
-      return ((h = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : h.value) !== void 0 && ((N = (w = e == null ? void 0 : e.options) == null ? void 0 : w.negativeOption) == null ? void 0 : N.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof $ == "string" ? $ === "true" : $;
+      var q, F, w, N;
+      return ((F = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : F.value) !== void 0 && ((N = (w = e == null ? void 0 : e.options) == null ? void 0 : w.negativeOption) == null ? void 0 : N.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof $ == "string" ? $ === "true" : $;
     }, o = p(() => i(e.defaultValue)), s = p(() => i(e.value)), n = p(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
@@ -1925,7 +1924,7 @@ const Pt = /* @__PURE__ */ le(Gl, [["render", Zl]]), ot = {
 function Xl(e, a, t, i, l, o) {
   var r, f;
   const s = E("bento-radio-group"), n = E("bento-base-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -1945,7 +1944,7 @@ function Xl(e, a, t, i, l, o) {
         class: de(["b-boolean-filter", e.conditionalClasses]),
         onKeydown: a[0] || (a[0] = fe((...b) => e.updateFilter && e.updateFilter(...b), ["enter"]))
       }, [
-        U(s, {
+        L(s, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -2013,8 +2012,8 @@ const Et = /* @__PURE__ */ le(Ql, [["render", Xl], ["__scopeId", "data-v-7772a6d
         return null;
       let M = "";
       (Y = e.value) != null && Y[0] ? (A = e.value) != null && A[1] || (M = "≥") : M = "≤";
-      const $ = (K = e.value) != null && K[0] ? `${ge(e.value[0], 5)}` : "", q = (W = e.value) != null && W[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", h = (C = e.value) != null && C[1] ? `${ge(e.value[1], 5)}` : "";
-      return `${M}${$}${q}${h}`;
+      const $ = (K = e.value) != null && K[0] ? `${ge(e.value[0], 5)}` : "", q = (W = e.value) != null && W[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", F = (C = e.value) != null && C[1] ? `${ge(e.value[1], 5)}` : "";
+      return `${M}${$}${q}${F}`;
     }), r = p(() => e.label), f = p(() => n.value), b = p(() => ({
       "b-range-filter--only-slot": e.onlySlot
     })), g = () => {
@@ -2057,7 +2056,7 @@ const Et = /* @__PURE__ */ le(Ql, [["render", Xl], ["__scopeId", "data-v-7772a6d
 function ea(e, a, t, i, l, o) {
   var r, f;
   const s = E("bento-input-field"), n = E("bento-base-filter");
-  return F(), L(n, re(e.$props, {
+  return h(), U(n, re(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -2075,7 +2074,7 @@ function ea(e, a, t, i, l, o) {
         class: de(["b-range-filter", e.conditionalClasses]),
         onKeydown: a[0] || (a[0] = fe((...b) => e.updateFilter && e.updateFilter(...b), ["enter"]))
       }, [
-        U(s, {
+        L(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
@@ -2088,7 +2087,7 @@ function ea(e, a, t, i, l, o) {
           ]),
           _: 1
         }, 8, ["value", "aria-label", "disabled", "onInput"]),
-        U(s, {
+        L(s, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
@@ -2106,7 +2105,7 @@ function ea(e, a, t, i, l, o) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Ut = /* @__PURE__ */ le(xl, [["render", ea], ["__scopeId", "data-v-049a4549"]]);
+const Lt = /* @__PURE__ */ le(xl, [["render", ea], ["__scopeId", "data-v-049a4549"]]);
 var Ve = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Ve || {});
 const ta = Z({
   name: "base-filter-button",
@@ -2166,7 +2165,7 @@ const ta = Z({
 };
 function na(e, a, t, i, l, o) {
   const s = E("bento-typography"), n = E("chevron-up-icon"), r = E("chevron-down-icon"), f = E("base-button");
-  return F(), L(f, {
+  return h(), U(f, {
     ref: "baseFilterButtonRef",
     class: de(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -2178,7 +2177,7 @@ function na(e, a, t, i, l, o) {
     default: B(() => [
       z("div", la, [
         z("div", aa, [
-          U(s, {
+          L(s, {
             el: "span",
             variant: "body",
             stronger: e.bold,
@@ -2190,8 +2189,8 @@ function na(e, a, t, i, l, o) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (F(), G("div", oa, [
-          U(s, {
+        e.amountAppliedValues && !e.hasChevron ? (h(), G("div", oa, [
+          L(s, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
@@ -2210,10 +2209,10 @@ function na(e, a, t, i, l, o) {
     e.hasChevron ? {
       name: "iconRight",
       fn: B(() => [
-        e.isFilterOpen ? (F(), L(n, {
+        e.isFilterOpen ? (h(), U(n, {
           key: 0,
           "aria-hidden": "true"
-        })) : (F(), L(r, {
+        })) : (h(), U(r, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -2258,7 +2257,7 @@ const ia = /* @__PURE__ */ le(ta, [["render", na], ["__scopeId", "data-v-af9efc7
 });
 function ra(e, a, t, i, l, o) {
   const s = E("base-filter-button");
-  return F(), L(s, {
+  return h(), U(s, {
     class: de(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
@@ -2279,14 +2278,14 @@ const da = {
   }
 }, ca = { key: 0 };
 function pa(e, a, t, i, l, o) {
-  return F(), G("svg", re({ role: "img" }, e.$attrs, {
+  return h(), G("svg", re({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (F(), G("title", ca, X(e.$attrs["svg-title"]), 1)) : x("", !0),
+    e.$attrs["svg-title"] ? (h(), G("title", ca, X(e.$attrs["svg-title"]), 1)) : x("", !0),
     a[0] || (a[0] = z("path", {
       fill: "#001222",
       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"
@@ -2346,8 +2345,8 @@ const ba = /* @__PURE__ */ le(da, [["render", pa]]), st = {
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
     BentoModal: Mt,
-    BentoRangeFilter: Ut,
-    BentoSearchBar: Le,
+    BentoRangeFilter: Lt,
+    BentoSearchBar: Ue,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCurrencyFilter: It,
     BentoSelectCountryFilter: _t,
@@ -2475,7 +2474,7 @@ const ba = /* @__PURE__ */ le(da, [["render", pa]]), st = {
         var m;
         return Array.isArray(P.value.value) ? ((m = P.value) == null ? void 0 : m.value.length) && P.value.value.find((v) => v !== "") : !!t.value[s.value].value;
       }
-    ), h = p(() => !q.value || P.value.disabled), w = p(
+    ), F = p(() => !q.value || P.value.disabled), w = p(
       () => {
         var m;
         return (m = $(e.value)) == null ? void 0 : m.filter(({ count: v }) => !!v).length;
@@ -2537,7 +2536,7 @@ const ba = /* @__PURE__ */ le(da, [["render", pa]]), st = {
       numberOfActiveFilters: w,
       isEmptyResultForSearchFilter: k,
       isModalOpen: o,
-      isClearButtonDisabled: h,
+      isClearButtonDisabled: F,
       activeFilters: S,
       otherFilters: _,
       modalActions: J,
@@ -2574,22 +2573,22 @@ const ba = /* @__PURE__ */ le(da, [["render", pa]]), st = {
 }, ga = ["aria-labelledby"], Sa = { class: "b-all-filters-modal__selected-filter-text" }, Ca = { class: "b-all-filters-modal__selected-filter-component" }, Ba = { class: "b-all-filters-modal__clear-button" };
 function Da(e, a, t, i, l, o) {
   const s = E("sliders-icon"), n = E("filter-bar-button"), r = E("bento-search-bar"), f = E("bento-typography"), b = E("all-filters-modal-button"), g = E("bento-button"), T = E("bento-modal");
-  return F(), G("div", va, [
-    U(n, {
+  return h(), G("div", va, [
+    L(n, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       "no-applied-state-styles": "",
       onClick: e.onClickAllFiltersModal
     }, {
       iconLeft: B(() => [
-        U(s, { "aria-hidden": "true" })
+        L(s, { "aria-hidden": "true" })
       ]),
       default: B(() => [
         Q(X(e.t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    U(T, {
+    L(T, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2608,23 +2607,23 @@ function Da(e, a, t, i, l, o) {
           class: "b-all-filters-modal__filters",
           onKeydown: a[1] || (a[1] = fe((...u) => e.onKeydownRight && e.onKeydownRight(...u), ["right"]))
         }, [
-          U(r, {
+          L(r, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.t("searchBar").toString(),
             onInput: a[0] || (a[0] = (u) => e.searchTerm = u),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (F(), G("div", ma, [
-            U(f, { el: "span" }, {
+          e.isEmptyResultForSearchFilter ? (h(), G("div", ma, [
+            L(f, { el: "span" }, {
               default: B(() => [
                 Q(X(e.t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
           ])) : x("", !0),
-          e.activeFilters.length ? (F(), G("div", ya, [
-            U(f, {
+          e.activeFilters.length ? (h(), G("div", ya, [
+            L(f, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
@@ -2639,10 +2638,10 @@ function Da(e, a, t, i, l, o) {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (F(!0), G(Te, null, ve(e.activeFilters, (u) => (F(), G("li", {
+              (h(!0), G(Te, null, ve(e.activeFilters, (u) => (h(), G("li", {
                 key: `${u.label}-${u.field}`
               }, [
-                U(b, {
+                L(b, {
                   ref_for: !0,
                   ref: (S) => e.allFiltersModalFilterButtons[u.label] = S,
                   label: u.label,
@@ -2654,8 +2653,8 @@ function Da(e, a, t, i, l, o) {
               ]))), 128))
             ], 8, Fa)
           ])) : x("", !0),
-          e.otherFilters.length ? (F(), G("div", ha, [
-            e.activeFilters.length ? (F(), L(f, {
+          e.otherFilters.length ? (h(), G("div", ha, [
+            e.activeFilters.length ? (h(), U(f, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -2671,10 +2670,10 @@ function Da(e, a, t, i, l, o) {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (F(!0), G(Te, null, ve(e.otherFilters, (u) => (F(), G("li", {
+              (h(!0), G(Te, null, ve(e.otherFilters, (u) => (h(), G("li", {
                 key: `${u.label}-${u.field}`
               }, [
-                U(b, {
+                L(b, {
                   ref_for: !0,
                   ref: (S) => e.allFiltersModalFilterButtons[u.label] = S,
                   label: u.label,
@@ -2694,7 +2693,7 @@ function Da(e, a, t, i, l, o) {
           onKeydown: a[2] || (a[2] = fe((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
         }, [
           z("div", Sa, [
-            U(f, {
+            L(f, {
               el: "div",
               variant: "title",
               medium: ""
@@ -2704,7 +2703,7 @@ function Da(e, a, t, i, l, o) {
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (F(), L(f, {
+            e.selectedFilter.description ? (h(), U(f, {
               key: 0,
               el: "div",
               variant: "body",
@@ -2717,7 +2716,7 @@ function Da(e, a, t, i, l, o) {
             })) : x("", !0)
           ]),
           z("div", Ca, [
-            (F(), L(Pe(e.selectedFilter.type), {
+            (h(), U(Pe(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2731,7 +2730,7 @@ function Da(e, a, t, i, l, o) {
             }, null, 40, ["field", "label", "options", "value", "default-value", "disabled", "onInput"]))
           ]),
           z("div", Ba, [
-            U(g, {
+            L(g, {
               variant: "secondary",
               disabled: e.isClearButtonDisabled,
               onClick: e.clearFilter
@@ -2748,7 +2747,7 @@ function Da(e, a, t, i, l, o) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb529263"]]), Lt = {
+const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb529263"]]), Ut = {
   "en-US": {
     clearFilters: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2777,7 +2776,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
   key: 0,
   class: "b-filter-bar__search-external-container"
 }, Ia = { key: 0 }, _a = {
-  i18n: { messages: Lt },
+  i18n: { messages: Ut },
   name: "bento-filter-bar",
   components: {
     BentoBooleanFilter: Et,
@@ -2785,7 +2784,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
-    BentoRangeFilter: Ut,
+    BentoRangeFilter: Lt,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCountryFilter: _t,
     BentoSelectCurrencyFilter: It,
@@ -2819,7 +2818,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
     Be.UPDATE
   ],
   setup(e, { expose: a, emit: t }) {
-    const i = e, l = t, { t: o } = pe({ messages: Lt }), s = H(null), n = p(
+    const i = e, l = t, { t: o } = pe({ messages: Ut }), s = H(null), n = p(
       () => {
         var C, y;
         return (y = ((C = i.config) == null ? void 0 : C.length) > 0 ? i.config : i.value) == null ? void 0 : y.map((c) => {
@@ -2865,7 +2864,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
       )
     )), $ = p(() => i.searchTerm != null), q = p(
       () => n.value.filter(({ defaultValue: C }) => C == null).some(({ value: C }) => C != null)
-    ), h = p(() => P.value.length === 0 && q.value), w = p(() => P.value.length === 0 ? !1 : !n.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: c }) => JSON.stringify(y) === JSON.stringify(c)) || q.value), N = (C) => {
+    ), F = p(() => P.value.length === 0 && q.value), w = p(() => P.value.length === 0 ? !1 : !n.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: c }) => JSON.stringify(y) === JSON.stringify(c)) || q.value), N = (C) => {
       l(he.INPUT, C), l(
         he.UPDATE_FILTER_VALUES_ARRAY,
         C == null ? void 0 : C.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: c }) => ({ field: y, value: c }))
@@ -2908,13 +2907,13 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
     }, ee = () => {
       l(Be.CLEAR);
     };
-    return a({ isClearAllVisible: h, clearAllFilters: A, isResetAllVisible: w, resetAllFilters: K }), (C, y) => (F(), G("div", {
+    return a({ isClearAllVisible: F, clearAllFilters: A, isResetAllVisible: w, resetAllFilters: K }), (C, y) => (h(), G("div", {
       ref_key: "filterBarRef",
       ref: s,
       class: "b-filter-bar"
     }, [
-      !I(b) && $.value ? (F(), G("div", Ta, [
-        U(Le, re({ class: "b-filter-bar__search-bar" }, _.value, {
+      !I(b) && $.value ? (h(), G("div", Ta, [
+        L(Ue, re({ class: "b-filter-bar__search-bar" }, _.value, {
           "input-field-aria-label": S.value,
           value: C.searchTerm,
           condensed: "",
@@ -2922,7 +2921,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
           onClear: ee
         }), null, 16, ["input-field-aria-label", "value"])
       ])) : x("", !0),
-      (F(), L(Pe(I(f)), {
+      (h(), U(Pe(I(f)), {
         class: de(T.value),
         condensed: ""
       }, {
@@ -2930,8 +2929,8 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
           z("div", {
             class: de(u.value)
           }, [
-            I(b) && $.value ? (F(), G("div", Ia, [
-              U(Le, re({ class: "b-filter-bar__search-bar" }, _.value, {
+            I(b) && $.value ? (h(), G("div", Ia, [
+              L(Ue, re({ class: "b-filter-bar__search-bar" }, _.value, {
                 "input-field-aria-label": S.value,
                 value: C.searchTerm,
                 condensed: "",
@@ -2939,7 +2938,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
                 onClear: ee
               }), null, 16, ["input-field-aria-label", "value"])
             ])) : x("", !0),
-            P.value.length ? (F(!0), G(Te, { key: 1 }, ve(P.value, (c) => (F(), L(Pe(c.type), {
+            P.value.length ? (h(!0), G(Te, { key: 1 }, ve(P.value, (c) => (h(), U(Pe(c.type), {
               key: c.field,
               field: c.field,
               label: c.label,
@@ -2949,7 +2948,7 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
               "default-value": c.defaultValue,
               onUpdate: Y
             }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : x("", !0),
-            (F(!0), G(Te, null, ve(M.value, (c) => (F(), L(Pe(c.type), {
+            (h(!0), G(Te, null, ve(M.value, (c) => (h(), U(Pe(c.type), {
               key: c.field,
               field: c.field,
               label: c.label,
@@ -2958,32 +2957,32 @@ const Aa = /* @__PURE__ */ le(fa, [["render", Da], ["__scopeId", "data-v-eb52926
               value: c.value,
               onUpdate: Y
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
-            k.value ? (F(), L(Aa, {
+            k.value ? (h(), U(Aa, {
               key: 2,
               class: "b-filter-bar__all-filters-modal",
               value: n.value,
               onInput: N
             }, null, 8, ["value"])) : x("", !0),
-            h.value ? (F(), L(I(Oe), {
+            F.value ? (h(), U(I(Oe), {
               key: 3,
               class: "b-filter-bar__clear-all",
               onClick: A
             }, {
               iconLeft: B(() => [
-                U(I(Qe), { "aria-hidden": "true" })
+                L(I(Qe), { "aria-hidden": "true" })
               ]),
               default: B(() => [
                 Q(X(I(o)("clearFilters")) + " ", 1)
               ]),
               _: 1
             })) : x("", !0),
-            w.value ? (F(), L(I(Oe), {
+            w.value ? (h(), U(I(Oe), {
               key: 4,
               class: "b-filter-bar__reset-all",
               onClick: K
             }, {
               iconLeft: B(() => [
-                U(I(Qe), { "aria-hidden": "true" })
+                L(I(Qe), { "aria-hidden": "true" })
               ]),
               default: B(() => [
                 Q(X(I(o)("resetFilters")) + " ", 1)
@@ -3003,4 +3002,4 @@ export {
   he as b,
   ie as c
 };
-//# sourceMappingURL=filter-bar.DlGlB8KV.js.map
+//# sourceMappingURL=filter-bar.BLhRZzJa.js.map