@adyen/bento-vue3 1.44.0 → 1.45.0

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

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