vue-cal 4.4.0 → 4.4.1

package/dist/{vue-cal.mjs → index.es.js}

@@ -1,9 +1,9 @@
 var ae = Object.defineProperty;
 var le = (e, t, i) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var H = (e, t, i) => (le(e, typeof t != "symbol" ? t + "" : t, i), i);
-import { openBlock as h, createElementBlock as c, Fragment as T, renderList as $, normalizeClass as k, normalizeStyle as O, createVNode as P, Transition as U, withCtx as g, createElementVNode as _, renderSlot as y, toDisplayString as b, createCommentVNode as m, createTextVNode as M, resolveComponent as j, createBlock as W, resolveDynamicComponent as oe, createSlots as q, withKeys as X, withModifiers as L, TransitionGroup as re, normalizeProps as G, mergeProps as Z } from "vue";
+import { openBlock as h, createElementBlock as c, Fragment as T, renderList as $, normalizeClass as b, normalizeStyle as O, createVNode as P, Transition as U, withCtx as g, createElementVNode as k, renderSlot as y, toDisplayString as _, createCommentVNode as m, createTextVNode as M, resolveComponent as j, createBlock as W, resolveDynamicComponent as oe, createSlots as q, withKeys as X, withModifiers as L, TransitionGroup as re, normalizeProps as G, mergeProps as Z } from "vue";
 /**
-  * vue-cal v4.4.0
+  * vue-cal v4.4.1
   * (c) 2022 Antoni Andre <antoniandre.web@gmail.com>
   * @license MIT
   */
@@ -137,8 +137,8 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
 }, cellHeadingsClickable() {
   return this.view.id === "week" && (this.vuecal.clickToNavigate || this.vuecal.dblclickToNavigate);
 } } }, [["render", function(e, t, i, n, l, s) {
-  return h(), c("div", he, [(h(!0), c(T, null, $(s.headings, (o, a) => (h(), c(T, { key: a }, [o.hide ? m("", !0) : (h(), c("div", { key: 0, class: k(["vuecal__flex vuecal__heading", { today: o.today, clickable: s.cellHeadingsClickable }]), style: O(s.weekdayCellStyles), onClick: (d) => s.view.id === "week" && s.selectCell(o.date, d), onDblclick: t[0] || (t[0] = (d) => s.view.id === "week" && s.vuecal.dblclickToNavigate && i.switchToNarrowerView()) }, [P(U, { name: `slide-fade--${i.transitionDirection}`, appear: s.vuecal.transitions }, { default: g(() => [(h(), c("div", { class: "vuecal__flex", column: "", key: !!s.vuecal.transitions && `${a}-${o.dayOfMonth}` }, [_("div", ve, [y(e.$slots, "weekday-heading", { heading: s.cleanupHeading(o), view: s.view }, () => [_("span", me, b(o.full), 1), _("span", pe, b(o.small), 1), _("span", ye, b(o.xsmall), 1), o.dayOfMonth ? (h(), c("span", De, "\xA0" + b(o.dayOfMonth), 1)) : m("", !0)])]), s.vuecal.hasSplits && s.vuecal.stickySplitLabels ? (h(), c("div", we, [(h(!0), c(T, null, $(s.vuecal.daySplits, (d, r) => (h(), c("div", { class: k(["day-split-header", d.class || !1]), key: r }, [y(e.$slots, "split-label", { split: d, view: s.view }, () => [M(b(d.label), 1)])], 2))), 128))])) : m("", !0)]))]), _: 2 }, 1032, ["name", "appear"])], 46, ce))], 64))), 128))]);
-}]]), ge = { class: "vuecal__header" }, fe = { key: 0, class: "vuecal__flex vuecal__menu", role: "tablist", "aria-label": "Calendar views navigation" }, be = ["onDragenter", "onDragleave", "onClick", "aria-label"], _e = { key: 1, class: "vuecal__title-bar" }, ke = ["aria-label"], Te = { class: "vuecal__flex vuecal__title", grow: "" }, Ee = ["aria-label"], Ce = { key: 0, class: "vuecal__flex vuecal__split-days-headers" }, Me = B({ inject: ["vuecal", "previous", "next", "switchView", "updateSelectedDate", "modules", "view"], components: { WeekdaysHeadings: ie }, props: { options: { type: Object, default: () => ({}) }, editEvents: { type: Object, required: !0 }, hasSplits: { type: [Boolean, Number], default: !1 }, daySplits: { type: Array, default: () => [] }, viewProps: { type: Object, default: () => ({}) }, weekDays: { type: Array, default: () => [] }, switchToNarrowerView: { type: Function, default: () => {
+  return h(), c("div", he, [(h(!0), c(T, null, $(s.headings, (o, a) => (h(), c(T, { key: a }, [o.hide ? m("", !0) : (h(), c("div", { key: 0, class: b(["vuecal__flex vuecal__heading", { today: o.today, clickable: s.cellHeadingsClickable }]), style: O(s.weekdayCellStyles), onClick: (d) => s.view.id === "week" && s.selectCell(o.date, d), onDblclick: t[0] || (t[0] = (d) => s.view.id === "week" && s.vuecal.dblclickToNavigate && i.switchToNarrowerView()) }, [P(U, { name: `slide-fade--${i.transitionDirection}`, appear: s.vuecal.transitions }, { default: g(() => [(h(), c("div", { class: "vuecal__flex", column: "", key: !!s.vuecal.transitions && `${a}-${o.dayOfMonth}` }, [k("div", ve, [y(e.$slots, "weekday-heading", { heading: s.cleanupHeading(o), view: s.view }, () => [k("span", me, _(o.full), 1), k("span", pe, _(o.small), 1), k("span", ye, _(o.xsmall), 1), o.dayOfMonth ? (h(), c("span", De, "\xA0" + _(o.dayOfMonth), 1)) : m("", !0)])]), s.vuecal.hasSplits && s.vuecal.stickySplitLabels ? (h(), c("div", we, [(h(!0), c(T, null, $(s.vuecal.daySplits, (d, r) => (h(), c("div", { class: b(["day-split-header", d.class || !1]), key: r }, [y(e.$slots, "split-label", { split: d, view: s.view }, () => [M(_(d.label), 1)])], 2))), 128))])) : m("", !0)]))]), _: 2 }, 1032, ["name", "appear"])], 46, ce))], 64))), 128))]);
+}]]), ge = { class: "vuecal__header" }, fe = { key: 0, class: "vuecal__flex vuecal__menu", role: "tablist", "aria-label": "Calendar views navigation" }, _e = ["onDragenter", "onDragleave", "onClick", "aria-label"], ke = { key: 1, class: "vuecal__title-bar" }, be = ["aria-label"], Te = { class: "vuecal__flex vuecal__title", grow: "" }, Ee = ["aria-label"], Ce = { key: 0, class: "vuecal__flex vuecal__split-days-headers" }, Me = B({ inject: ["vuecal", "previous", "next", "switchView", "updateSelectedDate", "modules", "view"], components: { WeekdaysHeadings: ie }, props: { options: { type: Object, default: () => ({}) }, editEvents: { type: Object, required: !0 }, hasSplits: { type: [Boolean, Number], default: !1 }, daySplits: { type: Array, default: () => [] }, viewProps: { type: Object, default: () => ({}) }, weekDays: { type: Array, default: () => [] }, switchToNarrowerView: { type: Function, default: () => {
 } } }, data: () => ({ highlightedControl: null }), methods: { goToToday() {
   this.updateSelectedDate(new Date(new Date().setHours(0, 0, 0, 0)));
 }, switchToBroaderView() {
@@ -156,7 +156,7 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
   return this.modules.dnd;
 } } }, [["render", function(e, t, i, n, l, s) {
   const o = j("weekdays-headings");
-  return h(), c("div", ge, [i.options.hideViewSelector ? m("", !0) : (h(), c("div", fe, [(h(!0), c(T, null, $(i.viewProps.views, (a, d) => (h(), c(T, { key: d }, [a.enabled ? (h(), c("button", { key: 0, class: k(["vuecal__view-btn", { "vuecal__view-btn--active": s.view.id === d, "vuecal__view-btn--highlighted": e.highlightedControl === d }]), type: "button", onDragenter: (r) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(r, d, e.$data), onDragleave: (r) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(r, d, e.$data), onClick: (r) => s.switchView(d, null, !0), "aria-label": `${a.label} view` }, b(a.label), 43, be)) : m("", !0)], 64))), 128))])), i.options.hideTitleBar ? m("", !0) : (h(), c("div", _e, [_("button", { class: k(["vuecal__arrow vuecal__arrow--prev", { "vuecal__arrow--highlighted": e.highlightedControl === "previous" }]), type: "button", onClick: t[0] || (t[0] = (...a) => s.previous && s.previous(...a)), onDragenter: t[1] || (t[1] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "previous", e.$data)), onDragleave: t[2] || (t[2] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "previous", e.$data)), "aria-label": `Previous ${s.view.id}` }, [y(e.$slots, "arrow-prev")], 42, ke), _("div", Te, [P(U, { name: i.options.transitions ? `slide-fade--${s.transitionDirection}` : "" }, { default: g(() => [(h(), W(oe(s.broaderView ? "button" : "span"), { type: !!s.broaderView && "button", key: `${s.view.id}${s.view.startDate.toString()}`, onClick: t[3] || (t[3] = (a) => !!s.broaderView && s.switchToBroaderView()), "aria-label": !!s.broaderView && `Go to ${s.broaderView} view` }, { default: g(() => [y(e.$slots, "title")]), _: 3 }, 8, ["type", "aria-label"]))]), _: 3 }, 8, ["name"])]), i.options.todayButton ? (h(), c("button", { key: 0, class: k(["vuecal__today-btn", { "vuecal__today-btn--highlighted": e.highlightedControl === "today" }]), type: "button", onClick: t[4] || (t[4] = (...a) => s.goToToday && s.goToToday(...a)), onDragenter: t[5] || (t[5] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "today", e.$data)), onDragleave: t[6] || (t[6] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "today", e.$data)), "aria-label": "Today" }, [y(e.$slots, "today-button")], 34)) : m("", !0), _("button", { class: k(["vuecal__arrow vuecal__arrow--next", { "vuecal__arrow--highlighted": e.highlightedControl === "next" }]), type: "button", onClick: t[7] || (t[7] = (...a) => s.next && s.next(...a)), onDragenter: t[8] || (t[8] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "next", e.$data)), onDragleave: t[9] || (t[9] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "next", e.$data)), "aria-label": `Next ${s.view.id}` }, [y(e.$slots, "arrow-next")], 42, Ee)])), i.viewProps.weekDaysInHeader ? (h(), W(o, { key: 2, "week-days": i.weekDays, "transition-direction": s.transitionDirection, "switch-to-narrower-view": i.switchToNarrowerView }, q({ _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: a, view: d }) => [y(e.$slots, "weekday-heading", { heading: a, view: d })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: a }) => [y(e.$slots, "split-label", { split: a, view: s.view })]) } : void 0]), 1032, ["week-days", "transition-direction", "switch-to-narrower-view"])) : m("", !0), P(U, { name: `slide-fade--${s.transitionDirection}` }, { default: g(() => [s.showDaySplits ? (h(), c("div", Ce, [(h(!0), c(T, null, $(i.daySplits, (a, d) => (h(), c("div", { class: k(["day-split-header", a.class || !1]), key: d }, [y(e.$slots, "split-label", { split: a, view: s.view.id }, () => [M(b(a.label), 1)])], 2))), 128))])) : m("", !0)]), _: 3 }, 8, ["name"])]);
+  return h(), c("div", ge, [i.options.hideViewSelector ? m("", !0) : (h(), c("div", fe, [(h(!0), c(T, null, $(i.viewProps.views, (a, d) => (h(), c(T, { key: d }, [a.enabled ? (h(), c("button", { key: 0, class: b(["vuecal__view-btn", { "vuecal__view-btn--active": s.view.id === d, "vuecal__view-btn--highlighted": e.highlightedControl === d }]), type: "button", onDragenter: (r) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(r, d, e.$data), onDragleave: (r) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(r, d, e.$data), onClick: (r) => s.switchView(d, null, !0), "aria-label": `${a.label} view` }, _(a.label), 43, _e)) : m("", !0)], 64))), 128))])), i.options.hideTitleBar ? m("", !0) : (h(), c("div", ke, [k("button", { class: b(["vuecal__arrow vuecal__arrow--prev", { "vuecal__arrow--highlighted": e.highlightedControl === "previous" }]), type: "button", onClick: t[0] || (t[0] = (...a) => s.previous && s.previous(...a)), onDragenter: t[1] || (t[1] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "previous", e.$data)), onDragleave: t[2] || (t[2] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "previous", e.$data)), "aria-label": `Previous ${s.view.id}` }, [y(e.$slots, "arrow-prev")], 42, be), k("div", Te, [P(U, { name: i.options.transitions ? `slide-fade--${s.transitionDirection}` : "" }, { default: g(() => [(h(), W(oe(s.broaderView ? "button" : "span"), { type: !!s.broaderView && "button", key: `${s.view.id}${s.view.startDate.toString()}`, onClick: t[3] || (t[3] = (a) => !!s.broaderView && s.switchToBroaderView()), "aria-label": !!s.broaderView && `Go to ${s.broaderView} view` }, { default: g(() => [y(e.$slots, "title")]), _: 3 }, 8, ["type", "aria-label"]))]), _: 3 }, 8, ["name"])]), i.options.todayButton ? (h(), c("button", { key: 0, class: b(["vuecal__today-btn", { "vuecal__today-btn--highlighted": e.highlightedControl === "today" }]), type: "button", onClick: t[4] || (t[4] = (...a) => s.goToToday && s.goToToday(...a)), onDragenter: t[5] || (t[5] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "today", e.$data)), onDragleave: t[6] || (t[6] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "today", e.$data)), "aria-label": "Today" }, [y(e.$slots, "today-button")], 34)) : m("", !0), k("button", { class: b(["vuecal__arrow vuecal__arrow--next", { "vuecal__arrow--highlighted": e.highlightedControl === "next" }]), type: "button", onClick: t[7] || (t[7] = (...a) => s.next && s.next(...a)), onDragenter: t[8] || (t[8] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragEnter(a, "next", e.$data)), onDragleave: t[9] || (t[9] = (a) => i.editEvents.drag && s.dnd && s.dnd.viewSelectorDragLeave(a, "next", e.$data)), "aria-label": `Next ${s.view.id}` }, [y(e.$slots, "arrow-next")], 42, Ee)])), i.viewProps.weekDaysInHeader ? (h(), W(o, { key: 2, "week-days": i.weekDays, "transition-direction": s.transitionDirection, "switch-to-narrower-view": i.switchToNarrowerView }, q({ _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: a, view: d }) => [y(e.$slots, "weekday-heading", { heading: a, view: d })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: a }) => [y(e.$slots, "split-label", { split: a, view: s.view })]) } : void 0]), 1032, ["week-days", "transition-direction", "switch-to-narrower-view"])) : m("", !0), P(U, { name: `slide-fade--${s.transitionDirection}` }, { default: g(() => [s.showDaySplits ? (h(), c("div", Ce, [(h(!0), c(T, null, $(i.daySplits, (a, d) => (h(), c("div", { class: b(["day-split-header", a.class || !1]), key: d }, [y(e.$slots, "split-label", { split: a, view: s.view.id }, () => [M(_(a.label), 1)])], 2))), 128))])) : m("", !0)]), _: 3 }, 8, ["name"])]);
 }]]), Se = ["draggable"], Oe = { inject: ["vuecal", "utils", "modules", "view", "domEvents", "editEvents"], props: { cellFormattedDate: { type: String, default: "" }, event: { type: Object, default: () => ({}) }, cellEvents: { type: Array, default: () => [] }, overlaps: { type: Array, default: () => [] }, eventPosition: { type: Number, default: 0 }, overlapsStreak: { type: Number, default: 0 }, allDay: { type: Boolean, default: !1 } }, data: () => ({ touch: { dragThreshold: 30, startX: 0, startY: 0, dragged: !1 } }), methods: { onMouseDown(e, t = !1) {
   if ("ontouchstart" in window && !t)
     return !1;
@@ -236,7 +236,7 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
 }, dnd() {
   return this.modules.dnd;
 } } }, $e = ["data-split", "aria-label", "onTouchstart", "onMousedown", "onDragover", "onDrop"], xe = { key: 1, class: "vuecal__cell-events" }, He = ["title"], se = B({ inject: ["vuecal", "utils", "modules", "view", "domEvents"], components: { Event: B(Oe, [["render", function(e, t, i, n, l, s) {
-  return h(), c("div", { class: k(["vuecal__event", s.eventClasses]), style: O(s.eventStyles), tabindex: "0", onFocus: t[4] || (t[4] = (...o) => s.focusEvent && s.focusEvent(...o)), onKeypress: t[5] || (t[5] = X(L((...o) => s.onEnterKeypress && s.onEnterKeypress(...o), ["stop"]), ["enter"])), onMouseenter: t[6] || (t[6] = (...o) => s.onMouseEnter && s.onMouseEnter(...o)), onMouseleave: t[7] || (t[7] = (...o) => s.onMouseLeave && s.onMouseLeave(...o)), onTouchstart: t[8] || (t[8] = L((...o) => s.onTouchStart && s.onTouchStart(...o), ["stop"])), onMousedown: t[9] || (t[9] = (o) => s.onMouseDown(o)), onMouseup: t[10] || (t[10] = (...o) => s.onMouseUp && s.onMouseUp(...o)), onTouchend: t[11] || (t[11] = (...o) => s.onMouseUp && s.onMouseUp(...o)), onTouchmove: t[12] || (t[12] = (...o) => s.onTouchMove && s.onTouchMove(...o)), onDblclick: t[13] || (t[13] = (...o) => s.onDblClick && s.onDblClick(...o)), draggable: s.draggable, onDragstart: t[14] || (t[14] = (o) => s.draggable && s.onDragStart(o)), onDragend: t[15] || (t[15] = (o) => s.draggable && s.onDragEnd()) }, [s.vuecal.editEvents.delete && i.event.deletable ? (h(), c("div", { key: 0, class: "vuecal__event-delete", onClick: t[0] || (t[0] = L((...o) => s.deleteEvent && s.deleteEvent(...o), ["stop"])), onTouchstart: t[1] || (t[1] = L((...o) => s.touchDeleteEvent && s.touchDeleteEvent(...o), ["stop"])) }, b(s.vuecal.texts.deleteEvent), 33)) : m("", !0), y(e.$slots, "event", { event: i.event, view: s.view.id }), s.resizable ? (h(), c("div", { key: 1, class: "vuecal__event-resize-handle", contenteditable: "false", onMousedown: t[2] || (t[2] = L((...o) => s.onResizeHandleMouseDown && s.onResizeHandleMouseDown(...o), ["stop", "prevent"])), onTouchstart: t[3] || (t[3] = L((...o) => s.onResizeHandleMouseDown && s.onResizeHandleMouseDown(...o), ["stop", "prevent"])) }, null, 32)) : m("", !0)], 46, Se);
+  return h(), c("div", { class: b(["vuecal__event", s.eventClasses]), style: O(s.eventStyles), tabindex: "0", onFocus: t[4] || (t[4] = (...o) => s.focusEvent && s.focusEvent(...o)), onKeypress: t[5] || (t[5] = X(L((...o) => s.onEnterKeypress && s.onEnterKeypress(...o), ["stop"]), ["enter"])), onMouseenter: t[6] || (t[6] = (...o) => s.onMouseEnter && s.onMouseEnter(...o)), onMouseleave: t[7] || (t[7] = (...o) => s.onMouseLeave && s.onMouseLeave(...o)), onTouchstart: t[8] || (t[8] = L((...o) => s.onTouchStart && s.onTouchStart(...o), ["stop"])), onMousedown: t[9] || (t[9] = (o) => s.onMouseDown(o)), onMouseup: t[10] || (t[10] = (...o) => s.onMouseUp && s.onMouseUp(...o)), onTouchend: t[11] || (t[11] = (...o) => s.onMouseUp && s.onMouseUp(...o)), onTouchmove: t[12] || (t[12] = (...o) => s.onTouchMove && s.onTouchMove(...o)), onDblclick: t[13] || (t[13] = (...o) => s.onDblClick && s.onDblClick(...o)), draggable: s.draggable, onDragstart: t[14] || (t[14] = (o) => s.draggable && s.onDragStart(o)), onDragend: t[15] || (t[15] = (o) => s.draggable && s.onDragEnd()) }, [s.vuecal.editEvents.delete && i.event.deletable ? (h(), c("div", { key: 0, class: "vuecal__event-delete", onClick: t[0] || (t[0] = L((...o) => s.deleteEvent && s.deleteEvent(...o), ["stop"])), onTouchstart: t[1] || (t[1] = L((...o) => s.touchDeleteEvent && s.touchDeleteEvent(...o), ["stop"])) }, _(s.vuecal.texts.deleteEvent), 33)) : m("", !0), y(e.$slots, "event", { event: i.event, view: s.view.id }), s.resizable ? (h(), c("div", { key: 1, class: "vuecal__event-resize-handle", contenteditable: "false", onMousedown: t[2] || (t[2] = L((...o) => s.onResizeHandleMouseDown && s.onResizeHandleMouseDown(...o), ["stop", "prevent"])), onTouchstart: t[3] || (t[3] = L((...o) => s.onResizeHandleMouseDown && s.onResizeHandleMouseDown(...o), ["stop", "prevent"])) }, null, 32)) : m("", !0)], 46, Se);
 }]]) }, props: { options: { type: Object, default: () => ({}) }, editEvents: { type: Object, required: !0 }, data: { type: Object, required: !0 }, cellSplits: { type: Array, default: () => [] }, minTimestamp: { type: [Number, null], default: null }, maxTimestamp: { type: [Number, null], default: null }, cellWidth: { type: [Number, Boolean], default: !1 }, allDay: { type: Boolean, default: !1 } }, data: () => ({ cellOverlaps: {}, cellOverlapsStreak: 1, timeAtCursor: null, highlighted: !1, highlightedSplit: null }), methods: { getSplitAtCursor({ target: e }) {
   let t = e.classList.contains("vuecal__cell-split") ? e : this.vuecal.findAncestor(e, "vuecal__cell-split");
   return t && (t = t.attributes["data-split"].value, parseInt(t).toString() === t.toString() && (t = parseInt(t))), t || null;
@@ -367,13 +367,13 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
   return this.options.timeCellHeight / this.options.timeStep;
 } } }, [["render", function(e, t, i, n, l, s) {
   const o = j("event");
-  return h(), W(re, { class: k(["vuecal__cell", s.cellClasses]), name: `slide-fade--${s.transitionDirection}`, tag: "div", appear: i.options.transitions, style: O(s.cellStyles) }, { default: g(() => [(h(!0), c(T, null, $(s.splitsCount ? s.splits : 1, (a, d) => (h(), c("div", { class: k(["vuecal__flex vuecal__cell-content", s.splitsCount && s.splitClasses(a)]), key: i.options.transitions ? `${s.view.id}-${i.data.content}-${d}` : d, "data-split": !!s.splitsCount && a.id, column: "", tabindex: "0", "aria-label": i.data.content, onFocus: t[0] || (t[0] = (r) => s.onCellFocus(r)), onKeypress: t[1] || (t[1] = X((r) => s.onCellkeyPressEnter(r), ["enter"])), onTouchstart: (r) => !s.isDisabled && s.onCellTouchStart(r, s.splitsCount ? a.id : null), onMousedown: (r) => !s.isDisabled && s.onCellMouseDown(r, s.splitsCount ? a.id : null), onClick: t[2] || (t[2] = (r) => !s.isDisabled && s.onCellClick(r)), onDblclick: t[3] || (t[3] = (r) => !s.isDisabled && s.onCellDblClick(r)), onContextmenu: t[4] || (t[4] = (r) => !s.isDisabled && i.options.cellContextmenu && s.onCellContextMenu(r)), onDragenter: t[5] || (t[5] = (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragEnter(r, e.$data, i.data.startDate)), onDragover: (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragOver(r, e.$data, i.data.startDate, s.splitsCount ? a.id : null), onDragleave: t[6] || (t[6] = (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragLeave(r, e.$data, i.data.startDate)), onDrop: (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragDrop(r, e.$data, i.data.startDate, s.splitsCount ? a.id : null) }, [s.isWeekOrDayView && !i.allDay && s.specialHours.length ? (h(!0), c(T, { key: 0 }, $(s.specialHours, (r, u) => (h(), c("div", { class: k(["vuecal__special-hours", `vuecal__special-hours--day${r.day} ${r.class}`]), style: O(`height: ${r.height}px;top: ${r.top}px`) }, null, 6))), 256)) : m("", !0), y(e.$slots, "cell-content", { events: s.events, selectCell: (r) => s.selectCell(r, !0), split: !!s.splitsCount && a }), s.eventsCount && (s.isWeekOrDayView || s.view.id === "month" && i.options.eventsOnMonthView) ? (h(), c("div", xe, [(h(!0), c(T, null, $(s.splitsCount ? a.events : s.events, (r, u) => (h(), W(o, { key: u, "cell-formatted-date": i.data.formattedDate, event: r, "all-day": i.allDay, "cell-events": s.splitsCount ? a.events : s.events, overlaps: ((s.splitsCount ? a.overlaps[r._eid] : e.cellOverlaps[r._eid]) || []).overlaps, "event-position": ((s.splitsCount ? a.overlaps[r._eid] : e.cellOverlaps[r._eid]) || []).position, "overlaps-streak": s.splitsCount ? a.overlapsStreak : e.cellOverlapsStreak }, { event: g(({ event: p, view: v }) => [y(e.$slots, "event", { view: v, event: p })]), _: 2 }, 1032, ["cell-formatted-date", "event", "all-day", "cell-events", "overlaps", "event-position", "overlaps-streak"]))), 128))])) : m("", !0)], 42, $e))), 128)), s.timelineVisible ? (h(), c("div", { class: "vuecal__now-line", style: O(`top: ${s.todaysTimePosition}px`), key: i.options.transitions ? `${s.view.id}-now-line` : "now-line", title: s.utils.date.formatTime(s.vuecal.now) }, null, 12, He)) : m("", !0)]), _: 3 }, 8, ["class", "name", "appear", "style"]);
+  return h(), W(re, { class: b(["vuecal__cell", s.cellClasses]), name: `slide-fade--${s.transitionDirection}`, tag: "div", appear: i.options.transitions, style: O(s.cellStyles) }, { default: g(() => [(h(!0), c(T, null, $(s.splitsCount ? s.splits : 1, (a, d) => (h(), c("div", { class: b(["vuecal__flex vuecal__cell-content", s.splitsCount && s.splitClasses(a)]), key: i.options.transitions ? `${s.view.id}-${i.data.content}-${d}` : d, "data-split": !!s.splitsCount && a.id, column: "", tabindex: "0", "aria-label": i.data.content, onFocus: t[0] || (t[0] = (r) => s.onCellFocus(r)), onKeypress: t[1] || (t[1] = X((r) => s.onCellkeyPressEnter(r), ["enter"])), onTouchstart: (r) => !s.isDisabled && s.onCellTouchStart(r, s.splitsCount ? a.id : null), onMousedown: (r) => !s.isDisabled && s.onCellMouseDown(r, s.splitsCount ? a.id : null), onClick: t[2] || (t[2] = (r) => !s.isDisabled && s.onCellClick(r)), onDblclick: t[3] || (t[3] = (r) => !s.isDisabled && s.onCellDblClick(r)), onContextmenu: t[4] || (t[4] = (r) => !s.isDisabled && i.options.cellContextmenu && s.onCellContextMenu(r)), onDragenter: t[5] || (t[5] = (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragEnter(r, e.$data, i.data.startDate)), onDragover: (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragOver(r, e.$data, i.data.startDate, s.splitsCount ? a.id : null), onDragleave: t[6] || (t[6] = (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragLeave(r, e.$data, i.data.startDate)), onDrop: (r) => !s.isDisabled && i.editEvents.drag && s.dnd && s.dnd.cellDragDrop(r, e.$data, i.data.startDate, s.splitsCount ? a.id : null) }, [s.isWeekOrDayView && !i.allDay && s.specialHours.length ? (h(!0), c(T, { key: 0 }, $(s.specialHours, (r, u) => (h(), c("div", { class: b(["vuecal__special-hours", `vuecal__special-hours--day${r.day} ${r.class}`]), style: O(`height: ${r.height}px;top: ${r.top}px`) }, null, 6))), 256)) : m("", !0), y(e.$slots, "cell-content", { events: s.events, selectCell: (r) => s.selectCell(r, !0), split: !!s.splitsCount && a }), s.eventsCount && (s.isWeekOrDayView || s.view.id === "month" && i.options.eventsOnMonthView) ? (h(), c("div", xe, [(h(!0), c(T, null, $(s.splitsCount ? a.events : s.events, (r, u) => (h(), W(o, { key: u, "cell-formatted-date": i.data.formattedDate, event: r, "all-day": i.allDay, "cell-events": s.splitsCount ? a.events : s.events, overlaps: ((s.splitsCount ? a.overlaps[r._eid] : e.cellOverlaps[r._eid]) || []).overlaps, "event-position": ((s.splitsCount ? a.overlaps[r._eid] : e.cellOverlaps[r._eid]) || []).position, "overlaps-streak": s.splitsCount ? a.overlapsStreak : e.cellOverlapsStreak }, { event: g(({ event: p, view: v }) => [y(e.$slots, "event", { view: v, event: p })]), _: 2 }, 1032, ["cell-formatted-date", "event", "all-day", "cell-events", "overlaps", "event-position", "overlaps-streak"]))), 128))])) : m("", !0)], 42, $e))), 128)), s.timelineVisible ? (h(), c("div", { class: "vuecal__now-line", style: O(`top: ${s.todaysTimePosition}px`), key: i.options.transitions ? `${s.view.id}-now-line` : "now-line", title: s.utils.date.formatTime(s.vuecal.now) }, null, 12, He)) : m("", !0)]), _: 3 }, 8, ["class", "name", "appear", "style"]);
 }]]), We = { key: 0, class: "vuecal__all-day-text", style: { width: "3em" } }, Ve = B({ inject: ["vuecal", "view", "editEvents"], components: { "vuecal-cell": se }, props: { options: { type: Object, required: !0 }, cells: { type: Array, required: !0 }, label: { type: String, required: !0 }, daySplits: { type: Array, default: () => [] }, shortEvents: { type: Boolean, default: !0 }, height: { type: String, default: "" }, cellOrSplitMinWidth: { type: Number, default: null } }, computed: { hasCellOrSplitWidth() {
   return !!(this.options.minCellWidth || this.daySplits.length && this.options.minSplitWidth);
 } } }, [["render", function(e, t, i, n, l, s) {
   const o = j("vuecal-cell");
-  return h(), c("div", { class: "vuecal__flex vuecal__all-day", style: O(i.cellOrSplitMinWidth && { height: i.height }) }, [i.cellOrSplitMinWidth ? m("", !0) : (h(), c("div", We, [_("span", null, b(i.label), 1)])), _("div", { class: k(["vuecal__flex vuecal__cells", `${s.view.id}-view`]), grow: "", style: O(i.cellOrSplitMinWidth ? `min-width: ${i.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(i.cells, (a, d) => (h(), W(o, { key: d, options: i.options, "edit-events": s.editEvents, data: a, "all-day": !0, "cell-width": i.options.hideWeekdays.length && (s.vuecal.isWeekView || s.vuecal.isMonthView) && s.vuecal.cellWidth, "min-timestamp": i.options.minTimestamp, "max-timestamp": i.options.maxTimestamp, "cell-splits": i.daySplits }, { event: g(({ event: r, view: u }) => [y(e.$slots, "event", { view: u, event: r })]), _: 2 }, 1032, ["options", "edit-events", "data", "cell-width", "min-timestamp", "max-timestamp", "cell-splits"]))), 128))], 6)], 4);
-}]]), Ae = ["lang"], je = M("\xA0"), Ye = _("i", { class: "angle" }, null, -1), Le = M("\xA0"), Fe = M("\xA0"), Be = _("i", { class: "angle" }, null, -1), Ne = M("\xA0"), ze = { class: "default" }, Ie = { key: 0, class: "vuecal__flex vuecal__body", grow: "" }, Pe = ["onBlur", "innerHTML"], Ue = ["innerHTML"], Re = ["innerHTML"], qe = { class: "vuecal__flex", row: "", grow: "" }, Ke = { key: 0, class: "vuecal__time-column" }, Xe = _("span", { class: "vuecal__time-cell-line" }, null, -1), Ge = { class: "vuecal__time-cell-label" }, Ze = { key: 1, class: "vuecal__flex vuecal__week-numbers", column: "" }, Je = ["wrap", "column"], Qe = ["onBlur", "innerHTML"], et = ["innerHTML"], tt = ["innerHTML"], it = ["wrap"], st = ["innerHTML"], nt = ["innerHTML"], at = { key: 2, class: "vuecal__cell-events-count" }, lt = { key: 3, class: "vuecal__no-event" }, ot = ["onBlur", "innerHTML"], rt = ["innerHTML"], dt = { key: 2, class: "vuecal__event-time" }, ut = { key: 0 }, ht = { key: 1, class: "days-to-end" }, ct = ["innerHTML"], vt = { key: 0, class: "vuecal__scrollbar-check" }, mt = [_("div", null, null, -1)], I = { weekDays: Array(7).fill(""), weekDaysShort: [], months: Array(12).fill(""), years: "", year: "", month: "", week: "", day: "", today: "", noEvent: "", allDay: "", deleteEvent: "", createEvent: "", dateFormat: "dddd MMMM D, YYYY", am: "am", pm: "pm" }, ee = ["years", "year", "month", "week", "day"], te = new class {
+  return h(), c("div", { class: "vuecal__flex vuecal__all-day", style: O(i.cellOrSplitMinWidth && { height: i.height }) }, [i.cellOrSplitMinWidth ? m("", !0) : (h(), c("div", We, [k("span", null, _(i.label), 1)])), k("div", { class: b(["vuecal__flex vuecal__cells", `${s.view.id}-view`]), grow: "", style: O(i.cellOrSplitMinWidth ? `min-width: ${i.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(i.cells, (a, d) => (h(), W(o, { key: d, options: i.options, "edit-events": s.editEvents, data: a, "all-day": !0, "cell-width": i.options.hideWeekdays.length && (s.vuecal.isWeekView || s.vuecal.isMonthView) && s.vuecal.cellWidth, "min-timestamp": i.options.minTimestamp, "max-timestamp": i.options.maxTimestamp, "cell-splits": i.daySplits }, { event: g(({ event: r, view: u }) => [y(e.$slots, "event", { view: u, event: r })]), _: 2 }, 1032, ["options", "edit-events", "data", "cell-width", "min-timestamp", "max-timestamp", "cell-splits"]))), 128))], 6)], 4);
+}]]), Ae = ["lang"], je = M("\xA0"), Ye = k("i", { class: "angle" }, null, -1), Le = M("\xA0"), Fe = M("\xA0"), Be = k("i", { class: "angle" }, null, -1), Ne = M("\xA0"), ze = { class: "default" }, Ie = { key: 0, class: "vuecal__flex vuecal__body", grow: "" }, Pe = ["onBlur", "innerHTML"], Ue = ["innerHTML"], Re = ["innerHTML"], qe = { class: "vuecal__flex", row: "", grow: "" }, Ke = { key: 0, class: "vuecal__time-column" }, Xe = k("span", { class: "vuecal__time-cell-line" }, null, -1), Ge = { class: "vuecal__time-cell-label" }, Ze = { key: 1, class: "vuecal__flex vuecal__week-numbers", column: "" }, Je = ["wrap", "column"], Qe = ["onBlur", "innerHTML"], et = ["innerHTML"], tt = ["innerHTML"], it = ["wrap"], st = ["innerHTML"], nt = ["innerHTML"], at = { key: 2, class: "vuecal__cell-events-count" }, lt = { key: 3, class: "vuecal__no-event" }, ot = ["onBlur", "innerHTML"], rt = ["innerHTML"], dt = { key: 2, class: "vuecal__event-time" }, ut = { key: 0 }, ht = { key: 1, class: "days-to-end" }, ct = ["innerHTML"], vt = { key: 0, class: "vuecal__scrollbar-check" }, mt = [k("div", null, null, -1)], I = { weekDays: Array(7).fill(""), weekDaysShort: [], months: Array(12).fill(""), years: "", year: "", month: "", week: "", day: "", today: "", noEvent: "", allDay: "", deleteEvent: "", createEvent: "", dateFormat: "dddd MMMM D, YYYY", am: "am", pm: "pm" }, ee = ["years", "year", "month", "week", "day"], te = new class {
   constructor(e, t = !1) {
     H(this, "texts", {});
     H(this, "dateToMinutes", (e) => 60 * e.getHours() + e.getMinutes());
@@ -534,7 +534,7 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
   if (typeof this.locale == "object")
     return this.texts = Object.assign({}, I, e), void this.utils.date.updateTexts(this.texts);
   if (this.locale === "en") {
-    const t = await import("./i18n/en.es.e5be1d3d.mjs");
+    const t = await import("./i18n/en.es.js");
     this.texts = Object.assign({}, I, t);
   } else
     ((t, i) => {
@@ -542,11 +542,11 @@ const he = { class: "vuecal__flex vuecal__weekdays-headings" }, ce = ["onClick"]
       return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((l, s) => {
         (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + i)));
       });
-    })(Object.assign({ "./i18n/ar.json": () => import("./i18n/ar.es.8234342a.mjs"), "./i18n/bg.json": () => import("./i18n/bg.es.ef0acc3a.mjs"), "./i18n/bn.json": () => import("./i18n/bn.es.7887b557.mjs"), "./i18n/bs.json": () => import("./i18n/bs.es.8842896d.mjs"), "./i18n/ca.json": () => import("./i18n/ca.es.01e1781b.mjs"), "./i18n/cs.json": () => import("./i18n/cs.es.905f2cdb.mjs"), "./i18n/da.json": () => import("./i18n/da.es.776b59f8.mjs"), "./i18n/de.json": () => import("./i18n/de.es.537bd968.mjs"), "./i18n/el.json": () => import("./i18n/el.es.e0627980.mjs"), "./i18n/en.json": () => import("./i18n/en.es.e5be1d3d.mjs"), "./i18n/es.json": () => import("./i18n/es.es.35406e45.mjs"), "./i18n/fa.json": () => import("./i18n/fa.es.3b142530.mjs"), "./i18n/fr.json": () => import("./i18n/fr.es.1de4d1bb.mjs"), "./i18n/he.json": () => import("./i18n/he.es.dbcf89de.mjs"), "./i18n/hr.json": () => import("./i18n/hr.es.bf6c1ed8.mjs"), "./i18n/hu.json": () => import("./i18n/hu.es.281c3c4b.mjs"), "./i18n/id.json": () => import("./i18n/id.es.eb0db2f7.mjs"), "./i18n/is.json": () => import("./i18n/is.es.2a1f7fa7.mjs"), "./i18n/it.json": () => import("./i18n/it.es.746416ad.mjs"), "./i18n/ja.json": () => import("./i18n/ja.es.3605b7b6.mjs"), "./i18n/ka.json": () => import("./i18n/ka.es.8ce4a005.mjs"), "./i18n/ko.json": () => import("./i18n/ko.es.3e568bdf.mjs"), "./i18n/lt.json": () => import("./i18n/lt.es.bc961773.mjs"), "./i18n/mn.json": () => import("./i18n/mn.es.089e63f6.mjs"), "./i18n/nl.json": () => import("./i18n/nl.es.d7dae7a6.mjs"), "./i18n/no.json": () => import("./i18n/no.es.cb184396.mjs"), "./i18n/pl.json": () => import("./i18n/pl.es.881ec24e.mjs"), "./i18n/pt-br.json": () => import("./i18n/pt-br.es.64f2f007.mjs"), "./i18n/ro.json": () => import("./i18n/ro.es.cab005e0.mjs"), "./i18n/ru.json": () => import("./i18n/ru.es.87cec50c.mjs"), "./i18n/sk.json": () => import("./i18n/sk.es.aa2b941e.mjs"), "./i18n/sl.json": () => import("./i18n/sl.es.b55d833b.mjs"), "./i18n/sq.json": () => import("./i18n/sq.es.31190ff3.mjs"), "./i18n/sr.json": () => import("./i18n/sr.es.21b194a9.mjs"), "./i18n/sv.json": () => import("./i18n/sv.es.baad24e7.mjs"), "./i18n/tr.json": () => import("./i18n/tr.es.4d85aa06.mjs"), "./i18n/uk.json": () => import("./i18n/uk.es.b5df2049.mjs"), "./i18n/vi.json": () => import("./i18n/vi.es.bffb3f93.mjs"), "./i18n/zh-cn.json": () => import("./i18n/zh-cn.es.332e0d97.mjs"), "./i18n/zh-hk.json": () => import("./i18n/zh-hk.es.7decc6e6.mjs") }), `./i18n/${e}.json`).then((t) => {
+    })(Object.assign({ "./i18n/ar.json": () => import("./i18n/ar.es.js"), "./i18n/bg.json": () => import("./i18n/bg.es.js"), "./i18n/bn.json": () => import("./i18n/bn.es.js"), "./i18n/bs.json": () => import("./i18n/bs.es.js"), "./i18n/ca.json": () => import("./i18n/ca.es.js"), "./i18n/cs.json": () => import("./i18n/cs.es.js"), "./i18n/da.json": () => import("./i18n/da.es.js"), "./i18n/de.json": () => import("./i18n/de.es.js"), "./i18n/el.json": () => import("./i18n/el.es.js"), "./i18n/en.json": () => import("./i18n/en.es.js"), "./i18n/es.json": () => import("./i18n/es.es.js"), "./i18n/fa.json": () => import("./i18n/fa.es.js"), "./i18n/fr.json": () => import("./i18n/fr.es.js"), "./i18n/he.json": () => import("./i18n/he.es.js"), "./i18n/hr.json": () => import("./i18n/hr.es.js"), "./i18n/hu.json": () => import("./i18n/hu.es.js"), "./i18n/id.json": () => import("./i18n/id.es.js"), "./i18n/is.json": () => import("./i18n/is.es.js"), "./i18n/it.json": () => import("./i18n/it.es.js"), "./i18n/ja.json": () => import("./i18n/ja.es.js"), "./i18n/ka.json": () => import("./i18n/ka.es.js"), "./i18n/ko.json": () => import("./i18n/ko.es.js"), "./i18n/lt.json": () => import("./i18n/lt.es.js"), "./i18n/mn.json": () => import("./i18n/mn.es.js"), "./i18n/nl.json": () => import("./i18n/nl.es.js"), "./i18n/no.json": () => import("./i18n/no.es.js"), "./i18n/pl.json": () => import("./i18n/pl.es.js"), "./i18n/pt-br.json": () => import("./i18n/pt-br.es.js"), "./i18n/ro.json": () => import("./i18n/ro.es.js"), "./i18n/ru.json": () => import("./i18n/ru.es.js"), "./i18n/sk.json": () => import("./i18n/sk.es.js"), "./i18n/sl.json": () => import("./i18n/sl.es.js"), "./i18n/sq.json": () => import("./i18n/sq.es.js"), "./i18n/sr.json": () => import("./i18n/sr.es.js"), "./i18n/sv.json": () => import("./i18n/sv.es.js"), "./i18n/tr.json": () => import("./i18n/tr.es.js"), "./i18n/uk.json": () => import("./i18n/uk.es.js"), "./i18n/vi.json": () => import("./i18n/vi.es.js"), "./i18n/zh-cn.json": () => import("./i18n/zh-cn.es.js"), "./i18n/zh-hk.json": () => import("./i18n/zh-hk.es.js") }), `./i18n/${e}.json`).then((t) => {
       this.texts = Object.assign({}, I, t.default), this.utils.date.updateTexts(this.texts);
     });
 }, loadDragAndDrop() {
-  import("./drag-and-drop.es.44543a28.mjs").then((e) => {
+  import("./drag-and-drop.es.js").then((e) => {
     const { DragAndDrop: t } = e;
     this.modules.dnd = new t(this);
   }).catch(() => console.warn("Vue Cal: Missing drag & drop module."));
@@ -953,7 +953,7 @@ A valid view must be one of: ${ee.join(", ")}.`), e = "week"), this.enabledViews
   this.switchView(e);
 } } }, wt = B(pt, [["render", function(e, t, i, n, l, s) {
   const o = j("vuecal-header"), a = j("all-day-bar"), d = j("weekdays-headings"), r = j("vuecal-cell");
-  return h(), c("div", { class: k(["vuecal__flex vuecal", s.cssClasses]), column: "", ref: "vuecal", lang: i.locale }, [P(o, { options: e.$props, "edit-events": s.editEvents, "view-props": { views: s.views, weekDaysInHeader: s.weekDaysInHeader }, "week-days": s.weekDays, "has-splits": s.hasSplits, "day-splits": s.daySplits, "switch-to-narrower-view": s.switchToNarrowerView }, q({ "arrow-prev": g(() => [y(e.$slots, "arrow-prev", {}, () => [je, Ye, Le])]), "arrow-next": g(() => [y(e.$slots, "arrow-next", {}, () => [Fe, Be, Ne])]), "today-button": g(() => [y(e.$slots, "today-button", {}, () => [_("span", ze, b(l.texts.today), 1)])]), title: g(() => [y(e.$slots, "title", { title: s.viewTitle, view: l.view }, () => [M(b(s.viewTitle), 1)])]), _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: u, view: p }) => [y(e.$slots, "weekday-heading", { heading: u, view: p })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: u }) => [y(e.$slots, "split-label", { split: u, view: l.view.id })]) } : void 0]), 1032, ["options", "edit-events", "view-props", "week-days", "has-splits", "day-splits", "switch-to-narrower-view"]), i.hideBody ? m("", !0) : (h(), c("div", Ie, [P(U, { name: `slide-fade--${l.transitionDirection}`, appear: i.transitions }, { default: g(() => [(h(), c("div", { class: "vuecal__flex", style: { "min-width": "100%" }, key: !!i.transitions && l.view.id, column: "" }, [i.showAllDayEvents && s.hasTimeColumn && (!s.cellOrSplitMinWidth || s.isDayView && !i.minSplitWidth) ? (h(), W(a, G(Z({ key: 0 }, s.allDayBar)), { event: g(({ event: u, view: p }) => [y(e.$slots, "event", { view: p, event: u }, () => [s.editEvents.title && u.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (v) => s.onEventTitleBlur(v, u), innerHTML: u.title }, null, 40, Pe)) : u.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: u.title }, null, 8, Ue)) : m("", !0), !u.content || s.hasShortEvents || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 2, class: "vuecal__event-content", innerHTML: u.content }, null, 8, Re))])]), _: 3 }, 16)) : m("", !0), _("div", { class: k(["vuecal__bg", { vuecal__flex: !s.hasTimeColumn }]), column: "" }, [_("div", qe, [s.hasTimeColumn ? (h(), c("div", Ke, [i.showAllDayEvents && s.cellOrSplitMinWidth && (!s.isDayView || i.minSplitWidth) ? (h(), c("div", { key: 0, class: "vuecal__all-day-text", style: O({ height: s.allDayBar.height }) }, [_("span", null, b(l.texts.allDay), 1)], 4)) : m("", !0), (h(!0), c(T, null, $(s.timeCells, (u, p) => (h(), c("div", { class: "vuecal__time-cell", key: p, style: O(`height: ${i.timeCellHeight}px`) }, [y(e.$slots, "time-cell", { hours: u.hours, minutes: u.minutes }, () => [Xe, _("span", Ge, b(u.label), 1)])], 4))), 128))])) : m("", !0), i.showWeekNumbers && s.isMonthView ? (h(), c("div", Ze, [(h(), c(T, null, $(6, (u) => _("div", { class: "vuecal__flex vuecal__week-number-cell", key: u, grow: "" }, [y(e.$slots, "week-number-cell", { week: s.getWeekNumber(u - 1) }, () => [M(b(s.getWeekNumber(u - 1)), 1)])])), 64))])) : m("", !0), _("div", { class: k(["vuecal__flex vuecal__cells", `${l.view.id}-view`]), grow: "", wrap: !s.cellOrSplitMinWidth || !s.isWeekView, column: !!s.cellOrSplitMinWidth }, [s.cellOrSplitMinWidth && s.isWeekView ? (h(), W(d, { key: 0, "transition-direction": l.transitionDirection, "week-days": s.weekDays, "switch-to-narrower-view": s.switchToNarrowerView, style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, q({ _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: u, view: p }) => [y(e.$slots, "weekday-heading", { heading: u, view: p })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: u }) => [y(e.$slots, "split-label", { split: u, view: l.view.id })]) } : void 0]), 1032, ["transition-direction", "week-days", "switch-to-narrower-view", "style"])) : s.hasSplits && i.stickySplitLabels && i.minSplitWidth ? (h(), c("div", { key: 1, class: "vuecal__flex vuecal__split-days-headers", style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(s.daySplits, (u, p) => (h(), c("div", { class: k(["day-split-header", u.class || !1]), key: p }, [y(e.$slots, "split-label", { split: u, view: l.view.id }, () => [M(b(u.label), 1)])], 2))), 128))], 4)) : m("", !0), i.showAllDayEvents && s.hasTimeColumn && (s.isWeekView && s.cellOrSplitMinWidth || s.isDayView && s.hasSplits && i.minSplitWidth) ? (h(), W(a, G(Z({ key: 2 }, s.allDayBar)), { event: g(({ event: u, view: p }) => [y(e.$slots, "event", { view: p, event: u }, () => [s.editEvents.title && u.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (v) => s.onEventTitleBlur(v, u), innerHTML: u.title }, null, 40, Qe)) : u.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: u.title }, null, 8, et)) : m("", !0), !u.content || s.hasShortEvents || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 2, class: "vuecal__event-content", innerHTML: u.content }, null, 8, tt))])]), _: 3 }, 16)) : m("", !0), _("div", { class: "vuecal__flex", ref: (u) => l.cellsEl = u, grow: "", wrap: !s.cellOrSplitMinWidth || !s.isWeekView, style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(s.viewCells, (u, p) => (h(), W(r, { key: p, options: e.$props, "edit-events": s.editEvents, data: u, "cell-width": i.hideWeekdays.length && (s.isWeekView || s.isMonthView) && s.cellWidth, "min-timestamp": s.minTimestamp, "max-timestamp": s.maxTimestamp, "cell-splits": s.hasSplits && s.daySplits || [] }, { "cell-content": g(({ events: v, split: E, selectCell: f }) => [y(e.$slots, "cell-content", { cell: u, view: l.view, goNarrower: f, events: v }, () => [E && !i.stickySplitLabels ? (h(), c("div", { key: 0, class: "split-label", innerHTML: E.label }, null, 8, st)) : m("", !0), u.content ? (h(), c("div", { key: 1, class: "vuecal__cell-date", innerHTML: u.content }, null, 8, nt)) : m("", !0), (s.isMonthView && !i.eventsOnMonthView || s.isYearsOrYearView && i.eventsCountOnYearView) && v.length ? (h(), c("div", at, [y(e.$slots, "events-count", { view: l.view, events: v }, () => [M(b(v.length), 1)])])) : m("", !0), !s.cellOrSplitHasEvents(v, E) && s.isWeekOrDayView ? (h(), c("div", lt, [y(e.$slots, "no-event", {}, () => [M(b(l.texts.noEvent), 1)])])) : m("", !0)])]), event: g(({ event: v, view: E }) => [y(e.$slots, "event", { view: E, event: v }, () => [s.editEvents.title && v.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (f) => s.onEventTitleBlur(f, v), innerHTML: v.title }, null, 40, ot)) : v.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: v.title }, null, 8, rt)) : m("", !0), !i.time || v.allDay || s.isMonthView && (v.allDay || i.showAllDayEvents === "short") || s.isShortMonthView ? m("", !0) : (h(), c("div", dt, [M(b(l.utils.date.formatTime(v.start, s.TimeFormat)), 1), v.endTimeMinutes ? (h(), c("span", ut, "\xA0- " + b(l.utils.date.formatTime(v.end, s.TimeFormat, null, !0)), 1)) : m("", !0), v.daysCount > 1 && (v.segments[u.formattedDate] || {}).isFirstDay ? (h(), c("small", ht, "\xA0+" + b(v.daysCount - 1) + b((l.texts.day[0] || "").toLowerCase()), 1)) : m("", !0)])), !v.content || s.isMonthView && v.allDay && i.showAllDayEvents === "short" || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 3, class: "vuecal__event-content", innerHTML: v.content }, null, 8, ct))])]), "no-event": g(() => [y(e.$slots, "no-event", {}, () => [M(b(l.texts.noEvent), 1)])]), _: 2 }, 1032, ["options", "edit-events", "data", "cell-width", "min-timestamp", "max-timestamp", "cell-splits"]))), 128))], 12, it)], 10, Je)])], 2)]))]), _: 3 }, 8, ["name", "appear"]), l.ready ? m("", !0) : (h(), c("div", vt, mt))]))], 10, Ae);
+  return h(), c("div", { class: b(["vuecal__flex vuecal", s.cssClasses]), column: "", ref: "vuecal", lang: i.locale }, [P(o, { options: e.$props, "edit-events": s.editEvents, "view-props": { views: s.views, weekDaysInHeader: s.weekDaysInHeader }, "week-days": s.weekDays, "has-splits": s.hasSplits, "day-splits": s.daySplits, "switch-to-narrower-view": s.switchToNarrowerView }, q({ "arrow-prev": g(() => [y(e.$slots, "arrow-prev", {}, () => [je, Ye, Le])]), "arrow-next": g(() => [y(e.$slots, "arrow-next", {}, () => [Fe, Be, Ne])]), "today-button": g(() => [y(e.$slots, "today-button", {}, () => [k("span", ze, _(l.texts.today), 1)])]), title: g(() => [y(e.$slots, "title", { title: s.viewTitle, view: l.view }, () => [M(_(s.viewTitle), 1)])]), _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: u, view: p }) => [y(e.$slots, "weekday-heading", { heading: u, view: p })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: u }) => [y(e.$slots, "split-label", { split: u, view: l.view.id })]) } : void 0]), 1032, ["options", "edit-events", "view-props", "week-days", "has-splits", "day-splits", "switch-to-narrower-view"]), i.hideBody ? m("", !0) : (h(), c("div", Ie, [P(U, { name: `slide-fade--${l.transitionDirection}`, appear: i.transitions }, { default: g(() => [(h(), c("div", { class: "vuecal__flex", style: { "min-width": "100%" }, key: !!i.transitions && l.view.id, column: "" }, [i.showAllDayEvents && s.hasTimeColumn && (!s.cellOrSplitMinWidth || s.isDayView && !i.minSplitWidth) ? (h(), W(a, G(Z({ key: 0 }, s.allDayBar)), { event: g(({ event: u, view: p }) => [y(e.$slots, "event", { view: p, event: u }, () => [s.editEvents.title && u.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (v) => s.onEventTitleBlur(v, u), innerHTML: u.title }, null, 40, Pe)) : u.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: u.title }, null, 8, Ue)) : m("", !0), !u.content || s.hasShortEvents || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 2, class: "vuecal__event-content", innerHTML: u.content }, null, 8, Re))])]), _: 3 }, 16)) : m("", !0), k("div", { class: b(["vuecal__bg", { vuecal__flex: !s.hasTimeColumn }]), column: "" }, [k("div", qe, [s.hasTimeColumn ? (h(), c("div", Ke, [i.showAllDayEvents && s.cellOrSplitMinWidth && (!s.isDayView || i.minSplitWidth) ? (h(), c("div", { key: 0, class: "vuecal__all-day-text", style: O({ height: s.allDayBar.height }) }, [k("span", null, _(l.texts.allDay), 1)], 4)) : m("", !0), (h(!0), c(T, null, $(s.timeCells, (u, p) => (h(), c("div", { class: "vuecal__time-cell", key: p, style: O(`height: ${i.timeCellHeight}px`) }, [y(e.$slots, "time-cell", { hours: u.hours, minutes: u.minutes }, () => [Xe, k("span", Ge, _(u.label), 1)])], 4))), 128))])) : m("", !0), i.showWeekNumbers && s.isMonthView ? (h(), c("div", Ze, [(h(), c(T, null, $(6, (u) => k("div", { class: "vuecal__flex vuecal__week-number-cell", key: u, grow: "" }, [y(e.$slots, "week-number-cell", { week: s.getWeekNumber(u - 1) }, () => [M(_(s.getWeekNumber(u - 1)), 1)])])), 64))])) : m("", !0), k("div", { class: b(["vuecal__flex vuecal__cells", `${l.view.id}-view`]), grow: "", wrap: !s.cellOrSplitMinWidth || !s.isWeekView, column: !!s.cellOrSplitMinWidth }, [s.cellOrSplitMinWidth && s.isWeekView ? (h(), W(d, { key: 0, "transition-direction": l.transitionDirection, "week-days": s.weekDays, "switch-to-narrower-view": s.switchToNarrowerView, style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, q({ _: 2 }, [e.$slots["weekday-heading"] ? { name: "weekday-heading", fn: g(({ heading: u, view: p }) => [y(e.$slots, "weekday-heading", { heading: u, view: p })]) } : void 0, e.$slots["split-label"] ? { name: "split-label", fn: g(({ split: u }) => [y(e.$slots, "split-label", { split: u, view: l.view.id })]) } : void 0]), 1032, ["transition-direction", "week-days", "switch-to-narrower-view", "style"])) : s.hasSplits && i.stickySplitLabels && i.minSplitWidth ? (h(), c("div", { key: 1, class: "vuecal__flex vuecal__split-days-headers", style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(s.daySplits, (u, p) => (h(), c("div", { class: b(["day-split-header", u.class || !1]), key: p }, [y(e.$slots, "split-label", { split: u, view: l.view.id }, () => [M(_(u.label), 1)])], 2))), 128))], 4)) : m("", !0), i.showAllDayEvents && s.hasTimeColumn && (s.isWeekView && s.cellOrSplitMinWidth || s.isDayView && s.hasSplits && i.minSplitWidth) ? (h(), W(a, G(Z({ key: 2 }, s.allDayBar)), { event: g(({ event: u, view: p }) => [y(e.$slots, "event", { view: p, event: u }, () => [s.editEvents.title && u.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (v) => s.onEventTitleBlur(v, u), innerHTML: u.title }, null, 40, Qe)) : u.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: u.title }, null, 8, et)) : m("", !0), !u.content || s.hasShortEvents || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 2, class: "vuecal__event-content", innerHTML: u.content }, null, 8, tt))])]), _: 3 }, 16)) : m("", !0), k("div", { class: "vuecal__flex", ref: (u) => l.cellsEl = u, grow: "", wrap: !s.cellOrSplitMinWidth || !s.isWeekView, style: O(s.cellOrSplitMinWidth ? `min-width: ${s.cellOrSplitMinWidth}px` : "") }, [(h(!0), c(T, null, $(s.viewCells, (u, p) => (h(), W(r, { key: p, options: e.$props, "edit-events": s.editEvents, data: u, "cell-width": i.hideWeekdays.length && (s.isWeekView || s.isMonthView) && s.cellWidth, "min-timestamp": s.minTimestamp, "max-timestamp": s.maxTimestamp, "cell-splits": s.hasSplits && s.daySplits || [] }, { "cell-content": g(({ events: v, split: E, selectCell: f }) => [y(e.$slots, "cell-content", { cell: u, view: l.view, goNarrower: f, events: v }, () => [E && !i.stickySplitLabels ? (h(), c("div", { key: 0, class: "split-label", innerHTML: E.label }, null, 8, st)) : m("", !0), u.content ? (h(), c("div", { key: 1, class: "vuecal__cell-date", innerHTML: u.content }, null, 8, nt)) : m("", !0), (s.isMonthView && !i.eventsOnMonthView || s.isYearsOrYearView && i.eventsCountOnYearView) && v.length ? (h(), c("div", at, [y(e.$slots, "events-count", { view: l.view, events: v }, () => [M(_(v.length), 1)])])) : m("", !0), !s.cellOrSplitHasEvents(v, E) && s.isWeekOrDayView ? (h(), c("div", lt, [y(e.$slots, "no-event", {}, () => [M(_(l.texts.noEvent), 1)])])) : m("", !0)])]), event: g(({ event: v, view: E }) => [y(e.$slots, "event", { view: E, event: v }, () => [s.editEvents.title && v.titleEditable ? (h(), c("div", { key: 0, class: "vuecal__event-title vuecal__event-title--edit", contenteditable: "", onBlur: (f) => s.onEventTitleBlur(f, v), innerHTML: v.title }, null, 40, ot)) : v.title ? (h(), c("div", { key: 1, class: "vuecal__event-title", innerHTML: v.title }, null, 8, rt)) : m("", !0), !i.time || v.allDay || s.isMonthView && (v.allDay || i.showAllDayEvents === "short") || s.isShortMonthView ? m("", !0) : (h(), c("div", dt, [M(_(l.utils.date.formatTime(v.start, s.TimeFormat)), 1), v.endTimeMinutes ? (h(), c("span", ut, "\xA0- " + _(l.utils.date.formatTime(v.end, s.TimeFormat, null, !0)), 1)) : m("", !0), v.daysCount > 1 && (v.segments[u.formattedDate] || {}).isFirstDay ? (h(), c("small", ht, "\xA0+" + _(v.daysCount - 1) + _((l.texts.day[0] || "").toLowerCase()), 1)) : m("", !0)])), !v.content || s.isMonthView && v.allDay && i.showAllDayEvents === "short" || s.isShortMonthView ? m("", !0) : (h(), c("div", { key: 3, class: "vuecal__event-content", innerHTML: v.content }, null, 8, ct))])]), "no-event": g(() => [y(e.$slots, "no-event", {}, () => [M(_(l.texts.noEvent), 1)])]), _: 2 }, 1032, ["options", "edit-events", "data", "cell-width", "min-timestamp", "max-timestamp", "cell-splits"]))), 128))], 12, it)], 10, Je)])], 2)]))]), _: 3 }, 8, ["name", "appear"]), l.ready ? m("", !0) : (h(), c("div", vt, mt))]))], 10, Ae);
 }]]);
 export {
   wt as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cal",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "description": "A Vue JS full calendar, no dependency, no BS. :metal:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "repository": "https://github.com/antoniandre/vue-cal",