vue-cal 5.0.1-rc.14 → 5.0.1-rc.15

package/dist/vue-cal.es.js

@@ -1,6 +1,6 @@
-import { computed as T, reactive as Te, watch as de, toRefs as wt, ref as oe, onBeforeUnmount as Xe, inject as Ne, createElementBlock as j, openBlock as E, renderSlot as H, createCommentVNode as q, unref as O, Fragment as te, renderList as pe, normalizeClass as we, createElementVNode as me, createVNode as Ve, Transition as Ge, withCtx as Z, createBlock as Ee, resolveDynamicComponent as Qe, mergeProps as he, toHandlers as Ie, normalizeProps as ne, guardReactiveProps as se, toDisplayString as le, onMounted as qe, withModifiers as xe, nextTick as Ue, normalizeStyle as be, createTextVNode as et, TransitionGroup as tt, createSlots as Oe, useTemplateRef as _t, useId as kt, useAttrs as bt, provide as Tt } from "vue";
+import { computed as M, reactive as Te, watch as de, toRefs as wt, ref as oe, onBeforeUnmount as Xe, inject as Ne, createElementBlock as O, openBlock as E, renderSlot as z, createCommentVNode as q, unref as V, Fragment as te, renderList as we, normalizeClass as _e, createElementVNode as me, createVNode as Ve, Transition as Ge, withCtx as Z, createBlock as Ee, resolveDynamicComponent as Qe, mergeProps as he, toHandlers as Ie, normalizeProps as ne, guardReactiveProps as se, toDisplayString as le, normalizeStyle as pe, onMounted as qe, withModifiers as xe, nextTick as Ue, createTextVNode as et, TransitionGroup as tt, createSlots as Oe, useTemplateRef as _t, useId as kt, useAttrs as bt, provide as Tt } from "vue";
 /**
-  * vue-cal v5.0.1-rc.14
+  * vue-cal v5.0.1-rc.15
   * (c) 2024-2025 Antoni Andre <antoniandre.web@gmail.com>
   * @license MIT
   */
@@ -33,30 +33,30 @@ const ve = {
     years: { cols: 5, rows: 5 }
     // Arbitrary range of quarters of century (25y).
   }
-}, Mt = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], Re = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], $t = Re.reduce((D, n, o) => (D[n] = o || 7, D), {}), Yt = (D, n, o) => {
-  const { dateUtils: h } = D, p = !1, k = T(() => {
-    if (W.value[n.view]) return n.view;
+}, Mt = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], Re = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], $t = Re.reduce((D, n, r) => (D[n] = r || 7, D), {}), Yt = (D, n, r) => {
+  const { dateUtils: h } = D, p = !1, k = M(() => {
+    if (N.value[n.view]) return n.view;
     const s = n.datePicker ? "month" : "week", l = n.view || s;
-    return W.value[l] ? l : (console.warn(
-      `Vue Cal: the provided or default view \`${l}\` is either invalid or not in the list of available views. The first available view will be chosen: \`${Object.keys(W.value)[0]}\`.`
-    ), Object.keys(W.value)[0]);
-  }), L = T(() => n.sm && !n.xs), m = T(() => n.xs || n.datePicker), C = T(() => n.clickToNavigate || n.datePicker && n.clickToNavigate !== !1), u = T(() => {
+    return N.value[l] ? l : (console.warn(
+      `Vue Cal: the provided or default view \`${l}\` is either invalid or not in the list of available views. The first available view will be chosen: \`${Object.keys(N.value)[0]}\`.`
+    ), Object.keys(N.value)[0]);
+  }), L = M(() => n.sm && !n.xs), d = M(() => n.xs || n.datePicker), j = M(() => n.clickToNavigate || n.datePicker && n.clickToNavigate !== !1), u = M(() => {
     const s = {
       cell: {},
       // All possible event listeners to attach to cells.
       event: {}
       // All possible event listeners to attach to calendar events.
     }, l = (_) => _.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-    for (const [_, t] of Object.entries(o)) {
-      const [V, F, J] = _.match(/^on(Cell|Event)(.+)$/) || [];
-      V && (s[F.toLowerCase()][l(J).replace(/^-+|-+$/g, "")] = t);
+    for (const [_, t] of Object.entries(r)) {
+      const [C, F, J] = _.match(/^on(Cell|Event)(.+)$/) || [];
+      C && (s[F.toLowerCase()][l(J).replace(/^-+|-+$/g, "")] = t);
     }
     return s;
-  }), f = T(() => {
+  }), m = M(() => {
     var l;
     const s = {};
     return n.hideWeekends && (s[6] = !0) && (s[7] = !0), (l = n.hideWeekdays) != null && l.length && n.hideWeekdays.forEach((_) => s[$t[_]] = !0), s;
-  }), M = T(() => n.hideWeekends || f.value[6] && f.value[7]), W = T(() => {
+  }), b = M(() => n.hideWeekends || m.value[6] && m.value[7]), N = M(() => {
     const s = n.datePicker;
     let l = 0, _ = {};
     const t = n.views;
@@ -64,15 +64,15 @@ const ve = {
       month: { ...ve.availableViews.month },
       year: { ...ve.availableViews.year },
       years: { ...ve.availableViews.years }
-    } : (t ? (Array.isArray(t) ? _ = t.reduce((V, F) => (typeof F == "string" && ve.availableViews[F] ? V[F] = ve.availableViews[F] : l++, V), {}) : typeof t == "object" && (_ = Object.entries(t).reduce((V, [F, J]) => {
+    } : (t ? (Array.isArray(t) ? _ = t.reduce((C, F) => (typeof F == "string" && ve.availableViews[F] ? C[F] = ve.availableViews[F] : l++, C), {}) : typeof t == "object" && (_ = Object.entries(t).reduce((C, [F, J]) => {
       const { cols: K, rows: ie } = ve.availableViews[F];
-      return V[F] = { cols: J.cols || K, rows: J.rows || ie }, V;
+      return C[F] = { cols: J.cols || K, rows: J.rows || ie }, C;
     }, {})), l && console.warn("Vue Cal: the provided `views` prop contains invalid views that will be ignored."), Object.keys(_).length || (console.warn("Vue Cal: No valid view in the provided `views` prop. Falling back to default views."), _ = { ...ve.availableViews })) : _ = { ...ve.availableViews }, _);
-  }), X = T(() => n.datePicker ? "month" : W.value.week ? "week" : Object.keys(W.value)[0]), i = T(() => {
+  }), R = M(() => n.datePicker ? "month" : N.value.week ? "week" : Object.keys(N.value)[0]), i = M(() => {
     if (typeof n.selectedDate == "string") return h.stringToDate(n.selectedDate);
     if (n.selectedDate instanceof Date) return n.selectedDate;
     n.selectedDate ? console.warn("Vue Cal: The provided selected date is invalid:", n.selectedDate) : console.log("Vue Cal: Info - The provided selected date is undefined.");
-  }), c = T(() => {
+  }), c = M(() => {
     if (!n.disableDays) return [];
     const s = [];
     if (Array.isArray(n.disableDays))
@@ -82,17 +82,17 @@ const ve = {
       }
     else console.warn("Vue Cal: The provided `disableDays` prop is invalid:", n.disableDays);
     return s;
-  }), e = T(() => {
+  }), e = M(() => {
     let s = null;
     return n.minDate && typeof n.minDate == "string" ? s = h.stringToDate(n.minDate) : n.minDate && n.minDate instanceof Date && (s = n.minDate), (s == null ? void 0 : s.getTime()) || null;
-  }), v = T(() => {
+  }), f = M(() => {
     let s = null;
     return n.maxDate && typeof n.maxDate == "string" ? s = h.stringToDate(n.maxDate) : n.maxDate && n.maxDate instanceof Date && (s = n.maxDate), (s == null ? void 0 : s.getTime()) || null;
-  }), g = T(() => {
+  }), g = M(() => {
     var _;
     const { view: s } = D;
-    return n.schedules.length && (s.isDay || s.isDays || s.isWeek) && ((_ = n.schedules) == null ? void 0 : _.map((t, V) => ({ ...t, id: t.id ?? V + 1 }))) || void 0;
-  }), $ = T(() => {
+    return n.schedules.length && (s.isDay || s.isDays || s.isWeek) && ((_ = n.schedules) == null ? void 0 : _.map((t, C) => ({ ...t, id: t.id ?? C + 1 }))) || void 0;
+  }), $ = M(() => {
     const s = {
       drag: !0,
       resize: !0,
@@ -117,106 +117,106 @@ const ve = {
     events: A,
     // All the events listeners for cells and events that the end user may have attached to vue-cal.
     eventListeners: u,
-    defaultView: X,
-    availableViews: W,
+    defaultView: R,
+    availableViews: N,
     disableDays: c,
     ready: p,
     sm: L,
-    xs: m,
-    clickToNavigate: C,
-    hideWeekdays: f,
-    hideWeekends: M,
+    xs: d,
+    clickToNavigate: j,
+    hideWeekdays: m,
+    hideWeekends: b,
     minTimestamp: e,
-    maxTimestamp: v,
+    maxTimestamp: f,
     schedules: g,
     selectedDate: i,
     editableEvents: $,
     view: k,
     // Getters.
     get hasHiddenDays() {
-      return Object.keys(f.value).length;
+      return Object.keys(m.value).length;
     },
     get size() {
-      return m.value ? "xs" : L.value ? "sm" : "lg";
+      return d.value ? "xs" : L.value ? "sm" : "lg";
     },
     loadTexts: P
   };
 }, Ce = (D, n) => {
-  const o = n.timeTo - n.timeFrom;
-  return (D - n.timeFrom) * 100 / o;
+  const r = n.timeTo - n.timeFrom;
+  return (D - n.timeFrom) * 100 / r;
 }, je = (D, n) => {
-  const o = n.timeTo - n.timeFrom;
-  return ~~(D * o / 100 + n.timeFrom);
+  const r = n.timeTo - n.timeFrom;
+  return ~~(D * r / 100 + n.timeFrom);
 }, Ze = (D, n) => {
-  const o = n.clientHeight;
-  return D * 100 / o;
+  const r = n.clientHeight;
+  return D * 100 / r;
 }, Be = Te({ id: null, date: null });
 let at = !1, Je = !0;
-const De = Te({ el: null, cell: null, timeout: null }), ke = Te({
+const De = Te({ el: null, cell: null, timeout: null }), be = Te({
   eventId: null,
   fromVueCal: null,
   toVueCal: null
 });
 function Et(D) {
-  const { config: n, view: o, eventsManager: h, emit: p, uid: k, dateUtils: L } = D, m = (e) => {
+  const { config: n, view: r, eventsManager: h, emit: p, uid: k, dateUtils: L } = D, d = (e) => {
     var l;
-    const { timeStep: v, timeCellHeight: g, timeFrom: $ } = n, P = (((l = e.touches) == null ? void 0 : l[0]) || e).clientY, { top: A } = e.currentTarget.getBoundingClientRect(), s = P - A - ~~e.dataTransfer.getData("cursor-grab-at");
+    const { timeStep: f, timeCellHeight: g, timeFrom: $ } = n, P = (((l = e.touches) == null ? void 0 : l[0]) || e).clientY, { top: A } = e.currentTarget.getBoundingClientRect(), s = P - A - ~~e.dataTransfer.getData("cursor-grab-at");
     return je(Ze(s, e.currentTarget), n);
-  }, C = (e, v, g) => {
-    const $ = v.duration || u(v.start, v.end) || n.timeStep;
-    let P = Math.max(m(e), 0);
+  }, j = (e, f, g) => {
+    const $ = f.duration || u(f.start, f.end) || n.timeStep;
+    let P = Math.max(d(e), 0);
     if (n.snapToInterval) {
       const _ = P + n.snapToInterval / 2;
       P = _ - _ % n.snapToInterval;
     }
     const A = new Date(new Date(g).setMinutes(P)), s = Math.min(P + $, 24 * 60), l = new Date(new Date(g).setMinutes(s));
     return { start: A, end: l };
-  }, u = (e, v) => Math.round((v - e) / 6e4);
+  }, u = (e, f) => Math.round((f - e) / 6e4);
   return {
-    eventDragStart: (e, v) => {
+    eventDragStart: (e, f) => {
       if (e.target.nodeType === 3 || D.touch.isResizingEvent) return e.preventDefault();
       e.dataTransfer.effectAllowed = "move", e.dataTransfer.dropEffect = "move";
-      const g = { ...v, _: { id: v._.id, duration: u(v.start, v.end) } };
+      const g = { ...f, _: { id: f._.id, duration: u(f.start, f.end) } };
       try {
         e.dataTransfer.setData("text/plain", ""), e.dataTransfer.setData("event", JSON.stringify(g)), e.dataTransfer.setData("cursor-grab-at", e.offsetY);
       } catch (P) {
         return console.warn("Vue Cal: Failed to set drag data:", P), e.preventDefault();
       }
-      ke.eventId = v._.id, ke.fromVueCal = k;
+      be.eventId = f._.id, be.fromVueCal = k;
       const $ = e.target.closest(".vuecal__event");
       $.classList.add("vuecal__event--dragging-ghost"), setTimeout(() => {
         $.classList.add("vuecal__event--dragging-original"), $.classList.remove("vuecal__event--dragging-ghost");
-      }, 0), at = !1, Object.assign(Be, { id: o.id, date: o.firstCellDate }), Je = !0, D.touch.isDraggingEvent = !0;
+      }, 0), at = !1, Object.assign(Be, { id: r.id, date: r.firstCellDate }), Je = !0, D.touch.isDraggingEvent = !0;
     },
-    eventDragEnd: (e, v) => {
-      ke.eventId = null, e.target.closest(".vuecal__event").classList.remove("vuecal__event--dragging-original");
-      const { fromVueCal: g, toVueCal: $ } = ke;
-      $ && g !== $ && h.deleteEvent(v._.id, 3), ke.fromVueCal = null, ke.toVueCal = null, at && Je && Be.id && o.switchView(Be.id, Be.date, !0), D.touch.isDraggingEvent = !1;
+    eventDragEnd: (e, f) => {
+      be.eventId = null, e.target.closest(".vuecal__event").classList.remove("vuecal__event--dragging-original");
+      const { fromVueCal: g, toVueCal: $ } = be;
+      $ && g !== $ && h.deleteEvent(f._.id, 3), be.fromVueCal = null, be.toVueCal = null, at && Je && Be.id && r.switchView(Be.id, Be.date, !0), D.touch.isDraggingEvent = !1;
     },
-    cellDragEnter: (e, v) => {
-      const { start: g } = v, $ = e.currentTarget;
+    cellDragEnter: (e, f) => {
+      const { start: g } = f, $ = e.currentTarget;
       if (!e.currentTarget.contains(e.relatedTarget)) {
         if ($ === De.el || !$.className.includes("vuecal__cell-content")) return !1;
-        De.el && (De.cell.highlighted = !1), Object.assign(De, { el: $, cell: v, timeout: clearTimeout(De.timeout) }), v.highlighted = !0, ["years", "year", "month"].includes(o.id) && (De.timeout = setTimeout(() => D.switchToNarrowerView(g), 2e3));
+        De.el && (De.cell.highlighted = !1), Object.assign(De, { el: $, cell: f, timeout: clearTimeout(De.timeout) }), f.highlighted = !0, ["years", "year", "month"].includes(r.id) && (De.timeout = setTimeout(() => D.switchToNarrowerView(g), 2e3));
       }
     },
-    cellDragOver: (e, v) => {
-      const { start: g, schedule: $ } = v;
-      e.preventDefault(), v.highlighted = !0, ($ || $ === 0) && (v.highlightedSchedule = $);
+    cellDragOver: (e, f) => {
+      const { start: g, schedule: $ } = f;
+      e.preventDefault(), f.highlighted = !0, ($ || $ === 0) && (f.highlightedSchedule = $);
     },
-    cellDragLeave: (e, v) => {
-      e.preventDefault(), !e.currentTarget.contains(e.relatedTarget) && (v.highlightedSchedule = !1, De.cell === v && (clearTimeout(De.timeout), Object.assign(De, { el: null, cell: null, timeout: null }), v.highlighted = !1));
+    cellDragLeave: (e, f) => {
+      e.preventDefault(), !e.currentTarget.contains(e.relatedTarget) && (f.highlightedSchedule = !1, De.cell === f && (clearTimeout(De.timeout), Object.assign(De, { el: null, cell: null, timeout: null }), f.highlighted = !1));
     },
-    cellDragDrop: async (e, v) => {
-      var V, F, J;
+    cellDragDrop: async (e, f) => {
+      var C, F, J;
       e.preventDefault(), clearTimeout(De.timeout), Object.assign(De, { el: null, cell: null, timeout: null });
       const g = JSON.parse(e.dataTransfer.getData("event") || "{}");
       g.start && (g.start = new Date(g.start)), g.end && (g.end = new Date(g.end));
       let $;
-      const { start: P, end: A } = C(e, g, v.start), { schedule: s } = ((V = e.target.closest("[data-schedule]")) == null ? void 0 : V.dataset) || {};
+      const { start: P, end: A } = j(e, g, f.start), { schedule: s } = ((C = e.target.closest("[data-schedule]")) == null ? void 0 : C.dataset) || {};
       let l = () => {
       };
-      ke.fromVueCal === k ? ($ = h.getEvent(g._.id), $ && ($._.dragging = !1, l = () => {
+      be.fromVueCal === k ? ($ = h.getEvent(g._.id), $ && ($._.dragging = !1, l = () => {
         $.start = P, $.end = A, s !== void 0 && ($.schedule = ~~s);
       })) : ($ = {
         ...g,
@@ -238,25 +238,25 @@ function Et(D) {
         e,
         event: { ...$, start: P, end: A, schedule: ~~s },
         overlaps: $.getOverlappingEvents({ start: P, end: A, schedule: ~~s }),
-        cell: v,
-        external: ke.fromVueCal !== k
-      })), _ !== !1 && l(), v.highlighted = !1, v.highlightedSchedule = null, Je = !1, ke.toVueCal = k, p("event-dropped", {
+        cell: f,
+        external: be.fromVueCal !== k
+      })), _ !== !1 && l(), f.highlighted = !1, f.highlightedSchedule = null, Je = !1, be.toVueCal = k, p("event-dropped", {
         e,
-        cell: v,
+        cell: f,
         event: $,
         originalEvent: g,
-        external: ke.fromVueCal !== k
+        external: be.fromVueCal !== k
       });
     }
   };
 }
 const st = (D, n) => {
-  let o, h, p, k = {}, L = {};
-  const m = oe(D), C = () => {
-    m.value.today || (m.value = n), Date.prototype.addDays = function(a) {
-      return W(this, a || 0);
+  let r, h, p, k = {}, L = {};
+  const d = oe(D), j = () => {
+    d.value.today || (d.value = n), Date.prototype.addDays = function(a) {
+      return N(this, a || 0);
     }, Date.prototype.subtractDays = function(a) {
-      return X(this, a || 0);
+      return R(this, a || 0);
     }, Date.prototype.addHours = function(a) {
       return i(this, a || 0);
     }, Date.prototype.subtractHours = function(a) {
@@ -264,7 +264,7 @@ const st = (D, n) => {
     }, Date.prototype.addMinutes = function(a) {
       return e(this, a || 0);
     }, Date.prototype.subtractMinutes = function(a) {
-      return v(this, a || 0);
+      return f(this, a || 0);
     }, Date.prototype.getWeek = function() {
       return $(this);
     }, Date.prototype.isToday = function() {
@@ -278,12 +278,12 @@ const st = (D, n) => {
     };
   }, u = () => {
     delete Date.prototype.addDays, delete Date.prototype.subtractDays, delete Date.prototype.addHours, delete Date.prototype.subtractHours, delete Date.prototype.addMinutes, delete Date.prototype.subtractMinutes, delete Date.prototype.getWeek, delete Date.prototype.isToday, delete Date.prototype.isLeapYear, delete Date.prototype.format, delete Date.prototype.formatTime;
-  }, f = (a) => {
-    m.value = a, Date.prototype.subtractDays && C();
-  }, M = () => (h !== (/* @__PURE__ */ new Date()).getDate() && (o = /* @__PURE__ */ new Date(), h = o.getDate(), p = `${o.getFullYear()}-${o.getMonth()}-${o.getDate()}`), p), W = (a, w) => {
+  }, m = (a) => {
+    d.value = a, Date.prototype.subtractDays && j();
+  }, b = () => (h !== (/* @__PURE__ */ new Date()).getDate() && (r = /* @__PURE__ */ new Date(), h = r.getDate(), p = `${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`), p), N = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setDate(y.getDate() + w), y;
-  }, X = (a, w) => {
+  }, R = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setDate(y.getDate() - w), y;
   }, i = (a, w) => {
@@ -295,7 +295,7 @@ const st = (D, n) => {
   }, e = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setMinutes(y.getMinutes() + w), y;
-  }, v = (a, w) => {
+  }, f = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setMinutes(y.getMinutes() - w), y;
   }, g = (a, w) => {
@@ -313,7 +313,7 @@ const st = (D, n) => {
     y.setUTCDate(y.getUTCDate() + 4 - I);
     const x = new Date(Date.UTC(y.getUTCFullYear(), 0, 1));
     return Math.ceil(((y - x) / 864e5 + 1) / 7) + (w ? 1 : 0);
-  }, P = (a) => `${a.getFullYear()}-${a.getMonth()}-${a.getDate()}` === M(), A = (a, w) => {
+  }, P = (a) => `${a.getFullYear()}-${a.getMonth()}-${a.getDate()}` === b(), A = (a, w) => {
     if (!a || !w) return console.warn(`Vue Cal: missing date${a ? "2" : "1"} parameter for comparison with \`isSameDate(date1, date2)\`.`);
     if (K(a)) {
       if (!K(w)) return console.warn(`Vue Cal: invalid date2 provided for comparison with \`isSameDate(date1, date2)\`: \`${w}\`.`);
@@ -325,12 +325,12 @@ const st = (D, n) => {
   }, _ = (a = null, w) => {
     const y = a && new Date(a.valueOf()) || /* @__PURE__ */ new Date(), I = w ? 7 : 6;
     return y.setDate(y.getDate() - (y.getDay() + I) % 7), y;
-  }, t = (a) => a instanceof Date ? a : (a.length === 10 && (a += " 00:00"), new Date(a.replace(/-/g, "/"))), V = (a) => a.getHours() * 60 + a.getMinutes(), F = (a, w) => {
+  }, t = (a) => a instanceof Date ? a : (a.length === 10 && (a += " 00:00"), new Date(a.replace(/-/g, "/"))), C = (a) => a.getHours() * 60 + a.getMinutes(), F = (a, w) => {
     typeof a == "string" && (a = a.replace(/-/g, "/")), typeof w == "string" && (w = w.replace(/-/g, "/")), a = new Date(a).setHours(0, 0, 0, 0), w = new Date(w).setHours(0, 0, 1, 0);
     const y = (new Date(w).getTimezoneOffset() - new Date(a).getTimezoneOffset()) * 60 * 1e3;
     return Math.ceil((w - a - y) / (24 * 3600 * 1e3));
   }, J = (a, w, y) => Math.abs(a.getTime() - w.getTime()) <= y * 60 * 1e3, K = (a) => a && a instanceof Date && !isNaN(a), ie = (a, w = "YYYY-MM-DD", y = null) => {
-    if (y || (y = m.value), w || (w = "YYYY-MM-DD"), w === "YYYY-MM-DD") return ae(a);
+    if (y || (y = d.value), w || (w = "YYYY-MM-DD"), w === "YYYY-MM-DD") return ae(a);
     k = {}, L = {};
     const I = {
       YYYY: () => Q(a, y).YYYY,
@@ -358,8 +358,8 @@ const st = (D, n) => {
       s: () => ue(a, y).s
     };
     return w.replace(/(\{[a-zA-Z]+\}|[a-zA-Z]+)/g, (x, ge) => {
-      const r = I[ge.replace(/\{|\}/g, "")];
-      return r !== void 0 ? r() : ge;
+      const o = I[ge.replace(/\{|\}/g, "")];
+      return o !== void 0 ? o() : ge;
     });
   }, ae = (a) => {
     const w = a.getMonth() + 1, y = a.getDate();
@@ -367,16 +367,16 @@ const st = (D, n) => {
   }, re = (a, w = "HH:mm", y = null, I = !1) => {
     let x = !1;
     if (I) {
-      const [b, S, Y] = [a.getHours(), a.getMinutes(), a.getSeconds()];
-      b + S + Y === 141 && (x = !0);
+      const [T, S, Y] = [a.getHours(), a.getMinutes(), a.getSeconds()];
+      T + S + Y === 141 && (x = !0);
     }
     if (a instanceof Date && w === "HH:mm") return x ? "24:00" : fe(a);
-    L = {}, y || (y = m.value);
-    const ge = ue(a, y), r = w.replace(/(\{[a-zA-Z]+\}|[a-zA-Z]+)/g, (b, S) => {
+    L = {}, y || (y = d.value);
+    const ge = ue(a, y), o = w.replace(/(\{[a-zA-Z]+\}|[a-zA-Z]+)/g, (T, S) => {
       const Y = ge[S.replace(/\{|\}/g, "")];
       return Y !== void 0 ? Y : S;
     });
-    return x ? r.replace("23:59", "24:00") : r;
+    return x ? o.replace("23:59", "24:00") : o;
   }, fe = (a) => {
     const w = a.getHours(), y = a.getMinutes();
     return `${(w < 10 ? "0" : "") + w}:${(y < 10 ? "0" : "") + y}`;
@@ -397,7 +397,7 @@ const st = (D, n) => {
     }
   }, Q = (a, w) => {
     if (k.D) return k;
-    const y = a.getFullYear(), I = a.getMonth() + 1, x = a.getDate(), r = (a.getDay() - 1 + 7) % 7;
+    const y = a.getFullYear(), I = a.getMonth() + 1, x = a.getDate(), o = (a.getDay() - 1 + 7) % 7;
     return k = {
       // Year.
       YYYY: y,
@@ -423,43 +423,43 @@ const st = (D, n) => {
       S: () => Pe(x),
       // st, nd, rd, th.
       // Day of the week.
-      d: r + 1,
+      d: o + 1,
       // 1 to 7 with 7 = Sunday.
       // Some locales have same start for all the days, so they have specific abbrev in weekDaysShort.
-      dd: () => w.weekDaysShort.length ? w.weekDaysShort[r] : w.weekDays[r][0],
+      dd: () => w.weekDaysShort.length ? w.weekDaysShort[o] : w.weekDays[o][0],
       // M to S.
-      ddd: () => w.weekDaysShort.length ? w.weekDaysShort[r] : w.weekDays[r].substr(0, 3),
+      ddd: () => w.weekDaysShort.length ? w.weekDaysShort[o] : w.weekDays[o].substr(0, 3),
       // Mon to Sun.
-      dddd: () => w.weekDays[r]
+      dddd: () => w.weekDays[o]
       // Monday to Sunday.
     }, k;
   }, ue = (a, w) => {
     if (L.am) return L;
     let y, I, x;
     a instanceof Date ? (y = a.getHours(), I = a.getMinutes(), x = a.getSeconds()) : (y = Math.floor(a / 60), I = Math.floor(a % 60));
-    const ge = y % 12 ? y % 12 : 12, r = (w || { am: "am", pm: "pm" })[y === 24 || y < 12 ? "am" : "pm"];
+    const ge = y % 12 ? y % 12 : 12, o = (w || { am: "am", pm: "pm" })[y === 24 || y < 12 ? "am" : "pm"];
     return L = {
       H: y,
       h: ge,
       HH: y.toString().padStart(2, 0),
       hh: ge.toString().padStart(2, 0),
-      am: r,
-      AM: r.toUpperCase(),
+      am: o,
+      AM: o.toUpperCase(),
       m: I,
       mm: I.toString().padStart(2, 0),
       s: x
     }, L;
   };
   return {
-    addDatePrototypes: C,
+    addDatePrototypes: j,
     removeDatePrototypes: u,
-    updateTexts: f,
-    addDays: W,
-    subtractDays: X,
+    updateTexts: m,
+    addDays: N,
+    subtractDays: R,
     addHours: i,
     subtractHours: c,
     addMinutes: e,
-    subtractMinutes: v,
+    subtractMinutes: f,
     snapToInterval: g,
     getWeek: $,
     isToday: P,
@@ -468,7 +468,7 @@ const st = (D, n) => {
     isLeapYear: l,
     getPreviousFirstDayOfWeek: _,
     stringToDate: t,
-    dateToMinutes: V,
+    dateToMinutes: C,
     countDays: F,
     datesInSameTimeStep: J,
     isValid: K,
@@ -479,9 +479,9 @@ const st = (D, n) => {
     formatMinutes: G
   };
 }, St = (D) => {
-  const { dateUtils: n, config: o } = D;
+  const { dateUtils: n, config: r } = D;
   let h = 0;
-  const p = T(() => {
+  const p = M(() => {
     const i = {
       byDate: {},
       // A map of single-day events indexed by date.
@@ -491,17 +491,17 @@ const st = (D, n) => {
       // An array of events IDs that are multiday.
       byId: {}
       // A map of all the events indexed by ID for fast lookup.
-    }, c = o.events.sort((e, v) => e.start - v.start < 0 ? -1 : 1);
+    }, c = r.events.sort((e, f) => e.start - f.start < 0 ? -1 : 1);
     for (const e of c)
-      k(e), e._ || (e._ = {}), e._.id = e._.id || ++h, e.delete || (e.delete = (v) => f(e._.id, v)), e._.deleting = !1, e._.deleted = !1, e.isOverlapping = (v = null) => e.getOverlappingEvents(v).length, e.getOverlappingEvents = (v = null) => {
+      k(e), e._ || (e._ = {}), e._.id = e._.id || ++h, e.delete || (e.delete = (f) => m(e._.id, f)), e._.deleting = !1, e._.deleted = !1, e.isOverlapping = (f = null) => e.getOverlappingEvents(f).length, e.getOverlappingEvents = (f = null) => {
         var g;
-        return W(
-          m(n.formatDate((v == null ? void 0 : v.start) || e.start), !0),
-          { start: (v == null ? void 0 : v.start) || e.start, end: (v == null ? void 0 : v.end) || e.end },
-          { excludeIds: [e._.id], schedule: (g = o.schedules) != null && g.length ? ~~((v == null ? void 0 : v.schedule) || e.schedule) : null }
+        return N(
+          d(n.formatDate((f == null ? void 0 : f.start) || e.start), !0),
+          { start: (f == null ? void 0 : f.start) || e.start, end: (f == null ? void 0 : f.end) || e.end },
+          { excludeIds: [e._.id], schedule: (g = r.schedules) != null && g.length ? ~~((f == null ? void 0 : f.schedule) || e.schedule) : null }
         );
-      }, e._.register = (v) => {
-        e._.$el = v, e._.fireCreated && (D.emit("event-created", e), delete e._.fireCreated);
+      }, e._.register = (f) => {
+        e._.$el = f, e._.fireCreated && (D.emit("event-created", e), delete e._.fireCreated);
       }, e._.unregister = () => {
         e._.$el = null, e._.register = null, e.isOverlapping = null, e.getOverlappingEvents = null, e.delete = null;
       }, i.byId[e._.id] = e, e.recurring ? i.recurring.push(e._.id) : e._.multiday ? (i.multiday.push(e._.id), i.byDate[e._.startFormatted] || (i.byDate[e._.startFormatted] = []), i.byDate[e._.startFormatted].push(e._.id)) : (i.byDate[e._.startFormatted] || (i.byDate[e._.startFormatted] = []), i.byDate[e._.startFormatted].push(e._.id));
@@ -512,17 +512,17 @@ const st = (D, n) => {
       return;
     } else i.end.getTime() < i.start.getTime() && console.error(`Vue Cal: invalid event dates for event "${i.title}". The event ends before it starts.`, i.start, i.end);
     i._ || (i._ = {}), i._.multiday = !n.isSameDate(i.start, new Date(i.end.getTime() - 1)), i._.startFormatted = n.formatDate(i.start), i._.startMinutes = ~~n.dateToMinutes(i.start), i._.endMinutes = ~~n.dateToMinutes(i.end);
-    const c = i.start.getHours(), e = i.start.getMinutes().toString().padStart(2, 0), v = i.end.getHours(), g = i.end.getMinutes().toString().padStart(2, 0);
-    i._.startTimeFormatted24 = `${c.toString().padStart(2, 0)}:${e}`, i._.startTimeFormatted12 = `${c % 12 || 12}${e ? `:${e}` : ""} ${c < 12 ? "AM" : "PM"}`, i._.endTimeFormatted24 = `${v.toString().padStart(2, 0)}:${g}`, i._.endTimeFormatted12 = `${v % 12 || 12}${g ? `:${g}` : ""} ${v < 12 ? "AM" : "PM"}`, i._.duration = Math.abs(~~((i.end - i.start) / 6e4));
-  }, L = (i) => p.value.byId[i], m = (i, c = !1, e = !1) => {
-    let v = p.value.byDate[i] || [];
-    return v = c || e ? v.map(L) : v, e || (v = v.filter((g) => !g.background && !g._.deleted), c || (v = v.map((g) => g._.id))), v;
-  }, C = (i) => {
+    const c = i.start.getHours(), e = i.start.getMinutes().toString().padStart(2, 0), f = i.end.getHours(), g = i.end.getMinutes().toString().padStart(2, 0);
+    i._.startTimeFormatted24 = `${c.toString().padStart(2, 0)}:${e}`, i._.startTimeFormatted12 = `${c % 12 || 12}${e ? `:${e}` : ""} ${c < 12 ? "AM" : "PM"}`, i._.endTimeFormatted24 = `${f.toString().padStart(2, 0)}:${g}`, i._.endTimeFormatted12 = `${f % 12 || 12}${g ? `:${g}` : ""} ${f < 12 ? "AM" : "PM"}`, i._.duration = Math.abs(~~((i.end - i.start) / 6e4));
+  }, L = (i) => p.value.byId[i], d = (i, c = !1, e = !1) => {
+    let f = p.value.byDate[i] || [];
+    return f = c || e ? f.map(L) : f, e || (f = f.filter((g) => !g.background && !g._.deleted), c || (f = f.map((g) => g._.id))), f;
+  }, j = (i) => {
     const c = {};
     for (const { startFormatted: e } of i) {
       c[e] = [];
-      const v = m(e, !1, !0);
-      v.length && c[e].push(...v);
+      const f = d(e, !1, !0);
+      f.length && c[e].push(...f);
     }
     return c;
   }, u = (i) => {
@@ -530,26 +530,26 @@ const st = (D, n) => {
       console.error("Vue Cal: Cannot create an event without valid start and end dates.");
       return;
     }
-    return o.snapToInterval && (n.snapToInterval(i.start, o.snapToInterval), n.snapToInterval(i.end, o.snapToInterval)), i = { ...i }, i._ || (i._ = {}), i._.id = ++h, i._.fireCreated = !0, o.events.push(i), i;
-  }, f = async (i, c = 0) => {
+    return r.snapToInterval && (n.snapToInterval(i.start, r.snapToInterval), n.snapToInterval(i.end, r.snapToInterval)), i = { ...i }, i._ || (i._ = {}), i._.id = ++h, i._.fireCreated = !0, r.events.push(i), i;
+  }, m = async (i, c = 0) => {
     var P, A;
     if (!i) return console.warn("Vue Cal: Cannot delete event without its ID or criteria.");
     let e = typeof i == "string" || !isNaN(i) ? i : null;
-    const v = typeof i == "object" ? Object.entries(i) : null;
-    if (v) {
-      const [s, l] = v[0];
-      e = (P = o.events.find((_) => _[s] === l)) == null ? void 0 : P._.id;
+    const f = typeof i == "object" ? Object.entries(i) : null;
+    if (f) {
+      const [s, l] = f[0];
+      e = (P = r.events.find((_) => _[s] === l)) == null ? void 0 : P._.id;
     }
-    if (!o.editableEvents.delete)
+    if (!r.editableEvents.delete)
       return console.info("Vue Cal: Event deletion is disabled. Enable it with the `editable-events` props.");
     if (!e) return console.warn("Vue Cal: Cannot delete event without its ID.");
-    const g = o.events.findIndex((s) => s._.id === e);
+    const g = r.events.findIndex((s) => s._.id === e);
     if (g === -1) return console.warn(`Vue Cal: Cannot delete unknown event \`${e}\`.`);
-    const $ = o.events[g];
+    const $ = r.events[g];
     if ($.deletable === !1) return console.warn(`Vue Cal: Can't delete event \`${e}\` since it was explicitely set to \`delete: false\`.`);
     switch (c) {
       case 0:
-        $._.deleting ? o.events.splice(g, 1) : $._.deleting = !0;
+        $._.deleting ? r.events.splice(g, 1) : $._.deleting = !0;
         break;
       // Display the delete button.
       case 1:
@@ -559,35 +559,35 @@ const st = (D, n) => {
       // When explicitly using this stage, the event will be visually deleted but still present in the
       // source of truth until the cell is unmounted (by navigating away).
       case 2:
-        $._.deleted = !0, o.events[g]._.deleted = !0, (A = $._.$el) == null || A.dispatchEvent(new CustomEvent("event-deleted", { detail: $._.id }));
+        $._.deleted = !0, r.events[g]._.deleted = !0, (A = $._.$el) == null || A.dispatchEvent(new CustomEvent("event-deleted", { detail: $._.id }));
         break;
       // Effective deletion from the source of truth (by default, when unmounting the cell).
       case 3:
-        o.events.splice(g, 1), D.emit("update:events", o.events), D.emit("event-delete", $);
+        r.events.splice(g, 1), D.emit("update:events", r.events), D.emit("event-delete", $);
         break;
     }
     return !0;
-  }, M = (i) => {
-    const c = m(i, !0);
+  }, b = (i) => {
+    const c = d(i, !0);
     if (!c.length) return { cellOverlaps: {}, longestStreak: 0 };
     const e = {};
-    let v = [], g = 0;
+    let f = [], g = 0;
     c.sort(($, P) => $.start - P.start || $.end - $.start - (P.end - P.start));
     for (const $ of c) {
       const P = $._.id;
-      e[P] || (e[P] = { overlaps: /* @__PURE__ */ new Set(), maxConcurrent: 1, position: 0 }), v = v.filter((t) => t.end > $.start);
-      let A = v.filter((t) => {
+      e[P] || (e[P] = { overlaps: /* @__PURE__ */ new Set(), maxConcurrent: 1, position: 0 }), f = f.filter((t) => t.end > $.start);
+      let A = f.filter((t) => {
         var F;
-        return (!((F = o.schedules) != null && F.length) || $.schedule === t.schedule) && t.start < $.end;
+        return (!((F = r.schedules) != null && F.length) || $.schedule === t.schedule) && t.start < $.end;
       }), s = new Set(A.map((t) => {
-        var V;
-        return ((V = e[t._.id]) == null ? void 0 : V.position) ?? 0;
+        var C;
+        return ((C = e[t._.id]) == null ? void 0 : C.position) ?? 0;
       })), l = 0;
       for (; s.has(l); ) l++;
-      e[P].position = l, v.push($);
+      e[P].position = l, f.push($);
       let _ = Math.max(1, ...A.map((t) => {
-        var V;
-        return ((V = e[t._.id]) == null ? void 0 : V.maxConcurrent) ?? 1;
+        var C;
+        return ((C = e[t._.id]) == null ? void 0 : C.maxConcurrent) ?? 1;
       }));
       e[P].maxConcurrent = Math.max(A.length + 1, _);
       for (const t of A)
@@ -596,122 +596,122 @@ const st = (D, n) => {
     }
     for (const $ in e) e[$].overlaps = [...e[$].overlaps];
     return { cellOverlaps: e, longestStreak: g };
-  }, W = (i = [], { start: c, end: e }, { excludeIds: v = [], schedule: g = null }) => {
+  }, N = (i = [], { start: c, end: e }, { excludeIds: f = [], schedule: g = null }) => {
     var A;
-    const $ = new Set(v), P = [];
+    const $ = new Set(f), P = [];
     for (const s of i)
-      !$.has((A = s._) == null ? void 0 : A.id) && (g === null || g === s.schedule) && X(s, c, e) && P.push(s);
+      !$.has((A = s._) == null ? void 0 : A.id) && (g === null || g === s.schedule) && R(s, c, e) && P.push(s);
     return P;
-  }, X = (i, c, e) => {
-    const v = i.allDay || !o.time, g = v ? new Date(i.start).setHours(0, 0, 0, 0) : i.start.getTime(), $ = v ? new Date(i.end).setHours(23, 59, 59, 999) : i.end.getTime(), P = v ? new Date(c).setHours(0, 0, 0, 0) : c.getTime(), A = v ? new Date(e).setHours(23, 59, 59, 999) : e.getTime();
+  }, R = (i, c, e) => {
+    const f = i.allDay || !r.time, g = f ? new Date(i.start).setHours(0, 0, 0, 0) : i.start.getTime(), $ = f ? new Date(i.end).setHours(23, 59, 59, 999) : i.end.getTime(), P = f ? new Date(c).setHours(0, 0, 0, 0) : c.getTime(), A = f ? new Date(e).setHours(23, 59, 59, 999) : e.getTime();
     return $ > P && g < A;
   };
   return {
     events: p,
     getEvent: L,
-    getEventsByDate: m,
-    getViewEvents: C,
-    getCellOverlappingEvents: M,
-    getEventsInRange: W,
+    getEventsByDate: d,
+    getViewEvents: j,
+    getCellOverlappingEvents: b,
+    getEventsInRange: N,
     createEvent: u,
-    deleteEvent: f,
-    isEventInRange: X
+    deleteEvent: m,
+    isEventInRange: R
   };
-}, Ct = ({ config: D, dateUtils: n, emit: o, texts: h, eventsManager: p }, k) => {
-  const { availableViews: L } = D, m = oe(D.view && L[D.view] ? D.view : D.defaultView), C = oe(D.selectedDate || null), u = oe(/* @__PURE__ */ new Date()), f = oe(new Date(D.viewDate || u.value));
-  f.value.setHours(0, 0, 0, 0);
-  const M = oe(new Date(f));
-  let W = null;
-  const X = T(() => m.value === "month" ? M.value : l.value), i = T(() => m.value === "month" ? new Date(M.value.getFullYear(), M.value.getMonth() + 1, 0, 23, 59, 59, 999) : t.value), c = T(() => m.value === "week" ? n.getPreviousFirstDayOfWeek(l.value, D.startWeekOnSunday) : m.value === "month" ? l.value : X.value), e = T(() => {
-    if (m.value === "week") {
-      const d = n.addDays(c.value, 7);
-      return d.setMilliseconds(-1), d;
+}, Ct = ({ config: D, dateUtils: n, emit: r, texts: h, eventsManager: p }, k) => {
+  const { availableViews: L } = D, d = oe(D.view && L[D.view] ? D.view : D.defaultView), j = oe(D.selectedDate || null), u = oe(/* @__PURE__ */ new Date()), m = oe(new Date(D.viewDate || u.value));
+  m.value.setHours(0, 0, 0, 0);
+  const b = oe(new Date(m));
+  let N = null;
+  const R = M(() => d.value === "month" ? b.value : l.value), i = M(() => d.value === "month" ? new Date(b.value.getFullYear(), b.value.getMonth() + 1, 0, 23, 59, 59, 999) : t.value), c = M(() => d.value === "week" ? n.getPreviousFirstDayOfWeek(l.value, D.startWeekOnSunday) : d.value === "month" ? l.value : R.value), e = M(() => {
+    if (d.value === "week") {
+      const v = n.addDays(c.value, 7);
+      return v.setMilliseconds(-1), v;
     }
-    return m.value === "month" ? t.value : i.value;
-  }), v = T(() => {
-    const d = u.value.getTime();
-    if (m.value === "week")
-      return c.value.getTime() <= d && d <= e.value.getTime();
-    const z = l.value.getTime(), U = t.value.getTime();
-    return z <= d && d <= U;
+    return d.value === "month" ? t.value : i.value;
+  }), f = M(() => {
+    const v = u.value.getTime();
+    if (d.value === "week")
+      return c.value.getTime() <= v && v <= e.value.getTime();
+    const H = l.value.getTime(), U = t.value.getTime();
+    return H <= v && v <= U;
   });
   function g() {
-    u.value = /* @__PURE__ */ new Date(), W = setTimeout(g, 60 * 1e3);
+    u.value = /* @__PURE__ */ new Date(), N = setTimeout(g, 60 * 1e3);
   }
   function $() {
-    W = setTimeout(g, (60 - (/* @__PURE__ */ new Date()).getSeconds()) * 1e3), g();
+    N = setTimeout(g, (60 - (/* @__PURE__ */ new Date()).getSeconds()) * 1e3), g();
   }
-  const P = T(() => {
-    if (!D.availableViews[m.value]) return 1;
-    let d = D.availableViews[m.value].cols;
-    return D.hasHiddenDays && ["week", "month"].includes(m.value) && (d -= D.hasHiddenDays), d;
-  }), A = T(() => {
-    var d;
-    return ((d = D.availableViews[m.value]) == null ? void 0 : d.rows) || 1;
-  }), s = T(() => P.value * A.value), l = T(() => {
-    if (m.value === "month") {
-      let d = M.value.getDay() || 7;
-      return D.startWeekOnSunday && !D.hideWeekdays[7] && (d += 1), D.viewDayOffset && (d -= D.viewDayOffset), n.subtractDays(M.value, d - 1);
+  const P = M(() => {
+    if (!D.availableViews[d.value]) return 1;
+    let v = D.availableViews[d.value].cols;
+    return D.hasHiddenDays && ["week", "month"].includes(d.value) && (v -= D.hasHiddenDays), v;
+  }), A = M(() => {
+    var v;
+    return ((v = D.availableViews[d.value]) == null ? void 0 : v.rows) || 1;
+  }), s = M(() => P.value * A.value), l = M(() => {
+    if (d.value === "month") {
+      let v = b.value.getDay() || 7;
+      return D.startWeekOnSunday && !D.hideWeekdays[7] && (v += 1), D.viewDayOffset && (v -= D.viewDayOffset), n.subtractDays(b.value, v - 1);
     }
-    if (m.value === "week") {
-      const d = "1234567".split("").filter((U) => !Object.keys(D.hideWeekdays).includes(U));
-      let z = Math.min(...d);
-      return D.startWeekOnSunday && !D.hideWeekdays[7] && (z = 1), D.viewDayOffset && (z += D.viewDayOffset), n.addDays(M.value, z - 1);
+    if (d.value === "week") {
+      const v = "1234567".split("").filter((U) => !Object.keys(D.hideWeekdays).includes(U));
+      let H = Math.min(...v);
+      return D.startWeekOnSunday && !D.hideWeekdays[7] && (H = 1), D.viewDayOffset && (H += D.viewDayOffset), n.addDays(b.value, H - 1);
     }
-    return M.value;
-  }), _ = T(() => {
-    const d = [], z = ["days", "week", "month"].includes(m.value);
+    return b.value;
+  }), _ = M(() => {
+    const v = [], H = ["days", "week", "month"].includes(d.value);
     let U = 0;
-    for (let R = 0; R < s.value + U; R++)
-      switch (m.value) {
+    for (let X = 0; X < s.value + U; X++)
+      switch (d.value) {
         case "day":
         case "days":
         case "week":
         case "month": {
-          const ce = n.addDays(l.value, R), We = ce.getDay() || 7;
-          if (z && D.hasHiddenDays && D.hideWeekdays[We]) {
+          const ce = n.addDays(l.value, X), We = ce.getDay() || 7;
+          if (H && D.hasHiddenDays && D.hideWeekdays[We]) {
             U++;
             continue;
           }
           const Se = new Date(ce);
-          Se.setHours(23, 59, 59, 999), d.push({ start: ce, startFormatted: n.formatDate(ce), end: Se });
+          Se.setHours(23, 59, 59, 999), v.push({ start: ce, startFormatted: n.formatDate(ce), end: Se });
           break;
         }
         case "year":
-          d.push({
-            start: new Date(l.value.getFullYear(), R, 1, 0, 0, 0, 0),
-            end: new Date(l.value.getFullYear(), R + 1, 0, 23, 59, 59, 999)
+          v.push({
+            start: new Date(l.value.getFullYear(), X, 1, 0, 0, 0, 0),
+            end: new Date(l.value.getFullYear(), X + 1, 0, 23, 59, 59, 999)
           });
           break;
         case "years":
-          d.push({
-            start: new Date(l.value.getFullYear() + R, 0, 1, 0, 0, 0, 0),
-            end: new Date(l.value.getFullYear() + R + 1, 0, 0, 23, 59, 59, 999)
+          v.push({
+            start: new Date(l.value.getFullYear() + X, 0, 1, 0, 0, 0, 0),
+            end: new Date(l.value.getFullYear() + X + 1, 0, 0, 23, 59, 59, 999)
           });
           break;
       }
-    return d;
-  }), t = T(() => _.value[_.value.length - 1].end), V = oe("right"), F = T(() => {
-    const d = Object.keys(D.availableViews);
-    return d[d.indexOf(m.value) + 1];
-  }), J = T(() => {
-    const d = Object.keys(D.availableViews);
-    return d[d.indexOf(m.value) - 1];
+    return v;
+  }), t = M(() => _.value[_.value.length - 1].end), C = oe("right"), F = M(() => {
+    const v = Object.keys(D.availableViews);
+    return v[v.indexOf(d.value) + 1];
+  }), J = M(() => {
+    const v = Object.keys(D.availableViews);
+    return v[v.indexOf(d.value) - 1];
   });
-  function K(d, z, U = !1) {
-    if (!z || !z[d]) return d + 1;
-    const R = z[d];
-    return U && typeof R == "string" ? R.substring(0, 3) : R;
+  function K(v, H, U = !1) {
+    if (!H || !H[v]) return v + 1;
+    const X = H[v];
+    return U && typeof X == "string" ? X.substring(0, 3) : X;
   }
-  function ie(d, z, U) {
-    const { monthsArray: R, monthBeforeDay: ce, canTruncate: We, xs: Se } = U, Me = d.getMonth(), $e = d.getFullYear(), Ye = z.getMonth(), Fe = z.getFullYear(), Ae = Me !== Ye, pt = $e !== Fe, _e = We && (Se || Ae), Le = d.getDate(), ze = z.getDate();
-    return pt ? ce ? `${K(Me, R, _e)} ${Le}, ${$e} - ${K(Ye, R, _e)} ${ze}, ${Fe}` : `${Le} ${K(Me, R, _e)} ${$e} - ${ze} ${K(Ye, R, _e)} ${Fe}` : Ae ? ce ? `${K(Me, R, _e)} ${Le} - ${K(Ye, R, _e)} ${ze}, ${$e}` : `${Le} ${K(Me, R, _e)} - ${ze} ${K(Ye, R, _e)} ${$e}` : ce ? `${K(Me, R, _e)} ${Le}-${ze}, ${$e}` : `${Le}-${ze} ${K(Me, R, _e)} ${$e}`;
+  function ie(v, H, U) {
+    const { monthsArray: X, monthBeforeDay: ce, canTruncate: We, xs: Se } = U, Me = v.getMonth(), $e = v.getFullYear(), Ye = H.getMonth(), Fe = H.getFullYear(), Ae = Me !== Ye, pt = $e !== Fe, ke = We && (Se || Ae), Le = v.getDate(), He = H.getDate();
+    return pt ? ce ? `${K(Me, X, ke)} ${Le}, ${$e} - ${K(Ye, X, ke)} ${He}, ${Fe}` : `${Le} ${K(Me, X, ke)} ${$e} - ${He} ${K(Ye, X, ke)} ${Fe}` : Ae ? ce ? `${K(Me, X, ke)} ${Le} - ${K(Ye, X, ke)} ${He}, ${$e}` : `${Le} ${K(Me, X, ke)} - ${He} ${K(Ye, X, ke)} ${$e}` : ce ? `${K(Me, X, ke)} ${Le}-${He}, ${$e}` : `${Le}-${He} ${K(Me, X, ke)} ${$e}`;
   }
-  const ae = T(() => {
-    const { dateFormat: d, months: z, monthsGenitive: U, week: R, truncations: ce } = h, We = D.locale, Se = ce !== !1, Me = d.indexOf("M") < d.indexOf("D"), $e = U && We === "el" ? U : z;
-    switch (m.value) {
+  const ae = M(() => {
+    const { dateFormat: v, months: H, monthsGenitive: U, week: X, truncations: ce } = h, We = D.locale, Se = ce !== !1, Me = v.indexOf("M") < v.indexOf("D"), $e = U && We === "el" ? U : H;
+    switch (d.value) {
       case "day":
-        return n.formatDate(l.value, d);
+        return n.formatDate(l.value, v);
       case "days":
       case "week": {
         const Ye = {
@@ -721,18 +721,18 @@ const st = (D, n) => {
           xs: D.xs
         };
         let Fe = ie(l.value, t.value, Ye);
-        if (m.value === "week") {
+        if (d.value === "week") {
           const Ae = n.getWeek(
             l.value,
             D.startWeekOnSunday && !D.hideWeekdays[7]
           );
-          Fe += ` <small>${R} ${Ae}</small>`;
+          Fe += ` <small>${X} ${Ae}</small>`;
         }
         return Fe;
       }
       case "month": {
         const Ye = `${D.xs && Se ? "MMM" : "MMMM"} YYYY`;
-        return n.formatDate(X.value, Ye);
+        return n.formatDate(R.value, Ye);
       }
       case "year":
         return l.value.getFullYear();
@@ -741,43 +741,43 @@ const st = (D, n) => {
     }
   });
   function re() {
-    switch (M.value = new Date(f.value || u.value), M.value.setHours(0, 0, 0, 0), m.value) {
+    switch (b.value = new Date(m.value || u.value), b.value.setHours(0, 0, 0, 0), d.value) {
       case "day":
         break;
       case "days":
         break;
       case "week":
-        M.value = n.getPreviousFirstDayOfWeek(M.value, D.startWeekOnSunday && !D.hideWeekdays[7]);
+        b.value = n.getPreviousFirstDayOfWeek(b.value, D.startWeekOnSunday && !D.hideWeekdays[7]);
         break;
       case "month":
-        M.value = new Date(M.value.getFullYear(), M.value.getMonth(), 1, 0, 0, 0, 0);
+        b.value = new Date(b.value.getFullYear(), b.value.getMonth(), 1, 0, 0, 0, 0);
         break;
       case "year":
-        M.value = new Date(M.value.getFullYear(), 0, 1, 0, 0, 0, 0);
+        b.value = new Date(b.value.getFullYear(), 0, 1, 0, 0, 0, 0);
         break;
       case "years":
-        M.value = new Date(M.value.getFullYear() - M.value.getFullYear() % s.value, 0, 1, 0, 0, 0, 0);
+        b.value = new Date(b.value.getFullYear() - b.value.getFullYear() % s.value, 0, 1, 0, 0, 0, 0);
         break;
     }
-    D.ready && o("view-change", {
-      id: m.value,
+    D.ready && r("view-change", {
+      id: d.value,
       title: ae.value,
-      start: X.value,
+      start: R.value,
       end: i.value,
       extendedStart: c.value,
       extendedEnd: e.value,
       cellDates: _.value,
-      containsToday: v.value,
+      containsToday: f.value,
       events: B.value
     }), u.value = /* @__PURE__ */ new Date();
   }
-  function fe(d) {
-    const z = m.value, U = D.availableViews[z];
-    d[z] && JSON.stringify(d[z]) === JSON.stringify(U) || re();
+  function fe(v) {
+    const H = d.value, U = D.availableViews[H];
+    v[H] && JSON.stringify(v[H]) === JSON.stringify(U) || re();
   }
-  function G(d, z = !0) {
+  function G(v, H = !0) {
     const U = Object.keys(D.availableViews);
-    m.value !== d && (U.includes(d) ? (V.value = U.indexOf(d) < U.indexOf(m.value) ? "left" : "right", m.value = d, o("update:view", d), re()) : console.warn(`Vue Cal: the \`${d}\` view is not available.`));
+    d.value !== v && (U.includes(v) ? (C.value = U.indexOf(v) < U.indexOf(d.value) ? "left" : "right", d.value = v, r("update:view", v), re()) : console.warn(`Vue Cal: the \`${v}\` view is not available.`));
   }
   function Pe() {
     F.value ? G(F.value) : console.warn("Vue Cal: no broader view is available.");
@@ -791,83 +791,83 @@ const st = (D, n) => {
   function a() {
     w(!0);
   }
-  function w(d = !0) {
-    let z = new Date(f.value);
-    switch (m.value) {
+  function w(v = !0) {
+    let H = new Date(m.value);
+    switch (d.value) {
       case "day":
       case "days":
-        d ? z = n.addDays(t.value, 1) : z = n.subtractDays(l.value, s.value);
+        v ? H = n.addDays(t.value, 1) : H = n.subtractDays(l.value, s.value);
         break;
       case "week": {
-        d ? (z = n.addDays(e.value, 1), z.setHours(0, 0, 0, 0)) : z = n.subtractDays(c.value, s.value);
+        v ? (H = n.addDays(e.value, 1), H.setHours(0, 0, 0, 0)) : H = n.subtractDays(c.value, s.value);
         break;
       }
       case "month": {
-        const U = d ? 1 : -1;
-        z = new Date(z.getFullYear(), z.getMonth() + U, 1, 0, 0, 0, 0);
+        const U = v ? 1 : -1;
+        H = new Date(H.getFullYear(), H.getMonth() + U, 1, 0, 0, 0, 0);
         break;
       }
       case "year": {
-        const U = d ? 1 : -1;
-        z = new Date(z.getFullYear() + U, 1, 1, 0, 0, 0, 0);
+        const U = v ? 1 : -1;
+        H = new Date(H.getFullYear() + U, 1, 1, 0, 0, 0, 0);
         break;
       }
       case "years": {
-        const U = d ? s.value : -s.value;
-        z = new Date(z.getFullYear() + U, 1, 1, 0, 0, 0, 0);
+        const U = v ? s.value : -s.value;
+        H = new Date(H.getFullYear() + U, 1, 1, 0, 0, 0, 0);
         break;
       }
     }
-    I(z);
+    I(H);
   }
   function y() {
-    const d = /* @__PURE__ */ new Date();
-    d.setHours(0, 0, 0, 0), I(d);
+    const v = /* @__PURE__ */ new Date();
+    v.setHours(0, 0, 0, 0), I(v);
   }
-  function I(d, z = !0, U = !1) {
-    if (!n.isValid(d)) return console.warn("Vue Cal: can't navigate to the given date: invalid date provided to `updateViewDate(date)`.");
-    let [R, ce] = [l.value, t.value];
-    m.value === "month" && ([R, ce] = [X.value, i.value]), (!n.isInRange(d, R, ce) || U) && (d.setHours(0, 0, 0, 0), V.value = d.getTime() < R.getTime() ? "left" : "right", f.value = d, z && o("update:viewDate", d), re());
+  function I(v, H = !0, U = !1) {
+    if (!n.isValid(v)) return console.warn("Vue Cal: can't navigate to the given date: invalid date provided to `updateViewDate(date)`.");
+    let [X, ce] = [l.value, t.value];
+    d.value === "month" && ([X, ce] = [R.value, i.value]), (!n.isInRange(v, X, ce) || U) && (v.setHours(0, 0, 0, 0), C.value = v.getTime() < X.getTime() ? "left" : "right", m.value = v, H && r("update:viewDate", v), re());
   }
-  function x(d, z = !0) {
-    if (!n.isValid(d)) return console.warn("Vue Cal: can't update the selected date: invalid date provided to `updateSelectedDate(date)`.");
-    const { isValid: U, isSameDate: R } = n;
-    (!C.value || !U(C.value) || !R(d, C.value)) && (d.setHours(0, 0, 0, 0), C.value = d, z && o("update:selectedDate", d));
+  function x(v, H = !0) {
+    if (!n.isValid(v)) return console.warn("Vue Cal: can't update the selected date: invalid date provided to `updateSelectedDate(date)`.");
+    const { isValid: U, isSameDate: X } = n;
+    (!j.value || !U(j.value) || !X(v, j.value)) && (v.setHours(0, 0, 0, 0), j.value = v, H && r("update:selectedDate", v));
   }
-  function ge(d) {
-    !d && !M.value.getDay() ? I(n.addDays(M.value, 1), !0, !0) : (V.value = "left", re());
+  function ge(v) {
+    !v && !b.value.getDay() ? I(n.addDays(b.value, 1), !0, !0) : (C.value = "left", re());
   }
-  function r(d) {
-    d && D.startWeekOnSunday && !M.value.getDay() ? I(n.addDays(M.value, 1), !0, !0) : !d && D.startWeekOnSunday && M.value.getDay() === 1 && I(n.subtractDays(M.value, 1), !0, !0);
+  function o(v) {
+    v && D.startWeekOnSunday && !b.value.getDay() ? I(n.addDays(b.value, 1), !0, !0) : !v && D.startWeekOnSunday && b.value.getDay() === 1 && I(n.subtractDays(b.value, 1), !0, !0);
   }
-  function b() {
+  function T() {
     console.log("toggling weekdays", D.hideWeekdays);
   }
-  function S(d) {
-    var R;
-    const z = (R = k.value) == null ? void 0 : R.querySelector(".vuecal__scrollable"), U = d ? d * D.timeCellHeight / D.timeStep : 0;
-    z == null || z.scrollTo({ top: U, behavior: "smooth" });
+  function S(v) {
+    var X;
+    const H = (X = k.value) == null ? void 0 : X.querySelector(".vuecal__scrollable"), U = v ? v * D.timeCellHeight / D.timeStep : 0;
+    H == null || H.scrollTo({ top: U, behavior: "smooth" });
   }
   function Y() {
-    const d = /* @__PURE__ */ new Date();
-    S(d.getHours() * 60 + d.getMinutes());
+    const v = /* @__PURE__ */ new Date();
+    S(v.getHours() * 60 + v.getMinutes());
   }
-  function N() {
+  function W() {
     S(0);
   }
-  const B = T(() => p.getViewEvents(_.value)), ee = p.createEvent, ye = p.deleteEvent;
-  return de(() => D.view, (d) => G(d, !1)), de(() => D.availableViews, fe), de(() => D.datePicker, () => G("month", !1)), de(() => D.viewDate, (d) => I(d, !1)), de(() => D.selectedDate, (d) => x(d, !1)), de(() => D.startWeekOnSunday, (d) => ge(d)), de(() => D.hideWeekends, (d) => r(d)), de(() => D.hideWeekdays, b), de(() => s.value, () => {
+  const B = M(() => p.getViewEvents(_.value)), ee = p.createEvent, ye = p.deleteEvent;
+  return de(() => D.view, (v) => G(v, !1)), de(() => D.availableViews, fe), de(() => D.datePicker, () => G("month", !1)), de(() => D.viewDate, (v) => I(v, !1)), de(() => D.selectedDate, (v) => x(v, !1)), de(() => D.startWeekOnSunday, (v) => ge(v)), de(() => D.hideWeekends, (v) => o(v)), de(() => D.hideWeekdays, T), de(() => s.value, () => {
     s.value > 90 && console.warn("Vue Cal: high cell count detected. Performance may degrade when interactions are enabled.");
-  }), de(() => D.watchRealTime, (d) => {
-    d && D.time ? $() : W = clearTimeout(W);
-  }), re(), D.time && D.watchRealTime && $(), Xe(() => W = clearTimeout(W)), {
+  }), de(() => D.watchRealTime, (v) => {
+    v && D.time ? $() : N = clearTimeout(N);
+  }), re(), D.time && D.watchRealTime && $(), Xe(() => N = clearTimeout(N)), {
     now: u,
-    id: m,
+    id: d,
     broaderView: F,
     narrowerView: J,
     title: ae,
-    viewDate: f,
-    start: X,
+    viewDate: m,
+    start: R,
     end: i,
     extendedStart: c,
     // Full range, including out of scope month days, and hidden leading/trailing days.
@@ -875,8 +875,8 @@ const st = (D, n) => {
     // Full range, including out of scope month days, and hidden leading/trailing days.
     firstCellDate: l,
     lastCellDate: t,
-    containsToday: v,
-    selectedDate: C,
+    containsToday: f,
+    selectedDate: j,
     cellDates: _,
     cols: P,
     rows: A,
@@ -884,7 +884,7 @@ const st = (D, n) => {
     // The following events array is only a subset of visible ones, plus any potential recurring
     // and multi-day events.
     events: B,
-    transitionDirection: V,
+    transitionDirection: C,
     switch: G,
     broader: Pe,
     narrower: Q,
@@ -896,27 +896,27 @@ const st = (D, n) => {
     updateSelectedDate: x,
     scrollToCurrentTime: Y,
     scrollToTime: S,
-    scrollTop: N,
+    scrollTop: W,
     createEvent: ee,
     deleteEvent: ye,
     // Getters.
     get isDay() {
-      return m.value === "day";
+      return d.value === "day";
     },
     get isDays() {
-      return m.value === "days";
+      return d.value === "days";
     },
     get isWeek() {
-      return m.value === "week";
+      return d.value === "week";
     },
     get isMonth() {
-      return m.value === "month";
+      return d.value === "month";
     },
     get isYear() {
-      return m.value === "year";
+      return d.value === "year";
     },
     get isYears() {
-      return m.value === "years";
+      return d.value === "years";
     }
   };
 }, lt = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], rt = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ot = "Years", it = "Year", ut = "Month", ct = "Week", dt = "Days", vt = "Day", mt = "Today", ft = "No Event", gt = "All day", ht = "Delete", yt = "Create an event", Dt = "dddd, MMMM D, YYYY", Ke = {
@@ -951,22 +951,22 @@ const st = (D, n) => {
   weekDays: lt,
   year: it,
   years: ot
-}, Symbol.toStringTag, { value: "Module" })), He = Te({
+}, Symbol.toStringTag, { value: "Module" })), ze = Te({
   texts: { ...ve.texts },
   // Make texts reactive before a locale is loaded.
   dateUtils: st(ve.texts, Ke)
   // Some Date utils functions need localized texts.
-}), Ot = ({ props: D, emit: n, attrs: o, vuecalEl: h, uid: p }) => {
+}), Ot = ({ props: D, emit: n, attrs: r, vuecalEl: h, uid: p }) => {
   const k = Te({
     uid: p,
     // The Vuecal instance unique ID, used for dnd source-target identification.
     emit: n,
-    texts: { ...He.texts },
+    texts: { ...ze.texts },
     // Make texts reactive before a locale is loaded.
     // The date utils composable.
     // A class/composable is needed in order to access the user locale in all the methods, and
     // independently of other potential Vue Cal instances on the same page.
-    dateUtils: { ...He.dateUtils },
+    dateUtils: { ...ze.dateUtils },
     now: /* @__PURE__ */ new Date(),
     config: {},
     eventsManager: {},
@@ -981,7 +981,7 @@ const st = (D, n) => {
       isResizingEvent: !1
     }
   });
-  return k.dateUtils = st(Object.assign(ve.texts, k.texts), Ke), k.config = Yt(k, D, o), k.eventsManager = St(k), k.view = Ct(k, h), k.dnd = Et(k), k;
+  return k.dateUtils = st(Object.assign(ve.texts, k.texts), Ke), k.config = Yt(k, D, r), k.eventsManager = St(k), k.view = Ct(k, h), k.dnd = Et(k), k;
 }, jt = 24 * 60, Pt = {
   allDayEvents: { type: [Boolean, String], default: !1 },
   // Coming soon.
@@ -1081,85 +1081,85 @@ const st = (D, n) => {
 }, Ft = { class: "vuecal__header" }, Lt = {
   key: 0,
   class: "vuecal__views-bar"
-}, zt = ["onClick", "innerHTML"], Ht = {
+}, Ht = ["onClick", "innerHTML"], zt = {
   key: 1,
   class: "vuecal__title-bar"
 }, Nt = { class: "vuecal__transition-wrap" }, Wt = ["disabled", "innerHTML"], At = {
   __name: "header",
   setup(D) {
-    const n = Ne("vuecal"), { view: o, config: h } = n, p = () => {
-      h.clickToNavigate && o.broader();
-    }, k = T(() => h.clickToNavigate ? { click: p } : {});
-    return (L, m) => (E(), j("div", Ft, [
-      H(L.$slots, "header", {
-        view: O(o),
-        availableViews: O(h).availableViews,
-        vuecal: O(n)
+    const n = Ne("vuecal"), { view: r, config: h } = n, p = () => {
+      h.clickToNavigate && r.broader();
+    }, k = M(() => h.clickToNavigate ? { click: p } : {});
+    return (L, d) => (E(), O("div", Ft, [
+      z(L.$slots, "header", {
+        view: V(r),
+        availableViews: V(h).availableViews,
+        vuecal: V(n)
       }),
-      L.$slots.header ? q("", !0) : (E(), j(te, { key: 0 }, [
-        O(h).viewsBar ? (E(), j("div", Lt, [
-          (E(!0), j(te, null, pe(O(h).availableViews, (C, u) => (E(), j("button", {
-            class: we(["vuecal__view-button", { "vuecal__view-button--active": O(o).id === u }]),
-            onClick: (f) => O(o).switch(u),
-            innerHTML: O(n).texts[u],
+      L.$slots.header ? q("", !0) : (E(), O(te, { key: 0 }, [
+        V(h).viewsBar ? (E(), O("div", Lt, [
+          (E(!0), O(te, null, we(V(h).availableViews, (j, u) => (E(), O("button", {
+            class: _e(["vuecal__view-button", { "vuecal__view-button--active": V(r).id === u }]),
+            onClick: (m) => V(r).switch(u),
+            innerHTML: V(n).texts[u],
             type: "button"
-          }, null, 10, zt))), 256))
+          }, null, 10, Ht))), 256))
         ])) : q("", !0),
-        O(h).titleBar ? (E(), j("nav", Ht, [
+        V(h).titleBar ? (E(), O("nav", zt, [
           me("button", {
-            class: we(["vuecal__nav vuecal__nav--prev", { "vuecal__nav--default": !L.$slots["previous-button"] }]),
-            onClick: m[0] || (m[0] = (...C) => O(o).previous && O(o).previous(...C)),
+            class: _e(["vuecal__nav vuecal__nav--prev", { "vuecal__nav--default": !L.$slots["previous-button"] }]),
+            onClick: d[0] || (d[0] = (...j) => V(r).previous && V(r).previous(...j)),
             type: "button"
           }, [
-            H(L.$slots, "previous-button")
+            z(L.$slots, "previous-button")
           ], 2),
           me("div", Nt, [
             Ve(Ge, {
-              name: `vuecal-slide-fade--${O(o).transitionDirection}`
+              name: `vuecal-slide-fade--${V(r).transitionDirection}`
             }, {
               default: Z(() => [
-                (E(), j("div", {
-                  key: O(o).id + O(o).start.getTime()
+                (E(), O("div", {
+                  key: V(r).id + V(r).start.getTime()
                 }, [
-                  L.$slots.title ? (E(), Ee(Qe(O(h).clickToNavigate && O(o).broaderView ? "button" : "div"), he({
+                  L.$slots.title ? (E(), Ee(Qe(V(h).clickToNavigate && V(r).broaderView ? "button" : "div"), he({
                     key: 0,
                     class: "vuecal__title"
                   }, Ie(k.value)), {
                     default: Z(() => [
-                      H(L.$slots, "title", ne(se(O(o))))
+                      z(L.$slots, "title", ne(se(V(r))))
                     ]),
                     _: 3
-                  }, 16)) : (E(), Ee(Qe(O(h).clickToNavigate && O(o).broaderView ? "button" : "div"), he({
+                  }, 16)) : (E(), Ee(Qe(V(h).clickToNavigate && V(r).broaderView ? "button" : "div"), he({
                     key: 1,
                     class: "vuecal__title"
                   }, Ie(k.value), {
-                    innerHTML: O(o).title
+                    innerHTML: V(r).title
                   }), null, 16, ["innerHTML"]))
                 ]))
               ]),
               _: 3
             }, 8, ["name"])
           ]),
-          O(h).todayButton ? (E(), j(te, { key: 0 }, [
-            L.$slots["today-button"] ? H(L.$slots, "today-button", {
+          V(h).todayButton ? (E(), O(te, { key: 0 }, [
+            L.$slots["today-button"] ? z(L.$slots, "today-button", {
               key: 0,
-              navigate: () => !O(o).containsToday && O(o).goToToday(),
-              active: O(o).containsToday
-            }) : (E(), j("button", {
+              navigate: () => !V(r).containsToday && V(r).goToToday(),
+              active: V(r).containsToday
+            }) : (E(), O("button", {
               key: 1,
-              class: we(["vuecal__nav vuecal__nav--today vuecal__nav--default", { "vuecal__nav--active": O(o).containsToday }]),
-              onClick: m[1] || (m[1] = (C) => !O(o).containsToday && O(o).goToToday()),
-              disabled: !!O(o).containsToday,
+              class: _e(["vuecal__nav vuecal__nav--today vuecal__nav--default", { "vuecal__nav--active": V(r).containsToday }]),
+              onClick: d[1] || (d[1] = (j) => !V(r).containsToday && V(r).goToToday()),
+              disabled: !!V(r).containsToday,
               type: "button",
-              innerHTML: O(n).texts.today
+              innerHTML: V(n).texts.today
             }, null, 10, Wt))
           ], 64)) : q("", !0),
           me("button", {
-            class: we(["vuecal__nav vuecal__nav--next", { "vuecal__nav--default": !L.$slots["next-button"] }]),
-            onClick: m[2] || (m[2] = (...C) => O(o).next && O(o).next(...C)),
+            class: _e(["vuecal__nav vuecal__nav--next", { "vuecal__nav--default": !L.$slots["next-button"] }]),
+            onClick: d[2] || (d[2] = (...j) => V(r).next && V(r).next(...j)),
             type: "button"
           }, [
-            H(L.$slots, "next-button")
+            z(L.$slots, "next-button")
           ], 2)
         ])) : q("", !0)
       ], 64))
@@ -1180,7 +1180,7 @@ const st = (D, n) => {
 }, Ut = ["innerHTML"], qt = {
   __name: "headings-bar",
   setup(D) {
-    const n = Ne("vuecal"), { view: o, config: h, dateUtils: p } = n, k = T(() => h.xs ? "day-xs" : h.sm || o.isDays || o.isMonth ? "day-sm" : "day"), L = T(() => (o.isDay || o.isDays || o.isWeek || o.isMonth) && !(o.isDay && !h.schedules)), m = T(() => o.cellDates.slice(0, o.cols).map(({ start: u }) => ({
+    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, k = M(() => h.xs ? "day-xs" : h.sm || r.isDays || r.isMonth ? "day-sm" : "day"), L = M(() => (r.isDay || r.isDays || r.isWeek || r.isMonth) && !(r.isDay && !h.schedules)), d = M(() => r.cellDates.slice(0, r.cols).map(({ start: u }) => ({
       id: Re[u.getDay()],
       date: u,
       dateNumber: u.getDate(),
@@ -1188,43 +1188,43 @@ const st = (D, n) => {
       "day-sm": p.formatDate(u, "ddd"),
       "day-xs": p.formatDate(u, "dd"),
       isToday: p.isToday(u)
-    }))), C = {
+    }))), j = {
       click: (u) => {
-        (o.isDays || o.isWeek) && o.updateSelectedDate(u);
+        (r.isDays || r.isWeek) && r.updateSelectedDate(u);
       }
     };
-    return (u, f) => L.value ? (E(), j("div", Bt, [
-      O(o).isDay ? q("", !0) : (E(), j("div", It, [
-        (E(!0), j(te, null, pe(m.value, (M, W) => (E(), j("div", {
-          class: we(["vuecal__weekday", { "vuecal__weekday--today": M.isToday }]),
-          key: W,
-          onClick: (X) => C.click(M.date)
+    return (u, m) => L.value ? (E(), O("div", Bt, [
+      V(r).isDay ? q("", !0) : (E(), O("div", It, [
+        (E(!0), O(te, null, we(d.value, (b, N) => (E(), O("div", {
+          class: _e(["vuecal__weekday", { "vuecal__weekday--today": b.isToday }]),
+          key: N,
+          onClick: (R) => j.click(b.date)
         }, [
-          H(u.$slots, "weekday-heading", {
-            label: M[k.value],
-            id: M.id,
-            date: M.date
+          z(u.$slots, "weekday-heading", {
+            label: b[k.value],
+            id: b.id,
+            date: b.date
           }, () => [
-            me("span", Xt, le(M[k.value]), 1),
-            O(o).isMonth ? q("", !0) : (E(), j("strong", Gt, le(M.dateNumber), 1))
+            me("span", Xt, le(b[k.value]), 1),
+            V(r).isMonth ? q("", !0) : (E(), O("strong", Gt, le(b.dateNumber), 1))
           ])
         ], 10, Rt))), 128))
       ])),
-      O(h).schedules ? (E(), j("div", Jt, [
-        (E(!0), j(te, null, pe(m.value, (M, W) => (E(), j(te, { key: W }, [
-          (E(!0), j(te, null, pe(O(h).schedules, (X, i) => (E(), j(te, { key: i }, [
-            u.$slots["schedule-heading"] ? (E(), j("div", {
+      V(h).schedules ? (E(), O("div", Jt, [
+        (E(!0), O(te, null, we(d.value, (b, N) => (E(), O(te, { key: N }, [
+          (E(!0), O(te, null, we(V(h).schedules, (R, i) => (E(), O(te, { key: i }, [
+            u.$slots["schedule-heading"] ? (E(), O("div", {
               key: 0,
-              class: we(["vuecal__schedule vuecal__schedule--heading", X.class])
+              class: _e(["vuecal__schedule vuecal__schedule--heading", R.class])
             }, [
-              H(u.$slots, "schedule-heading", {
-                schedule: X,
-                view: O(o)
+              z(u.$slots, "schedule-heading", {
+                schedule: R,
+                view: V(r)
               })
-            ], 2)) : (E(), j("div", {
+            ], 2)) : (E(), O("div", {
               key: 1,
-              class: we(["vuecal__schedule vuecal__schedule--heading", X.class]),
-              innerHTML: X.label
+              class: _e(["vuecal__schedule vuecal__schedule--heading", R.class]),
+              innerHTML: R.label
             }, null, 10, Ut))
           ], 64))), 128))
         ], 64))), 128))
@@ -1234,37 +1234,40 @@ const st = (D, n) => {
 }, Zt = { class: "vuecal__time-column" }, Kt = {
   __name: "time-column",
   setup(D) {
-    const n = Ne("vuecal"), { config: o, texts: h } = n, p = T(() => {
+    const n = Ne("vuecal"), { config: r, texts: h } = n, p = M(() => {
       const k = [];
-      for (let m = o.timeFrom; m < o.timeTo; m += o.timeStep) {
-        const C = ~~(m / 60), u = m % 60, f = h[m < 720 ? "am" : "pm"];
-        k.push({
-          minutesSum: m,
+      for (let d = r.timeFrom; d < r.timeTo; d += r.timeStep) {
+        const j = d + r.timeStep > r.timeTo, u = ~~(d / 60), m = d % 60, b = h[d < 720 ? "am" : "pm"];
+        let N = null;
+        j && (N = `calc(var(--vuecal-time-cell-height) * ${(r.timeTo - d) / r.timeStep})`), k.push({
+          minutesSum: d,
           // The sum of hours + minutes in minutes.
-          hours: C,
-          minutes: u,
-          formatted12: `${C % 12 ? C % 12 : 12}${u ? ":" + u.toString().padStart(2, 0) : ""}${f}`,
-          formatted24: `${C.toString().padStart(2, 0)}:${u.toString().padStart(2, 0)}`
+          hours: u,
+          minutes: m,
+          formatted12: `${u % 12 ? u % 12 : 12}${m ? `:${m.toString().padStart(2, 0)}` : ""}${b}`,
+          formatted24: `${u.toString().padStart(2, 0)}:${m.toString().padStart(2, 0)}`,
+          height: N
         });
       }
       return k;
     });
-    return (k, L) => (E(), j("div", Zt, [
-      (E(!0), j(te, null, pe(p.value, (m, C) => (E(), j("div", {
+    return (k, L) => (E(), O("div", Zt, [
+      (E(!0), O(te, null, we(p.value, (d, j) => (E(), O("div", {
         class: "vuecal__time-cell",
-        key: C
+        key: j,
+        style: pe({ height: d.height || null })
       }, [
-        H(k.$slots, "time-cell", {
-          index: C,
-          minutes: m.minutes,
-          hours: m.hours,
-          minutesSum: m.minutesSum,
-          format12: m.formatted12,
-          format24: m.formatted24
+        z(k.$slots, "time-cell", {
+          index: j,
+          minutes: d.minutes,
+          hours: d.hours,
+          minutesSum: d.minutesSum,
+          format12: d.formatted12,
+          format24: d.formatted24
         }, () => [
-          me("label", null, le(O(o).twelveHour ? m.formatted12 : m.formatted24), 1)
+          me("label", null, le(V(r).twelveHour ? d.formatted12 : d.formatted24), 1)
         ])
-      ]))), 128))
+      ], 4))), 128))
     ]));
   }
 }, Qt = ["draggable"], xt = { class: "vuecal__event-details" }, ea = { class: "vuecal__event-title" }, ta = {
@@ -1277,7 +1280,7 @@ const st = (D, n) => {
   },
   emits: ["event-drag-start", "event-drag-end", "event-resize-start", "event-resize-end"],
   setup(D, { emit: n }) {
-    const { config: o, view: h, dnd: p, touch: k, dateUtils: L } = Ne("vuecal"), m = D, C = oe(null), u = Te(m.event), f = Te({
+    const { config: r, view: h, dnd: p, touch: k, dateUtils: L } = Ne("vuecal"), d = D, j = oe(null), u = Te(d.event), m = Te({
       dragging: !1,
       resizing: !1,
       fromResizer: !1,
@@ -1311,9 +1314,9 @@ const st = (D, n) => {
       cellEl: null,
       // Store the cell DOM node for a more efficient resizing calc in mousemove/touchmove.
       schedule: null
-    }), M = T(() => o.editableEvents.drag && u.draggable !== !1 && !u.background), W = T(() => o.time && o.editableEvents.resize && u.resizable !== !1 && !u.background);
-    T(() => o.editableEvents.delete && u.deletable !== !1 && !u.background);
-    const X = T(() => {
+    }), b = M(() => r.editableEvents.drag && u.draggable !== !1 && !u.background), N = M(() => r.time && r.editableEvents.resize && u.resizable !== !1 && !u.background);
+    M(() => r.editableEvents.delete && u.deletable !== !1 && !u.background);
+    const R = M(() => {
       var s, l, _;
       return {
         [`vuecal__event--${u._.id}`]: !0,
@@ -1321,8 +1324,8 @@ const st = (D, n) => {
         "vuecal__event--recurring": !!u.recurring,
         "vuecal__event--background": !!u.background,
         "vuecal__event--multiday": !!((s = u._) != null && s.multiday),
-        "vuecal__event--cut-top": ((l = u._) == null ? void 0 : l.startMinutes) < o.timeFrom,
-        "vuecal__event--cut-bottom": ((_ = u._) == null ? void 0 : _.endMinutes) > o.timeTo || u.end.getDate() !== u.start.getDate(),
+        "vuecal__event--cut-top": ((l = u._) == null ? void 0 : l.startMinutes) < r.timeFrom,
+        "vuecal__event--cut-bottom": ((_ = u._) == null ? void 0 : _.endMinutes) > r.timeTo || u.end.getDate() !== u.start.getDate(),
         // Only apply the dragging class on the event copy that is being dragged.
         "vuecal__event--dragging": !u._.draggingGhost && u._.dragging,
         // Only apply the dragging-ghost class on the event original that remains fixed while a copy is being
@@ -1332,39 +1335,39 @@ const st = (D, n) => {
         // after event deletion (event._.dragging is already false) so the event ghost does not flash in before
         // deletion.
         "vuecal__event--dragging-ghost": u._.draggingGhost,
-        "vuecal__event--resizing": f.resizing
+        "vuecal__event--resizing": m.resizing
       };
-    }), i = T(() => {
-      const s = (h.isDay || h.isDays || h.isWeek) && o.time;
+    }), i = M(() => {
+      const s = (h.isDay || h.isDays || h.isWeek) && r.time;
       if (!s && !u.backgroundColor && !u.color) return !1;
       const l = {
         backgroundColor: u.backgroundColor || null,
         color: u.color || null
       };
       if (s) {
-        const _ = Math.max(o.timeFrom, u._.startMinutes), t = Math.min(o.timeTo, u._.endMinutes), V = Ce(_, o), F = Ce(t, o) - V;
-        l.top = `${V}%`, l.height = `${F}%`;
+        const _ = Math.max(r.timeFrom, u._.startMinutes), t = Math.min(r.timeTo, u._.endMinutes), C = Ce(_, r), F = Ce(t, r) - C;
+        l.top = `${C}%`, l.height = `${F}%`;
       }
       return l;
-    }), c = T(() => {
-      const s = { ...o.eventListeners.event };
-      Object.entries(s).forEach(([t, V]) => {
+    }), c = M(() => {
+      const s = { ...r.eventListeners.event };
+      Object.entries(s).forEach(([t, C]) => {
         ["resize-end"].includes(t) || (s[t] = (F) => {
-          F.type !== "drop" && V(F.type ? { e: F, event: u } : F);
+          F.type !== "drop" && C(F.type ? { e: F, event: u } : F);
         });
       });
       const l = { ...s };
       s.touchstart = (t) => {
-        var V;
-        t.stopPropagation(), e(t), (V = l.touchstart) == null || V.call(l, { e: t, event: u });
+        var C;
+        t.stopPropagation(), e(t), (C = l.touchstart) == null || C.call(l, { e: t, event: u });
       }, s.mousedown = (t) => {
-        var V;
-        t.stopPropagation(), e(t), (V = l.mousedown) == null || V.call(l, { e: t, event: u });
+        var C;
+        t.stopPropagation(), e(t), (C = l.mousedown) == null || C.call(l, { e: t, event: u });
       };
       let _ = null;
       return s.click = (t) => {
-        var V;
-        (V = l.click) == null || V.call(l, { e: t, event: u }), _ ? _ = clearTimeout(_) : _ = setTimeout(() => {
+        var C;
+        (C = l.click) == null || C.call(l, { e: t, event: u }), _ ? _ = clearTimeout(_) : _ = setTimeout(() => {
           var F;
           _ = null, (F = l["delayed-click"]) == null || F.call(l, { e: t, event: u });
         }, 400);
@@ -1372,58 +1375,58 @@ const st = (D, n) => {
         l.dblclick ? l.dblclick({ e: t, event: u }) : u.delete(1);
       }, s;
     }), e = (s) => {
-      var t, V, F;
+      var t, C, F;
       const l = ((t = s.touches) == null ? void 0 : t[0]) || s;
-      f.fromResizer = l.target.matches(".vuecal__event-resizer, .vuecal__event-resizer *");
-      const _ = C.value.getBoundingClientRect();
-      f.startX = (((V = s.touches) == null ? void 0 : V[0]) || s).clientX - _.left, f.startY = (((F = s.touches) == null ? void 0 : F[0]) || s).clientY - _.top, f.startPercentageX = f.startX * 100 / _.width, f.startPercentageY = f.startY * 100 / _.height, f.cellEl = C.value.closest(".vuecal__cell"), f.resizeStartDate = u.start, A(s.type === "touchstart" ? "touchmove" : "mousemove", v), A(s.type === "touchstart" ? "touchend" : "mouseup", g, { once: !0 }), f.holdTimer = setTimeout(() => {
+      m.fromResizer = l.target.matches(".vuecal__event-resizer, .vuecal__event-resizer *");
+      const _ = j.value.getBoundingClientRect();
+      m.startX = (((C = s.touches) == null ? void 0 : C[0]) || s).clientX - _.left, m.startY = (((F = s.touches) == null ? void 0 : F[0]) || s).clientY - _.top, m.startPercentageX = m.startX * 100 / _.width, m.startPercentageY = m.startY * 100 / _.height, m.cellEl = j.value.closest(".vuecal__cell"), m.resizeStartDate = u.start, A(s.type === "touchstart" ? "touchmove" : "mousemove", f), A(s.type === "touchstart" ? "touchend" : "mouseup", g, { once: !0 }), m.holdTimer = setTimeout(() => {
         var J, K;
-        f.holding = !0, (K = (J = c.value).hold) == null || K.call(J, { e: s, event: u });
+        m.holding = !0, (K = (J = c.value).hold) == null || K.call(J, { e: s, event: u });
       }, 1e3);
-    }, v = async (s) => {
-      var _, t, V, F;
+    }, f = async (s) => {
+      var _, t, C, F;
       const l = ((_ = s.touches) == null ? void 0 : _[0]) || s;
-      if (f.fromResizer && !f.resizing && (f.resizing = !0, f.resizingOriginalEvent = { ...u, _: { ...u._ } }, k.isResizingEvent = !0, (V = (t = c.value).resizeStart) == null || V.call(t, { e: s, event: u })), f.holdTimer = clearTimeout(f.holdTimer), f.holding = !1, f.cellEl) {
-        const { top: J, left: K, width: ie, height: ae } = f.cellEl.getBoundingClientRect();
-        f.moveX = l.clientX - K, f.moveY = l.clientY - J, f.movePercentageX = f.moveX * 100 / ie, f.movePercentageY = f.moveY * 100 / ae;
+      if (m.fromResizer && !m.resizing && (m.resizing = !0, m.resizingOriginalEvent = { ...u, _: { ...u._ } }, k.isResizingEvent = !0, (C = (t = c.value).resizeStart) == null || C.call(t, { e: s, event: u })), m.holdTimer = clearTimeout(m.holdTimer), m.holding = !1, m.cellEl) {
+        const { top: J, left: K, width: ie, height: ae } = m.cellEl.getBoundingClientRect();
+        m.moveX = l.clientX - K, m.moveY = l.clientY - J, m.movePercentageX = m.moveX * 100 / ie, m.movePercentageY = m.moveY * 100 / ae;
       }
-      if (f.fromResizer) {
+      if (m.fromResizer) {
         const { newStart: J, newEnd: K } = $(u);
         let ie = !0;
-        const { resize: ae } = (F = o.eventListeners) == null ? void 0 : F.event;
+        const { resize: ae } = (F = r.eventListeners) == null ? void 0 : F.event;
         ae && (ie = await ae({
           e: s,
           event: { ...u, start: J, end: K },
           overlaps: u.getOverlappingEvents({ start: J, end: K })
-        })), ie !== !1 ? (u.start = J, u.end = K, f.resizingLastAcceptedEvent && (f.resizingLastAcceptedEvent = null)) : ae && (f.resizingLastAcceptedEvent = { ...u, _: { ...u._ } });
+        })), ie !== !1 ? (u.start = J, u.end = K, m.resizingLastAcceptedEvent && (m.resizingLastAcceptedEvent = null)) : ae && (m.resizingLastAcceptedEvent = { ...u, _: { ...u._ } });
       }
     }, g = async (s) => {
       var l, _;
-      if (f.holdTimer = clearTimeout(f.holdTimer), f.holding = !1, f.resizing) {
-        const { newStart: t, newEnd: V } = $(u);
+      if (m.holdTimer = clearTimeout(m.holdTimer), m.holding = !1, m.resizing) {
+        const { newStart: t, newEnd: C } = $(u);
         let F = !0;
         const J = c.value["resize-end"];
         J && (F = await J({
           e: s,
           event: u,
-          original: f.resizingOriginalEvent,
+          original: m.resizingOriginalEvent,
           // Original event details before resizing.
-          overlaps: u.getOverlappingEvents({ start: t, end: V })
-        })), u.start = F === !1 ? (f.resizingLastAcceptedEvent || f.resizingOriginalEvent).start : ((l = f.resizingLastAcceptedEvent) == null ? void 0 : l.start) || t, u.end = F === !1 ? (f.resizingLastAcceptedEvent || f.resizingOriginalEvent).end : ((_ = f.resizingLastAcceptedEvent) == null ? void 0 : _.end) || V, u._.duration < 1 && (u.start = f.resizingOriginalEvent.start, u.end = f.resizingOriginalEvent.end), k.isResizingEvent = !1;
+          overlaps: u.getOverlappingEvents({ start: t, end: C })
+        })), u.start = F === !1 ? (m.resizingLastAcceptedEvent || m.resizingOriginalEvent).start : ((l = m.resizingLastAcceptedEvent) == null ? void 0 : l.start) || t, u.end = F === !1 ? (m.resizingLastAcceptedEvent || m.resizingOriginalEvent).end : ((_ = m.resizingLastAcceptedEvent) == null ? void 0 : _.end) || C, u._.duration < 1 && (u.start = m.resizingOriginalEvent.start, u.end = m.resizingOriginalEvent.end), k.isResizingEvent = !1;
       }
-      document.removeEventListener(s.type === "touchend" ? "touchmove" : "mousemove", v), f.resizing = !1, f.fromResizer = !1, f.dragging = !1, f.startX = 0, f.startY = 0, f.moveX = 0, f.moveY = 0, f.startPercentageX = 0, f.startPercentageY = 0, f.movePercentageX = 0, f.movePercentageY = 0, f.cellEl = null, f.resizeStartDate = null, f.resizingOriginalEvent = null, f.resizingLastAcceptedEvent = null, f.schedule = null;
+      document.removeEventListener(s.type === "touchend" ? "touchmove" : "mousemove", f), m.resizing = !1, m.fromResizer = !1, m.dragging = !1, m.startX = 0, m.startY = 0, m.moveX = 0, m.moveY = 0, m.startPercentageX = 0, m.startPercentageY = 0, m.movePercentageX = 0, m.movePercentageY = 0, m.cellEl = null, m.resizeStartDate = null, m.resizingOriginalEvent = null, m.resizingLastAcceptedEvent = null, m.schedule = null;
     }, $ = (s) => {
       const l = new Date(s.start.getFullYear(), s.start.getMonth(), s.start.getDate());
       new Date(l).setDate(l.getDate() + 1);
-      let t = je(f.movePercentageY, o);
-      if (t = Math.max(0, Math.min(t, 24 * 60)), o.snapToInterval) {
-        const J = t + o.snapToInterval / 2;
-        t = J - J % o.snapToInterval;
+      let t = je(m.movePercentageY, r);
+      if (t = Math.max(0, Math.min(t, 24 * 60)), r.snapToInterval) {
+        const J = t + r.snapToInterval / 2;
+        t = J - J % r.snapToInterval;
       }
-      let V = s.start, F = new Date(l.getTime() + t * 6e4);
-      return F < f.resizeStartDate && (V = F, F = f.resizeStartDate), { newStart: V, newEnd: F };
+      let C = s.start, F = new Date(l.getTime() + t * 6e4);
+      return F < m.resizeStartDate && (C = F, F = m.resizeStartDate), { newStart: C, newEnd: F };
     };
-    qe(() => u._.register(C.value));
+    qe(() => u._.register(j.value));
     const P = [], A = (s, l, _) => {
       document.addEventListener(s, l, _), P.push({ event: s, handler: l, options: _ });
     };
@@ -1431,27 +1434,27 @@ const st = (D, n) => {
       u._.unregister(), P.forEach(({ event: s, handler: l, options: _ }) => {
         document.removeEventListener(s, l, _);
       });
-    }), (s, l) => (E(), j("div", he({ class: "vuecal__event" }, Ie(c.value, !0), {
+    }), (s, l) => (E(), O("div", he({ class: "vuecal__event" }, Ie(c.value, !0), {
       ref_key: "eventEl",
-      ref: C,
-      class: X.value,
+      ref: j,
+      class: R.value,
       style: i.value,
-      draggable: M.value ? "true" : void 0,
-      onDragstart: l[2] || (l[2] = (_) => M.value && O(p).eventDragStart(_, u)),
-      onDragend: l[3] || (l[3] = (_) => M.value && O(p).eventDragEnd(_, u))
+      draggable: b.value ? "true" : void 0,
+      onDragstart: l[2] || (l[2] = (_) => b.value && V(p).eventDragStart(_, u)),
+      onDragend: l[3] || (l[3] = (_) => b.value && V(p).eventDragEnd(_, u))
     }), [
       me("div", xt, [
-        H(s.$slots, "event", { event: u }, () => [
+        z(s.$slots, "event", { event: u }, () => [
           me("div", ea, le(u.title), 1),
-          O(o).time ? (E(), j("div", ta, le(u._[`startTimeFormatted${O(o).twelveHour ? 12 : 24}`]) + `
-- ` + le(u._[`endTimeFormatted${O(o).twelveHour ? 12 : 24}`]), 1)) : q("", !0),
+          V(r).time ? (E(), O("div", ta, le(u._[`startTimeFormatted${V(r).twelveHour ? 12 : 24}`]) + `
+- ` + le(u._[`endTimeFormatted${V(r).twelveHour ? 12 : 24}`]), 1)) : q("", !0),
           me("div", {
             class: "vuecal__event-content",
             innerHTML: u.content
           }, null, 8, aa)
         ])
       ]),
-      W.value ? (E(), j("div", {
+      N.value ? (E(), O("div", {
         key: 0,
         class: "vuecal__event-resizer",
         onDragstart: l[0] || (l[0] = xe(() => {
@@ -1459,7 +1462,7 @@ const st = (D, n) => {
       }, null, 32)) : q("", !0),
       Ve(Ge, { name: "vuecal-delete-btn" }, {
         default: Z(() => [
-          u._.deleting ? (E(), j("div", {
+          u._.deleting ? (E(), O("div", {
             key: 0,
             class: "vuecal__event-delete",
             onClick: l[1] || (l[1] = xe((_) => u.delete(3), ["stop"]))
@@ -1500,9 +1503,9 @@ const st = (D, n) => {
     index: { type: Number, required: !0 }
   },
   setup(D) {
-    const n = D, o = Ne("vuecal"), { view: h, config: p, dateUtils: k, eventsManager: L, dnd: m, touch: C } = o, u = T(() => k.isToday(n.start)), f = oe(null), M = oe([]), W = oe(!1), X = (r) => {
-      M.value.push(r.detail), W.value = !0;
-    }, i = () => setTimeout(() => W.value = !1, 300), c = Te({
+    const n = D, r = Ne("vuecal"), { view: h, config: p, dateUtils: k, eventsManager: L, dnd: d, touch: j } = r, u = M(() => k.isToday(n.start)), m = oe(null), b = oe([]), N = oe(!1), R = (o) => {
+      b.value.push(o.detail), N.value = !0;
+    }, i = () => setTimeout(() => N.value = !1, 300), c = Te({
       dragging: !1,
       holding: !1,
       // When the cell is clicked and hold for a certain amount of time.
@@ -1523,12 +1526,12 @@ const st = (D, n) => {
       movePercentageX: 0,
       movePercentageY: 0,
       schedule: null
-    }), e = oe(!1), v = oe({ cellOverlaps: {}, longestStreak: 0 }), g = T(() => {
-      let r = Math.min(c.startPercentageY, c.movePercentageY), b = Math.max(c.startPercentageY, c.movePercentageY), S = je(r, p), Y = je(b, p);
-      return p.snapToInterval && (S = k.snapToInterval(S, p.snapToInterval), Y = k.snapToInterval(Y, p.snapToInterval), r = Ce(S, p), b = Ce(Y, p)), {
+    }), e = oe(!1), f = oe({ cellOverlaps: {}, longestStreak: 0 }), g = M(() => {
+      let o = Math.min(c.startPercentageY, c.movePercentageY), T = Math.max(c.startPercentageY, c.movePercentageY), S = je(o, p), Y = je(T, p);
+      return p.snapToInterval && (S = k.snapToInterval(S, p.snapToInterval), Y = k.snapToInterval(Y, p.snapToInterval), o = Ce(S, p), T = Ce(Y, p)), {
         style: {
-          top: `${r}%`,
-          height: `${Math.abs(b - r)}%`
+          top: `${o}%`,
+          height: `${Math.abs(T - o)}%`
         },
         startMinutes: S,
         endMinutes: Y,
@@ -1536,20 +1539,20 @@ const st = (D, n) => {
         end: k.formatMinutes(Y),
         ...c.schedule ? { schedule: c.schedule } : {}
       };
-    }), $ = T(() => {
-      const r = p.editableEvents.create && (c.dragging || e.value), b = p.eventCreateMinDrag && c.thresholdPassed || !p.eventCreateMinDrag;
-      return r && b;
-    }), P = T(() => {
+    }), $ = M(() => {
+      const o = p.editableEvents.create && (c.dragging || e.value), T = p.eventCreateMinDrag && c.thresholdPassed || !p.eventCreateMinDrag;
+      return o && T;
+    }), P = M(() => {
       var ee;
-      const r = /* @__PURE__ */ new Date(), b = h.start.getFullYear(), S = h.start.getMonth(), Y = n.start.getFullYear(), N = n.start.getMonth();
+      const o = /* @__PURE__ */ new Date(), T = h.start.getFullYear(), S = h.start.getMonth(), Y = n.start.getFullYear(), W = n.start.getMonth();
       return {
         [`vuecal__cell--${Re[n.start.getDay()]}`]: h.isDay || h.isDays || h.isWeek || h.isMonth,
-        [`vuecal__cell--${Mt[N]}`]: h.isYear,
+        [`vuecal__cell--${Mt[W]}`]: h.isYear,
         [`vuecal__cell--${Y}`]: h.isYears,
         "vuecal__cell--today": u.value,
-        "vuecal__cell--current-month": h.isYear && Y === r.getFullYear() && N === r.getMonth(),
-        "vuecal__cell--current-year": h.isYears && Y === r.getFullYear(),
-        "vuecal__cell--out-of-range": h.isMonth && (Y !== b || N !== S),
+        "vuecal__cell--current-month": h.isYear && Y === o.getFullYear() && W === o.getMonth(),
+        "vuecal__cell--current-year": h.isYears && Y === o.getFullYear(),
+        "vuecal__cell--out-of-range": h.isMonth && (Y !== T || W !== S),
         "vuecal__cell--before-min": ae.value && K.value,
         "vuecal__cell--after-max": ae.value && ie.value,
         "vuecal__cell--disabled": ae.value,
@@ -1558,7 +1561,7 @@ const st = (D, n) => {
         "vuecal__cell--dragging": c.dragging,
         "vuecal__cell--has-events": l.value.length
       };
-    }), A = T(() => k.formatDate(n.start)), s = T(() => {
+    }), A = M(() => k.formatDate(n.start)), s = M(() => {
       switch (h.id) {
         case "day":
           return "";
@@ -1573,79 +1576,79 @@ const st = (D, n) => {
         case "years":
           return k.formatDate(n.start, "YYYY");
       }
-    }), l = T(() => p.datePicker ? [] : L.getEventsByDate(A.value, !0, !0).filter((r) => !M.value.includes(r._.id))), _ = T(() => l.value.filter((r) => !r.background)), t = T(() => {
-      var r;
-      return (r = p.schedules) == null ? void 0 : r.reduce((b, S) => (b[S.id] = l.value.filter((Y) => Y.schedule === S.id), b), {});
-    }), V = T(() => {
-      const r = {};
-      for (const b of l.value) {
-        const S = b._.id, { maxConcurrent: Y = 1, position: N = 0 } = v.value.cellOverlaps[S] || {};
-        r[S] = {
+    }), l = M(() => p.datePicker ? [] : L.getEventsByDate(A.value, !0, !0).filter((o) => !b.value.includes(o._.id))), _ = M(() => l.value.filter((o) => !o.background)), t = M(() => {
+      var o;
+      return (o = p.schedules) == null ? void 0 : o.reduce((T, S) => (T[S.id] = l.value.filter((Y) => Y.schedule === S.id), T), {});
+    }), C = M(() => {
+      const o = {};
+      for (const T of l.value) {
+        const S = T._.id, { maxConcurrent: Y = 1, position: W = 0 } = f.value.cellOverlaps[S] || {};
+        o[S] = {
           width: `${100 / Y}%`,
-          left: `${100 / Y * N}%`
+          left: `${100 / Y * W}%`
         };
       }
-      return r;
-    }), F = T(() => h.isMonth && p.eventCount && !p.eventsOnMonthView && _.value.length), J = T(() => {
+      return o;
+    }), F = M(() => h.isMonth && p.eventCount && !p.eventsOnMonthView && _.value.length), J = M(() => {
       var S;
       if (!p.specialHours || h.isMonth || h.isYear || h.isYears) return;
-      const r = Re[n.start.getDay()];
-      let b = (S = p.specialHours) == null ? void 0 : S[r];
-      if (b)
-        return Array.isArray(b) || (b = [b]), b.map((Y) => {
-          let { from: N, to: B, class: ee, label: ye } = Y;
-          if (isNaN(N) || isNaN(B) || p.timeFrom >= B || p.timeTo <= N) return;
-          N = Math.max(p.timeFrom, N), B = Math.min(p.timeTo, B);
-          const d = Ce(N, p), z = Ce(B, p) - d;
+      const o = Re[n.start.getDay()];
+      let T = (S = p.specialHours) == null ? void 0 : S[o];
+      if (T)
+        return Array.isArray(T) || (T = [T]), T.map((Y) => {
+          let { from: W, to: B, class: ee, label: ye } = Y;
+          if (isNaN(W) || isNaN(B) || p.timeFrom >= B || p.timeTo <= W) return;
+          W = Math.max(p.timeFrom, W), B = Math.min(p.timeTo, B);
+          const v = Ce(W, p), H = Ce(B, p) - v;
           return {
-            style: { top: `${d}%`, height: `${z}%` },
+            style: { top: `${v}%`, height: `${H}%` },
             label: ye,
             class: ee
           };
         }).filter((Y) => !!Y);
-    }), K = T(() => p.minTimestamp !== null && p.minTimestamp > n.end.getTime()), ie = T(() => p.maxTimestamp && p.maxTimestamp < n.start.getTime()), ae = T(() => {
-      const { disableDays: r } = p, b = h.isYear || h.isYears;
-      return r.length && r.includes(k.formatDate(n.start)) && !b ? !0 : K.value || ie.value;
+    }), K = M(() => p.minTimestamp !== null && p.minTimestamp > n.end.getTime()), ie = M(() => p.maxTimestamp && p.maxTimestamp < n.start.getTime()), ae = M(() => {
+      const { disableDays: o } = p, T = h.isYear || h.isYears;
+      return o.length && o.includes(k.formatDate(n.start)) && !T ? !0 : K.value || ie.value;
     }), re = Te({
-      show: T(() => {
+      show: M(() => {
         if (!(!h.isDay && !h.isDays && !h.isWeek) && !(!u.value || !p.time) && !(p.timeFrom > k.dateToMinutes(h.now)) && !(k.dateToMinutes(h.now) > p.timeTo))
           return !0;
       }),
-      nowInMinutes: T(() => k.dateToMinutes(h.now)),
-      todaysTimePosition: T(() => Ce(re.nowInMinutes, p)),
-      style: T(() => `top: ${re.todaysTimePosition}%`),
-      currentTime: T(() => k.formatTime(h.now))
-    }), fe = T(() => {
+      nowInMinutes: M(() => k.dateToMinutes(h.now)),
+      todaysTimePosition: M(() => Ce(re.nowInMinutes, p)),
+      style: M(() => `top: ${re.todaysTimePosition}%`),
+      currentTime: M(() => k.formatTime(h.now))
+    }), fe = M(() => {
       if (ae.value) return {};
-      const r = { ...p.eventListeners.cell };
-      for (const [Y, N] of Object.entries(r))
-        r[Y] = (B) => {
-          var ee, ye, d;
-          (d = (ye = B.target || ((ee = B.e) == null ? void 0 : ee.target)).closest) != null && d.call(ye, ".vuecal__event") || N(B.type ? { e: B, cell: G.value, cursor: Q.value } : B);
+      const o = { ...p.eventListeners.cell };
+      for (const [Y, W] of Object.entries(o))
+        o[Y] = (B) => {
+          var ee, ye, v;
+          (v = (ye = B.target || ((ee = B.e) == null ? void 0 : ee.target)).closest) != null && v.call(ye, ".vuecal__event") || W(B.type ? { e: B, cell: G.value, cursor: Q.value } : B);
         };
-      const b = { ...r };
+      const T = { ...o };
       let S = null;
-      return r.click = (Y) => {
+      return o.click = (Y) => {
         var B;
         ue();
-        const N = Pe(Y);
-        (B = b.click) == null || B.call(b, { e: Y, cell: G.value, cursor: N }), S ? S = clearTimeout(S) : S = setTimeout(() => {
+        const W = Pe(Y);
+        (B = T.click) == null || B.call(T, { e: Y, cell: G.value, cursor: W }), S ? S = clearTimeout(S) : S = setTimeout(() => {
           var ee;
-          S = null, (ee = b["delayed-click"]) == null || ee.call(b, { e: Y, cell: G.value, cursor: N });
+          S = null, (ee = T["delayed-click"]) == null || ee.call(T, { e: Y, cell: G.value, cursor: W });
         }, 400);
-      }, (p.time && h.isDay || h.isDays || h.isWeek) && (r.touchstart = (Y) => {
-        var N;
-        a(Y.e || Y), (N = b.touchstart) == null || N.call(b, { e: Y, cell: G.value, cursor: Q.value });
-      }, r.mousedown = (Y) => {
-        var N;
-        a(Y.e || Y), (N = b.mousedown) == null || N.call(b, { e: Y, cell: G.value, cursor: Q.value });
-      }), b.dblclick && (r.dblclick = (Y) => {
-        var N;
-        (N = b.dblclick) == null || N.call(b, { e: Y, cell: G.value, cursor: Pe(Y) });
-      }), p.editableEvents.drag && (r.dragenter = (Y) => m.cellDragEnter(Y, G.value), r.dragover = (Y) => {
-        Y.preventDefault(), m.cellDragOver(Y, G.value);
-      }, r.dragleave = (Y) => m.cellDragLeave(Y, G.value), r.drop = (Y) => m.cellDragDrop(Y, G.value)), r;
-    }), G = T(() => ({
+      }, (p.time && h.isDay || h.isDays || h.isWeek) && (o.touchstart = (Y) => {
+        var W;
+        a(Y.e || Y), (W = T.touchstart) == null || W.call(T, { e: Y, cell: G.value, cursor: Q.value });
+      }, o.mousedown = (Y) => {
+        var W;
+        a(Y.e || Y), (W = T.mousedown) == null || W.call(T, { e: Y, cell: G.value, cursor: Q.value });
+      }), T.dblclick && (o.dblclick = (Y) => {
+        var W;
+        (W = T.dblclick) == null || W.call(T, { e: Y, cell: G.value, cursor: Pe(Y) });
+      }), p.editableEvents.drag && (o.dragenter = (Y) => d.cellDragEnter(Y, G.value), o.dragover = (Y) => {
+        Y.preventDefault(), d.cellDragOver(Y, G.value);
+      }, o.dragleave = (Y) => d.cellDragLeave(Y, G.value), o.drop = (Y) => d.cellDragDrop(Y, G.value)), o;
+    }), G = M(() => ({
       start: n.start,
       end: n.end,
       events: l,
@@ -1654,116 +1657,116 @@ const st = (D, n) => {
       goBroader: () => h.broader(),
       broader: h.broaderView,
       narrower: h.narrowerView
-    })), Pe = (r) => {
+    })), Pe = (o) => {
       var B;
-      const b = (((B = r.touches) == null ? void 0 : B[0]) || r).clientY, { top: S } = f.value.getBoundingClientRect(), Y = Ze(b - S, f.value), N = new Date(n.start);
-      return N.setMinutes(je(Y, p)), { y: Y, date: N };
-    }, Q = T(() => {
-      const r = je(c.movePercentageY || c.startPercentageY, p), b = new Date(n.start);
-      return b.setMinutes(r), {
+      const T = (((B = o.touches) == null ? void 0 : B[0]) || o).clientY, { top: S } = m.value.getBoundingClientRect(), Y = Ze(T - S, m.value), W = new Date(n.start);
+      return W.setMinutes(je(Y, p)), { y: Y, date: W };
+    }, Q = M(() => {
+      const o = je(c.movePercentageY || c.startPercentageY, p), T = new Date(n.start);
+      return T.setMinutes(o), {
         x: c.movePercentageX || c.startPercentageX,
         y: c.movePercentageY || c.startPercentageY,
-        date: b
+        date: T
       };
     }), ue = () => {
       h.updateSelectedDate(n.start), p.clickToNavigate && ((h.isMonth || h.isDays || h.isWeek) && p.availableViews.day ? h.switch("day") : h.isYear && p.availableViews.month ? h.switch("month") : h.isYears && p.availableViews.year && h.switch("year")), h.updateViewDate(n.start);
-    }, a = (r) => {
+    }, a = (o) => {
       var S, Y;
-      c.schedule = ~~r.target.dataset.schedule;
-      const b = f.value.getBoundingClientRect();
-      c.startX = (((S = r.touches) == null ? void 0 : S[0]) || r).clientX - b.left, c.startY = (((Y = r.touches) == null ? void 0 : Y[0]) || r).clientY - b.top, c.startPercentageX = c.startX * 100 / b.width, c.startPercentageY = c.startY * 100 / b.height, c.thresholdPassed = !1, document.addEventListener(r.type === "touchstart" ? "touchmove" : "mousemove", w), document.addEventListener(r.type === "touchstart" ? "touchend" : "mouseup", y, { once: !0 }), c.holdTimer = setTimeout(() => {
-        var N, B;
-        c.holding = !0, (B = (N = fe.value).hold) == null || B.call(N, { e: r, cell: G.value, cursor: Q.value });
+      c.schedule = ~~o.target.dataset.schedule;
+      const T = m.value.getBoundingClientRect();
+      c.startX = (((S = o.touches) == null ? void 0 : S[0]) || o).clientX - T.left, c.startY = (((Y = o.touches) == null ? void 0 : Y[0]) || o).clientY - T.top, c.startPercentageX = c.startX * 100 / T.width, c.startPercentageY = c.startY * 100 / T.height, c.thresholdPassed = !1, document.addEventListener(o.type === "touchstart" ? "touchmove" : "mousemove", w), document.addEventListener(o.type === "touchstart" ? "touchend" : "mouseup", y, { once: !0 }), c.holdTimer = setTimeout(() => {
+        var W, B;
+        c.holding = !0, (B = (W = fe.value).hold) == null || B.call(W, { e: o, cell: G.value, cursor: Q.value });
       }, 1e3);
-    }, w = (r) => {
-      var S, Y, N, B, ee, ye;
-      c.dragging || (C.isDraggingCell = !0, (Y = (S = fe.value).dragStart) == null || Y.call(S, { e: r, cell: G.value, cursor: Q.value })), c.dragging = !0, c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1;
-      const b = f.value.getBoundingClientRect();
-      c.moveX = (((N = r.touches) == null ? void 0 : N[0]) || r).clientX - b.left, c.moveY = (((B = r.touches) == null ? void 0 : B[0]) || r).clientY - b.top, c.movePercentageX = c.moveX * 100 / b.width, c.movePercentageY = c.moveY * 100 / b.height, p.eventCreateMinDrag && Math.abs(c.startY - c.moveY) > p.eventCreateMinDrag && (c.thresholdPassed = !0), (ye = (ee = fe.value).drag) == null || ye.call(ee, { e: r, cell: G.value, cursor: Q.value });
-    }, y = async (r) => {
-      var b, S;
-      document.removeEventListener(r.type === "touchend" ? "touchmove" : "mousemove", w, { passive: !1 }), c.dragging && ((S = (b = fe.value).dragEnd) == null || S.call(b, { e: r, cell: G.value, cursor: Q.value }), C.isDraggingCell = !1, p.editableEvents.create && (e.value = !0, await I(r), e.value = !1)), c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1, c.dragging = !1, c.startX = 0, c.startY = 0, c.moveX = 0, c.moveY = 0, c.startPercentageX = 0, c.startPercentageY = 0, c.movePercentageX = 0, c.movePercentageY = 0, c.thresholdPassed = !1, c.schedule = null;
-    }, I = async (r) => {
+    }, w = (o) => {
+      var S, Y, W, B, ee, ye;
+      c.dragging || (j.isDraggingCell = !0, (Y = (S = fe.value).dragStart) == null || Y.call(S, { e: o, cell: G.value, cursor: Q.value })), c.dragging = !0, c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1;
+      const T = m.value.getBoundingClientRect();
+      c.moveX = (((W = o.touches) == null ? void 0 : W[0]) || o).clientX - T.left, c.moveY = (((B = o.touches) == null ? void 0 : B[0]) || o).clientY - T.top, c.movePercentageX = c.moveX * 100 / T.width, c.movePercentageY = c.moveY * 100 / T.height, p.eventCreateMinDrag && Math.abs(c.startY - c.moveY) > p.eventCreateMinDrag && (c.thresholdPassed = !0), (ye = (ee = fe.value).drag) == null || ye.call(ee, { e: o, cell: G.value, cursor: Q.value });
+    }, y = async (o) => {
+      var T, S;
+      document.removeEventListener(o.type === "touchend" ? "touchmove" : "mousemove", w, { passive: !1 }), c.dragging && ((S = (T = fe.value).dragEnd) == null || S.call(T, { e: o, cell: G.value, cursor: Q.value }), j.isDraggingCell = !1, p.editableEvents.create && (e.value = !0, await I(o), e.value = !1)), c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1, c.dragging = !1, c.startX = 0, c.startY = 0, c.moveX = 0, c.moveY = 0, c.startPercentageX = 0, c.startPercentageY = 0, c.movePercentageX = 0, c.movePercentageY = 0, c.thresholdPassed = !1, c.schedule = null;
+    }, I = async (o) => {
       if (!$.value) return;
-      let { start: b, end: S, startMinutes: Y, endMinutes: N } = g.value;
-      b = new Date(n.start), b.setMinutes(Y), S = new Date(n.start), S.setMinutes(N);
-      let B = { ...g.value, start: b, end: S };
+      let { start: T, end: S, startMinutes: Y, endMinutes: W } = g.value;
+      T = new Date(n.start), T.setMinutes(Y), S = new Date(n.start), S.setMinutes(W);
+      let B = { ...g.value, start: T, end: S };
       const { create: ee } = p.eventListeners.event;
       if (typeof ee == "function") {
         const ye = B;
-        B = await new Promise((d) => ee({ e: r, event: B, cell: G.value, resolve: d, cursor: Q.value })), B && typeof B == "object" && h.createEvent(B), B && typeof B == "boolean" && h.createEvent(ye);
+        B = await new Promise((v) => ee({ e: o, event: B, cell: G.value, resolve: v, cursor: Q.value })), B && typeof B == "object" && h.createEvent(B), B && typeof B == "boolean" && h.createEvent(ye);
       } else h.createEvent(B);
     }, x = () => {
-      var r;
-      for (const b of Object.keys(fe.value))
-        (r = f.value) == null || r.removeEventListener(b, fe.value[b]);
+      var o;
+      for (const T of Object.keys(fe.value))
+        (o = m.value) == null || o.removeEventListener(T, fe.value[T]);
     }, ge = () => {
-      v.value = L.getCellOverlappingEvents(A.value);
+      f.value = L.getCellOverlappingEvents(A.value);
     };
     return de(
       // Watch event IDs and start/end dates (only) to detect event resizing/dnd.
-      () => _.value.map((r) => `${r._.id}${r.start.getTime()}${r.end.getTime()}`).join(),
+      () => _.value.map((o) => `${o._.id}${o.start.getTime()}${o.end.getTime()}`).join(),
       async () => {
         await Ue(), ge();
       },
       { immediate: !0, flush: "post" }
       // Use flush: 'post' to prevent infinite updates.
     ), Xe(async () => {
-      for (const r of M.value) L.deleteEvent(r, 3);
+      for (const o of b.value) L.deleteEvent(o, 3);
       x(), await Ue();
-    }), (r, b) => (E(), j("div", he({
+    }), (o, T) => (E(), O("div", he({
       class: ["vuecal__cell", P.value],
       ref_key: "cellEl",
-      ref: f
+      ref: m
     }, Ie(fe.value, !0)), [
-      r.$slots.cell ? H(r.$slots, "cell", {
+      o.$slots.cell ? z(o.$slots, "cell", {
         key: 0,
         cell: G.value
       }) : q("", !0),
-      J.value ? (E(!0), j(te, { key: 1 }, pe(J.value, (S, Y) => (E(), j("div", {
-        class: we(["vuecal__special-hours", S.class]),
-        style: be(S.style),
+      J.value ? (E(!0), O(te, { key: 1 }, we(J.value, (S, Y) => (E(), O("div", {
+        class: _e(["vuecal__special-hours", S.class]),
+        style: pe(S.style),
         innerHTML: S.label || ""
       }, null, 14, na))), 256)) : q("", !0),
-      !r.$slots.cell && O(p).schedules ? (E(!0), j(te, { key: 2 }, pe(O(p).schedules, (S) => (E(), j("div", {
-        class: we(["vuecal__schedule vuecal__schedule--cell", S.class]),
+      !o.$slots.cell && V(p).schedules ? (E(!0), O(te, { key: 2 }, we(V(p).schedules, (S) => (E(), O("div", {
+        class: _e(["vuecal__schedule vuecal__schedule--cell", S.class]),
         key: S.id,
-        style: be(S.style || null),
+        style: pe(S.style || null),
         "data-schedule": S.id
       }, [
-        r.$slots["cell-events"] ? H(r.$slots, "cell-events", {
+        o.$slots["cell-events"] ? z(o.$slots, "cell-events", {
           key: 0,
           cell: G.value
         }) : q("", !0),
-        s.value || r.$slots["cell-date"] ? (E(), j("div", la, [
-          H(r.$slots, "cell-date", { cell: G.value }, () => [
+        s.value || o.$slots["cell-date"] ? (E(), O("div", la, [
+          z(o.$slots, "cell-date", { cell: G.value }, () => [
             et(le(s.value), 1)
           ])
         ])) : q("", !0),
-        r.$slots["cell-content"] ? (E(), j("div", ra, [
-          H(r.$slots, "cell-content", { cell: G.value })
+        o.$slots["cell-content"] ? (E(), O("div", ra, [
+          z(o.$slots, "cell-content", { cell: G.value })
         ])) : q("", !0),
-        r.$slots["cell-events"] && l.value.length ? (E(), j("div", oa, [
-          H(r.$slots, "cell-events", { cell: G.value })
-        ])) : l.value.length || W.value ? (E(), Ee(tt, {
+        o.$slots["cell-events"] && l.value.length ? (E(), O("div", oa, [
+          z(o.$slots, "cell-events", { cell: G.value })
+        ])) : l.value.length || N.value ? (E(), Ee(tt, {
           key: 4,
           class: "vuecal__cell-events",
           name: "vuecal-event-delete",
-          onBeforeLeave: b[0] || (b[0] = (Y) => W.value = !0),
+          onBeforeLeave: T[0] || (T[0] = (Y) => N.value = !0),
           onAfterLeave: i,
           tag: "div"
         }, {
           default: Z(() => [
-            (E(!0), j(te, null, pe(t.value[S.id], (Y) => (E(), Ee(nt, {
+            (E(!0), O(te, null, we(t.value[S.id], (Y) => (E(), Ee(nt, {
               key: Y._.id,
               event: Y,
-              onEventDeleted: X,
-              style: be(V.value[Y._.id])
+              onEventDeleted: R,
+              style: pe(C.value[Y._.id])
             }, Oe({ _: 2 }, [
-              r.$slots.event ? {
+              o.$slots.event ? {
                 name: "event",
-                fn: Z((N) => [
-                  H(r.$slots, "event", he({ ref_for: !0 }, N))
+                fn: Z((W) => [
+                  z(o.$slots, "event", he({ ref_for: !0 }, W))
                 ]),
                 key: "0"
               } : void 0
@@ -1771,46 +1774,46 @@ const st = (D, n) => {
           ]),
           _: 2
         }, 1024)) : q("", !0),
-        $.value && c.schedule === S.id ? (E(), j("div", {
+        $.value && c.schedule === S.id ? (E(), O("div", {
           key: 5,
           class: "vuecal__event-placeholder",
-          style: be(g.value.style)
+          style: pe(g.value.style)
         }, le(g.value.start) + " - " + le(g.value.end), 5)) : q("", !0)
       ], 14, sa))), 128)) : q("", !0),
-      !r.$slots.cell && !O(p).schedules ? (E(), j(te, { key: 3 }, [
-        r.$slots["cell-events"] ? H(r.$slots, "cell-events", {
+      !o.$slots.cell && !V(p).schedules ? (E(), O(te, { key: 3 }, [
+        o.$slots["cell-events"] ? z(o.$slots, "cell-events", {
           key: 0,
           cell: G.value
         }) : q("", !0),
-        s.value || r.$slots["cell-date"] ? (E(), j("div", ia, [
-          H(r.$slots, "cell-date", { cell: G.value }, () => [
+        s.value || o.$slots["cell-date"] ? (E(), O("div", ia, [
+          z(o.$slots, "cell-date", { cell: G.value }, () => [
             et(le(s.value), 1)
           ])
         ])) : q("", !0),
-        r.$slots["cell-content"] ? (E(), j("div", ua, [
-          H(r.$slots, "cell-content", { cell: G.value })
+        o.$slots["cell-content"] ? (E(), O("div", ua, [
+          z(o.$slots, "cell-content", { cell: G.value })
         ])) : q("", !0),
-        r.$slots["cell-events"] && l.value.length ? (E(), j("div", ca, [
-          H(r.$slots, "cell-events", { cell: G.value })
-        ])) : (l.value.length || W.value) && !(O(h).isMonth && !O(p).eventsOnMonthView) ? (E(), Ee(tt, {
+        o.$slots["cell-events"] && l.value.length ? (E(), O("div", ca, [
+          z(o.$slots, "cell-events", { cell: G.value })
+        ])) : (l.value.length || N.value) && !(V(h).isMonth && !V(p).eventsOnMonthView) ? (E(), Ee(tt, {
           key: 4,
           class: "vuecal__cell-events",
           name: "vuecal-event-delete",
-          onBeforeLeave: b[1] || (b[1] = (S) => W.value = !0),
+          onBeforeLeave: T[1] || (T[1] = (S) => N.value = !0),
           onAfterLeave: i,
           tag: "div"
         }, {
           default: Z(() => [
-            (E(!0), j(te, null, pe(l.value, (S) => (E(), Ee(nt, {
+            (E(!0), O(te, null, we(l.value, (S) => (E(), Ee(nt, {
               key: S._.id,
               event: S,
-              onEventDeleted: X,
-              style: be(V.value[S._.id])
+              onEventDeleted: R,
+              style: pe(C.value[S._.id])
             }, Oe({ _: 2 }, [
-              r.$slots.event ? {
+              o.$slots.event ? {
                 name: "event",
                 fn: Z((Y) => [
-                  H(r.$slots, "event", he({ ref_for: !0 }, Y))
+                  z(o.$slots, "event", he({ ref_for: !0 }, Y))
                 ]),
                 key: "0"
               } : void 0
@@ -1818,20 +1821,20 @@ const st = (D, n) => {
           ]),
           _: 3
         })) : q("", !0),
-        $.value ? (E(), j("div", {
+        $.value ? (E(), O("div", {
           key: 5,
           class: "vuecal__event-placeholder",
-          style: be(g.value.style)
+          style: pe(g.value.style)
         }, le(g.value.start) + " - " + le(g.value.end), 5)) : q("", !0)
       ], 64)) : q("", !0),
-      r.$slots["event-count"] ? H(r.$slots, "event-count", {
+      o.$slots["event-count"] ? z(o.$slots, "event-count", {
         key: 4,
         events: _.value
-      }) : F.value ? (E(), j("div", da, le(_.value.length), 1)) : q("", !0),
-      re.show ? (E(), j("div", {
+      }) : F.value ? (E(), O("div", da, le(_.value.length), 1)) : q("", !0),
+      re.show ? (E(), O("div", {
         key: 6,
         class: "vuecal__now-line",
-        style: be(re.style),
+        style: pe(re.style),
         title: re.currentTime
       }, [
         me("span", null, le(re.currentTime), 1)
@@ -1841,88 +1844,88 @@ const st = (D, n) => {
 }, fa = {
   __name: "body",
   setup(D) {
-    const n = Ne("vuecal"), { view: o, config: h, dateUtils: p } = n, k = oe(null), L = oe(null), m = T(() => ({
-      "--vuecal-grid-columns": o.cols,
-      "--vuecal-grid-rows": o.rows
-    })), C = T(() => {
-      const M = p.formatTime(je(L.value, h));
+    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, k = oe(null), L = oe(null), d = M(() => ({
+      "--vuecal-grid-columns": r.cols,
+      "--vuecal-grid-rows": r.rows
+    })), j = M(() => {
+      const b = p.formatTime(je(L.value, h));
       return {
         style: { top: `${L.value}%` },
-        time: M
+        time: b
       };
-    }), u = (M) => {
+    }), u = (b) => {
       var i;
-      if (o.isMonth || o.isYear || o.isYears) return;
-      const W = (((i = M.touches) == null ? void 0 : i[0]) || M).clientY, { top: X } = k.value.getBoundingClientRect();
-      L.value = Ze(W - X, k.value);
-    }, f = () => {
+      if (r.isMonth || r.isYear || r.isYears) return;
+      const N = (((i = b.touches) == null ? void 0 : i[0]) || b).clientY, { top: R } = k.value.getBoundingClientRect();
+      L.value = Ze(N - R, k.value);
+    }, m = () => {
       L.value = null;
     };
     return qe(() => {
-      k.value.addEventListener("mousemove", u), k.value.addEventListener("touchmove", u), k.value.addEventListener("mouseleave", f), k.value.addEventListener("touchend", f);
+      k.value.addEventListener("mousemove", u), k.value.addEventListener("touchmove", u), k.value.addEventListener("mouseleave", m), k.value.addEventListener("touchend", m);
     }), Xe(() => {
-      k.value && (k.value.removeEventListener("mousemove", u), k.value.removeEventListener("touchmove", u), k.value.removeEventListener("mouseleave", f), k.value.removeEventListener("touchend", f));
-    }), (M, W) => (E(), j("div", {
+      k.value && (k.value.removeEventListener("mousemove", u), k.value.removeEventListener("touchmove", u), k.value.removeEventListener("mouseleave", m), k.value.removeEventListener("touchend", m));
+    }), (b, N) => (E(), O("div", {
       class: "vuecal__body",
       ref_key: "bodyEl",
       ref: k,
-      style: be(m.value)
+      style: pe(d.value)
     }, [
       Ve(Ge, { name: "vuecal-shrink" }, {
         default: Z(() => [
-          O(h).timeAtCursor && L.value !== null ? (E(), j("div", {
+          V(h).timeAtCursor && L.value !== null ? (E(), O("div", {
             key: 0,
             class: "vuecal__time-at-cursor",
-            style: be(C.value.style)
+            style: pe(j.value.style)
           }, [
-            me("label", null, le(C.value.time), 1)
+            me("label", null, le(j.value.time), 1)
           ], 4)) : q("", !0)
         ]),
         _: 1
       }),
-      (E(!0), j(te, null, pe(O(o).cellDates, (X, i) => (E(), Ee(ma, {
+      (E(!0), O(te, null, we(V(r).cellDates, (R, i) => (E(), Ee(ma, {
         key: i,
-        start: X.start,
-        end: X.end,
+        start: R.start,
+        end: R.end,
         index: i
       }, Oe({ _: 2 }, [
-        M.$slots.cell ? {
+        b.$slots.cell ? {
           name: "cell",
           fn: Z((c) => [
-            H(M.$slots, "cell", he({ ref_for: !0 }, c))
+            z(b.$slots, "cell", he({ ref_for: !0 }, c))
           ]),
           key: "0"
         } : void 0,
-        M.$slots["cell-date"] ? {
+        b.$slots["cell-date"] ? {
           name: "cell-date",
           fn: Z((c) => [
-            H(M.$slots, "cell-date", he({ ref_for: !0 }, c))
+            z(b.$slots, "cell-date", he({ ref_for: !0 }, c))
           ]),
           key: "1"
         } : void 0,
-        M.$slots["cell-content"] ? {
+        b.$slots["cell-content"] ? {
           name: "cell-content",
           fn: Z((c) => [
-            H(M.$slots, "cell-content", he({ ref_for: !0 }, c))
+            z(b.$slots, "cell-content", he({ ref_for: !0 }, c))
           ]),
           key: "2"
         } : void 0,
-        M.$slots["cell-events"] ? {
+        b.$slots["cell-events"] ? {
           name: "cell-events",
           fn: Z((c) => [
-            H(M.$slots, "cell-events", he({ ref_for: !0 }, c))
+            z(b.$slots, "cell-events", he({ ref_for: !0 }, c))
           ]),
           key: "3"
-        } : M.$slots.event ? {
+        } : b.$slots.event ? {
           name: "event",
           fn: Z((c) => [
-            H(M.$slots, "event", he({ ref_for: !0 }, c))
+            z(b.$slots, "event", he({ ref_for: !0 }, c))
           ]),
           key: "4"
-        } : M.$slots["event-count"] ? {
+        } : b.$slots["event-count"] ? {
           name: "event-count",
           fn: Z((c) => [
-            H(M.$slots, "event-count", he({ ref_for: !0 }, c))
+            z(b.$slots, "event-count", he({ ref_for: !0 }, c))
           ]),
           key: "5"
         } : void 0
@@ -1946,113 +1949,113 @@ const st = (D, n) => {
     "event-created",
     "event-dropped"
   ],
-  setup(D, { expose: n, emit: o }) {
-    const h = D, p = o, k = _t("vuecal-el"), L = Ot({ props: h, emit: p, attrs: bt(), vuecalEl: k, uid: kt() }), { config: m, view: C, dateUtils: u, touch: f } = L, M = T(() => m.time && (C.isDay || C.isDays || C.isWeek)), W = T(() => Array(C.rows).fill().map((e, v) => u.getWeek(u.addDays(C.firstCellDate, 7 * v)))), X = T(() => {
+  setup(D, { expose: n, emit: r }) {
+    const h = D, p = r, k = _t("vuecal-el"), L = Ot({ props: h, emit: p, attrs: bt(), vuecalEl: k, uid: kt() }), { config: d, view: j, dateUtils: u, touch: m } = L, b = M(() => d.time && (j.isDay || j.isDays || j.isWeek)), N = M(() => Array(j.rows).fill().map((e, f) => u.getWeek(u.addDays(j.firstCellDate, 7 * f)))), R = M(() => {
       var e;
       return {
-        "vuecal--ready": m.ready,
-        [`vuecal--${m.theme}-theme`]: m.theme,
-        [`vuecal--${m.size}`]: !0,
-        "vuecal--date-picker": m.datePicker,
-        "vuecal--dark": m.dark,
-        "vuecal--light": !m.dark,
-        [`vuecal--${C.id}-view`]: !0,
-        "vuecal--view-has-time": M.value,
-        "vuecal--timeless": !m.time,
-        "vuecal--dragging-cell": f.isDraggingCell,
-        "vuecal--dragging-event": f.isDraggingEvent,
-        "vuecal--resizing-event": f.isResizingEvent,
-        "vuecal--has-schedules": (e = m.schedules) == null ? void 0 : e.length
+        "vuecal--ready": d.ready,
+        [`vuecal--${d.theme}-theme`]: d.theme,
+        [`vuecal--${d.size}`]: !0,
+        "vuecal--date-picker": d.datePicker,
+        "vuecal--dark": d.dark,
+        "vuecal--light": !d.dark,
+        [`vuecal--${j.id}-view`]: !0,
+        "vuecal--view-has-time": b.value,
+        "vuecal--timeless": !d.time,
+        "vuecal--dragging-cell": m.isDraggingCell,
+        "vuecal--dragging-event": m.isDraggingEvent,
+        "vuecal--resizing-event": m.isResizingEvent,
+        "vuecal--has-schedules": (e = d.schedules) == null ? void 0 : e.length
       };
-    }), i = T(() => ({
-      "--vuecal-time-cell-height": m.timeCellHeight && `${m.timeCellHeight}px`
-    })), c = T(() => {
-      var e, v;
+    }), i = M(() => ({
+      "--vuecal-time-cell-height": d.timeCellHeight && `${d.timeCellHeight}px`
+    })), c = M(() => {
+      var e, f;
       return {
-        "vuecal__scrollable--row": M.value || m.weekNumbers && C.isMonth,
+        "vuecal__scrollable--row": b.value || d.weekNumbers && j.isMonth,
         // Keep the states inside the Vue transition wrapper for smooth CSS transitions.
-        [`vuecal__scrollable--${C.id}-view`]: !0,
-        "vuecal__scrollable--has-schedules": (e = m.schedules) == null ? void 0 : e.length,
-        "vuecal__scrollable--no-schedules": !((v = m.schedules) != null && v.length)
+        [`vuecal__scrollable--${j.id}-view`]: !0,
+        "vuecal__scrollable--has-schedules": (e = d.schedules) == null ? void 0 : e.length,
+        "vuecal__scrollable--no-schedules": !((f = d.schedules) != null && f.length)
       };
     });
     return qe(async () => {
-      await Ue(), m.ready = !0, p("ready", { config: m, view: C });
-    }), Tt("vuecal", L), n({ view: L.view }), (e, v) => (E(), j("div", {
-      class: we(["vuecal", X.value]),
+      await Ue(), d.ready = !0, p("ready", { config: d, view: j });
+    }), Tt("vuecal", L), n({ view: L.view }), (e, f) => (E(), O("div", {
+      class: _e(["vuecal", R.value]),
       ref: "vuecal-el",
       "data-locale": e.locale,
-      style: be(i.value)
+      style: pe(i.value)
     }, [
-      e.$slots.diy ? H(e.$slots, "diy", {
+      e.$slots.diy ? z(e.$slots, "diy", {
         key: 0,
-        vuecal: O(L)
-      }) : (E(), j(te, { key: 1 }, [
+        vuecal: V(L)
+      }) : (E(), O(te, { key: 1 }, [
         Ve(At, null, Oe({ _: 2 }, [
           e.$slots.header ? {
             name: "header",
             fn: Z((g) => [
-              H(e.$slots, "header", ne(se(g)))
+              z(e.$slots, "header", ne(se(g)))
             ]),
             key: "0"
           } : void 0,
           !e.$slots.header && e.$slots["previous-button"] ? {
             name: "previous-button",
             fn: Z((g) => [
-              H(e.$slots, "previous-button", ne(se(g)))
+              z(e.$slots, "previous-button", ne(se(g)))
             ]),
             key: "1"
           } : void 0,
           !e.$slots.header && e.$slots["next-button"] ? {
             name: "next-button",
             fn: Z((g) => [
-              H(e.$slots, "next-button", ne(se(g)))
+              z(e.$slots, "next-button", ne(se(g)))
             ]),
             key: "2"
           } : void 0,
           !e.$slots.header && e.$slots["today-button"] ? {
             name: "today-button",
             fn: Z((g) => [
-              H(e.$slots, "today-button", ne(se(g)))
+              z(e.$slots, "today-button", ne(se(g)))
             ]),
             key: "3"
           } : void 0,
           !e.$slots.header && e.$slots.title ? {
             name: "title",
             fn: Z((g) => [
-              H(e.$slots, "title", ne(se(g)))
+              z(e.$slots, "title", ne(se(g)))
             ]),
             key: "4"
           } : void 0,
           !e.$slots.header && e.$slots["schedule-heading"] ? {
             name: "schedule-heading",
             fn: Z((g) => [
-              H(e.$slots, "schedule-heading", ne(se(g)))
+              z(e.$slots, "schedule-heading", ne(se(g)))
             ]),
             key: "5"
           } : void 0
         ]), 1024),
         me("div", ha, [
           Ve(Ge, {
-            name: `vuecal-slide-fade--${O(C).transitionDirection}`
+            name: `vuecal-slide-fade--${V(j).transitionDirection}`
           }, {
             default: Z(() => [
-              (E(), j("div", {
-                class: we(["vuecal__scrollable", c.value]),
-                key: O(C).id + O(C).start.getTime()
+              (E(), O("div", {
+                class: _e(["vuecal__scrollable", c.value]),
+                key: V(j).id + V(j).start.getTime()
               }, [
-                M.value ? (E(), Ee(Kt, { key: 0 }, Oe({ _: 2 }, [
+                b.value ? (E(), Ee(Kt, { key: 0 }, Oe({ _: 2 }, [
                   e.$slots["time-cell"] ? {
                     name: "time-cell",
                     fn: Z((g) => [
-                      H(e.$slots, "time-cell", ne(se(g)))
+                      z(e.$slots, "time-cell", ne(se(g)))
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1024)) : q("", !0),
-                O(m).weekNumbers && O(C).isMonth ? (E(), j("div", ya, [
-                  (E(!0), j(te, null, pe(W.value, (g) => (E(), j("div", Da, [
-                    H(e.$slots, "week-number", {}, () => [
+                V(d).weekNumbers && V(j).isMonth ? (E(), O("div", ya, [
+                  (E(!0), O(te, null, we(N.value, (g) => (E(), O("div", Da, [
+                    z(e.$slots, "week-number", {}, () => [
                       me("small", null, le(g), 1)
                     ])
                   ]))), 256))
@@ -2062,14 +2065,14 @@ const st = (D, n) => {
                     e.$slots["weekday-heading"] ? {
                       name: "weekday-heading",
                       fn: Z((g) => [
-                        H(e.$slots, "weekday-heading", ne(se(g)))
+                        z(e.$slots, "weekday-heading", ne(se(g)))
                       ]),
                       key: "0"
                     } : void 0,
                     e.$slots["schedule-heading"] ? {
                       name: "schedule-heading",
                       fn: Z((g) => [
-                        H(e.$slots, "schedule-heading", ne(se(g)))
+                        z(e.$slots, "schedule-heading", ne(se(g)))
                       ]),
                       key: "1"
                     } : void 0
@@ -2078,42 +2081,42 @@ const st = (D, n) => {
                     e.$slots.cell ? {
                       name: "cell",
                       fn: Z((g) => [
-                        H(e.$slots, "cell", ne(se(g)))
+                        z(e.$slots, "cell", ne(se(g)))
                       ]),
                       key: "0"
                     } : void 0,
                     !e.$slots.cell && e.$slots["cell-date"] ? {
                       name: "cell-date",
                       fn: Z((g) => [
-                        H(e.$slots, "cell-date", ne(se(g)))
+                        z(e.$slots, "cell-date", ne(se(g)))
                       ]),
                       key: "1"
                     } : void 0,
                     !e.$slots.cell && e.$slots["cell-content"] ? {
                       name: "cell-content",
                       fn: Z((g) => [
-                        H(e.$slots, "cell-content", ne(se(g)))
+                        z(e.$slots, "cell-content", ne(se(g)))
                       ]),
                       key: "2"
                     } : void 0,
                     !e.$slots.cell && e.$slots["cell-events"] ? {
                       name: "cell-events",
                       fn: Z((g) => [
-                        H(e.$slots, "cell-events", ne(se(g)))
+                        z(e.$slots, "cell-events", ne(se(g)))
                       ]),
                       key: "3"
                     } : void 0,
                     !e.$slots.cell && e.$slots.event ? {
                       name: "event",
                       fn: Z((g) => [
-                        H(e.$slots, "event", ne(se(g)))
+                        z(e.$slots, "event", ne(se(g)))
                       ]),
                       key: "4"
                     } : void 0,
                     !e.$slots.cell && e.$slots["event-count"] ? {
                       name: "event-count",
                       fn: Z((g) => [
-                        H(e.$slots, "event-count", ne(se(g)))
+                        z(e.$slots, "event-count", ne(se(g)))
                       ]),
                       key: "5"
                     } : void 0
@@ -2128,7 +2131,7 @@ const st = (D, n) => {
     ], 14, ga));
   }
 }, ka = (D) => {
-  He.texts = { ...ve.texts, ...D }, He.dateUtils.updateTexts(He.texts);
+  ze.texts = { ...ve.texts, ...D }, ze.dateUtils.updateTexts(ze.texts);
 }, {
   addDatePrototypes: ba,
   removeDatePrototypes: Ta,
@@ -2144,8 +2147,8 @@ const st = (D, n) => {
   isSameDate: Pa,
   isInRange: Fa,
   isLeapYear: La,
-  getPreviousFirstDayOfWeek: za,
-  stringToDate: Ha,
+  getPreviousFirstDayOfWeek: Ha,
+  stringToDate: za,
   dateToMinutes: Na,
   countDays: Wa,
   datesInSameTimeStep: Aa,
@@ -2155,7 +2158,7 @@ const st = (D, n) => {
   formatTime: Xa,
   formatTimeLite: Ga,
   formatMinutes: Ja
-} = He.dateUtils;
+} = ze.dateUtils;
 export {
   _a as VueCal,
   ba as addDatePrototypes,
@@ -2170,7 +2173,7 @@ export {
   Ja as formatMinutes,
   Xa as formatTime,
   Ga as formatTimeLite,
-  za as getPreviousFirstDayOfWeek,
+  Ha as getPreviousFirstDayOfWeek,
   Oa as getWeek,
   Fa as isInRange,
   La as isLeapYear,
@@ -2178,7 +2181,7 @@ export {
   ja as isToday,
   Ba as isValidDate,
   Ta as removeDatePrototypes,
-  Ha as stringToDate,
+  za as stringToDate,
   Ya as subtractDays,
   Sa as subtractHours,
   Va as subtractMinutes,