@adyen/bento-vue2 1.26.0 → 1.27.0

package/dist/date-picker.js

@@ -1,20 +1,20 @@
 import { ref as f, computed as D, defineComponent as Y, toRef as E, watch as W, nextTick as T } from "vue";
-import { a as q } from "./chunks/index.15b088b9.js";
-import { B as K } from "./chunks/index.dd30e538.js";
-import { c as j, B as z } from "./chunks/dropdown-default-textbox.54ca1b18.js";
+import { a as q } from "./chunks/index.0a30d358.js";
+import { B as K } from "./chunks/index.e29a6907.js";
+import { c as j, B as z } from "./chunks/dropdown-default-textbox.d0f17d96.js";
 import { d as $ } from "./chunks/debounce.b5ef6acf.js";
 import { D as O, v as G, f as H } from "./chunks/date-input.9186a0bf.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { u as B } from "./chunks/i18n.eb5b985b.js";
-import { f as S } from "./chunks/index.b21197ca.js";
+import { f as S } from "./chunks/index.614a5138.js";
 import { e as I, d as J, f as Q } from "./chunks/index.f55fdc32.js";
 import { u as X } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import "./chunks/index.4c062058.js";
-import { C as p } from "./chunks/calendar.640b8d25.js";
-import { b as we } from "./chunks/calendar.640b8d25.js";
-import { E as Z, F as ee } from "./chunks/error-message.31ec12b7.js";
+import { C as p } from "./chunks/calendar.f02e0a5a.js";
+import { b as we } from "./chunks/calendar.f02e0a5a.js";
+import { E as Z, F as ee } from "./chunks/error-message.bdcc1020.js";
 import { n as ae } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index12.css";
+import "./assets/index13.css";
 const te = ({ datePickerValue: a, isDateIncorrect: e }) => {
   var v;
   const { locale: r, t: n } = B(), m = { de: J, enUS: I, fr: Q }, s = f((v = a.value) == null ? void 0 : v.toDateString());

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/index.8b8c3b16.js";
-import { b as o } from "./chunks/calendar.640b8d25.js";
+import { B as t, a as r } from "./chunks/index.854d6498.js";
+import { b as o } from "./chunks/calendar.f02e0a5a.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/index.b21197ca.js";
+import { B as e, a as o } from "./chunks/index.614a5138.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/divider.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/index.885d05a9.js";
+import { B as r } from "./chunks/index.939dd5cf.js";
 export {
   r as BentoDivider
 };

package/dist/dropdown.js

@@ -1,14 +1,14 @@
-import { B as p } from "./chunks/dropdown.10c034aa.js";
-import { a as _t } from "./chunks/dropdown.10c034aa.js";
-import { c as dt, b as ct } from "./chunks/use-cached-selected-values.69297473.js";
+import { B as p } from "./chunks/dropdown.a8037bca.js";
+import { a as _t } from "./chunks/dropdown.a8037bca.js";
+import { c as dt, b as ct } from "./chunks/use-cached-selected-values.98a9ed01.js";
 import { defineComponent as a, computed as l, toRefs as m } from "vue";
-import { B as y, L as i } from "./chunks/listbox-option-tag.6bbb6bbe.js";
+import { B as y, L as i } from "./chunks/listbox-option-tag.8708be60.js";
 import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { d as v, B as w } from "./chunks/index.dd30e538.js";
+import { d as v, B as w } from "./chunks/index.e29a6907.js";
 import { u as b } from "./chunks/use-country-items.6b7985bf.js";
 import { B as c } from "./chunks/country.types.002caff2.js";
-import { B } from "./chunks/payment-method.6c1ce07c.js";
-import "./assets/index16.css";
+import { B } from "./chunks/payment-method.c55dd352.js";
+import "./assets/index17.css";
 const $ = a({
   name: "bento-dropdown-avatar"
 }), I = /* @__PURE__ */ a({

package/dist/empty-state.js

@@ -1,9 +1,9 @@
 import { defineComponent as D, ref as v, computed as l, watch as d } from "vue";
-import { a as L } from "./chunks/button.9d6435ae.js";
-import { c as y, B as C } from "./chunks/index.dd30e538.js";
+import { a as L } from "./chunks/button.cb90b55c.js";
+import { c as y, B as C } from "./chunks/index.e29a6907.js";
 import { o as A } from "./chunks/resize.a041304d.js";
 import { n as O } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index17.css";
+import "./assets/index18.css";
 const _ = (s, e) => {
   const t = s[e];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((r, n) => {

package/dist/filter-bar.js

@@ -1,43 +1,43 @@
 import { n as I } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { defineComponent as U, useSlots as ie, useAttrs as Ye, computed as r, ref as P, watch as ee, toRef as w, onBeforeUpdate as fe, provide as Je, reactive as Be, nextTick as ze, onMounted as Ge } from "vue";
-import { a as pe, I as We } from "./chunks/index.15b088b9.js";
+import { defineComponent as U, useSlots as ie, useAttrs as Je, computed as r, ref as P, watch as ee, nextTick as Be, toRef as w, onBeforeUpdate as fe, provide as ze, reactive as Ae, onMounted as Ge } from "vue";
+import { a as pe, I as We } from "./chunks/index.0a30d358.js";
 import { u as Z } from "./chunks/i18n.eb5b985b.js";
 import { g as _e } from "./chunks/unique-id.a2a2b458.js";
 import { u as Ze } from "./chunks/use-click-outside.941d1600.js";
 import "./chunks/index.4c062058.js";
-import { B as oe, d as Qe } from "./chunks/index.dd30e538.js";
-import { u as Ae } from "./chunks/aria-label.ac9651a5.js";
-import { B as De, a as ye } from "./chunks/base-button.ad74b6f8.js";
-import { g as Te } from "./chunks/get-slot-text.99c3d860.js";
-import { u as Pe } from "./chunks/use-has-slot.fbeb19ec.js";
-import { a as Ee, C as xe } from "./chunks/chevron-up.81185563.js";
-import { B as Xe } from "./chunks/tooltip.58ef3f4a.js";
+import { B as oe, d as Qe } from "./chunks/index.e29a6907.js";
+import { u as De } from "./chunks/aria-label.ac9651a5.js";
+import { B as Te, a as ye } from "./chunks/base-button.852204dc.js";
+import { g as Pe } from "./chunks/get-slot-text.99c3d860.js";
+import { u as Ee } from "./chunks/use-has-slot.fbeb19ec.js";
+import { a as xe, C as Ie } from "./chunks/chevron-up.81185563.js";
+import { B as Xe } from "./chunks/tooltip.efddb5f3.js";
 import { B as et } from "./chunks/teleport.84b0f20b.js";
-import { B as tt } from "./chunks/dropdown-default-textbox.54ca1b18.js";
+import { B as tt } from "./chunks/dropdown-default-textbox.d0f17d96.js";
 import { BentoRadioGroup as lt } from "./radio-group.js";
-import { BentoInputField as Ie } from "./input-field.js";
+import { BentoInputField as $e } from "./input-field.js";
 import { BentoSearchBar as re, BentoSearchBarEvent as le } from "./search-bar.js";
 import { BentoModal as at } from "./modal.js";
-import { g as nt } from "./chunks/base-modal.1fff7abe.js";
-import { a as st } from "./chunks/button.9d6435ae.js";
-import { u as $e, B as ot } from "./chunks/dropdown.10c034aa.js";
-import { g as rt } from "./chunks/index.d553d3d1.js";
-import { B as ve } from "./chunks/index.885d05a9.js";
+import { g as nt } from "./chunks/base-modal.4fb7528b.js";
+import { a as st } from "./chunks/button.cb90b55c.js";
+import { u as Ue, B as ot } from "./chunks/dropdown.a8037bca.js";
+import { g as rt } from "./chunks/index.1deef79e.js";
+import { B as ve } from "./chunks/index.939dd5cf.js";
 import { BentoDatePicker as it } from "./date-picker.js";
-import { f as X } from "./chunks/index.b21197ca.js";
-import { e as J, d as Ue, f as Re } from "./chunks/index.f55fdc32.js";
-import { C as ut, i as ct } from "./chunks/calendar.640b8d25.js";
-import { B as dt, D as ft, i as me } from "./chunks/index.8b8c3b16.js";
-import { B as _t } from "./chunks/button-actions.81db18e8.js";
+import { f as X } from "./chunks/index.614a5138.js";
+import { e as J, d as Re, f as Ve } from "./chunks/index.f55fdc32.js";
+import { C as ut, i as ct } from "./chunks/calendar.f02e0a5a.js";
+import { B as dt, D as ft, i as me } from "./chunks/index.854d6498.js";
+import { B as _t } from "./chunks/button-actions.87e589e3.js";
 import { D as Fe } from "./chunks/date-input.9186a0bf.js";
-import { a as he, B as vt } from "./chunks/use-cached-selected-values.69297473.js";
-import { B as bt, L as Ve } from "./chunks/listbox-option-tag.6bbb6bbe.js";
+import { a as he, B as vt } from "./chunks/use-cached-selected-values.98a9ed01.js";
+import { B as bt, L as ke } from "./chunks/listbox-option-tag.8708be60.js";
 import { u as pt } from "./chunks/use-country-items.6b7985bf.js";
-import { B as yt } from "./chunks/payment-method.6c1ce07c.js";
+import { B as yt } from "./chunks/payment-method.c55dd352.js";
 import { R as mt } from "./chunks/refresh.71a03998.js";
-import { F as Ft } from "./chunks/fixed-scroller.4eb9a9ac.js";
-import { u as ht } from "./chunks/use-bento-toast-controller.c3277f73.js";
-import "./assets/index18.css";
+import { F as Ft } from "./chunks/fixed-scroller.82ef6187.js";
+import { u as ht } from "./chunks/use-bento-toast-controller.5dac1f3c.js";
+import "./assets/index32.css";
 const gt = {}, St = /* @__PURE__ */ U({
   ...gt,
   __name: "filter-bar-button",
@@ -69,7 +69,7 @@ const gt = {}, St = /* @__PURE__ */ U({
   },
   emits: ["click"],
   setup(l, { emit: e }) {
-    const t = l, a = ie(), n = Ye(), s = Pe(a), i = r(() => a.default ? Te(a)("default") : null), c = Ae({ ariaLabel: i }), o = P(null), y = r(() => {
+    const t = l, a = ie(), n = Je(), s = Ee(a), i = r(() => a.default ? Pe(a)("default") : null), c = De({ ariaLabel: i }), o = P(null), y = r(() => {
       var h;
       return {
         "aria-controls": (h = n["aria-controls"]) == null ? void 0 : h.toString()
@@ -82,7 +82,7 @@ const gt = {}, St = /* @__PURE__ */ U({
     }));
     return { __sfc: !0, props: t, emit: e, slots: a, attrs: n, hasSlot: s, labelSlot: i, computedAriaLabel: c, filterBarButtonRef: o, ariaAttributes: y, conditionalClasses: F, onClickButton: (h) => {
       t.disabled || e("click", h);
-    }, BentoTypography: oe, BaseButton: De, ChevronUpIcon: Ee, ChevronDownIcon: xe };
+    }, BentoTypography: oe, BaseButton: Te, ChevronUpIcon: xe, ChevronDownIcon: Ie };
   }
 });
 var Ct = function() {
@@ -198,7 +198,9 @@ const Dt = {
   ],
   setup(l, { emit: e }) {
     const { t } = Z(), a = _e("base-filter-popover"), n = P(!1), s = P(null), i = P(null), c = r(() => l.defaultValue !== null), o = () => {
-      n.value && (n.value = !1, e(q.CLOSE));
+      n.value && (n.value = !1, Be(() => {
+        s.value.$el.focus();
+      }), e(q.CLOSE));
     }, y = () => {
       o(), c.value ? e(q.RESET) : e(q.CLEAR);
     }, F = () => o(), C = () => {
@@ -256,7 +258,7 @@ var Pt = function() {
   Et,
   !1,
   null,
-  "5dcedc70",
+  "28a58201",
   null,
   null
 );
@@ -283,7 +285,7 @@ const ae = xt.exports, It = (l) => l instanceof Array, ge = (l) => It(l) ? l.len
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: ae,
-    BentoInputField: Ie
+    BentoInputField: $e
   },
   props: {
     /**
@@ -373,7 +375,7 @@ const ae = xt.exports, It = (l) => l instanceof Array, ge = (l) => It(l) ? l.len
     }, m = (S) => {
       a.value = S;
     };
-    return Je(We, n.value), {
+    return ze(We, n.value), {
       // Values
       buttonLabel: C,
       buttonSecondaryLabel: h,
@@ -413,7 +415,7 @@ var Ut = function() {
   null,
   null
 );
-const ke = Vt.exports, kt = U({
+const Le = Vt.exports, kt = U({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ae,
@@ -458,7 +460,7 @@ const ke = Vt.exports, kt = U({
   },
   emits: [_.INPUT, _.UPDATE],
   setup(l, { emit: e }) {
-    const { locale: t } = Z(void 0, !0), a = { de: Ue, enUS: J, fr: Re }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = te(
+    const { locale: t } = Z(void 0, !0), a = { de: Re, enUS: J, fr: Ve }, { internalFilterValue: n, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = te(
       w(l, "value"),
       w(l, "defaultValue")
     ), c = r(
@@ -513,7 +515,7 @@ var Lt = function() {
   null,
   null
 );
-const Le = wt.exports, Nt = {
+const Oe = wt.exports, Nt = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -594,14 +596,14 @@ const Le = wt.exports, Nt = {
   emits: [_.INPUT, _.UPDATE],
   setup(l, { emit: e }) {
     var K, Y, Q, V;
-    const { locale: t, t: a } = Z(), n = { de: Ue, enUS: J, fr: Re }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = te(
+    const { locale: t, t: a } = Z(), n = { de: Re, enUS: J, fr: Ve }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = te(
       w(l, "value"),
       w(l, "defaultValue")
     ), o = P(!1), y = (p) => p ? X(p, Fe.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[t.value.substring(0, 2)] || J
     }) : void 0, F = (p) => p ? X(p, Fe.HOUR_MINUTE_SECONDS, {
       locale: n[t.value.substring(0, 2)] || J
-    }) : "", C = P(null), h = P(!1), v = Be({
+    }) : "", C = P(null), h = P(!1), v = Ae({
       startDate: y((K = l.value) == null ? void 0 : K.startDate),
       endDate: y((Y = l.value) == null ? void 0 : Y.endDate),
       startTime: F((Q = l.value) == null ? void 0 : Q.startDate),
@@ -707,7 +709,7 @@ var Ht = function() {
   null,
   null
 );
-const Oe = qt.exports, Kt = {
+const we = qt.exports, Kt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -778,7 +780,7 @@ const Oe = qt.exports, Kt = {
     ee(c, () => {
       o.value = c.value.listboxItems;
     });
-    const T = $e(
+    const T = Ue(
       i,
       o,
       (Q = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : Q.searchEvent
@@ -1083,11 +1085,11 @@ var dl = function() {
   null,
   null
 );
-const we = _l.exports, vl = U({
+const Ne = _l.exports, vl = U({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
-    ListboxOptionTag: Ve
+    ListboxOptionTag: ke
   },
   props: {
     ...j.props,
@@ -1129,7 +1131,7 @@ var bl = function() {
   null,
   null
 );
-const Ne = yl.exports, ml = U({
+const Me = yl.exports, ml = U({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
@@ -1188,7 +1190,7 @@ var Fl = function() {
   null,
   null
 );
-const Me = gl.exports, Sl = U({
+const He = gl.exports, Sl = U({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: j,
@@ -1232,11 +1234,11 @@ var Cl = function() {
   null,
   null
 );
-const He = Al.exports, Dl = U({
+const je = Al.exports, Dl = U({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
-    ListboxOptionTag: Ve
+    ListboxOptionTag: ke
   },
   props: {
     ...j.props,
@@ -1287,7 +1289,7 @@ var Tl = function() {
   null,
   null
 );
-const je = El.exports, xl = {
+const qe = El.exports, xl = {
   "en-US": {
     yes: "Yes",
     no: "No"
@@ -1412,7 +1414,7 @@ var $l = function() {
   null,
   null
 );
-const qe = Rl.exports, Vl = {
+const Ke = Rl.exports, Vl = {
   "en-US": {
     from: "From",
     to: "To"
@@ -1420,7 +1422,7 @@ const qe = Rl.exports, Vl = {
 }, kl = U({
   name: "bento-range-filter",
   i18n: { messages: Vl },
-  components: { BentoBaseFilter: ae, BentoInputField: Ie },
+  components: { BentoBaseFilter: ae, BentoInputField: $e },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1465,7 +1467,7 @@ const qe = Rl.exports, Vl = {
     ), y = r(() => ({
       ["b-range-filter--only-slot"]: l.onlySlot
     })), F = () => {
-      a.value = l.value, ze(() => t.value.focusInput());
+      a.value = l.value, Be(() => t.value.focusInput());
     }, C = () => {
       e(_.INPUT, { ...l, value: a.value });
     }, h = (g) => {
@@ -1514,11 +1516,11 @@ var Ll = function() {
   null,
   null
 );
-const Ke = wl.exports;
+const Ye = wl.exports;
 var de = /* @__PURE__ */ ((l) => (l.INPUT = "input", l))(de || {});
 const Nl = U({
   name: "base-filter-button",
-  components: { BaseButton: De, BentoTypography: oe, ChevronUpIcon: Ee, ChevronDownIcon: xe },
+  components: { BaseButton: Te, BentoTypography: oe, ChevronUpIcon: xe, ChevronDownIcon: Ie },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1545,7 +1547,7 @@ const Nl = U({
   },
   emits: [ye.CLICK],
   setup(l, { slots: e, emit: t, attrs: a }) {
-    const n = r(() => e.default ? Te(e)("default") : null), s = Ae({ ariaLabel: n }), i = P(null), c = r(() => {
+    const n = r(() => e.default ? Pe(e)("default") : null), s = De({ ariaLabel: n }), i = P(null), c = r(() => {
       var F;
       return {
         "aria-controls": (F = a["aria-controls"]) == null ? void 0 : F.toString()
@@ -1563,7 +1565,7 @@ const Nl = U({
       onClickButton: () => {
         l.disabled || t(ye.CLICK);
       },
-      hasSlot: Pe(e),
+      hasSlot: Ee(e),
       // Refs
       baseFilterButtonRef: i
     };
@@ -1669,20 +1671,20 @@ const ea = Xl.exports, ta = {
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: Gl,
-    BentoBooleanFilter: qe,
+    BentoBooleanFilter: Ke,
     BentoButton: st,
-    BentoDateFilter: Le,
-    BentoDateRangeFilter: Oe,
-    BentoInputFilter: ke,
+    BentoDateFilter: Oe,
+    BentoDateRangeFilter: we,
+    BentoInputFilter: Le,
     BentoModal: at,
-    BentoRangeFilter: Ke,
+    BentoRangeFilter: Ye,
     BentoSearchBar: re,
-    BentoSelectAvatarFilter: we,
-    BentoSelectCurrencyFilter: Ne,
-    BentoSelectCountryFilter: Me,
+    BentoSelectAvatarFilter: Ne,
+    BentoSelectCurrencyFilter: Me,
+    BentoSelectCountryFilter: He,
     BentoSelectFilter: j,
-    BentoSelectPaymentMethodFilter: He,
-    BentoSelectTagFilter: je,
+    BentoSelectPaymentMethodFilter: je,
+    BentoSelectTagFilter: qe,
     BentoTypography: oe,
     FilterBarButton: be,
     SlidersIcon: ea
@@ -1715,7 +1717,7 @@ const ea = Xl.exports, ta = {
   },
   emits: [de.INPUT],
   setup(l, { emit: e }) {
-    const t = Be({ value: l.value }), a = P(t.value), n = _e("all-filters-modal"), s = P([]), i = P(!1), c = P(0), o = P(null), y = P(""), { t: F } = Z(), C = $e(y, w(a, "value")), h = P({});
+    const t = Ae({ value: l.value }), a = P(t.value), n = _e("all-filters-modal"), s = P([]), i = P(!1), c = P(0), o = P(null), y = P(""), { t: F } = Z(), C = Ue(y, w(a, "value")), h = P({});
     fe(() => {
       h.value = [];
     }), ee(
@@ -1945,17 +1947,17 @@ const oa = sa.exports, ra = {
   name: "bento-filter-bar",
   components: {
     AllFiltersModal: oa,
-    BentoBooleanFilter: qe,
-    BentoDateFilter: Le,
-    BentoDateRangeFilter: Oe,
-    BentoRangeFilter: Ke,
-    BentoInputFilter: ke,
+    BentoBooleanFilter: Ke,
+    BentoDateFilter: Oe,
+    BentoDateRangeFilter: we,
+    BentoRangeFilter: Ye,
+    BentoInputFilter: Le,
     BentoSelectFilter: j,
-    BentoSelectAvatarFilter: we,
-    BentoSelectCountryFilter: Me,
-    BentoSelectCurrencyFilter: Ne,
-    BentoSelectPaymentMethodFilter: He,
-    BentoSelectTagFilter: je,
+    BentoSelectAvatarFilter: Ne,
+    BentoSelectCountryFilter: He,
+    BentoSelectCurrencyFilter: Me,
+    BentoSelectPaymentMethodFilter: je,
+    BentoSelectTagFilter: qe,
     BentoSearchBar: re,
     FilterBarButton: be,
     FixedScroller: Ft,