vectis-ui 0.8.1 → 0.9.0

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

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