@adyen/bento-vue3 1.96.0 → 1.96.1

package/dist/chunks/{filter-bar.CvZnM3hM.js → filter-bar.CzFtzztU.js}

@@ -1,4 +1,4 @@
-import { ref as R, onMounted as Ne, watch as te, computed as d, defineComponent as W, useSlots as Ue, useAttrs as Qt, openBlock as m, createBlock as O, unref as r, mergeProps as le, withCtx as h, createElementVNode as q, renderSlot as pe, createCommentVNode as K, createVNode as C, createTextVNode as X, toDisplayString as J, shallowRef as Zt, resolveComponent as M, normalizeClass as oe, createSlots as Ie, createElementBlock as Y, withDirectives as Ye, withKeys as be, nextTick as ft, toRef as Q, onBeforeUpdate as Ve, provide as pt, Fragment as Ee, reactive as xt, isRef as el, renderList as he, normalizeProps as Le, guardReactiveProps as $e, vShow as tl, resolveDynamicComponent as Pe, normalizeStyle as ll } from "vue";
+import { ref as R, onMounted as Ne, watch as ee, computed as d, defineComponent as W, useSlots as Ue, useAttrs as Qt, openBlock as m, createBlock as O, unref as r, mergeProps as le, withCtx as h, createElementVNode as q, renderSlot as pe, createCommentVNode as K, createVNode as C, createTextVNode as X, toDisplayString as J, shallowRef as Zt, resolveComponent as M, normalizeClass as oe, createSlots as Ie, createElementBlock as Y, withDirectives as Ye, withKeys as be, nextTick as ft, toRef as Q, onBeforeUpdate as Ve, provide as pt, Fragment as Ee, reactive as xt, isRef as el, renderList as he, normalizeProps as Le, guardReactiveProps as $e, vShow as tl, resolveDynamicComponent as Pe, normalizeStyle as ll } from "vue";
 import { B as ke, a as Te } from "./search-bar.TKgi1KLs.js";
 import { u as al } from "./use-bento-toast-controller.D_NSnBxi.js";
 import { u as ce } from "./index.B875RXHM.js";
@@ -49,7 +49,7 @@ function wt(e, l) {
   const t = R(), n = R();
   Ne(() => {
     e.value != null && (n.value = Xl(e.value));
-  }), te(
+  }), ee(
     () => e.value,
     (u) => {
       t.value = we(u);
@@ -868,7 +868,7 @@ function ra(e, l) {
   function c() {
     a.value > je || a.value < je && a.value >= nt && l.value.medium === "multi-line" ? s() : i();
   }
-  te(() => l.value, c), nl(e, (p) => {
+  ee(() => l.value, c), nl(e, (p) => {
     a.value = p[0].contentRect.width, c();
   });
   const v = d(() => a.value >= je), u = d(() => ({ "b-filter-bar--large-layout": v.value }));
@@ -1180,14 +1180,14 @@ const It = {
         disabled: a.disableSecondaryButton
       }
     ]);
-    return te(
+    return ee(
       () => i.value,
-      (L, ee) => {
-        !L && ee && c.value?.filterBarButtonRef?.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (L, te) => {
+        !L && te && c.value?.filterBarButtonRef?.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), fl(v, se, { ignore: [c] }), l({
       closePopover: B
-    }), (L, ee) => L.onlySlot ? (m(), Y("div", Ca, [
+    }), (L, te) => L.onlySlot ? (m(), Y("div", Ca, [
       pe(L.$slots, "default", {}, void 0, !0)
     ])) : (m(), Y("div", Ta, [
       Ye((m(), O(_t, {
@@ -1267,7 +1267,7 @@ const It = {
   }
 }), me = /* @__PURE__ */ Z(Da, [["__scopeId", "data-v-77e077a9"]]), wa = (e) => e instanceof Array, st = (e) => wa(e) ? e.length === 0 || e.every((l) => l === "") : !e, rt = (e, l) => JSON.stringify(e) === JSON.stringify(l), ge = (e, l) => {
   const t = R(e.value);
-  te(
+  ee(
     () => e.value,
     () => {
       t.value = e.value;
@@ -1310,7 +1310,7 @@ const It = {
     }));
     Ve(() => {
       u.value === "" && (u.value = null);
-    }), te(a, () => {
+    }), ee(a, () => {
       a.value?.focusInput();
     });
     const _ = () => {
@@ -1332,7 +1332,7 @@ const It = {
     }, ae = (j) => {
       o.value = j;
     };
-    return pt(bl, s.value), te(
+    return pt(bl, s.value), ee(
       () => t.options,
       () => {
         (t.options?.dropdown || t.options?.dropdownPosition || t.options?.variant) && Me(
@@ -1413,7 +1413,7 @@ const It = {
     })), f = d(() => !(!!o.value?.inputValue && !!u.value) || i.value);
     Ve(() => {
       o.value?.inputValue === "" && (o.value = { ...o.value, inputValue: void 0 });
-    }), te(a, () => {
+    }), ee(a, () => {
       a.value?.focusInput();
     });
     const w = () => {
@@ -1709,7 +1709,7 @@ const ut = {
       startTime: Ae(e.value?.startDate),
       endTime: Ae(e.value?.endDate)
     });
-    te(
+    ee(
       () => e.value,
       () => {
         f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = Ae(e.value?.startDate), f.endTime = Ae(e.value?.endDate);
@@ -1766,12 +1766,12 @@ const ut = {
           disabled: F.value && i.value
         }
       ]
-    ), ee = () => {
+    ), te = () => {
       F.value = !0, s.value = { startDate: void 0, endDate: void 0 }, l(g.INPUT, { ...e, value: s.value });
     }, z = (b) => {
       F.value = !1, b.startTime && (f.startTime = b.startTime), b.endTime && (f.endTime = b.endTime);
     };
-    return te(
+    return ee(
       () => e.value,
       (b) => {
         _.value = A(b);
@@ -1797,7 +1797,7 @@ const ut = {
       clearFilter: y,
       resetFilter: G,
       updateFilter: B,
-      onDatePickerRangeError: ee,
+      onDatePickerRangeError: te,
       onDatePickerRangeFormDateInputUpdate: z,
       onDateInputSelected: re,
       onRangeSelectorInput: se
@@ -2046,7 +2046,7 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
       Q(a, "defaultValue"),
       Q(i.value, "multiple")
     ), { internalFilterValue: f, isSecondaryButtonDisabled: w, isApplyButtonDisabled: A } = ge(v, F);
-    te(i, () => {
+    ee(i, () => {
       c.value = i.value.listboxItems ?? [];
     });
     const _ = ze(
@@ -2099,14 +2099,14 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
       u(F.value), f.value = F.value, ae();
     }, L = () => {
       p(), f.value = [], ae();
-    }, ee = d(() => {
+    }, te = d(() => {
       if (a.value == null || !a.options.multiple)
         return null;
       const z = a.options.listboxItems?.reduce((V, H) => (V += H?.items?.length ? H.items.length : 1, V), 0), b = a.value?.length;
       return b === 1 ? null : b === z ? o("all") : b;
     });
     return (z, b) => (m(), O(r(me), {
-      "applied-filters-count": ee.value,
+      "applied-filters-count": te.value,
       "button-label": B.value,
       "button-secondary-label": y.value,
       disabled: e.disabled,
@@ -2241,7 +2241,7 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
   emits: ["input", "update"],
   setup(e, { emit: l }) {
     const { t } = ce({ messages: Nt }), n = Ue(), a = l, o = e, { internalFilterValue: s } = ge(Q(o, "value"), Q(o, "defaultValue")), i = Q(o, "options"), c = R(o.options.listboxItems);
-    te(i, () => {
+    ee(i, () => {
       c.value = i.value.listboxItems;
     });
     const v = d(() => t("noFiltersMatchThisSearch")), u = (p) => {
@@ -2444,7 +2444,7 @@ const Ut = /* @__PURE__ */ Z(Ka, [["render", Qa]]), Za = W({
     const t = (s) => {
       l(g.UPDATE, s);
     }, n = R([]);
-    te(
+    ee(
       () => e.options?.listboxItems,
       (s) => {
         n.value = s || [];
@@ -2522,7 +2522,7 @@ const Vt = /* @__PURE__ */ Z(Za, [["render", xa]]), en = {
   emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
     const t = e, n = l, a = R(t.options.variant), o = R(t.options.listboxItems);
-    te([() => t.options.variant, () => t.options.listboxItems], () => {
+    ee([() => t.options.variant, () => t.options.listboxItems], () => {
       a.value = t.options.variant, o.value = t.options.listboxItems;
     });
     const s = (v) => n(g.UPDATE, v), i = Bl(a, o), c = d(() => ({
@@ -2679,7 +2679,7 @@ const Ht = /* @__PURE__ */ Z(an, [["render", nn]]), Gt = {
   emits: ["input", "update"],
   setup(e, { emit: l }) {
     const { t } = ce({ messages: Gt }), n = Oe("toggle-filter-checkbox-label"), a = Oe("toggle-filter-checkbox-description"), o = e, s = l, i = R(o.value);
-    te(
+    ee(
       () => o.value,
       (f) => {
         i.value = f;
@@ -3113,7 +3113,14 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       clearFilter: c,
       resetFilter: v,
       openFilter: u
-    } = wt(Q(t, "value"), Q(t, "defaultValue")), p = R(o.value ?? []), F = d(() => ({
+    } = wt(Q(t, "value"), Q(t, "defaultValue")), p = R(o.value ?? []);
+    ee(
+      () => t.value,
+      (B) => {
+        p.value = B ?? [];
+      }
+    );
+    const F = d(() => ({
       "b-checkbox-group-filter--only-slot": t.onlySlot
     })), f = d(() => t.label), w = d(
       () => p.value.length === 1 ? ve(
@@ -3156,7 +3163,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       _: 1
     }, 16, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "tooltip-position", "tooltip-text", "onOpen"]));
   }
-}), Xt = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-a691cbf8"]]), mn = { class: "b-all-filters-modal" }, yn = {
+}), Xt = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-54301bd9"]]), mn = { class: "b-all-filters-modal" }, yn = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
 }, hn = {
@@ -3198,7 +3205,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
     const t = e, n = l, a = R(t.value), o = Oe("all-filters-modal"), s = R([]), i = R(!1), c = R(0), v = R(null), u = R(""), { t: p, n: F } = ce({ messages: Ot }), f = ze(u, Q(a, "value")), w = R({});
     Ve(() => {
       w.value = [];
-    }), te(
+    }), ee(
       () => t.value,
       () => {
         i.value ? a.value = t.value.map((E, S) => ({ ...E, value: a.value[S].value })) : a.value = t.value;
@@ -3284,7 +3291,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       () => Array.isArray(y.value.value) ? y.value?.value.length && y.value.value.find((E) => E !== "") : !!a.value[c.value].value
     ), j = d(() => y.value.type !== x.TOGGLE), se = d(() => !ae.value || y.value.disabled), re = d(() => N(t.value)?.filter(({ count: E }) => !!E).length), L = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, ee = (E) => {
+    }, te = (E) => {
       const S = N(a.value).find((qe) => qe.field === E.field).count, P = typeof E.type == "string" && // Type guard to avoid casting
       E.type.includes("BentoSelect") && E.options?.multiple && S === E.options?.listboxItems?.length, fe = typeof E.type == "string" && E.type === x.CHECKBOX_GROUP && S === E.options?.checkboxItems?.length;
       return P || fe ? p("all") : S === null ? null : F(S);
@@ -3408,7 +3415,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
                     ref_for: !0,
                     ref: (fe) => w.value[P.label] = fe,
                     label: P.label,
-                    "applied-filters-count": ee(P),
+                    "applied-filters-count": te(P),
                     "is-filter-open": y.value.label === P.label,
                     disabled: P.disabled,
                     onClick: (fe) => z(P.label, P.field)
@@ -3441,7 +3448,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
                     ref: (fe) => w.value[P.label] = fe,
                     label: P.label,
                     disabled: P.disabled,
-                    "applied-filters-count": ee(P),
+                    "applied-filters-count": te(P),
                     "is-filter-open": y.value.label === P.label,
                     onClick: (fe) => z(P.label, P.field)
                   }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
@@ -3620,7 +3627,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       )
     )), j = d(() => n.searchTerm != null), se = d(
       () => i.value.filter(({ defaultValue: T }) => T == null).some(({ value: T }) => T != null)
-    ), re = d(() => G.value.length === 0 && se.value), L = d(() => G.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: D }) => D !== void 0 || D !== null).every(({ value: D, defaultValue: I }) => JSON.stringify(D) === JSON.stringify(I)) || se.value), ee = (T) => {
+    ), re = d(() => G.value.length === 0 && se.value), L = d(() => G.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: D }) => D !== void 0 || D !== null).every(({ value: D, defaultValue: I }) => JSON.stringify(D) === JSON.stringify(I)) || se.value), te = (T) => {
       a(Se.INPUT, T), a(
         Se.UPDATE_FILTER_VALUES_ARRAY,
         T?.filter(({ value: D }) => D !== null || D !== void 0).map(({ field: D, value: I }) => ({ field: D, value: I }))
@@ -3630,7 +3637,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       );
     }, z = (T) => {
       const D = Array.isArray(T) ? T : [T], I = new Map(D.map((de) => [de.field, de.value])), ue = i.value.map((de) => I.has(de.field) ? { ...de, value: I.get(de.field) } : de);
-      ee(ue);
+      te(ue);
     }, b = () => {
       const T = i.value.slice(), D = i.value.map(({ value: I, ...ue }) => ({
         ...ue,
@@ -3639,10 +3646,10 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       c({
         text: o("filtersHaveBeenCleared"),
         action: {
-          handler: () => ee(T),
+          handler: () => te(T),
           text: o("undo")
         }
-      }), ee(D);
+      }), te(D);
     }, V = () => {
       const T = i.value.slice(), D = i.value.map(({ defaultValue: I, ...ue }) => ({
         ...ue,
@@ -3652,10 +3659,10 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       c({
         text: o("filtersHaveBeenReset"),
         action: {
-          handler: () => ee(T),
+          handler: () => te(T),
           text: o("undo")
         }
-      }), ee(D);
+      }), te(D);
     }, H = (T) => {
       a(Te.INPUT, T), a(Te.UPDATE, T);
     }, U = () => {
@@ -3763,4 +3770,4 @@ export {
   x as d,
   wt as u
 };
-//# sourceMappingURL=filter-bar.CvZnM3hM.js.map
+//# sourceMappingURL=filter-bar.CzFtzztU.js.map