@adyen/bento-vue2 1.11.0 → 1.12.0

package/dist/filter-bar.js

@@ -1,42 +1,42 @@
 import { n as E } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { onMounted as me, onUnmounted as je, defineComponent as P, useSlots as Ye, useAttrs as ze, computed as o, ref as I, watch as te, toRef as k, onBeforeUpdate as oe, reactive as he, toRefs as Je, nextTick as Ke } from "vue";
-import { a as de } from "./chunks/index.f18f79eb.js";
+import { a as de } from "./chunks/index.45aa17fc.js";
 import { u as W } from "./chunks/i18n.eb5b985b.js";
 import { g as ie } from "./chunks/unique-id.a2a2b458.js";
 import { o as Ge } from "./chunks/on-click-outside.3e0c3e2a.js";
 import { i as Fe } from "./chunks/index.4c062058.js";
-import { B as le, d as We } from "./chunks/index.b0a89960.js";
+import { B as le, d as We } from "./chunks/index.99a2184a.js";
 import { u as ge } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ce, a as fe } from "./chunks/base-button.bd61ab14.js";
+import { B as Ce, a as fe } from "./chunks/base-button.1f07b7c1.js";
 import { g as Se } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Ae } from "./chunks/use-has-slot.fbeb19ec.js";
 import { a as Be, C as De } from "./chunks/chevron-up.81185563.js";
-import { B as Ze } from "./chunks/tooltip.f48beb54.js";
+import { B as Ze } from "./chunks/tooltip.f91b2040.js";
 import { B as Qe } from "./chunks/directive.0408e565.js";
 import { BentoRadioGroup as Xe } from "./radio-group.js";
 import { BentoInputField as Te } from "./input-field.js";
 import { BentoSearchBar as ae, BentoSearchBarEvent as Z } from "./search-bar.js";
 import { u as et } from "./chunks/toastController.fd667b68.js";
 import { BentoModal as tt } from "./modal.js";
-import { e as lt } from "./chunks/base-modal.5640a66a.js";
-import { a as at } from "./chunks/button.bb5b4909.js";
-import { B as nt, u as Ee } from "./chunks/dropdown.4152cc00.js";
-import { g as st } from "./chunks/index.7d2ea1de.js";
-import { B as Pe } from "./chunks/index.1e8c900a.js";
+import { e as lt } from "./chunks/base-modal.9d63bdaf.js";
+import { a as at } from "./chunks/button.133f145e.js";
+import { B as nt, u as Ee } from "./chunks/dropdown.eaee22a3.js";
+import { g as st } from "./chunks/index.2cfe4a09.js";
+import { B as Pe } from "./chunks/index.3b7d40b7.js";
 import { BentoDatePicker as rt } from "./date-picker.js";
-import { f as G } from "./chunks/index.720f0cbf.js";
+import { f as G } from "./chunks/index.b38a191d.js";
 import { e as z, d as xe, f as $e } from "./chunks/index.f55fdc32.js";
-import { C as ot, i as it } from "./chunks/calendar.4ab3c2dc.js";
-import { B as ut, D as ct, i as be } from "./chunks/index.179d485c.js";
+import { C as ot, i as it } from "./chunks/calendar.9a8605d1.js";
+import { B as ut, D as ct, i as be } from "./chunks/index.18773b0b.js";
 import { BentoButtonActions as dt } from "./button.js";
 import { D as _e } from "./chunks/date-input.9186a0bf.js";
-import { B as ft } from "./chunks/listbox.7cf6d6b4.js";
-import { B as bt, L as Ie } from "./chunks/listbox-option-tag.9103c011.js";
-import { u as _t } from "./chunks/useCountryItems.6b7985bf.js";
+import { B as ft } from "./chunks/listbox.23c6b393.js";
+import { B as bt, L as Ie } from "./chunks/listbox-option-tag.168c794c.js";
+import { u as _t } from "./chunks/use-country-items.6b7985bf.js";
 import { BentoPaymentMethod as vt } from "./payment-method.js";
 import { R as pt } from "./chunks/refresh.71a03998.js";
-import { F as yt } from "./chunks/fixed-scroller.5c90f692.js";
-import "./assets/index28.css";
+import { F as yt } from "./chunks/fixed-scroller.01fc96f7.js";
+import "./assets/index30.css";
 const mt = (t, e, l = {}) => {
   let a;
   me(() => {
@@ -82,7 +82,8 @@ const mt = (t, e, l = {}) => {
       };
     }), v = o(() => ({
       "b-filter-bar-button--filter-open": l.isFilterOpen,
-      "b-filter-bar-button--with-counter": l.appliedFiltersCount,
+      "b-filter-bar-button--active": l.appliedFiltersCount || l.secondaryLabel || l.hasChevron,
+      "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
       "b-filter-bar-button--with-chevron": l.hasChevron
     }));
     return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: d, computedAriaLabel: _, filterBarButtonRef: c, ariaAttributes: m, conditionalClasses: v, onClickButton: (y) => {
@@ -101,7 +102,7 @@ var gt = function() {
   Ct,
   !1,
   null,
-  "b3ad119c",
+  "c9ee4993",
   null,
   null
 );
@@ -473,15 +474,15 @@ const Q = Rt.exports, kt = (t) => t instanceof Array, ve = (t) => kt(t) ? t.leng
     };
   }
 });
-var Ot = function() {
+var Lt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-filter", class: e.conditionalClasses, on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   }, input: e.onInput } }, [l("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue }, on: { input: e.setInternalFilterValue } })], 1)]);
-}, Lt = [], Nt = /* @__PURE__ */ E(
+}, Ot = [], Nt = /* @__PURE__ */ E(
   Vt,
-  Ot,
   Lt,
+  Ot,
   !1,
   null,
   "93dbdf1c",
@@ -668,7 +669,7 @@ const Re = qt.exports, jt = {
   },
   emits: [i.INPUT, i.UPDATE],
   setup(t, { emit: e }) {
-    var x, D, L, $;
+    var x, D, O, $;
     const { locale: l, t: a } = W(), n = { de: xe, enUS: z, fr: $e }, { internalFilterValue: s, isSecondaryButtonDisabled: d, isApplyButtonDisabled: _ } = X(
       k(t, "value"),
       k(t, "defaultValue")
@@ -679,7 +680,7 @@ const Re = qt.exports, jt = {
     }) : "", v = I(null), F = I(!1), y = he({
       startDate: c((x = t.value) == null ? void 0 : x.startDate),
       endDate: c((D = t.value) == null ? void 0 : D.endDate),
-      startTime: m((L = t.value) == null ? void 0 : L.startDate),
+      startTime: m((O = t.value) == null ? void 0 : O.startDate),
       endTime: m(($ = t.value) == null ? void 0 : $.endDate)
     }), g = o(() => {
       var b, M, ne, se, r, C, S, R;
@@ -847,20 +848,20 @@ const ke = Kt.exports, Gt = {
       v,
       (J = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : J.searchEvent
     ), y = o(() => d("noFiltersMatchThisSearch")), g = o(() => {
-      var O, x, D, L;
+      var L, x, D, O;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const $ = (O = t.value) == null ? void 0 : O.length;
+        const $ = (L = t.value) == null ? void 0 : L.length;
         if ($ === t.options.listboxItems.length)
           return (x = t == null ? void 0 : t.options) == null ? void 0 : x.messages[_.value].persistentButtonLabelAllSelected;
         const b = (D = t == null ? void 0 : t.options) == null ? void 0 : D.messages[_.value].persistentButtonLabelPartiallySelected.split("|").map((M) => M.trim());
         return $ === 1 ? b[0].replace("{count}", $) : b[1].replace("{count}", $);
       }
-      return K((L = t.options.listboxItems.find(({ value: $ }) => $ === t.value)) == null ? void 0 : L.label, 18);
+      return K((O = t.options.listboxItems.find(({ value: $ }) => $ === t.value)) == null ? void 0 : O.label, 18);
     }), T = o(() => {
-      var O, x;
-      if (t.defaultValue === null && (!t.options.multiple || ((O = t.value) == null ? void 0 : O.length) === 1)) {
+      var L, x;
+      if (t.defaultValue === null && (!t.options.multiple || ((L = t.value) == null ? void 0 : L.length) === 1)) {
         if (t.options.staticCategories) {
           const D = t.options.listboxItems.find(
             ($) => $.items.some((b) => b.value === t.value)
@@ -870,22 +871,22 @@ const ke = Kt.exports, Gt = {
         return K(
           (x = t.options.listboxItems.find(
             ({ value: D }) => {
-              var L;
-              return Array.isArray(t.value) ? (L = t == null ? void 0 : t.value) == null ? void 0 : L.includes(D) : D === t.value;
+              var O;
+              return Array.isArray(t.value) ? (O = t == null ? void 0 : t.value) == null ? void 0 : O.includes(D) : D === t.value;
             }
           )) == null ? void 0 : x.label,
           12
         );
       }
       return null;
-    }), A = o(() => ie(`filter-listbox-${t.field}`)), h = (O) => {
-      a.value = O;
+    }), A = o(() => ie(`filter-listbox-${t.field}`)), h = (L) => {
+      a.value = L;
       const { onlySlot: x, ...D } = t;
       e(i.INPUT, { ...D, value: a.value });
     }, B = () => {
       var D;
       t.options.multiple && a.value && ((D = a.value) == null ? void 0 : D.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
-      const { onlySlot: O, ...x } = t;
+      const { onlySlot: L, ...x } = t;
       e(i.UPDATE, { ...x, value: a.value });
     }, V = () => {
       a.value = t.value;
@@ -899,14 +900,14 @@ const ke = Kt.exports, Gt = {
     return {
       // Values
       appliedFiltersCount: o(() => {
-        var D, L;
+        var D, O;
         if (t.value == null || t.defaultValue !== null || !t.options.multiple)
           return null;
-        const O = (D = t.options.listboxItems) == null ? void 0 : D.reduce(($, b) => {
+        const L = (D = t.options.listboxItems) == null ? void 0 : D.reduce(($, b) => {
           var M;
           return $ += (M = b == null ? void 0 : b.items) != null && M.length ? b.items.length : 1, $;
-        }, 0), x = (L = t.value) == null ? void 0 : L.length;
-        return x === 1 ? null : x === O ? d("all") : x;
+        }, 0), x = (O = t.value) == null ? void 0 : O.length;
+        return x === 1 ? null : x === L ? d("all") : x;
       }),
       filteredItems: F,
       internalFilterValue: a,
@@ -1046,7 +1047,7 @@ var sl = function() {
   null,
   null
 );
-const Oe = ol.exports, il = P({
+const Le = ol.exports, il = P({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: w,
@@ -1089,7 +1090,7 @@ const Oe = ol.exports, il = P({
 var ul = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a }) {
-    return [l("bento-typography", [e._v(e._s(a))])];
+    return [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(a))])];
   } }]) }, "bento-select-filter", e.$props, !1));
 }, cl = [], dl = /* @__PURE__ */ E(
   il,
@@ -1101,7 +1102,7 @@ var ul = function() {
   null,
   null
 );
-const Le = dl.exports, fl = P({
+const Oe = dl.exports, fl = P({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: w,
@@ -1511,17 +1512,17 @@ const Rl = Ul.exports, kl = P({
 var Vl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, Ol = [], Ll = /* @__PURE__ */ E(
+}, Ll = [], Ol = /* @__PURE__ */ E(
   kl,
   Vl,
-  Ol,
+  Ll,
   !1,
   null,
   "4c415ac7",
   null,
   null
 );
-const Nl = Ll.exports;
+const Nl = Ol.exports;
 let ye = 0;
 const wl = {
   beforeCreate() {
@@ -1568,8 +1569,8 @@ const jl = ql.exports, Yl = {
     BentoRangeFilter: He,
     BentoSearchBar: ae,
     BentoSelectAvatarFilter: Ve,
-    BentoSelectCurrencyFilter: Oe,
-    BentoSelectCountryFilter: Le,
+    BentoSelectCurrencyFilter: Le,
+    BentoSelectCountryFilter: Oe,
     BentoSelectFilter: w,
     BentoSelectPaymentMethodFilter: Ne,
     BentoSelectTagFilter: we,
@@ -1719,7 +1720,7 @@ const jl = ql.exports, Yl = {
       );
     }, J = () => {
       c.value = "";
-    }, O = () => {
+    }, L = () => {
       s.value = !1, l.value = t.value, J(), B();
     }, x = (r) => {
       const C = l.value.map(({ value: S, ...R }, j) => j === d.value ? { value: r.value, ...R } : { value: S, ...R });
@@ -1731,7 +1732,7 @@ const jl = ql.exports, Yl = {
         type: h.value.type,
         value: void 0
       });
-    }, L = () => {
+    }, O = () => {
       l.value = l.value.map(({ value: r, ...C }) => ({
         ...C,
         value: void 0
@@ -1748,12 +1749,12 @@ const jl = ql.exports, Yl = {
       },
       {
         title: m("cancel"),
-        event: O
+        event: L
       },
       {
         title: m("clearAll"),
         disabled: !u.value,
-        event: L
+        event: O
       }
     ]);
     return {
@@ -1778,7 +1779,7 @@ const jl = ql.exports, Yl = {
       // Methods
       onClickAllFiltersModal: f,
       getFilterCount: U,
-      cancel: O,
+      cancel: L,
       selectFilter: Y,
       clearFilter: D,
       updateFilter: x,
@@ -1848,8 +1849,8 @@ const Wl = Gl.exports, Zl = {
     BentoInputFilter: Ue,
     BentoSelectFilter: w,
     BentoSelectAvatarFilter: Ve,
-    BentoSelectCountryFilter: Le,
-    BentoSelectCurrencyFilter: Oe,
+    BentoSelectCountryFilter: Oe,
+    BentoSelectCurrencyFilter: Le,
     BentoSelectPaymentMethodFilter: Ne,
     BentoSelectTagFilter: we,
     BentoSearchBar: ae,