@adyen/bento-vue3 1.96.1 → 1.97.0

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

@@ -1,46 +1,45 @@
 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 { B as ke, a as Te } from "./search-bar.CLjqWNaI.js";
 import { u as al } from "./use-bento-toast-controller.D_NSnBxi.js";
 import { u as ce } from "./index.B875RXHM.js";
 import { n as nl } from "./index.oOAkh64h.js";
 import { F as bt } from "./fixed-scroller.yVsaQzy5.js";
-import { _ as ol } from "./modal.vue_vue_type_script_setup_true_lang.CrJQWuzb.js";
+import { _ as ol } from "./modal.vue_vue_type_script_setup_true_lang.C3xuswtY.js";
 import { B as il } from "./button.DWF7FSIw.js";
 import { B as ne, d as Me, p as sl } from "./typography.B3J6_tYk.js";
-import { u as ze, B as rl } from "./dropdown.C5um1anU.js";
+import { u as Qe, f as ze, d as rl, B as ul, C as dl } from "./dropdown.C97ShfXZ.js";
 import { g as Oe } from "./generate-uid.DBWe4g6T.js";
-import { g as ul } from "./focus-trap.Dl_rHbwH.js";
+import { g as cl } from "./focus-trap.Dl_rHbwH.js";
 import { u as vt } from "./aria-label.CaUURpnB.js";
 import { u as mt } from "./use-has-slot.CyMiImRQ.js";
-import { B as yt, a as Qe } from "./base-button.CvHl36Ue.js";
+import { B as yt, a as Ze } from "./base-button.CvHl36Ue.js";
 import { g as ht } from "./get-slot-text.8Fbl1GOr.js";
-import { C as dl } from "./chevron-up.Cmgl2a3x.js";
-import { C as cl } from "./chevron-down.XeE-LBV_.js";
+import { C as fl } from "./chevron-up.Cmgl2a3x.js";
+import { C as pl } from "./chevron-down.XeE-LBV_.js";
 import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 /* empty css              */
 import { a as gt } from "./radio-group.Cg67ZU0c.js";
 import { t as ve } from "./truncate.DmCXQmeb.js";
-import { u as fl, e as Ft, h as pl, I as bl, m as vl, B as ml } from "./button-actions.CxTxPprd.js";
+import { u as bl, e as Ft, h as vl, I as ml, m as yl, B as hl } from "./button-actions.CWmTl4cF.js";
 import { b as St } from "./tooltip.Djn54E1O.js";
 import { C as Bt } from "./cross-small.Bjq2Gqvh.js";
-import { B as Xe } from "./input-field.DBlTGgAD.js";
-import { B as yl } from "./checkbox-group.BcDIXL27.js";
-import { C as hl } from "./checkbox-input.CVFQCfZM.js";
-import { u as Ze, b as gl, C as Fl } from "./use-cached-selected-values.DOw5IKdU.js";
+import { B as Xe } from "./input-field.CvnmfrzQ.js";
+import { B as gl } from "./checkbox-group.BWx4wn0F.js";
+import { C as Fl } from "./checkbox-input.CVFQCfZM.js";
 import { B as Je } from "./divider.BIY84UH7.js";
 import { L as Ct } from "./listbox-option-tag.yF6p9iQw.js";
 import { B as Sl } from "./payment-method.AeKHZlAO.js";
 import { u as Bl } from "./use-country-items.Dp7X1r2e.js";
 import { B as Cl } from "./avatar.Caeba-pw.js";
-import { D as Tl, B as Al, i as He, a as Dl } from "./date-range-picker.BigC6wm2.js";
+import { D as Tl, B as Al, i as He, a as Dl } from "./date-range-picker.CtGaxtYh.js";
 import wl from "./pt-BR.ChPOra5s.js";
 import Ol from "./ja.cLwacUE6.js";
 import _l from "./fr.DJtn8ron.js";
 import { t as Ke, j as Tt, g as Il } from "./en-US.BR6y7foR.js";
 import { de as El } from "./de.ctR_lBqr.js";
-import { z as Rl, A as Pl, b as Ll, g as $l, e as Ae, k as kl } from "./calendar.iQyNwQBL.js";
-import { g as Nl, b as Ul, c as Vl, d as Ml, i as ql, e as Hl, w as Gl, l as jl, u as Yl } from "./use-date-input-formatter.x285YiSd.js";
-import { B as Wl } from "./date-picker.DyImOUH4.js";
+import { z as Rl, A as Pl, b as Ll, g as $l, e as Ae, k as kl } from "./calendar.6NKd6IMo.js";
+import { g as Nl, b as Ul, c as Vl, d as Ml, i as ql, e as Hl, w as Gl, l as jl, u as Yl } from "./use-date-input-formatter.QXaVIBS0.js";
+import { B as Wl } from "./date-picker.CCETX031.js";
 import { u as zl } from "./use-touch-device.DTqFAbXh.js";
 import { R as xe } from "./refresh.C31KClfx.js";
 import "../assets/filter-bar.css";
@@ -883,7 +882,7 @@ function ra(e, l) {
 var We = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(We || {});
 const ua = W({
   name: "base-filter-button",
-  components: { BaseButton: yt, BentoTypography: ne, ChevronUpIcon: dl, ChevronDownIcon: cl },
+  components: { BaseButton: yt, BentoTypography: ne, ChevronUpIcon: fl, ChevronDownIcon: pl },
   props: {
     /**
      * The number of applies values within the filter.
@@ -908,7 +907,7 @@ const ua = W({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [Qe.CLICK],
+  emits: [Ze.CLICK],
   setup(e, { slots: l, emit: t, attrs: n }) {
     const a = d(() => l.default ? ht(l)("default") : null), o = vt({ ariaLabel: a }), s = R(null), i = d(() => ({
       "aria-controls": n["aria-controls"]?.toString()
@@ -923,7 +922,7 @@ const ua = W({
       conditionalClasses: c,
       // Methods
       onClickButton: () => {
-        e.disabled || t(Qe.CLICK);
+        e.disabled || t(Ze.CLICK);
       },
       hasSlot: mt(l),
       // Refs
@@ -1185,7 +1184,7 @@ const It = {
       (L, te) => {
         !L && te && c.value?.filterBarButtonRef?.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), fl(v, se, { ignore: [c] }), l({
+    ), bl(v, se, { ignore: [c] }), l({
       closePopover: B
     }), (L, te) => L.onlySlot ? (m(), Y("div", Ca, [
       pe(L.$slots, "default", {}, void 0, !0)
@@ -1234,7 +1233,7 @@ const It = {
       ]),
       u.value ? (m(), O(Ft, { key: 0 }, {
         default: h(() => [
-          C(pl, {
+          C(vl, {
             id: r(s),
             ref: p,
             class: "b-base-filter__popover",
@@ -1332,7 +1331,7 @@ const It = {
     }, ae = (j) => {
       o.value = j;
     };
-    return pt(bl, s.value), ee(
+    return pt(ml, s.value), ee(
       () => t.options,
       () => {
         (t.options?.dropdown || t.options?.dropdownPosition || t.options?.variant) && Me(
@@ -1432,7 +1431,7 @@ const It = {
     }, G = (N) => {
       o.value = { ...o.value, dropdownValue: N };
     };
-    return pt(vl, !0), (N, ae) => (m(), O(r(me), le(N.$props, {
+    return pt(yl, !0), (N, ae) => (m(), O(r(me), le(N.$props, {
       "button-label": c.value,
       "button-secondary-label": v.value,
       "disable-apply-button": f.value,
@@ -1587,9 +1586,10 @@ function La(e, l, t, n, a, o) {
         "first-day-of-week": e.options?.firstDayOfWeek,
         "is-date-disabled": e.options?.isDateDisabled,
         variant: e.options?.variant,
+        "year-range": e.options?.yearRange,
         disabled: e.disabled,
         onInput: e.onDateInputSelected
-      }, null, 8, ["class", "aria-labelledby", "value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (m(), Y(Ee, { key: 1 }, [
+      }, null, 8, ["class", "aria-labelledby", "value", "first-day-of-week", "is-date-disabled", "variant", "year-range", "disabled", "onInput"])) : (m(), Y(Ee, { key: 1 }, [
         C(i, { class: "b-date-filter__divider" }),
         q("div", Pa, [
           C(c, {
@@ -1598,15 +1598,16 @@ function La(e, l, t, n, a, o) {
             "number-of-months": 1,
             value: e.internalFilterValue,
             variant: e.options?.variant,
+            "year-range": e.options?.yearRange,
             onInput: e.onDateSelected
-          }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "variant", "onInput"])
+          }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "variant", "year-range", "onInput"])
         ])
       ], 64))
     ]),
     _: 1
   }, 8, ["button-label", "button-secondary-label", "disabled", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Pt = /* @__PURE__ */ Z(Ra, [["render", La], ["__scopeId", "data-v-9173ae84"]]);
+const Pt = /* @__PURE__ */ Z(Ra, [["render", La], ["__scopeId", "data-v-4b070671"]]);
 function $a() {
   return {
     de: El,
@@ -1632,7 +1633,7 @@ const ut = {
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: me,
-    BentoButtonActions: ml,
+    BentoButtonActions: hl,
     BentoDateRangePicker: Al,
     BentoTypography: ne,
     BentoDivider: Je,
@@ -1840,6 +1841,7 @@ function Ua(e, l, t, n, a, o) {
         "number-of-months": e.options?.numberOfMonths,
         "quick-select-ranges": e.options?.quickSelectRanges,
         variant: e.options?.variant,
+        "year-range": e.options?.yearRange,
         disabled: e.disabled,
         granularities: e.options?.granularities,
         "max-range": e.options?.maxRange,
@@ -1849,7 +1851,7 @@ function Ua(e, l, t, n, a, o) {
         "show-end-date-on-open": e.options?.showEndDateOnOpen,
         "aria-labelledby": e.$attrs?.["aria-labelledby"],
         "onUpdate:modelValue": e.onDateInputSelected
-      }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "aria-labelledby", "onUpdate:modelValue"])) : (m(), Y("div", Na, [
+      }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "year-range", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "aria-labelledby", "onUpdate:modelValue"])) : (m(), Y("div", Na, [
         C(u, {
           "allow-time-input": e.options?.allowTimeInput,
           "first-day-of-week": e.options?.firstDayOfWeek,
@@ -1864,6 +1866,7 @@ function Ua(e, l, t, n, a, o) {
           "date-form-data": e.formData,
           "show-end-date-on-open": e.options?.showEndDateOnOpen,
           variant: e.options?.variant,
+          "year-range": e.options?.yearRange,
           onInput: e.onDateSelected,
           onCustomRange: e.onRangeSelectorInput,
           onError: e.onDatePickerRangeError,
@@ -1891,13 +1894,13 @@ function Ua(e, l, t, n, a, o) {
             }, null, 8, ["actions"])
           ]),
           _: 1
-        }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "variant", "onInput", "onCustomRange", "onError", "onFormDate"])
+        }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "variant", "year-range", "onInput", "onCustomRange", "onError", "onFormDate"])
       ]))
     ]),
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset", "onCancel"]);
 }
-const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f"]]), Va = {
+const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-d0cd57ac"]]), Va = {
   name: "bento-radio-group-filter"
 }, Ma = /* @__PURE__ */ W({
   ...Va,
@@ -2037,11 +2040,11 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = Ue(), n = l, a = e, { t: o } = ce({ messages: kt }), s = R(""), i = Q(a, "options"), c = R(a.options.listboxItems ?? []), { cachedSelectedListboxOptions: v, setCachedValues: u, resetCache: p } = Ze(
+    const t = Ue(), n = l, a = e, { t: o } = ce({ messages: kt }), s = R(""), i = Q(a, "options"), c = R(a.options.listboxItems ?? []), { cachedSelectedListboxOptions: v, setCachedValues: u, resetCache: p } = Qe(
       c,
       Q(a, "value"),
       Q(i.value, "multiple")
-    ), { cachedSelectedListboxOptions: F } = Ze(
+    ), { cachedSelectedListboxOptions: F } = Qe(
       c,
       Q(a, "defaultValue"),
       Q(i.value, "multiple")
@@ -2139,7 +2142,7 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
             C(r(Je))
           ])
         ]),
-        C(r(gl), {
+        C(r(rl), {
           id: G.value,
           "aria-label": e.label,
           class: "b-select-filter-button__wrapper",
@@ -2249,7 +2252,7 @@ const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f
       const { onlySlot: F, ...f } = o;
       a(g.INPUT, { ...f, value: s.value });
     };
-    return (p, F) => (m(), O(r(rl), {
+    return (p, F) => (m(), O(r(ul), {
       "model-value": r(s),
       items: e.options.listboxItems,
       search: e.options?.search,
@@ -2700,7 +2703,7 @@ const Ht = /* @__PURE__ */ Z(an, [["render", nn]]), Gt = {
       key: 1,
       class: oe(["b-toggle-filter__only-slot", c.value])
     }, [
-      C(r(hl), {
+      C(r(Fl), {
         "aria-labelledby": r(n),
         "aria-describedby": r(a),
         disabled: f.disabled,
@@ -2743,7 +2746,7 @@ const Ht = /* @__PURE__ */ Z(an, [["render", nn]]), Gt = {
           default: h(() => [
             q("div", on, [
               X(J(f.label) + " ", 1),
-              Ye(C(r(Fl), {
+              Ye(C(r(dl), {
                 "aria-hidden": "true",
                 class: "b-toggle-filter__checkmark"
               }, null, 512), [
@@ -3150,7 +3153,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
           class: oe(["b-checkbox-group-filter", F.value]),
           onKeydown: y[0] || (y[0] = be((G) => _(r(o)), ["enter"]))
         }, [
-          C(yl, {
+          C(gl, {
             "model-value": r(o),
             items: B.options?.checkboxItems,
             label: B.label,
@@ -3338,7 +3341,7 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
         event: T
       }
     ]), de = () => {
-      ul(1, v.value.$el).focus();
+      cl(1, v.value.$el).focus();
     }, Kt = () => {
       w.value[y.value.label].$el.focus();
     };
@@ -3761,13 +3764,13 @@ const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd
       }, 8, ["class"]))
     ], 2));
   }
-}), Co = /* @__PURE__ */ Z(In, [["__scopeId", "data-v-db350e75"]]);
+}), Bo = /* @__PURE__ */ Z(In, [["__scopeId", "data-v-db350e75"]]);
 export {
   me as B,
-  Co as a,
+  Bo as a,
   Se as b,
   g as c,
   x as d,
   wt as u
 };
-//# sourceMappingURL=filter-bar.CzFtzztU.js.map
+//# sourceMappingURL=filter-bar.D8BVPHLT.js.map