@adyen/bento-vue3 1.18.0 → 1.19.0

package/dist/chunks/calendar.1e8edacc.js

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