@adyen/bento-vue2 1.95.0 → 1.96.1

package/dist/chunks/{filter-bar.gjMPoK6d.js → filter-bar.DQ9fJXq1.js}

@@ -1,4 +1,4 @@
-import { ref as w, onMounted as Fe, watch as X, computed as u, defineComponent as M, useSlots as ge, useAttrs as Bt, nextTick as Ge, toRef as H, onBeforeUpdate as Be, provide as je, reactive as St, shallowRef as Ct } from "vue";
+import { ref as w, onMounted as Fe, watch as z, computed as u, defineComponent as M, useSlots as ge, useAttrs as Bt, nextTick as Ge, toRef as H, onBeforeUpdate as Be, provide as je, reactive as St, shallowRef as Ct } from "vue";
 import { a as Ye } from "./radio-group.cn4lZb8R.js";
 import { u as Z } from "./index.B6WW_F-J.js";
 import { t as te } from "./truncate.BfIl_-71.js";
@@ -12,35 +12,35 @@ import { B as Je, a as Le } from "./base-button.BPRPrO0p.js";
 import { u as Qe } from "./use-has-slot.C9lQZ6nz.js";
 import { u as Ke } from "./aria-label.CaUURpnB.js";
 import { g as Ze } from "./get-slot-text.Bjb9dTSV.js";
-import { B as we } from "./input-field.D86PSAiu.js";
-import { B as It } from "./checkbox-group.BAjvgXlc.js";
+import { B as we } from "./input-field.BkQZ6Qzl.js";
+import { B as It } from "./checkbox-group.CNTMMwQr.js";
 import "./index.Cl4_42j5.js";
-import { B as Oe, a as de } from "./search-bar.BvHhXdNu.js";
+import { B as Oe, a as de } from "./search-bar.D-WK8eMQ.js";
 import { n as Et } from "./index.CJYgd0QI.js";
 import { F as et } from "./fixed-scroller.4xAzt_OI.js";
 import { B as Pt } from "./modal.DHL3TGHv.js";
 import { B as Lt } from "./button.DITA6YtS.js";
-import { u as Ie, B as Rt } from "./dropdown.BEurqT8m.js";
+import { u as Ie, B as Rt } from "./dropdown.C70AlvOT.js";
 import { g as kt } from "./focus-trap.CBIb3SyN.js";
 import { C as Nt } from "./chevron-up.d8cwIlA_.js";
 import { C as $t } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { C as Vt } from "./checkbox-input.08E9BNeF.js";
-import { u as Re, b as Ut, C as Mt } from "./use-cached-selected-values.txnml8sE.js";
+import { u as Re, b as Vt, C as Ut } from "./use-cached-selected-values.D0s14AxT.js";
+import { C as Mt } from "./checkbox-input.08E9BNeF.js";
 import { B as Ee } from "./divider.DX5gwN7p.js";
 import { L as tt } from "./listbox-option-tag.Ddyl2vuc.js";
 import { B as Ht } from "./payment-method.B3CkgsAY.js";
 import { u as qt } from "./use-country-items.B4j8pAvW.js";
 import { B as Gt } from "./avatar.rwWPYJnt.js";
-import { D as jt, B as Yt, i as Te, a as Wt } from "./date-range-picker.DGGvwRfn.js";
+import { D as jt, B as Yt, i as Te, a as Wt } from "./date-range-picker.gfRJmzXn.js";
 import zt from "./pt-BR.D9FuAQZm.js";
 import Xt from "./ja.xGVfFSzL.js";
 import Jt from "./fr.Cu0IIfBP.js";
 import { t as Pe, j as lt, g as Qt } from "./en-US.BK5uiAND.js";
 import { de as Kt } from "./de.pvjpUJ1o.js";
-import { y as Zt, z as el, b as tl, g as ll, e as fe, k as al } from "./calendar.ofn3G6eW.js";
-import { g as nl, b as rl, c as ol, d as sl, i as il, e as ul, w as cl, l as dl, u as fl } from "./use-date-input-formatter.D7Ud6Ana.js";
-import { B as pl } from "./date-picker.CYDTf6De.js";
+import { z as Zt, A as el, b as tl, g as ll, e as fe, k as al } from "./calendar.D0JIbmoS.js";
+import { g as nl, b as rl, c as ol, d as sl, i as il, e as ul, w as cl, l as dl, u as fl } from "./use-date-input-formatter.B5GQd3s2.js";
+import { B as pl } from "./date-picker.BWxvyK5J.js";
 import { u as bl } from "./use-touch-device.DTqFAbXh.js";
 import { R as vl } from "./refresh.arF7jP-l.js";
 import { u as _l } from "./use-bento-toast-controller.CB6Qbf3R.js";
@@ -50,7 +50,7 @@ function rt(a, e) {
   const l = w(), t = w();
   Fe(() => {
     a.value != null && (t.value = ml(a.value));
-  }), X(
+  }), z(
     () => a.value,
     (d) => {
       l.value = be(d);
@@ -994,11 +994,11 @@ const Nl = {
         disabled: t.disableSecondaryButton
       }
     ]);
-    return X(
+    return z(
       () => o.value,
       (P, $) => {
-        var z, W;
-        !P && $ && (W = (z = i.value) == null ? void 0 : z.filterBarButtonRef) != null && W.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        var X, W;
+        !P && $ && (W = (X = i.value) == null ? void 0 : X.filterBarButtonRef) != null && W.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), Dt(c, E, { ignore: [i] }), e({
       closePopover: C
@@ -1024,7 +1024,7 @@ var Ul = function() {
 );
 const le = Hl.exports, ql = (a) => a instanceof Array, Ue = (a) => ql(a) ? a.length === 0 || a.every((e) => e === "") : !a, Me = (a, e) => JSON.stringify(a) === JSON.stringify(e), oe = (a, e) => {
   const l = w(a.value);
-  X(
+  z(
     () => a.value,
     () => {
       l.value = a.value;
@@ -1080,7 +1080,7 @@ const le = Hl.exports, ql = (a) => a instanceof Array, Ue = (a) => ql(a) ? a.len
     }));
     Be(() => {
       f.value === "" && (f.value = null);
-    }), X(t, () => {
+    }), z(t, () => {
       var A;
       (A = t.value) == null || A.focusInput();
     });
@@ -1103,7 +1103,7 @@ const le = Hl.exports, ql = (a) => a instanceof Array, Ue = (a) => ql(a) ? a.len
     }, I = (A) => {
       n.value = A;
     };
-    return je(xt, r.value), X(
+    return je(xt, r.value), z(
       () => l.options,
       () => {
         var A, P, $;
@@ -1180,7 +1180,7 @@ const Xl = {
     Be(() => {
       var B;
       ((B = n.value) == null ? void 0 : B.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
-    }), X(t, () => {
+    }), z(t, () => {
       var B;
       (B = t.value) == null || B.focusInput();
     });
@@ -1469,7 +1469,7 @@ const ra = {
       startTime: fe((G = a.value) == null ? void 0 : G.startDate),
       endTime: fe((h = a.value) == null ? void 0 : h.endDate)
     });
-    X(
+    z(
       () => a.value,
       () => {
         var s, b, x, R;
@@ -1529,12 +1529,12 @@ const ra = {
           disabled: p.value && i.value
         }
       ]
-    ), z = () => {
+    ), X = () => {
       p.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(S.INPUT, { ...a, value: o.value });
     }, W = (s) => {
       p.value = !1, s.startTime && (g.startTime = s.startTime), s.endTime && (g.endTime = s.endTime);
     };
-    return X(
+    return z(
       () => a.value,
       (s) => {
         O.value = D(s);
@@ -1560,7 +1560,7 @@ const ra = {
       clearFilter: F,
       resetFilter: B,
       updateFilter: _,
-      onDatePickerRangeError: z,
+      onDatePickerRangeError: X,
       onDatePickerRangeFormDateInputUpdate: W,
       onDateInputSelected: P,
       onRangeSelectorInput: A
@@ -1570,7 +1570,7 @@ const ra = {
 var sa = function() {
   var t, n, r, o, i, c, f, d, v, p, g, T, D, O, C, _, F, B, I, L, E, A, P, $;
   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, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges, variant: (d = e.options) == null ? void 0 : d.variant, disabled: e.disabled, granularities: (v = e.options) == null ? void 0 : v.granularities, "max-range": (p = e.options) == null ? void 0 : p.maxRange, min: (g = e.options) == null ? void 0 : g.min, max: (T = e.options) == null ? void 0 : T.max, "date-form-data": e.formData, "show-end-date-on-open": (D = e.options) == null ? void 0 : D.showEndDateOnOpen, "aria-labelledby": (O = e.$attrs) == null ? void 0 : O["aria-labelledby"] }, on: { "update:model-value": 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": (_ = e.options) == null ? void 0 : _.firstDayOfWeek, "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (I = e.options) == null ? void 0 : I.maxRange, min: (L = e.options) == null ? void 0 : L.min, max: (E = e.options) == null ? void 0 : E.max, "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (P = e.options) == null ? void 0 : P.showEndDateOnOpen, variant: ($ = e.options) == null ? void 0 : $.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(z) {
+  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, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges, variant: (d = e.options) == null ? void 0 : d.variant, disabled: e.disabled, granularities: (v = e.options) == null ? void 0 : v.granularities, "max-range": (p = e.options) == null ? void 0 : p.maxRange, min: (g = e.options) == null ? void 0 : g.min, max: (T = e.options) == null ? void 0 : T.max, "date-form-data": e.formData, "show-end-date-on-open": (D = e.options) == null ? void 0 : D.showEndDateOnOpen, "aria-labelledby": (O = e.$attrs) == null ? void 0 : O["aria-labelledby"] }, on: { "update:model-value": 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": (_ = e.options) == null ? void 0 : _.firstDayOfWeek, "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (I = e.options) == null ? void 0 : I.maxRange, min: (L = e.options) == null ? void 0 : L.min, max: (E = e.options) == null ? void 0 : E.max, "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (P = e.options) == null ? void 0 : P.showEndDateOnOpen, variant: ($ = e.options) == null ? void 0 : $.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(X) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
@@ -1752,7 +1752,7 @@ const dt = ba.exports, va = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var z, W;
+    var X, W;
     const l = a, t = ge(), { t: n } = Z(), r = w(""), o = H(l, "options"), i = w(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: f, resetCache: d } = Re(
       i,
       H(l, "value"),
@@ -1762,13 +1762,13 @@ const dt = ba.exports, va = {
       H(l, "defaultValue"),
       H(o.value, "multiple")
     ), { internalFilterValue: p, isSecondaryButtonDisabled: g, isApplyButtonDisabled: T } = oe(c, v);
-    X(o, () => {
+    z(o, () => {
       i.value = o.value.listboxItems ?? [];
     });
     const D = Ie(
       r,
       i,
-      (W = (z = l.options) == null ? void 0 : z.search) == null ? void 0 : W.searchEvent
+      (W = (X = l.options) == null ? void 0 : X.search) == null ? void 0 : W.searchEvent
     ), O = u(() => n("noFiltersMatchThisSearch")), C = u(() => l.label), _ = u(() => {
       var G, h, s, b, x;
       const k = !((G = l == null ? void 0 : l.options) != null && G.multiple) && l.value != null, q = ((h = l == null ? void 0 : l.options) == null ? void 0 : h.multiple) && Array.isArray(l.value) && l.value.length === 1;
@@ -1832,7 +1832,7 @@ const dt = ba.exports, va = {
       }, 0), q = (h = l.value) == null ? void 0 : h.length;
       return q === 1 ? null : q === k ? n("all") : q;
     });
-    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: f, resetCache: d, cachedDefaultSelectedListboxOptions: v, internalFilterValue: p, isSecondaryButtonDisabled: g, isApplyButtonDisabled: T, filteredItems: D, noResultsMessage: O, buttonLabel: C, buttonSecondaryLabel: _, listboxFilterId: F, onOptionSelected: B, updateFilter: I, openFilter: L, closeFilter: E, resetFilter: A, clearFilter: P, appliedFiltersCount: $, BentoSearchBar: Oe, BentoDivider: Ee, BentoListbox: Ut, BentoBaseFilter: le };
+    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: f, resetCache: d, cachedDefaultSelectedListboxOptions: v, internalFilterValue: p, isSecondaryButtonDisabled: g, isApplyButtonDisabled: T, filteredItems: D, noResultsMessage: O, buttonLabel: C, buttonSecondaryLabel: _, listboxFilterId: F, onOptionSelected: B, updateFilter: I, openFilter: L, closeFilter: E, resetFilter: A, clearFilter: P, appliedFiltersCount: $, BentoSearchBar: Oe, BentoDivider: Ee, BentoListbox: Vt, BentoBaseFilter: le };
   }
 });
 var ya = function() {
@@ -1945,7 +1945,7 @@ const ga = Fa.exports, Ba = {
   emits: ["input", "update"],
   setup(a, { emit: e }) {
     const l = a, { t } = Z(), n = ge(), { internalFilterValue: r } = oe(H(l, "value"), H(l, "defaultValue")), o = H(l, "options"), i = w(l.options.listboxItems);
-    X(o, () => {
+    z(o, () => {
       i.value = o.value.listboxItems;
     });
     const c = u(() => t("noFiltersMatchThisSearch"));
@@ -2130,7 +2130,7 @@ const ft = Na.exports, $a = M({
     const l = (i) => {
       e(S.UPDATE, i);
     }, t = w([]);
-    X(
+    z(
       () => {
         var i;
         return (i = a.options) == null ? void 0 : i.listboxItems;
@@ -2210,7 +2210,7 @@ const pt = Ma.exports, Ha = {
   emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
     const l = a, t = w(l.options.variant), n = w(l.options.listboxItems);
-    X([() => l.options.variant, () => l.options.listboxItems], () => {
+    z([() => l.options.variant, () => l.options.listboxItems], () => {
       t.value = l.options.variant, n.value = l.options.listboxItems;
     });
     const r = (c) => e(S.UPDATE, c), o = qt(t, n), i = u(() => ({
@@ -2390,7 +2390,7 @@ const _t = en.exports, tn = {
   emits: ["input", "update"],
   setup(a, { emit: e }) {
     const l = a, { t } = Z(), n = ve("toggle-filter-checkbox-label"), r = ve("toggle-filter-checkbox-description"), o = w(l.value);
-    X(
+    z(
       () => l.value,
       (p) => {
         o.value = p;
@@ -2407,7 +2407,7 @@ const _t = en.exports, tn = {
       o.value = !o.value, f();
     }, resetFilter: () => {
       o.value = !1, f();
-    }, vBentoTooltipDirective: ze, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: Vt, BentoTypography: _e, CheckmarkIcon: Mt, CrossSmallIcon: Xe };
+    }, vBentoTooltipDirective: ze, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: Mt, BentoTypography: _e, CheckmarkIcon: Ut, CrossSmallIcon: Xe };
   }
 });
 var nn = function() {
@@ -2625,8 +2625,8 @@ const yt = fn.exports, pn = {
     to: "A"
   },
   "ja-JP": {
-    from: "開始",
-    to: "終了"
+    from: "下限",
+    to: "上限"
   },
   "pt-BR": {
     from: "De",
@@ -2681,12 +2681,12 @@ const yt = fn.exports, pn = {
       H(a, "value"),
       H(a, "defaultValue")
     ), i = u(() => {
-      var L, E, A, P, $, z, W, k;
+      var L, E, A, P, $, X, W, k;
       if (!((L = a.value) != null && L[0]) && !((E = a.value) != null && E[1]))
         return null;
       let _ = "";
       (A = a.value) != null && A[0] ? (P = a.value) != null && P[1] || (_ = "≥") : _ = "≤";
-      const F = ($ = a.value) != null && $[0] ? `${te(a.value[0], 5)}` : "", B = (z = a.value) != null && z[0] && ((W = a.value) != null && W[1]) ? " - " : "", I = (k = a.value) != null && k[1] ? `${te(a.value[1], 5)}` : "";
+      const F = ($ = a.value) != null && $[0] ? `${te(a.value[0], 5)}` : "", B = (X = a.value) != null && X[0] && ((W = a.value) != null && W[1]) ? " - " : "", I = (k = a.value) != null && k[1] ? `${te(a.value[1], 5)}` : "";
       return `${_}${F}${B}${I}`;
     }), c = u(() => a.label), f = u(() => i.value), d = u(() => ({
       "b-range-filter--only-slot": a.onlySlot
@@ -2795,7 +2795,14 @@ const ht = mn.exports, yn = {
       clearFilter: i,
       resetFilter: c,
       openFilter: f
-    } = rt(H(l, "value"), H(l, "defaultValue")), d = w(n.value ?? []), v = u(() => ({
+    } = rt(H(l, "value"), H(l, "defaultValue")), d = w(n.value ?? []);
+    z(
+      () => l.value,
+      (C) => {
+        d.value = C ?? [];
+      }
+    );
+    const v = u(() => ({
       "b-checkbox-group-filter--only-slot": l.onlySlot
     })), p = u(() => l.label), g = u(
       () => {
@@ -2834,7 +2841,7 @@ var gn = function() {
   Bn,
   !1,
   null,
-  "508aa213"
+  "a3c2bae1"
 );
 const Ft = Sn.exports, He = 430, Ae = 700;
 function Cn(a, e) {
@@ -2848,7 +2855,7 @@ function Cn(a, e) {
   function c() {
     n.value > Ae || n.value < Ae && n.value >= He && e.value.medium === "multi-line" ? o() : i();
   }
-  X(() => e.value, c), Et(a, (v) => {
+  z(() => e.value, c), Et(a, (v) => {
     n.value = v[0].contentRect.width, c();
   });
   const f = u(() => n.value >= Ae), d = u(() => ({ "b-filter-bar--large-layout": f.value }));
@@ -3076,7 +3083,7 @@ const Vn = $n.exports, Un = {
     searchBar: "Barra di ricerca"
   },
   "ja-JP": {
-    activeFilters: "アクティブなフィルター",
+    activeFilters: "適用中のフィルター",
     all: "すべて",
     allFilters: "すべてのフィルター",
     applyAll: "すべて適用",
@@ -3141,7 +3148,7 @@ const Vn = $n.exports, Un = {
     const l = a, t = w(l.value), n = ve("all-filters-modal"), r = w([]), o = w(!1), i = w(0), c = w(null), f = w(""), { t: d, n: v } = Z(), p = Ie(f, H(t, "value")), g = w({});
     Be(() => {
       g.value = [];
-    }), X(
+    }), z(
       () => l.value,
       () => {
         o.value ? t.value = l.value.map((m, y) => ({ ...m, value: t.value[y].value })) : t.value = l.value;
@@ -3251,7 +3258,7 @@ const Vn = $n.exports, Un = {
       const y = B(t.value).find((ye) => ye.field === m.field).count, U = typeof m.type == "string" && // Type guard to avoid casting
       m.type.includes("BentoSelect") && ((ee = m.options) == null ? void 0 : ee.multiple) && y === ((ne = (ae = m.options) == null ? void 0 : ae.listboxItems) == null ? void 0 : ne.length), Q = typeof m.type == "string" && m.type === Y.CHECKBOX_GROUP && y === ((j = (se = m.options) == null ? void 0 : se.checkboxItems) == null ? void 0 : j.length);
       return U || Q ? d("all") : y === null ? null : v(y);
-    }, z = (m, y) => {
+    }, X = (m, y) => {
       i.value = t.value.findIndex(
         (U) => U.label === m && U.field === y
       );
@@ -3294,7 +3301,7 @@ const Vn = $n.exports, Un = {
         event: h
       }
     ]);
-    return { __sfc: !0, props: l, emit: e, filtersInModal: t, allFiltersModalUniqueId: n, allFiltersModalFiltersSection: r, isModalOpen: o, selectedFilterIndex: i, selectedFilterRef: c, searchTerm: f, t: d, n: v, filteredItems: p, allFiltersModalFilterButtons: g, sortAlphabetically: T, activeFilters: D, otherFilters: O, isEmptyResultForSearchFilter: C, selectedFilter: _, selectOpenedFilter: F, computeCounts: B, hasValueSelected: I, shouldShowFilterTitle: L, isClearButtonDisabled: E, numberOfActiveFilters: A, onClickAllFiltersModal: P, getFilterCount: $, selectFilter: z, onSearchbarClear: W, cancel: k, updateFilter: q, clearFilter: G, clearAll: h, applyAll: s, isApplyAllButtonDisabled: b, modalActions: x, onKeydownRight: () => {
+    return { __sfc: !0, props: l, emit: e, filtersInModal: t, allFiltersModalUniqueId: n, allFiltersModalFiltersSection: r, isModalOpen: o, selectedFilterIndex: i, selectedFilterRef: c, searchTerm: f, t: d, n: v, filteredItems: p, allFiltersModalFilterButtons: g, sortAlphabetically: T, activeFilters: D, otherFilters: O, isEmptyResultForSearchFilter: C, selectedFilter: _, selectOpenedFilter: F, computeCounts: B, hasValueSelected: I, shouldShowFilterTitle: L, isClearButtonDisabled: E, numberOfActiveFilters: A, onClickAllFiltersModal: P, getFilterCount: $, selectFilter: X, onSearchbarClear: W, cancel: k, updateFilter: q, clearFilter: G, clearAll: h, applyAll: s, isApplyAllButtonDisabled: b, modalActions: x, onKeydownRight: () => {
       kt(1, c.value.$el).focus();
     }, onKeydownLeft: () => {
       g.value[_.value.label].$el.focus();
@@ -3495,7 +3502,7 @@ const Yn = jn.exports, Wn = {
     }), C = u(
       () => {
         var h;
-        return (h = t.search) != null && h.width && v.value ? { minWidth: t.search.width, maxWidth: t.search.width } : void 0;
+        return (h = t.search) != null && h.width && v.value ? { flexBasis: t.search.width, maxWidth: t.search.width } : void 0;
       }
     ), _ = u(() => o.value.some(
       ({ visible: s }) => s != null
@@ -3525,7 +3532,7 @@ const Yn = jn.exports, Wn = {
         ue.UPDATE_FILTER_VALUES_OBJECT,
         h == null ? void 0 : h.filter(({ value: s }) => s !== null || s !== void 0).reduce((s, b) => (s[b.field] = b.value, s), {})
       );
-    }, z = (h) => {
+    }, X = (h) => {
       const s = Array.isArray(h) ? h : [h], b = new Map(s.map((R) => [R.field, R.value])), x = o.value.map((R) => b.has(R.field) ? { ...R, value: b.get(R.field) } : R);
       $(x);
     }, W = () => {
@@ -3558,12 +3565,12 @@ const Yn = jn.exports, Wn = {
     }, G = () => {
       l(de.CLEAR);
     };
-    return e({ isClearAllVisible: A, clearAllFilters: W, isResetAllVisible: P, resetAllFilters: k }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, screenLayoutComponent: c, showSearchbarInsideContainer: f, isOneLineLayout: d, isLargeLayout: v, rootElementConditionalClasses: p, containerConditionalClasses: g, contentConditionalClasses: T, searchBarAriaLabel: D, searchBarProps: O, searchBarWidthStyle: C, hasHiddenFilters: _, persistentFilters: F, dynamicFilters: B, regularFilters: I, isSearchBarEnabled: L, hasActiveFilters: E, isClearAllVisible: A, isResetAllVisible: P, updateAllFilters: $, updateFilterHandler: z, clearAllFilters: W, resetAllFilters: k, onSearchbarInput: q, onSearchbarClear: G, FilterBarButton: Ce, BentoSearchBar: Oe, AllFiltersModal: Yn, RefreshIcon: vl };
+    return e({ isClearAllVisible: A, clearAllFilters: W, isResetAllVisible: P, resetAllFilters: k }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, screenLayoutComponent: c, showSearchbarInsideContainer: f, isOneLineLayout: d, isLargeLayout: v, rootElementConditionalClasses: p, containerConditionalClasses: g, contentConditionalClasses: T, searchBarAriaLabel: D, searchBarProps: O, searchBarWidthStyle: C, hasHiddenFilters: _, persistentFilters: F, dynamicFilters: B, regularFilters: I, isSearchBarEnabled: L, hasActiveFilters: E, isClearAllVisible: A, isResetAllVisible: P, updateAllFilters: $, updateFilterHandler: X, clearAllFilters: W, resetAllFilters: k, onSearchbarInput: q, onSearchbarClear: G, FilterBarButton: Ce, BentoSearchBar: Oe, AllFiltersModal: Yn, RefreshIcon: vl };
   }
 });
 var Jn = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "filterBarRef", staticClass: "b-filter-bar", class: t.rootElementConditionalClasses }, [!t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-external-container" }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), l(t.screenLayoutComponent, { tag: "component", class: t.containerConditionalClasses, attrs: { condensed: "" } }, [l("div", { class: t.contentConditionalClasses }, [t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), t.persistentFilters.length ? e._l(t.persistentFilters, function(n) {
+  return l("div", { ref: "filterBarRef", staticClass: "b-filter-bar", class: t.rootElementConditionalClasses }, [!t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-external-container" }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), l(t.screenLayoutComponent, { tag: "component", class: t.containerConditionalClasses, attrs: { condensed: "" } }, [l("div", { class: t.contentConditionalClasses }, [t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-bar-container", style: t.searchBarWidthStyle }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), t.persistentFilters.length ? e._l(t.persistentFilters, function(n) {
     return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: t.updateFilterHandler } });
   }) : e._e(), e._l(t.regularFilters, function(n) {
     return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: t.updateFilterHandler } });
@@ -3578,7 +3585,7 @@ var Jn = function() {
   Qn,
   !1,
   null,
-  "192ce897"
+  "a9f59b6d"
 );
 const jr = Kn.exports;
 export {
@@ -3589,4 +3596,4 @@ export {
   Y as d,
   rt as u
 };
-//# sourceMappingURL=filter-bar.gjMPoK6d.js.map
+//# sourceMappingURL=filter-bar.DQ9fJXq1.js.map