@adyen/bento-vue2 1.91.0 → 1.92.1

package/dist/chunks/{filter-bar.Bd4ghW_B.js → filter-bar.BsasuEa_.js}

@@ -3,44 +3,44 @@ import { a as Ye } from "./radio-group.Bb-L-0io.js";
 import { u as Z } from "./index.B6WW_F-J.js";
 import { t as te } from "./truncate.BfIl_-71.js";
 import { B as _e, d as Se, p as Ct } from "./typography.C8lPlsbD.js";
-import { u as Tt, e as We, h as Dt, I as At, m as xt, B as wt } from "./button-actions.Bdbu0bvt.js";
-import { b as Xe } from "./tooltip.BxtnF3is.js";
+import { u as Tt, e as We, h as Dt, I as At, m as xt, B as wt } from "./button-actions.CXD6_9qN.js";
+import { b as ze } from "./tooltip.BxtnF3is.js";
 import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { g as ve } from "./generate-uid.NJ8tVoha.js";
-import { C as ze } from "./cross-small.CoQUe8SS.js";
+import { C as Xe } from "./cross-small.CoQUe8SS.js";
 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.Dh5W0Az-.js";
-import { B as Ot } from "./checkbox-group.Dur2Edtw.js";
+import { B as we } from "./input-field.BgzXEyxn.js";
+import { B as Ot } from "./checkbox-group.DmKZQlxZ.js";
 import "./index.Cl4_42j5.js";
-import { B as Oe, a as de } from "./search-bar.MVJS9-Mh.js";
+import { B as Oe, a as de } from "./search-bar.Brb3OP-y.js";
 import { n as It } from "./index.CwzYJHw2.js";
 import { F as et } from "./fixed-scroller.DR2E_No4.js";
-import { B as Et } from "./modal.D_TcWTkf.js";
+import { B as Et } from "./modal.BXxwn9H4.js";
 import { B as Pt } from "./button.C9b2AC9w.js";
-import { u as Ie, B as Lt } from "./dropdown.Ca-f8tdX.js";
+import { u as Ie, B as Lt } from "./dropdown.BYJwx-JD.js";
 import { g as Rt } from "./focus-trap.DRqjHzt6.js";
 import { C as kt } from "./chevron-up.d8cwIlA_.js";
 import { C as Nt } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { C as $t } from "./checkbox-input.08E9BNeF.js";
-import { u as Re, b as Vt, C as Ut } from "./use-cached-selected-values.BJbWbkEQ.js";
+import { u as Re, b as $t, C as Vt } from "./use-cached-selected-values.Du8-wWR2.js";
+import { C as Ut } from "./checkbox-input.08E9BNeF.js";
 import { B as Ee } from "./divider.DX5gwN7p.js";
 import { L as tt } from "./listbox-option-tag.CvbE-EuG.js";
 import { B as Mt } from "./payment-method.B3CkgsAY.js";
 import { u as Ht } from "./use-country-items.B4j8pAvW.js";
 import { B as qt } from "./avatar.rwWPYJnt.js";
-import { D as Gt, B as jt, i as Te, a as Yt } from "./date-range-picker.LCWVAa5R.js";
-import Wt from "./pt-BR.BCU2Hj36.js";
-import Xt from "./ja.nUwDmVf2.js";
-import zt from "./fr.JD_4GwS8.js";
-import { t as Pe, j as lt, g as Jt } from "./en-US.YeSsZuOc.js";
-import { de as Qt } from "./de.BJvo6njq.js";
-import { v as Kt, w as Zt, b as el, g as tl, r as fe, j as ll } from "./calendar.CqsfThnC.js";
-import { g as al, b as nl, c as rl, d as ol, i as sl, e as il, w as ul, l as cl, u as dl } from "./use-date-input-formatter.Djf8AoLr.js";
-import { B as fl } from "./date-picker.kl6aFlr1.js";
+import { D as Gt, B as jt, i as Te, a as Yt } from "./date-range-picker.zT42F9r4.js";
+import Wt from "./pt-BR.D9FuAQZm.js";
+import zt from "./ja.xGVfFSzL.js";
+import Xt from "./fr.Cu0IIfBP.js";
+import { t as Pe, j as lt, g as Jt } from "./en-US.BK5uiAND.js";
+import { de as Qt } from "./de.pvjpUJ1o.js";
+import { y as Kt, z as Zt, b as el, g as tl, v as fe, i as ll } from "./calendar.rZsIZPxm.js";
+import { g as al, b as nl, c as rl, d as ol, i as sl, e as il, w as ul, l as cl, u as dl } from "./use-date-input-formatter.ibZeLD_V.js";
+import { B as fl } from "./date-picker.C9DIeaWH.js";
 import { u as pl } from "./use-touch-device.DTqFAbXh.js";
 import { R as bl } from "./refresh.arF7jP-l.js";
 import { u as vl } from "./use-bento-toast-controller.CB6Qbf3R.js";
@@ -997,7 +997,7 @@ const kl = {
       }
     ), Tt(c, E, { ignore: [i] }), e({
       closePopover: T
-    }), { __sfc: !0, emit: l, props: t, t: n, popoverId: r, isFilterOpen: o, filterButtonRef: i, popoverRef: c, isPersistentFilter: d, isValueChanged: f, computedAriaLabel: y, computedClearButtonLabel: p, computedButtonText: h, resetFocus: C, closePopover: T, resetFilter: I, onClickSecondaryAction: A, onClickFilter: v, onClickApply: g, onCancel: B, onClickOutside: E, actions: P, BentoPopover: Dt, vBentoTooltipDirective: Xe, FilterBarButton: Ce, FilterBarButtonGroup: ot, BentoTeleport: We, CrossSmallIcon: ze };
+    }), { __sfc: !0, emit: l, props: t, t: n, popoverId: r, isFilterOpen: o, filterButtonRef: i, popoverRef: c, isPersistentFilter: d, isValueChanged: f, computedAriaLabel: y, computedClearButtonLabel: p, computedButtonText: h, resetFocus: C, closePopover: T, resetFilter: I, onClickSecondaryAction: A, onClickFilter: v, onClickApply: g, onCancel: B, onClickOutside: E, actions: P, BentoPopover: Dt, vBentoTooltipDirective: ze, FilterBarButton: Ce, FilterBarButtonGroup: ot, BentoTeleport: We, CrossSmallIcon: Xe };
   }
 });
 var Vl = function() {
@@ -1137,10 +1137,10 @@ var jl = function() {
 );
 const st = Wl.exports;
 var S = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(S || {}), ue = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(ue || {}), Y = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a.RADIO_GROUP = "BentoRadioGroupFilter", a.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", a.TOGGLE = "BentoToggleFilter", a))(Y || {});
-const Xl = {
+const zl = {
   name: "bento-input-with-dropdown-filter"
-}, zl = /* @__PURE__ */ U({
-  ...Xl,
+}, Xl = /* @__PURE__ */ U({
+  ...zl,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1206,7 +1206,7 @@ var Jl = function() {
     return !c.type.indexOf("key") && e._k(c.keyCode, "enter", 13, c.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
   }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownOptions, "dropdown-position": (o = e.options) == null ? void 0 : o.dropdownPosition, variant: "dropdown", "model-value": (i = t.internalFilterValue) == null ? void 0 : i.inputValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
 }, Ql = [], Kl = /* @__PURE__ */ N(
-  zl,
+  Xl,
   Jl,
   Ql,
   !1,
@@ -1322,8 +1322,8 @@ function aa() {
   return {
     de: Qt,
     enUS: lt,
-    fr: zt,
-    ja: Xt,
+    fr: Xt,
+    ja: zt,
     ptBR: Wt
   };
 }
@@ -1475,18 +1475,18 @@ const na = {
       return (s == null ? void 0 : s.length) !== void 0;
     }
     const T = (s) => {
-      var b, x, L, X, _, m, V, z, ee, ae;
+      var b, x, L, z, _, m, V, X, ee, ae;
       if (!s || !(s != null && s.startDate) && !s.endDate)
         return null;
       if (C((b = a.options) == null ? void 0 : b.quickSelectRanges) && ((L = (x = a.options) == null ? void 0 : x.quickSelectRanges) == null ? void 0 : L.length) > 0) {
-        const ne = (_ = (X = a.options) == null ? void 0 : X.quickSelectRanges) == null ? void 0 : _.find(({ value: se, data: j }) => s ? s.range ? se === s.range : !s.startDate || !s.endDate ? !1 : j != null && j.endDate ? Te(j == null ? void 0 : j.startDate, s.startDate) && Te(j == null ? void 0 : j.endDate, s.endDate) : Te(j == null ? void 0 : j.startDate, s.startDate) && Yt(s.endDate) : !1);
+        const ne = (_ = (z = a.options) == null ? void 0 : z.quickSelectRanges) == null ? void 0 : _.find(({ value: se, data: j }) => s ? s.range ? se === s.range : !s.startDate || !s.endDate ? !1 : j != null && j.endDate ? Te(j == null ? void 0 : j.startDate, s.startDate) && Te(j == null ? void 0 : j.endDate, s.endDate) : Te(j == null ? void 0 : j.startDate, s.startDate) && Yt(s.endDate) : !1);
         if (ne)
           return ne.label;
       }
       return !s.startDate || !s.endDate ? null : ll(s.startDate, s.endDate) && ((m = a == null ? void 0 : a.options) != null && m.allowTimeInput) ? `${he(s.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[(V = l.value) == null ? void 0 : V.substring(0, 2)] || n.enUS
       })} - ${he(s.endDate, "HH:mm:ss", {
-        locale: n[(z = l.value) == null ? void 0 : z.substring(0, 2)] || n.enUS
+        locale: n[(X = l.value) == null ? void 0 : X.substring(0, 2)] || n.enUS
       })}` : `${he(s.startDate, "dd MMM, yyyy", {
         locale: n[(ee = l.value) == null ? void 0 : ee.substring(0, 2)] || n.enUS
       })} - ${he(s.endDate, "dd MMM, yyyy", {
@@ -1774,13 +1774,13 @@ const dt = pa.exports, ba = {
             'BentoFilterBar Select filter (single & multi): The "value" provided is incorrect. The "value" must be of type "BentoListboxSelectedValueLabelPair" or "Array<BentoListboxSelectedValueLabelPair>" when "enableValueLabelPair" is set to true'
           )), te(_, 12);
         }
-        let X = (x = l.options.listboxItems.flatMap((_) => _.items ? _.items : _).find(
+        let z = (x = l.options.listboxItems.flatMap((_) => _.items ? _.items : _).find(
           ({ value: _ }) => {
             var m;
             return Array.isArray(l.value) ? (m = l == null ? void 0 : l.value) == null ? void 0 : m.includes(_) : _ === l.value;
           }
         )) == null ? void 0 : x.label;
-        return !X && l.value && (X = l.value[0]), te(X, 12);
+        return !z && l.value && (z = l.value[0]), te(z, 12);
       }
       return null;
     }), g = u(() => ve(`filter-listbox-${l.field}`)), B = (R) => {
@@ -1789,13 +1789,13 @@ const dt = pa.exports, ba = {
       const { onlySlot: q, ...G } = l;
       if ((s = l.options) != null && s.multiple) {
         let L;
-        (b = l.options) != null && b.enableValueLabelPair ? L = R.length ? p.value : null : L = R.length ? p.value.map(({ value: X }) => X) : null, e(S.INPUT, { ...G, value: L });
+        (b = l.options) != null && b.enableValueLabelPair ? L = R.length ? p.value : null : L = R.length ? p.value.map(({ value: z }) => z) : null, e(S.INPUT, { ...G, value: L });
         return;
       }
       let F;
       (x = l.options) != null && x.enableValueLabelPair ? F = R.length ? R[0] : null : F = R.length ? R[0].value : null, e(S.INPUT, { ...G, value: F });
     }, E = () => {
-      var F, s, b, x, L, X;
+      var F, s, b, x, L, z;
       const { onlySlot: R, ...q } = l;
       if (l.options.multiple) {
         p.value && ((F = p.value) == null ? void 0 : F.length) === 0 && (p.value = l.defaultValue !== null ? y.value : void 0);
@@ -1807,7 +1807,7 @@ const dt = pa.exports, ba = {
         return;
       }
       let G;
-      (X = l.options) != null && X.enableValueLabelPair ? G = p.value.length ? p.value[0] : void 0 : G = p.value.length ? p.value[0].value : void 0, e(S.UPDATE, { ...q, value: G });
+      (z = l.options) != null && z.enableValueLabelPair ? G = p.value.length ? p.value[0] : void 0 : G = p.value.length ? p.value[0].value : void 0, e(S.UPDATE, { ...q, value: G });
     }, P = () => {
       var R, q;
       p.value = c.value, (q = (R = l.options) == null ? void 0 : R.onOpen) == null || q.call(R);
@@ -1827,7 +1827,7 @@ const dt = pa.exports, ba = {
       }, 0), q = (F = l.value) == null ? void 0 : F.length;
       return q === 1 ? null : q === R ? n("all") : q;
     });
-    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: f, cachedDefaultSelectedListboxOptions: y, internalFilterValue: p, isSecondaryButtonDisabled: h, isApplyButtonDisabled: C, filteredItems: T, noResultsMessage: I, buttonLabel: A, buttonSecondaryLabel: v, listboxFilterId: g, onOptionSelected: B, updateFilter: E, openFilter: P, closeFilter: w, resetFilter: D, clearFilter: M, appliedFiltersCount: $, BentoSearchBar: Oe, BentoDivider: Ee, BentoListbox: Vt, BentoBaseFilter: le };
+    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: f, cachedDefaultSelectedListboxOptions: y, internalFilterValue: p, isSecondaryButtonDisabled: h, isApplyButtonDisabled: C, filteredItems: T, noResultsMessage: I, buttonLabel: A, buttonSecondaryLabel: v, listboxFilterId: g, onOptionSelected: B, updateFilter: E, openFilter: P, closeFilter: w, resetFilter: D, clearFilter: M, appliedFiltersCount: $, BentoSearchBar: Oe, BentoDivider: Ee, BentoListbox: $t, BentoBaseFilter: le };
   }
 });
 var ma = function() {
@@ -2266,15 +2266,15 @@ var Wa = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ value: t, label: n }) {
     return [l("bento-payment-method", { attrs: { type: t, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Xa = [], za = /* @__PURE__ */ N(
+}, za = [], Xa = /* @__PURE__ */ N(
   Ya,
   Wa,
-  Xa,
+  za,
   !1,
   null,
   null
 );
-const vt = za.exports, Ja = U({
+const vt = Xa.exports, Ja = U({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ce,
@@ -2402,7 +2402,7 @@ const _t = Za.exports, en = {
       o.value = !o.value, d();
     }, resetFilter: () => {
       o.value = !1, d();
-    }, vBentoTooltipDirective: Xe, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: $t, BentoTypography: _e, CheckmarkIcon: Ut, CrossSmallIcon: ze };
+    }, vBentoTooltipDirective: ze, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: Ut, BentoTypography: _e, CheckmarkIcon: Vt, CrossSmallIcon: Xe };
   }
 });
 var an = function() {
@@ -2588,7 +2588,7 @@ var un = function() {
   cn,
   !1,
   null,
-  "975044d8"
+  "85731910"
 );
 const yt = dn.exports, fn = {
   "de-DE": {
@@ -3147,7 +3147,7 @@ const $n = Nn.exports, Vn = {
         p.value.filter(
           (_) => {
             var m, V;
-            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) && ((V = _.value) == null ? void 0 : V.find((z) => z !== "")) : _.value;
+            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) && ((V = _.value) == null ? void 0 : V.find((X) => X !== "")) : _.value;
           }
         )
       )
@@ -3156,7 +3156,7 @@ const $n = Nn.exports, Vn = {
         p.value.filter(
           (_) => {
             var m, V;
-            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) === 0 || ((V = _.value) == null ? void 0 : V.every((z) => z === "")) : !_.value;
+            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) === 0 || ((V = _.value) == null ? void 0 : V.every((X) => X === "")) : !_.value;
           }
         )
       )
@@ -3179,7 +3179,7 @@ const $n = Nn.exports, Vn = {
       g();
     });
     const B = (_) => _.map((m) => {
-      var V, z, ee, ae, ne, se, j, ye;
+      var V, X, ee, ae, ne, se, j, ye;
       switch (m.type) {
         case Y.SELECT:
         case Y.SELECT_AVATAR:
@@ -3190,7 +3190,7 @@ const $n = Nn.exports, Vn = {
           return ((V = m.options) == null ? void 0 : V.multiple) === !0 ? {
             label: m.label,
             field: m.field,
-            count: (z = m.value) != null && z.length ? (ee = m.value) == null ? void 0 : ee.length : null
+            count: (X = m.value) != null && X.length ? (ee = m.value) == null ? void 0 : ee.length : null
           } : {
             label: m.label,
             field: m.field,
@@ -3244,8 +3244,8 @@ const $n = Nn.exports, Vn = {
     }, $ = (_) => {
       var ee, ae, ne, se, j;
       const m = B(t.value).find((ye) => ye.field === _.field).count, V = typeof _.type == "string" && // Type guard to avoid casting
-      _.type.includes("BentoSelect") && ((ee = _.options) == null ? void 0 : ee.multiple) && m === ((ne = (ae = _.options) == null ? void 0 : ae.listboxItems) == null ? void 0 : ne.length), z = typeof _.type == "string" && _.type === Y.CHECKBOX_GROUP && m === ((j = (se = _.options) == null ? void 0 : se.checkboxItems) == null ? void 0 : j.length);
-      return V || z ? f("all") : m === null ? null : y(m);
+      _.type.includes("BentoSelect") && ((ee = _.options) == null ? void 0 : ee.multiple) && m === ((ne = (ae = _.options) == null ? void 0 : ae.listboxItems) == null ? void 0 : ne.length), X = typeof _.type == "string" && _.type === Y.CHECKBOX_GROUP && m === ((j = (se = _.options) == null ? void 0 : se.checkboxItems) == null ? void 0 : j.length);
+      return V || X ? f("all") : m === null ? null : y(m);
     }, K = (_, m) => {
       i.value = t.value.findIndex(
         (V) => V.label === _ && V.field === m
@@ -3255,7 +3255,7 @@ const $n = Nn.exports, Vn = {
     }, R = () => {
       o.value = !1, t.value = l.value, J(), g();
     }, q = (_) => {
-      const m = t.value.map(({ value: V, ...z }, ee) => ee === i.value ? { value: _.value, ...z } : { value: V, ...z });
+      const m = t.value.map(({ value: V, ...X }, ee) => ee === i.value ? { value: _.value, ...X } : { value: V, ...X });
       t.value = m;
     }, G = () => {
       q({
@@ -3432,7 +3432,7 @@ const jn = Gn.exports, Yn = {
     BentoToggleFilter: mt,
     FixedScroller: et
   }
-}, Xn = /* @__PURE__ */ U({
+}, zn = /* @__PURE__ */ U({
   ...Wn,
   props: {
     config: { default: () => [] },
@@ -3461,7 +3461,7 @@ const jn = Gn.exports, Yn = {
         var F, s;
         return (s = ((F = t.config) == null ? void 0 : F.length) > 0 ? t.config : t.value) == null ? void 0 : s.map((b) => {
           var L;
-          let x = (L = t.filterValues.find(({ field: X }) => X === b.field)) == null ? void 0 : L.value;
+          let x = (L = t.filterValues.find(({ field: z }) => z === b.field)) == null ? void 0 : L.value;
           return t.filterValuesObject && b.field in t.filterValuesObject && (x = t.filterValuesObject[b.field]), x === void 0 && (x = (b == null ? void 0 : b.value) === void 0 && (b == null ? void 0 : b.defaultValue) !== void 0 ? b == null ? void 0 : b.defaultValue : b == null ? void 0 : b.value), { ...b, value: x !== void 0 ? x : b == null ? void 0 : b.value };
         });
       }
@@ -3556,7 +3556,7 @@ const jn = Gn.exports, Yn = {
     return e({ isClearAllVisible: D, clearAllFilters: J, isResetAllVisible: M, resetAllFilters: R }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, screenLayoutComponent: c, showSearchbarInsideContainer: d, isOneLineLayout: f, isLargeLayout: y, rootElementConditionalClasses: p, containerConditionalClasses: h, contentConditionalClasses: C, searchBarAriaLabel: T, searchBarProps: I, searchBarWidthStyle: A, hasHiddenFilters: v, persistentFilters: g, dynamicFilters: B, regularFilters: E, isSearchBarEnabled: P, hasActiveFilters: w, isClearAllVisible: D, isResetAllVisible: M, updateAllFilters: $, updateFilterHandler: K, clearAllFilters: J, resetAllFilters: R, onSearchbarInput: q, onSearchbarClear: G, FilterBarButton: Ce, BentoSearchBar: Oe, AllFiltersModal: jn, RefreshIcon: bl };
   }
 });
-var zn = function() {
+var Xn = 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(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 } });
@@ -3568,8 +3568,8 @@ var zn = function() {
     return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
 }, Jn = [], Qn = /* @__PURE__ */ N(
-  Xn,
   zn,
+  Xn,
   Jn,
   !1,
   null,
@@ -3584,4 +3584,4 @@ export {
   Y as d,
   rt as u
 };
-//# sourceMappingURL=filter-bar.Bd4ghW_B.js.map
+//# sourceMappingURL=filter-bar.BsasuEa_.js.map