vectis-ui 0.1.0 → 0.8.0

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

@@ -1,22 +1,18 @@
 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";
+import { clamp as t } from "../../utils/number.js";
+import { formatDateDisplay as n } from "../../utils/date.js";
+import { formatTimeDisplay as r } from "../../utils/time.js";
+import i from "./VCalendarEvent.js";
+import { MINUTES_PER_DAY as a, blockEdgeAt as o, floorToSlot as s, fractionOf as c, isAllDayEvent as l, minutesAt as u, moveEventToDay as d, packAllDay as ee, packDayColumn as te, pointToCell as ne, sameTimes as re, snapToSlot as ie, spansMidnight as f, timeOf as p, timedSegments as ae, timesOf as m } from "./layout.js";
+import { calendarIntent as oe } from "./keyboard.js";
+import { gridGeometryOf as se, useCalendarGesture as ce } from "./gesture.js";
+import { drawnSlot as le, moveTimedEvent as ue, resizeTimedEvent as de, roundToSlot as fe } from "./timeGrid.js";
+import { Fragment as h, computed as g, createBlock as pe, createCommentVNode as me, createElementBlock as _, createElementVNode as v, createSlots as he, createTextVNode as ge, defineComponent as y, mergeModels as b, mergeProps as x, normalizeClass as _e, normalizeStyle as S, onBeforeUnmount as ve, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useId as ye, useModel as be, withCtx as xe } 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 = {
+var Se = ["data-outside", "data-gesture"], Ce = { class: "v-calendar-head" }, we = { class: "v-calendar-weekday" }, Te = { class: "v-calendar-allday-label" }, Ee = ["aria-label"], De = {
 	class: "v-calendar-hours",
 	"aria-hidden": "true"
-}, Ne = [
-	"aria-label",
-	"data-gesture",
-	"data-edge"
-], Pe = [
+}, Oe = ["aria-label", "data-edge"], ke = [
 	"id",
 	"data-iso",
 	"data-minutes",
@@ -24,18 +20,19 @@ var Te = ["data-outside"], Ee = { class: "v-calendar-head" }, De = ["data-today"
 	"tabindex",
 	"aria-label",
 	"aria-selected"
-], w = 60, T = "__vectis-calendar-draft__", Fe = "__vectis-calendar-ghost__", Ie = 14, Le = /*@__PURE__*/ g({
+], k = "__vectis-calendar-draft__", Ae = 14, je = /*@__PURE__*/ y({
 	__name: "VCalendarTimeGrid",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ b({
 		days: {},
 		events: {},
-		window: {},
+		timeWindow: {},
 		slotDuration: {},
 		locale: {},
-		hourFormat: {},
+		format: {},
 		today: {},
 		now: {},
 		editable: { type: Boolean },
+		disabled: { type: Boolean },
 		creatable: { type: Boolean },
 		hintId: {},
 		edgeStepDelay: {},
@@ -45,7 +42,7 @@ var Te = ["data-outside"], Ee = { class: "v-calendar-head" }, De = ["data-today"
 		focused: { required: !0 },
 		focusedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ _([
+	emits: /*@__PURE__*/ b([
 		"cell-activate",
 		"event-activate",
 		"event-drop",
@@ -53,569 +50,509 @@ var Te = ["data-outside"], Ee = { class: "v-calendar-head" }, De = ["data-today"
 		"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);
+	setup(y, { expose: b, emit: je }) {
+		let A = y, j = je, M = be(y, "focused"), N = e(), Me = ye(), P = g(() => {
+			let e = [], { start: t, end: n } = A.timeWindow;
+			for (let r = t; r < n; r += 60) e.push(r);
 			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;
+		}), F = w(null), Ne = w(null), I = w(null), { gesture: L, ghostEvent: Pe, withPreview: Fe, edgeCue: Ie, isRtl: R, start: z, reapply: Le, endLastGesture: Re, consumeDrag: ze, onPointermove: Be, onPointerup: Ve, onPointercancel: He, onPointerleave: Ue, onCardKeydown: We, focusCell: Ge, idOfCard: Ke, cardState: qe } = ce({
+			events: () => A.events,
+			eventOf: (e) => H(e),
+			rootEl: F,
+			captureEl: F,
+			measureEl: I,
+			columns: () => A.days.length,
+			editable: () => A.editable,
+			hintId: () => A.hintId,
+			slotMinutes: () => A.slotDuration,
+			edgeStepDelay: () => A.edgeStepDelay,
+			layout: () => A.days,
+			applyPoint: bt,
+			onEdges: (e, t) => Tt(A.autoScroll && t ? o(e.lastY, t, 48) : 0),
+			onRelease: $,
+			onLetGo: (e) => e.kind === "create" ? (e.moved && j("slot-create", e.preview), !0) : !1,
+			onDrop: (e) => j("event-drop", e.id, e.preview, e.kind === "resize" ? "resize" : "move"),
+			grab: (e) => A.editable && !l(e) ? J({
+				kind: "move",
+				id: e.id,
+				origin: m(e),
+				pointerId: null,
+				originX: 0,
+				originY: 0,
+				grabOffset: 0,
+				grabColumn: 0
+			}) : null,
+			onGrabStep: wt,
+			step: (e) => j("step", e),
+			announce: (e) => j("announce", e)
+		}), Je = Object.freeze([]), Ye = g(() => {
+			let e = L.value, t = Pe.value, n = e?.ghostColumns;
+			return !t || !n ? Je : ae([t], A.days, A.timeWindow, A.slotDuration).flatMap((e) => {
+				let t = n[e.part];
+				return t ? [{
+					...e,
+					...t
+				}] : [];
+			});
+		}), Xe = g(() => {
+			let e = L.value, t = Pe.value;
 			if (!t || e?.ghostLane == null) return null;
-			let [n] = oe([t], E.days);
+			let [n] = ee([t], A.days);
 			return n ? {
 				...n,
 				lane: e.ghostLane
 			} : null;
-		}), F = p(() => {
-			let e = M.value;
-			if (!e) return E.events;
+		}), B = g(() => A.events.filter((e) => !l(e))), Ze = g(() => A.events.filter((e) => l(e))), Qe = g(() => {
+			let e = L.value;
+			if (!e || e.kind === "move-days") return B.value;
 			if (e.kind === "create") {
+				if (!e.moved) return B.value;
 				let t = {
-					id: T,
-					title: k.value.calendar.newEvent(E.events.length + 1),
+					id: k,
+					title: N.value.calendar.untitled,
 					...e.preview
 				};
-				return [...E.events, t];
+				return [...B.value, 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 Fe(B.value);
+		}), V = g(() => L.value?.kind === "move-days" ? Fe(Ze.value) : Ze.value), $e = g(() => new Map(Qe.value.map((e) => [e.id, e]))), et = g(() => new Map(V.value.map((e) => [e.id, e]))), H = (e) => $e.value.get(e) ?? et.value.get(e), U = g(() => {
+			let e = Xe.value, t = ee(e ? V.value.filter((t) => t.id !== e.id) : V.value, A.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)
+		}), tt = g(() => U.value.reduce((e, t) => Math.max(e, t.lane + 1), 0)), nt = (e) => t(Math.floor((e - A.timeWindow.start) / 60), 0, P.value.length - 1), W = g(() => {
+			if (A.now === null || A.today === null) return null;
+			let e = A.days.indexOf(A.today);
+			return e === -1 || A.now < A.timeWindow.start || A.now > A.timeWindow.end ? null : {
+				day: e,
+				row: nt(A.now),
+				fraction: c(A.now, A.timeWindow)
 			};
-		}), 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]);
+		}), rt = g(() => {
+			let e = ae(Qe.value, A.days, A.timeWindow, A.slotDuration), t = Ye.value, n = t[0]?.id, r = /* @__PURE__ */ new Map();
+			for (let t of e) {
+				if (n !== void 0 && t.id === n) continue;
+				let e = r.get(t.dayIndex);
+				e ? e.push(t) : r.set(t.dayIndex, [t]);
 			}
-			return e;
-		}), z = (e, t) => `${Re}-c-${e}-${t}`, B = p(() => {
+			let i = [...r.values()].flatMap((e) => te(e));
+			return t.length > 0 ? [...i, ...t] : i;
+		}), G = (e, t) => `${Me}-c-${e}-${t}`, K = g(() => {
 			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, {
+			for (let t of A.days) e.set(t, {
+				short: n(t, A.locale, { weekday: "short" }),
+				number: n(t, A.locale, { day: "numeric" }),
+				full: n(t, A.locale, {
 					weekday: "long",
 					day: "numeric",
 					month: "long"
 				})
 			});
 			return e;
-		}), Ke = p(() => {
+		}), it = g(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of A.value) e.set(t, i(d(t), E.locale, E.hourFormat));
+			for (let t of P.value) e.set(t, r(p(t), A.locale, A.format));
 			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)
+		}), at = (e) => it.value.get(e) ?? "", ot = (e) => K.value.get(e)?.short ?? "", st = (e) => K.value.get(e)?.number ?? "", ct = g(() => {
+			let e = A.days.length;
+			return P.value.map((t, n) => ({
+				minutes: t,
+				cells: A.days.map((r, i) => ({
+					iso: r,
+					day: i,
+					row: n,
+					key: n * e + i,
+					id: G(r, t),
+					label: `${K.value.get(r)?.full ?? r}, ${at(t)}`
+				}))
+			}));
+		}), lt = g(() => {
+			let { locale: e, format: t } = A, n = /* @__PURE__ */ new Map();
+			return (i) => {
+				let a = `${i.startTime}|${i.endTime}|${i.timezone ?? ""}`, o = n.get(a);
+				if (o === void 0) {
+					let s = `${r(i.startTime, e, t)} – ${r(i.endTime, e, t)}`;
+					o = i.timezone ? `${s} (${i.timezone})` : s, n.set(a, o);
+				}
+				return o;
 			};
-		}
-		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 {
+		}), ut = g(() => {
+			let e = /* @__PURE__ */ new Map(), t = A.days.length, n = $e.value, r = lt.value;
+			for (let i of rt.value) {
+				let a = n.get(i.id);
+				if (!a) continue;
+				let o = nt(i.start) * t + i.dayIndex, s = {
+					segment: i,
+					event: a,
+					timeText: r(a),
+					style: {
+						"--calendar-day-index": String(i.dayIndex),
+						"--calendar-block-start-fraction": String(c(i.start, A.timeWindow)),
+						"--calendar-block-end-fraction": String(c(i.end, A.timeWindow)),
+						"--calendar-block-column": String(i.column),
+						"--calendar-block-span": String(i.span),
+						"--calendar-block-columns": String(i.columns)
+					}
+				}, l = e.get(o);
+				l ? l.push(s) : e.set(o, [s]);
+			}
+			return e;
+		}), dt = Object.freeze([]), ft = (e) => ut.value.get(e) ?? dt, pt = (e, t) => M.value.iso === e && M.value.minutes === t, q = g(() => {
+			let e = M.value, { start: t, end: n } = A.timeWindow;
+			if (A.days.includes(e.iso)) {
+				let r = Math.floor((e.minutes - t) / 60) * 60 + t;
+				if (r >= t && r < n) return {
 					iso: e.iso,
-					minutes: t
+					minutes: r
 				};
 			}
-			return et.value;
-		}), tt = (e, t) => V.value?.iso === e && V.value.minutes === t;
-		function nt(e, t) {
-			O.value = {
+			let r = A.days[0];
+			return r ? {
+				iso: r,
+				minutes: t
+			} : null;
+		}), mt = (e, t) => q.value?.iso === e && q.value.minutes === t;
+		function ht(e, t) {
+			M.value = {
 				iso: e,
 				minutes: t
-			}, ve(() => document.getElementById(z(e, t))?.focus());
+			}, Ge(G(e, t), !0);
 		}
-		function rt(e) {
-			let t = e.target, r = t?.closest(".v-calendar-event");
+		function gt(e) {
+			let t = r(e.startTime, A.locale, A.format), i = r(e.endTime, A.locale, A.format);
+			return `${n(e.start, A.locale, {
+				weekday: "long",
+				day: "numeric",
+				month: "long"
+			})}, ${t} – ${i}`;
+		}
+		function _t(e) {
+			let n = e.target, r = n?.closest(".v-calendar-event");
 			if (r) {
-				xt(e, r);
+				We(e, r);
 				return;
 			}
-			let i = t?.closest(".v-calendar-cell");
+			let i = n?.closest(".v-calendar-cell");
 			if (!i) return;
-			let a = o(e.key, e.shiftKey, "cell", E.slotDuration, $());
+			let a = oe(e.key, e.shiftKey, "cell", A.slotDuration, R());
 			if (!a) return;
-			let s = i.dataset.iso, c = Number(i.dataset.minutes), ee = E.days.indexOf(s);
+			let o = i.dataset.iso, s = Number(i.dataset.minutes), c = A.days.indexOf(o);
 			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);
+				let n = A.days[t(c + a.days, 0, A.days.length - 1)], r = t(s + a.minutes, A.timeWindow.start, A.timeWindow.end - 60);
+				e.preventDefault(), ht(n, r);
 				return;
 			}
 			if (a.kind === "rowEdge") {
-				let t = a.edge === "start" ? E.days[0] : E.days.at(-1);
+				let t = a.edge === "start" ? A.days[0] : A.days.at(-1);
 				if (!t) return;
-				e.preventDefault(), nt(t, c);
+				e.preventDefault(), ht(t, s);
 				return;
 			}
 			if (a.kind === "period") {
-				e.preventDefault(), D("step", a.delta);
+				e.preventDefault(), j("step", a.delta);
 				return;
 			}
-			a.kind === "activate" && (e.preventDefault(), D("cell-activate", s, c));
+			a.kind === "activate" && (e.preventDefault(), j("cell-activate", {
+				date: o,
+				minutes: s
+			}));
 		}
-		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 = {
+		function J(e) {
+			let t = rt.value.filter((t) => t.id === e.id), n = U.value.find((t) => t.id === e.id);
+			return {
 				...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 {}
+				ghostColumns: t.length > 0 ? Object.fromEntries(t.map((e) => [e.part, {
+					column: e.column,
+					span: e.span,
+					columns: e.columns
+				}])) : null,
+				ghostLane: n ? n.lane : null
+			};
 		}
-		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",
+		let Y = (e, t, n, r) => ne({
+			x: e,
+			y: t
+		}, se(n, A.days.length, r), A.timeWindow, r);
+		function vt(e) {
+			if (Re(), L.value || e.button !== 0) return;
+			let t = e.target, n = I.value?.getBoundingClientRect();
+			if (!t || !n) return;
+			let r = R(), i = Y(e.clientX, e.clientY, n, r), o = t.closest(".v-calendar-event");
+			if (o) {
+				if (!A.editable) return;
+				let n = H(Ke(o));
+				if (!n || l(n)) return;
+				let s = t.closest("[data-calendar-handle]") !== null, c = f(n) && A.days[i.columnIndex] === n.end;
+				z(J({
+					kind: s ? "resize" : "move",
 					id: n.id,
-					origin: fe(n),
+					origin: m(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);
+					grabOffset: s ? 0 : (c ? a : 0) + i.minutes - u(n.startTime, A.timeWindow.start),
+					grabColumn: i.columnIndex
+				}), r);
 				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({
+			if (!A.creatable || !t.closest(".v-calendar-cell")) return;
+			let c = A.days[i.columnIndex];
+			if (!c) return;
+			let d = s(i.minutes, A.slotDuration);
+			z(J({
 				kind: "create",
-				id: T,
+				id: k,
 				origin: {
-					start: a,
-					end: a,
-					startTime: d(o),
-					endTime: d(Math.min(o + E.slotDuration, E.window.end))
+					start: c,
+					end: c,
+					startTime: p(d),
+					endTime: p(Math.min(d + A.slotDuration, A.timeWindow.end))
 				},
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
 				grabOffset: 0,
-				grabColumn: r.columnIndex
-			}, e);
+				grabColumn: i.columnIndex
+			}), r);
 		}
-		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({
+		function yt(e) {
+			if (Re(), L.value || !A.editable || e.button !== 0) return;
+			let t = e.target?.closest(".v-calendar-event"), n = t ? H(Ke(t)) : void 0, r = I.value?.getBoundingClientRect();
+			if (!n || !r) return;
+			let i = R();
+			z(J({
 				kind: "move-days",
 				id: n.id,
-				origin: fe(n),
+				origin: m(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;
+				grabColumn: Y(e.clientX, e.clientY, r, i).columnIndex
+			}), i);
 		}
-		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));
+		function bt(e, n) {
+			let r = Y(e.lastX, e.lastY, n, e.rtl), i = f(e.origin), a = e.kind === "create" || e.kind === "resize" && !i ? 0 : r.columnIndex, o = e.kind === "move-days" ? 0 : e.kind === "move" ? fe(r.minutes - e.grabOffset, A.slotDuration) : e.kind === "create" ? s(r.minutes, A.slotDuration) : ie(r.minutes, A.slotDuration);
+			if (St(e, a, o)) return;
+			if (e.kind === "create") {
+				let t = u(e.origin.startTime, A.timeWindow.start);
+				X(e, le(e.origin.start, t, o, A.slotDuration, A.timeWindow));
 				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
-				};
+			if (e.kind === "resize") {
+				let t = A.days[a] ?? e.origin.end;
+				X(e, de(e.origin, t, o, A.slotDuration, A.timeWindow, 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();
+			if (e.kind === "move-days") {
+				let n = t(Ct(e) + (a - e.grabColumn), 0, A.days.length - 1), r = A.days[n];
+				r && X(e, d(e.origin, r));
 				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));
+			let c = A.days[a];
+			c && X(e, ue(e.origin, c, o, A.timeWindow, i));
 		}
-		function ft() {
-			K !== null && cancelAnimationFrame(K), K = null, q = 0;
+		let xt = null;
+		function St(e, t, n) {
+			let r = xt;
+			return r?.state === e && r.days === A.days && r.timeWindow === A.timeWindow && r.step === A.slotDuration && r.column === t && r.minutes === n ? !0 : (xt = {
+				state: e,
+				days: A.days,
+				timeWindow: A.timeWindow,
+				step: A.slotDuration,
+				column: t,
+				minutes: n
+			}, !1);
 		}
-		function pt() {
-			G.cancel(), ft();
+		function X(e, t) {
+			re(e.preview, t) || (e.preview = t);
 		}
-		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);
+		function Ct(e) {
+			let t = A.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 wt(e, n, r) {
+			let i = f(e.origin);
+			if (n.kind === "grabResize") e.preview = de(e.preview, e.preview.end, u(e.preview.endTime, A.timeWindow.end) + n.minutes, A.slotDuration, A.timeWindow, i);
+			else {
+				let r = n.days === 0 ? e.preview.start : A.days[t(A.days.indexOf(e.preview.start) + n.days, 0, A.days.length - 1)] ?? e.preview.start;
+				e.preview = ue(e.preview, r, u(e.preview.startTime, A.timeWindow.start) + n.minutes, A.timeWindow, i);
 			}
+			return j("announce", N.value.calendar.movedTo(r.title, gt(e.preview))), !0;
 		}
-		function _t(e) {
-			if (J) {
-				J = !1;
+		let Z = null, Q = 0;
+		function Tt(e) {
+			if (Q = e, e === 0) {
+				$();
 				return;
 			}
-			let t = I.value.get(e);
-			t && e !== T && D("event-activate", t);
+			Z ??= requestAnimationFrame(Et);
 		}
-		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 Et() {
+			Z = null;
+			let e = F.value, t = L.value;
+			!e || !t || Q === 0 || (e.scrollTop += Q * Ae, Le(t), Z = requestAnimationFrame(Et));
 		}
-		function yt() {
-			M.value = null, pt();
+		function $() {
+			Z !== null && cancelAnimationFrame(Z), Z = null, Q = 0;
 		}
-		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}`));
+		ve($);
+		function Dt(e) {
+			if (ze()) return;
+			let t = H(e);
+			t && e !== k && j("event-activate", t);
 		}
-		function Y(e) {
-			ve(() => {
-				let t = Z.value?.querySelectorAll(".v-calendar-event");
-				Array.from(t ?? []).find((t) => t.dataset.eventId === String(e))?.focus();
+		function Ot(e) {
+			let t = e.target;
+			if (t?.closest(".v-calendar-event") || ze()) return;
+			let n = t?.closest(".v-calendar-cell");
+			n && j("cell-activate", {
+				date: n.dataset.iso,
+				minutes: Number(n.dataset.minutes)
 			});
 		}
-		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;
+		let kt = g(() => {
+			let e = L.value;
+			if (!(!e || e.pointerId === null)) {
+				if (e.kind === "resize") return "resize";
+				if (e.kind === "create" && e.moved) return "create";
 			}
-			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
-			};
+		});
+		function At(e) {
+			let t = F.value, n = Ne.value;
+			if (!t || !n || P.value.length === 0) return;
+			let r = n.offsetHeight / P.value.length;
+			r <= 0 || (t.scrollTop = (e - A.timeWindow.start) / 60 * r);
 		}
-		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", {
+		return b({
+			focus: () => {
+				let e = q.value;
+				e && Ge(G(e.iso, e.minutes));
+			},
+			scrollToMinutes: At
+		}), (e, t) => (C(), _("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", {
+			ref: F,
+			class: "v-calendar-time-grid",
+			"data-outside": O(L)?.outside ? "" : void 0,
+			"data-gesture": kt.value,
+			style: S({ "--calendar-columns": String(y.days.length) }),
+			onPointermove: t[0] ||= (...e) => O(Be) && O(Be)(...e),
+			onPointerup: t[1] ||= (...e) => O(Ve) && O(Ve)(...e),
+			onPointercancel: t[2] ||= (...e) => O(He) && O(He)(...e),
+			onPointerleave: t[3] ||= (...e) => O(Ue) && O(Ue)(...e)
+		}, [v("div", Ce, [
+			t[4] ||= v("div", { class: "v-calendar-head-gutter" }, null, -1),
+			(C(!0), _(h, null, T(y.days, (t) => (C(), _("div", {
 				key: t,
-				class: "v-calendar-head-day",
-				"data-today": t === g.today ? "" : void 0
-			}, [S(e.$slots, "day-header", {
+				class: "v-calendar-head-day"
+			}, [E(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", {
+				weekday: ot(t),
+				dayText: st(t),
+				today: t === y.today
+			}, () => [v("span", we, D(ot(t)), 1), v("span", { class: _e(["v-calendar-head-number", { "v-calendar-today": t === y.today }]) }, D(st(t)), 3)])]))), 128)),
+			U.value.length > 0 ? (C(), _(h, { key: 0 }, [v("div", Te, [E(e.$slots, "all-day-label", {}, () => [ge(D(O(N).calendar.allDay), 1)])]), v("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, {
+				"aria-label": O(N).calendar.allDay,
+				style: S({ "--calendar-lanes": String(tt.value) }),
+				onPointerdown: yt
+			}, [(C(!0), _(h, null, T(U.value, (t) => (C(), pe(i, x({
 				key: t.id,
 				class: "v-calendar-bar",
-				event: I.value.get(t.id),
+				event: et.value.get(t.id),
 				layout: "chip",
+				disabled: y.disabled,
 				"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 ? {
+				"continues-after": t.continuesAfter
+			}, { ref_for: !0 }, O(qe)(t.id), {
+				style: {
+					"--calendar-day-index": String(t.startIndex),
+					"--calendar-bar-span": String(t.span),
+					"--calendar-bar-lane": String(t.lane)
+				},
+				onClick: (e) => Dt(t.id)
+			}), he({ _: 2 }, [e.$slots.event ? {
 				name: "default",
-				fn: we((t) => [S(e.$slots, "event", _e({ ref_for: !0 }, t))]),
+				fn: xe((t) => [E(e.$slots, "event", x({ ref_for: !0 }, t))]),
 				key: "0"
-			} : void 0]), 1032, [
+			} : void 0]), 1040, [
 				"event",
+				"disabled",
 				"continues-before",
 				"continues-after",
-				"dragging",
-				"rejected",
-				"grabbed",
-				"hint-id",
-				"ghost-of",
 				"style",
 				"onClick"
-			]))), 128))], 44, je)], 64)) : me("", !0)
-		]), h("div", {
+			]))), 128))], 44, Ee)], 64)) : me("", !0)
+		]), v("div", {
 			ref_key: "canvasEl",
-			ref: St,
+			ref: Ne,
 			class: "v-calendar-canvas"
-		}, [h("div", Me, [(y(!0), m(f, null, x(A.value, (e) => (y(), m("span", {
+		}, [v("div", De, [(C(!0), _(h, null, T(P.value, (e) => (C(), _("span", {
 			key: e,
 			class: "v-calendar-hour"
-		}, C(qe(e)), 1))), 128))]), h("div", {
+		}, D(at(e)), 1))), 128))]), v("div", {
 			ref_key: "columnsEl",
-			ref: Z,
-			class: "v-calendar-columns",
+			ref: I,
+			class: "v-calendar-columns v-calendar-edge-cue",
 			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,
+			"aria-label": y.label,
+			"data-edge": O(Ie),
+			onKeydown: _t,
+			onClick: Ot,
+			onPointerdown: vt
+		}, [(C(!0), _(h, null, T(ct.value, (t) => (C(), _("div", {
+			key: t.minutes,
 			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,
+		}, [(C(!0), _(h, null, T(t.cells, (n) => (C(), _("div", {
+			id: n.id,
+			key: n.iso,
 			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,
+			"data-iso": n.iso,
+			"data-minutes": t.minutes,
+			"data-today": n.iso === y.today ? "" : void 0,
+			tabindex: mt(n.iso, t.minutes) ? 0 : -1,
+			"aria-label": n.label,
+			"aria-selected": pt(n.iso, t.minutes) ? !0 : void 0
+		}, [(C(!0), _(h, null, T(ft(n.key), (t) => (C(), pe(i, x({
+			key: t.segment.id,
 			class: "v-calendar-block",
-			event: I.value.get(t.id),
+			event: t.event,
 			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 ? {
+			disabled: y.disabled,
+			"time-text": t.timeText,
+			"continues-before": t.segment.clippedStart,
+			"continues-after": t.segment.clippedEnd,
+			resizable: y.editable && t.segment.id !== k && t.segment.part !== "head"
+		}, { ref_for: !0 }, O(qe)(t.segment.id), {
+			style: t.style,
+			onClick: (e) => Dt(t.segment.id)
+		}), he({ _: 2 }, [e.$slots.event ? {
 			name: "default",
-			fn: we((t) => [S(e.$slots, "event", _e({ ref_for: !0 }, t))]),
+			fn: xe((t) => [E(e.$slots, "event", x({ ref_for: !0 }, t))]),
 			key: "0"
-		} : void 0]), 1032, [
+		} : void 0]), 1040, [
 			"event",
+			"disabled",
 			"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", {
+		]))), 128)), W.value && W.value.day === n.day && W.value.row === n.row ? (C(), _("div", {
 			key: 0,
 			class: "v-calendar-now",
 			"aria-hidden": "true",
-			style: v({
-				"--event-day": String(R.value.dayIndex),
-				"--calendar-now": String(R.value.fraction)
+			style: S({
+				"--calendar-day-index": String(W.value.day),
+				"--calendar-now-fraction": String(W.value.fraction)
 			})
-		}, null, 4)) : me("", !0)], 8, Pe))), 128))]))), 128))], 40, Ne)], 512)], 44, Te));
+		}, null, 4)) : me("", !0)], 8, ke))), 128))]))), 128))], 40, Oe)], 512)], 44, Se));
 	}
 });
 //#endregion
-export { Le as default };
+export { je as default };
 
 //# sourceMappingURL=VCalendarTimeGrid.vue_vue_type_script_setup_true_lang.js.map