vue-cal 5.0.1-rc.17 → 5.0.1-rc.18

package/dist/vue-cal.es.js

@@ -1,6 +1,6 @@
 import { computed as $, reactive as $e, watch as me, toRefs as wt, ref as ie, onBeforeUnmount as Xe, inject as Ne, createElementBlock as O, openBlock as S, renderSlot as N, createCommentVNode as U, unref as V, Fragment as ne, renderList as be, normalizeClass as De, createElementVNode as ge, createVNode as Oe, Transition as Ge, withCtx as q, createBlock as Se, resolveDynamicComponent as Qe, mergeProps as ye, toHandlers as Ie, normalizeProps as se, guardReactiveProps as le, toDisplayString as re, normalizeStyle as ke, onMounted as qe, withModifiers as xe, nextTick as Ue, createTextVNode as et, TransitionGroup as tt, createSlots as je, useTemplateRef as _t, useId as kt, useAttrs as bt, provide as Tt } from "vue";
 /**
-  * vue-cal v5.0.1-rc.17
+  * vue-cal v5.0.1-rc.18
   * (c) 2024-2025 Antoni Andre <antoniandre.web@gmail.com>
   * @license MIT
   */
@@ -40,7 +40,7 @@ const fe = {
     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]);
-  }), H = $(() => n.sm && !n.xs), v = $(() => n.xs || n.datePicker), j = $(() => n.clickToNavigate || n.datePicker && n.clickToNavigate !== !1), i = $(() => {
+  }), H = $(() => n.sm && !n.xs), m = $(() => n.xs || n.datePicker), j = $(() => n.clickToNavigate || n.datePicker && n.clickToNavigate !== !1), i = $(() => {
     const s = {
       cell: {},
       // All possible event listeners to attach to cells.
@@ -85,7 +85,7 @@ const fe = {
   }), e = $(() => {
     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;
-  }), m = $(() => {
+  }), d = $(() => {
     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 = $(() => {
@@ -122,12 +122,12 @@ const fe = {
     disableDays: c,
     ready: p,
     sm: H,
-    xs: v,
+    xs: m,
     clickToNavigate: j,
     hideWeekdays: f,
     hideWeekends: T,
     minTimestamp: e,
-    maxTimestamp: m,
+    maxTimestamp: d,
     schedules: g,
     selectedDate: o,
     editableEvents: M,
@@ -137,7 +137,7 @@ const fe = {
       return Object.keys(f.value).length;
     },
     get size() {
-      return v.value ? "xs" : H.value ? "sm" : "lg";
+      return m.value ? "xs" : H.value ? "sm" : "lg";
     },
     loadTexts: P
   };
@@ -158,66 +158,69 @@ const we = $e({ el: null, cell: null, timeout: null }), _e = $e({
   toVueCal: null
 });
 function Et(D) {
-  const { config: n, view: r, eventsManager: h, emit: p, uid: b, dateUtils: H } = D, v = (e) => {
+  const { config: n, view: r, eventsManager: h, emit: p, uid: b, dateUtils: H } = D, m = (e) => {
     var l;
-    const { timeStep: m, timeCellHeight: g, timeFrom: M } = 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: d, timeCellHeight: g, timeFrom: M } = 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 Pe(Ze(s, e.currentTarget), n);
-  }, j = (e, m, g) => {
-    const M = m.duration || i(m.start, m.end) || n.timeStep;
-    let P = Math.max(v(e), 0);
+  }, j = (e, d, g) => {
+    const M = d.duration || i(d.start, d.end) || n.timeStep;
+    let P = Math.max(m(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 + M, 24 * 60), l = new Date(new Date(g).setMinutes(s));
     return { start: A, end: l };
-  }, i = (e, m) => Math.round((m - e) / 6e4);
+  }, i = (e, d) => Math.round((d - e) / 6e4);
   return {
-    eventDragStart: (e, m) => {
+    eventDragStart: (e, d) => {
       if (e.target.nodeType === 3 || D.touch.isResizingEvent) return e.preventDefault();
       e.dataTransfer.effectAllowed = "move", e.dataTransfer.dropEffect = "move";
-      const g = { ...m, _: { id: m._.id, duration: i(m.start, m.end) } };
+      const g = { ...d, _: { id: d._.id, duration: i(d.start, d.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();
       }
-      _e.eventId = m._.id, _e.fromVueCal = b;
+      _e.eventId = d._.id, _e.fromVueCal = b, p("event-drag-start", {
+        e,
+        event: d
+      });
       const M = e.target.closest(".vuecal__event");
       M.classList.add("vuecal__event--dragging-ghost"), setTimeout(() => {
         M.classList.add("vuecal__event--dragging-original"), M.classList.remove("vuecal__event--dragging-ghost");
       }, 0), at = !1, Object.assign(Be, { id: r.id, date: r.firstCellDate }), Je = !0, D.touch.isDraggingEvent = !0;
     },
-    eventDragEnd: (e, m) => {
+    eventDragEnd: (e, d) => {
       _e.eventId = null, e.target.closest(".vuecal__event").classList.remove("vuecal__event--dragging-original");
       const { fromVueCal: g, toVueCal: M } = _e;
-      M && g !== M && h.deleteEvent(m._.id, 3), at && Je && Be.id && r.switchView(Be.id, Be.date, !0), p("event-drag-end", {
+      M && g !== M && h.deleteEvent(d._.id, 3), at && Je && Be.id && r.switchView(Be.id, Be.date, !0), p("event-drag-end", {
         e,
-        event: m,
+        event: d,
         external: _e.fromVueCal !== b
       }), _e.fromVueCal = null, _e.toVueCal = null, D.touch.isDraggingEvent = !1;
     },
-    cellDragEnter: (e, m) => {
-      const { start: g } = m, M = e.currentTarget;
+    cellDragEnter: (e, d) => {
+      const { start: g } = d, M = e.currentTarget;
       if (!e.currentTarget.contains(e.relatedTarget)) {
         if (M === we.el || !M.className.includes("vuecal__cell-content")) return !1;
-        we.el && (we.cell.highlighted = !1), Object.assign(we, { el: M, cell: m, timeout: clearTimeout(we.timeout) }), m.highlighted = !0, ["years", "year", "month"].includes(r.id) && (we.timeout = setTimeout(() => D.switchToNarrowerView(g), 2e3));
+        we.el && (we.cell.highlighted = !1), Object.assign(we, { el: M, cell: d, timeout: clearTimeout(we.timeout) }), d.highlighted = !0, ["years", "year", "month"].includes(r.id) && (we.timeout = setTimeout(() => D.switchToNarrowerView(g), 2e3));
       }
     },
-    cellDragOver: (e, m) => {
-      const { start: g, schedule: M } = m;
-      e.preventDefault(), m.highlighted = !0, (M || M === 0) && (m.highlightedSchedule = M);
+    cellDragOver: (e, d) => {
+      const { start: g, schedule: M } = d;
+      e.preventDefault(), d.highlighted = !0, (M || M === 0) && (d.highlightedSchedule = M);
     },
-    cellDragLeave: (e, m) => {
-      e.preventDefault(), !e.currentTarget.contains(e.relatedTarget) && (m.highlightedSchedule = !1, we.cell === m && (clearTimeout(we.timeout), Object.assign(we, { el: null, cell: null, timeout: null }), m.highlighted = !1));
+    cellDragLeave: (e, d) => {
+      e.preventDefault(), !e.currentTarget.contains(e.relatedTarget) && (d.highlightedSchedule = !1, we.cell === d && (clearTimeout(we.timeout), Object.assign(we, { el: null, cell: null, timeout: null }), d.highlighted = !1));
     },
-    cellDragDrop: async (e, m) => {
+    cellDragDrop: async (e, d) => {
       var C, L, J;
       e.preventDefault(), clearTimeout(we.timeout), Object.assign(we, { 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 M;
-      const { start: P, end: A } = j(e, g, m.start), { schedule: s } = ((C = e.target.closest("[data-schedule]")) == null ? void 0 : C.dataset) || {};
+      const { start: P, end: A } = j(e, g, d.start), { schedule: s } = ((C = e.target.closest("[data-schedule]")) == null ? void 0 : C.dataset) || {};
       let l = () => {
       };
       _e.fromVueCal === b ? (M = h.getEvent(g._.id), M && (M._.dragging = !1, l = () => {
@@ -242,11 +245,11 @@ function Et(D) {
         e,
         event: { ...M, start: P, end: A, schedule: ~~s },
         overlaps: M.getOverlappingEvents({ start: P, end: A, schedule: ~~s }),
-        cell: m,
+        cell: d,
         external: _e.fromVueCal !== b
-      })), _ !== !1 && l(), m.highlighted = !1, m.highlightedSchedule = null, Je = !1, _e.toVueCal = b, p("event-dropped", {
+      })), _ !== !1 && l(), d.highlighted = !1, d.highlightedSchedule = null, Je = !1, _e.toVueCal = b, p("event-dropped", {
         e,
-        cell: m,
+        cell: d,
         event: M,
         originalEvent: g,
         external: _e.fromVueCal !== b
@@ -256,8 +259,8 @@ function Et(D) {
 }
 const st = (D, n) => {
   let r, h, p, b = {}, H = {};
-  const v = ie(D), j = () => {
-    v.value.today || (v.value = n), Date.prototype.addDays = function(a) {
+  const m = ie(D), j = () => {
+    m.value.today || (m.value = n), Date.prototype.addDays = function(a) {
       return W(this, a || 0);
     }, Date.prototype.subtractDays = function(a) {
       return R(this, a || 0);
@@ -268,7 +271,7 @@ const st = (D, n) => {
     }, Date.prototype.addMinutes = function(a) {
       return e(this, a || 0);
     }, Date.prototype.subtractMinutes = function(a) {
-      return m(this, a || 0);
+      return d(this, a || 0);
     }, Date.prototype.getWeek = function() {
       return M(this);
     }, Date.prototype.isToday = function() {
@@ -283,7 +286,7 @@ const st = (D, n) => {
   }, i = () => {
     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) => {
-    v.value = a, Date.prototype.subtractDays && j();
+    m.value = a, Date.prototype.subtractDays && j();
   }, T = () => (h !== (/* @__PURE__ */ new Date()).getDate() && (r = /* @__PURE__ */ new Date(), h = r.getDate(), p = `${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`), p), W = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setDate(y.getDate() + w), y;
@@ -299,7 +302,7 @@ const st = (D, n) => {
   }, e = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setMinutes(y.getMinutes() + w), y;
-  }, m = (a, w) => {
+  }, d = (a, w) => {
     const y = new Date(a.valueOf());
     return y.setMinutes(y.getMinutes() - w), y;
   }, g = (a, w) => {
@@ -334,7 +337,7 @@ const st = (D, n) => {
     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, Z = (a) => a && a instanceof Date && !isNaN(a), ue = (a, w = "YYYY-MM-DD", y = null) => {
-    if (y || (y = v.value), w || (w = "YYYY-MM-DD"), w === "YYYY-MM-DD") return ce(a);
+    if (y || (y = m.value), w || (w = "YYYY-MM-DD"), w === "YYYY-MM-DD") return ce(a);
     b = {}, H = {};
     const B = {
       YYYY: () => ee(a, y).YYYY,
@@ -375,7 +378,7 @@ const st = (D, n) => {
       u + k + E === 141 && (Q = !0);
     }
     if (a instanceof Date && w === "HH:mm") return Q ? "24:00" : pe(a);
-    H = {}, y || (y = v.value);
+    H = {}, y || (y = m.value);
     const he = x(a, y), te = w.replace(/(\{[a-zA-Z]+\}|[a-zA-Z]+)/g, (u, k) => {
       const E = he[k.replace(/\{|\}/g, "")];
       return E !== void 0 ? E : k;
@@ -463,7 +466,7 @@ const st = (D, n) => {
     addHours: o,
     subtractHours: c,
     addMinutes: e,
-    subtractMinutes: m,
+    subtractMinutes: d,
     snapToInterval: g,
     getWeek: M,
     isToday: P,
@@ -495,17 +498,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 = r.events.sort((e, m) => e.start - m.start < 0 ? -1 : 1);
+    }, c = r.events.sort((e, d) => e.start - d.start < 0 ? -1 : 1);
     for (const e of c)
-      b(e), e._ || (e._ = {}), e._.id = e._.id || ++h, e.delete || (e.delete = (m) => f(e._.id, m)), e._.deleting = !1, e._.deleted = !1, e.isOverlapping = (m = null) => e.getOverlappingEvents(m).length, e.getOverlappingEvents = (m = null) => {
+      b(e), e._ || (e._ = {}), e._.id = e._.id || ++h, e.delete || (e.delete = (d) => f(e._.id, d)), e._.deleting = !1, e._.deleted = !1, e.isOverlapping = (d = null) => e.getOverlappingEvents(d).length, e.getOverlappingEvents = (d = null) => {
         var g;
         return W(
-          v(n.formatDate((m == null ? void 0 : m.start) || e.start), !0),
-          { start: (m == null ? void 0 : m.start) || e.start, end: (m == null ? void 0 : m.end) || e.end },
-          { excludeIds: [e._.id], schedule: (g = r.schedules) != null && g.length ? ~~((m == null ? void 0 : m.schedule) || e.schedule) : null }
+          m(n.formatDate((d == null ? void 0 : d.start) || e.start), !0),
+          { start: (d == null ? void 0 : d.start) || e.start, end: (d == null ? void 0 : d.end) || e.end },
+          { excludeIds: [e._.id], schedule: (g = r.schedules) != null && g.length ? ~~((d == null ? void 0 : d.schedule) || e.schedule) : null }
         );
-      }, e._.register = (m) => {
-        e._.$el = m, e._.fireCreated && (D.emit("event-created", e), delete e._.fireCreated);
+      }, e._.register = (d) => {
+        e._.$el = d, 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;
       }, o.byId[e._.id] = e, e.recurring ? o.recurring.push(e._.id) : e._.multiday ? (o.multiday.push(e._.id), o.byDate[e._.startFormatted] || (o.byDate[e._.startFormatted] = []), o.byDate[e._.startFormatted].push(e._.id)) : (o.byDate[e._.startFormatted] || (o.byDate[e._.startFormatted] = []), o.byDate[e._.startFormatted].push(e._.id));
@@ -516,17 +519,17 @@ const st = (D, n) => {
       return;
     } else o.end.getTime() < o.start.getTime() && console.error(`Vue Cal: invalid event dates for event "${o.title}". The event ends before it starts.`, o.start, o.end);
     o._ || (o._ = {}), o._.multiday = !n.isSameDate(o.start, new Date(o.end.getTime() - 1)), o._.startFormatted = n.formatDate(o.start), o._.startMinutes = ~~n.dateToMinutes(o.start), o._.endMinutes = ~~n.dateToMinutes(o.end);
-    const c = o.start.getHours(), e = o.start.getMinutes().toString().padStart(2, 0), m = o.end.getHours(), g = o.end.getMinutes().toString().padStart(2, 0);
-    o._.startTimeFormatted24 = `${c.toString().padStart(2, 0)}:${e}`, o._.startTimeFormatted12 = `${c % 12 || 12}${e ? `:${e}` : ""} ${c < 12 ? "AM" : "PM"}`, o._.endTimeFormatted24 = `${m.toString().padStart(2, 0)}:${g}`, o._.endTimeFormatted12 = `${m % 12 || 12}${g ? `:${g}` : ""} ${m < 12 ? "AM" : "PM"}`, o._.duration = Math.abs(~~((o.end - o.start) / 6e4));
-  }, H = (o) => p.value.byId[o], v = (o, c = !1, e = !1) => {
-    let m = p.value.byDate[o] || [];
-    return m = c || e ? m.map(H) : m, e || (m = m.filter((g) => !g.background && !g._.deleted), c || (m = m.map((g) => g._.id))), m;
+    const c = o.start.getHours(), e = o.start.getMinutes().toString().padStart(2, 0), d = o.end.getHours(), g = o.end.getMinutes().toString().padStart(2, 0);
+    o._.startTimeFormatted24 = `${c.toString().padStart(2, 0)}:${e}`, o._.startTimeFormatted12 = `${c % 12 || 12}${e ? `:${e}` : ""} ${c < 12 ? "AM" : "PM"}`, o._.endTimeFormatted24 = `${d.toString().padStart(2, 0)}:${g}`, o._.endTimeFormatted12 = `${d % 12 || 12}${g ? `:${g}` : ""} ${d < 12 ? "AM" : "PM"}`, o._.duration = Math.abs(~~((o.end - o.start) / 6e4));
+  }, H = (o) => p.value.byId[o], m = (o, c = !1, e = !1) => {
+    let d = p.value.byDate[o] || [];
+    return d = c || e ? d.map(H) : d, e || (d = d.filter((g) => !g.background && !g._.deleted), c || (d = d.map((g) => g._.id))), d;
   }, j = (o) => {
     const c = {};
     for (const { startFormatted: e } of o) {
       c[e] = [];
-      const m = v(e, !1, !0);
-      m.length && c[e].push(...m);
+      const d = m(e, !1, !0);
+      d.length && c[e].push(...d);
     }
     return c;
   }, i = (o) => {
@@ -539,9 +542,9 @@ const st = (D, n) => {
     var P, A;
     if (!o) return console.warn("Vue Cal: Cannot delete event without its ID or criteria.");
     let e = typeof o == "string" || !isNaN(o) ? o : null;
-    const m = typeof o == "object" ? Object.entries(o) : null;
-    if (m) {
-      const [s, l] = m[0];
+    const d = typeof o == "object" ? Object.entries(o) : null;
+    if (d) {
+      const [s, l] = d[0];
       e = (P = r.events.find((_) => _[s] === l)) == null ? void 0 : P._.id;
     }
     if (!r.editableEvents.delete)
@@ -572,15 +575,15 @@ const st = (D, n) => {
     }
     return !0;
   }, T = (o) => {
-    const c = v(o, !0);
+    const c = m(o, !0);
     if (!c.length) return { cellOverlaps: {}, longestStreak: 0 };
     const e = {};
-    let m = [], g = 0;
+    let d = [], g = 0;
     c.sort((M, P) => M.start - P.start || M.end - M.start - (P.end - P.start));
     for (const M of c) {
       const P = M._.id;
-      e[P] || (e[P] = { overlaps: /* @__PURE__ */ new Set(), maxConcurrent: 1, position: 0 }), m = m.filter((t) => t.end > M.start);
-      const A = m.filter((t) => {
+      e[P] || (e[P] = { overlaps: /* @__PURE__ */ new Set(), maxConcurrent: 1, position: 0 }), d = d.filter((t) => t.end > M.start);
+      const A = d.filter((t) => {
         var L;
         return (!((L = r.schedules) != null && L.length) || M.schedule === t.schedule) && t.start < M.end;
       }), s = new Set(A.map((t) => {
@@ -589,7 +592,7 @@ const st = (D, n) => {
       }));
       let l = 0;
       for (; s.has(l); ) l++;
-      e[P].position = l, m.push(M);
+      e[P].position = l, d.push(M);
       const _ = Math.max(1, ...A.map((t) => {
         var C;
         return ((C = e[t._.id]) == null ? void 0 : C.maxConcurrent) ?? 1;
@@ -601,20 +604,20 @@ const st = (D, n) => {
     }
     for (const M in e) e[M].overlaps = [...e[M].overlaps];
     return { cellOverlaps: e, longestStreak: g };
-  }, W = (o = [], { start: c, end: e }, { excludeIds: m = [], schedule: g = null }) => {
+  }, W = (o = [], { start: c, end: e }, { excludeIds: d = [], schedule: g = null }) => {
     var A;
-    const M = new Set(m), P = [];
+    const M = new Set(d), P = [];
     for (const s of o)
       !M.has((A = s._) == null ? void 0 : A.id) && (g === null || g === s.schedule) && R(s, c, e) && P.push(s);
     return P;
   }, R = (o, c, e) => {
-    const m = o.allDay || !r.time, g = m ? new Date(o.start).setHours(0, 0, 0, 0) : o.start.getTime(), M = m ? new Date(o.end).setHours(23, 59, 59, 999) : o.end.getTime(), P = m ? new Date(c).setHours(0, 0, 0, 0) : c.getTime(), A = m ? new Date(e).setHours(23, 59, 59, 999) : e.getTime();
+    const d = o.allDay || !r.time, g = d ? new Date(o.start).setHours(0, 0, 0, 0) : o.start.getTime(), M = d ? new Date(o.end).setHours(23, 59, 59, 999) : o.end.getTime(), P = d ? new Date(c).setHours(0, 0, 0, 0) : c.getTime(), A = d ? new Date(e).setHours(23, 59, 59, 999) : e.getTime();
     return M > P && g < A;
   };
   return {
     events: p,
     getEvent: H,
-    getEventsByDate: v,
+    getEventsByDate: m,
     getViewEvents: j,
     getCellOverlappingEvents: T,
     getEventsInRange: W,
@@ -623,22 +626,22 @@ const st = (D, n) => {
     isEventInRange: R
   };
 }, Ct = ({ config: D, dateUtils: n, emit: r, texts: h, eventsManager: p }, b) => {
-  const { availableViews: H } = D, v = ie(D.view && H[D.view] ? D.view : D.defaultView), j = ie(D.selectedDate || null), i = ie(/* @__PURE__ */ new Date()), f = ie(new Date(D.viewDate || i.value));
+  const { availableViews: H } = D, m = ie(D.view && H[D.view] ? D.view : D.defaultView), j = ie(D.selectedDate || null), i = ie(/* @__PURE__ */ new Date()), f = ie(new Date(D.viewDate || i.value));
   f.value.setHours(0, 0, 0, 0);
   const T = ie(new Date(f));
   let W = null;
-  const R = $(() => v.value === "month" ? T.value : l.value), o = $(() => v.value === "month" ? new Date(T.value.getFullYear(), T.value.getMonth() + 1, 0, 23, 59, 59, 999) : t.value), c = $(() => v.value === "week" ? n.getPreviousFirstDayOfWeek(l.value, D.startWeekOnSunday) : v.value === "month" ? l.value : R.value), e = $(() => {
-    if (v.value === "week") {
-      const d = n.addDays(c.value, 7);
-      return d.setMilliseconds(-1), d;
+  const R = $(() => m.value === "month" ? T.value : l.value), o = $(() => m.value === "month" ? new Date(T.value.getFullYear(), T.value.getMonth() + 1, 0, 23, 59, 59, 999) : t.value), c = $(() => m.value === "week" ? n.getPreviousFirstDayOfWeek(l.value, D.startWeekOnSunday) : m.value === "month" ? l.value : R.value), e = $(() => {
+    if (m.value === "week") {
+      const v = n.addDays(c.value, 7);
+      return v.setMilliseconds(-1), v;
     }
-    return v.value === "month" ? t.value : o.value;
-  }), m = $(() => {
-    const d = i.value.getTime();
-    if (v.value === "week")
-      return c.value.getTime() <= d && d <= e.value.getTime();
+    return m.value === "month" ? t.value : o.value;
+  }), d = $(() => {
+    const v = i.value.getTime();
+    if (m.value === "week")
+      return c.value.getTime() <= v && v <= e.value.getTime();
     const F = l.value.getTime(), X = t.value.getTime();
-    return F <= d && d <= X;
+    return F <= v && v <= X;
   });
   function g() {
     i.value = /* @__PURE__ */ new Date(), W = setTimeout(g, 60 * 1e3);
@@ -647,28 +650,28 @@ const st = (D, n) => {
     W = setTimeout(g, (60 - (/* @__PURE__ */ new Date()).getSeconds()) * 1e3), g();
   }
   const P = $(() => {
-    if (!D.availableViews[v.value]) return 1;
-    let d = D.availableViews[v.value].cols;
-    return D.hasHiddenDays && ["week", "month"].includes(v.value) && (d -= D.hasHiddenDays), d;
+    if (!D.availableViews[m.value]) return 1;
+    let v = D.availableViews[m.value].cols;
+    return D.hasHiddenDays && ["week", "month"].includes(m.value) && (v -= D.hasHiddenDays), v;
   }), A = $(() => {
-    var d;
-    return ((d = D.availableViews[v.value]) == null ? void 0 : d.rows) || 1;
+    var v;
+    return ((v = D.availableViews[m.value]) == null ? void 0 : v.rows) || 1;
   }), s = $(() => P.value * A.value), l = $(() => {
-    if (v.value === "month") {
-      let d = T.value.getDay() || 7;
-      return D.startWeekOnSunday && !D.hideWeekdays[7] && (d += 1), D.viewDayOffset && (d -= D.viewDayOffset), n.subtractDays(T.value, d - 1);
+    if (m.value === "month") {
+      let v = T.value.getDay() || 7;
+      return D.startWeekOnSunday && !D.hideWeekdays[7] && (v += 1), D.viewDayOffset && (v -= D.viewDayOffset), n.subtractDays(T.value, v - 1);
     }
-    if (v.value === "week") {
-      const d = "1234567".split("").filter((X) => !Object.keys(D.hideWeekdays).includes(X));
-      let F = Math.min(...d);
+    if (m.value === "week") {
+      const v = "1234567".split("").filter((X) => !Object.keys(D.hideWeekdays).includes(X));
+      let F = Math.min(...v);
       return D.startWeekOnSunday && !D.hideWeekdays[7] && (F = 1), D.viewDayOffset && (F += D.viewDayOffset), n.addDays(T.value, F - 1);
     }
     return T.value;
   }), _ = $(() => {
-    const d = [], F = ["days", "week", "month"].includes(v.value);
+    const v = [], F = ["days", "week", "month"].includes(m.value);
     let X = 0;
     for (let G = 0; G < s.value + X; G++)
-      switch (v.value) {
+      switch (m.value) {
         case "day":
         case "days":
         case "week":
@@ -679,44 +682,44 @@ const st = (D, n) => {
             continue;
           }
           const Ce = new Date(ve);
-          Ce.setHours(23, 59, 59, 999), d.push({ start: ve, startFormatted: n.formatDate(ve), end: Ce });
+          Ce.setHours(23, 59, 59, 999), v.push({ start: ve, startFormatted: n.formatDate(ve), end: Ce });
           break;
         }
         case "year":
-          d.push({
+          v.push({
             start: new Date(l.value.getFullYear(), G, 1, 0, 0, 0, 0),
             end: new Date(l.value.getFullYear(), G + 1, 0, 23, 59, 59, 999)
           });
           break;
         case "years":
-          d.push({
+          v.push({
             start: new Date(l.value.getFullYear() + G, 0, 1, 0, 0, 0, 0),
             end: new Date(l.value.getFullYear() + G + 1, 0, 0, 23, 59, 59, 999)
           });
           break;
       }
-    return d;
+    return v;
   }), t = $(() => _.value[_.value.length - 1].end), C = ie("right"), L = $(() => {
-    const d = Object.keys(D.availableViews);
-    return d[d.indexOf(v.value) + 1];
+    const v = Object.keys(D.availableViews);
+    return v[v.indexOf(m.value) + 1];
   }), J = $(() => {
-    const d = Object.keys(D.availableViews);
-    return d[d.indexOf(v.value) - 1];
+    const v = Object.keys(D.availableViews);
+    return v[v.indexOf(m.value) - 1];
   });
-  function Z(d, F, X = !1) {
-    if (!F || !F[d]) return d + 1;
-    const G = F[d];
+  function Z(v, F, X = !1) {
+    if (!F || !F[v]) return v + 1;
+    const G = F[v];
     return X && typeof G == "string" ? G.substring(0, 3) : G;
   }
-  function ue(d, F, X) {
-    const { monthsArray: G, monthBeforeDay: ve, canTruncate: We, xs: Ce } = X, Me = d.getMonth(), Ye = d.getFullYear(), Ee = F.getMonth(), Fe = F.getFullYear(), Ae = Me !== Ee, pt = Ye !== Fe, Te = We && (Ce || Ae), Le = d.getDate(), He = F.getDate();
+  function ue(v, F, X) {
+    const { monthsArray: G, monthBeforeDay: ve, canTruncate: We, xs: Ce } = X, Me = v.getMonth(), Ye = v.getFullYear(), Ee = F.getMonth(), Fe = F.getFullYear(), Ae = Me !== Ee, pt = Ye !== Fe, Te = We && (Ce || Ae), Le = v.getDate(), He = F.getDate();
     return pt ? ve ? `${Z(Me, G, Te)} ${Le}, ${Ye} - ${Z(Ee, G, Te)} ${He}, ${Fe}` : `${Le} ${Z(Me, G, Te)} ${Ye} - ${He} ${Z(Ee, G, Te)} ${Fe}` : Ae ? ve ? `${Z(Me, G, Te)} ${Le} - ${Z(Ee, G, Te)} ${He}, ${Ye}` : `${Le} ${Z(Me, G, Te)} - ${He} ${Z(Ee, G, Te)} ${Ye}` : ve ? `${Z(Me, G, Te)} ${Le}-${He}, ${Ye}` : `${Le}-${He} ${Z(Me, G, Te)} ${Ye}`;
   }
   const ce = $(() => {
-    const { dateFormat: d, months: F, monthsGenitive: X, week: G, truncations: ve } = h, We = D.locale, Ce = ve !== !1, Me = d.indexOf("M") < d.indexOf("D"), Ye = X && We === "el" ? X : F;
-    switch (v.value) {
+    const { dateFormat: v, months: F, monthsGenitive: X, week: G, truncations: ve } = h, We = D.locale, Ce = ve !== !1, Me = v.indexOf("M") < v.indexOf("D"), Ye = X && We === "el" ? X : F;
+    switch (m.value) {
       case "day":
-        return n.formatDate(l.value, d);
+        return n.formatDate(l.value, v);
       case "days":
       case "week": {
         const Ee = {
@@ -726,7 +729,7 @@ const st = (D, n) => {
           xs: D.xs
         };
         let Fe = ue(l.value, t.value, Ee);
-        if (v.value === "week") {
+        if (m.value === "week") {
           const Ae = n.getWeek(
             l.value,
             D.startWeekOnSunday && !D.hideWeekdays[7]
@@ -746,7 +749,7 @@ const st = (D, n) => {
     }
   });
   function de() {
-    switch (T.value = new Date(f.value || i.value), T.value.setHours(0, 0, 0, 0), v.value) {
+    switch (T.value = new Date(f.value || i.value), T.value.setHours(0, 0, 0, 0), m.value) {
       case "day":
         break;
       case "days":
@@ -765,24 +768,24 @@ const st = (D, n) => {
         break;
     }
     D.ready && r("view-change", {
-      id: v.value,
+      id: m.value,
       title: ce.value,
       start: R.value,
       end: o.value,
       extendedStart: c.value,
       extendedEnd: e.value,
       cellDates: _.value,
-      containsToday: m.value,
+      containsToday: d.value,
       events: z.value
     }), i.value = /* @__PURE__ */ new Date();
   }
-  function pe(d) {
-    const F = v.value, X = D.availableViews[F];
-    d[F] && JSON.stringify(d[F]) === JSON.stringify(X) || de();
+  function pe(v) {
+    const F = m.value, X = D.availableViews[F];
+    v[F] && JSON.stringify(v[F]) === JSON.stringify(X) || de();
   }
-  function oe(d, F = !0) {
+  function oe(v, F = !0) {
     const X = Object.keys(D.availableViews);
-    v.value !== d && (X.includes(d) ? (C.value = X.indexOf(d) < X.indexOf(v.value) ? "left" : "right", v.value = d, r("update:view", d), de()) : console.warn(`Vue Cal: the \`${d}\` view is not available.`));
+    m.value !== v && (X.includes(v) ? (C.value = X.indexOf(v) < X.indexOf(m.value) ? "left" : "right", m.value = v, r("update:view", v), de()) : console.warn(`Vue Cal: the \`${v}\` view is not available.`));
   }
   function K() {
     L.value ? oe(L.value) : console.warn("Vue Cal: no broader view is available.");
@@ -796,29 +799,29 @@ const st = (D, n) => {
   function a() {
     w(!0);
   }
-  function w(d = !0) {
+  function w(v = !0) {
     let F = new Date(f.value);
-    switch (v.value) {
+    switch (m.value) {
       case "day":
       case "days":
-        d ? F = n.addDays(t.value, 1) : F = n.subtractDays(l.value, s.value);
+        v ? F = n.addDays(t.value, 1) : F = n.subtractDays(l.value, s.value);
         break;
       case "week": {
-        d ? (F = n.addDays(e.value, 1), F.setHours(0, 0, 0, 0)) : F = n.subtractDays(c.value, s.value);
+        v ? (F = n.addDays(e.value, 1), F.setHours(0, 0, 0, 0)) : F = n.subtractDays(c.value, s.value);
         break;
       }
       case "month": {
-        const X = d ? 1 : -1;
+        const X = v ? 1 : -1;
         F = new Date(F.getFullYear(), F.getMonth() + X, 1, 0, 0, 0, 0);
         break;
       }
       case "year": {
-        const X = d ? 1 : -1;
+        const X = v ? 1 : -1;
         F = new Date(F.getFullYear() + X, 1, 1, 0, 0, 0, 0);
         break;
       }
       case "years": {
-        const X = d ? s.value : -s.value;
+        const X = v ? s.value : -s.value;
         F = new Date(F.getFullYear() + X, 1, 1, 0, 0, 0, 0);
         break;
       }
@@ -826,48 +829,48 @@ const st = (D, n) => {
     B(F);
   }
   function y() {
-    const d = /* @__PURE__ */ new Date();
-    d.setHours(0, 0, 0, 0), B(d);
+    const v = /* @__PURE__ */ new Date();
+    v.setHours(0, 0, 0, 0), B(v);
   }
-  function B(d, F = !0, X = !1) {
-    if (!n.isValid(d)) return console.warn("Vue Cal: can't navigate to the given date: invalid date provided to `updateViewDate(date)`.");
+  function B(v, F = !0, X = !1) {
+    if (!n.isValid(v)) return console.warn("Vue Cal: can't navigate to the given date: invalid date provided to `updateViewDate(date)`.");
     let [G, ve] = [l.value, t.value];
-    v.value === "month" && ([G, ve] = [R.value, o.value]), (!n.isInRange(d, G, ve) || X) && (d.setHours(0, 0, 0, 0), C.value = d.getTime() < G.getTime() ? "left" : "right", f.value = d, F && r("update:viewDate", d), de());
+    m.value === "month" && ([G, ve] = [R.value, o.value]), (!n.isInRange(v, G, ve) || X) && (v.setHours(0, 0, 0, 0), C.value = v.getTime() < G.getTime() ? "left" : "right", f.value = v, F && r("update:viewDate", v), de());
   }
-  function Q(d, F = !0) {
-    if (!n.isValid(d)) return console.warn("Vue Cal: can't update the selected date: invalid date provided to `updateSelectedDate(date)`.");
+  function Q(v, F = !0) {
+    if (!n.isValid(v)) return console.warn("Vue Cal: can't update the selected date: invalid date provided to `updateSelectedDate(date)`.");
     const { isValid: X, isSameDate: G } = n;
-    (!j.value || !X(j.value) || !G(d, j.value)) && (d.setHours(0, 0, 0, 0), j.value = d, F && r("update:selectedDate", d));
+    (!j.value || !X(j.value) || !G(v, j.value)) && (v.setHours(0, 0, 0, 0), j.value = v, F && r("update:selectedDate", v));
   }
-  function he(d) {
-    !d && !T.value.getDay() ? B(n.addDays(T.value, 1), !0, !0) : (C.value = "left", de());
+  function he(v) {
+    !v && !T.value.getDay() ? B(n.addDays(T.value, 1), !0, !0) : (C.value = "left", de());
   }
-  function te(d) {
-    d && D.startWeekOnSunday && !T.value.getDay() ? B(n.addDays(T.value, 1), !0, !0) : !d && D.startWeekOnSunday && T.value.getDay() === 1 && B(n.subtractDays(T.value, 1), !0, !0);
+  function te(v) {
+    v && D.startWeekOnSunday && !T.value.getDay() ? B(n.addDays(T.value, 1), !0, !0) : !v && D.startWeekOnSunday && T.value.getDay() === 1 && B(n.subtractDays(T.value, 1), !0, !0);
   }
   function u() {
     console.log("toggling weekdays", D.hideWeekdays);
   }
-  function k(d) {
+  function k(v) {
     var G;
-    const F = (G = b.value) == null ? void 0 : G.querySelector(".vuecal__scrollable"), X = d ? d * D.timeCellHeight / D.timeStep : 0;
+    const F = (G = b.value) == null ? void 0 : G.querySelector(".vuecal__scrollable"), X = v ? v * D.timeCellHeight / D.timeStep : 0;
     F == null || F.scrollTo({ top: X, behavior: "smooth" });
   }
   function E() {
-    const d = /* @__PURE__ */ new Date();
-    k(d.getHours() * 60 + d.getMinutes());
+    const v = /* @__PURE__ */ new Date();
+    k(v.getHours() * 60 + v.getMinutes());
   }
   function Y() {
     k(0);
   }
   const z = $(() => p.getViewEvents(_.value)), I = p.createEvent, ae = p.deleteEvent;
-  return me(() => D.view, (d) => oe(d, !1)), me(() => D.availableViews, pe), me(() => D.datePicker, () => oe("month", !1)), me(() => D.viewDate, (d) => B(d, !1)), me(() => D.selectedDate, (d) => Q(d, !1)), me(() => D.startWeekOnSunday, (d) => he(d)), me(() => D.hideWeekends, (d) => te(d)), me(() => D.hideWeekdays, u), me(() => s.value, () => {
+  return me(() => D.view, (v) => oe(v, !1)), me(() => D.availableViews, pe), me(() => D.datePicker, () => oe("month", !1)), me(() => D.viewDate, (v) => B(v, !1)), me(() => D.selectedDate, (v) => Q(v, !1)), me(() => D.startWeekOnSunday, (v) => he(v)), me(() => D.hideWeekends, (v) => te(v)), me(() => D.hideWeekdays, u), me(() => s.value, () => {
     s.value > 90 && console.warn("Vue Cal: high cell count detected. Performance may degrade when interactions are enabled.");
-  }), me(() => D.watchRealTime, (d) => {
-    d && D.time ? M() : W = clearTimeout(W);
+  }), me(() => D.watchRealTime, (v) => {
+    v && D.time ? M() : W = clearTimeout(W);
   }), de(), D.time && D.watchRealTime && M(), Xe(() => W = clearTimeout(W)), {
     now: i,
-    id: v,
+    id: m,
     broaderView: L,
     narrowerView: J,
     title: ce,
@@ -880,7 +883,7 @@ const st = (D, n) => {
     // Full range, including out of scope month days, and hidden leading/trailing days.
     firstCellDate: l,
     lastCellDate: t,
-    containsToday: m,
+    containsToday: d,
     selectedDate: j,
     cellDates: _,
     cols: P,
@@ -906,22 +909,22 @@ const st = (D, n) => {
     deleteEvent: ae,
     // Getters.
     get isDay() {
-      return v.value === "day";
+      return m.value === "day";
     },
     get isDays() {
-      return v.value === "days";
+      return m.value === "days";
     },
     get isWeek() {
-      return v.value === "week";
+      return m.value === "week";
     },
     get isMonth() {
-      return v.value === "month";
+      return m.value === "month";
     },
     get isYear() {
-      return v.value === "year";
+      return m.value === "year";
     },
     get isYears() {
-      return v.value === "years";
+      return m.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 = {
@@ -1095,7 +1098,7 @@ const st = (D, n) => {
     const n = Ne("vuecal"), { view: r, config: h } = n, p = () => {
       h.clickToNavigate && r.broader();
     }, b = $(() => h.clickToNavigate ? { click: p } : {});
-    return (H, v) => (S(), O("div", Ft, [
+    return (H, m) => (S(), O("div", Ft, [
       N(H.$slots, "header", {
         view: V(r),
         availableViews: V(h).availableViews,
@@ -1113,7 +1116,7 @@ const st = (D, n) => {
         V(h).titleBar ? (S(), O("nav", zt, [
           ge("button", {
             class: De(["vuecal__nav vuecal__nav--prev", { "vuecal__nav--default": !H.$slots["previous-button"] }]),
-            onClick: v[0] || (v[0] = (...j) => V(r).previous && V(r).previous(...j)),
+            onClick: m[0] || (m[0] = (...j) => V(r).previous && V(r).previous(...j)),
             type: "button"
           }, [
             N(H.$slots, "previous-button")
@@ -1153,7 +1156,7 @@ const st = (D, n) => {
             }) : (S(), O("button", {
               key: 1,
               class: De(["vuecal__nav vuecal__nav--today vuecal__nav--default", { "vuecal__nav--active": V(r).containsToday }]),
-              onClick: v[1] || (v[1] = (j) => !V(r).containsToday && V(r).goToToday()),
+              onClick: m[1] || (m[1] = (j) => !V(r).containsToday && V(r).goToToday()),
               disabled: !!V(r).containsToday,
               type: "button",
               innerHTML: V(n).texts.today
@@ -1161,7 +1164,7 @@ const st = (D, n) => {
           ], 64)) : U("", !0),
           ge("button", {
             class: De(["vuecal__nav vuecal__nav--next", { "vuecal__nav--default": !H.$slots["next-button"] }]),
-            onClick: v[2] || (v[2] = (...j) => V(r).next && V(r).next(...j)),
+            onClick: m[2] || (m[2] = (...j) => V(r).next && V(r).next(...j)),
             type: "button"
           }, [
             N(H.$slots, "next-button")
@@ -1185,7 +1188,7 @@ const st = (D, n) => {
 }, Ut = ["innerHTML"], qt = {
   __name: "headings-bar",
   setup(D) {
-    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, b = $(() => h.xs ? "day-xs" : h.sm || r.isDays || r.isMonth ? "day-sm" : "day"), H = $(() => (r.isDay || r.isDays || r.isWeek || r.isMonth) && !(r.isDay && !h.schedules)), v = $(() => r.cellDates.slice(0, r.cols).map(({ start: i }) => ({
+    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, b = $(() => h.xs ? "day-xs" : h.sm || r.isDays || r.isMonth ? "day-sm" : "day"), H = $(() => (r.isDay || r.isDays || r.isWeek || r.isMonth) && !(r.isDay && !h.schedules)), m = $(() => r.cellDates.slice(0, r.cols).map(({ start: i }) => ({
       id: Re[i.getDay()],
       date: i,
       dateNumber: i.getDate(),
@@ -1200,7 +1203,7 @@ const st = (D, n) => {
     };
     return (i, f) => H.value ? (S(), O("div", Bt, [
       V(r).isDay ? U("", !0) : (S(), O("div", It, [
-        (S(!0), O(ne, null, be(v.value, (T, W) => (S(), O("div", {
+        (S(!0), O(ne, null, be(m.value, (T, W) => (S(), O("div", {
           class: De(["vuecal__weekday", { "vuecal__weekday--today": T.isToday }]),
           key: W,
           onClick: (R) => j.click(T.date)
@@ -1216,7 +1219,7 @@ const st = (D, n) => {
         ], 10, Rt))), 128))
       ])),
       V(h).schedules ? (S(), O("div", Jt, [
-        (S(!0), O(ne, null, be(v.value, (T, W) => (S(), O(ne, { key: W }, [
+        (S(!0), O(ne, null, be(m.value, (T, W) => (S(), O(ne, { key: W }, [
           (S(!0), O(ne, null, be(V(h).schedules, (R, o) => (S(), O(ne, { key: o }, [
             i.$slots["schedule-heading"] ? (S(), O("div", {
               key: 0,
@@ -1241,11 +1244,11 @@ const st = (D, n) => {
   setup(D) {
     const n = Ne("vuecal"), { config: r, texts: h } = n, p = $(() => {
       const b = [];
-      for (let v = r.timeFrom; v < r.timeTo; v += r.timeStep) {
-        const j = v + r.timeStep > r.timeTo, i = ~~(v / 60), f = v % 60, T = h[v < 720 ? "am" : "pm"];
+      for (let m = r.timeFrom; m < r.timeTo; m += r.timeStep) {
+        const j = m + r.timeStep > r.timeTo, i = ~~(m / 60), f = m % 60, T = h[m < 720 ? "am" : "pm"];
         let W = null;
-        j && (W = `calc(var(--vuecal-time-cell-height) * ${(r.timeTo - v) / r.timeStep})`), b.push({
-          minutesSum: v,
+        j && (W = `calc(var(--vuecal-time-cell-height) * ${(r.timeTo - m) / r.timeStep})`), b.push({
+          minutesSum: m,
           // The sum of hours + minutes in minutes.
           hours: i,
           minutes: f,
@@ -1257,20 +1260,20 @@ const st = (D, n) => {
       return b;
     });
     return (b, H) => (S(), O("div", Zt, [
-      (S(!0), O(ne, null, be(p.value, (v, j) => (S(), O("div", {
+      (S(!0), O(ne, null, be(p.value, (m, j) => (S(), O("div", {
         class: "vuecal__time-cell",
         key: j,
-        style: ke({ height: v.height || null })
+        style: ke({ height: m.height || null })
       }, [
         N(b.$slots, "time-cell", {
           index: j,
-          minutes: v.minutes,
-          hours: v.hours,
-          minutesSum: v.minutesSum,
-          format12: v.formatted12,
-          format24: v.formatted24
+          minutes: m.minutes,
+          hours: m.hours,
+          minutesSum: m.minutesSum,
+          format12: m.formatted12,
+          format24: m.formatted24
         }, () => [
-          ge("label", null, re(V(r).twelveHour ? v.formatted12 : v.formatted24), 1)
+          ge("label", null, re(V(r).twelveHour ? m.formatted12 : m.formatted24), 1)
         ])
       ], 4))), 128))
     ]));
@@ -1285,7 +1288,7 @@ const st = (D, n) => {
   },
   emits: ["event-drag-start", "event-drag-end", "event-resize-start", "event-resize-end"],
   setup(D, { emit: n }) {
-    const { config: r, view: h, dnd: p, touch: b, dateUtils: H } = Ne("vuecal"), v = D, j = ie(null), i = $e(v.event), f = $e({
+    const { config: r, view: h, dnd: p, touch: b, dateUtils: H } = Ne("vuecal"), m = D, j = ie(null), i = $e(m.event), f = $e({
       dragging: !1,
       resizing: !1,
       fromResizer: !1,
@@ -1383,11 +1386,11 @@ const st = (D, n) => {
       const l = ((t = s.touches) == null ? void 0 : t[0]) || s;
       f.fromResizer = l.target.matches(".vuecal__event-resizer, .vuecal__event-resizer *");
       const _ = j.value.getBoundingClientRect();
-      f.startX = (((C = s.touches) == null ? void 0 : C[0]) || s).clientX - _.left, f.startY = (((L = s.touches) == null ? void 0 : L[0]) || s).clientY - _.top, f.startPercentageX = f.startX * 100 / _.width, f.startPercentageY = f.startY * 100 / _.height, f.cellEl = j.value.closest(".vuecal__cell"), f.resizeStartDate = i.start, A(s.type === "touchstart" ? "touchmove" : "mousemove", m), A(s.type === "touchstart" ? "touchend" : "mouseup", g, { once: !0 }), f.holdTimer = setTimeout(() => {
+      f.startX = (((C = s.touches) == null ? void 0 : C[0]) || s).clientX - _.left, f.startY = (((L = s.touches) == null ? void 0 : L[0]) || s).clientY - _.top, f.startPercentageX = f.startX * 100 / _.width, f.startPercentageY = f.startY * 100 / _.height, f.cellEl = j.value.closest(".vuecal__cell"), f.resizeStartDate = i.start, A(s.type === "touchstart" ? "touchmove" : "mousemove", d), A(s.type === "touchstart" ? "touchend" : "mouseup", g, { once: !0 }), f.holdTimer = setTimeout(() => {
         var J, Z;
         f.holding = !0, (Z = (J = c.value).hold) == null || Z.call(J, { e: s, event: i });
       }, 1e3);
-    }, m = async (s) => {
+    }, d = async (s) => {
       var _, t, C, L;
       const l = ((_ = s.touches) == null ? void 0 : _[0]) || s;
       if (f.fromResizer && !f.resizing && (f.resizing = !0, f.resizingOriginalEvent = { ...i, _: { ...i._ } }, b.isResizingEvent = !0, (C = (t = c.value).resizeStart) == null || C.call(t, { e: s, event: i })), f.holdTimer = clearTimeout(f.holdTimer), f.holding = !1, f.cellEl) {
@@ -1418,7 +1421,7 @@ const st = (D, n) => {
           overlaps: i.getOverlappingEvents({ start: t, end: C })
         })), i.start = L === !1 ? (f.resizingLastAcceptedEvent || f.resizingOriginalEvent).start : ((l = f.resizingLastAcceptedEvent) == null ? void 0 : l.start) || t, i.end = L === !1 ? (f.resizingLastAcceptedEvent || f.resizingOriginalEvent).end : ((_ = f.resizingLastAcceptedEvent) == null ? void 0 : _.end) || C, i._.duration < 1 && (i.start = f.resizingOriginalEvent.start, i.end = f.resizingOriginalEvent.end), b.isResizingEvent = !1;
       }
-      document.removeEventListener(s.type === "touchend" ? "touchmove" : "mousemove", m), 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", d), 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;
     }, M = (s) => {
       const l = new Date(s.start.getFullYear(), s.start.getMonth(), s.start.getDate());
       new Date(l).setDate(l.getDate() + 1);
@@ -1507,7 +1510,7 @@ const st = (D, n) => {
     index: { type: Number, required: !0 }
   },
   setup(D) {
-    const n = D, r = Ne("vuecal"), { view: h, config: p, dateUtils: b, eventsManager: H, dnd: v, touch: j } = r, i = $(() => b.isToday(n.start)), f = ie(null), T = ie([]), W = ie(!1), R = (u) => {
+    const n = D, r = Ne("vuecal"), { view: h, config: p, dateUtils: b, eventsManager: H, dnd: m, touch: j } = r, i = $(() => b.isToday(n.start)), f = ie(null), T = ie([]), W = ie(!1), R = (u) => {
       T.value.push(u.detail), W.value = !0;
     }, o = () => setTimeout(() => W.value = !1, 300), c = $e({
       dragging: !1,
@@ -1530,7 +1533,7 @@ const st = (D, n) => {
       movePercentageX: 0,
       movePercentageY: 0,
       schedule: null
-    }), e = ie(!1), m = ie({ cellOverlaps: {}, longestStreak: 0 }), g = $(() => {
+    }), e = ie(!1), d = ie({ cellOverlaps: {}, longestStreak: 0 }), g = $(() => {
       let u = Math.min(c.startPercentageY, c.movePercentageY), k = Math.max(c.startPercentageY, c.movePercentageY), E = Pe(u, p), Y = Pe(k, p);
       return p.snapToInterval && (E = b.snapToInterval(E, p.snapToInterval), Y = b.snapToInterval(Y, p.snapToInterval), u = Ve(E, p), k = Ve(Y, p)), {
         style: {
@@ -1586,14 +1589,14 @@ const st = (D, n) => {
     }), C = $(() => {
       const u = {};
       for (const k of l.value) {
-        const E = k._.id, { maxConcurrent: Y = 1, position: z = 0 } = m.value.cellOverlaps[E] || {};
+        const E = k._.id, { maxConcurrent: Y = 1, position: z = 0 } = d.value.cellOverlaps[E] || {};
         u[E] = { left: `${100 / Y * z}%` }, p.stackEvents ? u[E].width = `${100 / Y + (z === Y - 1 ? 0 : 15)}%` : u[E].width = `${100 / Y}%`;
       }
       return u;
     }), L = $(() => {
       const u = {};
       for (const k of l.value) {
-        const E = k._.id, { maxConcurrent: Y = 1, position: z = 0 } = m.value.cellOverlaps[E] || {};
+        const E = k._.id, { maxConcurrent: Y = 1, position: z = 0 } = d.value.cellOverlaps[E] || {};
         u[E] = `vuecal__event--stack-${z + 1}-${Y}`;
       }
       return u;
@@ -1604,13 +1607,13 @@ const st = (D, n) => {
       let k = (E = p.specialHours) == null ? void 0 : E[u];
       if (k)
         return Array.isArray(k) || (k = [k]), k.map((Y) => {
-          let { from: z, to: I, class: ae, label: d } = Y;
+          let { from: z, to: I, class: ae, label: v } = Y;
           if (isNaN(z) || isNaN(I) || p.timeFrom >= I || p.timeTo <= z) return;
           z = Math.max(p.timeFrom, z), I = Math.min(p.timeTo, I);
           const F = Ve(z, p), X = Ve(I, p) - F;
           return {
             style: { top: `${F}%`, height: `${X}%` },
-            label: d,
+            label: v,
             class: ae
           };
         }).filter((Y) => !!Y);
@@ -1631,8 +1634,8 @@ const st = (D, n) => {
       const u = { ...p.eventListeners.cell };
       for (const [Y, z] of Object.entries(u))
         u[Y] = (I) => {
-          var ae, d, F;
-          (F = (d = I.target || ((ae = I.e) == null ? void 0 : ae.target)).closest) != null && F.call(d, ".vuecal__event") || z(I.type ? { e: I, cell: K.value, cursor: x.value } : I);
+          var ae, v, F;
+          (F = (v = I.target || ((ae = I.e) == null ? void 0 : ae.target)).closest) != null && F.call(v, ".vuecal__event") || z(I.type ? { e: I, cell: K.value, cursor: x.value } : I);
         };
       const k = { ...u };
       let E = null;
@@ -1653,9 +1656,9 @@ const st = (D, n) => {
       }), k.dblclick && (u.dblclick = (Y) => {
         var z;
         (z = k.dblclick) == null || z.call(k, { e: Y, cell: K.value, cursor: ee(Y) });
-      }), p.editableEvents.drag && (u.dragenter = (Y) => v.cellDragEnter(Y, K.value), u.dragover = (Y) => {
-        Y.preventDefault(), v.cellDragOver(Y, K.value);
-      }, u.dragleave = (Y) => v.cellDragLeave(Y, K.value), u.drop = (Y) => v.cellDragDrop(Y, K.value)), u;
+      }), p.editableEvents.drag && (u.dragenter = (Y) => m.cellDragEnter(Y, K.value), u.dragover = (Y) => {
+        Y.preventDefault(), m.cellDragOver(Y, K.value);
+      }, u.dragleave = (Y) => m.cellDragLeave(Y, K.value), u.drop = (Y) => m.cellDragDrop(Y, K.value)), u;
     }), K = $(() => ({
       start: n.start,
       end: n.end,
@@ -1687,10 +1690,10 @@ const st = (D, n) => {
         c.holding = !0, (I = (z = oe.value).hold) == null || I.call(z, { e: u, cell: K.value, cursor: x.value });
       }, 1e3);
     }, y = (u) => {
-      var E, Y, z, I, ae, d;
-      c.dragging || (j.isDraggingCell = !0, (Y = (E = oe.value).dragStart) == null || Y.call(E, { e: u, cell: K.value, cursor: x.value })), c.dragging = !0, c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1;
+      var E, Y, z, I, ae, v;
+      c.dragging || (j.isDraggingCell = !0, (Y = (E = oe.value)["drag-start"]) == null || Y.call(E, { e: u, cell: K.value, cursor: x.value })), c.dragging = !0, c.holdTimer = clearTimeout(c.holdTimer), c.holding = !1;
       const k = f.value.getBoundingClientRect();
-      c.moveX = (((z = u.touches) == null ? void 0 : z[0]) || u).clientX - k.left, c.moveY = (((I = u.touches) == null ? void 0 : I[0]) || u).clientY - k.top, c.movePercentageX = c.moveX * 100 / k.width, c.movePercentageY = c.moveY * 100 / k.height, p.eventCreateMinDrag && Math.abs(c.startY - c.moveY) > p.eventCreateMinDrag && (c.thresholdPassed = !0), (d = (ae = oe.value).drag) == null || d.call(ae, { e: u, cell: K.value, cursor: x.value });
+      c.moveX = (((z = u.touches) == null ? void 0 : z[0]) || u).clientX - k.left, c.moveY = (((I = u.touches) == null ? void 0 : I[0]) || u).clientY - k.top, c.movePercentageX = c.moveX * 100 / k.width, c.movePercentageY = c.moveY * 100 / k.height, p.eventCreateMinDrag && Math.abs(c.startY - c.moveY) > p.eventCreateMinDrag && (c.thresholdPassed = !0), (v = (ae = oe.value).drag) == null || v.call(ae, { e: u, cell: K.value, cursor: x.value });
     }, B = async (u) => {
       var k, E;
       document.removeEventListener(u.type === "touchend" ? "touchmove" : "mousemove", y, { passive: !1 }), c.dragging && ((E = (k = oe.value)["drag-end"]) == null || E.call(k, { e: u, cell: K.value, cursor: x.value }), j.isDraggingCell = !1, p.editableEvents.create && (e.value = !0, await Q(u), 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;
@@ -1701,15 +1704,15 @@ const st = (D, n) => {
       let I = { ...g.value, start: k, end: E };
       const { create: ae } = p.eventListeners.event;
       if (typeof ae == "function") {
-        const d = I;
-        I = await new Promise((F) => ae({ e: u, event: I, cell: K.value, resolve: F, cursor: x.value })), I && typeof I == "object" && h.createEvent(I), I && typeof I == "boolean" && h.createEvent(d);
+        const v = I;
+        I = await new Promise((F) => ae({ e: u, event: I, cell: K.value, resolve: F, cursor: x.value })), I && typeof I == "object" && h.createEvent(I), I && typeof I == "boolean" && h.createEvent(v);
       } else h.createEvent(I);
     }, he = () => {
       var u;
       for (const k of Object.keys(oe.value))
         (u = f.value) == null || u.removeEventListener(k, oe.value[k]);
     }, te = () => {
-      m.value = H.getCellOverlappingEvents(A.value);
+      d.value = H.getCellOverlappingEvents(A.value);
     };
     return me(
       // Watch event IDs and start/end dates (only) to detect event resizing/dnd.
@@ -1853,7 +1856,7 @@ const st = (D, n) => {
 }, fa = {
   __name: "body",
   setup(D) {
-    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, b = ie(null), H = ie(null), v = $(() => ({
+    const n = Ne("vuecal"), { view: r, config: h, dateUtils: p } = n, b = ie(null), H = ie(null), m = $(() => ({
       "--vuecal-grid-columns": r.cols,
       "--vuecal-grid-rows": r.rows
     })), j = $(() => {
@@ -1878,7 +1881,7 @@ const st = (D, n) => {
       class: "vuecal__body",
       ref_key: "bodyEl",
       ref: b,
-      style: ke(v.value)
+      style: ke(m.value)
     }, [
       Oe(Ge, { name: "vuecal-shrink" }, {
         default: q(() => [
@@ -1956,41 +1959,43 @@ const st = (D, n) => {
     "update:events",
     "event-delete",
     "event-created",
-    "event-dropped"
+    "event-dropped",
+    "event-drag-start",
+    "event-drag-end"
   ],
   setup(D, { expose: n, emit: r }) {
-    const h = D, p = r, b = _t("vuecal-el"), H = Ot({ props: h, emit: p, attrs: bt(), vuecalEl: b, uid: kt() }), { config: v, view: j, dateUtils: i, touch: f } = H, T = $(() => v.time && (j.isDay || j.isDays || j.isWeek)), W = $(() => Array(j.rows).fill().map((e, m) => i.getWeek(i.addDays(j.firstCellDate, 7 * m)))), R = $(() => {
+    const h = D, p = r, b = _t("vuecal-el"), H = Ot({ props: h, emit: p, attrs: bt(), vuecalEl: b, uid: kt() }), { config: m, view: j, dateUtils: i, touch: f } = H, T = $(() => m.time && (j.isDay || j.isDays || j.isWeek)), W = $(() => Array(j.rows).fill().map((e, d) => i.getWeek(i.addDays(j.firstCellDate, 7 * d)))), R = $(() => {
       var e;
       return {
-        "vuecal--ready": v.ready,
-        [`vuecal--${v.theme}-theme`]: v.theme,
-        [`vuecal--${v.size}`]: !0,
-        "vuecal--date-picker": v.datePicker,
-        "vuecal--dark": v.dark,
-        "vuecal--light": !v.dark,
+        "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--${j.id}-view`]: !0,
         "vuecal--view-has-time": T.value,
-        "vuecal--timeless": !v.time,
+        "vuecal--timeless": !m.time,
         "vuecal--dragging-cell": f.isDraggingCell,
         "vuecal--dragging-event": f.isDraggingEvent,
         "vuecal--resizing-event": f.isResizingEvent,
-        "vuecal--has-schedules": (e = v.schedules) == null ? void 0 : e.length
+        "vuecal--has-schedules": (e = m.schedules) == null ? void 0 : e.length
       };
     }), o = $(() => ({
-      "--vuecal-time-cell-height": v.timeCellHeight && `${v.timeCellHeight}px`
+      "--vuecal-time-cell-height": m.timeCellHeight && `${m.timeCellHeight}px`
     })), c = $(() => {
-      var e, m;
+      var e, d;
       return {
-        "vuecal__scrollable--row": T.value || v.weekNumbers && j.isMonth,
+        "vuecal__scrollable--row": T.value || m.weekNumbers && j.isMonth,
         // Keep the states inside the Vue transition wrapper for smooth CSS transitions.
         [`vuecal__scrollable--${j.id}-view`]: !0,
-        "vuecal__scrollable--has-schedules": (e = v.schedules) == null ? void 0 : e.length,
-        "vuecal__scrollable--no-schedules": !((m = v.schedules) != null && m.length)
+        "vuecal__scrollable--has-schedules": (e = m.schedules) == null ? void 0 : e.length,
+        "vuecal__scrollable--no-schedules": !((d = m.schedules) != null && d.length)
       };
     });
     return qe(async () => {
-      await Ue(), v.ready = !0, p("ready", { config: v, view: j });
-    }), Tt("vuecal", H), n({ view: H.view }), (e, m) => (S(), O("div", {
+      await Ue(), m.ready = !0, p("ready", { config: m, view: j });
+    }), Tt("vuecal", H), n({ view: H.view }), (e, d) => (S(), O("div", {
       class: De(["vuecal", R.value]),
       ref: "vuecal-el",
       "data-locale": e.locale,
@@ -2062,7 +2067,7 @@ const st = (D, n) => {
                     key: "0"
                   } : void 0
                 ]), 1024)) : U("", !0),
-                V(v).weekNumbers && V(j).isMonth ? (S(), O("div", ya, [
+                V(m).weekNumbers && V(j).isMonth ? (S(), O("div", ya, [
                   (S(!0), O(ne, null, be(W.value, (g) => (S(), O("div", Da, [
                     N(e.$slots, "week-number", {}, () => [
                       ge("small", null, re(g), 1)