@adyen/bento-vue3 1.78.2 → 1.79.0

package/dist/chunks/{filter-bar.DAYxD7wi.js → filter-bar.B9yGivxl.js}

@@ -1,40 +1,41 @@
 import { defineComponent as Q, useSlots as Ve, useAttrs as Ot, computed as b, ref as V, createBlock as w, openBlock as g, unref as _, normalizeClass as de, withCtx as D, createElementVNode as W, renderSlot as ce, createCommentVNode as Z, createVNode as R, createTextVNode as X, toDisplayString as x, watch as se, createElementBlock as G, withDirectives as Rt, withKeys as me, nextTick as rt, toRef as te, onBeforeUpdate as Ne, provide as ut, mergeProps as re, resolveComponent as N, Fragment as $e, reactive as wt, createSlots as Pe, renderList as ye, normalizeProps as Re, guardReactiveProps as we, onMounted as dt, resolveDynamicComponent as Oe } from "vue";
-import { B as ke, b as Ae } from "./search-bar.BmNEcy0L.js";
-import { u as kt } from "./use-bento-toast-controller.Kri_h7jS.js";
+import { B as ke, b as Ae } from "./search-bar.BwrFcw9L.js";
+import { u as kt } from "./use-bento-toast-controller.DK1PV3YW.js";
 import { u as pe } from "./index.pdBj0KQU.js";
 import { k as Vt } from "./index.E60QniEu.js";
 import { F as ct } from "./fixed-scroller.Dmg8r9QP.js";
-import { _ as Nt } from "./modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { _ as Nt } from "./modal.vue_vue_type_script_setup_true_lang.BYqbdsty.js";
 import { B as Mt } from "./button.DhcxX2GJ.js";
-import { B as Ht } from "./radio-group.Br-N309Y.js";
+import { B as Ht } from "./radio-group.CVDDBCP4.js";
 import { t as Ce } from "./truncate.BfIl_-71.js";
-import { u as jt, d as pt, h as qt, I as Kt, k as Jt, B as Yt } from "./button-actions.BQ3AFQqt.js";
-import { b as zt } from "./tooltip.Dp9_ESm_.js";
+import { u as jt, g as qt, I as Kt, h as Jt, B as Yt } from "./button-actions.Bg38lywL.js";
+import { b as zt } from "./tooltip.CeX5eGnw.js";
 import { _ as le } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { g as qe } from "./generate-uid.NJ8tVoha.js";
+import { B as pt } from "./teleport.CHhznja1.js";
 import { C as Wt } from "./cross-small.n1UO5wNB.js";
 import { B as bt, a as Ge } from "./base-button.BYhf0xf3.js";
 import { B as ve, d as Ke } 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.CQRAP2_q.js";
-import { B as Je } from "./input-field.B6nL7d8O.js";
-import { u as Ye, B as Gt } from "./dropdown.CdsjtT9_.js";
+import { B as Je } from "./input-field.C9ABE4cI.js";
+import { u as Ye, B as Gt } from "./dropdown.B5tPWVxg.js";
 import { g as Zt } from "./focus-trap.CpNGD7PH.js";
 import { C as Qt } from "./chevron-up.kfuLRpZb.js";
 import { C as Xt } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
-import { B as ze } from "./divider.DnKNNyWB.js";
-import { c as Ze, b as xt } from "./use-cached-selected-values.8MdrR9wt.js";
-import { L as yt } from "./listbox-option-tag.Cwe9Bn-R.js";
-import { B as el } from "./payment-method.D6PeTYWq.js";
+import { B as ze } from "./divider.Dho4_hQ7.js";
+import { c as Ze, b as xt } from "./use-cached-selected-values.os3Yp7Tw.js";
+import { L as yt } from "./listbox-option-tag.C1cZs38g.js";
+import { B as el } from "./payment-method.CExDsirg.js";
 import { u as tl } from "./use-country-items.Dzbl2UsO.js";
 import { B as ll } from "./avatar.P2Fkz2I6.js";
-import { D as al, B as ol, i as He, a as nl } from "./date-range-picker.CXeFdxAA.js";
-import { g as ht } from "./differenceInMonths.C8FyCrav.js";
+import { D as al, B as ol, i as He, a as nl } from "./date-range-picker.BPZE6r01.js";
+import { g as ht } from "./differenceInMonths.Cab3nOsb.js";
 import { D as Qe } from "./date-format.B8RU7D42.js";
-import { b as sl, f as ge, i as il } from "./calendar.Tm7Cvpwu.js";
-import { B as rl } from "./date-picker.x9GeC_UO.js";
+import { b as sl, f as ge, i as il } from "./calendar.CyJXcMz2.js";
+import { B as rl } from "./date-picker.C3BH0Bsr.js";
 import { R as Xe } from "./refresh.BB4ouvz_.js";
 import "../assets/filter-bar.css";
 const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-bar-button__label-container" }, cl = {}, pl = /* @__PURE__ */ Q({
@@ -159,7 +160,7 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
       _: 3
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), Ee = /* @__PURE__ */ le(pl, [["__scopeId", "data-v-3556e231"]]);
+}), Ue = /* @__PURE__ */ le(pl, [["__scopeId", "data-v-3556e231"]]);
 var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(A || {}), Se = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(Se || {}), 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 || {});
 const xe = 430, et = 700;
 function bl(e, n) {
@@ -273,7 +274,7 @@ const Ft = {
       p.value ? s(ne.RESET) : s(ne.CLEAR), T();
     }, j = () => {
       P(), L();
-    }, E = () => {
+    }, U = () => {
       a.value ? P() : (a.value = !0, s(ne.OPEN));
     }, q = () => {
       P(), s(ne.APPLY);
@@ -307,7 +308,7 @@ const Ft = {
         "skip-grouping": !C.value
       }, {
         default: D(() => [
-          R(_(Ee), {
+          R(_(Ue), {
             ref_key: "filterButtonRef",
             ref: i,
             "aria-label": $.value,
@@ -317,7 +318,7 @@ const Ft = {
             "is-persistent-filter": p.value,
             "is-filter-open": a.value,
             "secondary-label": I.buttonSecondaryLabel,
-            onClick: E,
+            onClick: U,
             onKeydown: me(P, ["esc"])
           }, {
             default: D(() => [
@@ -325,7 +326,7 @@ const Ft = {
             ]),
             _: 1
           }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
-          C.value ? (g(), w(_(Ee), {
+          C.value ? (g(), w(_(Ue), {
             key: 0,
             "applied-filters-count": I.appliedFiltersCount,
             disabled: I.disabled,
@@ -450,7 +451,7 @@ const Ft = {
           dropdownValue: o.value
         } : p.value
       });
-    }, j = () => s("update", { ...l, value: l.defaultValue }), E = () => {
+    }, j = () => s("update", { ...l, value: l.defaultValue }), U = () => {
       p.value = null, L();
     }, q = () => {
       s("input", { ...l, value: p.value });
@@ -491,7 +492,7 @@ const Ft = {
         "tooltip-position": (z = S.options) == null ? void 0 : z.tooltipPosition,
         "tooltip-text": (ee = S.options) == null ? void 0 : ee.tooltipText,
         onApply: L,
-        onClear: E,
+        onClear: U,
         onOpen: P,
         onReset: j
       }), {
@@ -510,11 +511,11 @@ const Ft = {
                 "dropdown-position": (B = S.options) == null ? void 0 : B.dropdownPosition,
                 placeholder: (v = S.options) == null ? void 0 : v.placeholder,
                 variant: i.value,
-                value: _(p),
+                "model-value": _(p),
                 disabled: S.disabled,
-                onInput: F,
+                "onUpdate:modelValue": F,
                 onDropdownInput: M
-              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value", "disabled"])
+              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "model-value", "disabled"])
             ], 34)
           ];
         }),
@@ -522,7 +523,7 @@ const Ft = {
       }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]);
     };
   }
-}), gt = /* @__PURE__ */ le(Bl, [["__scopeId", "data-v-cfef2e49"]]), Dl = {
+}), gt = /* @__PURE__ */ le(Bl, [["__scopeId", "data-v-57f2a128"]]), Dl = {
   name: "bento-input-with-dropdown-filter"
 }, Al = /* @__PURE__ */ Q({
   ...Dl,
@@ -576,7 +577,7 @@ const Ft = {
       o.value = null, T();
     }, j = () => {
       s(A.INPUT, { ...l, value: o.value });
-    }, E = (F) => {
+    }, U = (F) => {
       o.value = { dropdownValue: p.value, inputValue: F };
     }, q = (F) => {
       o.value = { ...o.value, dropdownValue: F };
@@ -610,11 +611,11 @@ const Ft = {
                 dropdown: C.value,
                 "dropdown-position": (S = F.options) == null ? void 0 : S.dropdownPosition,
                 variant: "dropdown",
-                value: (J = _(o)) == null ? void 0 : J.inputValue,
+                "model-value": (J = _(o)) == null ? void 0 : J.inputValue,
                 disabled: F.disabled,
-                onInput: E,
+                "onUpdate:modelValue": U,
                 onDropdownInput: q
-              }, null, 8, ["dropdown", "dropdown-position", "value", "disabled"])
+              }, null, 8, ["dropdown", "dropdown-position", "model-value", "disabled"])
             ], 34)
           ];
         }),
@@ -622,7 +623,7 @@ const Ft = {
       }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]);
     };
   }
-}), St = /* @__PURE__ */ le(Al, [["__scopeId", "data-v-30d40e52"]]), Tl = Q({
+}), St = /* @__PURE__ */ le(Al, [["__scopeId", "data-v-db04529c"]]), Tl = Q({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Be,
@@ -848,26 +849,26 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       te(e, "defaultValue")
     ), i = V(!1), f = b(() => {
       var d;
-      return ((d = e == null ? void 0 : e.options) == null ? void 0 : d.quickSelectRanges) && e.options.quickSelectRanges.map((U) => {
-        const y = U.data.endDate ? void 0 : new Date(Date.now()).getTime() - U.data.startDate.getTime();
+      return ((d = e == null ? void 0 : e.options) == null ? void 0 : d.quickSelectRanges) && e.options.quickSelectRanges.map((E) => {
+        const y = E.data.endDate ? void 0 : new Date(Date.now()).getTime() - E.data.startDate.getTime();
         return {
-          ...U,
+          ...E,
           data: {
-            ...U.data,
+            ...E.data,
             // Adding timeDifference to calculate an up-to-date endDate on range selection
             timeDifference: y
           }
         };
       });
     }), p = (d) => {
-      var U;
+      var E;
       return d ? ge(d, Qe.NUMERIC_DATE_YEAR_FIRST, {
-        locale: t[(U = l.value) == null ? void 0 : U.substring(0, 2)] || t.enUS
+        locale: t[(E = l.value) == null ? void 0 : E.substring(0, 2)] || t.enUS
       }) : void 0;
     }, C = (d) => {
-      var U;
+      var E;
       return d ? ge(d, Qe.HOUR_MINUTE_SECONDS, {
-        locale: t[(U = l.value) == null ? void 0 : U.substring(0, 2)] || t.enUS
+        locale: t[(E = l.value) == null ? void 0 : E.substring(0, 2)] || t.enUS
       }) : "";
     }, $ = V(null), c = V(!1), h = wt({
       startDate: p((v = e.value) == null ? void 0 : v.startDate),
@@ -878,19 +879,19 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
     se(
       () => e.value,
       () => {
-        var d, U, y, m;
-        h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((U = e.value) == null ? void 0 : U.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
+        var d, E, y, m;
+        h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((E = e.value) == null ? void 0 : E.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
       }
     );
     function T(d) {
       return (d == null ? void 0 : d.length) !== void 0;
     }
     const P = (d) => {
-      var U, y, m, k, K, ae, ue, be, fe, Fe;
+      var E, y, m, k, K, ae, ue, be, fe, Fe;
       if (!d || !(d != null && d.startDate) && !d.endDate)
         return null;
-      if (T((U = e.options) == null ? void 0 : U.quickSelectRanges) && ((m = (y = e.options) == null ? void 0 : y.quickSelectRanges) == null ? void 0 : m.length) > 0) {
-        const Ie = (K = (k = e.options) == null ? void 0 : k.quickSelectRanges) == null ? void 0 : K.find(({ value: Ue, data: oe }) => d ? d.range ? Ue === d.range : !d.startDate || !d.endDate ? !1 : oe != null && oe.endDate ? He(oe == null ? void 0 : oe.startDate, d.startDate) && He(oe == null ? void 0 : oe.endDate, d.endDate) : He(oe == null ? void 0 : oe.startDate, d.startDate) && nl(d.endDate) : !1);
+      if (T((E = e.options) == null ? void 0 : E.quickSelectRanges) && ((m = (y = e.options) == null ? void 0 : y.quickSelectRanges) == null ? void 0 : m.length) > 0) {
+        const Ie = (K = (k = e.options) == null ? void 0 : k.quickSelectRanges) == null ? void 0 : K.find(({ value: Ee, data: oe }) => d ? d.range ? Ee === d.range : !d.startDate || !d.endDate ? !1 : oe != null && oe.endDate ? He(oe == null ? void 0 : oe.startDate, d.startDate) && He(oe == null ? void 0 : oe.endDate, d.endDate) : He(oe == null ? void 0 : oe.startDate, d.startDate) && nl(d.endDate) : !1);
         if (Ie)
           return Ie.label;
       }
@@ -903,19 +904,19 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       })} - ${ge(d.endDate, "dd MMM, yyyy", {
         locale: t[(Fe = l.value) == null ? void 0 : Fe.substring(0, 2)] || t.enUS
       })}`;
-    }, L = V(P(e.value)), j = b(() => e.label), E = () => {
+    }, L = V(P(e.value)), j = b(() => e.label), U = () => {
       $.value.closePopover();
-      const { onlySlot: d, ...U } = e;
-      n(A.UPDATE, { ...U, value: o.value });
+      const { onlySlot: d, ...E } = e;
+      n(A.UPDATE, { ...E, value: o.value });
     }, q = () => {
-      o.value = void 0, E();
+      o.value = void 0, U();
     }, F = () => {
-      o.value = e.defaultValue, E();
+      o.value = e.defaultValue, U();
     }, M = () => {
       o.value = e.value;
     }, H = () => {
-      var d, U, y, m;
-      o.value = e.value, i.value = !1, h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((U = e.value) == null ? void 0 : U.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
+      var d, E, y, m;
+      o.value = e.value, i.value = !1, h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((E = e.value) == null ? void 0 : E.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
     }, I = (d) => {
       i.value = !1, o.value = d, h.startDate = p(d.startDate), h.endDate = p(d.endDate), n(A.INPUT, { ...e, value: o.value });
     }, S = (d) => {
@@ -926,7 +927,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       () => [
         {
           title: s("apply"),
-          event: E,
+          event: U,
           disabled: i.value || c.value || a.value
         },
         {
@@ -965,7 +966,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       openFilter: M,
       clearFilter: q,
       resetFilter: F,
-      updateFilter: E,
+      updateFilter: U,
       onDatePickerRangeError: ee,
       onDatePickerRangeFormDateInputUpdate: B,
       onDateInputSelected: J,
@@ -976,7 +977,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
   key: 1,
   class: "b-date-range-filter"
 };
-function El(e, n, l, s, t, o) {
+function Ul(e, n, l, s, t, o) {
   var $, c;
   const r = N("bento-date-range-picker"), a = N("bento-typography"), i = N("bento-divider"), f = N("bento-button-actions"), p = N("date-range-picker-calendar"), C = N("bento-base-filter");
   return g(), w(C, {
@@ -1001,7 +1002,7 @@ function El(e, n, l, s, t, o) {
     onCancel: e.onCancel
   }, {
     default: D(() => {
-      var h, T, P, L, j, E, q, F, M, H, I, S, J, z, ee, B, v, u, O, Y, d;
+      var h, T, P, L, j, U, q, F, M, H, I, S, J, z, ee, B, v, u, O, Y, d;
       return [
         e.onlySlot ? (g(), w(r, {
           key: 0,
@@ -1011,7 +1012,7 @@ function El(e, n, l, s, t, o) {
           "is-date-disabled": (P = e.options) == null ? void 0 : P.isDateDisabled,
           "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths,
           "quick-select-ranges": (j = e.options) == null ? void 0 : j.quickSelectRanges,
-          variant: (E = e.options) == null ? void 0 : E.variant,
+          variant: (U = e.options) == null ? void 0 : U.variant,
           disabled: e.disabled,
           granularities: (q = e.options) == null ? void 0 : q.granularities,
           "max-range": (F = e.options) == null ? void 0 : F.maxRange,
@@ -1039,7 +1040,7 @@ function El(e, n, l, s, t, o) {
             onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: n[0] || (n[0] = (U) => e.isSelectingDate = !0)
+            onStartDateSelected: n[0] || (n[0] = (E) => e.isSelectingDate = !0)
           }, {
             title: D(() => [
               R(a, {
@@ -1069,7 +1070,7 @@ function El(e, n, l, s, t, 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($l, [["render", El], ["__scopeId", "data-v-e3901321"]]), Dt = {
+const Bt = /* @__PURE__ */ le($l, [["render", Ul], ["__scopeId", "data-v-e3901321"]]), Dt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -1081,7 +1082,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   "pt-BR": {
     all: "Todos"
   }
-}, Ul = { class: "b-select-filter-button__search-bar-wrapper" }, Ll = {
+}, El = { class: "b-select-filter-button__search-bar-wrapper" }, Ll = {
   key: 0,
   class: "b-select-filter-button__search-bar"
 }, Ol = { class: "b-select-filter-button__divider" }, Rl = {
@@ -1157,12 +1158,12 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       r,
       i,
       (B = (ee = t.options) == null ? void 0 : ee.search) == null ? void 0 : B.searchEvent
-    ), L = b(() => o("noFiltersMatchThisSearch")), j = b(() => t.label), E = b(() => {
-      var O, Y, d, U, y;
+    ), L = b(() => o("noFiltersMatchThisSearch")), j = b(() => t.label), U = b(() => {
+      var O, Y, d, E, y;
       const v = !((O = t == null ? void 0 : t.options) != null && O.multiple) && (t == null ? void 0 : t.value), u = ((Y = t == null ? void 0 : t.options) == null ? void 0 : Y.multiple) && Array.isArray(t.value) && t.value.length === 1;
       if (v || u) {
         if ((d = t.options) != null && d.enableValueLabelPair) {
-          const K = ((U = c.value) == null ? void 0 : U.length) > 0 ? c.value[0].label : t.value;
+          const K = ((E = c.value) == null ? void 0 : E.length) > 0 ? c.value[0].label : t.value;
           return Ce(K, 12);
         }
         let k = (y = t.options.listboxItems.flatMap((K) => K.items ? K.items : K).find(
@@ -1175,23 +1176,23 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       }
       return null;
     }), q = b(() => qe(`filter-listbox-${t.field}`)), F = (v) => {
-      var d, U, y;
+      var d, E, y;
       c.value = v;
       const { onlySlot: u, ...O } = t;
       if ((d = t.options) != null && d.multiple) {
         let m;
-        (U = t.options) != null && U.enableValueLabelPair ? m = v.length ? c.value : null : m = v.length ? c.value.map(({ value: k }) => k) : null, s(A.INPUT, { ...O, value: m });
+        (E = t.options) != null && E.enableValueLabelPair ? m = v.length ? c.value : null : m = v.length ? c.value.map(({ value: k }) => k) : null, s(A.INPUT, { ...O, value: m });
         return;
       }
       let Y;
       (y = t.options) != null && y.enableValueLabelPair ? Y = v.length ? v[0] : null : Y = v.length ? v[0].value : null, s(A.INPUT, { ...O, value: Y });
     }, M = () => {
-      var Y, d, U, y, m, k;
+      var Y, d, E, y, m, k;
       const { onlySlot: v, ...u } = t;
       if (t.options.multiple) {
         c.value && ((Y = c.value) == null ? void 0 : Y.length) === 0 && (c.value = t.defaultValue !== null ? $.value : void 0);
         let K;
-        (d = t.options) != null && d.enableValueLabelPair ? K = (U = c.value) != null && U.length ? c.value : null : K = (y = c.value) != null && y.length ? (m = c.value) == null ? void 0 : m.map(({ value: ae }) => ae) : null, s(A.UPDATE, {
+        (d = t.options) != null && d.enableValueLabelPair ? K = (E = c.value) != null && E.length ? c.value : null : K = (y = c.value) != null && y.length ? (m = c.value) == null ? void 0 : m.map(({ value: ae }) => ae) : null, s(A.UPDATE, {
           ...u,
           value: K
         });
@@ -1212,9 +1213,9 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       var O, Y;
       if (t.value == null || !t.options.multiple)
         return null;
-      const v = (O = t.options.listboxItems) == null ? void 0 : O.reduce((d, U) => {
+      const v = (O = t.options.listboxItems) == null ? void 0 : O.reduce((d, E) => {
         var y;
-        return d += (y = U == null ? void 0 : U.items) != null && y.length ? U.items.length : 1, d;
+        return d += (y = E == null ? void 0 : E.items) != null && y.length ? E.items.length : 1, d;
       }, 0), u = (Y = t.value) == null ? void 0 : Y.length;
       return u === 1 ? null : u === v ? o("all") : u;
     });
@@ -1223,7 +1224,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       return g(), w(_(Be), {
         "applied-filters-count": z.value,
         "button-label": j.value,
-        "button-secondary-label": E.value,
+        "button-secondary-label": U.value,
         disabled: e.disabled,
         "disable-apply-button": _(T),
         "disable-secondary-button": _(h),
@@ -1241,12 +1242,12 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
         onClose: I
       }, {
         default: D(() => {
-          var d, U, y, m, k, K, ae, ue, be, fe, Fe, Ie, Ue, oe, We;
+          var d, E, y, m, k, K, ae, ue, be, fe, Fe, Ie, Ee, oe, We;
           return [
-            W("div", Ul, [
+            W("div", El, [
               ((d = e.options) == null ? void 0 : d.dynamicFiltering) ?? !0 ? (g(), G("div", Ll, [
                 R(ke, {
-                  "debounce-time": (y = (U = e.options) == null ? void 0 : U.search) == null ? void 0 : y.debounceTime,
+                  "debounce-time": (y = (E = e.options) == null ? void 0 : E.search) == null ? void 0 : y.debounceTime,
                   value: r.value,
                   "input-field-aria-label": _(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
                   onInput: u[0] || (u[0] = (Me) => r.value = Me)
@@ -1267,7 +1268,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
               "is-option-disabled": (ue = e.options) == null ? void 0 : ue.isOptionDisabled,
               "lazy-load-type": (fe = (be = e.options) == null ? void 0 : be.lazy) == null ? void 0 : fe.lazyLoadType,
               loading: (Ie = (Fe = e.options) == null ? void 0 : Fe.lazy) == null ? void 0 : Ie.loading,
-              multiple: (Ue = e.options) == null ? void 0 : Ue.multiple,
+              multiple: (Ee = e.options) == null ? void 0 : Ee.multiple,
               "static-categories": (oe = e.options) == null ? void 0 : oe.staticCategories,
               "no-results-message": L.value,
               searching: !!r.value,
@@ -1365,7 +1366,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       t(A.INPUT, { ...c, value: r.value });
     };
     return (C, $) => {
-      var c, h, T, P, L, j, E;
+      var c, h, T, P, L, j, U;
       return g(), w(_(Gt), {
         "model-value": _(r),
         items: e.options.listboxItems,
@@ -1378,7 +1379,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
         "component-loading": (L = e.options) == null ? void 0 : L.loading,
         "empty-state": (j = e.options) == null ? void 0 : j.emptyState,
         disabled: e.disabled,
-        "enable-value-label-pair": (E = e.options) == null ? void 0 : E.enableValueLabelPair,
+        "enable-value-label-pair": (U = e.options) == null ? void 0 : U.enableValueLabelPair,
         "onUpdate:modelValue": p,
         onOpen: $[0] || ($[0] = () => {
           var q, F;
@@ -1840,9 +1841,9 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const { t: l } = pe({ messages: ot }), s = (E) => typeof E == "boolean" ? E == null ? void 0 : E.toString() : E, t = (E) => {
+    const { t: l } = pe({ messages: ot }), s = (U) => typeof U == "boolean" ? U == null ? void 0 : U.toString() : U, t = (U) => {
       var q, F, M, H;
-      return ((F = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : F.value) !== void 0 && ((H = (M = e == null ? void 0 : e.options) == null ? void 0 : M.negativeOption) == null ? void 0 : H.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof E == "string" ? E === "true" : E;
+      return ((F = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : F.value) !== void 0 && ((H = (M = e == null ? void 0 : e.options) == null ? void 0 : M.negativeOption) == null ? void 0 : H.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof U == "string" ? U === "true" : U;
     }, o = b(() => s(e.defaultValue)), r = b(() => s(e.value)), a = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
@@ -1860,8 +1861,8 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
       o
     ), C = b(() => e.label), $ = b(
       () => {
-        var E;
-        return Ce((E = a.value.find(({ value: q }) => q === r.value)) == null ? void 0 : E.label, 12);
+        var U;
+        return Ce((U = a.value.find(({ value: q }) => q === r.value)) == null ? void 0 : U.label, 12);
       }
     ), c = b(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
@@ -1869,8 +1870,8 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
     Ne(() => {
       i.value || (i.value = null);
     });
-    const h = (E) => {
-      i.value = E, n(A.INPUT, {
+    const h = (U) => {
+      i.value = U, n(A.INPUT, {
         ...e,
         value: t(i.value)
       });
@@ -1940,7 +1941,7 @@ function Ql(e, n, l, s, t, o) {
     _: 1
   }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d5"]]), nt = {
+const Ut = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d5"]]), nt = {
   "en-US": {
     from: "From",
     to: "To"
@@ -1995,8 +1996,8 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
         return null;
       let j = "";
       (I = e.value) != null && I[0] ? (S = e.value) != null && S[1] || (j = "≥") : j = "≤";
-      const E = (J = e.value) != null && J[0] ? `${Ce(e.value[0], 5)}` : "", q = (z = e.value) != null && z[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", F = (B = e.value) != null && B[1] ? `${Ce(e.value[1], 5)}` : "";
-      return `${j}${E}${q}${F}`;
+      const U = (J = e.value) != null && J[0] ? `${Ce(e.value[0], 5)}` : "", q = (z = e.value) != null && z[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", F = (B = e.value) != null && B[1] ? `${Ce(e.value[1], 5)}` : "";
+      return `${j}${U}${q}${F}`;
     }), i = b(() => e.label), f = b(() => a.value), p = b(() => ({
       "b-range-filter--only-slot": e.onlySlot
     })), C = () => {
@@ -2059,36 +2060,36 @@ function xl(e, n, l, s, t, o) {
       }, [
         R(r, {
           ref: "inputTextRef",
-          value: e.internalFilterValue ? e.internalFilterValue[0] : "",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
           "aria-label": e.t("from").toString(),
           disabled: e.disabled,
-          onInput: e.updateFrom
+          "onUpdate:modelValue": e.updateFrom
         }, {
           default: D(() => [
             X(x(e.t("from")), 1)
           ]),
           _: 1
-        }, 8, ["value", "aria-label", "disabled", "onInput"]),
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"]),
         R(r, {
           class: "b-range-filter__input-field",
-          value: e.internalFilterValue ? e.internalFilterValue[1] : "",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
           "aria-label": e.t("to"),
           disabled: e.disabled,
-          onInput: e.updateTo
+          "onUpdate:modelValue": e.updateTo
         }, {
           default: D(() => [
             X(x(e.t("to")), 1)
           ]),
           _: 1
-        }, 8, ["value", "aria-label", "disabled", "onInput"])
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"])
       ], 34)
     ]),
     _: 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", xl], ["__scopeId", "data-v-355c6c3b"]]);
+const Et = /* @__PURE__ */ le(Xl, [["render", xl], ["__scopeId", "data-v-c71c8dbd"]]);
 var je = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(je || {});
 const ea = Q({
   name: "base-filter-button",
@@ -2321,14 +2322,14 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: ra,
-    BentoBooleanFilter: Et,
+    BentoBooleanFilter: Ut,
     BentoButton: Mt,
     BentoDateFilter: Ct,
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
     BentoModal: Nt,
-    BentoRangeFilter: Ut,
+    BentoRangeFilter: Et,
     BentoSearchBar: ke,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCurrencyFilter: It,
@@ -2337,7 +2338,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     BentoSelectPaymentMethodFilter: $t,
     BentoSelectTagFilter: Pt,
     BentoTypography: ve,
-    FilterBarButton: Ee,
+    FilterBarButton: Ue,
     SlidersIcon: pa
   },
   props: {
@@ -2407,7 +2408,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     dt(() => {
       j();
     });
-    const E = (y) => y.map((m) => {
+    const U = (y) => y.map((m) => {
       var k, K, ae, ue, be, fe;
       switch (m.type) {
         case ie.SELECT:
@@ -2416,20 +2417,15 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
         case ie.SELECT_CURRENCY:
         case ie.SELECT_PAYMENT_METHOD:
         case ie.SELECT_TAG:
-          switch ((k = m.options) == null ? void 0 : k.multiple) {
-            case !0:
-              return {
-                label: m.label,
-                field: m.field,
-                count: (K = m.value) != null && K.length ? (ae = m.value) == null ? void 0 : ae.length : null
-              };
-            default:
-              return {
-                label: m.label,
-                field: m.field,
-                count: m.value == null ? null : 1
-              };
-          }
+          return ((k = m.options) == null ? void 0 : k.multiple) === !0 ? {
+            label: m.label,
+            field: m.field,
+            count: (K = m.value) != null && K.length ? (ae = m.value) == null ? void 0 : ae.length : null
+          } : {
+            label: m.label,
+            field: m.field,
+            count: m.value == null ? null : 1
+          };
         case ie.DATE_RANGE:
           return {
             label: m.label,
@@ -2460,13 +2456,13 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     ), F = b(() => !q.value || L.value.disabled), M = b(
       () => {
         var y;
-        return (y = E(e.value)) == null ? void 0 : y.filter(({ count: m }) => !!m).length;
+        return (y = U(e.value)) == null ? void 0 : y.filter(({ count: m }) => !!m).length;
       }
     ), H = () => {
       o.value ? o.value = !1 : o.value = !0;
     }, I = (y) => {
       var k, K, ae;
-      const m = E(l.value).find((ue) => ue.field === y.field).count;
+      const m = U(l.value).find((ue) => ue.field === y.field).count;
       return typeof y.type == "string" && // Type guard to avoid casting
       y.type.includes("BentoSelect") && ((k = y.options) != null && k.multiple) && m === ((ae = (K = y.options) == null ? void 0 : K.listboxItems) == null ? void 0 : ae.length) ? f("all") : m === null ? null : p(m);
     }, S = (y, m) => {
@@ -2763,12 +2759,12 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
   i18n: { messages: Lt },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: Et,
+    BentoBooleanFilter: Ut,
     BentoDateFilter: Ct,
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
-    BentoRangeFilter: Ut,
+    BentoRangeFilter: Et,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCountryFilter: _t,
     BentoSelectCurrencyFilter: It,
@@ -2846,7 +2842,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
         // eslint-disable-next-line eqeqeq
         v === void 0 || s.showAppliedHiddenFilters && u != null
       )
-    )), E = b(() => s.searchTerm != null), q = b(
+    )), U = b(() => s.searchTerm != null), q = b(
       () => a.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
     ), F = b(() => L.value.length === 0 && q.value), M = b(() => L.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: v }) => v !== void 0 || v !== null).every(({ value: v, defaultValue: u }) => JSON.stringify(v) === JSON.stringify(u)) || q.value), H = (B) => {
       t(Se.INPUT, B), t(
@@ -2896,7 +2892,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
       ref: r,
       class: "b-filter-bar"
     }, [
-      !_(p) && E.value ? (g(), G("div", Aa, [
+      !_(p) && U.value ? (g(), G("div", Aa, [
         R(ke, re({ class: "b-filter-bar__search-bar" }, T.value, {
           "input-field-aria-label": h.value,
           value: B.searchTerm,
@@ -2913,7 +2909,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
           W("div", {
             class: de(c.value)
           }, [
-            _(p) && E.value ? (g(), G("div", Ta, [
+            _(p) && U.value ? (g(), G("div", Ta, [
               R(ke, re({ class: "b-filter-bar__search-bar" }, T.value, {
                 "input-field-aria-label": h.value,
                 value: B.searchTerm,
@@ -2947,7 +2943,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
               value: a.value,
               onInput: H
             }, null, 8, ["value"])) : Z("", !0),
-            F.value ? (g(), w(_(Ee), {
+            F.value ? (g(), w(_(Ue), {
               key: 3,
               class: "b-filter-bar__clear-all",
               onClick: S
@@ -2960,7 +2956,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
               ]),
               _: 1
             })) : Z("", !0),
-            M.value ? (g(), w(_(Ee), {
+            M.value ? (g(), w(_(Ue), {
               key: 4,
               class: "b-filter-bar__reset-all",
               onClick: J
@@ -2979,12 +2975,12 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
       }, 8, ["class"]))
     ], 512));
   }
-}), fo = /* @__PURE__ */ le(_a, [["__scopeId", "data-v-08825006"]]);
+}), vo = /* @__PURE__ */ le(_a, [["__scopeId", "data-v-08825006"]]);
 export {
-  fo as B,
+  vo as B,
   Be as a,
   A as b,
   Se as c,
   ie as d
 };
-//# sourceMappingURL=filter-bar.DAYxD7wi.js.map
+//# sourceMappingURL=filter-bar.B9yGivxl.js.map