@adyen/bento-vue3 1.7.0 → 1.8.0

package/dist/chunks/calendar.d4ab387d.js

@@ -0,0 +1,1037 @@
+import { defineComponent as ge, computed as p, resolveComponent as F, openBlock as I, createElementBlock as U, normalizeClass as Re, withKeys as Ue, createElementVNode as C, createVNode as J, ref as x, watch as H, nextTick as $e, toRef as V, resolveDirective as We, withDirectives as Ye, mergeProps as Ce, toHandlers as Fe, createBlock as se, withCtx as oe, createCommentVNode as me, createTextVNode as Te, toDisplayString as ke, Fragment as ue, renderList as le, reactive as _e, toRaw as je } from "vue";
+import { r as k, t as M, g as Ee, e as ye, d as Be, f as Ge } from "./index.f55fdc32.js";
+import { t as O, B as Ve, a as xe, f as Me } from "./index.0ee895e0.js";
+import { e as we } from "./index.d80206ed.js";
+import { a as He } from "./button.82ed953e.js";
+import { B as qe } from "./index.75f3672e.js";
+import { u as Ke } from "./i18n.6c402773.js";
+import { g as Qe } from "./unique-id.a2a2b458.js";
+import { a as Xe } from "./keyboard-navigation.ca47dfa8.js";
+import { C as ze, a as Je } from "./chevron-left.2fd6b083.js";
+import { _ as be } from "./_plugin-vue_export-helper.dad06003.js";
+import "../assets/calendar.css";
+function q(e, t) {
+  k(2, arguments);
+  var n = M(e), a = O(t);
+  return isNaN(a) ? /* @__PURE__ */ new Date(NaN) : (a && n.setDate(n.getDate() + a), n);
+}
+function j(e, t) {
+  k(2, arguments);
+  var n = M(e), a = O(t);
+  if (isNaN(a))
+    return /* @__PURE__ */ new Date(NaN);
+  if (!a)
+    return n;
+  var u = n.getDate(), o = new Date(n.getTime());
+  o.setMonth(n.getMonth() + a + 1, 0);
+  var l = o.getDate();
+  return u >= l ? o : (n.setFullYear(o.getFullYear(), o.getMonth(), u), n);
+}
+function ie(e, t) {
+  k(1, arguments);
+  var n = t || {}, a = n.locale, u = a && a.options && a.options.weekStartsOn, o = u == null ? 0 : O(u), l = n.weekStartsOn == null ? o : O(n.weekStartsOn);
+  if (!(l >= 0 && l <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var r = M(e), y = r.getDay(), d = (y < l ? 7 : 0) + y - l;
+  return r.setDate(r.getDate() - d), r.setHours(0, 0, 0, 0), r;
+}
+function B(e) {
+  k(1, arguments);
+  var t = M(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+var Ze = 864e5;
+function et(e, t) {
+  k(2, arguments);
+  var n = B(e), a = B(t), u = n.getTime() - Ee(n), o = a.getTime() - Ee(a);
+  return Math.round((u - o) / Ze);
+}
+function Pe(e, t) {
+  k(2, arguments);
+  var n = O(t), a = n * 7;
+  return q(e, a);
+}
+function re(e, t) {
+  k(2, arguments);
+  var n = B(e), a = B(t);
+  return n.getTime() === a.getTime();
+}
+function Se(e, t) {
+  var n = 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 n < 0 ? -1 : n > 0 ? 1 : n;
+}
+function tt(e, t) {
+  k(2, arguments);
+  var n = M(e), a = M(t), u = Se(n, a), o = Math.abs(et(n, a));
+  n.setDate(n.getDate() - u * o);
+  var l = +(Se(n, a) === -u), r = u * (o - l);
+  return r === 0 ? 0 : r;
+}
+function de(e) {
+  k(1, arguments);
+  var t = M(e);
+  return t.setDate(1), t.setHours(0, 0, 0, 0), t;
+}
+function he(e, t) {
+  k(1, arguments);
+  var n = t || {}, a = n.locale, u = a && a.options && a.options.weekStartsOn, o = u == null ? 0 : O(u), l = n.weekStartsOn == null ? o : O(n.weekStartsOn);
+  if (!(l >= 0 && l <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var r = M(e), y = r.getDay(), d = (y < l ? -7 : 0) + 6 - (y - l);
+  return r.setDate(r.getDate() + d), r.setHours(23, 59, 59, 999), r;
+}
+function at(e, t) {
+  k(2, arguments);
+  var n = O(t);
+  return q(e, -n);
+}
+function te(e, t) {
+  k(2, arguments);
+  var n = O(t);
+  return j(e, -n);
+}
+function nt(e, t) {
+  k(2, arguments);
+  var n = M(e), a = M(t);
+  return n.getTime() > a.getTime();
+}
+function ot(e, t) {
+  k(2, arguments);
+  var n = M(e), a = M(t);
+  return n.getTime() < a.getTime();
+}
+function Ie(e, t) {
+  k(2, arguments);
+  var n = M(e).getTime(), a = M(t.start).getTime(), u = M(t.end).getTime();
+  if (!(a <= u))
+    throw new RangeError("Invalid interval");
+  return n >= a && n <= u;
+}
+function rt(e, t, n) {
+  k(2, arguments);
+  var a = n || {}, u = a.locale, o = u && u.options && u.options.weekStartsOn, l = o == null ? 0 : O(o), r = a.weekStartsOn == null ? l : O(a.weekStartsOn);
+  if (!(r >= 0 && r <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var y = M(e), d = O(t), D = y.getDay(), c = d % 7, i = (c + 7) % 7, h = 7 - r, g = d < 0 || d > 6 ? d - (D + h) % 7 : (i + h) % 7 - (D + h) % 7;
+  return q(y, g);
+}
+function st(e, t) {
+  k(2, arguments);
+  var n = O(t);
+  return Pe(e, -n);
+}
+var R = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(R || {}), Y = /* @__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))(Y || {}), Z = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Z || {});
+const ut = ge({
+  name: "calendar-month-day",
+  components: { BentoDate: Ve },
+  inheritAttrs: !0,
+  props: {
+    /**
+     * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)
+     */
+    day: { type: Date, required: !0 },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Changes the state of the calendar day to selected.
+     */
+    selected: { type: Boolean, default: !1 },
+    /**
+     * When the day is selected, this indicates if the selection is a single date or part of a range.
+     * If it's a range it can be at the beginning, middle or end of the selection.
+     */
+    variant: {
+      type: String,
+      default: R.SINGLE,
+      validator: (e) => Object.values(R).includes(e)
+    }
+  },
+  emits: [Z.CLICK, Z.MOUSE_OVER],
+  setup(e, { emit: t }) {
+    const n = p(() => {
+      const o = /* @__PURE__ */ new Date();
+      return e.day.getDate() === o.getDate() && e.day.getMonth() === o.getMonth() && e.day.getFullYear() === o.getFullYear();
+    });
+    return {
+      // Values
+      conditionalClasses: p(() => ({
+        // Variants
+        [`b-calendar-month-day--${Y.BEGINNING}`]: e.variant === R.BEGINNING,
+        [`b-calendar-month-day--${Y.MIDDLE}`]: e.variant === R.MIDDLE,
+        [`b-calendar-month-day--${Y.END}`]: e.variant === R.END,
+        [`b-calendar-month-day--${Y.SINGLE}`]: e.variant === R.SINGLE,
+        // Selected
+        [`b-calendar-month-day--${Y.UNSELECTED}`]: !e.selected,
+        [`b-calendar-month-day--${Y.SELECTED}`]: e.selected,
+        // Current Day
+        [`b-calendar-month-day--${Y.CURRENT_DAY}`]: n.value,
+        // Disabled
+        [`b-calendar-month-day--${Y.DISABLED}`]: e.disabled
+      })),
+      // Enums
+      BentoDateFormat: xe,
+      CalendarMonthDayEvent: Z,
+      // Events
+      onClick: (o, l) => {
+        e.disabled ? (o.preventDefault(), o.stopPropagation()) : t(Z.CLICK, l, e.day);
+      }
+    };
+  }
+});
+const lt = ["tabindex", "aria-selected"], it = { class: "b-calendar-month-day__wrapper" };
+function dt(e, t, n, a, u, o) {
+  const l = F("bento-date");
+  return I(), U("td", {
+    class: Re(["b-calendar-month-day", e.conditionalClasses]),
+    tabindex: e.selected ? "0" : "-1",
+    "aria-selected": e.selected ? e.selected : void 0,
+    onClick: t[0] || (t[0] = (r) => e.onClick(r, e.day)),
+    onMouseover: t[1] || (t[1] = (r) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
+    onKeydown: t[2] || (t[2] = Ue((r) => e.onClick(r, e.day), ["space", "enter"]))
+  }, [
+    C("div", it, [
+      J(l, {
+        class: "b-calendar-month-day__label",
+        date: e.day,
+        format: e.BentoDateFormat.DAY_OF_MONTH
+      }, null, 8, ["date", "format"])
+    ])
+  ], 42, lt);
+}
+const ct = /* @__PURE__ */ be(ut, [["render", dt], ["__scopeId", "data-v-bd948293"]]);
+var $ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))($ || {}), P = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(P || {}), ee = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(ee || {});
+function vt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ce = {}, ft = {
+  get exports() {
+    return ce;
+  },
+  set exports(e) {
+    ce = e;
+  }
+}, ae = {}, Dt = {
+  get exports() {
+    return ae;
+  },
+  set exports(e) {
+    ae = e;
+  }
+};
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = n;
+  function n(a) {
+    if (a === null || a === !0 || a === !1)
+      return NaN;
+    var u = Number(a);
+    return isNaN(u) ? u : u < 0 ? Math.ceil(u) : Math.floor(u);
+  }
+  e.exports = t.default;
+})(Dt, ae);
+var ve = {}, mt = {
+  get exports() {
+    return ve;
+  },
+  set exports(e) {
+    ve = e;
+  }
+}, fe = {}, yt = {
+  get exports() {
+    return fe;
+  },
+  set exports(e) {
+    fe = e;
+  }
+}, K = {}, ht = {
+  get exports() {
+    return K;
+  },
+  set exports(e) {
+    K = e;
+  }
+};
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = n;
+  function n(a, u) {
+    if (u.length < a)
+      throw new TypeError(a + " argument" + (a > 1 ? "s" : "") + " required, but only " + u.length + " present");
+  }
+  e.exports = t.default;
+})(ht, K);
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = u;
+  var n = a(K);
+  function a(o) {
+    return o && o.__esModule ? o : { default: o };
+  }
+  function u(o) {
+    (0, n.default)(1, arguments);
+    var l = Object.prototype.toString.call(o);
+    return o instanceof Date || typeof o == "object" && l === "[object Date]" ? new Date(o.getTime()) : typeof o == "number" || l === "[object Number]" ? new Date(o) : ((typeof o == "string" || l === "[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;
+})(yt, fe);
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = l;
+  var n = o(ae), a = o(fe), u = o(K);
+  function o(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  function l(r, y) {
+    (0, u.default)(2, arguments);
+    var d = (0, a.default)(r), D = (0, n.default)(y);
+    return isNaN(D) ? /* @__PURE__ */ new Date(NaN) : (D && d.setDate(d.getDate() + D), d);
+  }
+  e.exports = t.default;
+})(mt, ve);
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = l;
+  var n = o(ae), a = o(ve), u = o(K);
+  function o(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  function l(r, y) {
+    (0, u.default)(2, arguments);
+    var d = (0, n.default)(y);
+    return (0, a.default)(r, -d);
+  }
+  e.exports = t.default;
+})(ft, ce);
+const Oe = /* @__PURE__ */ vt(ce), gt = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, u) => {
+  const o = x(new Date(t.value));
+  H(
+    t,
+    () => {
+      o.value = t.value;
+    },
+    { immediate: !0 }
+  );
+  const l = x(new Date(e.value));
+  H(e, () => {
+    l.value = e.value;
+  });
+  const r = x({}), y = (s) => (v) => {
+    r.value[s.toDateString()] = v;
+  }, d = () => {
+    r.value = {};
+  }, D = (s = 1) => {
+    o.value = j(o.value, s), u($.NEXT_MONTH, s), d();
+  }, c = (s = 1) => {
+    o.value = te(o.value, s), u($.PREVIOUS_MONTH, s), d();
+  }, i = (s) => {
+    const v = !!r.value[s == null ? void 0 : s.toDateString()];
+    s && v && r.value[s.toDateString()].$el.focus();
+  }, h = (s) => {
+    s.preventDefault(), s.stopImmediatePropagation(), s.stopPropagation();
+  }, g = ({ nextDate: s, isIncreasingDays: v, amountOfMonths: A, isCalendarButtonsNav: ne }) => {
+    if (!ne && n && n(s))
+      return;
+    s.getMonth() === l.value.getMonth() && s.getFullYear() === l.value.getFullYear() ? (l.value = s, i(s)) : (v ? D(A) : c(A), $e(() => {
+      const De = s.getMonth() === o.value.getMonth() && s.getFullYear() === o.value.getFullYear();
+      n && n(s) || !De || ne || (l.value = s, i(s));
+    }));
+  };
+  return {
+    // Calendar days ref
+    calendarRef: r,
+    addDayRef: y,
+    /**
+     *  Month navigation
+     */
+    showNextMonth: D,
+    showPreviousMonth: c,
+    /**
+     * Focus method
+     */
+    focusOnDate: i,
+    /**
+     *  Day navigation
+     */
+    // ArrowRight
+    moveToNextDay: (s) => {
+      h(s);
+      const v = 1;
+      g({ nextDate: q(l.value, v), isIncreasingDays: !0 });
+    },
+    // ArrowLeft
+    moveToPreviousDay: (s) => {
+      h(s);
+      const v = 1;
+      g({ nextDate: Oe(l.value, v), isIncreasingDays: !1 });
+    },
+    // ArrowUp
+    moveToPreviousWeek: (s) => {
+      h(s);
+      const v = 7;
+      g({ nextDate: Oe(l.value, v), isIncreasingDays: !1 });
+    },
+    // ArrowDown
+    moveToNextWeek: (s) => {
+      h(s);
+      const v = 7;
+      g({ nextDate: q(l.value, v), isIncreasingDays: !0 });
+    },
+    // Home
+    moveToFirstDayOfWeek: (s) => {
+      h(s), g({
+        nextDate: ie(l.value, { weekStartsOn: a }),
+        isIncreasingDays: !1
+      });
+    },
+    // End
+    moveToLastDayOfWeek: (s) => {
+      h(s), g({
+        nextDate: he(l.value, { weekStartsOn: a }),
+        isIncreasingDays: !0
+      });
+    },
+    // PageUp
+    moveToPreviousMonth: (s, v = !1) => {
+      h(s);
+      const A = 1;
+      g({
+        nextDate: te(l.value, A),
+        isIncreasingDays: !1,
+        amountOfMonths: A,
+        isCalendarButtonsNav: v
+      });
+    },
+    // Shift+PageUp
+    moveToPreviousYear: (s) => {
+      h(s);
+      const v = 12;
+      g({
+        nextDate: te(l.value, v),
+        isIncreasingDays: !1,
+        amountOfMonths: v
+      });
+    },
+    // PageDown
+    moveToNextMonth: (s, v = !1) => {
+      h(s);
+      const A = 1;
+      g({
+        nextDate: j(l.value, A),
+        isIncreasingDays: !0,
+        amountOfMonths: A,
+        isCalendarButtonsNav: v
+      });
+    },
+    // Shift-PageDown
+    moveToNextYear: (s) => {
+      h(s);
+      const v = 12;
+      g({
+        nextDate: j(l.value, v),
+        isIncreasingDays: !0,
+        amountOfMonths: v
+      });
+    },
+    // Values
+    internalDate: l,
+    baseDate: o
+  };
+}, pe = {
+  "en-US": {
+    nextMonth: "Next month",
+    previousMonth: "Previous month"
+  }
+}, _t = ge({
+  i18n: { messages: pe },
+  name: "calendar-month",
+  components: {
+    BentoButton: He,
+    BentoTypography: qe,
+    CalendarMonthDay: ct,
+    ChevronLeftIcon: ze,
+    ChevronRightIcon: Je
+  },
+  directives: { BentoKeyboardNavigationDirective: Xe },
+  props: {
+    /**
+     * end of the selected range
+     */
+    endDate: { type: Date, default: null },
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: {
+      type: Number,
+      default: ee.MONDAY,
+      validator: (e) => Object.values(ee).includes(e)
+    },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    isDateDisabled: { type: Function, default: void 0 },
+    /**
+     * Indicates if the calendar is part of a range date picker or a sigle date picker
+     */
+    isRange: { type: Boolean, default: !1 },
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: { type: Date, default: null },
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: { type: Date, default: null },
+    /**
+     * Month of the year to be displayed in the calendar
+     */
+    month: { type: Date, required: !0 },
+    /**
+     * When rendering multiple calendars, this property allows to render the
+     * Next and Previous calendar buttons to the right, left or not at all
+     * depending on the position: Unique (only 1), First, Middle or Last
+     */
+    position: {
+      type: String,
+      default: P.UNIQUE,
+      validator: (e) => Object.values(P).includes(e)
+    },
+    /**
+     * start of the selected range
+     */
+    startDate: { type: Date, default: null }
+    // can be undefined, eslint complains without default
+  },
+  emits: [
+    $.INPUT,
+    $.NEXT_MONTH,
+    $.PREVIOUS_MONTH,
+    $.MOUSE_OVER
+  ],
+  setup(e, { emit: t }) {
+    const { locale: n } = Ke({ messages: pe }), a = { de: Be, enUS: ye, fr: Ge }, u = Qe("bento-date-picker-month-label"), o = p(
+      () => (N) => {
+        var L;
+        return e.min && N < e.min || e.max && N > e.max || ((L = e.isDateDisabled) == null ? void 0 : L.call(e, N));
+      }
+    ), {
+      internalDate: l,
+      baseDate: r,
+      // Calendar refs
+      addDayRef: y,
+      // Month navigation
+      showNextMonth: d,
+      showPreviousMonth: D,
+      // Day navigation
+      moveToNextDay: c,
+      moveToPreviousDay: i,
+      moveToPreviousWeek: h,
+      moveToNextWeek: g,
+      moveToFirstDayOfWeek: m,
+      moveToLastDayOfWeek: E,
+      moveToPreviousMonth: T,
+      moveToPreviousYear: Q,
+      moveToNextMonth: X,
+      moveToNextYear: f,
+      focusOnDate: _
+    } = gt(
+      {
+        currentSelectedDate: V(e, "startDate"),
+        month: V(e, "month"),
+        isDateDisabled: o.value,
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), w = p(
+      () => Object.values(ee).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : ee.MONDAY
+    ), b = p(
+      () => [P.FIRST, P.UNIQUE].includes(e.position)
+    ), W = p(
+      () => [P.LAST, P.UNIQUE].includes(e.position)
+    ), s = p(
+      () => Me(r.value, "MMMM yyyy", {
+        locale: a[n.value.substring(0, 2)] || ye
+      })
+    ), v = p(
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((N, L) => {
+        const z = rt(N, w.value + L);
+        return Me(z, "EEE", {
+          locale: a[n.value.substring(0, 2)] || ye
+        });
+      })
+    ), A = p(() => {
+      const N = [], L = de(e.month);
+      let z = N[N.push([]) - 1];
+      for (; L.getMonth() === e.month.getMonth(); )
+        L.getDay() - w.value === 0 && z.length > 0 && (z = N[N.push([]) - 1]), z.push(B(L)), L.setDate(L.getDate() + 1);
+      return N;
+    }), ne = (N) => {
+      t($.INPUT, N);
+    }, Ne = (N) => {
+      if (!e.isRange || re(e.startDate, e.endDate))
+        return R.SINGLE;
+      if (e.startDate && re(e.startDate, N))
+        return R.BEGINNING;
+      if (e.endDate && re(e.endDate, N))
+        return R.END;
+      if (e.startDate && e.endDate && Ie(N, { start: e.startDate, end: e.endDate }))
+        return R.MIDDLE;
+    }, De = (N) => l.value && re(l.value, N) ? !0 : e.startDate && e.endDate && Ie(N, { start: e.startDate, end: e.endDate }), Ae = () => {
+      t($.INPUT, l);
+    }, Le = e.isRange ? {} : {
+      "keydown:arrow-right": c,
+      "keydown:arrow-left": i,
+      "keydown:arrow-up": h,
+      "keydown:arrow-down": g,
+      "keydown:home": m,
+      "keydown:end": E,
+      "keydown:page-up": T,
+      "keydown:shift-page-up": Q,
+      "keydown:page-down": X,
+      "keydown:shift-page-down": f
+    };
+    return {
+      // Refs
+      addDayRef: y,
+      // Values
+      computedIsDateDisabled: o,
+      daysOfWeek: v,
+      weeksOfMonth: A,
+      formattedMonthDate: s,
+      shouldShowNextMonthButton: W,
+      shouldShowPreviousMonthButton: b,
+      monthLabelId: u,
+      // Enums
+      CalendarMonthEvent: $,
+      // Functions
+      isSelectedDate: De,
+      showNextMonth: d,
+      showPreviousMonth: D,
+      dayVariant: Ne,
+      confirmNavigationDate: Ae,
+      // Events
+      onDayClicked: ne,
+      listeners: Le,
+      // Exposed methods
+      focusOnDate: _,
+      moveToNextDay: c,
+      moveToPreviousDay: i,
+      moveToPreviousWeek: h,
+      moveToNextWeek: g,
+      moveToFirstDayOfWeek: m,
+      moveToLastDayOfWeek: E,
+      moveToPreviousMonth: T,
+      moveToPreviousYear: Q,
+      moveToNextMonth: X,
+      moveToNextYear: f
+    };
+  }
+});
+const bt = { class: "b-calendar-month__month-selector" }, Nt = { class: "b-calendar-month__previous" }, Tt = { class: "b-calendar-month__next" }, kt = ["aria-labelledby"], Et = { class: "b-calendar-month__week-header" }, Mt = ["colspan"];
+function wt(e, t, n, a, u, o) {
+  const l = F("chevron-left-icon"), r = F("bento-button"), y = F("bento-typography"), d = F("chevron-right-icon"), D = F("calendar-month-day"), c = We("bento-keyboard-navigation-directive");
+  return Ye((I(), U("div", Ce({ class: "b-calendar-month" }, Fe(e.listeners, !0)), [
+    C("div", bt, [
+      C("div", Nt, [
+        e.shouldShowPreviousMonthButton ? (I(), se(r, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[0] || (t[0] = (i) => e.moveToPreviousMonth(i, !0))
+        }, {
+          iconLeft: oe(() => [
+            J(l, {
+              "svg-title": e.$t("previousMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : me("", !0)
+      ]),
+      J(y, {
+        id: e.monthLabelId,
+        el: "h2",
+        variant: "title",
+        "aria-live": "polite"
+      }, {
+        default: oe(() => [
+          Te(ke(e.formattedMonthDate), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      C("div", Tt, [
+        e.shouldShowNextMonthButton ? (I(), se(r, {
+          key: 0,
+          variant: "tertiary",
+          onClick: t[1] || (t[1] = (i) => e.moveToNextMonth(i, !0))
+        }, {
+          iconLeft: oe(() => [
+            J(d, {
+              "svg-title": e.$t("nextMonth")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : me("", !0)
+      ])
+    ]),
+    C("table", {
+      class: "b-calendar-month__month-container",
+      role: "grid",
+      "aria-labelledby": e.monthLabelId
+    }, [
+      C("thead", null, [
+        C("tr", Et, [
+          (I(!0), U(ue, null, le(e.daysOfWeek, (i, h) => (I(), U("th", {
+            key: h,
+            class: "b-calendar-month__day-of-week"
+          }, [
+            J(y, {
+              class: "b-calendar-month__day-of-week-font",
+              el: "span",
+              variant: "caption"
+            }, {
+              default: oe(() => [
+                Te(ke(i), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])
+      ]),
+      C("tbody", null, [
+        (I(!0), U(ue, null, le(e.weeksOfMonth, (i, h) => (I(), U("tr", { key: h }, [
+          h === 0 && i.length < 7 ? (I(), U("td", {
+            key: 0,
+            colspan: 7 - i.length
+          }, null, 8, Mt)) : me("", !0),
+          (I(!0), U(ue, null, le(i, (g, m) => (I(), se(D, {
+            ref_for: !0,
+            ref: e.addDayRef(g),
+            key: `calendar-day-${m}`,
+            day: g,
+            disabled: e.computedIsDateDisabled(g),
+            selected: e.isSelectedDate(g),
+            variant: e.dayVariant(g),
+            onClick: e.onDayClicked,
+            onMouseover: (E) => e.$emit(e.CalendarMonthEvent.MOUSE_OVER, g)
+          }, null, 8, ["day", "disabled", "selected", "variant", "onClick", "onMouseover"]))), 128))
+        ]))), 128))
+      ])
+    ], 8, kt)
+  ], 16)), [
+    [c]
+  ]);
+}
+const G = /* @__PURE__ */ be(_t, [["render", wt], ["__scopeId", "data-v-b9b8810b"]]);
+var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(S || {});
+const St = ({ selectedDate: e }, t) => {
+  const n = _e({
+    startDate: null,
+    endDate: null
+  });
+  return H(
+    () => e.value,
+    () => {
+      n.startDate = e.value, n.endDate = void 0;
+    },
+    { immediate: !0 }
+  ), {
+    internalValue: n,
+    onDateInput: (u) => {
+      t(S.INPUT, u);
+    },
+    // Empty function to prevent the listeners from throwing a warning
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onMouseOver: () => {
+    }
+  };
+}, It = (e, t, n) => {
+  const a = (d, D) => {
+    let c = ie(d, { weekStartsOn: e }), i = he(D || d, { weekStartsOn: e });
+    return t && c < t && (c = ie(Pe(t, 1), { weekStartsOn: e })), n && i > n && (i = he(st(n, 1), { weekStartsOn: e })), c > i && (c = ie(i)), { startDate: c, endDate: i };
+  }, u = (d, D) => {
+    let c = de(d), i = we(D || d);
+    return t && c < t && (c = de(j(t, 1))), n && i > n && (i = we(te(n, 1))), c > i && (c = de(i)), { startDate: c, endDate: i };
+  };
+  return {
+    adjustDateForWeekly: a,
+    adjustDateForMonthly: u,
+    adjustStartDateInputForWeekly: (d, D) => {
+      const { startDate: c } = a(new Date(d));
+      return D(c);
+    },
+    adjustEndDateInputForWeekly: (d, D) => {
+      const { endDate: c } = a(new Date(d));
+      return D(c);
+    },
+    adjustStartDateInputForMonthly: (d, D) => {
+      const { startDate: c } = u(new Date(d));
+      return D(c);
+    },
+    adjustEndDateInputForMonthly: (d, D) => {
+      const { endDate: c } = u(new Date(d));
+      return D(c);
+    }
+  };
+}, Ot = () => {
+  const e = _e({
+    daily: null,
+    weekly: null,
+    monthly: null
+  });
+  return {
+    savedRanges: e,
+    saveRange: (a, u) => {
+      e[a] = u;
+    },
+    resetSavedRange: (a) => {
+      e[a] = null;
+    }
+  };
+}, pt = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: u, min: o, max: l }, r) => {
+  const { adjustDateForWeekly: D, adjustDateForMonthly: c } = It(u, o, l), { savedRanges: i, saveRange: h, resetSavedRange: g } = Ot(), m = _e({
+    startDate: null,
+    endDate: null
+  }), E = x(null);
+  H(
+    () => e.value,
+    () => {
+      let { startDate: f = null, endDate: _ = null } = e.value || {};
+      f && (f = B(f)), _ && (_ = B(_)), !(f && t && t(f) || _ && t && t(_) || f && _ && nt(f, _)) && (m.startDate = f, m.endDate = _);
+    },
+    { immediate: !0 }
+  );
+  const T = (f, _, w) => {
+    if (m.startDate = f, m.endDate = _, n.value) {
+      const b = tt(_, f) - n.value;
+      b > 0 && (w < 1 ? (m.startDate = f, m.endDate = at(_, b)) : (m.startDate = q(f, b), m.endDate = _));
+    }
+    r(S.START_DATE_SELECTED, m.startDate), r(S.END_DATE_SELECTED, m.endDate);
+  }, Q = (f) => {
+    var _, w;
+    if (E.value)
+      E.value = null, r(S.INPUT, m), a.value && g(a.value.type);
+    else {
+      let b = f;
+      if (((_ = a == null ? void 0 : a.value) == null ? void 0 : _.type) === "weekly") {
+        const { startDate: W, endDate: s } = D(f);
+        b = W, T(b, s);
+      }
+      if (((w = a == null ? void 0 : a.value) == null ? void 0 : w.type) === "monthly") {
+        const { startDate: W, endDate: s } = c(f);
+        b = W, T(b, s);
+      }
+      E.value = b, r(S.START_DATE_SELECTED, b), r(S.END_DATE_SELECTED, b);
+    }
+  }, X = (f) => {
+    var _, w, b, W;
+    if (!(!E.value || t && t(f)))
+      if (ot(f, E.value)) {
+        if (((_ = a == null ? void 0 : a.value) == null ? void 0 : _.type) === "weekly") {
+          const { startDate: s, endDate: v } = D(f, E.value);
+          T(s, v, -1);
+          return;
+        }
+        if (((w = a == null ? void 0 : a.value) == null ? void 0 : w.type) === "monthly") {
+          const { startDate: s, endDate: v } = c(f, E.value);
+          T(s, v, -1);
+          return;
+        }
+        T(f, E.value, -1);
+      } else {
+        if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.type) === "weekly") {
+          const { startDate: s, endDate: v } = D(E.value, f);
+          T(s, v, 1);
+          return;
+        }
+        if (((W = a == null ? void 0 : a.value) == null ? void 0 : W.type) === "monthly") {
+          const { startDate: s, endDate: v } = c(E.value, f);
+          T(s, v, 1);
+          return;
+        }
+        T(E.value, f, 1);
+      }
+  };
+  return H(a, (f, _) => {
+    switch (h(_.type, structuredClone(je(m))), f.type) {
+      case "monthly": {
+        if (i.monthly) {
+          T(i.monthly.startDate, i.monthly.endDate), r(S.INPUT, m);
+          return;
+        }
+        const { startDate: w, endDate: b } = c(m.startDate, m.endDate);
+        T(w, b), r(S.INPUT, m);
+        break;
+      }
+      case "weekly": {
+        if (i.weekly) {
+          T(i.weekly.startDate, i.weekly.endDate), r(S.INPUT, m);
+          return;
+        }
+        const { startDate: w, endDate: b } = D(m.startDate, m.endDate);
+        T(w, b), r(S.INPUT, m);
+        break;
+      }
+      case "daily":
+      default:
+        i.daily && T(i.daily.startDate, i.daily.endDate), r(S.INPUT, m);
+        break;
+    }
+  }), {
+    internalValue: m,
+    onDateInput: Q,
+    onMouseOver: X
+  };
+}, Rt = ge({
+  name: "calendar",
+  components: { CalendarMonth: G },
+  props: {
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: G.props.firstDayOfWeek,
+    /**
+     * The selected granularity configuration
+     */
+    granularity: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    isDateDisabled: G.props.isDateDisabled,
+    /**
+     * Enables the Date Range calendar
+     */
+    isRange: G.props.isRange,
+    /**
+     * Set a maximum number of dates to be selectable by the range.
+     */
+    maxRange: { type: Number, default: null, validator: (e) => !e || e > 0 },
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: G.props.min,
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: G.props.max,
+    /**
+     * Number of months rendered on pane
+     */
+    numberOfMonths: {
+      type: Number,
+      default: 3,
+      validator: (e) => e >= 1
+    },
+    /**
+     * Selected date. Can be a single Date or a CalendarRangeDate
+     * instance that contains startDate and endDate attributes.
+     */
+    value: { type: [Date, Object], default: void 0 }
+  },
+  emit: [S.INPUT, S.START_DATE_SELECTED, S.END_DATE_SELECTED],
+  setup(e, { emit: t }) {
+    const n = x(null), a = x();
+    H(
+      () => e.value,
+      () => {
+        var i;
+        e.isRange ? a.value = ((i = e.value) == null ? void 0 : i.startDate) || /* @__PURE__ */ new Date() : a.value = e.value || /* @__PURE__ */ new Date();
+      },
+      { immediate: !0 }
+    );
+    const u = p(() => ({
+      "b-calendar__range": e.isRange
+    })), {
+      internalValue: o,
+      onDateInput: l,
+      onMouseOver: r
+    } = e.isRange ? pt(
+      {
+        selectedDate: V(e, "value"),
+        isDateDisabled: e.isDateDisabled,
+        maxRange: V(e, "maxRange"),
+        granularity: V(e, "granularity"),
+        firstDayOfWeek: e.firstDayOfWeek,
+        min: e.min,
+        max: e.max
+      },
+      t
+    ) : St(
+      {
+        selectedDate: V(e, "value"),
+        firstDayOfWeek: e.firstDayOfWeek
+      },
+      t
+    ), y = (i) => e.numberOfMonths === 1 ? P.UNIQUE : i === 0 ? P.FIRST : i === e.numberOfMonths - 1 ? P.LAST : P.MIDDLE, d = p(
+      () => (i) => j(a.value, i)
+    );
+    return {
+      // Refs
+      calendarRef: n,
+      // Values
+      baseDate: a,
+      conditionalClasses: u,
+      internalValue: o,
+      // Methods
+      calculateOffsetMonth: d,
+      calendarPosition: y,
+      // Events
+      onDateInput: l,
+      onMouseOver: r,
+      calculateNextMonths: (i = 1) => {
+        a.value = j(a.value, i);
+      },
+      calculatePreviousMonths: (i = 1) => {
+        a.value = te(a.value, i);
+      }
+    };
+  }
+});
+function Pt(e, t, n, a, u, o) {
+  const l = F("calendar-month");
+  return I(), U("div", {
+    class: Re(["b-calendar", e.conditionalClasses])
+  }, [
+    (I(!0), U(ue, null, le(e.numberOfMonths, (r, y) => (I(), se(l, {
+      ref_for: !0,
+      ref: e.numberOfMonths === 1 ? "calendarRef" : null,
+      key: `calendar-${y}`,
+      "first-day-of-week": e.firstDayOfWeek,
+      "is-date-disabled": e.isDateDisabled,
+      month: e.calculateOffsetMonth(y),
+      position: e.calendarPosition(y),
+      min: e.min,
+      max: e.max,
+      "is-range": e.isRange,
+      "start-date": e.internalValue.startDate,
+      "end-date": e.internalValue.endDate,
+      granularity: e.granularity,
+      onInput: e.onDateInput,
+      onMouseover: e.onMouseOver,
+      onNextMonth: e.calculateNextMonths,
+      onPreviousMonth: e.calculatePreviousMonths
+    }, null, 8, ["first-day-of-week", "is-date-disabled", "month", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "onInput", "onMouseover", "onNextMonth", "onPreviousMonth"]))), 128))
+  ], 2);
+}
+const Vt = /* @__PURE__ */ be(Rt, [["render", Pt], ["__scopeId", "data-v-616dd5ee"]]);
+export {
+  Vt as C,
+  S as a,
+  ee as b,
+  ie as c,
+  at as d,
+  he as e,
+  de as f,
+  j as g,
+  re as i,
+  B as s,
+  It as u
+};
+//# sourceMappingURL=calendar.d4ab387d.js.map