vectis-ui 0.1.0

package/dist/components/VCalendar/VCalendarTimeGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,621 @@
+import { useMessages as e } from "../../i18n/state.js";
+import { isRtl as t } from "../../utils/direction.js";
+import { clamp as n } from "../../utils/number.js";
+import { formatDisplay as r } from "../../utils/date.js";
+import { formatDisplay as i } from "../../utils/time.js";
+import a from "./VCalendarEvent.js";
+import { calendarIntent as o } from "./keyboard.js";
+import { useEdgeStep as s } from "./edgeStep.js";
+import { blockEdgeAt as c, floorToSlot as ee, fractionOf as te, inlineEdgeAt as ne, isAllDayEvent as re, minutesAt as l, moveEvent as ie, moveEventToDay as ae, packAllDay as oe, packDayColumn as se, pointToCell as u, pointWithin as ce, resizeEvent as le, snapToSlot as ue, timeOf as d, timedSegments as de, timesOf as fe } from "./layout.js";
+import { Fragment as f, computed as p, createBlock as pe, createCommentVNode as me, createElementBlock as m, createElementVNode as h, createSlots as he, createTextVNode as ge, defineComponent as g, mergeModels as _, mergeProps as _e, nextTick as ve, normalizeStyle as v, onBeforeUnmount as ye, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as be, useId as xe, useModel as Se, watch as Ce, withCtx as we } from "vue";
+//#region src/components/VCalendar/VCalendarTimeGrid.vue?vue&type=script&setup=true&lang.ts
+var Te = ["data-outside"], Ee = { class: "v-calendar-head" }, De = ["data-today"], Oe = { class: "v-calendar-head-weekday" }, ke = { class: "v-calendar-head-number" }, Ae = { class: "v-calendar-allday-label" }, je = ["aria-label"], Me = {
+	class: "v-calendar-hours",
+	"aria-hidden": "true"
+}, Ne = [
+	"aria-label",
+	"data-gesture",
+	"data-edge"
+], Pe = [
+	"id",
+	"data-iso",
+	"data-minutes",
+	"data-today",
+	"tabindex",
+	"aria-label",
+	"aria-selected"
+], w = 60, T = "__vectis-calendar-draft__", Fe = "__vectis-calendar-ghost__", Ie = 14, Le = /*@__PURE__*/ g({
+	__name: "VCalendarTimeGrid",
+	props: /*@__PURE__*/ _({
+		days: {},
+		events: {},
+		window: {},
+		slotDuration: {},
+		locale: {},
+		hourFormat: {},
+		today: {},
+		now: {},
+		editable: { type: Boolean },
+		creatable: { type: Boolean },
+		hintId: {},
+		edgeStepDelay: {},
+		autoScroll: { type: Boolean },
+		label: {}
+	}, {
+		focused: { required: !0 },
+		focusedModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _([
+		"cell-activate",
+		"event-activate",
+		"event-drop",
+		"slot-create",
+		"announce",
+		"step"
+	], ["update:focused"]),
+	setup(g, { expose: _, emit: Le }) {
+		let E = g, D = Le, O = Se(g, "focused"), k = e(), Re = xe(), A = p(() => {
+			let e = [];
+			for (let t = E.window.start; t < E.window.end; t += w) e.push(t);
+			return e;
+		}), ze = (e) => `${Fe}${e}`, Be = (e) => String(e).slice(25), j = (e) => String(e).startsWith(Fe), M = b(null), N = p(() => M.value !== null && M.value.pointerId === null), P = p(() => {
+			let e = M.value;
+			if (!e?.moved) return null;
+			let t = E.events.find((t) => t.id === e.id);
+			return t ? {
+				...t,
+				...e.origin,
+				id: ze(e.id)
+			} : null;
+		}), Ve = p(() => {
+			let e = M.value, t = P.value;
+			if (!t || !e?.ghostColumn) return null;
+			let [n] = de([t], E.days, E.window, E.slotDuration);
+			return n ? {
+				...n,
+				...e.ghostColumn
+			} : null;
+		}), He = p(() => {
+			let e = M.value, t = P.value;
+			if (!t || e?.ghostLane == null) return null;
+			let [n] = oe([t], E.days);
+			return n ? {
+				...n,
+				lane: e.ghostLane
+			} : null;
+		}), F = p(() => {
+			let e = M.value;
+			if (!e) return E.events;
+			if (e.kind === "create") {
+				let t = {
+					id: T,
+					title: k.value.calendar.newEvent(E.events.length + 1),
+					...e.preview
+				};
+				return [...E.events, t];
+			}
+			let t = E.events.map((t) => t.id === e.id ? {
+				...t,
+				...e.preview
+			} : t);
+			return P.value ? [...t, P.value] : t;
+		}), I = p(() => new Map(F.value.map((e) => [e.id, e]))), L = p(() => {
+			let e = He.value, t = oe(e ? F.value.filter((t) => t.id !== e.id) : F.value, E.days);
+			return e ? [...t, e] : t;
+		}), Ue = p(() => L.value.reduce((e, t) => Math.max(e, t.lane + 1), 0)), R = p(() => {
+			if (E.now === null || E.today === null) return null;
+			let e = E.days.indexOf(E.today);
+			return e === -1 || E.now < E.window.start || E.now > E.window.end ? null : {
+				dayIndex: e,
+				cell: `${e}:${n(Math.floor((E.now - E.window.start) / w), 0, A.value.length - 1)}`,
+				fraction: te(E.now, E.window)
+			};
+		}), We = p(() => {
+			let e = de(F.value, E.days, E.window, E.slotDuration), t = Ve.value, n = /* @__PURE__ */ new Map();
+			for (let r of e) {
+				if (t && r.id === t.id) continue;
+				let e = n.get(r.dayIndex);
+				e ? e.push(r) : n.set(r.dayIndex, [r]);
+			}
+			let r = [...n.values()].flatMap((e) => se(e));
+			return t ? [...r, t] : r;
+		}), Ge = p(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of We.value) {
+				let r = Math.floor((t.start - E.window.start) / w), i = `${t.dayIndex}:${n(r, 0, A.value.length - 1)}`, a = e.get(i);
+				a ? a.push(t) : e.set(i, [t]);
+			}
+			return e;
+		}), z = (e, t) => `${Re}-c-${e}-${t}`, B = p(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of E.days) e.set(t, {
+				short: r(t, E.locale, { weekday: "short" }),
+				number: r(t, E.locale, { day: "numeric" }),
+				full: r(t, E.locale, {
+					weekday: "long",
+					day: "numeric",
+					month: "long"
+				})
+			});
+			return e;
+		}), Ke = p(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of A.value) e.set(t, i(d(t), E.locale, E.hourFormat));
+			return e;
+		}), qe = (e) => Ke.value.get(e) ?? i(d(e), E.locale, E.hourFormat), Je = (e, t) => t === "short" ? B.value.get(e)?.short ?? r(e, E.locale, { weekday: t }) : r(e, E.locale, { weekday: t }), Ye = (e) => B.value.get(e)?.number ?? r(e, E.locale, { day: "numeric" }), Xe = (e, t) => `${B.value.get(e)?.full ?? e}, ${qe(t)}`;
+		function Ze(e) {
+			let t = `${i(e.startTime, E.locale, E.hourFormat)} – ${i(e.endTime, E.locale, E.hourFormat)}`;
+			return e.timezone ? `${t} (${e.timezone})` : t;
+		}
+		function Qe(e) {
+			return {
+				"--event-start": String(te(e.start, E.window)),
+				"--event-end": String(te(e.end, E.window)),
+				"--event-day": String(e.dayIndex),
+				"--event-column": String(e.column),
+				"--event-span": String(e.span),
+				"--event-columns": String(e.columns)
+			};
+		}
+		let $e = (e, t) => O.value.iso === e && O.value.minutes === t, et = p(() => {
+			let e = E.days[0];
+			return e ? {
+				iso: e,
+				minutes: E.window.start
+			} : null;
+		}), V = p(() => {
+			let e = O.value;
+			if (E.days.includes(e.iso)) {
+				let t = Math.floor((e.minutes - E.window.start) / w) * w + E.window.start;
+				if (t >= E.window.start && t < E.window.end) return {
+					iso: e.iso,
+					minutes: t
+				};
+			}
+			return et.value;
+		}), tt = (e, t) => V.value?.iso === e && V.value.minutes === t;
+		function nt(e, t) {
+			O.value = {
+				iso: e,
+				minutes: t
+			}, ve(() => document.getElementById(z(e, t))?.focus());
+		}
+		function rt(e) {
+			let t = e.target, r = t?.closest(".v-calendar-event");
+			if (r) {
+				xt(e, r);
+				return;
+			}
+			let i = t?.closest(".v-calendar-cell");
+			if (!i) return;
+			let a = o(e.key, e.shiftKey, "cell", E.slotDuration, $());
+			if (!a) return;
+			let s = i.dataset.iso, c = Number(i.dataset.minutes), ee = E.days.indexOf(s);
+			if (a.kind === "moveFocus") {
+				let t = E.days[n(ee + a.days, 0, E.days.length - 1)], r = n(c + a.minutes, E.window.start, E.window.end - w);
+				e.preventDefault(), nt(t, r);
+				return;
+			}
+			if (a.kind === "rowEdge") {
+				let t = a.edge === "start" ? E.days[0] : E.days.at(-1);
+				if (!t) return;
+				e.preventDefault(), nt(t, c);
+				return;
+			}
+			if (a.kind === "period") {
+				e.preventDefault(), D("step", a.delta);
+				return;
+			}
+			a.kind === "activate" && (e.preventDefault(), D("cell-activate", s, c));
+		}
+		function H(e, t) {
+			let n = We.value.find((t) => t.id === e.id), r = L.value.find((t) => t.id === e.id);
+			if (M.value = {
+				...e,
+				preview: { ...e.origin },
+				lastX: e.originX,
+				lastY: e.originY,
+				ghostColumn: n ? {
+					column: n.column,
+					span: n.span,
+					columns: n.columns
+				} : null,
+				ghostLane: r ? r.lane : null,
+				moved: !1,
+				outside: !1
+			}, t) try {
+				X.value?.setPointerCapture(t.pointerId);
+			} catch {}
+		}
+		function it(e) {
+			if (ht(), M.value || e.button !== 0) return;
+			let t = e.target;
+			if (!t) return;
+			let n = Z.value?.getBoundingClientRect();
+			if (!n) return;
+			let r = u({
+				x: e.clientX,
+				y: e.clientY
+			}, Q(n), E.window, $()), i = t.closest(".v-calendar-event");
+			if (i) {
+				if (!E.editable) return;
+				let n = I.value.get(U(i));
+				if (!n || re(n)) return;
+				let a = t.closest("[data-calendar-handle]") !== null;
+				H({
+					kind: a ? "resize" : "move",
+					id: n.id,
+					origin: fe(n),
+					pointerId: e.pointerId,
+					originX: e.clientX,
+					originY: e.clientY,
+					grabOffset: a ? 0 : r.minutes - l(n.startTime, E.window.start),
+					grabColumn: r.columnIndex
+				}, e);
+				return;
+			}
+			if (!E.creatable || !t.closest(".v-calendar-cell")) return;
+			let a = E.days[r.columnIndex];
+			if (!a) return;
+			let o = ee(r.minutes, E.slotDuration);
+			H({
+				kind: "create",
+				id: T,
+				origin: {
+					start: a,
+					end: a,
+					startTime: d(o),
+					endTime: d(Math.min(o + E.slotDuration, E.window.end))
+				},
+				pointerId: e.pointerId,
+				originX: e.clientX,
+				originY: e.clientY,
+				grabOffset: 0,
+				grabColumn: r.columnIndex
+			}, e);
+		}
+		function at(e) {
+			if (ht(), M.value || !E.editable || e.button !== 0) return;
+			let t = e.target?.closest(".v-calendar-event");
+			if (!t) return;
+			let n = I.value.get(U(t));
+			if (!n) return;
+			let r = Z.value?.getBoundingClientRect();
+			if (!r) return;
+			let i = u({
+				x: e.clientX,
+				y: e.clientY
+			}, Q(r), E.window, $());
+			H({
+				kind: "move-days",
+				id: n.id,
+				origin: fe(n),
+				pointerId: e.pointerId,
+				originX: e.clientX,
+				originY: e.clientY,
+				grabOffset: 0,
+				grabColumn: i.columnIndex
+			}, e);
+		}
+		function U(e) {
+			let t = e.dataset.eventId ?? "";
+			return I.value.has(t) ? t : Number(t);
+		}
+		function ot(e) {
+			let t = M.value;
+			!t || t.pointerId !== e.pointerId || (t.lastX = e.clientX, t.lastY = e.clientY, !(!t.moved && Math.abs(e.clientX - t.originX) < 3 && Math.abs(e.clientY - t.originY) < 3) && (t.moved = !0, t.outside = st(t), W(t), lt(t)));
+		}
+		function st(e) {
+			let t = X.value?.getBoundingClientRect();
+			return t ? !ce({
+				x: e.lastX,
+				y: e.lastY
+			}, t) : !1;
+		}
+		function W(e) {
+			let t = Z.value?.getBoundingClientRect();
+			if (!t) return;
+			let r = u({
+				x: e.lastX,
+				y: e.lastY
+			}, Q(t), E.window, $());
+			if (e.kind === "move-days") {
+				let t = n(mt(e) + (r.columnIndex - e.grabColumn), 0, E.days.length - 1), i = E.days[t];
+				i && (e.preview = ae(e.origin, i));
+				return;
+			}
+			if (e.kind === "move") {
+				let t = n(mt(e) + (r.columnIndex - e.grabColumn), 0, E.days.length - 1), i = E.days[t], a = ue(r.minutes - e.grabOffset, E.slotDuration) - l(e.origin.startTime, E.window.start);
+				e.preview = {
+					...ie(e.origin, 0, a, E.window),
+					start: i,
+					end: i
+				};
+				return;
+			}
+			e.preview = le(e.origin, ue(r.minutes, E.slotDuration), E.slotDuration, E.window);
+		}
+		let G = s((e) => D("step", e), () => E.edgeStepDelay), ct = p(() => G.pending.value === -1 ? "start" : G.pending.value === 1 ? "end" : void 0);
+		function lt(e) {
+			let t = Z.value?.getBoundingClientRect(), n = X.value?.getBoundingClientRect();
+			!t || !n || (G.watchEdge(ne(e.lastX, Q(t), 48, $())), ut(E.autoScroll ? c(e.lastY, n, 48) : 0));
+		}
+		let K = null, q = 0;
+		function ut(e) {
+			if (q = e, e === 0) {
+				ft();
+				return;
+			}
+			K ??= requestAnimationFrame(dt);
+		}
+		function dt() {
+			K = null;
+			let e = X.value, t = M.value;
+			!e || !t || q === 0 || (e.scrollTop += q * Ie, W(t), K = requestAnimationFrame(dt));
+		}
+		function ft() {
+			K !== null && cancelAnimationFrame(K), K = null, q = 0;
+		}
+		function pt() {
+			G.cancel(), ft();
+		}
+		ye(ft), Ce(() => E.days, () => {
+			let e = M.value;
+			e?.moved && W(e);
+		}, { flush: "post" });
+		function mt(e) {
+			let t = E.days.indexOf(e.origin.start);
+			return t === -1 ? e.grabColumn : t;
+		}
+		let J = !1;
+		function ht() {
+			J = !1;
+		}
+		function gt(e) {
+			let t = M.value;
+			if (!(!t || t.pointerId !== e.pointerId) && (M.value = null, J = t.moved, pt(), !t.outside)) {
+				if (t.kind === "create") {
+					D("slot-create", t.preview);
+					return;
+				}
+				t.moved && D("event-drop", t.id, t.preview, t.kind === "resize" ? "resize" : "move");
+			}
+		}
+		function _t(e) {
+			if (J) {
+				J = !1;
+				return;
+			}
+			let t = I.value.get(e);
+			t && e !== T && D("event-activate", t);
+		}
+		function vt(e) {
+			if (E.creatable) return;
+			let t = e.target;
+			if (t?.closest(".v-calendar-event")) return;
+			let n = t?.closest(".v-calendar-cell");
+			n && D("cell-activate", n.dataset.iso, Number(n.dataset.minutes));
+		}
+		function yt() {
+			M.value = null, pt();
+		}
+		function bt(e, t) {
+			let n = i(t.startTime, E.locale, E.hourFormat), a = i(t.endTime, E.locale, E.hourFormat), o = r(t.start, E.locale, {
+				weekday: "long",
+				day: "numeric",
+				month: "long"
+			});
+			D("announce", k.value.calendar.movedTo(e, `${o}, ${n} – ${a}`));
+		}
+		function Y(e) {
+			ve(() => {
+				let t = Z.value?.querySelectorAll(".v-calendar-event");
+				Array.from(t ?? []).find((t) => t.dataset.eventId === String(e))?.focus();
+			});
+		}
+		function xt(e, t) {
+			let r = I.value.get(U(t));
+			if (!r) return;
+			let i = N.value && M.value?.id === r.id, a = o(e.key, e.shiftKey, i ? "grabbed" : "event", E.slotDuration, $());
+			if (!a) return;
+			if (!i) {
+				if (a.kind !== "activate" || !E.editable || re(r)) return;
+				e.preventDefault(), H({
+					kind: "move",
+					id: r.id,
+					origin: fe(r),
+					pointerId: null,
+					originX: 0,
+					originY: 0,
+					grabOffset: 0,
+					grabColumn: 0
+				}), D("announce", k.value.calendar.grabbed);
+				return;
+			}
+			let s = M.value;
+			if (e.preventDefault(), a.kind === "grabResize") {
+				s.preview = le(s.preview, l(s.preview.endTime, E.window.end) + a.minutes, E.slotDuration, E.window), s.moved = !0, bt(r.title, s.preview), Y(s.id);
+				return;
+			}
+			if (a.kind === "grabMove") {
+				let e = n(E.days.indexOf(s.preview.start) + a.days, 0, E.days.length - 1), t = E.days[e] ?? s.preview.start;
+				s.preview = {
+					...ie(s.preview, 0, a.minutes, E.window),
+					start: t,
+					end: t
+				}, s.moved = !0, bt(r.title, s.preview), Y(s.id);
+				return;
+			}
+			if (a.kind === "activate") {
+				M.value = null, s.moved && D("event-drop", s.id, s.preview, s.kind === "resize" ? "resize" : "move"), D("announce", k.value.calendar.dropped), Y(s.id);
+				return;
+			}
+			a.kind === "cancel" && (M.value = null, D("announce", k.value.calendar.reverted), Y(s.id));
+		}
+		let X = b(null), St = b(null), Z = b(null);
+		function Q(e) {
+			let t = $();
+			return {
+				top: e.top,
+				height: e.height,
+				inlineStart: t ? e.right : e.left,
+				inlineSize: e.width,
+				columns: E.days.length
+			};
+		}
+		let $ = () => t(Z.value);
+		function Ct(e) {
+			let t = X.value, n = St.value;
+			if (!t || !n || A.value.length === 0) return;
+			let r = n.offsetHeight / A.value.length;
+			r <= 0 || (t.scrollTop = (e - E.window.start) / w * r);
+		}
+		function wt() {
+			let e = V.value;
+			e && document.getElementById(z(e.iso, e.minutes))?.focus();
+		}
+		return _({
+			focus: wt,
+			scrollToMinutes: Ct
+		}), (e, t) => (y(), m("div", {
+			ref_key: "rootEl",
+			ref: X,
+			class: "v-calendar-grid",
+			"data-outside": M.value?.outside ? "" : void 0,
+			style: v({ "--calendar-columns": String(g.days.length) }),
+			onPointermove: ot,
+			onPointerup: gt,
+			onPointercancel: yt
+		}, [h("div", Ee, [
+			t[0] ||= h("div", { class: "v-calendar-head-gutter" }, null, -1),
+			(y(!0), m(f, null, x(g.days, (t) => (y(), m("div", {
+				key: t,
+				class: "v-calendar-head-day",
+				"data-today": t === g.today ? "" : void 0
+			}, [S(e.$slots, "day-header", {
+				iso: t,
+				weekday: Je(t, "short"),
+				day: Ye(t),
+				today: t === g.today
+			}, () => [h("span", Oe, C(Je(t, "short")), 1), h("span", ke, C(Ye(t)), 1)])], 8, De))), 128)),
+			L.value.length > 0 ? (y(), m(f, { key: 0 }, [h("div", Ae, [S(e.$slots, "all-day-label", {}, () => [ge(C(be(k).calendar.allDay), 1)])]), h("div", {
+				class: "v-calendar-allday",
+				role: "group",
+				"aria-label": be(k).calendar.allDay,
+				style: v({ "--calendar-lanes": String(Ue.value) }),
+				onPointerdown: at
+			}, [(y(!0), m(f, null, x(L.value, (t) => (y(), pe(a, {
+				key: t.id,
+				class: "v-calendar-bar",
+				event: I.value.get(t.id),
+				layout: "chip",
+				"continues-before": t.continuesBefore,
+				"continues-after": t.continuesAfter,
+				dragging: M.value?.id === t.id && M.value.pointerId !== null,
+				rejected: M.value?.id === t.id && M.value.outside,
+				grabbed: N.value && M.value?.id === t.id,
+				"hint-id": g.editable && !j(t.id) ? g.hintId : void 0,
+				"ghost-of": j(t.id) ? Be(t.id) : void 0,
+				style: v({
+					"--event-day": String(t.startIndex),
+					"--event-span": String(t.span),
+					"--event-lane": String(t.lane)
+				}),
+				onClick: (e) => _t(t.id)
+			}, he({ _: 2 }, [e.$slots.event ? {
+				name: "default",
+				fn: we((t) => [S(e.$slots, "event", _e({ ref_for: !0 }, t))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"event",
+				"continues-before",
+				"continues-after",
+				"dragging",
+				"rejected",
+				"grabbed",
+				"hint-id",
+				"ghost-of",
+				"style",
+				"onClick"
+			]))), 128))], 44, je)], 64)) : me("", !0)
+		]), h("div", {
+			ref_key: "canvasEl",
+			ref: St,
+			class: "v-calendar-canvas"
+		}, [h("div", Me, [(y(!0), m(f, null, x(A.value, (e) => (y(), m("span", {
+			key: e,
+			class: "v-calendar-hour"
+		}, C(qe(e)), 1))), 128))]), h("div", {
+			ref_key: "columnsEl",
+			ref: Z,
+			class: "v-calendar-columns",
+			role: "grid",
+			"aria-label": g.label,
+			"data-gesture": M.value?.kind,
+			"data-edge": ct.value,
+			onKeydown: rt,
+			onClick: vt,
+			onPointerdown: it
+		}, [(y(!0), m(f, null, x(A.value, (t, n) => (y(), m("div", {
+			key: t,
+			role: "row",
+			class: "v-calendar-row"
+		}, [(y(!0), m(f, null, x(g.days, (r, i) => (y(), m("div", {
+			id: z(r, t),
+			key: r,
+			role: "gridcell",
+			class: "v-calendar-cell",
+			"data-iso": r,
+			"data-minutes": t,
+			"data-today": r === g.today ? "" : void 0,
+			tabindex: tt(r, t) ? 0 : -1,
+			"aria-label": Xe(r, t),
+			"aria-selected": $e(r, t) ? !0 : void 0
+		}, [(y(!0), m(f, null, x(Ge.value.get(`${i}:${n}`) ?? [], (t) => (y(), pe(a, {
+			key: t.id,
+			class: "v-calendar-block",
+			event: I.value.get(t.id),
+			layout: "block",
+			"time-text": Ze(I.value.get(t.id)),
+			"continues-before": t.clippedStart,
+			"continues-after": t.clippedEnd,
+			resizable: g.editable && t.id !== T,
+			dragging: M.value?.id === t.id && M.value.pointerId !== null,
+			rejected: M.value?.id === t.id && M.value.outside,
+			grabbed: N.value && M.value?.id === t.id,
+			"hint-id": g.editable && !j(t.id) ? g.hintId : void 0,
+			"ghost-of": j(t.id) ? Be(t.id) : void 0,
+			style: v(Qe(t)),
+			onClick: (e) => _t(t.id)
+		}, he({ _: 2 }, [e.$slots.event ? {
+			name: "default",
+			fn: we((t) => [S(e.$slots, "event", _e({ ref_for: !0 }, t))]),
+			key: "0"
+		} : void 0]), 1032, [
+			"event",
+			"time-text",
+			"continues-before",
+			"continues-after",
+			"resizable",
+			"dragging",
+			"rejected",
+			"grabbed",
+			"hint-id",
+			"ghost-of",
+			"style",
+			"onClick"
+		]))), 128)), R.value && R.value.cell === `${i}:${n}` ? (y(), m("div", {
+			key: 0,
+			class: "v-calendar-now",
+			"aria-hidden": "true",
+			style: v({
+				"--event-day": String(R.value.dayIndex),
+				"--calendar-now": String(R.value.fraction)
+			})
+		}, null, 4)) : me("", !0)], 8, Pe))), 128))]))), 128))], 40, Ne)], 512)], 44, Te));
+	}
+});
+//#endregion
+export { Le as default };
+
+//# sourceMappingURL=VCalendarTimeGrid.vue_vue_type_script_setup_true_lang.js.map