@calends/vue 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,1757 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, inject as o, mergeModels as s, nextTick as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, onScopeDispose as f, openBlock as p, provide as m, ref as h, renderSlot as g, shallowRef as _, toDisplayString as v, toValue as y, unref as b, useModel as x, watch as S, withCtx as C, withModifiers as w } from "vue";
+import { Primitive as T } from "reka-ui";
+import { createGantt as E, createMonthGrid as D, createResourceGrid as O, createTimeGrid as k, createTimeline as A, daysBetween as j, ganttLinkArrow as M, isSamePeriod as N, localTimeZone as P, moveEvent as F, navigate as I, normalizeEvents as L, orderedRange as R, periodRange as z, periodTitle as ee, resizeEvent as B, roundedPath as te, routeGanttLink as ne, snapMinutes as re, startOfWeek as V, wallMinutes as H, withTimes as U } from "@calends/core";
+// src/useInteractions.ts
+var ie = 4, W = "a[href], button, [tabindex]:not([tabindex=\"-1\"])";
+function G(t) {
+	let n = _(null), r = _(null), i = h(""), a = e(() => y(t.editable) ?? !1), o = e(() => y(t.selectable) ?? !1), s = e(() => y(t.snapMinutes) ?? 15), l = e(() => y(t.slotMinMinutes) ?? 0), u = e(() => y(t.slotMaxMinutes) ?? 1440);
+	function d(e) {
+		return a.value && (t.canEdit?.(e.source) ?? !0);
+	}
+	function p(e) {
+		if (e === void 0) return;
+		if (e === "") return null;
+		let n = (y(t.resources) ?? []).find((t) => String(t.id) === e);
+		return n ? n.id : e;
+	}
+	function m(e, n) {
+		for (let r of document.elementsFromPoint(e, n)) {
+			if (r.closest("[data-event-id]")) continue;
+			let i = r.closest("[data-drop]");
+			if (!i) continue;
+			let a = i.dataset.drop, o = p(i.dataset.resourceId), s = i.getBoundingClientRect(), c = u.value - l.value;
+			if (a === "dayaxis") {
+				let t = Number(i.dataset.axisDays), n = Math.min(Math.max((e - s.left) / s.width, 0), .9999);
+				return {
+					kind: a,
+					date: Temporal.PlainDate.from(i.dataset.axisStart).add({ days: Math.floor(n * t) }),
+					minutes: null,
+					resourceId: o
+				};
+			}
+			if (a === "axis") {
+				let n = Number(i.dataset.axisMinutes), r = Math.min(Math.max((e - s.left) / s.width, 0), .9999) * n, u = Math.floor(r / c);
+				return {
+					kind: a,
+					date: t.rangeStart.value.add({ days: u }),
+					minutes: l.value + (r - u * c),
+					resourceId: o
+				};
+			}
+			let d = Temporal.PlainDate.from(i.dataset.date);
+			if (a === "time") {
+				let e = Math.min(Math.max((n - s.top) / s.height, 0), 1);
+				return {
+					kind: a,
+					date: d,
+					minutes: l.value + e * c,
+					resourceId: o
+				};
+			}
+			return {
+				kind: a,
+				date: d,
+				minutes: null,
+				resourceId: o
+			};
+		}
+		return null;
+	}
+	function g(e, t) {
+		return {
+			days: j(e.date, t.date),
+			minutes: e.minutes !== null && t.minutes !== null ? re(t.minutes - e.minutes, s.value) : 0
+		};
+	}
+	function v(e, t) {
+		let r = g(e.origin, t), i = e.kind === "move" ? F(e.event, r) : B(e.event, e.kind === "resize-start" ? "start" : "end", r, s.value), a = e.kind === "move" && t.resourceId !== void 0 && e.origin.resourceId !== void 0 ? t.resourceId : e.origin.resourceId;
+		n.value = {
+			...e,
+			started: !0,
+			preview: i,
+			resourceId: a
+		};
+	}
+	let b = e(() => {
+		let e = n.value;
+		return e?.started ? t.events.value.map((t) => t.id === e.event.id ? U(t, e.preview) : t) : t.events.value;
+	});
+	function x(e) {
+		let r = t.getResourceIds?.(e), i = n.value;
+		if (!i?.started || i.event.source !== e || i.resourceId === i.origin.resourceId) return r;
+		let a = (r ?? []).filter((e) => e !== i.origin.resourceId);
+		return i.resourceId === null || i.resourceId === void 0 ? a : [.../* @__PURE__ */ new Set([...a, i.resourceId])];
+	}
+	function S(e) {
+		return !!(n.value?.started && n.value.event.id === e.id);
+	}
+	function C(e) {
+		return !e.preview.start.equals(e.event.start) || !e.preview.end.equals(e.event.end) || e.resourceId !== e.origin.resourceId;
+	}
+	function w(e) {
+		if (!C(e)) return;
+		let n = {
+			event: e.event.source,
+			start: e.preview.start,
+			end: e.preview.end,
+			previousStart: e.event.start,
+			previousEnd: e.event.end,
+			allDay: e.event.allDay
+		};
+		e.resourceId !== e.origin.resourceId && (n.resourceId = e.resourceId, n.previousResourceId = e.origin.resourceId), e.kind === "move" ? t.onEventDrop?.(n) : t.onEventResize?.(n);
+	}
+	function T() {
+		let e = (e) => {
+			e.preventDefault(), e.stopPropagation();
+		};
+		window.addEventListener("click", e, {
+			capture: !0,
+			once: !0
+		}), setTimeout(() => window.removeEventListener("click", e, { capture: !0 }), 0);
+	}
+	function E(e, t, r) {
+		if (e.button !== 0 || e.pointerType === "touch" || !d(t)) return;
+		let i = m(e.clientX, e.clientY);
+		if (!i) return;
+		e.preventDefault(), r !== "move" && e.stopPropagation(), n.value = {
+			kind: r,
+			event: t,
+			origin: i,
+			started: !1,
+			keyboard: !1,
+			pointer: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			preview: {
+				start: t.start,
+				end: t.end
+			},
+			resourceId: i.resourceId,
+			moveDelta: {},
+			endDelta: {}
+		};
+		let a = (e) => {
+			let t = n.value;
+			if (!t) return;
+			let r = Math.hypot(e.clientX - t.pointer.x, e.clientY - t.pointer.y);
+			if (!t.started && r < ie) return;
+			let i = m(e.clientX, e.clientY);
+			i && v(t, i);
+		}, o = (e) => {
+			window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", c), window.removeEventListener("keydown", l);
+			let t = n.value;
+			n.value = null, t?.started && (T(), e || w(t));
+		}, s = () => o(!1), c = () => o(!0), l = (e) => e.key === "Escape" && o(!0);
+		window.addEventListener("pointermove", a), window.addEventListener("pointerup", s), window.addEventListener("pointercancel", c), window.addEventListener("keydown", l);
+	}
+	function D(e) {
+		let n = e.target;
+		if (!o.value || e.button !== 0 || e.pointerType === "touch" || n?.closest("[data-event-id], [data-calendar-control]")) return;
+		let i = m(e.clientX, e.clientY);
+		if (!i) return;
+		e.preventDefault(), n?.closest("[role=\"gridcell\"]")?.focus(), r.value = {
+			anchor: i,
+			current: i
+		};
+		let a = (e) => {
+			let t = m(e.clientX, e.clientY);
+			t && t.kind === i.kind && (r.value = {
+				anchor: i,
+				current: t
+			});
+		}, s = (e) => {
+			window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", l), window.removeEventListener("keydown", u);
+			let n = k.value;
+			r.value = null, !e && n && t.onRangeSelect?.(n.detail);
+		}, c = () => s(!1), l = () => s(!0), u = (e) => e.key === "Escape" && s(!0);
+		window.addEventListener("pointermove", a), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", l), window.addEventListener("keydown", u);
+	}
+	let O = (e, n) => e.toPlainDateTime({ hour: 0 }).add({ minutes: n }).toZonedDateTime(t.timeZone.value), k = e(() => {
+		let e = r.value;
+		if (!e) return null;
+		let { anchor: n } = e;
+		if (n.kind === "day" || n.kind === "dayaxis") {
+			let [t, r] = R(n.date, e.current.date);
+			return {
+				kind: n.kind,
+				resourceId: n.resourceId,
+				startDate: t,
+				endDate: r,
+				detail: {
+					start: t,
+					end: r,
+					allDay: !0,
+					resourceId: n.resourceId
+				}
+			};
+		}
+		let i = s.value, a = (e) => j(t.rangeStart.value, e.date) * 24 * 60 + e.minutes, o = n.kind === "time", [c, l] = R(o ? n.minutes : a(n), o ? e.current.minutes : a(e.current)), u = Math.floor(c / i) * i, d = Math.max(Math.ceil(l / i) * i, u + i), f = o ? n.date : t.rangeStart.value.add({ days: Math.floor(u / 1440) }), p = o ? u : u % 1440, m = o ? n.date : t.rangeStart.value.add({ days: Math.floor(d / 1440) }), h = o ? d : d % 1440;
+		return {
+			kind: n.kind,
+			resourceId: n.resourceId,
+			startDate: f,
+			endDate: m,
+			startMinutes: p,
+			endMinutes: h,
+			detail: {
+				start: O(f, p),
+				end: O(m, h),
+				allDay: !1,
+				resourceId: n.resourceId
+			}
+		};
+	});
+	function A(e) {
+		let n = (e) => e instanceof Temporal.PlainDate ? e.toLocaleString(t.locale.value, {
+			weekday: "short",
+			month: "short",
+			day: "numeric"
+		}) : e.toLocaleString(t.locale.value, {
+			weekday: "short",
+			month: "short",
+			day: "numeric",
+			hour: "numeric",
+			minute: "2-digit"
+		});
+		return `${n(e.start)} to ${n(e.end)}`;
+	}
+	async function M(e) {
+		await c();
+		let t = document.querySelector(`[data-event-id="${CSS.escape(String(e.id))}"]`);
+		(t?.matches(W) ? t : t?.querySelector(W))?.focus();
+	}
+	function N(e) {
+		let t = F(e.event, e.moveDelta), n = e.endDelta.days || e.endDelta.minutes ? B(U(e.event, t), "end", e.endDelta, s.value) : t;
+		return {
+			...e,
+			preview: n
+		};
+	}
+	let P = null;
+	function I() {
+		P?.(), P = null;
+	}
+	f(I);
+	function L(e) {
+		let t = n.value;
+		if (!t?.keyboard) {
+			I();
+			return;
+		}
+		let r = t.event, a = t.axes;
+		if (e.key === "Escape") {
+			e.preventDefault(), e.stopPropagation(), n.value = null, I(), i.value = "Move cancelled.", M(r);
+			return;
+		}
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault(), e.stopPropagation(), n.value = null, I(), w({
+				...t,
+				kind: t.endDelta.days || t.endDelta.minutes ? "resize-end" : "move"
+			}), i.value = `Dropped. ${A(t.preview)}.`, M(r);
+			return;
+		}
+		let o = {
+			ArrowLeft: [-1, "horizontal"],
+			ArrowRight: [1, "horizontal"],
+			ArrowUp: [-1, "vertical"],
+			ArrowDown: [1, "vertical"]
+		}[e.key];
+		if (!o) return;
+		e.preventDefault(), e.stopPropagation();
+		let [c, l] = o, u = l === "horizontal" ? a.horizontal : a.vertical, d = e.shiftKey, f = { ...d ? t.endDelta : t.moveDelta }, p = r.allDay ? 0 : s.value, m = t;
+		if (u === "day") f.days = (f.days ?? 0) + c;
+		else if (u === "week") f.days = (f.days ?? 0) + c * 7;
+		else if (u === "minutes" && p) f.minutes = (f.minutes ?? 0) + c * p;
+		else if (u === "resource" && a.resourceOrder && !d) {
+			let e = a.resourceOrder, n = e.indexOf(t.resourceId ?? null);
+			m = {
+				...t,
+				resourceId: e[Math.min(Math.max(n + c, 0), e.length - 1)]
+			};
+		} else return;
+		u !== "resource" && (m = d ? {
+			...m,
+			endDelta: f
+		} : {
+			...m,
+			moveDelta: f
+		}), m = N(m), n.value = m, i.value = A(m.preview), M(r);
+	}
+	function z(e, t, r, a) {
+		e.key === " " && !n.value && d(t) && (e.preventDefault(), n.value = {
+			kind: "move",
+			event: t,
+			origin: {
+				kind: "day",
+				date: t.startDate,
+				minutes: null,
+				resourceId: a
+			},
+			started: !0,
+			keyboard: !0,
+			pointer: {
+				x: 0,
+				y: 0
+			},
+			preview: {
+				start: t.start,
+				end: t.end
+			},
+			resourceId: a,
+			moveDelta: {
+				days: 0,
+				minutes: 0
+			},
+			endDelta: {
+				days: 0,
+				minutes: 0
+			},
+			axes: r
+		}, i.value = "Picked up. Arrow keys move it, Shift with arrows changes its end, Space drops it, Escape cancels.", window.addEventListener("keydown", L, { capture: !0 }), P = () => window.removeEventListener("keydown", L, { capture: !0 }));
+	}
+	return {
+		editable: a,
+		selectable: o,
+		drag: n,
+		selectedRange: k,
+		announcement: i,
+		displayEvents: b,
+		displayResourceIds: x,
+		canEdit: d,
+		isDragging: S,
+		startPointerDrag: E,
+		startSelection: D,
+		handleEventKeydown: z
+	};
+}
+// src/useCalendar.ts
+function K(t) {
+	let { date: n } = t, r = e(() => y(t.view) ?? "month"), i = e(() => y(t.weekStartsOn) ?? 7), a = e(() => y(t.timeZone) ?? P()), o = e(() => y(t.locale)), s = h(Temporal.Now.zonedDateTimeISO(a.value));
+	if (typeof window < "u") {
+		let e = setInterval(() => s.value = Temporal.Now.zonedDateTimeISO(a.value), 6e4);
+		f(() => clearInterval(e));
+	}
+	let c = e(() => y(t.today) ?? s.value.withTimeZone(a.value).toPlainDate()), l = h(n.value), u = h(null), d = e(() => L(y(t.events) ?? [], { timeZone: a.value })), p = e(() => z(n.value, r.value, i.value)), m = G({
+		events: d,
+		resources: t.resources,
+		getResourceIds: t.getResourceIds,
+		timeZone: a,
+		locale: o,
+		rangeStart: e(() => p.value.start),
+		slotMinMinutes: t.slotMinMinutes,
+		slotMaxMinutes: t.slotMaxMinutes,
+		editable: t.editable,
+		selectable: t.selectable,
+		snapMinutes: t.snapMinutes,
+		canEdit: t.canEdit,
+		onEventDrop: t.onEventDrop,
+		onEventResize: t.onEventResize,
+		onRangeSelect: t.onRangeSelect
+	}), g = e(() => y(t.resources)), _ = m.displayEvents, v = (e) => m.displayResourceIds(e), b = e(() => D({
+		date: n.value,
+		events: _.value,
+		weekStartsOn: i.value,
+		fixedWeeks: y(t.fixedWeeks) ?? !1,
+		maxLanes: y(t.maxLanes),
+		today: c.value
+	})), x = e(() => O({
+		...p.value,
+		resources: y(t.resources) ?? [],
+		events: _.value,
+		getResourceIds: v,
+		unassigned: y(t.unassigned) ?? !1,
+		today: c.value
+	})), S = e(() => k({
+		...p.value,
+		events: _.value,
+		slotMinMinutes: y(t.slotMinMinutes) ?? 0,
+		slotMaxMinutes: y(t.slotMaxMinutes) ?? 1440,
+		today: c.value
+	})), C = e(() => A({
+		...p.value,
+		events: _.value,
+		resources: g.value,
+		getResourceIds: v,
+		unassigned: y(t.unassigned) ?? !1,
+		slotMinMinutes: y(t.slotMinMinutes) ?? 0,
+		slotMaxMinutes: y(t.slotMaxMinutes) ?? 1440,
+		slotMinutes: y(t.slotMinutes) ?? 60,
+		today: c.value
+	})), w = e(() => E({
+		events: _.value,
+		rangeEvents: d.value,
+		scale: y(t.ganttScale) ?? "week",
+		weekStartsOn: i.value,
+		today: c.value,
+		links: y(t.ganttLinks) ?? []
+	})), T = h(0), j = e(() => ee(n.value, r.value, i.value, o.value)), M = e(() => ({
+		start: b.value.start,
+		end: b.value.end
+	}));
+	function F(e) {
+		n.value = e, l.value = e;
+	}
+	function R(e) {
+		l.value = e, N(e, n.value, r.value, i.value) || (n.value = e);
+	}
+	return {
+		date: n,
+		view: r,
+		weekStartsOn: i,
+		timeZone: a,
+		locale: o,
+		now: s,
+		today: c,
+		focusedDate: l,
+		focusedRow: T,
+		highlightedEventId: u,
+		events: d,
+		resources: g,
+		grid: b,
+		range: p,
+		resourceGrid: x,
+		timeGrid: S,
+		timeline: C,
+		gantt: w,
+		title: j,
+		visibleRange: M,
+		setDate: F,
+		focusDate: R,
+		prev: () => F(I(n.value, r.value, -1)),
+		next: () => F(I(n.value, r.value, 1)),
+		goToToday: () => F(c.value),
+		...m
+	};
+}
+var q = Symbol("CalendarContext");
+function J(e) {
+	m(q, e);
+}
+function Y(e) {
+	let t = o(q, null);
+	if (!t) throw Error(`<${e}> must be used inside <CalendarRoot>.`);
+	return t;
+}
+// src/CalendarHeading.vue
+var ae = /* @__PURE__ */ a({
+	__name: "CalendarHeading",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "h2" }
+	},
+	setup(e) {
+		let { title: n } = Y("CalendarHeading");
+		return (r, a) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			"aria-live": "polite"
+		}, {
+			default: C(() => [g(r.$slots, "default", { title: b(n) }, () => [i(v(b(n)), 1)])]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), oe = /* @__PURE__ */ a({
+	__name: "CalendarNav",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "button" },
+		action: {}
+	},
+	setup(n) {
+		let r = n, i = Y("CalendarNav"), a = e(() => r.action === "today" && N(i.date.value, i.today.value, i.view.value, i.weekStartsOn.value));
+		function o() {
+			r.action === "prev" ? i.prev() : r.action === "next" ? i.next() : i.goToToday();
+		}
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			type: n.as === "button" ? "button" : void 0,
+			"data-action": n.action,
+			"data-current": a.value ? "" : void 0,
+			onClick: o
+		}, {
+			default: C(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"type",
+			"data-action",
+			"data-current"
+		]));
+	}
+}), se = /* @__PURE__ */ a({
+	__name: "CalendarRoot",
+	props: /*@__PURE__*/ s({
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		events: { default: () => [] },
+		view: { default: "month" },
+		weekStartsOn: { default: 7 },
+		timeZone: {},
+		locale: {},
+		fixedWeeks: {
+			type: Boolean,
+			default: !1
+		},
+		maxLanes: {},
+		today: {},
+		resources: {},
+		getResourceIds: {},
+		unassigned: { type: Boolean },
+		slotMinMinutes: {},
+		slotMaxMinutes: {},
+		slotMinutes: {},
+		ganttScale: {},
+		ganttLinks: {},
+		editable: { type: Boolean },
+		selectable: { type: Boolean },
+		snapMinutes: {},
+		canEdit: {}
+	}, {
+		date: { default: () => Temporal.Now.plainDateISO() },
+		dateModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s([
+		"event-drop",
+		"event-resize",
+		"range-select"
+	], ["update:date"]),
+	setup(e, { emit: i }) {
+		let a = e, o = i, s = x(e, "date"), c = K({
+			date: s,
+			events: () => a.events,
+			view: () => a.view,
+			weekStartsOn: () => a.weekStartsOn,
+			timeZone: () => a.timeZone,
+			locale: () => a.locale,
+			fixedWeeks: () => a.fixedWeeks,
+			maxLanes: () => a.maxLanes,
+			today: () => a.today,
+			resources: () => a.resources,
+			getResourceIds: (e) => a.getResourceIds?.(e),
+			unassigned: () => a.unassigned,
+			slotMinMinutes: () => a.slotMinMinutes,
+			slotMaxMinutes: () => a.slotMaxMinutes,
+			slotMinutes: () => a.slotMinutes,
+			ganttScale: () => a.ganttScale,
+			ganttLinks: () => a.ganttLinks,
+			editable: () => a.editable,
+			selectable: () => a.selectable,
+			snapMinutes: () => a.snapMinutes,
+			canEdit: (e) => a.canEdit?.(e) ?? !0,
+			onEventDrop: (e) => o("event-drop", e),
+			onEventResize: (e) => o("event-resize", e),
+			onRangeSelect: (e) => o("range-select", e)
+		});
+		S(s, (e) => {
+			let { start: t, end: n } = c.range.value, r = c.focusedDate.value;
+			(Temporal.PlainDate.compare(r, t) < 0 || Temporal.PlainDate.compare(r, n) > 0) && (c.focusedDate.value = e);
+		}), J(c);
+		let l = {
+			position: "absolute",
+			width: "1px",
+			height: "1px",
+			overflow: "hidden",
+			clip: "rect(0 0 0 0)",
+			whiteSpace: "nowrap"
+		};
+		return (i, a) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			"data-view": b(c).view.value
+		}, {
+			default: C(() => [g(i.$slots, "default", {
+				grid: b(c).grid.value,
+				date: s.value,
+				title: b(c).title.value,
+				visibleRange: b(c).visibleRange.value,
+				prev: b(c).prev,
+				next: b(c).next,
+				goToToday: b(c).goToToday
+			}), e.asChild ? n("", !0) : (p(), r("div", {
+				key: 0,
+				"aria-live": "polite",
+				style: l
+			}, v(b(c).announcement.value), 1))]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-view"
+		]));
+	}
+}), ce = /* @__PURE__ */ a({
+	__name: "MonthDay",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		day: {}
+	},
+	setup(n) {
+		let r = n, i = Y("MonthDay"), a = e(() => {
+			let e = i.selectedRange.value;
+			return e?.kind === "day" && Temporal.PlainDate.compare(r.day.date, e.startDate) >= 0 && Temporal.PlainDate.compare(r.day.date, e.endDate) <= 0;
+		}), o = e(() => r.day.date.equals(i.focusedDate.value)), s = e(() => {
+			let e = r.day.date.toLocaleString(i.locale.value, { dateStyle: "full" }), t = r.day.eventCount;
+			return t ? `${e}, ${t} ${t === 1 ? "event" : "events"}` : e;
+		});
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			role: "gridcell",
+			tabindex: o.value ? 0 : -1,
+			"aria-label": s.value,
+			"aria-current": n.day.isToday ? "date" : void 0,
+			"data-date": n.day.date.toString(),
+			"data-today": n.day.isToday ? "" : void 0,
+			"data-outside": n.day.isOutside ? "" : void 0,
+			"data-weekend": n.day.isWeekend ? "" : void 0,
+			"data-focused": o.value ? "" : void 0,
+			"data-overflow": n.day.hiddenCount ? "" : void 0,
+			"data-selected": a.value ? "" : void 0,
+			"data-drop": "day",
+			onFocus: r[0] ||= (e) => b(i).focusedDate.value = n.day.date
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				day: n.day,
+				segments: n.day.segments,
+				coveringSegments: n.day.coveringSegments,
+				hiddenCount: n.day.hiddenCount
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"tabindex",
+			"aria-label",
+			"aria-current",
+			"data-date",
+			"data-today",
+			"data-outside",
+			"data-weekend",
+			"data-focused",
+			"data-overflow",
+			"data-selected"
+		]));
+	}
+}), le = /* @__PURE__ */ a({
+	__name: "MonthDayMore",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "button" },
+		day: {}
+	},
+	setup(r) {
+		let a = r, { locale: o } = Y("MonthDayMore"), s = e(() => {
+			let e = a.day.date.toLocaleString(o.value, {
+				month: "long",
+				day: "numeric"
+			});
+			return `Show all ${a.day.eventCount} events on ${e}`;
+		});
+		return (e, a) => r.day.hiddenCount ? (p(), t(b(T), {
+			key: 0,
+			as: r.as,
+			"as-child": r.asChild,
+			type: r.as === "button" ? "button" : void 0,
+			"aria-label": s.value
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				hiddenCount: r.day.hiddenCount,
+				eventCount: r.day.eventCount
+			}, () => [i("+" + v(r.day.hiddenCount) + " more", 1)])]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"type",
+			"aria-label"
+		])) : n("", !0);
+	}
+}), X = Symbol("CalendarEventPrimitive");
+function Z(t, n, r) {
+	let i = Y(t), { now: a, today: o, highlightedEventId: s } = i;
+	m(X, { event: () => y(n) });
+	let c = e(() => s.value === y(n).id), l = e(() => i.canEdit(y(n))), u = e(() => i.isDragging(y(n))), d = e(() => {
+		let { allDay: e, end: t, endDate: r } = y(n);
+		return e ? Temporal.PlainDate.compare(r, o.value) < 0 : Temporal.ZonedDateTime.compare(t, a.value) < 0;
+	});
+	function f() {
+		s.value = y(n).id;
+	}
+	function p() {
+		c.value && (s.value = null);
+	}
+	function h(e) {
+		i.startPointerDrag(e, y(n), "move");
+	}
+	function g(e) {
+		i.handleEventKeydown(e, y(n), y(r.axes), y(r.resourceId));
+	}
+	return {
+		isHighlighted: c,
+		isPast: d,
+		isEditable: l,
+		isDragging: u,
+		highlight: f,
+		unhighlight: p,
+		onPointerdown: h,
+		onKeydown: g
+	};
+}
+function Q(e) {
+	let t = o(X, null);
+	if (!t) throw Error(`<${e}> must be used inside an event primitive.`);
+	return t;
+}
+// src/EventBar.vue
+var $ = /* @__PURE__ */ a({
+	__name: "EventBar",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		segment: {},
+		keyboardAxes: { default: () => ({
+			horizontal: "day",
+			vertical: "week"
+		}) },
+		resourceId: { default: void 0 }
+	},
+	setup(e) {
+		let n = e, { isHighlighted: r, isPast: i, isEditable: a, isDragging: o, highlight: s, unhighlight: c, onPointerdown: u, onKeydown: d } = Z("EventBar", () => n.segment.event, {
+			axes: () => n.keyboardAxes,
+			resourceId: () => n.resourceId
+		});
+		return (n, f) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			style: l({
+				"--event-column": e.segment.column,
+				"--event-span": e.segment.span,
+				"--event-lane": e.segment.lane
+			}),
+			"data-event-id": e.segment.event.id,
+			"data-all-day": e.segment.event.allDay ? "" : void 0,
+			"data-continues-before": e.segment.continuesBefore ? "" : void 0,
+			"data-continues-after": e.segment.continuesAfter ? "" : void 0,
+			"data-past": b(i) ? "" : void 0,
+			"data-highlighted": b(r) ? "" : void 0,
+			"data-editable": b(a) ? "" : void 0,
+			"data-dragging": b(o) ? "" : void 0,
+			onPointerenter: b(s),
+			onPointerleave: b(c),
+			onFocusin: b(s),
+			onFocusout: b(c),
+			onPointerdown: b(u),
+			onKeydown: b(d)
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				event: e.segment.event,
+				segment: e.segment
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-event-id",
+			"data-all-day",
+			"data-continues-before",
+			"data-continues-after",
+			"data-past",
+			"data-highlighted",
+			"data-editable",
+			"data-dragging",
+			"onPointerenter",
+			"onPointerleave",
+			"onFocusin",
+			"onFocusout",
+			"onPointerdown",
+			"onKeydown"
+		]));
+	}
+}), ue = /* @__PURE__ */ a({
+	__name: "EventResizeHandle",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "span" },
+		edge: {}
+	},
+	setup(e) {
+		let r = Y("EventResizeHandle"), { event: i } = Q("EventResizeHandle");
+		return (a, o) => b(r).canEdit(b(i)()) ? (p(), t(b(T), {
+			key: 0,
+			as: e.as,
+			"as-child": e.asChild,
+			"aria-hidden": "true",
+			"data-calendar-control": "",
+			"data-edge": e.edge,
+			onPointerdown: o[0] ||= (t) => b(r).startPointerDrag(t, b(i)(), e.edge === "start" ? "resize-start" : "resize-end"),
+			onClick: o[1] ||= w(() => {}, ["prevent", "stop"])
+		}, {
+			default: C(() => [g(a.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-edge"
+		])) : n("", !0);
+	}
+}), de = /* @__PURE__ */ a({
+	__name: "Gantt",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let n = Y("Gantt");
+		return (r, i) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "group",
+			"data-scale": b(n).gantt.value.scale,
+			style: l({ "--axis-days": b(n).gantt.value.axisDays }),
+			onPointerdown: b(n).startSelection
+		}, {
+			default: C(() => [g(r.$slots, "default", {
+				gantt: b(n).gantt.value,
+				rows: b(n).gantt.value.rows,
+				columns: b(n).gantt.value.columns,
+				groups: b(n).gantt.value.groups
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-scale",
+			"style",
+			"onPointerdown"
+		]));
+	}
+}), fe = /* @__PURE__ */ a({
+	__name: "GanttBar",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		let n = e, { isHighlighted: r, isPast: i, isEditable: a, isDragging: o, highlight: s, unhighlight: c, onPointerdown: u, onKeydown: d } = Z("GanttBar", () => n.row.event, { axes: {
+			horizontal: "day",
+			vertical: "none"
+		} });
+		return (n, f) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			style: l({
+				"--bar-start": e.row.startOffset,
+				"--bar-end": e.row.endOffset
+			}),
+			"data-event-id": e.row.event.id,
+			"data-continues-before": e.row.continuesBefore ? "" : void 0,
+			"data-continues-after": e.row.continuesAfter ? "" : void 0,
+			"data-past": b(i) ? "" : void 0,
+			"data-highlighted": b(r) ? "" : void 0,
+			"data-editable": b(a) ? "" : void 0,
+			"data-dragging": b(o) ? "" : void 0,
+			onPointerenter: b(s),
+			onPointerleave: b(c),
+			onFocusin: b(s),
+			onFocusout: b(c),
+			onPointerdown: b(u),
+			onKeydown: b(d)
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				event: e.row.event,
+				row: e.row
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-event-id",
+			"data-continues-before",
+			"data-continues-after",
+			"data-past",
+			"data-highlighted",
+			"data-editable",
+			"data-dragging",
+			"onPointerenter",
+			"onPointerleave",
+			"onFocusin",
+			"onFocusout",
+			"onPointerdown",
+			"onKeydown"
+		]));
+	}
+}), pe = /* @__PURE__ */ a({
+	__name: "GanttLinks",
+	props: {
+		gap: { default: 12 },
+		radius: { default: 6 },
+		arrowSize: { default: 5 }
+	},
+	setup(t) {
+		let n = t, i = Y("GanttLinks"), a = h(null), o = _([]), s = (e, t, n) => e.querySelector(`[${t}="${CSS.escape(String(n))}"]`);
+		function l() {
+			let e = a.value?.parentElement;
+			if (!a.value || !e) return;
+			let t = a.value.getBoundingClientRect();
+			o.value = i.gantt.value.links.flatMap((r) => {
+				let i = s(e, "data-event-id", r.from.event.id), a = s(e, "data-event-id", r.to.event.id), o = s(e, "data-row-event-id", r.from.event.id);
+				if (!i || !a || !o) return [];
+				let c = i.getBoundingClientRect(), l = a.getBoundingClientRect(), u = o.getBoundingClientRect(), d = {
+					x: c.right - t.left,
+					y: c.top + c.height / 2 - t.top
+				}, f = {
+					x: l.left - t.left,
+					y: l.top + l.height / 2 - t.top
+				}, p = (f.y > d.y ? u.bottom : u.top) - t.top;
+				return [{
+					link: r,
+					path: te(ne(d, f, {
+						gap: n.gap,
+						gutterY: p
+					}), n.radius),
+					arrow: M(f, n.arrowSize)
+				}];
+			});
+		}
+		let f = 0, m = () => {
+			cancelAnimationFrame(f), f = requestAnimationFrame(l);
+		}, v;
+		d(() => {
+			v = new ResizeObserver(m), a.value?.parentElement && v.observe(a.value.parentElement), c(m);
+		}), u(() => {
+			cancelAnimationFrame(f), v?.disconnect();
+		}), S(i.gantt, () => c(m));
+		let y = e(() => {
+			let e = i.highlightedEventId.value;
+			return o.value.map((t) => {
+				let n = e !== null && (t.link.from.event.id === e || t.link.to.event.id === e);
+				return {
+					...t,
+					highlighted: n,
+					dimmed: e !== null && !n
+				};
+			});
+		});
+		return (e, t) => (p(), r("svg", {
+			ref_key: "svg",
+			ref: a,
+			"aria-hidden": "true"
+		}, [g(e.$slots, "default", { links: y.value })], 512));
+	}
+}), me = /* @__PURE__ */ a({
+	__name: "GanttRow",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "group",
+			"data-row-event-id": e.row.event.id
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				row: e.row,
+				event: e.row.event
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-row-event-id"
+		]));
+	}
+}), he = /* @__PURE__ */ a({
+	__name: "GanttToday",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let { gantt: r } = Y("GanttToday");
+		return (i, a) => b(r).todayOffset === null ? n("", !0) : (p(), t(b(T), {
+			key: 0,
+			as: e.as,
+			"as-child": e.asChild,
+			"aria-hidden": "true",
+			style: l({ "--today": b(r).todayOffset })
+		}, {
+			default: C(() => [g(i.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style"
+		]));
+	}
+}), ge = /* @__PURE__ */ a({
+	__name: "GanttTrack",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let { gantt: n } = Y("GanttTrack");
+		return (r, i) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			"data-drop": "dayaxis",
+			"data-axis-start": b(n).start.toString(),
+			"data-axis-days": b(n).axisDays
+		}, {
+			default: C(() => [g(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-axis-start",
+			"data-axis-days"
+		]));
+	}
+}), _e = /* @__PURE__ */ a({
+	__name: "MonthGrid",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let n = Y("MonthGrid");
+		function r(e, t) {
+			let r = n.grid.value.weekdays[0].dayOfWeek;
+			switch (e.key) {
+				case "ArrowLeft": return t.subtract({ days: 1 });
+				case "ArrowRight": return t.add({ days: 1 });
+				case "ArrowUp": return t.subtract({ weeks: 1 });
+				case "ArrowDown": return t.add({ weeks: 1 });
+				case "Home": return V(t, r);
+				case "End": return V(t, r).add({ days: 6 });
+				case "PageUp": return t.subtract(e.shiftKey ? { years: 1 } : { months: 1 });
+				case "PageDown": return t.add(e.shiftKey ? { years: 1 } : { months: 1 });
+				default: return null;
+			}
+		}
+		async function i(e) {
+			let t = e.currentTarget;
+			if ((e.target instanceof HTMLElement ? e.target : null)?.getAttribute("role") !== "gridcell") return;
+			let i = r(e, n.focusedDate.value);
+			i && (e.preventDefault(), n.focusDate(i), await c(), t.querySelector(`[data-date="${i.toString()}"]`)?.focus());
+		}
+		return (r, a) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "grid",
+			"aria-label": b(n).title.value,
+			onKeydown: i,
+			onPointerdown: b(n).startSelection
+		}, {
+			default: C(() => [g(r.$slots, "default", {
+				grid: b(n).grid.value,
+				weekdays: b(n).grid.value.weekdays,
+				weeks: b(n).grid.value.weeks
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"onPointerdown"
+		]));
+	}
+}), ve = /* @__PURE__ */ a({
+	__name: "MonthWeek",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		week: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "row",
+			style: l({
+				"--week-lanes": e.week.visibleLaneCount + +!!e.week.hasOverflow,
+				"--week-visible-lanes": e.week.visibleLaneCount
+			}),
+			"data-overflow": e.week.hasOverflow ? "" : void 0
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				week: e.week,
+				days: e.week.days
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-overflow"
+		]));
+	}
+}), ye = /* @__PURE__ */ a({
+	__name: "MonthWeekday",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		date: {}
+	},
+	setup(n) {
+		let r = n, { locale: a } = Y("MonthWeekday"), o = e(() => r.date.toLocaleString(a.value, { weekday: "short" })), s = e(() => r.date.toLocaleString(a.value, { weekday: "long" }));
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			role: "columnheader",
+			"aria-label": s.value,
+			"data-weekend": n.date.dayOfWeek >= 6 ? "" : void 0
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				label: o.value,
+				longLabel: s.value
+			}, () => [i(v(o.value), 1)])]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"data-weekend"
+		]));
+	}
+}), be = /* @__PURE__ */ a({
+	__name: "NowIndicator",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		day: {}
+	},
+	setup(r) {
+		let i = r, { now: a, timeZone: o, timeGrid: s } = Y("NowIndicator"), c = e(() => H(a.value.withTimeZone(o.value)) - s.value.slotMinMinutes), u = e(() => i.day.isToday && c.value >= 0 && c.value <= s.value.windowMinutes);
+		return (e, i) => u.value ? (p(), t(b(T), {
+			key: 0,
+			as: r.as,
+			"as-child": r.asChild,
+			"aria-hidden": "true",
+			style: l({ "--now": c.value })
+		}, {
+			default: C(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style"
+		])) : n("", !0);
+	}
+}), xe = /* @__PURE__ */ a({
+	__name: "ResourceCell",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		cell: {},
+		rowIndex: {},
+		resourceLabel: {},
+		resourceId: {}
+	},
+	setup(n) {
+		let r = n, i = Y("ResourceCell"), a = e(() => i.resourceGrid.value.days[r.cell.column]), o = e(() => r.rowIndex === i.focusedRow.value && r.cell.date.equals(i.focusedDate.value)), s = e(() => {
+			let e = r.cell.date.toLocaleString(i.locale.value, { dateStyle: "full" }), t = r.cell.eventCount, n = t ? `${t} ${t === 1 ? "event" : "events"}` : "free";
+			return [
+				r.resourceLabel,
+				e,
+				n
+			].filter(Boolean).join(", ");
+		}), c = e(() => {
+			let e = i.selectedRange.value;
+			return e?.kind === "day" && e.resourceId === r.resourceId && Temporal.PlainDate.compare(r.cell.date, e.startDate) >= 0 && Temporal.PlainDate.compare(r.cell.date, e.endDate) <= 0;
+		});
+		function l() {
+			i.focusedRow.value = r.rowIndex, i.focusedDate.value = r.cell.date;
+		}
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			role: "gridcell",
+			tabindex: o.value ? 0 : -1,
+			"aria-label": s.value,
+			"data-date": n.cell.date.toString(),
+			"data-row": n.rowIndex,
+			"data-today": a.value?.isToday ? "" : void 0,
+			"data-weekend": a.value?.isWeekend ? "" : void 0,
+			"data-busy": n.cell.eventCount ? "" : void 0,
+			"data-overlap": n.cell.eventCount > 1 ? "" : void 0,
+			"data-focused": o.value ? "" : void 0,
+			"data-selected": c.value ? "" : void 0,
+			"data-drop": "day",
+			"data-resource-id": n.resourceId === void 0 ? void 0 : String(n.resourceId ?? ""),
+			onFocus: l
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				cell: n.cell,
+				segments: n.cell.segments
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"tabindex",
+			"aria-label",
+			"data-date",
+			"data-row",
+			"data-today",
+			"data-weekend",
+			"data-busy",
+			"data-overlap",
+			"data-focused",
+			"data-selected",
+			"data-resource-id"
+		]));
+	}
+}), Se = /* @__PURE__ */ a({
+	__name: "ResourceDayHeader",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		day: {}
+	},
+	setup(n) {
+		let r = n, { locale: a } = Y("ResourceDayHeader"), o = e(() => r.day.date.toLocaleString(a.value, { weekday: "short" })), s = e(() => r.day.date.toLocaleString(a.value, { dateStyle: "full" }));
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			role: "columnheader",
+			"aria-label": s.value,
+			"data-today": n.day.isToday ? "" : void 0,
+			"data-weekend": n.day.isWeekend ? "" : void 0
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				day: n.day,
+				weekday: o.value
+			}, () => [i(v(o.value) + " " + v(n.day.date.day), 1)])]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"data-today",
+			"data-weekend"
+		]));
+	}
+}), Ce = /* @__PURE__ */ a({
+	__name: "ResourceGrid",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let n = Y("ResourceGrid");
+		function r(e, t, r) {
+			let i = n.resourceGrid.value.rows.length - 1, { start: a, end: o } = n.range.value;
+			switch (e.key) {
+				case "ArrowLeft": return {
+					date: t.subtract({ days: 1 }),
+					row: r
+				};
+				case "ArrowRight": return {
+					date: t.add({ days: 1 }),
+					row: r
+				};
+				case "ArrowUp": return {
+					date: t,
+					row: Math.max(r - 1, 0)
+				};
+				case "ArrowDown": return {
+					date: t,
+					row: Math.min(r + 1, i)
+				};
+				case "Home": return {
+					date: e.ctrlKey ? t : a,
+					row: e.ctrlKey ? 0 : r
+				};
+				case "End": return {
+					date: e.ctrlKey ? t : o,
+					row: e.ctrlKey ? i : r
+				};
+				case "PageUp": return {
+					date: I(t, n.view.value, -1),
+					row: r
+				};
+				case "PageDown": return {
+					date: I(t, n.view.value, 1),
+					row: r
+				};
+				default: return null;
+			}
+		}
+		async function i(e) {
+			let t = e.currentTarget;
+			if ((e.target instanceof HTMLElement ? e.target : null)?.getAttribute("role") !== "gridcell") return;
+			let i = r(e, n.focusedDate.value, n.focusedRow.value);
+			i && (e.preventDefault(), n.focusedRow.value = i.row, n.focusDate(i.date), await c(), t.querySelector(`[data-row="${i.row}"][data-date="${i.date.toString()}"]`)?.focus());
+		}
+		return (r, a) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "grid",
+			"aria-label": b(n).title.value,
+			style: l({ "--day-count": b(n).resourceGrid.value.days.length }),
+			onKeydown: i,
+			onPointerdown: b(n).startSelection
+		}, {
+			default: C(() => [g(r.$slots, "default", {
+				grid: b(n).resourceGrid.value,
+				days: b(n).resourceGrid.value.days,
+				rows: b(n).resourceGrid.value.rows
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"style",
+			"onPointerdown"
+		]));
+	}
+}), we = /* @__PURE__ */ a({
+	__name: "ResourceLabel",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "rowheader"
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				row: e.row,
+				resource: e.row.resource,
+				busyDays: e.row.busyDays,
+				overlapDays: e.row.overlapDays
+			})]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), Te = /* @__PURE__ */ a({
+	__name: "ResourceRow",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "row",
+			style: l({ "--row-lanes": Math.max(e.row.laneCount, 1) }),
+			"data-unassigned": e.row.resource ? void 0 : "",
+			"data-idle": e.row.busyDays ? void 0 : "",
+			"data-overlap": e.row.overlapDays ? "" : void 0
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				row: e.row,
+				resource: e.row.resource,
+				cells: e.row.cells
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-unassigned",
+			"data-idle",
+			"data-overlap"
+		]));
+	}
+}), Ee = /* @__PURE__ */ a({
+	__name: "TimeColumn",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		day: {}
+	},
+	setup(n) {
+		let r = n, { locale: i } = Y("TimeColumn"), a = e(() => r.day.date.toLocaleString(i.value, { dateStyle: "full" }));
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			role: "group",
+			"aria-label": a.value,
+			"data-date": n.day.date.toString(),
+			"data-today": n.day.isToday ? "" : void 0,
+			"data-weekend": n.day.isWeekend ? "" : void 0,
+			"data-drop": "time"
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				day: n.day,
+				events: n.day.events
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"data-date",
+			"data-today",
+			"data-weekend"
+		]));
+	}
+}), De = /* @__PURE__ */ a({
+	__name: "TimeEvent",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		layout: {}
+	},
+	setup(e) {
+		let n = e, { isHighlighted: r, isPast: i, isEditable: a, isDragging: o, highlight: s, unhighlight: c, onPointerdown: u, onKeydown: d } = Z("TimeEvent", () => n.layout.event, { axes: {
+			horizontal: "day",
+			vertical: "minutes"
+		} });
+		return (n, f) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			style: l({
+				"--event-start": e.layout.startMinutes,
+				"--event-end": e.layout.endMinutes,
+				"--event-column": e.layout.column,
+				"--event-columns": e.layout.columnCount
+			}),
+			"data-event-id": e.layout.event.id,
+			"data-starts-before": e.layout.startsBefore ? "" : void 0,
+			"data-ends-after": e.layout.endsAfter ? "" : void 0,
+			"data-past": b(i) ? "" : void 0,
+			"data-highlighted": b(r) ? "" : void 0,
+			"data-editable": b(a) ? "" : void 0,
+			"data-dragging": b(o) ? "" : void 0,
+			onPointerenter: b(s),
+			onPointerleave: b(c),
+			onFocusin: b(s),
+			onFocusout: b(c),
+			onPointerdown: b(u),
+			onKeydown: b(d)
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				event: e.layout.event,
+				layout: e.layout
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-event-id",
+			"data-starts-before",
+			"data-ends-after",
+			"data-past",
+			"data-highlighted",
+			"data-editable",
+			"data-dragging",
+			"onPointerenter",
+			"onPointerleave",
+			"onFocusin",
+			"onFocusout",
+			"onPointerdown",
+			"onKeydown"
+		]));
+	}
+}), Oe = /* @__PURE__ */ a({
+	__name: "TimeGrid",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let n = Y("TimeGrid");
+		return (r, i) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "group",
+			"aria-label": b(n).title.value,
+			style: l({
+				"--day-count": b(n).timeGrid.value.days.length,
+				"--window-minutes": b(n).timeGrid.value.windowMinutes,
+				"--all-day-lanes": b(n).timeGrid.value.allDay.laneCount
+			}),
+			onPointerdown: b(n).startSelection
+		}, {
+			default: C(() => [g(r.$slots, "default", {
+				grid: b(n).timeGrid.value,
+				days: b(n).timeGrid.value.days,
+				allDay: b(n).timeGrid.value.allDay,
+				hours: b(n).timeGrid.value.hours
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"style",
+			"onPointerdown"
+		]));
+	}
+}), ke = /* @__PURE__ */ a({
+	__name: "TimeSelection",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		day: {}
+	},
+	setup(r) {
+		let i = r, { selectedRange: a, timeGrid: o } = Y("TimeSelection"), s = e(() => {
+			let e = a.value;
+			if (e?.kind !== "time" || !e.startDate.equals(i.day.date)) return null;
+			let t = o.value.slotMinMinutes;
+			return {
+				start: e.startMinutes - t,
+				end: e.endMinutes - t
+			};
+		});
+		return (e, i) => s.value ? (p(), t(b(T), {
+			key: 0,
+			as: r.as,
+			"as-child": r.asChild,
+			"aria-hidden": "true",
+			style: l({
+				"--selection-start": s.value.start,
+				"--selection-end": s.value.end
+			})
+		}, {
+			default: C(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style"
+		])) : n("", !0);
+	}
+}), Ae = /* @__PURE__ */ a({
+	__name: "Timeline",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let n = Y("Timeline");
+		return (r, i) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "group",
+			"aria-label": b(n).title.value,
+			style: l({
+				"--axis-minutes": b(n).timeline.value.axisMinutes,
+				"--window-minutes": b(n).timeline.value.windowMinutes,
+				"--slot-minutes": b(n).timeline.value.slotMinutes,
+				"--slot-count": b(n).timeline.value.axisMinutes / b(n).timeline.value.slotMinutes
+			}),
+			onPointerdown: b(n).startSelection
+		}, {
+			default: C(() => [g(r.$slots, "default", {
+				timeline: b(n).timeline.value,
+				days: b(n).timeline.value.days,
+				rows: b(n).timeline.value.rows
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"style",
+			"onPointerdown"
+		]));
+	}
+}), je = /* @__PURE__ */ a({
+	__name: "TimelineEvent",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		item: {},
+		resourceId: { default: void 0 }
+	},
+	setup(n) {
+		let r = n, i = Y("TimelineEvent"), { isHighlighted: a, isPast: o, isEditable: s, isDragging: c, highlight: u, unhighlight: d, onPointerdown: f, onKeydown: m } = Z("TimelineEvent", () => r.item.event, {
+			axes: e(() => ({
+				horizontal: "minutes",
+				vertical: "resource",
+				resourceOrder: i.timeline.value.rows.map((e) => e.resource?.id ?? null)
+			})),
+			resourceId: () => r.resourceId
+		});
+		return (e, r) => (p(), t(b(T), {
+			as: n.as,
+			"as-child": n.asChild,
+			style: l({
+				"--event-start": n.item.startOffset,
+				"--event-end": n.item.endOffset,
+				"--event-lane": n.item.lane
+			}),
+			"data-event-id": n.item.event.id,
+			"data-all-day": n.item.event.allDay ? "" : void 0,
+			"data-starts-before": n.item.startsBefore ? "" : void 0,
+			"data-ends-after": n.item.endsAfter ? "" : void 0,
+			"data-past": b(o) ? "" : void 0,
+			"data-highlighted": b(a) ? "" : void 0,
+			"data-editable": b(s) ? "" : void 0,
+			"data-dragging": b(c) ? "" : void 0,
+			onPointerenter: b(u),
+			onPointerleave: b(d),
+			onFocusin: b(u),
+			onFocusout: b(d),
+			onPointerdown: b(f),
+			onKeydown: b(m)
+		}, {
+			default: C(() => [g(e.$slots, "default", {
+				event: n.item.event,
+				item: n.item
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style",
+			"data-event-id",
+			"data-all-day",
+			"data-starts-before",
+			"data-ends-after",
+			"data-past",
+			"data-highlighted",
+			"data-editable",
+			"data-dragging",
+			"onPointerenter",
+			"onPointerleave",
+			"onFocusin",
+			"onFocusout",
+			"onPointerdown",
+			"onKeydown"
+		]));
+	}
+}), Me = /* @__PURE__ */ a({
+	__name: "TimelineNow",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(r) {
+		let { now: i, timeZone: a, timeline: o } = Y("TimelineNow"), s = e(() => {
+			let e = i.value.withTimeZone(a.value), t = o.value.days.find((t) => t.date.equals(e.toPlainDate())), n = H(e) - o.value.slotMinMinutes;
+			return !t || n < 0 || n > o.value.windowMinutes ? null : t.offset + n;
+		});
+		return (e, i) => s.value === null ? n("", !0) : (p(), t(b(T), {
+			key: 0,
+			as: r.as,
+			"as-child": r.asChild,
+			"aria-hidden": "true",
+			style: l({ "--now": s.value })
+		}, {
+			default: C(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style"
+		]));
+	}
+}), Ne = /* @__PURE__ */ a({
+	__name: "TimelineRow",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			role: "group",
+			"aria-label": e.row.resource ? void 0 : "Unassigned",
+			style: l({ "--row-lanes": Math.max(e.row.laneCount, 1) }),
+			"data-unassigned": e.row.resource ? void 0 : "",
+			"data-idle": e.row.items.length ? void 0 : ""
+		}, {
+			default: C(() => [g(n.$slots, "default", {
+				row: e.row,
+				resource: e.row.resource,
+				items: e.row.items
+			})]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"aria-label",
+			"style",
+			"data-unassigned",
+			"data-idle"
+		]));
+	}
+}), Pe = /* @__PURE__ */ a({
+	__name: "TimelineSelection",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(r) {
+		let i = r, { selectedRange: a, timeline: o, resources: s } = Y("TimelineSelection"), c = e(() => {
+			let e = a.value, t = s.value ? i.row.resource?.id ?? null : void 0;
+			if (e?.kind !== "axis" || e.resourceId !== t) return null;
+			let { start: n, windowMinutes: r, slotMinMinutes: c } = o.value, l = (e, t) => j(n, e) * r + t - c;
+			return {
+				start: l(e.startDate, e.startMinutes),
+				end: l(e.endDate, e.endMinutes)
+			};
+		});
+		return (e, i) => c.value ? (p(), t(b(T), {
+			key: 0,
+			as: r.as,
+			"as-child": r.asChild,
+			"aria-hidden": "true",
+			style: l({
+				"--selection-start": c.value.start,
+				"--selection-end": c.value.end
+			})
+		}, {
+			default: C(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"style"
+		])) : n("", !0);
+	}
+}), Fe = /* @__PURE__ */ a({
+	__name: "TimelineTrack",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" },
+		row: {}
+	},
+	setup(e) {
+		let n = e, { timeline: r, resources: i } = Y("TimelineTrack");
+		return (a, o) => (p(), t(b(T), {
+			as: e.as,
+			"as-child": e.asChild,
+			"data-drop": "axis",
+			"data-axis-minutes": b(r).axisMinutes,
+			"data-resource-id": b(i) ? String(n.row.resource?.id ?? "") : void 0
+		}, {
+			default: C(() => [g(a.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-axis-minutes",
+			"data-resource-id"
+		]));
+	}
+});
+export { ae as CalendarHeading, oe as CalendarNav, se as CalendarRoot, $ as EventBar, $ as MonthEvent, ue as EventResizeHandle, de as Gantt, fe as GanttBar, pe as GanttLinks, me as GanttRow, he as GanttToday, ge as GanttTrack, ce as MonthDay, le as MonthDayMore, _e as MonthGrid, ve as MonthWeek, ye as MonthWeekday, be as NowIndicator, xe as ResourceCell, Se as ResourceDayHeader, Ce as ResourceGrid, we as ResourceLabel, Te as ResourceRow, Ee as TimeColumn, De as TimeEvent, Oe as TimeGrid, ke as TimeSelection, Ae as Timeline, je as TimelineEvent, Me as TimelineNow, Ne as TimelineRow, Pe as TimelineSelection, Fe as TimelineTrack, Y as injectCalendarContext, Q as injectEventPrimitive, J as provideCalendarContext, K as useCalendar, Z as useEventState, G as useInteractions };
+
+//# sourceMappingURL=index.js.map