@adyen/bento-vue2 1.0.0 → 1.1.0

package/dist/chunks/{calendar.1ed370f4.js → calendar.c9cfce76.js}

@@ -1,20 +1,20 @@
-import { defineComponent as ee, computed as O, ref as k, watch as U, nextTick as _e, toRef as L, reactive as fe } from "vue";
-import { r as y, t as _, g as ue, e as Z, d as ge, f as ye } from "./index.f55fdc32.js";
-import { t as E, B as he, a as Te, f as le } from "./index.c23be6e9.js";
-import { B as Ee, a as Ne } from "./button.98f2271d.js";
-import { B as be, c as Oe, a as Se } from "./index.3aedb3dd.js";
-import { u as Me } from "./i18n.36074534.js";
-import { g as we } from "./unique-id.a2a2b458.js";
-import { C as Ie, a as ke } from "./chevron-right.3b826337.js";
-import { n as te } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { a as pe } from "./debounce.f8d92e44.js";
+import { defineComponent as te, computed as M, ref as p, watch as C, nextTick as me, toRef as U, reactive as ve } from "vue";
+import { r as y, t as _, g as le, e as ee, d as _e, f as ge } from "./index.f55fdc32.js";
+import { t as E, B as ye, a as he, f as ie } from "./index.8d590c55.js";
+import { B as Te, a as Ee } from "./button.f64585fc.js";
+import { B as Ne, a as be, b as Se } from "./index.e1fcc9e0.js";
+import { u as Me } from "./i18n.155748d6.js";
+import { g as Oe } from "./unique-id.a2a2b458.js";
+import { C as ke, a as Ie } from "./chevron-right.3b826337.js";
+import { n as ae } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { a as we } from "./debounce.f8d92e44.js";
 import "../assets/calendar.css";
-function C(e, t) {
+function Y(e, t) {
   y(2, arguments);
   var a = _(e), n = E(t);
   return isNaN(n) ? /* @__PURE__ */ new Date(NaN) : (n && a.setDate(a.getDate() + n), a);
 }
-function p(e, t) {
+function x(e, t) {
   y(2, arguments);
   var a = _(e), n = E(t);
   if (isNaN(n))
@@ -23,96 +23,96 @@ function p(e, t) {
     return a;
   var o = a.getDate(), r = new Date(a.getTime());
   r.setMonth(a.getMonth() + n + 1, 0);
-  var s = r.getDate();
-  return o >= s ? r : (a.setFullYear(r.getFullYear(), r.getMonth(), o), a);
+  var u = r.getDate();
+  return o >= u ? r : (a.setFullYear(r.getFullYear(), r.getMonth(), o), a);
 }
-function xe(e, t) {
+function pe(e, t) {
   y(1, arguments);
-  var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : E(o), s = a.weekStartsOn == null ? r : E(a.weekStartsOn);
-  if (!(s >= 0 && s <= 6))
+  var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : E(o), u = a.weekStartsOn == null ? r : E(a.weekStartsOn);
+  if (!(u >= 0 && u <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var i = _(e), v = i.getDay(), u = (v < s ? 7 : 0) + v - s;
-  return i.setDate(i.getDate() - u), i.setHours(0, 0, 0, 0), i;
+  var i = _(e), v = i.getDay(), l = (v < u ? 7 : 0) + v - u;
+  return i.setDate(i.getDate() - l), i.setHours(0, 0, 0, 0), i;
 }
-function I(e) {
+function w(e) {
   y(1, arguments);
   var t = _(e);
   return t.setHours(0, 0, 0, 0), t;
 }
-var Re = 864e5;
-function Ae(e, t) {
+var xe = 864e5;
+function Re(e, t) {
   y(2, arguments);
-  var a = I(e), n = I(t), o = a.getTime() - ue(a), r = n.getTime() - ue(n);
-  return Math.round((o - r) / Re);
+  var a = w(e), n = w(t), o = a.getTime() - le(a), r = n.getTime() - le(n);
+  return Math.round((o - r) / xe);
 }
-function Y(e, t) {
+function $(e, t) {
   y(2, arguments);
-  var a = I(e), n = I(t);
+  var a = w(e), n = w(t);
   return a.getTime() === n.getTime();
 }
-function ie(e, t) {
+function ce(e, t) {
   var a = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
   return a < 0 ? -1 : a > 0 ? 1 : a;
 }
-function Pe(e, t) {
+function Ae(e, t) {
   y(2, arguments);
-  var a = _(e), n = _(t), o = ie(a, n), r = Math.abs(Ae(a, n));
+  var a = _(e), n = _(t), o = ce(a, n), r = Math.abs(Re(a, n));
   a.setDate(a.getDate() - o * r);
-  var s = +(ie(a, n) === -o), i = o * (r - s);
+  var u = +(ce(a, n) === -o), i = o * (r - u);
   return i === 0 ? 0 : i;
 }
-function Le(e) {
+function Pe(e) {
   y(1, arguments);
   var t = _(e);
   return t.setDate(1), t.setHours(0, 0, 0, 0), t;
 }
-function Ue(e, t) {
+function Le(e, t) {
   y(1, arguments);
-  var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : E(o), s = a.weekStartsOn == null ? r : E(a.weekStartsOn);
-  if (!(s >= 0 && s <= 6))
+  var a = t || {}, n = a.locale, o = n && n.options && n.options.weekStartsOn, r = o == null ? 0 : E(o), u = a.weekStartsOn == null ? r : E(a.weekStartsOn);
+  if (!(u >= 0 && u <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var i = _(e), v = i.getDay(), u = (v < s ? -7 : 0) + 6 - (v - s);
-  return i.setDate(i.getDate() + u), i.setHours(23, 59, 59, 999), i;
+  var i = _(e), v = i.getDay(), l = (v < u ? -7 : 0) + 6 - (v - u);
+  return i.setDate(i.getDate() + l), i.setHours(23, 59, 59, 999), i;
 }
-function Ce(e, t) {
+function Ue(e, t) {
   y(2, arguments);
   var a = E(t);
-  return C(e, -a);
+  return Y(e, -a);
 }
-function V(e, t) {
+function F(e, t) {
   y(2, arguments);
   var a = E(t);
-  return p(e, -a);
+  return x(e, -a);
 }
-function Be(e, t) {
+function Ce(e, t) {
   y(2, arguments);
   var a = _(e), n = _(t);
   return a.getTime() > n.getTime();
 }
-function $e(e, t) {
+function Ye(e, t) {
   y(2, arguments);
   var a = _(e), n = _(t);
   return a.getTime() < n.getTime();
 }
-function ce(e, t) {
+function de(e, t) {
   y(2, arguments);
   var a = _(e).getTime(), n = _(t.start).getTime(), o = _(t.end).getTime();
   if (!(n <= o))
     throw new RangeError("Invalid interval");
   return a >= n && a <= o;
 }
-function Ye(e, t, a) {
+function Be(e, t, a) {
   y(2, arguments);
-  var n = a || {}, o = n.locale, r = o && o.options && o.options.weekStartsOn, s = r == null ? 0 : E(r), i = n.weekStartsOn == null ? s : E(n.weekStartsOn);
+  var n = a || {}, o = n.locale, r = o && o.options && o.options.weekStartsOn, u = r == null ? 0 : E(r), i = n.weekStartsOn == null ? u : E(n.weekStartsOn);
   if (!(i >= 0 && i <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var v = _(e), u = E(t), c = v.getDay(), N = u % 7, f = (N + 7) % 7, D = 7 - i, g = u < 0 || u > 6 ? u - (c + D) % 7 : (f + D) % 7 - (c + D) % 7;
-  return C(v, g);
+  var v = _(e), l = E(t), c = v.getDay(), N = l % 7, f = (N + 7) % 7, D = 7 - i, g = l < 0 || l > 6 ? l - (c + D) % 7 : (f + D) % 7 - (c + D) % 7;
+  return Y(v, g);
 }
-var h = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(h || {}), M = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(M || {}), A = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(A || {});
-const We = ee({
+var h = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(h || {}), k = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(k || {}), P = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(P || {});
+const We = te({
   name: "calendar-month-day",
-  components: { BentoDate: he },
+  components: { BentoDate: ye },
   inheritAttrs: !0,
   props: {
     /**
@@ -137,66 +137,68 @@ const We = ee({
       validator: (e) => Object.values(h).includes(e)
     }
   },
-  emits: [A.CLICK, A.MOUSE_OVER],
+  emits: [P.CLICK, P.MOUSE_OVER],
   setup(e, { emit: t }) {
-    const a = O(() => {
+    const a = M(() => {
       const r = /* @__PURE__ */ new Date();
       return e.day.getDate() === r.getDate() && e.day.getMonth() === r.getMonth() && e.day.getFullYear() === r.getFullYear();
     });
     return {
       // Values
-      conditionalClasses: O(() => ({
+      conditionalClasses: M(() => ({
         // Variants
-        [`b-calendar-month-day--${M.BEGINNING}`]: e.variant === h.BEGINNING,
-        [`b-calendar-month-day--${M.MIDDLE}`]: e.variant === h.MIDDLE,
-        [`b-calendar-month-day--${M.END}`]: e.variant === h.END,
-        [`b-calendar-month-day--${M.SINGLE}`]: e.variant === h.SINGLE,
+        [`b-calendar-month-day--${k.BEGINNING}`]: e.variant === h.BEGINNING,
+        [`b-calendar-month-day--${k.MIDDLE}`]: e.variant === h.MIDDLE,
+        [`b-calendar-month-day--${k.END}`]: e.variant === h.END,
+        [`b-calendar-month-day--${k.SINGLE}`]: e.variant === h.SINGLE,
         // Selected
-        [`b-calendar-month-day--${M.UNSELECTED}`]: !e.selected,
-        [`b-calendar-month-day--${M.SELECTED}`]: e.selected,
+        [`b-calendar-month-day--${k.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${k.SELECTED}`]: e.selected,
         // Current Day
-        [`b-calendar-month-day--${M.CURRENT_DAY}`]: a.value,
+        [`b-calendar-month-day--${k.CURRENT_DAY}`]: a.value,
         // Disabled
-        [`b-calendar-month-day--${M.DISABLED}`]: e.disabled
+        [`b-calendar-month-day--${k.DISABLED}`]: e.disabled
       })),
       // Enums
-      BentoDateFormat: Te,
-      CalendarMonthDayEvent: A,
+      BentoDateFormat: he,
+      CalendarMonthDayEvent: P,
       // Events
       onClick: (r) => {
-        e.disabled || t(A.CLICK, r, e.day);
+        e.disabled || t(P.CLICK, r, e.day);
       }
     };
   }
 });
-var Ve = function() {
+var $e = function() {
   var t = this, a = t._self._c;
   return t._self._setupProxy, a("td", { staticClass: "b-calendar-month-day", class: t.conditionalClasses, attrs: { tabindex: t.selected ? "0" : "-1", "aria-selected": t.selected }, on: { click: () => t.onClick(t.day), mouseover: function(n) {
     return t.$emit(t.CalendarMonthDayEvent.MOUSE_OVER);
+  }, keydown: function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : (() => t.onClick(t.day)).apply(null, arguments);
   } } }, [a("div", { staticClass: "b-calendar-month-day__wrapper" }, [a("bento-date", { staticClass: "b-calendar-month-day__label", attrs: { date: t.day, format: t.BentoDateFormat.DAY_OF_MONTH } })], 1)]);
-}, Ge = [], Fe = /* @__PURE__ */ te(
+}, Ve = [], Fe = /* @__PURE__ */ ae(
   We,
+  $e,
   Ve,
-  Ge,
   !1,
   null,
-  "7b156cea",
+  "b9f70938",
   null,
   null
 );
-const He = Fe.exports;
-var b = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(b || {}), T = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(T || {}), P = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(P || {});
-function je(e) {
+const Ge = Fe.exports;
+var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(S || {}), T = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(T || {}), L = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(L || {});
+function He(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = {}, qe = {
+var G = {}, je = {
   get exports() {
     return G;
   },
   set exports(e) {
     G = e;
   }
-}, B = {}, Qe = {
+}, B = {}, qe = {
   get exports() {
     return B;
   },
@@ -215,27 +217,27 @@ var G = {}, qe = {
     return isNaN(o) ? o : o < 0 ? Math.ceil(o) : Math.floor(o);
   }
   e.exports = t.default;
-})(Qe, B);
-var F = {}, Ke = {
+})(qe, B);
+var H = {}, Qe = {
   get exports() {
-    return F;
+    return H;
   },
   set exports(e) {
-    F = e;
+    H = e;
   }
-}, H = {}, Xe = {
+}, j = {}, Ke = {
   get exports() {
-    return H;
+    return j;
   },
   set exports(e) {
-    H = e;
+    j = e;
   }
-}, x = {}, ze = {
+}, R = {}, Xe = {
   get exports() {
-    return x;
+    return R;
   },
   set exports(e) {
-    x = e;
+    R = e;
   }
 };
 (function(e, t) {
@@ -247,83 +249,84 @@ var F = {}, Ke = {
       throw new TypeError(n + " argument" + (n > 1 ? "s" : "") + " required, but only " + o.length + " present");
   }
   e.exports = t.default;
-})(ze, x);
+})(Xe, R);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = o;
-  var a = n(x);
+  var a = n(R);
   function n(r) {
     return r && r.__esModule ? r : { default: r };
   }
   function o(r) {
     (0, a.default)(1, arguments);
-    var s = Object.prototype.toString.call(r);
-    return r instanceof Date || typeof r == "object" && s === "[object Date]" ? new Date(r.getTime()) : typeof r == "number" || s === "[object Number]" ? new Date(r) : ((typeof r == "string" || s === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+    var u = Object.prototype.toString.call(r);
+    return r instanceof Date || typeof r == "object" && u === "[object Date]" ? new Date(r.getTime()) : typeof r == "number" || u === "[object Number]" ? new Date(r) : ((typeof r == "string" || u === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
   }
   e.exports = t.default;
-})(Xe, H);
+})(Ke, j);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
-  }), t.default = s;
-  var a = r(B), n = r(H), o = r(x);
+  }), t.default = u;
+  var a = r(B), n = r(j), o = r(R);
   function r(i) {
     return i && i.__esModule ? i : { default: i };
   }
-  function s(i, v) {
+  function u(i, v) {
     (0, o.default)(2, arguments);
-    var u = (0, n.default)(i), c = (0, a.default)(v);
-    return isNaN(c) ? /* @__PURE__ */ new Date(NaN) : (c && u.setDate(u.getDate() + c), u);
+    var l = (0, n.default)(i), c = (0, a.default)(v);
+    return isNaN(c) ? /* @__PURE__ */ new Date(NaN) : (c && l.setDate(l.getDate() + c), l);
   }
   e.exports = t.default;
-})(Ke, F);
+})(Qe, H);
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
-  }), t.default = s;
-  var a = r(B), n = r(F), o = r(x);
+  }), t.default = u;
+  var a = r(B), n = r(H), o = r(R);
   function r(i) {
     return i && i.__esModule ? i : { default: i };
   }
-  function s(i, v) {
+  function u(i, v) {
     (0, o.default)(2, arguments);
-    var u = (0, a.default)(v);
-    return (0, n.default)(i, -u);
+    var l = (0, a.default)(v);
+    return (0, n.default)(i, -l);
   }
   e.exports = t.default;
-})(qe, G);
-const de = /* @__PURE__ */ je(G), Je = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWeek: n }, o) => {
-  const r = k(new Date(t.value));
-  U(
+})(je, G);
+const fe = /* @__PURE__ */ He(G), ze = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWeek: n }, o) => {
+  const r = p(new Date(t.value));
+  C(
     t,
     () => {
       r.value = t.value;
     },
     { immediate: !0 }
   );
-  const s = k(new Date(e.value));
-  U(e, () => {
-    s.value = e.value;
+  const u = p(new Date(e.value));
+  C(e, () => {
+    u.value = e.value;
   });
-  const i = k({}), v = (l) => (d) => {
-    i.value[l.toDateString()] = d;
-  }, u = () => {
+  const i = p({}), v = (s) => (d) => {
+    i.value[s.toDateString()] = d;
+  }, l = () => {
     i.value = {};
-  }, c = (l = 1) => {
-    r.value = p(r.value, l), o(b.NEXT_MONTH), u();
-  }, N = (l = 1) => {
-    r.value = V(r.value, l), o(b.PREVIOUS_MONTH), u();
-  }, f = (l) => {
-    const d = !!i.value[l == null ? void 0 : l.toDateString()];
-    l && d && i.value[l.toDateString()].$el.focus();
-  }, D = (l) => {
-    l.preventDefault(), l.stopImmediatePropagation(), l.stopPropagation();
-  }, g = ({ nextDate: l, isIncreasingDays: d, amountOfMonths: $ }) => {
-    if (a && a(l))
+  }, c = (s = 1) => {
+    r.value = x(r.value, s), o(S.NEXT_MONTH, s), l();
+  }, N = (s = 1) => {
+    r.value = F(r.value, s), o(S.PREVIOUS_MONTH, s), l();
+  }, f = (s) => {
+    const d = !!i.value[s == null ? void 0 : s.toDateString()];
+    s && d && i.value[s.toDateString()].$el.focus();
+  }, D = (s) => {
+    s.preventDefault(), s.stopImmediatePropagation(), s.stopPropagation();
+  }, g = ({ nextDate: s, isIncreasingDays: d, amountOfMonths: b, isCalendarButtonsNav: W }) => {
+    if (!W && a && a(s))
       return;
-    l.getMonth() === s.value.getMonth() && l.getFullYear() === s.value.getFullYear() ? (s.value = l, f(l)) : (d ? c($) : N($), _e(() => {
-      s.value = l, f(l);
+    s.getMonth() === u.value.getMonth() && s.getFullYear() === u.value.getFullYear() ? (u.value = s, f(s)) : (d ? c(b) : N(b), me(() => {
+      const Z = s.getMonth() === r.value.getMonth() && s.getFullYear() === r.value.getFullYear();
+      a && a(s) || !Z || (u.value = s, W || f(s));
     }));
   };
   return {
@@ -343,104 +346,105 @@ const de = /* @__PURE__ */ je(G), Je = ({ currentSelectedDate: e, month: t, isDa
      *  Day navigation
      */
     // ArrowRight
-    moveToNextDay: (l) => {
-      D(l);
+    moveToNextDay: (s) => {
+      D(s);
       const d = 1;
-      g({ nextDate: C(s.value, d), isIncreasingDays: !0 });
+      g({ nextDate: Y(u.value, d), isIncreasingDays: !0 });
     },
     // ArrowLeft
-    moveToPreviousDay: (l) => {
-      D(l);
+    moveToPreviousDay: (s) => {
+      D(s);
       const d = 1;
-      g({ nextDate: de(s.value, d), isIncreasingDays: !1 });
+      g({ nextDate: fe(u.value, d), isIncreasingDays: !1 });
     },
     // ArrowUp
-    moveToPreviousWeek: (l) => {
-      D(l);
+    moveToPreviousWeek: (s) => {
+      D(s);
       const d = 7;
-      g({ nextDate: de(s.value, d), isIncreasingDays: !1 });
+      g({ nextDate: fe(u.value, d), isIncreasingDays: !1 });
     },
     // ArrowDown
-    moveToNextWeek: (l) => {
-      D(l);
+    moveToNextWeek: (s) => {
+      D(s);
       const d = 7;
-      g({ nextDate: C(s.value, d), isIncreasingDays: !0 });
+      g({ nextDate: Y(u.value, d), isIncreasingDays: !0 });
     },
     // Home
-    moveToFirstDayOfWeek: (l) => {
-      D(l), g({
-        nextDate: xe(s.value, { weekStartsOn: n }),
+    moveToFirstDayOfWeek: (s) => {
+      D(s), g({
+        nextDate: pe(u.value, { weekStartsOn: n }),
         isIncreasingDays: !1
       });
     },
     // End
-    moveToLastDayOfWeek: (l) => {
-      D(l), g({
-        nextDate: Ue(s.value, { weekStartsOn: n }),
+    moveToLastDayOfWeek: (s) => {
+      D(s), g({
+        nextDate: Le(u.value, { weekStartsOn: n }),
         isIncreasingDays: !0
       });
     },
     // PageUp
-    moveToPreviousMonth: (l) => {
-      D(l);
-      const d = 1;
+    moveToPreviousMonth: (s, d = !1) => {
+      D(s);
+      const b = 1;
       g({
-        nextDate: V(s.value, d),
+        nextDate: F(u.value, b),
         isIncreasingDays: !1,
-        amountOfMonths: d
+        amountOfMonths: b,
+        isCalendarButtonsNav: d
       });
     },
     // Shift+PageUp
-    moveToPreviousYear: (l) => {
-      D(l);
+    moveToPreviousYear: (s) => {
+      D(s);
       const d = 12;
       g({
-        nextDate: V(s.value, d),
+        nextDate: F(u.value, d),
         isIncreasingDays: !1,
         amountOfMonths: d
       });
     },
     // PageDown
-    moveToNextMonth: (l) => {
-      D(l);
-      const d = 1;
+    moveToNextMonth: (s, d = !1) => {
+      D(s);
+      const b = 1;
       g({
-        nextDate: p(s.value, d),
+        nextDate: x(u.value, b),
         isIncreasingDays: !0,
-        amountOfMonths: d
+        amountOfMonths: b,
+        isCalendarButtonsNav: d
       });
     },
     // Shift-PageDown
-    moveToNextYear: (l) => {
-      D(l);
+    moveToNextYear: (s) => {
+      D(s);
       const d = 12;
       g({
-        nextDate: p(s.value, d),
+        nextDate: x(u.value, d),
         isIncreasingDays: !0,
         amountOfMonths: d
       });
     },
     // Values
-    internalDate: s,
+    internalDate: u,
     baseDate: r
   };
-}, ve = {
+}, Je = {
   "en-US": {
     nextMonth: "Next month",
     previousMonth: "Previous month"
   }
-}, Ze = ee({
-  i18n: { messages: ve },
+}, Ze = te({
+  i18n: { messages: Je },
   name: "calendar-month",
   components: {
-    BentoButton: Ee,
-    BentoTypography: be,
-    CalendarMonthDay: He,
-    ChevronLeftIcon: Ie,
-    ChevronRightIcon: ke
+    BentoButton: Te,
+    BentoTypography: Ne,
+    CalendarMonthDay: Ge,
+    ChevronLeftIcon: ke,
+    ChevronRightIcon: Ie
   },
-  directives: { BentoKeyboardNavigationDirective: pe },
-  inheritAttrs: !1,
+  directives: { BentoKeyboardNavigationDirective: we },
   props: {
     /**
      * end of the selected range
@@ -451,8 +455,8 @@ const de = /* @__PURE__ */ je(G), Je = ({ currentSelectedDate: e, month: t, isDa
      */
     firstDayOfWeek: {
       type: Number,
-      default: P.MONDAY,
-      validator: (e) => Object.values(P).includes(e)
+      default: L.MONDAY,
+      validator: (e) => Object.values(L).includes(e)
     },
     /**
      * Indicate if a date should be disabled or not
@@ -483,162 +487,164 @@ const de = /* @__PURE__ */ je(G), Je = ({ currentSelectedDate: e, month: t, isDa
     // can be undefined, eslint complains without default
   },
   emits: [
-    b.INPUT,
-    b.NEXT_MONTH,
-    b.PREVIOUS_MONTH,
-    b.MOUSE_OVER
+    S.INPUT,
+    S.NEXT_MONTH,
+    S.PREVIOUS_MONTH,
+    S.MOUSE_OVER
   ],
   setup(e, { emit: t }) {
-    const { locale: a } = Me({ messages: ve }), n = { de: ge, enUS: Z, fr: ye }, o = we("bento-date-picker-month-label"), {
+    const { locale: a } = Me(), n = { de: _e, enUS: ee, fr: ge }, o = Oe("bento-date-picker-month-label"), {
       internalDate: r,
-      baseDate: s,
+      baseDate: u,
       // Calendar refs
       addDayRef: i,
       // Month navigation
       showNextMonth: v,
-      showPreviousMonth: u,
+      showPreviousMonth: l,
       // Day navigation
       moveToNextDay: c,
       moveToPreviousDay: N,
       moveToPreviousWeek: f,
       moveToNextWeek: D,
       moveToFirstDayOfWeek: g,
-      moveToLastDayOfWeek: j,
-      moveToPreviousMonth: q,
-      moveToPreviousYear: Q,
-      moveToNextMonth: K,
-      moveToNextYear: X,
-      focusOnDate: ae
-    } = Je(
+      moveToLastDayOfWeek: q,
+      moveToPreviousMonth: Q,
+      moveToPreviousYear: K,
+      moveToNextMonth: X,
+      moveToNextYear: z,
+      focusOnDate: ne
+    } = ze(
       {
-        currentSelectedDate: L(e, "startDate"),
-        month: L(e, "month"),
+        currentSelectedDate: U(e, "startDate"),
+        month: U(e, "month"),
         isDateDisabled: e.isDateDisabled,
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
-    ), z = O(
-      () => Object.values(P).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : P.MONDAY
-    ), ne = O(
+    ), J = M(
+      () => Object.values(L).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : L.MONDAY
+    ), re = M(
       () => [T.FIRST, T.UNIQUE].includes(e.position)
-    ), re = O(
+    ), oe = M(
       () => [T.LAST, T.UNIQUE].includes(e.position)
-    ), oe = O(
-      () => le(s.value, "MMMM yyyy", {
-        locale: n[a.value.substring(0, 2)] || Z
+    ), se = M(
+      () => ie(u.value, "MMMM yyyy", {
+        locale: n[a.value.substring(0, 2)] || ee
       })
-    ), l = O(
-      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((m, w) => {
-        const R = Ye(m, z.value + w);
-        return le(R, "EEE", {
-          locale: n[a.value.substring(0, 2)] || Z
+    ), s = M(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((m, I) => {
+        const A = Be(m, J.value + I);
+        return ie(A, "EEE", {
+          locale: n[a.value.substring(0, 2)] || ee
         });
       })
-    ), d = O(() => {
-      const m = [], w = Le(e.month);
-      let R = m[m.push([]) - 1];
-      for (; w.getMonth() === e.month.getMonth(); )
-        w.getDay() - z.value === 0 && R.length > 0 && (R = m[m.push([]) - 1]), R.push(I(w)), w.setDate(w.getDate() + 1);
+    ), d = M(() => {
+      const m = [], I = Pe(e.month);
+      let A = m[m.push([]) - 1];
+      for (; I.getMonth() === e.month.getMonth(); )
+        I.getDay() - J.value === 0 && A.length > 0 && (A = m[m.push([]) - 1]), A.push(w(I)), I.setDate(I.getDate() + 1);
       return m;
-    }), $ = (m) => {
-      t(b.INPUT, m);
-    }, se = (m) => {
-      if (!e.isRange || Y(e.startDate, e.endDate))
+    }), b = (m) => {
+      t(S.INPUT, m);
+    }, W = (m) => {
+      if (!e.isRange || $(e.startDate, e.endDate))
         return h.SINGLE;
-      if (e.startDate && Y(e.startDate, m))
+      if (e.startDate && $(e.startDate, m))
         return h.BEGINNING;
-      if (e.endDate && Y(e.endDate, m))
+      if (e.endDate && $(e.endDate, m))
         return h.END;
-      if (e.startDate && e.endDate && ce(m, { start: e.startDate, end: e.endDate }))
+      if (e.startDate && e.endDate && de(m, { start: e.startDate, end: e.endDate }))
         return h.MIDDLE;
-    }, De = (m) => r.value && Y(r.value, m) ? !0 : e.startDate && e.endDate && ce(m, { start: e.startDate, end: e.endDate }), J = () => {
-      t(b.INPUT, r);
-    }, me = e.isRange ? null : {
+    }, ue = (m) => r.value && $(r.value, m) ? !0 : e.startDate && e.endDate && de(m, { start: e.startDate, end: e.endDate }), Z = () => {
+      t(S.INPUT, r);
+    }, De = e.isRange ? {} : {
       "keydown:arrow-right": c,
       "keydown:arrow-left": N,
       "keydown:arrow-up": f,
       "keydown:arrow-down": D,
-      "keydown:enter": J,
-      "keydown:space": J,
       "keydown:home": g,
-      "keydown:end": j,
-      "keydown:page-up": q,
-      "keydown:shift-page-up": Q,
-      "keydown:page-down": K,
-      "keydown:shift-page-down": X
+      "keydown:end": q,
+      "keydown:page-up": Q,
+      "keydown:shift-page-up": K,
+      "keydown:page-down": X,
+      "keydown:shift-page-down": z
     };
     return {
       // Refs
       addDayRef: i,
       // Values
-      daysOfWeek: l,
+      daysOfWeek: s,
       weeksOfMonth: d,
-      formattedMonthDate: oe,
-      shouldShowNextMonthButton: re,
-      shouldShowPreviousMonthButton: ne,
+      formattedMonthDate: se,
+      shouldShowNextMonthButton: oe,
+      shouldShowPreviousMonthButton: re,
       monthLabelId: o,
       // Enums
-      BentoButtonVariant: Ne,
-      BentoTypographyElement: Oe,
+      BentoButtonVariant: Ee,
+      BentoTypographyElement: be,
       BentoTypographyVariant: Se,
-      CalendarMonthEvent: b,
+      CalendarMonthEvent: S,
       // Functions
-      isSelectedDate: De,
+      isSelectedDate: ue,
       showNextMonth: v,
-      showPreviousMonth: u,
-      dayVariant: se,
-      confirmNavigationDate: J,
+      showPreviousMonth: l,
+      dayVariant: W,
+      confirmNavigationDate: Z,
       // Events
-      onDayClicked: $,
-      listeners: me,
+      onDayClicked: b,
+      listeners: De,
       // Exposed methods
-      focusOnDate: ae,
+      focusOnDate: ne,
       moveToNextDay: c,
       moveToPreviousDay: N,
       moveToPreviousWeek: f,
       moveToNextWeek: D,
       moveToFirstDayOfWeek: g,
-      moveToLastDayOfWeek: j,
-      moveToPreviousMonth: q,
-      moveToPreviousYear: Q,
-      moveToNextMonth: K,
-      moveToNextYear: X
+      moveToLastDayOfWeek: q,
+      moveToPreviousMonth: Q,
+      moveToPreviousYear: K,
+      moveToNextMonth: X,
+      moveToNextYear: z
     };
   }
 });
 var et = function() {
   var t = this, a = t._self._c;
-  return t._self._setupProxy, a("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-calendar-month" }, t.listeners), [a("div", { staticClass: "b-calendar-month__month-selector" }, [a("div", { staticClass: "b-calendar-month__previous" }, [t.shouldShowPreviousMonthButton ? a("bento-button", { attrs: { variant: t.BentoButtonVariant.TERTIARY }, on: { click: () => t.showPreviousMonth() }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+  return t._self._setupProxy, a("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-calendar-month" }, t.listeners), [a("div", { staticClass: "b-calendar-month__month-selector" }, [a("div", { staticClass: "b-calendar-month__previous" }, [t.shouldShowPreviousMonthButton ? a("bento-button", { attrs: { variant: t.BentoButtonVariant.TERTIARY }, on: { click: function(n) {
+    return t.moveToPreviousMonth(n, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [a("chevron-left-icon", { attrs: { "svg-title": t.$t("previousMonth") } })];
-  }, proxy: !0 }], null, !1, 351640624) }) : t._e()], 1), a("bento-typography", { attrs: { id: t.monthLabelId, el: t.BentoTypographyElement.H2, variant: t.BentoTypographyVariant.TITLE, "aria-live": "polite" } }, [t._v(" " + t._s(t.formattedMonthDate) + " ")]), a("div", { staticClass: "b-calendar-month__next" }, [t.shouldShowNextMonthButton ? a("bento-button", { attrs: { variant: t.BentoButtonVariant.TERTIARY }, on: { click: () => t.showNextMonth() }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+  }, proxy: !0 }], null, !1, 351640624) }) : t._e()], 1), a("bento-typography", { attrs: { id: t.monthLabelId, el: t.BentoTypographyElement.H2, variant: t.BentoTypographyVariant.TITLE, "aria-live": "polite" } }, [t._v(" " + t._s(t.formattedMonthDate) + " ")]), a("div", { staticClass: "b-calendar-month__next" }, [t.shouldShowNextMonthButton ? a("bento-button", { attrs: { variant: t.BentoButtonVariant.TERTIARY }, on: { click: function(n) {
+    return t.moveToNextMonth(n, !0);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [a("chevron-right-icon", { attrs: { "svg-title": t.$t("nextMonth") } })];
   }, proxy: !0 }], null, !1, 1260976669) }) : t._e()], 1)], 1), a("table", { staticClass: "b-calendar-month__month-container", attrs: { role: "grid", "aria-labelledby": t.monthLabelId } }, [a("thead", [a("tr", { staticClass: "b-calendar-month__week-header" }, t._l(t.daysOfWeek, function(n, o) {
     return a("th", { key: o, staticClass: "b-calendar-month__day-of-week" }, [a("bento-typography", { staticClass: "b-calendar-month__day-of-week-font", attrs: { el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.CAPTION } }, [t._v(" " + t._s(n) + " ")])], 1);
   }), 0)]), a("tbody", t._l(t.weeksOfMonth, function(n, o) {
-    return a("tr", { key: o }, [o === 0 && n.length < 7 ? a("td", { attrs: { colspan: 7 - n.length } }) : t._e(), t._l(n, function(r, s) {
-      return a("calendar-month-day", { key: `calendar-day-${s}`, ref: t.addDayRef(r), refInFor: !0, attrs: { day: r, disabled: t.isDateDisabled ? t.isDateDisabled(r) : void 0, selected: t.isSelectedDate(r), variant: t.dayVariant(r) }, on: { click: t.onDayClicked, mouseover: function(i) {
+    return a("tr", { key: o }, [o === 0 && n.length < 7 ? a("td", { attrs: { colspan: 7 - n.length } }) : t._e(), t._l(n, function(r, u) {
+      return a("calendar-month-day", { key: `calendar-day-${u}`, ref: t.addDayRef(r), refInFor: !0, attrs: { day: r, disabled: t.isDateDisabled ? t.isDateDisabled(r) : void 0, selected: t.isSelectedDate(r), variant: t.dayVariant(r) }, on: { click: t.onDayClicked, mouseover: function(i) {
         return t.$emit(t.CalendarMonthEvent.MOUSE_OVER, r);
       } } });
     })], 2);
   }), 0)])]);
-}, tt = [], at = /* @__PURE__ */ te(
+}, tt = [], at = /* @__PURE__ */ ae(
   Ze,
   et,
   tt,
   !1,
   null,
-  "5ac55cf9",
+  "75b7e38c",
   null,
   null
 );
-const W = at.exports;
-var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(S || {});
+const V = at.exports;
+var O = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(O || {});
 const nt = ({ selectedDate: e }, t) => {
-  const a = fe({
+  const a = ve({
     startDate: null,
     endDate: null
   });
-  return U(
+  return C(
     () => e.value,
     () => {
       a.startDate = e.value, a.endDate = void 0;
@@ -647,7 +653,7 @@ const nt = ({ selectedDate: e }, t) => {
   ), {
     internalValue: a,
     onDateInput: (o) => {
-      t(S.INPUT, o);
+      t(O.INPUT, o);
     },
     // Empty function to prevent the listeners from throwing a warning
     // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -655,51 +661,50 @@ const nt = ({ selectedDate: e }, t) => {
     }
   };
 }, rt = ({ selectedDate: e, isDateDisabled: t, maxRange: a }, n) => {
-  const o = fe({
+  const o = ve({
     startDate: null,
     endDate: null
-  }), r = k(null);
-  U(
+  }), r = p(null);
+  C(
     () => e.value,
     () => {
-      let { startDate: u = null, endDate: c = null } = e.value || {};
-      u && (u = I(u)), c && (c = I(c)), !(u && t && t(u) || c && t && t(c) || u && c && Be(u, c)) && (o.startDate = u, o.endDate = c);
+      let { startDate: l = null, endDate: c = null } = e.value || {};
+      l && (l = w(l)), c && (c = w(c)), !(l && t && t(l) || c && t && t(c) || l && c && Ce(l, c)) && (o.startDate = l, o.endDate = c);
     },
     { immediate: !0 }
   );
-  const s = (u, c, N) => {
-    if (o.startDate = u, o.endDate = c, a.value) {
-      const f = Pe(c, u) - a.value;
-      f > 0 && (N < 1 ? (o.startDate = u, o.endDate = Ce(c, f)) : (o.startDate = C(u, f), o.endDate = c));
+  const u = (l, c, N) => {
+    if (o.startDate = l, o.endDate = c, a.value) {
+      const f = Ae(c, l) - a.value;
+      f > 0 && (N < 1 ? (o.startDate = l, o.endDate = Ue(c, f)) : (o.startDate = Y(l, f), o.endDate = c));
     }
-    n(S.START_DATE_SELECTED, o.startDate), n(S.END_DATE_SELECTED, o.endDate);
+    n(O.START_DATE_SELECTED, o.startDate), n(O.END_DATE_SELECTED, o.endDate);
   };
   return {
     internalValue: o,
-    onDateInput: (u) => {
-      r.value ? (r.value = null, n(S.INPUT, o)) : (r.value = u, n(S.START_DATE_SELECTED, u), n(S.END_DATE_SELECTED, u));
+    onDateInput: (l) => {
+      r.value ? (r.value = null, n(O.INPUT, o)) : (r.value = l, n(O.START_DATE_SELECTED, l), n(O.END_DATE_SELECTED, l));
     },
-    onMouseOver: (u) => {
-      !r.value || t && t(u) || ($e(u, r.value) ? s(u, r.value, -1) : s(r.value, u, 1));
+    onMouseOver: (l) => {
+      !r.value || t && t(l) || (Ye(l, r.value) ? u(l, r.value, -1) : u(r.value, l, 1));
     }
   };
-}, ot = ee({
+}, ot = te({
   name: "calendar",
-  components: { CalendarMonth: W },
-  inheritAttrs: !1,
+  components: { CalendarMonth: V },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: W.props.firstDayOfWeek,
+    firstDayOfWeek: V.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: W.props.isDateDisabled,
+    isDateDisabled: V.props.isDateDisabled,
     /**
      * Enables the Date Range calendar
      */
-    isRange: W.props.isRange,
+    isRange: V.props.isRange,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
@@ -718,36 +723,37 @@ const nt = ({ selectedDate: e }, t) => {
      */
     value: { type: [Date, Object], default: void 0 }
   },
-  emit: [S.INPUT, S.START_DATE_SELECTED, S.END_DATE_SELECTED],
+  emit: [O.INPUT, O.START_DATE_SELECTED, O.END_DATE_SELECTED],
   setup(e, { emit: t }) {
-    const a = k(null), n = k();
-    U(
+    const a = p(null), n = p();
+    C(
       () => e.value,
       () => {
-        e.isRange ? n.value = e.value.startDate || /* @__PURE__ */ new Date() : n.value = e.value || /* @__PURE__ */ new Date();
+        var f;
+        e.isRange ? n.value = ((f = e.value) == null ? void 0 : f.startDate) || /* @__PURE__ */ new Date() : n.value = e.value || /* @__PURE__ */ new Date();
       },
       { immediate: !0 }
     );
-    const o = O(() => ({
+    const o = M(() => ({
       "b-calendar__range": e.isRange
     })), {
       internalValue: r,
-      onDateInput: s,
+      onDateInput: u,
       onMouseOver: i
     } = e.isRange ? rt(
       {
-        selectedDate: L(e, "value"),
+        selectedDate: U(e, "value"),
         isDateDisabled: e.isDateDisabled,
-        maxRange: L(e, "maxRange")
+        maxRange: U(e, "maxRange")
       },
       t
     ) : nt(
       {
-        selectedDate: L(e, "value")
+        selectedDate: U(e, "value")
       },
       t
-    ), v = (f) => e.numberOfMonths === 1 ? T.UNIQUE : f === 0 ? T.FIRST : f === e.numberOfMonths - 1 ? T.LAST : T.MIDDLE, u = O(
-      () => (f) => p(n.value, f)
+    ), v = (f) => e.numberOfMonths === 1 ? T.UNIQUE : f === 0 ? T.FIRST : f === e.numberOfMonths - 1 ? T.LAST : T.MIDDLE, l = M(
+      () => (f) => x(n.value, f)
     );
     return {
       // Refs
@@ -757,16 +763,16 @@ const nt = ({ selectedDate: e }, t) => {
       conditionalClasses: o,
       internalValue: r,
       // Methods
-      calculateOffsetMonth: u,
+      calculateOffsetMonth: l,
       calendarPosition: v,
       // Events
-      onDateInput: s,
+      onDateInput: u,
       onMouseOver: i,
-      calculateNextMonths: () => {
-        n.value = p(n.value, 1);
+      calculateNextMonths: (f = 1) => {
+        n.value = x(n.value, f);
       },
-      calculatePreviousMonths: () => {
-        n.value = V(n.value, 1);
+      calculatePreviousMonths: (f = 1) => {
+        n.value = F(n.value, f);
       }
     };
   }
@@ -776,20 +782,20 @@ var st = function() {
   return t._self._setupProxy, a("div", { staticClass: "b-calendar", class: t.conditionalClasses }, t._l(t.numberOfMonths, function(n, o) {
     return a("calendar-month", { key: `calendar-${o}`, ref: t.numberOfMonths === 1 ? "calendarRef" : null, refInFor: !0, attrs: { "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, month: t.calculateOffsetMonth(o), position: t.calendarPosition(o), "is-range": t.isRange, "start-date": t.internalValue.startDate, "end-date": t.internalValue.endDate }, on: { input: t.onDateInput, mouseover: t.onMouseOver, nextMonth: t.calculateNextMonths, previousMonth: t.calculatePreviousMonths } });
   }), 1);
-}, ut = [], lt = /* @__PURE__ */ te(
+}, ut = [], lt = /* @__PURE__ */ ae(
   ot,
   st,
   ut,
   !1,
   null,
-  "e408ec23",
+  "621f2227",
   null,
   null
 );
 const ht = lt.exports;
 export {
   ht as C,
-  S as a,
-  P as b
+  O as a,
+  L as b
 };
-//# sourceMappingURL=calendar.1ed370f4.js.map
+//# sourceMappingURL=calendar.c9cfce76.js.map