@cocoar/vue-calendar 1.16.0

package/dist/index.js

@@ -0,0 +1,4221 @@
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, U as _, V as v, W as y, _ as b, a as x, b as S, c as ee, d as C, f as te, g as w, h as ne, i as T, j as E, k as re, l as D, m as ie, n as ae, o as oe, p as se, r as O, s as ce, t as le, u as ue, v as de, w as k, x as fe, y as pe, z as me } from "./core-DK63eHat.js";
+import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as he, createTextVNode as ge, createVNode as I, defineComponent as L, effectScope as _e, guardReactiveProps as ve, h as ye, isRef as be, isVNode as R, mergeProps as xe, nextTick as Se, normalizeClass as z, normalizeProps as B, normalizeStyle as V, onBeforeUnmount as Ce, onMounted as we, onScopeDispose as H, openBlock as U, ref as W, renderList as G, renderSlot as K, shallowReactive as Te, shallowRef as q, toDisplayString as J, toValue as Y, unref as X, useTemplateRef as Ee, watch as Z, watchEffect as De, withCtx as Q, withDirectives as Oe, withModifiers as ke } from "vue";
+import { useI18n as Ae, useLocalization as je } from "@cocoar/vue-localization";
+import { CoarButton as Me, CoarContextMenu as Ne, CoarIcon as Pe, CoarMenuItem as Fe, CoarSegmentedControl as Ie, CoarSelect as Le, useContextMenu as Re } from "@cocoar/vue-ui";
+//#region src/builders/calendar-builder-internals.ts
+var ze = Symbol("CalendarBuilder.setVisibleRange"), Be = Symbol("CalendarBuilder.invalidateLoaderCache"), Ve = 50, He = !1;
+function Ue(e) {
+	return `${e.view}|${e.timezone}|${e.start}|${e.end}`;
+}
+function We(e, t) {
+	return e === t ? !0 : e === null || t === null ? !1 : e.view === t.view && e.start === t.start && e.end === t.end && e.timezone === t.timezone;
+}
+function Ge(e, t) {
+	if (typeof e == "function") throw TypeError(`[CalendarBuilder.${t}] navigation setters require a Ref or a plain value, never a getter function. api.next() / setView() must be able to write back. Pass \`ref(...)\` if you want two-way binding.`);
+	return be(e) ? e : W(e);
+}
+var Ke = class e {
+	state;
+	api;
+	_loading = W(!1);
+	_visibleRange = q(null);
+	_gridReady = W(!1);
+	_scrollToTimeImpl;
+	_scrollToDateImpl;
+	_loaderCache = q(/* @__PURE__ */ new Map());
+	_inFlight = 0;
+	_debounceHandle = null;
+	_generation = 0;
+	_scope = _e(!0);
+	_validatedEventObjects = /* @__PURE__ */ new WeakSet();
+	constructor() {
+		let e = i();
+		typeof console < "u" && e === "UTC" && console.error("[CalendarBuilder] Browser timezone detection failed and silently fell back to UTC. This builder will render every event in UTC unless you call `builder.timezone(\"Europe/Vienna\")` (or similar IANA zone) explicitly. If you intentionally want UTC, call `.timezone(\"UTC\")` to silence this error.");
+		let t = W("month"), r = W(n.Now.plainDateISO(e));
+		this.state = Te({
+			events: null,
+			eventsLoader: null,
+			timezone: e,
+			locale: "en-US",
+			firstDayOfWeek: void 0,
+			density: "comfortable",
+			dateStyle: void 0,
+			timeStyle: void 0,
+			hour12: void 0,
+			dstPolicy: "compatible",
+			availableViews: [
+				"month",
+				"week",
+				"day",
+				"agenda"
+			],
+			timeRange: {
+				startMinutes: 0,
+				endMinutes: 1439
+			},
+			slotDuration: 30,
+			pixelsPerHour: 60,
+			maxEventsPerCell: 3,
+			agendaLengthDays: 30,
+			showEmptyDays: !1,
+			view: t,
+			date: r,
+			canDrop: null,
+			eventRenderer: null,
+			dayHeaderRenderer: null,
+			onEventClick: null,
+			onEventDoubleClick: null,
+			onEventDrop: null,
+			onDateClick: null,
+			onTimeClick: null,
+			onMoreClick: null,
+			onRangeChange: null
+		}), this.api = {
+			loading: this._loading,
+			visibleRange: this._visibleRange,
+			gridReady: this._gridReady,
+			goTo: (e) => this._goTo(e),
+			goToToday: () => this._goToToday(),
+			next: () => this._navigate(1),
+			prev: () => this._navigate(-1),
+			setView: (e) => this._setView(e),
+			scrollToTime: (e) => {
+				this._scrollToTimeImpl ? this._scrollToTimeImpl(e) : this._warnScrollNotWired("scrollToTime");
+			},
+			scrollToDate: (e) => {
+				this._scrollToDateImpl ? this._scrollToDateImpl(e) : this._warnScrollNotWired("scrollToDate");
+			},
+			refresh: () => this._refresh(),
+			refreshRange: (e) => this._refreshRange(e),
+			getVisibleRange: () => this._visibleRange.value,
+			getVisibleEvents: () => this._getVisibleEvents()
+		}, this._scope.run(() => {
+			Z(() => this.state.events ? Y(this.state.events) : null, (e) => {
+				if (e) try {
+					this._validateEvents(e);
+				} catch (e) {
+					console.error("[CalendarBuilder] reactive event-source change failed validation:", e);
+				}
+			}, {
+				immediate: !1,
+				flush: "post"
+			});
+		});
+	}
+	static create() {
+		return new e();
+	}
+	events(e) {
+		this.state.events = e, this.state.eventsLoader !== null && (this.state.eventsLoader = null, this._loaderCache.value = /* @__PURE__ */ new Map());
+		let t = Y(e);
+		return t && this._validateEvents(t), this;
+	}
+	eventsLoader(e) {
+		return this.state.eventsLoader = e, this.state.events !== null && (this.state.events = null), this._loaderCache.value = /* @__PURE__ */ new Map(), this;
+	}
+	timezone(e) {
+		return this.state.timezone = e, this;
+	}
+	locale(e) {
+		return this.state.locale = e, this;
+	}
+	firstDayOfWeek(e) {
+		return this.state.firstDayOfWeek = e, this;
+	}
+	density(e) {
+		return this.state.density = e, this;
+	}
+	dateStyle(e) {
+		return this.state.dateStyle = e, this;
+	}
+	timeStyle(e) {
+		return this.state.timeStyle = e, this;
+	}
+	hour12(e) {
+		return this.state.hour12 = e, this;
+	}
+	dstPolicy(e) {
+		return this.state.dstPolicy = e, this;
+	}
+	view(e) {
+		return this.state.view = Ge(e, "view"), this;
+	}
+	availableViews(e) {
+		return this.state.availableViews = e, this;
+	}
+	date(e) {
+		return this.state.date = Ge(e, "date"), this;
+	}
+	timeRange(e) {
+		return this.state.timeRange = e, this;
+	}
+	slotDuration(e) {
+		return this.state.slotDuration = e, this;
+	}
+	pixelsPerHour(e) {
+		return this.state.pixelsPerHour = e, this;
+	}
+	maxEventsPerCell(e) {
+		return this.state.maxEventsPerCell = e, this;
+	}
+	agendaLengthDays(e) {
+		return this.state.agendaLengthDays = e, this;
+	}
+	showEmptyDays(e) {
+		return this.state.showEmptyDays = e, this;
+	}
+	canDrop(e) {
+		return this.state.canDrop = e, this;
+	}
+	eventRenderer(e) {
+		return this.state.eventRenderer = e, this;
+	}
+	dayHeaderRenderer(e) {
+		return this.state.dayHeaderRenderer = e, this;
+	}
+	onEventClick(e) {
+		return this.state.onEventClick = e, this;
+	}
+	onEventDoubleClick(e) {
+		return this.state.onEventDoubleClick = e, this;
+	}
+	onEventDrop(e) {
+		return this.state.onEventDrop = e, this;
+	}
+	onDateClick(e) {
+		return this.state.onDateClick = e, this;
+	}
+	onTimeClick(e) {
+		return this.state.onTimeClick = e, this;
+	}
+	onMoreClick(e) {
+		return this.state.onMoreClick = e, He || (He = !0, typeof console < "u" && console.warn("[CalendarBuilder.onMoreClick] handler registered, but the \"+N more\" overflow surface is not yet wired in <CoarMonthView>. The handler will start firing once month-view overflow ships in Session 3.5+. Until then, this setter is typed-but-dead.")), this;
+	}
+	onRangeChange(e) {
+		return this.state.onRangeChange = e, this;
+	}
+	_goTo(e) {
+		this.state.date.value = e;
+	}
+	_goToToday() {
+		let e = Y(this.state.timezone);
+		this.state.date.value = n.Now.plainDateISO(e);
+	}
+	_navigate(e) {
+		let t = this.state.view.value, n = this.state.date.value, r = Y(this.state.agendaLengthDays);
+		this.state.date.value = de(t, n, e === 1 ? "next" : "prev", r);
+	}
+	_setView(e) {
+		let t = Y(this.state.availableViews);
+		t.includes(e) || typeof console < "u" && console.warn(`[CalendarBuilder.api.setView] view='${e}' is not in availableViews=[${t.join(", ")}]. Setting anyway, but the active view-switcher won't show it and the body may render an "unsupported" placeholder. Add it to availableViews(...) or pick from the allowed set.`), this.state.view.value = e;
+	}
+	[ze](e) {
+		if (!We(this._visibleRange.value, e) && (this._visibleRange.value = e, e)) {
+			let t = this.state.onRangeChange;
+			if (t) try {
+				t(e);
+			} catch (e) {
+				console.error("[CalendarBuilder] onRangeChange handler threw:", e);
+			}
+			this._maybeScheduleLoad(e);
+		}
+	}
+	[Be]() {
+		this._loaderCache.value = /* @__PURE__ */ new Map(), this._generation += 1;
+	}
+	_maybeScheduleLoad(e) {
+		if (!this.state.eventsLoader) return;
+		let t = Ue(e);
+		this._loaderCache.value.has(t) || (this._debounceHandle !== null && clearTimeout(this._debounceHandle), this._debounceHandle = setTimeout(() => {
+			this._debounceHandle = null, this._runLoader(e);
+		}, Ve));
+	}
+	_runLoader(e) {
+		let t = this.state.eventsLoader;
+		if (!t) return;
+		let n = Ue(e), r = this._generation;
+		this._inFlight += 1, this._loading.value = !0, Promise.resolve().then(() => t(e)).then((e) => {
+			if (r !== this._generation) return;
+			this._validateEvents(e);
+			let t = new Map(this._loaderCache.value);
+			t.set(n, e), this._loaderCache.value = t;
+		}).catch((e) => {
+			console.error(`[CalendarBuilder] eventsLoader rejected for window ${n}:`, e);
+		}).finally(() => {
+			--this._inFlight, this._inFlight <= 0 && (this._inFlight = 0, this._loading.value = !1);
+		});
+	}
+	_validateEvents(e) {
+		for (let t of e) {
+			if (typeof t != "object" || !t) throw TypeError(`[CalendarBuilder] events array contains a non-object entry: ${String(t)}. Each entry must be a CalendarEvent.`);
+			this._validatedEventObjects.has(t) || (o(t), this._validatedEventObjects.add(t));
+		}
+	}
+	_warnedScrollMethods = /* @__PURE__ */ new Set();
+	_warnScrollNotWired(e) {
+		this._warnedScrollMethods.has(e) || (this._warnedScrollMethods.add(e), typeof console < "u" && console.warn(`[CalendarBuilder.api.${e}] not wired yet — components ship in Session 3. This call is a no-op. Once <CoarCalendar> mounts, ${e} will work; remove this call or move it to after-mount.`));
+	}
+	_refresh() {
+		this[Be]();
+		let e = this._visibleRange.value;
+		e && this._maybeScheduleLoad(e);
+	}
+	_refreshRange(e) {
+		let t = /* @__PURE__ */ new Map(), n = !1;
+		for (let [r, i] of this._loaderCache.value.entries()) {
+			let [a, o, s, c] = r.split("|");
+			if (a === e.view && o === e.timezone && s < e.end && c > e.start) {
+				n = !0;
+				continue;
+			}
+			t.set(r, i);
+		}
+		n && (this._loaderCache.value = t, this._generation += 1);
+		let r = this._visibleRange.value;
+		if (r) {
+			let e = Ue(r);
+			this._loaderCache.value.has(e) || this._maybeScheduleLoad(r);
+		}
+	}
+	_getVisibleEvents() {
+		let e = this.state.events;
+		if (e !== null) return Y(e) ?? [];
+		let t = this._visibleRange.value;
+		if (t) {
+			let e = this._loaderCache.value.get(Ue(t));
+			if (e) return e;
+		}
+		return [];
+	}
+	_debug_cacheKeys() {
+		return Array.from(this._loaderCache.value.keys());
+	}
+	_debug_inFlight() {
+		return this._inFlight;
+	}
+	_setScrollToTime(e) {
+		this._scrollToTimeImpl = e;
+	}
+	_setScrollToDate(e) {
+		this._scrollToDateImpl = e;
+	}
+	_setGridReady(e) {
+		this._gridReady.value = e;
+	}
+};
+//#endregion
+//#region src/useCalendar.ts
+function qe() {
+	let e = Ke.create();
+	return {
+		builder: e,
+		api: e.api
+	};
+}
+//#endregion
+//#region src/builders/event-zone-hints.ts
+var Je = {
+	isUtcAnchored: !1,
+	sourceZone: null
+};
+function Ye(e, t) {
+	if (!(e.start instanceof n.ZonedDateTime)) return Je;
+	let r = e.start.timeZoneId;
+	return r === "UTC" ? {
+		isUtcAnchored: !0,
+		sourceZone: null
+	} : !t || r === t ? Je : {
+		isUtcAnchored: !1,
+		sourceZone: r
+	};
+}
+//#endregion
+//#region src/composables/useViewWindow.ts
+var Xe = /* @__PURE__ */ new WeakSet();
+function Ze(e) {
+	return Xe.has(e) && typeof console < "u" && console.warn("[useViewWindow] A second useViewWindow() composable mounted against the same CalendarBuilder. The C5 invariant calls for a single writer for _visibleRange — duplicate writers compute identical windows but fire onRangeChange / schedule the eventsLoader twice per change. Mount useViewWindow in exactly ONE place per builder (typically the active sub-view component)."), Xe.add(e), Z(j(() => {
+		let t = Y(e.state.firstDayOfWeek) ?? r(Y(e.state.locale) ?? "en-US");
+		return w({
+			view: e.state.view.value,
+			cursor: e.state.date.value,
+			firstDayOfWeek: t,
+			agendaLengthDays: Y(e.state.agendaLengthDays),
+			timezone: Y(e.state.timezone)
+		});
+	}), (t) => {
+		e[ze](t);
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), H(() => {
+		Xe.delete(e);
+	}), { visibleRange: e.api.visibleRange };
+}
+//#endregion
+//#region src/composables/useCoarDrag.ts
+function Qe(e) {
+	let t = q(null), n = q(!1), r = j(() => t.value !== null && n.value), i = 0, a = -1, o = null, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = !1, m = 0;
+	function h() {
+		if (e.autoScroll === null) return;
+		let t = e.surfaceRef.value;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), { velocityX: r, velocityY: i } = x(d, f, n, e.autoScroll ?? void 0);
+		r !== 0 && (t.scrollLeft += r), i !== 0 && (t.scrollTop += i);
+	}
+	function g() {
+		let r = e.surfaceRef.value, i = {
+			left: r ? r.scrollLeft : 0,
+			top: r ? r.scrollTop : 0
+		};
+		return {
+			data: t.value,
+			pointer: {
+				x: d,
+				y: f
+			},
+			delta: {
+				x: d - s,
+				y: f - c
+			},
+			startScroll: {
+				left: l,
+				top: u
+			},
+			scroll: i,
+			totalDelta: {
+				x: d - s + (i.left - l),
+				y: f - c + (i.top - u)
+			},
+			crossedThreshold: n.value
+		};
+	}
+	function _() {
+		if (m = 0, t.value === null) return;
+		if (h(), p = !1, !n.value) {
+			let t = e.dragThreshold ?? 0, r = d - s + (e.surfaceRef.value ? e.surfaceRef.value.scrollLeft - l : 0), i = f - c + (e.surfaceRef.value ? e.surfaceRef.value.scrollTop - u : 0);
+			(Math.abs(r) > t || Math.abs(i) > t) && (n.value = !0);
+		}
+		n.value && e.onDragMove?.(g());
+		let r = e.surfaceRef.value;
+		if (r && e.autoScroll !== null) {
+			let t = r.getBoundingClientRect(), n = x(d, f, t, e.autoScroll ?? void 0);
+			(n.velocityX !== 0 || n.velocityY !== 0) && v();
+		}
+	}
+	function v() {
+		m === 0 && (m = requestAnimationFrame(_));
+	}
+	function y(e) {
+		e.pointerId === a && (d = e.clientX, f = e.clientY, p || (p = !0, v()));
+	}
+	function b(n) {
+		if (t.value === null) return;
+		m !== 0 && (cancelAnimationFrame(m), m = 0);
+		let r = g();
+		n === "drop" ? e.onDragEnd?.(r) : e.onDragCancel?.(r), te();
+	}
+	function S(e) {
+		e.pointerId === a && b("drop");
+	}
+	function ee(e) {
+		e.pointerId === a && b("cancel");
+	}
+	function C(e) {
+		e.key === "Escape" && b("cancel");
+	}
+	function te() {
+		if (o && o instanceof Element && a >= 0) try {
+			o.releasePointerCapture?.(a);
+		} catch {}
+		window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", S), window.removeEventListener("pointercancel", ee), window.removeEventListener("keydown", C), a = -1, o = null, p = !1, t.value = null, n.value = !1, i++;
+	}
+	function w(r) {
+		return (i) => {
+			if (i.button !== 0 || t.value !== null || e.onDragStart?.({
+				event: i,
+				data: r
+			}) === !1) return;
+			let p = i.currentTarget;
+			a = i.pointerId, o = p, s = i.clientX, c = i.clientY, d = s, f = c;
+			let m = e.surfaceRef.value;
+			l = m ? m.scrollLeft : 0, u = m ? m.scrollTop : 0, t.value = r, n.value = (e.dragThreshold ?? 0) === 0;
+			try {
+				p?.setPointerCapture?.(a);
+			} catch {}
+			window.addEventListener("pointermove", y, { passive: !0 }), window.addEventListener("pointerup", S), window.addEventListener("pointercancel", ee), window.addEventListener("keydown", C), i.preventDefault();
+		};
+	}
+	return Ce(() => {
+		r.value && b("cancel"), m !== 0 && (cancelAnimationFrame(m), m = 0);
+	}), {
+		isDragging: r,
+		draggedData: t,
+		startDrag: w
+	};
+}
+//#endregion
+//#region src/composables/useCalendarDnd.ts
+var $e = null;
+function et(e) {
+	if (!(typeof document > "u")) {
+		if (e === null) {
+			$e?.remove(), $e = null;
+			return;
+		}
+		$e || ($e = document.createElement("style"), $e.setAttribute("data-coar-drag-cursor", ""), document.head.appendChild($e)), $e.textContent = `*, *::before, *::after { cursor: ${e} !important; }`;
+	}
+}
+function tt(e) {
+	switch (e) {
+		case "timed-resize-start":
+		case "timed-resize-end": return "ns-resize";
+		case "allDay-resize-start":
+		case "allDay-resize-end":
+		case "month-resize-start":
+		case "month-resize-end": return "ew-resize";
+		case "timed":
+		case "allDay":
+		case "month": return "grabbing";
+		default: return null;
+	}
+}
+function nt(e) {
+	let t = W(null), n = W(0), r = j(() => n.value > 0), i = null;
+	function a() {
+		i !== null && clearTimeout(i), n.value = performance.now() + 220, i = setTimeout(() => {
+			n.value = 0, t.value = null, o.value = null, i = null;
+		}, 220);
+	}
+	let o = W(null), s = 0, c = 0, l = 0;
+	function u(t, n) {
+		let r = e.columnsRef?.value;
+		if (!r) return null;
+		let i = r.getBoundingClientRect(), a = t - i.left, o = n - i.top;
+		if (a < 0 || a >= i.width || o < 0) return null;
+		let s = e.days?.value;
+		if (!s || s.length === 0) return null;
+		let l = i.width / s.length, u = s[Math.min(s.length - 1, Math.max(0, Math.floor(a / l)))], d = (e.pixelsPerHour?.value ?? 60) / 60, f = e.timeGridTopBufferMinutes?.value ?? 0, p = Math.max(0, o / d - f), m = e.slotDuration?.value ?? 30, h = e.timeRange?.value[0] ?? 0, g = e.timeRange?.value[1] ?? 24, _ = h * 60 + p - c, y = Math.round(_ / m) * m, b = v?.draggedData.value, x = m;
+		if (b && "timeZoneId" in b.start) {
+			let e = b.start, t = b.end;
+			t && (x = Math.max(m, (t.epochMilliseconds - e.epochMilliseconds) / 6e4));
+		}
+		let S = g * 60 - x;
+		return y < h * 60 || y > S ? null : {
+			date: u.toString(),
+			minutes: y,
+			displayZone: e.timezone.value,
+			valid: !0
+		};
+	}
+	function d(t) {
+		let n = e.allDayColumnsRef?.value ?? e.columnsRef?.value;
+		if (!n) return null;
+		let r = n.getBoundingClientRect(), i = t - r.left, a = e.days?.value;
+		if (!a || a.length === 0 || r.width <= 0) return null;
+		let o = r.width / a.length;
+		return {
+			date: a[Math.min(a.length - 1, Math.max(0, Math.floor(i / o) - l))].toString(),
+			minutes: null,
+			displayZone: e.timezone.value,
+			valid: !0
+		};
+	}
+	function f(t, n) {
+		let r = e.monthGridRef?.value, i = e.monthGridDates?.value;
+		if (!r || !i || i.length === 0) return null;
+		let a = r.getBoundingClientRect(), o = t - a.left;
+		if (a.width <= 0 || a.height <= 0 || o < 0 || o >= a.width) return null;
+		let c = a.width / 7, l = Math.min(6, Math.max(0, Math.floor(o / c))), u = Array.from(r.children);
+		if (u.length === 0) return null;
+		let d = -1;
+		for (let e = 0; e < u.length; e++) {
+			let t = u[e].getBoundingClientRect();
+			if (n >= t.top && n < t.bottom) {
+				d = e;
+				break;
+			}
+		}
+		d === -1 && (d = n < u[0].getBoundingClientRect().top ? 0 : u.length - 1);
+		let f = d * 7 + l - s;
+		return {
+			date: i[Math.min(i.length - 1, Math.max(0, f))].toString(),
+			minutes: null,
+			displayZone: e.timezone.value,
+			valid: !0
+		};
+	}
+	function p(t, n) {
+		if (n === null) return n;
+		let r = e.dstPolicy?.value ?? "compatible";
+		if (r === "reject") try {
+			O(t, n, o.value, r);
+		} catch (e) {
+			if (e instanceof le) return {
+				...n,
+				valid: !1
+			};
+			throw e;
+		}
+		return e.canDrop ? {
+			...n,
+			valid: e.canDrop(t, n)
+		} : n;
+	}
+	let m = null, h = e.timezone.value, g = null, _, v = Qe({
+		surfaceRef: e.surfaceRef,
+		dragThreshold: e.dragThreshold ?? 5,
+		onDragStart: ({ event: t, data: n }) => {
+			m = t, h = e.timezone.value, g = n?.start ?? null, _ = n?.end;
+		},
+		onDragMove: (e) => {
+			let n = o.value, r;
+			r = n === "month" || n === "month-resize-start" || n === "month-resize-end" ? f(e.pointer.x, e.pointer.y) : n === "allDay" || n === "allDay-resize-start" || n === "allDay-resize-end" ? d(e.pointer.x) : u(e.pointer.x, e.pointer.y), t.value = p(e.data, r);
+		},
+		onDragEnd: (n) => {
+			let r = !1;
+			if (n.crossedThreshold) {
+				let i = t.value;
+				if (i && i.valid && e.onEventDrop) {
+					let t = e.dstPolicy?.value ?? "compatible";
+					try {
+						let r = T(t, n.data, {
+							start: g ?? n.data.start,
+							..._ === void 0 ? {} : { end: _ },
+							displayZone: h
+						}, i, o.value, m);
+						e.onEventDrop(r);
+					} catch (e) {
+						if (e instanceof le) r = !0;
+						else throw e;
+					}
+				} else i && i.valid === !1 && (r = !0);
+			} else e.onEventClick?.(n.data, m);
+			c = 0, l = 0, s = 0, r ? a() : (t.value = null, o.value = null);
+		},
+		onDragCancel: () => {
+			t.value = null, o.value = null, c = 0, l = 0, s = 0;
+		}
+	});
+	function y(t) {
+		let n = v.startDrag(t);
+		return (t) => {
+			o.value = "timed";
+			let r = t.currentTarget;
+			if (r) {
+				let n = r.getBoundingClientRect(), i = (e.pixelsPerHour?.value ?? 60) / 60;
+				c = i > 0 ? (t.clientY - n.top) / i : 0;
+			} else c = 0;
+			l = 0, s = 0, n(t);
+		};
+	}
+	function b(t) {
+		let n = v.startDrag(t);
+		return (t) => {
+			o.value = "allDay";
+			let r = t.currentTarget, i = e.allDayColumnsRef?.value ?? e.columnsRef?.value, a = e.days?.value;
+			if (r && i && a && a.length > 0) {
+				let e = r.getBoundingClientRect(), n = i.getBoundingClientRect().width / a.length;
+				l = n > 0 ? Math.floor((t.clientX - e.left) / n) : 0;
+			} else l = 0;
+			c = 0, s = 0, n(t);
+		};
+	}
+	function x(t) {
+		let n = v.startDrag(t);
+		return (t) => {
+			o.value = "month";
+			let r = t.currentTarget, i = e.monthGridRef?.value;
+			if (r && i) {
+				let e = r.getBoundingClientRect(), n = i.getBoundingClientRect().width / 7;
+				s = n > 0 ? Math.floor((t.clientX - e.left) / n) : 0;
+			} else s = 0;
+			c = 0, l = 0, n(t);
+		};
+	}
+	function S(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "timed-resize-start", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	function ee(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "timed-resize-end", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	function C(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "allDay-resize-start", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	function te(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "allDay-resize-end", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	function w(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "month-resize-start", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	function ne(e) {
+		let t = v.startDrag(e);
+		return (e) => {
+			o.value = "month-resize-end", c = 0, l = 0, s = 0, t(e);
+		};
+	}
+	return Z(() => v.isDragging.value, (e) => et(e ? tt(o.value) : null)), {
+		isDragging: v.isDragging,
+		draggedEvent: j(() => v.draggedData.value),
+		dragMode: j(() => o.value),
+		dropTarget: t,
+		snappingBack: r,
+		startDrag: y,
+		startTimedResizeStart: S,
+		startTimedResizeEnd: ee,
+		startAllDayDrag: b,
+		startAllDayResizeStart: C,
+		startAllDayResizeEnd: te,
+		startMonthDrag: x,
+		startMonthResizeStart: w,
+		startMonthResizeEnd: ne
+	};
+}
+//#endregion
+//#region src/composables/useA11yAnnouncer.ts
+var rt = "​";
+function it() {
+	let e = W(""), t = !1;
+	function n(n) {
+		t = !t, e.value = t ? `${n}${rt}` : n;
+	}
+	return {
+		message: e,
+		announce: n
+	};
+}
+//#endregion
+//#region src/composables/useTimeGridDnd.ts
+function at(e) {
+	let t = nt({
+		surfaceRef: e.surfaceRef,
+		columnsRef: e.columnsRef,
+		allDayColumnsRef: e.allDayColumnsRef,
+		days: e.days,
+		timeRange: e.timeRange,
+		pixelsPerHour: e.pixelsPerHour,
+		slotDuration: e.slotDuration,
+		timezone: j(() => Y(e.timezone)),
+		dstPolicy: e.dstPolicy ? j(() => Y(e.dstPolicy)) : void 0,
+		timeGridTopBufferMinutes: e.topBufferMinutes,
+		canDrop: e.canDrop ? (t, n) => e.canDrop(t, {
+			date: n.date,
+			minutes: n.minutes
+		}) : void 0,
+		onEventClick: (t, n) => {
+			e.onEventClick?.(t, n);
+		},
+		onEventDrop: (t) => {
+			e.onEventDrop?.(t), e.onAnnounce?.("committed", t);
+		}
+	}), r = W(null), i = j(() => {
+		let n = Y(e.events), i = t.draggedEvent.value, a = t.dropTarget.value, o = t.dragMode.value;
+		if (i && a && o) {
+			if (a.valid === !1 || o === "month") return n;
+			let t = O(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
+				...i,
+				id: `${i.id}__preview`,
+				start: t.start,
+				end: t.end
+			};
+			return [...n.filter((e) => e.id !== i.id), r];
+		}
+		let s = r.value;
+		if (s) {
+			let e = {
+				...s.event,
+				id: `${s.event.id}__preview`,
+				start: s.next.start,
+				end: s.next.end
+			};
+			return [...n.filter((e) => e.id !== s.event.id), e];
+		}
+		return n;
+	});
+	function a(e) {
+		let n = t.draggedEvent.value;
+		if (n !== null && e === `${n.id}__preview`) return !0;
+		let i = r.value;
+		return i !== null && e === `${i.event.id}__preview`;
+	}
+	let o = W(null), s = W(null);
+	Z(() => t.isDragging.value, (n, r) => {
+		if (n && !r) {
+			let n = t.dragMode.value, r = t.draggedEvent.value;
+			if (!r) return;
+			let i = Y(e.events), a = Y(e.timezone);
+			if (n === "allDay" || n === "allDay-resize-start" || n === "allDay-resize-end") {
+				let t = se(i, {
+					days: e.days.value,
+					timezone: a
+				}).find((e) => e.event.id === r.id);
+				t && (s.value = {
+					startCol: t.startCol,
+					endCol: t.endCol,
+					lane: t.lane,
+					laneCount: t.laneCount,
+					clippedStart: t.clippedStart,
+					clippedEnd: t.clippedEnd,
+					event: r
+				});
+			} else {
+				let t = E(r.start, a), n = ie(i, {
+					day: t,
+					timeRange: e.timeRange.value,
+					timezone: a
+				}).find((e) => e.event.id === r.id);
+				n && (o.value = {
+					dayKey: t.toString(),
+					lane: n.lane,
+					laneCount: n.laneCount,
+					startMinutes: n.startMinutes,
+					endMinutes: n.endMinutes,
+					event: r
+				});
+			}
+		} else !n && r && (o.value = null, s.value = null);
+	}), Z(() => r.value !== null, (t, n) => {
+		if (t && !n) {
+			let t = r.value;
+			if (!t) return;
+			let n = Y(e.events), i = Y(e.timezone);
+			if (t.mode === "allDay" || t.mode === "allDay-resize-start" || t.mode === "allDay-resize-end") {
+				let r = se(n, {
+					days: e.days.value,
+					timezone: i
+				}).find((e) => e.event.id === t.event.id);
+				r && (s.value = {
+					startCol: r.startCol,
+					endCol: r.endCol,
+					lane: r.lane,
+					laneCount: r.laneCount,
+					clippedStart: r.clippedStart,
+					clippedEnd: r.clippedEnd,
+					event: t.event
+				});
+			} else {
+				let r = E(t.event.start, i), a = ie(n, {
+					day: r,
+					timeRange: e.timeRange.value,
+					timezone: i
+				}).find((e) => e.event.id === t.event.id);
+				a && (o.value = {
+					dayKey: r.toString(),
+					lane: a.lane,
+					laneCount: a.laneCount,
+					startMinutes: a.startMinutes,
+					endMinutes: a.endMinutes,
+					event: t.event
+				});
+			}
+		} else !t && n && (o.value = null, s.value = null);
+	});
+	let c = j(() => {
+		let n = t.draggedEvent.value;
+		if (!n || !y(n)) return null;
+		let r = e.slotDuration.value;
+		if (!n.end) return r;
+		let i = n.start.toInstant().until(n.end.toInstant()).total({ unit: "minute" });
+		return Math.max(r, i);
+	}), l = j(() => {
+		if (!t.isDragging.value && !t.snappingBack.value) return null;
+		let n = t.dropTarget.value;
+		if (!n || n.valid !== !1 || t.dragMode.value !== "timed" || n.minutes === null) return null;
+		let r = c.value;
+		if (r === null) return null;
+		let [i] = e.timeRange.value;
+		return {
+			dayKey: n.date,
+			startMinutes: n.minutes - i * 60,
+			durationMinutes: r
+		};
+	}), u = j(() => {
+		if (!t.isDragging.value && !t.snappingBack.value) return null;
+		let n = t.dropTarget.value;
+		if (!n || n.valid !== !1 || t.dragMode.value !== "allDay") return null;
+		let r = s.value;
+		if (!r) return null;
+		let i = r.endCol - r.startCol, a = e.days.value, o = a.findIndex((e) => e.toString() === n.date);
+		return o < 0 ? null : {
+			startCol: o,
+			endCol: Math.min(a.length - 1, o + i)
+		};
+	});
+	function d(e, t, n) {
+		let r = e.currentTarget;
+		r instanceof HTMLElement && r.focus({ preventScroll: !0 }), n(t)(e);
+	}
+	function f(e, t) {
+		if (e.start instanceof n.PlainDate) return {
+			date: e.start.toString(),
+			minutes: null,
+			displayZone: t,
+			disambiguation: e.disambiguation ?? null
+		};
+		let r = e.start.withTimeZone(t);
+		return {
+			date: r.toPlainDate().toString(),
+			minutes: r.hour * 60 + r.minute,
+			displayZone: t,
+			disambiguation: e.disambiguation ?? null
+		};
+	}
+	function p(t, n, r, i) {
+		let a = y(n), o = _(n), s = Y(e.timezone), c = e.dstPolicy ? Y(e.dstPolicy) : "compatible", l = {
+			id: n.id,
+			start: t.start,
+			...t.end ? { end: t.end } : {}
+		};
+		if (r.shiftKey && (r.key === "ArrowUp" || r.key === "ArrowDown") && a) {
+			let e = (t.end ?? t.start.add({ minutes: 30 })).withTimeZone(s), n = r.key === "ArrowDown" ? i : -i, a = e.hour * 60 + e.minute + n, { date: o, minutes: u } = m(e.toPlainDate(), a);
+			try {
+				return {
+					next: O(l, {
+						date: o,
+						minutes: u,
+						displayZone: s,
+						valid: !0
+					}, "timed-resize-end", c),
+					mode: "timed-resize-end"
+				};
+			} catch {
+				return null;
+			}
+		}
+		if (r.key === "ArrowUp" || r.key === "ArrowDown") {
+			if (!a) return null;
+			let e = t.start.withTimeZone(s), n = r.key === "ArrowDown" ? i : -i, o = e.hour * 60 + e.minute + n, { date: u, minutes: d } = m(e.toPlainDate(), o);
+			try {
+				return {
+					next: O(l, {
+						date: u,
+						minutes: d,
+						displayZone: s,
+						valid: !0
+					}, "timed", c),
+					mode: "timed"
+				};
+			} catch {
+				return null;
+			}
+		}
+		if (r.key === "ArrowLeft" || r.key === "ArrowRight") {
+			if (e.days.value.length <= 1) return null;
+			let n = r.key === "ArrowRight" ? 1 : -1;
+			if (o) {
+				let e = t.start.add({ days: n });
+				try {
+					return {
+						next: O(l, {
+							date: e.toString(),
+							minutes: null,
+							displayZone: s,
+							valid: !0
+						}, "allDay", c),
+						mode: "allDay"
+					};
+				} catch {
+					return null;
+				}
+			}
+			if (a) {
+				let e = t.start.withTimeZone(s), r = e.toPlainDate().add({ days: n }), i = e.hour * 60 + e.minute;
+				try {
+					return {
+						next: O(l, {
+							date: r.toString(),
+							minutes: i,
+							displayZone: s,
+							valid: !0
+						}, "timed", c),
+						mode: "timed"
+					};
+				} catch {
+					return null;
+				}
+			}
+		}
+		return null;
+	}
+	function m(e, t) {
+		let n = e, r = t;
+		for (; r < 0;) n = n.subtract({ days: 1 }), r += 1440;
+		for (; r >= 1440;) n = n.add({ days: 1 }), r -= 1440;
+		return {
+			date: n.toString(),
+			minutes: r
+		};
+	}
+	function h() {
+		let t = r.value;
+		if (!t) return;
+		let n = Y(e.timezone);
+		if (e.canDrop) {
+			let i = f(t.next, n);
+			if (!e.canDrop(t.event, i)) {
+				r.value = null;
+				return;
+			}
+		}
+		let i = {
+			event: t.event,
+			original: {
+				start: t.originalStart,
+				...t.originalEnd === void 0 ? {} : { end: t.originalEnd },
+				displayZone: t.startDisplayZone
+			},
+			next: t.next,
+			target: f(t.next, n),
+			native: null
+		};
+		e.onEventDrop?.(i), e.onAnnounce?.("committed", i), r.value = null;
+		let a = t.event.id;
+		Se(() => {
+			let e = document.querySelector(`[data-event-id="${CSS.escape(a)}"]`);
+			e instanceof HTMLElement && e.focus();
+		});
+	}
+	function g(t, n) {
+		if (t.key === "Escape") {
+			if (r.value) {
+				r.value = null, e.onAnnounce?.("cancelled"), t.preventDefault();
+				return;
+			}
+			let n = t.currentTarget;
+			n instanceof HTMLElement && n.blur(), t.preventDefault();
+			return;
+		}
+		if (t.key === "Enter") {
+			if (!r.value) return;
+			t.preventDefault(), h();
+			return;
+		}
+		if (t.key !== "ArrowUp" && t.key !== "ArrowDown" && t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
+		let i = e.slotDuration.value, a = p(r.value ? r.value.next : {
+			start: n.start,
+			...n.end ? { end: n.end } : {}
+		}, n, t, i);
+		if (!a) {
+			e.onAnnounce?.("cancelled");
+			return;
+		}
+		t.preventDefault();
+		let o = r.value, s = o?.startDisplayZone ?? Y(e.timezone), c = o?.originalStart ?? n.start, l = o?.originalEnd ?? n.end;
+		r.value = {
+			event: n,
+			next: a.next,
+			mode: a.mode,
+			startDisplayZone: s,
+			originalStart: c,
+			...l ? { originalEnd: l } : {}
+		}, Se(() => {
+			let e = document.querySelector(".coar-time-grid-event--ghost[tabindex=\"0\"], .coar-time-grid-all-day-bar--ghost[tabindex=\"0\"]");
+			e && e.focus({ preventScroll: !0 });
+		});
+	}
+	return {
+		dnd: t,
+		workingEvents: i,
+		dragSourceSnapshot: o,
+		dragAllDaySourceSnapshot: s,
+		invalidTimedGhost: l,
+		invalidAllDayGhost: u,
+		isPreviewEvent: a,
+		onEventPointerdown: d,
+		onEventKeydown: g,
+		draggedDurationMinutes: c,
+		keyboardDrag: r
+	};
+}
+//#endregion
+//#region src/composables/useMonthDnd.ts
+function ot(e) {
+	let t = nt({
+		surfaceRef: e.gridRef,
+		monthGridRef: e.gridRef,
+		monthGridDates: e.gridDates,
+		timezone: j(() => Y(e.timezone)),
+		dstPolicy: e.dstPolicy ? j(() => Y(e.dstPolicy)) : void 0,
+		canDrop: e.canDrop ? (t, n) => e.canDrop(t, {
+			date: n.date,
+			minutes: n.minutes
+		}) : void 0,
+		onEventClick: (t, n) => {
+			e.onEventClick?.(t, n);
+		},
+		onEventDrop: (t) => {
+			e.onEventDrop?.(t), e.onAnnounce?.("committed", t);
+		}
+	}), r = W(null), i = j(() => {
+		let n = Y(e.events), i = t.draggedEvent.value, a = t.dropTarget.value, o = t.dragMode.value;
+		if (i && a && o) {
+			if (a.valid === !1 || o !== "month" && o !== "month-resize-start" && o !== "month-resize-end") return n;
+			let t = O(i, a, o, e.dstPolicy ? Y(e.dstPolicy) : "compatible"), r = {
+				...i,
+				id: `${i.id}__preview`,
+				start: t.start,
+				end: t.end
+			};
+			return [...n.filter((e) => e.id !== i.id), r];
+		}
+		let s = r.value;
+		if (s) {
+			let e = {
+				...s.event,
+				id: `${s.event.id}__preview`,
+				start: s.next.start,
+				end: s.next.end
+			};
+			return [...n.filter((e) => e.id !== s.event.id), e];
+		}
+		return n;
+	});
+	function a(e) {
+		let n = t.draggedEvent.value;
+		if (n !== null && e === `${n.id}__preview`) return !0;
+		let i = r.value;
+		return i !== null && e === `${i.event.id}__preview`;
+	}
+	let o = W(null);
+	Z(() => t.isDragging.value, (n, r) => {
+		let i = t.dragMode.value;
+		if (n && !r && (i === "month" || i === "month-resize-start" || i === "month-resize-end")) {
+			let n = t.draggedEvent.value;
+			if (!n) return;
+			let r = te(Y(e.events), {
+				gridDates: e.gridDates.value,
+				timezone: Y(e.timezone)
+			}), i = [], a = [];
+			for (let e = 0; e < r.weekRows.length; e++) {
+				let t = r.weekRows[e];
+				for (let [e, r] of t.cellPills) r.some((e) => e.event.id === n.id) && i.push(e);
+				for (let r of t.multiDayBars) r.event.id === n.id && a.push({
+					rowIndex: e,
+					startCol: r.startCol,
+					endCol: r.endCol,
+					lane: r.lane,
+					clippedStart: r.clippedStart,
+					clippedEnd: r.clippedEnd
+				});
+			}
+			o.value = {
+				pillCells: i,
+				bars: a,
+				event: n
+			};
+		} else !n && r && (o.value = null);
+	}), Z(() => r.value !== null, (t, n) => {
+		if (t && !n) {
+			let t = r.value;
+			if (!t) return;
+			let n = te(Y(e.events), {
+				gridDates: e.gridDates.value,
+				timezone: Y(e.timezone)
+			}), i = [], a = [];
+			for (let e = 0; e < n.weekRows.length; e++) {
+				let r = n.weekRows[e];
+				for (let [e, n] of r.cellPills) n.some((e) => e.event.id === t.event.id) && i.push(e);
+				for (let n of r.multiDayBars) n.event.id === t.event.id && a.push({
+					rowIndex: e,
+					startCol: n.startCol,
+					endCol: n.endCol,
+					lane: n.lane,
+					clippedStart: n.clippedStart,
+					clippedEnd: n.clippedEnd
+				});
+			}
+			o.value = {
+				pillCells: i,
+				bars: a,
+				event: t.event
+			};
+		} else !t && n && (o.value = null);
+	});
+	let s = j(() => {
+		if (!t.isDragging.value && !t.snappingBack.value) return null;
+		let n = t.dropTarget.value;
+		if (!n || n.valid !== !1 || t.dragMode.value !== "month") return null;
+		let r = o.value;
+		if (!r) return null;
+		let i = e.gridDates.value.findIndex((e) => e.toString() === n.date);
+		if (i < 0) return null;
+		let a = Math.floor(i / 7), s = i % 7;
+		if (r.bars.length > 0) {
+			let e = r.bars[0].endCol - r.bars[0].startCol;
+			return {
+				rowIndex: a,
+				startCol: s,
+				endCol: Math.min(6, s + e),
+				isBar: !0
+			};
+		}
+		return {
+			rowIndex: a,
+			startCol: s,
+			endCol: s,
+			isBar: !1
+		};
+	});
+	function c(t) {
+		let r = s.value;
+		if (!r || r.isBar) return !1;
+		let i = r.rowIndex * 7 + r.startCol, a = e.gridDates.value[i];
+		return a ? n.PlainDate.compare(t, a) === 0 : !1;
+	}
+	function l(e, n) {
+		let r = e.currentTarget;
+		r instanceof HTMLElement && r.focus({ preventScroll: !0 }), t.startMonthDrag(n)(e);
+	}
+	function u(e, t) {
+		return e.start instanceof n.PlainDate ? {
+			date: e.start.toString(),
+			minutes: null,
+			displayZone: t,
+			disambiguation: e.disambiguation ?? null
+		} : {
+			date: e.start.withTimeZone(t).toPlainDate().toString(),
+			minutes: null,
+			displayZone: t,
+			disambiguation: e.disambiguation ?? null
+		};
+	}
+	function d(t, n, r) {
+		let i = Y(e.timezone), a = e.dstPolicy ? Y(e.dstPolicy) : "compatible", o = r.key === "ArrowRight" ? 1 : r.key === "ArrowLeft" ? -1 : r.key === "ArrowDown" ? 7 : -7, s = {
+			id: n.id,
+			start: t.start,
+			...t.end ? { end: t.end } : {}
+		};
+		if (_(n)) {
+			let e = t.start, n = t.end;
+			if (r.shiftKey && n) {
+				let e = n.subtract({ days: 1 }).add({ days: o });
+				try {
+					return {
+						next: O(s, {
+							date: e.toString(),
+							minutes: null,
+							displayZone: i,
+							valid: !0
+						}, "allDay-resize-end", a),
+						mode: "month-resize-end"
+					};
+				} catch {
+					return null;
+				}
+			}
+			let c = e.add({ days: o });
+			try {
+				return {
+					next: O(s, {
+						date: c.toString(),
+						minutes: null,
+						displayZone: i,
+						valid: !0
+					}, "allDay", a),
+					mode: "month"
+				};
+			} catch {
+				return null;
+			}
+		}
+		if (y(n)) {
+			let e = t.start.withTimeZone(i), n = e.toPlainDate().add({ days: o }), r = e.hour * 60 + e.minute;
+			try {
+				return {
+					next: O(s, {
+						date: n.toString(),
+						minutes: r,
+						displayZone: i,
+						valid: !0
+					}, "timed", a),
+					mode: "month"
+				};
+			} catch {
+				return null;
+			}
+		}
+		return null;
+	}
+	function f() {
+		let t = r.value;
+		if (!t) return;
+		let n = Y(e.timezone);
+		if (e.canDrop) {
+			let i = u(t.next, n);
+			if (!e.canDrop(t.event, i)) {
+				r.value = null;
+				return;
+			}
+		}
+		let i = {
+			event: t.event,
+			original: {
+				start: t.originalStart,
+				...t.originalEnd === void 0 ? {} : { end: t.originalEnd },
+				displayZone: t.startDisplayZone
+			},
+			next: t.next,
+			target: u(t.next, n),
+			native: null
+		};
+		e.onEventDrop?.(i), e.onAnnounce?.("committed", i), r.value = null;
+		let a = t.event.id;
+		Se(() => {
+			let e = document.querySelector(`[data-event-id="${CSS.escape(a)}"]`);
+			e instanceof HTMLElement && e.focus();
+		});
+	}
+	function p(t, n) {
+		if (t.key === "Escape") {
+			if (r.value) {
+				r.value = null, e.onAnnounce?.("cancelled"), t.preventDefault();
+				return;
+			}
+			let n = t.currentTarget;
+			n instanceof HTMLElement && n.blur(), t.preventDefault();
+			return;
+		}
+		if (t.key === "Enter") {
+			if (!r.value) return;
+			t.preventDefault(), f();
+			return;
+		}
+		if (t.key !== "ArrowLeft" && t.key !== "ArrowRight" && t.key !== "ArrowUp" && t.key !== "ArrowDown") return;
+		let i = d(r.value ? r.value.next : {
+			start: n.start,
+			...n.end ? { end: n.end } : {}
+		}, n, t);
+		if (!i) {
+			e.onAnnounce?.("cancelled");
+			return;
+		}
+		t.preventDefault();
+		let a = r.value, o = a?.startDisplayZone ?? Y(e.timezone), s = a?.originalStart ?? n.start, c = a?.originalEnd ?? n.end;
+		r.value = {
+			event: n,
+			next: i.next,
+			mode: i.mode,
+			startDisplayZone: o,
+			originalStart: s,
+			...c ? { originalEnd: c } : {}
+		}, Se(() => {
+			let e = document.querySelector(".coar-month-pill--ghost[tabindex=\"0\"], .coar-month-bar--ghost[tabindex=\"0\"]");
+			e && e.focus({ preventScroll: !0 });
+		});
+	}
+	return {
+		dnd: t,
+		workingEvents: i,
+		dragSourceSnapshot: o,
+		invalidMonthGhost: s,
+		isPreviewId: a,
+		isInvalidPillTarget: c,
+		onMonthEventPointerdown: l,
+		onMonthEventKeydown: p,
+		keyboardDrag: r
+	};
+}
+//#endregion
+//#region src/useDayView.ts
+function st() {
+	let { builder: e, api: t } = qe();
+	return e.view(W("day")), e.availableViews(["day"]), {
+		builder: e,
+		api: t
+	};
+}
+//#endregion
+//#region src/useWeekView.ts
+function ct() {
+	let { builder: e, api: t } = qe();
+	return e.view(W("week")), e.availableViews(["week"]), {
+		builder: e,
+		api: t
+	};
+}
+//#endregion
+//#region src/useMonthView.ts
+function lt() {
+	let { builder: e, api: t } = qe();
+	return e.view(W("month")), e.availableViews(["month"]), {
+		builder: e,
+		api: t
+	};
+}
+//#endregion
+//#region src/useAgendaView.ts
+function ut() {
+	let { builder: e, api: t } = qe();
+	return e.view(W("agenda")), e.availableViews(["agenda"]), {
+		builder: e,
+		api: t
+	};
+}
+//#endregion
+//#region src/builders/render-helpers.ts
+var dt = (e) => {
+	let { renderer: t, ctx: n } = e;
+	if (!t || !n) return null;
+	if (typeof t == "function") {
+		let e = t(n);
+		return R(e) ? e : ye(e, n);
+	}
+	return ye(t, n);
+};
+dt.props = ["renderer", "ctx"], dt.displayName = "CoarRenderEvent";
+var ft = (e) => {
+	let { renderer: t, ctx: n } = e;
+	if (typeof t == "function") {
+		let e = t(n);
+		return R(e) ? e : ye(e, n);
+	}
+	return ye(t, n);
+};
+ft.props = ["renderer", "ctx"], ft.displayName = "CoarRenderDayHeader";
+//#endregion
+//#region src/components/internal/CoarEventDecorations.vue?vue&type=script&setup=true&lang.ts
+var pt = ["title", "aria-label"], mt = { class: "coar-event-decorations__sr-only" }, ht = ["title", "aria-label"], gt = { class: "coar-event-decorations__sr-only" }, _t = /* @__PURE__ */ L({
+	__name: "CoarEventDecorations",
+	props: {
+		event: {},
+		displayZone: {},
+		size: { default: "xs" }
+	},
+	setup(e) {
+		let t = e, n = je()?.t ?? ((e, t, n) => n ?? ""), r = j(() => Ye(t.event, t.displayZone)), i = j(() => n("coar.calendar.event.utcLabel", void 0, "Global")), a = j(() => n("coar.calendar.event.utcGlobalHint", void 0, "Global event — same instant worldwide")), o = j(() => {
+			let e = r.value.sourceZone;
+			return e ? n("coar.calendar.event.crossZoneHint", { zone: e }, `Source zone: ${e}`) : "";
+		}), s = j(() => t.size === "s" ? 14 : 12);
+		return (e, t) => r.value.isUtcAnchored ? (U(), P("span", {
+			key: 0,
+			class: "coar-event-decorations__utc",
+			title: a.value,
+			"aria-label": a.value
+		}, [I(X(Pe), {
+			name: "globe",
+			size: s.value
+		}, null, 8, ["size"]), F("span", mt, J(i.value), 1)], 8, pt)) : r.value.sourceZone ? (U(), P("span", {
+			key: 1,
+			class: "coar-event-decorations__cross-zone",
+			title: o.value,
+			"aria-label": o.value
+		}, [I(X(Pe), {
+			name: "globe",
+			size: s.value
+		}, null, 8, ["size"]), F("span", gt, J(o.value), 1)], 8, ht)) : N("", !0);
+	}
+}), $ = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, vt = /* @__PURE__ */ $(_t, [["__scopeId", "data-v-18289212"]]), yt = [
+	"data-event-id",
+	"tabindex",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], bt = { class: "coar-time-grid-event__default" }, xt = { class: "coar-time-grid-event__title-row" }, St = { class: "coar-time-grid-event__title" }, Ct = {
+	key: 2,
+	class: "coar-time-grid-event__default"
+}, wt = { class: "coar-time-grid-event__title-row" }, Tt = { class: "coar-time-grid-event__title" }, Et = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridEvent",
+	props: {
+		event: {},
+		positioned: {},
+		variant: { default: "live" },
+		bg: {},
+		border: {},
+		title: {},
+		displayZone: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		snappingBack: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		top: {},
+		height: {},
+		left: {},
+		width: {},
+		zIndex: {},
+		clippedTop: {
+			type: Boolean,
+			default: !1
+		},
+		clippedBottom: {
+			type: Boolean,
+			default: !1
+		},
+		kbdActive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"pointerdown",
+		"keydown",
+		"dblclick",
+		"startResize",
+		"endResize"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = j(() => n.variant === "live" || n.variant === "preview");
+		function o(e) {
+			i.value && r("pointerdown", e);
+		}
+		function s(e) {
+			i.value && r("keydown", e);
+		}
+		function c(e) {
+			i.value && (e.stopPropagation(), r("dblclick", e));
+		}
+		function l(e) {
+			e.stopPropagation(), r("startResize", e);
+		}
+		function u(e) {
+			e.stopPropagation(), r("endResize", e);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-time-grid-event", {
+				"coar-time-grid-event--clipped-top": e.clippedTop,
+				"coar-time-grid-event--clipped-bottom": e.clippedBottom,
+				"coar-time-grid-event--ghost": e.variant === "preview",
+				"coar-time-grid-event--source-phantom": e.variant === "phantom",
+				"coar-time-grid-event--invalid": e.variant === "invalid",
+				"coar-time-grid-event--snap-back": e.variant === "invalid" && e.snappingBack,
+				"coar-time-grid-event--density-compact": e.density === "compact"
+			}]),
+			style: V({
+				top: e.top + "px",
+				height: e.height + "px",
+				left: e.left,
+				width: e.width,
+				zIndex: e.zIndex,
+				background: e.bg,
+				borderLeft: `3px solid ${e.border}`
+			}),
+			"data-event-id": i.value ? e.event.id : void 0,
+			tabindex: i.value ? 0 : -1,
+			role: i.value ? "button" : void 0,
+			"aria-label": i.value ? e.ariaLabel : void 0,
+			"aria-hidden": i.value ? void 0 : "true",
+			onPointerdown: o,
+			onKeydown: s,
+			onDblclick: c
+		}, [
+			i.value ? (U(), P("div", {
+				key: 0,
+				class: "coar-time-grid-event__resize coar-time-grid-event__resize--top",
+				"aria-hidden": "true",
+				onPointerdown: l
+			}, null, 32)) : N("", !0),
+			a.value ? K(t.$slots, "default", {
+				key: 1,
+				event: e.event,
+				positioned: e.positioned
+			}, () => [F("div", bt, [F("span", xt, [I(vt, {
+				event: e.event,
+				"display-zone": e.displayZone,
+				size: "s"
+			}, null, 8, ["event", "display-zone"]), F("span", St, J(e.title), 1)])])], !0) : (U(), P("div", Ct, [F("span", wt, [I(vt, {
+				event: e.event,
+				"display-zone": e.displayZone,
+				size: "s"
+			}, null, 8, ["event", "display-zone"]), F("span", Tt, J(e.title), 1)])])),
+			i.value ? (U(), P("div", {
+				key: 3,
+				class: "coar-time-grid-event__resize coar-time-grid-event__resize--bottom",
+				"aria-hidden": "true",
+				onPointerdown: u
+			}, null, 32)) : N("", !0)
+		], 46, yt));
+	}
+}), [["__scopeId", "data-v-b99b5154"]]), Dt = [
+	"data-event-id",
+	"tabindex",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], Ot = { class: "coar-time-grid-all-day-bar__title" }, kt = {
+	key: 2,
+	class: "coar-time-grid-all-day-bar__title"
+}, At = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridAllDayBar",
+	props: {
+		event: {},
+		bar: {},
+		variant: { default: "live" },
+		bg: {},
+		border: {},
+		title: {},
+		ariaLabel: { default: void 0 },
+		snappingBack: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		top: {},
+		left: {},
+		width: {},
+		height: {},
+		zIndex: {},
+		clippedStart: {
+			type: Boolean,
+			default: !1
+		},
+		clippedEnd: {
+			type: Boolean,
+			default: !1
+		},
+		kbdActive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"pointerdown",
+		"keydown",
+		"dblclick",
+		"startResize",
+		"endResize"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = j(() => n.variant === "live" || n.variant === "preview"), o = j(() => i.value && !n.clippedStart), s = j(() => i.value && !n.clippedEnd), c = j(() => n.clippedStart ? "none" : `3px solid ${n.border}`);
+		function l(e) {
+			i.value && r("pointerdown", e);
+		}
+		function u(e) {
+			i.value && r("keydown", e);
+		}
+		function d(e) {
+			i.value && (e.stopPropagation(), r("dblclick", e));
+		}
+		function f(e) {
+			e.stopPropagation(), r("startResize", e);
+		}
+		function p(e) {
+			e.stopPropagation(), r("endResize", e);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-time-grid-all-day-bar", {
+				"coar-time-grid-all-day-bar--clipped-start": e.clippedStart,
+				"coar-time-grid-all-day-bar--clipped-end": e.clippedEnd,
+				"coar-time-grid-all-day-bar--ghost": e.variant === "preview",
+				"coar-time-grid-all-day-bar--source-phantom": e.variant === "phantom",
+				"coar-time-grid-all-day-bar--invalid": e.variant === "invalid",
+				"coar-time-grid-all-day-bar--snap-back": e.variant === "invalid" && e.snappingBack,
+				"coar-time-grid-all-day-bar--density-compact": e.density === "compact"
+			}]),
+			style: V({
+				top: e.top + "px",
+				left: e.left,
+				width: e.width,
+				height: e.height + "px",
+				background: e.bg,
+				borderLeft: c.value,
+				zIndex: e.zIndex
+			}),
+			"data-event-id": i.value ? e.event.id : void 0,
+			tabindex: i.value ? 0 : -1,
+			role: i.value ? "button" : void 0,
+			"aria-label": i.value ? e.ariaLabel : void 0,
+			"aria-hidden": i.value ? void 0 : "true",
+			onPointerdown: l,
+			onKeydown: u,
+			onDblclick: d
+		}, [
+			o.value ? (U(), P("div", {
+				key: 0,
+				class: "coar-time-grid-all-day-bar__resize coar-time-grid-all-day-bar__resize--start",
+				"aria-hidden": "true",
+				onPointerdown: f
+			}, null, 32)) : N("", !0),
+			a.value ? K(t.$slots, "default", {
+				key: 1,
+				event: e.event,
+				bar: e.bar
+			}, () => [F("span", Ot, J(e.title), 1)], !0) : (U(), P("span", kt, J(e.title), 1)),
+			s.value ? (U(), P("div", {
+				key: 3,
+				class: "coar-time-grid-all-day-bar__resize coar-time-grid-all-day-bar__resize--end",
+				"aria-hidden": "true",
+				onPointerdown: p
+			}, null, 32)) : N("", !0)
+		], 46, Dt));
+	}
+}), [["__scopeId", "data-v-d0d396ea"]]), jt = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridNowMarker",
+	props: { topPx: {} },
+	setup(e) {
+		return (t, n) => (U(), P("div", {
+			class: "coar-time-grid-now-marker",
+			style: V({ top: e.topPx + "px" }),
+			"aria-hidden": "true"
+		}, [...n[0] ||= [F("span", { class: "coar-time-grid-now-marker__dot" }, null, -1), F("span", { class: "coar-time-grid-now-marker__line" }, null, -1)]], 4));
+	}
+}), [["__scopeId", "data-v-ce9e34d0"]]), Mt = {
+	class: "coar-time-grid-header__cells",
+	role: "row"
+}, Nt = ["aria-colindex", "aria-current"], Pt = { class: "coar-time-grid-header__label" }, Ft = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridHeader",
+	props: {
+		days: {},
+		isToday: {},
+		isWeekend: {},
+		formatLabel: {},
+		density: { default: "comfortable" }
+	},
+	setup(e) {
+		return (t, n) => (U(), P("div", { class: z(["coar-time-grid-header", { "coar-time-grid-header--density-compact": e.density === "compact" }]) }, [n[0] ||= F("div", {
+			class: "coar-time-grid-header__corner",
+			"aria-hidden": "true"
+		}, null, -1), F("div", Mt, [(U(!0), P(A, null, G(e.days, (n, r) => (U(), P("div", {
+			key: n.toString(),
+			class: z(["coar-time-grid-header__cell", {
+				"coar-time-grid-header__cell--today": e.isToday(n),
+				"coar-time-grid-header__cell--weekend": e.isWeekend(n)
+			}]),
+			role: "columnheader",
+			"aria-colindex": r + 1,
+			"aria-current": e.isToday(n) ? "date" : void 0
+		}, [K(t.$slots, "dayHeader", {
+			date: n,
+			isToday: e.isToday(n),
+			isWeekend: e.isWeekend(n)
+		}, () => [F("span", Pt, J(e.formatLabel(n)), 1)], !0)], 10, Nt))), 128))])], 2));
+	}
+}), [["__scopeId", "data-v-ec745d3f"]]), It = ["aria-label"], Lt = {
+	class: "coar-time-grid-all-day-band__axis",
+	"aria-hidden": "true"
+}, Rt = ["onPointerdown"], zt = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridAllDayBand",
+	props: {
+		days: {},
+		axisLabel: {},
+		bandHeightPx: {},
+		isToday: { type: Function },
+		isWeekend: { type: Function },
+		setColumnsEl: { type: Function }
+	},
+	emits: ["cellPointerdown"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e, t) {
+			n("cellPointerdown", e, t);
+		}
+		return (t, n) => (U(), P("div", {
+			class: "coar-time-grid-all-day-band",
+			style: V({ minHeight: e.bandHeightPx + "px" }),
+			role: "region",
+			"aria-label": e.axisLabel
+		}, [F("div", Lt, J(e.axisLabel), 1), F("div", {
+			ref: (t) => e.setColumnsEl(t),
+			class: "coar-time-grid-all-day-band__columns"
+		}, [(U(!0), P(A, null, G(e.days, (t, n) => (U(), P("div", {
+			key: t.toString(),
+			class: z(["coar-time-grid-all-day-band__cell", {
+				"coar-time-grid-all-day-band__cell--today": e.isToday(t),
+				"coar-time-grid-all-day-band__cell--weekend": e.isWeekend(t)
+			}]),
+			style: V({ gridColumn: n + 1 }),
+			onPointerdown: (e) => r(e, t)
+		}, null, 46, Rt))), 128)), K(t.$slots, "default", {}, void 0, !0)], 512)], 12, It));
+	}
+}), [["__scopeId", "data-v-4eabecb1"]]), Bt = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGridColumn",
+	props: {
+		day: {},
+		isToday: {
+			type: Boolean,
+			default: !1
+		},
+		isWeekend: {
+			type: Boolean,
+			default: !1
+		},
+		heightPx: {},
+		slotHeightPx: {},
+		renderBufferOffsetPx: {}
+	},
+	emits: ["pointerdown"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => `repeating-linear-gradient(to bottom, transparent 0, transparent ${n.slotHeightPx - 1}px, var(--coar-calendar-grid-line, #e3e5e9) ${n.slotHeightPx - 1}px, var(--coar-calendar-grid-line, #e3e5e9) ${n.slotHeightPx}px)`);
+		function a(e) {
+			r("pointerdown", e, n.day);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-time-grid-column", {
+				"coar-time-grid-column--today": e.isToday,
+				"coar-time-grid-column--weekend": e.isWeekend
+			}]),
+			style: V({
+				height: e.heightPx + "px",
+				backgroundImage: i.value,
+				backgroundPosition: `0 ${e.renderBufferOffsetPx}px`
+			}),
+			onPointerdown: a
+		}, [K(t.$slots, "default", {}, void 0, !0)], 38));
+	}
+}), [["__scopeId", "data-v-32d41217"]]), Vt = ["aria-label"], Ht = {
+	class: "coar-time-grid__a11y-live",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, Ut = { class: "coar-time-grid__sticky-top" }, Wt = {
+	key: 2,
+	class: "coar-time-grid__all-day-bar-title"
+}, Gt = ["data-hour"], Kt = {
+	ref: "columns",
+	class: "coar-time-grid__columns"
+}, qt = {
+	key: 2,
+	class: "coar-time-grid__event-default"
+}, Jt = { class: "coar-time-grid__event-title" }, Yt = 15, Xt = 24, Zt = 2, Qt = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarTimeGrid",
+	props: {
+		builder: {},
+		dates: {}
+	},
+	setup(e, { expose: t }) {
+		let r = e, { t: i } = Ae(), a = j(() => {
+			let e = r.builder.state, t = Y(e.timeRange);
+			return {
+				events: e.events ? Y(e.events) : [],
+				timezone: Y(e.timezone),
+				locale: Y(e.locale),
+				density: Y(e.density),
+				dateStyle: Y(e.dateStyle),
+				timeStyle: Y(e.timeStyle),
+				hour12: Y(e.hour12),
+				timeRange: [Math.floor(t.startMinutes / 60), Math.ceil(t.endMinutes / 60)],
+				timeRangeMinutes: t,
+				slotDuration: Y(e.slotDuration),
+				pixelsPerHour: Y(e.pixelsPerHour),
+				canDrop: e.canDrop,
+				eventRenderer: e.eventRenderer,
+				dayHeaderRenderer: e.dayHeaderRenderer,
+				dstPolicy: Y(e.dstPolicy)
+			};
+		}), o = j(() => a.value.events), s = j(() => a.value.timeRange), l = j(() => a.value.slotDuration), u = j(() => a.value.pixelsPerHour), d = j(() => a.value.timezone), f = je(), p = j(() => a.value.locale ?? f?.language.value ?? "en-US"), m = j(() => a.value.density), h = j(() => a.value.canDrop), g = j(() => r.dates ?? []), y = g, b = {
+			event: {
+				id: "__phantom__",
+				start: "1970-01-01T00:00:00Z"
+			},
+			startMinutes: 0,
+			endMinutes: 0,
+			lane: 0,
+			laneCount: 1,
+			clippedTop: !1,
+			clippedBottom: !1
+		}, x = {
+			event: {
+				id: "__phantom__",
+				start: "1970-01-01"
+			},
+			lane: 0,
+			laneCount: 1,
+			startCol: 0,
+			endCol: 0,
+			clippedStart: !1,
+			clippedEnd: !1
+		}, S = Ee("columns"), ee = W(null);
+		function C(e) {
+			ee.value = e;
+		}
+		let te = j(() => {
+			let e = S.value;
+			for (; e && e !== document.body;) {
+				let t = window.getComputedStyle(e).overflowY;
+				if (t === "auto" || t === "scroll") return e;
+				e = e.parentElement;
+			}
+			return null;
+		}), { dnd: w, workingEvents: ne, dragSourceSnapshot: T, dragAllDaySourceSnapshot: E, invalidTimedGhost: re, invalidAllDayGhost: D, isPreviewEvent: ae, onEventPointerdown: oe, onEventKeydown: O, keyboardDrag: ce } = at({
+			events: () => o.value,
+			days: g,
+			timeRange: s,
+			pixelsPerHour: u,
+			slotDuration: l,
+			timezone: () => d.value,
+			dstPolicy: () => a.value.dstPolicy,
+			surfaceRef: te,
+			columnsRef: S,
+			allDayColumnsRef: ee,
+			topBufferMinutes: j(() => Yt),
+			canDrop: h.value,
+			onEventClick: (e, t) => {
+				t && r.builder.state.onEventClick?.({
+					event: e,
+					native: t
+				});
+			},
+			onEventDrop: (e) => r.builder.state.onEventDrop?.(e),
+			onAnnounce: (e, t) => pe(e, t)
+		}), le = it();
+		function ue(e) {
+			let t = e.next.start instanceof n.PlainDate, r = {
+				dateStyle: a.value.dateStyle,
+				timeStyle: a.value.timeStyle,
+				hour12: a.value.hour12
+			};
+			try {
+				let n = new Intl.DateTimeFormat(p.value, k(t ? {
+					weekday: "short",
+					day: "numeric",
+					month: "short",
+					timeZone: "UTC"
+				} : {
+					weekday: "short",
+					day: "numeric",
+					month: "short",
+					hour: "numeric",
+					minute: "2-digit",
+					timeZone: d.value
+				}, r));
+				if (t) {
+					let t = e.next.start;
+					return n.format(new Date(Date.UTC(t.year, t.month - 1, t.day)));
+				}
+				let i = e.next.start.withTimeZone(d.value);
+				return n.format(new Date(i.epochMilliseconds));
+			} catch {
+				return e.target.date;
+			}
+		}
+		function de(e) {
+			let t = e.meta, n = (typeof t?.title == "string" ? t.title : void 0) ?? i("coar.calendar.a11y.unnamedEvent", void 0, "Event");
+			return i("coar.calendar.a11y.kbdPreviewLabel", { title: n }, `${n} preview — Arrow keys to move, Enter to commit, Escape to cancel`);
+		}
+		function fe(e) {
+			let t = e.event.meta;
+			return typeof t?.title == "string" ? t.title : i("coar.calendar.a11y.unnamedEvent", void 0, "Event");
+		}
+		function pe(e, t) {
+			if (e === "cancelled") {
+				le.announce(i("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
+				return;
+			}
+			if (!t) return;
+			let n = fe(t), r = ue(t);
+			le.announce(i("coar.calendar.a11y.eventMovedTo", {
+				title: n,
+				when: r
+			}, `${n} moved to ${r}`));
+		}
+		let me = j(() => s.value[1] - s.value[0]), ge = j(() => me.value * 60), L = j(() => me.value * u.value + 2 * (u.value * Yt) / 60), _e = j(() => u.value * l.value / 60), ve = j(() => {
+			let e = [], t = new Intl.DateTimeFormat(p.value, k({ hour: "numeric" }, {
+				timeStyle: a.value.timeStyle,
+				hour12: a.value.hour12
+			}));
+			for (let n = s.value[0]; n <= s.value[1]; n++) {
+				let r = new Date(2024, 0, 1, n);
+				e.push({
+					hour: n,
+					label: t.format(r)
+				});
+			}
+			return e;
+		}), ye = j(() => {
+			let e = w.draggedEvent.value, t = w.dragMode.value, n = e !== null && (t === "timed" || t === "timed-resize-start" || t === "timed-resize-end") ? `${e.id}__preview` : void 0;
+			return g.value.map((e) => ({
+				date: e,
+				positioned: ie(ne.value, {
+					day: e,
+					timeRange: s.value,
+					timezone: d.value,
+					priorityId: n
+				})
+			}));
+		}), be = j(() => se(ne.value, {
+			days: g.value,
+			timezone: d.value
+		})), R = j(() => be.value.length === 0 ? 0 : be.value[0].laneCount), Se = j(() => R.value === 0 ? 0 : R.value * (Xt + Zt) + 8);
+		function H(e) {
+			return e * u.value / 60;
+		}
+		function Te(e) {
+			return H(e + Yt);
+		}
+		let q = W(v(d.value)), Z = W(c(d.value)), Oe = 0;
+		we(() => {
+			Oe = window.setInterval(() => {
+				q.value = v(d.value), Z.value = c(d.value);
+			}, 3e4);
+		}), Ce(() => {
+			Oe && clearInterval(Oe);
+		}), De(() => {
+			q.value = v(d.value), Z.value = c(d.value);
+		});
+		let ke = j(() => {
+			let e = Z.value.hour * 60 + Z.value.minute - s.value[0] * 60;
+			return e < 0 || e >= ge.value ? null : e;
+		});
+		function Me(e) {
+			return n.PlainDate.compare(e, q.value) === 0;
+		}
+		function Ne(e) {
+			let t = e.dayOfWeek;
+			return t === 6 || t === 7;
+		}
+		let Pe = j(() => new Intl.DateTimeFormat(p.value, k({
+			weekday: "short",
+			day: "numeric",
+			month: "short"
+		}, {
+			dateStyle: a.value.dateStyle,
+			hour12: a.value.hour12
+		})));
+		function Fe(e) {
+			return Pe.value.format(new Date(Date.UTC(e.year, e.month - 1, e.day)));
+		}
+		function Ie(e, t) {
+			let i = e.currentTarget.getBoundingClientRect(), a = e.clientY - i.top, o = Math.floor(a / _e.value) * l.value, c = s.value[0] * 60 + o, u = Math.floor(c / 60), d = c % 60;
+			u < 0 || u >= 24 || r.builder.state.onTimeClick?.({
+				date: t,
+				time: n.PlainTime.from({
+					hour: u,
+					minute: d
+				}),
+				native: e
+			});
+		}
+		function Le(e, t) {
+			r.builder.state.onDateClick?.({
+				date: t,
+				native: e
+			});
+		}
+		function Re(e) {
+			let t = e.meta;
+			return typeof t?.title == "string" ? t.title : "(untitled)";
+		}
+		function ze(e) {
+			let t = Re(e);
+			if (_(e)) return `${t} (${i("coar.calendar.timegrid.allDay", void 0, "all-day")})`;
+			try {
+				let n = new Intl.DateTimeFormat(p.value, k({
+					weekday: "short",
+					day: "numeric",
+					month: "short",
+					hour: "numeric",
+					minute: "2-digit",
+					timeZone: d.value
+				}, {
+					dateStyle: a.value.dateStyle,
+					timeStyle: a.value.timeStyle,
+					hour12: a.value.hour12
+				})), r = n.formatRange, i = new Date(e.start.epochMilliseconds), o = e.end ? new Date(e.end.epochMilliseconds) : i;
+				return r ? `${t}, ${r.call(n, i, o)}` : `${t}, ${n.format(i)} – ${n.format(o)}`;
+			} catch {
+				return t;
+			}
+		}
+		function Be(e) {
+			let t = e.meta;
+			return typeof t?.color == "string" ? t.color : void 0;
+		}
+		function Ve(e) {
+			return Be(e) ?? "var(--coar-color-accent-soft, #93c5fd)";
+		}
+		function He(e) {
+			return Be(e) ?? "var(--coar-color-accent, #2563eb)";
+		}
+		function Ue(e) {
+			let t = e.hour, n = te.value;
+			if (!n) return;
+			let r = (t - s.value[0]) * u.value;
+			n.scrollTo({
+				top: Math.max(0, r),
+				behavior: "smooth"
+			});
+		}
+		return we(() => {
+			r.builder._setScrollToTime(Ue);
+		}), Ce(() => {
+			r.builder._setScrollToTime(void 0);
+		}), t({
+			getLayout: () => ye.value,
+			scrollToTime: Ue
+		}), (e, t) => (U(), P("div", {
+			class: z(["coar-time-grid", [`coar-time-grid--density-${m.value}`]]),
+			role: "region",
+			"aria-label": X(y).length === 1 ? X(i)("coar.calendar.timegrid.dayLabel", void 0, "Day view") : X(i)("coar.calendar.timegrid.weekLabel", void 0, "Week view")
+		}, [
+			F("div", Ht, J(X(le).message.value), 1),
+			F("div", Ut, [I(Ft, {
+				days: X(y),
+				"is-today": Me,
+				"is-weekend": Ne,
+				"format-label": Fe,
+				density: m.value
+			}, he({ _: 2 }, [e.$slots.dayHeader || a.value.dayHeaderRenderer ? {
+				name: "dayHeader",
+				fn: Q((t) => [e.$slots.dayHeader ? K(e.$slots, "dayHeader", B(xe({ key: 0 }, t)), void 0, !0) : a.value.dayHeaderRenderer ? (U(), M(X(ft), {
+					key: 1,
+					renderer: a.value.dayHeaderRenderer,
+					ctx: t
+				}, null, 8, ["renderer", "ctx"])) : N("", !0)]),
+				key: "0"
+			} : void 0]), 1032, ["days", "density"]), R.value > 0 ? (U(), M(zt, {
+				key: 0,
+				days: X(y),
+				"axis-label": X(i)("coar.calendar.timegrid.allDay", void 0, "all-day"),
+				"band-height-px": Se.value,
+				"is-today": Me,
+				"is-weekend": Ne,
+				"set-columns-el": C,
+				onCellPointerdown: t[0] ||= (e, t) => Le(e, t)
+			}, {
+				default: Q(() => [
+					(U(!0), P(A, null, G(be.value, (t) => (U(), M(At, {
+						key: t.event.id,
+						event: t.event,
+						bar: t,
+						variant: X(ae)(t.event.id) ? "preview" : "live",
+						"kbd-active": X(ce) !== null,
+						bg: Ve(t.event),
+						border: He(t.event),
+						title: Re(t.event),
+						"aria-label": X(ae)(t.event.id) && X(ce) ? de(t.event) : ze(t.event),
+						density: m.value,
+						top: 4 + t.lane * (Xt + Zt),
+						left: `calc(${t.startCol / X(y).length * 100}% + ${t.startCol === 0 ? 4 : 2}px)`,
+						width: `calc(${(t.endCol - t.startCol + 1) / X(y).length * 100}% - ${(t.startCol === 0 ? 4 : 2) + (t.endCol === X(y).length - 1 ? 4 : 2)}px)`,
+						height: Xt,
+						"z-index": X(ae)(t.event.id) ? 100 : 1,
+						"clipped-start": t.clippedStart,
+						"clipped-end": t.clippedEnd,
+						onPointerdown: (e) => X(oe)(e, t.event, X(w).startAllDayDrag),
+						onKeydown: (e) => X(O)(e, t.event),
+						onDblclick: (e) => r.builder.state.onEventDoubleClick?.({
+							event: t.event,
+							native: e
+						}),
+						onStartResize: (e) => X(w).startAllDayResizeStart(t.event)(e),
+						onEndResize: (e) => X(w).startAllDayResizeEnd(t.event)(e)
+					}, {
+						default: Q(({ event: t, bar: n }) => [e.$slots.allDayEvent ? K(e.$slots, "allDayEvent", {
+							key: 0,
+							event: t,
+							layout: n
+						}, void 0, !0) : a.value.allDayEventRenderer ?? a.value.eventRenderer ? (U(), M(X(dt), {
+							key: 1,
+							renderer: a.value.allDayEventRenderer ?? a.value.eventRenderer,
+							ctx: {
+								event: t,
+								view: "week",
+								layout: {
+									kind: "allDayBar",
+									layout: n
+								}
+							}
+						}, null, 8, ["renderer", "ctx"])) : (U(), P("span", Wt, J(Re(t)), 1))]),
+						_: 3
+					}, 8, [
+						"event",
+						"bar",
+						"variant",
+						"kbd-active",
+						"bg",
+						"border",
+						"title",
+						"aria-label",
+						"density",
+						"top",
+						"left",
+						"width",
+						"z-index",
+						"clipped-start",
+						"clipped-end",
+						"onPointerdown",
+						"onKeydown",
+						"onDblclick",
+						"onStartResize",
+						"onEndResize"
+					]))), 128)),
+					X(E) ? (U(), M(At, {
+						key: 0,
+						variant: "phantom",
+						event: X(E).event,
+						bar: x,
+						bg: Ve(X(E).event),
+						border: He(X(E).event),
+						title: Re(X(E).event),
+						density: m.value,
+						top: 4 + X(E).lane * (Xt + Zt),
+						left: `calc(${X(E).startCol / X(y).length * 100}% + ${X(E).startCol === 0 ? 4 : 2}px)`,
+						width: `calc(${(X(E).endCol - X(E).startCol + 1) / X(y).length * 100}% - ${(X(E).startCol === 0 ? 4 : 2) + (X(E).endCol === X(y).length - 1 ? 4 : 2)}px)`,
+						height: Xt,
+						"z-index": 1,
+						"clipped-start": X(E).clippedStart,
+						"clipped-end": X(E).clippedEnd
+					}, null, 8, [
+						"event",
+						"bg",
+						"border",
+						"title",
+						"density",
+						"top",
+						"left",
+						"width",
+						"clipped-start",
+						"clipped-end"
+					])) : N("", !0),
+					X(D) && X(w).draggedEvent.value ? (U(), M(At, {
+						key: 1,
+						variant: "invalid",
+						event: X(w).draggedEvent.value,
+						bar: x,
+						bg: Ve(X(w).draggedEvent.value),
+						border: He(X(w).draggedEvent.value),
+						title: Re(X(w).draggedEvent.value),
+						"snapping-back": X(w).snappingBack.value,
+						density: m.value,
+						top: 4 + (X(E)?.lane ?? 0) * (Xt + Zt),
+						left: `calc(${X(D).startCol / X(y).length * 100}% + ${X(D).startCol === 0 ? 4 : 2}px)`,
+						width: `calc(${(X(D).endCol - X(D).startCol + 1) / X(y).length * 100}% - ${(X(D).startCol === 0 ? 4 : 2) + (X(D).endCol === X(y).length - 1 ? 4 : 2)}px)`,
+						height: Xt,
+						"z-index": 100
+					}, null, 8, [
+						"event",
+						"bg",
+						"border",
+						"title",
+						"snapping-back",
+						"density",
+						"top",
+						"left",
+						"width"
+					])) : N("", !0)
+				]),
+				_: 3
+			}, 8, [
+				"days",
+				"axis-label",
+				"band-height-px"
+			])) : N("", !0)]),
+			F("div", {
+				class: "coar-time-grid__body",
+				style: V({ height: L.value + "px" })
+			}, [F("div", {
+				class: "coar-time-grid__hour-axis",
+				style: V({ height: L.value + "px" })
+			}, [(U(!0), P(A, null, G(ve.value, (e) => (U(), P("div", {
+				key: e.hour,
+				class: "coar-time-grid__hour-label",
+				"data-hour": e.hour,
+				style: V({ top: Te((e.hour - s.value[0]) * 60) + "px" })
+			}, J(e.label), 13, Gt))), 128))], 4), F("div", Kt, [(U(!0), P(A, null, G(ye.value, (n) => (U(), M(Bt, {
+				key: n.date.toString(),
+				day: n.date,
+				"is-today": Me(n.date),
+				"is-weekend": Ne(n.date),
+				"height-px": L.value,
+				"slot-height-px": _e.value,
+				"render-buffer-offset-px": H(Yt),
+				onPointerdown: t[1] ||= (e, t) => Ie(e, t)
+			}, {
+				default: Q(() => [
+					(U(!0), P(A, null, G(n.positioned, (t) => (U(), M(Et, {
+						key: t.event.id,
+						event: t.event,
+						positioned: t,
+						variant: X(ae)(t.event.id) ? "preview" : "live",
+						"kbd-active": X(ce) !== null,
+						bg: Ve(t.event),
+						border: He(t.event),
+						title: Re(t.event),
+						"display-zone": d.value,
+						"aria-label": X(ae)(t.event.id) && X(ce) ? de(t.event) : ze(t.event),
+						density: m.value,
+						top: Te(t.startMinutes),
+						height: Math.max(16, H(t.endMinutes - t.startMinutes)),
+						left: `calc(${t.lane / t.laneCount * 100}% + ${t.lane === 0 ? 4 : 2}px)`,
+						width: `calc(${100 / t.laneCount}% - ${(t.lane === 0 ? 4 : 2) + (t.lane === t.laneCount - 1 ? 4 : 2)}px)`,
+						"z-index": X(ae)(t.event.id) ? 100 : t.lane + 1,
+						"clipped-top": t.clippedTop,
+						"clipped-bottom": t.clippedBottom,
+						onPointerdown: (e) => X(oe)(e, t.event, X(w).startDrag),
+						onKeydown: (e) => X(O)(e, t.event),
+						onDblclick: (e) => r.builder.state.onEventDoubleClick?.({
+							event: t.event,
+							native: e
+						}),
+						onStartResize: (e) => X(w).startTimedResizeStart(t.event)(e),
+						onEndResize: (e) => X(w).startTimedResizeEnd(t.event)(e)
+					}, {
+						default: Q(({ event: t, positioned: n }) => [e.$slots.event ? K(e.$slots, "event", {
+							key: 0,
+							event: t,
+							layout: n
+						}, void 0, !0) : a.value.eventRenderer ? (U(), M(X(dt), {
+							key: 1,
+							renderer: a.value.eventRenderer,
+							ctx: {
+								event: t,
+								view: X(y).length === 1 ? "day" : "week",
+								layout: {
+									kind: "positioned",
+									layout: n
+								}
+							}
+						}, null, 8, ["renderer", "ctx"])) : (U(), P("div", qt, [F("span", Jt, J(Re(t)), 1)]))]),
+						_: 3
+					}, 8, [
+						"event",
+						"positioned",
+						"variant",
+						"kbd-active",
+						"bg",
+						"border",
+						"title",
+						"display-zone",
+						"aria-label",
+						"density",
+						"top",
+						"height",
+						"left",
+						"width",
+						"z-index",
+						"clipped-top",
+						"clipped-bottom",
+						"onPointerdown",
+						"onKeydown",
+						"onDblclick",
+						"onStartResize",
+						"onEndResize"
+					]))), 128)),
+					X(T) && X(T).dayKey === n.date.toString() ? (U(), M(Et, {
+						key: 0,
+						variant: "phantom",
+						event: X(T).event,
+						positioned: b,
+						bg: Ve(X(T).event),
+						border: He(X(T).event),
+						title: Re(X(T).event),
+						"display-zone": d.value,
+						density: m.value,
+						top: Te(X(T).startMinutes),
+						height: Math.max(16, H(X(T).endMinutes - X(T).startMinutes)),
+						left: `calc(${X(T).lane / X(T).laneCount * 100}% + ${X(T).lane === 0 ? 4 : 2}px)`,
+						width: `calc(${100 / X(T).laneCount}% - ${(X(T).lane === 0 ? 4 : 2) + (X(T).lane === X(T).laneCount - 1 ? 4 : 2)}px)`,
+						"z-index": X(T).lane + 1
+					}, null, 8, [
+						"event",
+						"bg",
+						"border",
+						"title",
+						"display-zone",
+						"density",
+						"top",
+						"height",
+						"left",
+						"width",
+						"z-index"
+					])) : N("", !0),
+					X(re) && X(re).dayKey === n.date.toString() && X(w).draggedEvent.value ? (U(), M(Et, {
+						key: 1,
+						variant: "invalid",
+						event: X(w).draggedEvent.value,
+						positioned: b,
+						bg: Ve(X(w).draggedEvent.value),
+						border: He(X(w).draggedEvent.value),
+						title: Re(X(w).draggedEvent.value),
+						"snapping-back": X(w).snappingBack.value,
+						density: m.value,
+						top: Te(X(re).startMinutes),
+						height: Math.max(16, H(X(re).durationMinutes)),
+						left: "calc(0% + 4px)",
+						width: "calc(100% - 8px)",
+						"z-index": 100
+					}, null, 8, [
+						"event",
+						"bg",
+						"border",
+						"title",
+						"snapping-back",
+						"density",
+						"top",
+						"height"
+					])) : N("", !0),
+					Me(n.date) && ke.value !== null ? (U(), M(jt, {
+						key: 2,
+						"top-px": Te(ke.value)
+					}, null, 8, ["top-px"])) : N("", !0)
+				]),
+				_: 2
+			}, 1032, [
+				"day",
+				"is-today",
+				"is-weekend",
+				"height-px",
+				"slot-height-px",
+				"render-buffer-offset-px"
+			]))), 128))], 512)], 4)
+		], 10, Vt));
+	}
+}), [["__scopeId", "data-v-49edd9f1"]]), $t = { class: "coar-day-view" }, en = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarDayView",
+	props: { builder: {} },
+	setup(e) {
+		let t = e;
+		Ze(t.builder, { view: "day" }), we(() => {
+			t.builder.state.view.value !== "day" && (t.builder.state.view.value = "day");
+		});
+		let n = j(() => [t.builder.state.date.value]);
+		return (t, r) => (U(), P("div", $t, [I(Qt, {
+			builder: e.builder,
+			dates: n.value
+		}, he({ _: 2 }, [t.$slots.event ? {
+			name: "event",
+			fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+			key: "0"
+		} : void 0, t.$slots.dayHeader ? {
+			name: "dayHeader",
+			fn: Q((e) => [K(t.$slots, "dayHeader", B(ve(e)), void 0, !0)]),
+			key: "1"
+		} : void 0]), 1032, ["builder", "dates"])]));
+	}
+}), [["__scopeId", "data-v-5a323d36"]]), tn = { class: "coar-week-view" }, nn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarWeekView",
+	props: { builder: {} },
+	setup(e, { expose: t }) {
+		let n = e;
+		Ze(n.builder, { view: "week" }), we(() => {
+			n.builder.state.view.value !== "week" && (n.builder.state.view.value = "week");
+		});
+		let i = je(), a = j(() => Y(n.builder.state.locale) ?? i?.language.value ?? "en-US"), o = j(() => Y(n.builder.state.firstDayOfWeek) ?? r(a.value)), c = j(() => s(n.builder.state.date.value, o.value));
+		return t({ getVisibleRange() {
+			let e = c.value;
+			return {
+				start: e[0],
+				end: e[e.length - 1]
+			};
+		} }), (t, n) => (U(), P("div", tn, [I(Qt, {
+			builder: e.builder,
+			dates: c.value
+		}, he({ _: 2 }, [
+			t.$slots.event ? {
+				name: "event",
+				fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+				key: "0"
+			} : void 0,
+			t.$slots.allDayEvent ? {
+				name: "allDayEvent",
+				fn: Q((e) => [K(t.$slots, "allDayEvent", B(ve(e)), void 0, !0)]),
+				key: "1"
+			} : void 0,
+			t.$slots.dayHeader ? {
+				name: "dayHeader",
+				fn: Q((e) => [K(t.$slots, "dayHeader", B(ve(e)), void 0, !0)]),
+				key: "2"
+			} : void 0
+		]), 1032, ["builder", "dates"])]));
+	}
+}), [["__scopeId", "data-v-3f269ddb"]]), rn = 20, an = 2, on = 24, sn = 76, cn = 100, ln = 300;
+function un(e) {
+	function t(e) {
+		return on + e * (rn + an);
+	}
+	let n = j(() => e.layout.value.weekRows.map((e) => e.multiDayBars.length === 0 ? on : on + e.multiDayBars[0].laneCount * (rn + an))), r = W(/* @__PURE__ */ new Set()), i = j(() => n.value.map((e, t) => r.value.has(t) ? ln : Math.max(cn, e + sn)));
+	function a(e) {
+		r.value.has(e) || (r.value = new Set([e]));
+	}
+	function o(e) {
+		if (!r.value.has(e)) return;
+		let t = new Set(r.value);
+		t.delete(e), r.value = t;
+	}
+	let s = W(/* @__PURE__ */ new Set());
+	function c() {
+		let t = e.gridRef.value;
+		if (!t) return;
+		let n = /* @__PURE__ */ new Set();
+		t.querySelectorAll("[data-day-key]").forEach((e) => {
+			let t = e.querySelector(".coar-month-cell__pills");
+			if (t && t.scrollHeight > t.clientHeight + 1) {
+				let t = e.getAttribute("data-day-key");
+				t && n.add(t);
+			}
+		});
+		let r = s.value;
+		if (r.size === n.size) {
+			let e = !0;
+			for (let t of n) if (!r.has(t)) {
+				e = !1;
+				break;
+			}
+			if (e) return;
+		}
+		s.value = n;
+	}
+	return Z([
+		e.layout,
+		i,
+		r
+	], () => Se(c), { deep: !1 }), we(() => {
+		Se(c), window.addEventListener("resize", c);
+	}), Ce(() => {
+		window.removeEventListener("resize", c);
+	}), Z(e.resetToken, () => {
+		r.value = /* @__PURE__ */ new Set();
+	}), {
+		BAR_HEIGHT: rn,
+		BAR_GAP: an,
+		DAY_NUMBER_HEIGHT: on,
+		barTopPx: t,
+		rowBarHeightsPx: n,
+		rowHeightPx: i,
+		expandedRows: r,
+		expandRow: a,
+		collapseRow: o,
+		overflowingCells: s
+	};
+}
+//#endregion
+//#region src/components/internal/month/CoarMonthPill.vue?vue&type=script&setup=true&lang.ts
+var dn = [
+	"data-event-id",
+	"tabindex",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], fn = { class: "coar-month-pill__title" }, pn = { class: "coar-month-pill__title" }, mn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthPill",
+	props: {
+		event: {},
+		pill: {},
+		variant: { default: "live" },
+		bg: {},
+		border: {},
+		title: {},
+		displayZone: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		snappingBack: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		kbdActive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"pointerdown",
+		"keydown",
+		"dblclick"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = j(() => n.variant === "live" || n.variant === "preview");
+		function o(e) {
+			i.value && r("pointerdown", e);
+		}
+		function s(e) {
+			i.value && r("keydown", e);
+		}
+		function c(e) {
+			i.value && (e.stopPropagation(), r("dblclick", e));
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-month-pill", {
+				"coar-month-pill--ghost": e.variant === "preview",
+				"coar-month-pill--source-phantom": e.variant === "phantom",
+				"coar-month-pill--invalid": e.variant === "invalid",
+				"coar-month-pill--snap-back": e.variant === "invalid" && e.snappingBack,
+				"coar-month-pill--density-compact": e.density === "compact"
+			}]),
+			style: V({
+				background: e.bg,
+				borderLeft: `3px solid ${e.border}`
+			}),
+			"data-event-id": i.value ? e.event.id : void 0,
+			tabindex: i.value ? 0 : -1,
+			role: i.value ? "button" : void 0,
+			"aria-label": i.value ? e.ariaLabel : void 0,
+			"aria-hidden": i.value ? void 0 : "true",
+			onPointerdown: o,
+			onKeydown: s,
+			onDblclick: c
+		}, [a.value ? K(t.$slots, "default", {
+			key: 0,
+			event: e.event,
+			pill: e.pill
+		}, () => [I(vt, {
+			event: e.event,
+			"display-zone": e.displayZone,
+			size: "xs"
+		}, null, 8, ["event", "display-zone"]), F("span", fn, J(e.title), 1)], !0) : (U(), P(A, { key: 1 }, [I(vt, {
+			event: e.event,
+			"display-zone": e.displayZone,
+			size: "xs"
+		}, null, 8, ["event", "display-zone"]), F("span", pn, J(e.title), 1)], 64))], 46, dn));
+	}
+}), [["__scopeId", "data-v-037f7ee1"]]), hn = [
+	"data-event-id",
+	"tabindex",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], gn = { class: "coar-month-bar__title" }, _n = { class: "coar-month-bar__title" }, vn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthBar",
+	props: {
+		event: {},
+		bar: {},
+		variant: { default: "live" },
+		bg: {},
+		border: {},
+		title: {},
+		displayZone: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		snappingBack: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		top: {},
+		left: {},
+		width: {},
+		height: {},
+		zIndex: {},
+		clippedStart: {
+			type: Boolean,
+			default: !1
+		},
+		clippedEnd: {
+			type: Boolean,
+			default: !1
+		},
+		kbdActive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"pointerdown",
+		"keydown",
+		"dblclick",
+		"startResize",
+		"endResize"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = j(() => n.variant === "live" || n.variant === "preview"), o = j(() => i.value && !n.clippedStart), s = j(() => i.value && !n.clippedEnd), c = j(() => n.clippedStart ? "none" : `3px solid ${n.border}`);
+		function l(e) {
+			i.value && r("pointerdown", e);
+		}
+		function u(e) {
+			i.value && r("keydown", e);
+		}
+		function d(e) {
+			i.value && (e.stopPropagation(), r("dblclick", e));
+		}
+		function f(e) {
+			e.stopPropagation(), r("startResize", e);
+		}
+		function p(e) {
+			e.stopPropagation(), r("endResize", e);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-month-bar", {
+				"coar-month-bar--clipped-start": e.clippedStart,
+				"coar-month-bar--clipped-end": e.clippedEnd,
+				"coar-month-bar--ghost": e.variant === "preview",
+				"coar-month-bar--source-phantom": e.variant === "phantom",
+				"coar-month-bar--invalid": e.variant === "invalid",
+				"coar-month-bar--snap-back": e.variant === "invalid" && e.snappingBack,
+				"coar-month-bar--density-compact": e.density === "compact"
+			}]),
+			style: V({
+				top: e.top + "px",
+				left: e.left,
+				width: e.width,
+				height: e.height + "px",
+				background: e.bg,
+				borderLeft: c.value,
+				zIndex: e.zIndex
+			}),
+			"data-event-id": i.value ? e.event.id : void 0,
+			tabindex: i.value ? 0 : -1,
+			role: i.value ? "button" : void 0,
+			"aria-label": i.value ? e.ariaLabel : void 0,
+			"aria-hidden": i.value ? void 0 : "true",
+			onPointerdown: l,
+			onKeydown: u,
+			onDblclick: d
+		}, [
+			o.value ? (U(), P("div", {
+				key: 0,
+				class: "coar-month-bar__resize coar-month-bar__resize--start",
+				"aria-hidden": "true",
+				onPointerdown: f
+			}, null, 32)) : N("", !0),
+			a.value ? K(t.$slots, "default", {
+				key: 1,
+				event: e.event,
+				bar: e.bar
+			}, () => [e.clippedStart ? N("", !0) : (U(), M(vt, {
+				key: 0,
+				event: e.event,
+				"display-zone": e.displayZone,
+				size: "xs"
+			}, null, 8, ["event", "display-zone"])), F("span", gn, J(e.title), 1)], !0) : (U(), P(A, { key: 2 }, [e.clippedStart ? N("", !0) : (U(), M(vt, {
+				key: 0,
+				event: e.event,
+				"display-zone": e.displayZone,
+				size: "xs"
+			}, null, 8, ["event", "display-zone"])), F("span", _n, J(e.title), 1)], 64)),
+			s.value ? (U(), P("div", {
+				key: 3,
+				class: "coar-month-bar__resize coar-month-bar__resize--end",
+				"aria-hidden": "true",
+				onPointerdown: p
+			}, null, 32)) : N("", !0)
+		], 46, hn));
+	}
+}), [["__scopeId", "data-v-5ade6911"]]), yn = [
+	"data-day-key",
+	"aria-rowindex",
+	"aria-colindex",
+	"aria-label",
+	"aria-current"
+], bn = { class: "coar-month-cell__day-number-row" }, xn = { class: "coar-month-cell__day-number" }, Sn = ["aria-label", "aria-expanded"], Cn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthCell",
+	props: {
+		day: {},
+		dayKey: {},
+		isToday: {
+			type: Boolean,
+			default: !1
+		},
+		isOtherMonth: {
+			type: Boolean,
+			default: !1
+		},
+		isWeekend: {
+			type: Boolean,
+			default: !1
+		},
+		pillsMarginTopPx: {},
+		menuOpenForThisCell: {
+			type: Boolean,
+			default: !1
+		},
+		kebabAriaLabel: {},
+		density: { default: "comfortable" },
+		ariaRowIndex: {},
+		ariaColIndex: {},
+		ariaLabel: {}
+	},
+	emits: [
+		"cellPointerdown",
+		"cellContextmenu",
+		"kebabClick"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = j(() => n.menuOpenForThisCell ? "true" : "false");
+		function a(e) {
+			r("cellPointerdown", e, n.day);
+		}
+		function o(e) {
+			r("cellContextmenu", e, n.day);
+		}
+		function s(e) {
+			r("kebabClick", e, n.day);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-month-cell", {
+				"coar-month-cell--today": e.isToday,
+				"coar-month-cell--other-month": e.isOtherMonth,
+				"coar-month-cell--weekend": e.isWeekend,
+				"coar-month-cell--density-compact": e.density === "compact"
+			}]),
+			"data-day-key": e.dayKey,
+			role: "gridcell",
+			"aria-rowindex": e.ariaRowIndex,
+			"aria-colindex": e.ariaColIndex,
+			"aria-label": e.ariaLabel,
+			"aria-current": e.isToday ? "date" : void 0,
+			onPointerdown: a,
+			onContextmenu: o
+		}, [F("div", bn, [F("span", xn, J(e.day.day), 1), F("button", {
+			type: "button",
+			class: "coar-month-cell__menu-trigger",
+			"aria-label": e.kebabAriaLabel,
+			"aria-haspopup": "menu",
+			"aria-expanded": i.value,
+			onPointerdown: n[0] ||= ke(() => {}, ["stop"]),
+			onClick: ke(s, ["stop"])
+		}, [...n[1] ||= [F("svg", {
+			viewBox: "0 0 12 12",
+			width: "12",
+			height: "12",
+			"aria-hidden": "true"
+		}, [
+			F("circle", {
+				cx: "6",
+				cy: "2.5",
+				r: "1",
+				fill: "currentColor"
+			}),
+			F("circle", {
+				cx: "6",
+				cy: "6",
+				r: "1",
+				fill: "currentColor"
+			}),
+			F("circle", {
+				cx: "6",
+				cy: "9.5",
+				r: "1",
+				fill: "currentColor"
+			})
+		], -1)]], 40, Sn)]), F("div", {
+			class: "coar-month-cell__pills",
+			style: V({ marginTop: e.pillsMarginTopPx + "px" })
+		}, [K(t.$slots, "default", {}, void 0, !0)], 4)], 42, yn));
+	}
+}), [["__scopeId", "data-v-72760fa4"]]), wn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthRow",
+	props: {
+		heightPx: {},
+		density: { default: "comfortable" }
+	},
+	setup(e) {
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-month-row", { "coar-month-row--density-compact": e.density === "compact" }]),
+			style: V({ height: e.heightPx + "px" }),
+			role: "row"
+		}, [K(t.$slots, "default", {}, void 0, !0)], 6));
+	}
+}), [["__scopeId", "data-v-0d63c1bf"]]), Tn = { class: "coar-month-grid" }, En = {
+	class: "coar-month-grid__weekday-row",
+	role: "row",
+	"aria-rowindex": "1"
+}, Dn = ["aria-colindex"], On = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthGrid",
+	props: {
+		weekdayHeaders: {},
+		setRowsEl: { type: Function }
+	},
+	setup(e) {
+		return (t, n) => (U(), P("div", Tn, [F("div", En, [(U(!0), P(A, null, G(e.weekdayHeaders, (e, t) => (U(), P("div", {
+			key: t,
+			class: "coar-month-grid__weekday-cell",
+			role: "columnheader",
+			"aria-colindex": t + 1
+		}, J(e), 9, Dn))), 128))]), F("div", {
+			ref: (t) => e.setRowsEl(t),
+			class: "coar-month-grid__rows"
+		}, [K(t.$slots, "default", {}, void 0, !0)], 512)]));
+	}
+}), [["__scopeId", "data-v-d0d74cdf"]]), kn = ["aria-label", "aria-rowcount"], An = {
+	class: "coar-month-view__a11y-live",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, jn = {
+	key: 2,
+	class: "coar-month-view__pill-title"
+}, Mn = {
+	key: 2,
+	class: "coar-month-view__bar-title"
+}, Nn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarMonthView",
+	props: { builder: {} },
+	setup(e, { expose: t }) {
+		let i = e, { t: o } = Ae(), s = j(() => {
+			let e = i.builder.state;
+			return {
+				events: e.events ? Y(e.events) : [],
+				timezone: Y(e.timezone),
+				locale: Y(e.locale),
+				firstDayOfWeek: Y(e.firstDayOfWeek),
+				density: Y(e.density),
+				dateStyle: Y(e.dateStyle),
+				timeStyle: Y(e.timeStyle),
+				hour12: Y(e.hour12),
+				dstPolicy: Y(e.dstPolicy),
+				canDrop: e.canDrop,
+				eventRenderer: e.eventRenderer,
+				maxEventsPerCell: Y(e.maxEventsPerCell)
+			};
+		}), c = j(() => i.builder.state.date.value), l = je(), u = j(() => s.value.locale ?? l?.language.value ?? "en-US"), d = j(() => s.value.timezone), f = j(() => s.value.firstDayOfWeek ?? r(u.value));
+		Ze(i.builder, { view: "month" });
+		let m = j(() => {
+			let e = n.PlainDate.from(c.value);
+			return n.PlainYearMonth.from({
+				year: e.year,
+				month: e.month
+			});
+		}), h = j(() => a(m.value, f.value)), y = j(() => p(u.value, f.value, "short")), b = W(null);
+		function x(e) {
+			b.value = e;
+		}
+		let { dnd: S, workingEvents: ee, dragSourceSnapshot: C, invalidMonthGhost: w, isPreviewId: ne, isInvalidPillTarget: T, onMonthEventPointerdown: E, onMonthEventKeydown: re, keyboardDrag: D } = ot({
+			events: () => s.value.events,
+			gridDates: h,
+			gridRef: b,
+			timezone: () => d.value,
+			dstPolicy: () => s.value.dstPolicy,
+			canDrop: s.value.canDrop,
+			onEventClick: (e, t) => {
+				t && i.builder.state.onEventClick?.({
+					event: e,
+					native: t
+				});
+			},
+			onEventDrop: (e) => i.builder.state.onEventDrop?.(e),
+			onAnnounce: (e, t) => O(e, t)
+		}), ie = it();
+		function ae(e) {
+			let t = e.meta, n = (typeof t?.title == "string" ? t.title : void 0) ?? o("coar.calendar.a11y.unnamedEvent", void 0, "Event");
+			return o("coar.calendar.a11y.kbdPreviewLabel", { title: n }, `${n} preview — Arrow keys to move, Enter to commit, Escape to cancel`);
+		}
+		function oe(e) {
+			let t = e.meta;
+			return typeof t?.title == "string" ? t.title : o("coar.calendar.a11y.unnamedEvent", void 0, "Event");
+		}
+		function se(e) {
+			try {
+				let t = new Intl.DateTimeFormat(u.value, k({
+					weekday: "short",
+					day: "numeric",
+					month: "short",
+					timeZone: "UTC"
+				}, {
+					dateStyle: s.value.dateStyle,
+					hour12: s.value.hour12
+				})), n = /* @__PURE__ */ new Date(e.target.date + "T00:00:00Z");
+				return t.format(n);
+			} catch {
+				return e.target.date;
+			}
+		}
+		function O(e, t) {
+			if (e === "cancelled") {
+				ie.announce(o("coar.calendar.a11y.moveCancelled", void 0, "Move cancelled"));
+				return;
+			}
+			if (!t) return;
+			let n = oe(t.event), r = se(t);
+			ie.announce(o("coar.calendar.a11y.eventMovedTo", {
+				title: n,
+				when: r
+			}, `${n} moved to ${r}`));
+		}
+		let ce = j(() => te(ee.value, {
+			gridDates: h.value,
+			timezone: d.value
+		})), le = W(v(d.value));
+		function ue(e) {
+			return n.PlainDate.compare(e, le.value) === 0;
+		}
+		function de(e) {
+			return e.year !== m.value.year || e.month !== m.value.month;
+		}
+		function fe(e) {
+			return e.dayOfWeek === 6 || e.dayOfWeek === 7;
+		}
+		let { BAR_HEIGHT: pe, DAY_NUMBER_HEIGHT: me, barTopPx: he, rowBarHeightsPx: ge, rowHeightPx: L, expandedRows: _e, expandRow: ve, collapseRow: ye } = un({
+			layout: ce,
+			gridRef: b,
+			resetToken: m
+		}), be = Re(), R = W(null), xe = W(null), Se = W(!1);
+		function B(e, t, n) {
+			let r = e.currentTarget;
+			if (!r) return;
+			let i = r.getBoundingClientRect();
+			R.value = t, xe.value = g(n), Se.value = !0, be.open({
+				clientX: i.left,
+				clientY: i.bottom + 4
+			});
+		}
+		function V(e, t, n) {
+			R.value = t, xe.value = g(n), Se.value = !1, be.open(e);
+		}
+		Z(() => be.isOpen.value, (e) => {
+			e || (Se.value = !1);
+		}), Z(m, () => {
+			be.close(), R.value = null, xe.value = null, Se.value = !1;
+		});
+		let Ce = j(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of ce.value.weekRows) for (let n of t.days) {
+				let r = g(n);
+				e.set(r, t.cellPills.get(r) ?? []);
+			}
+			return e;
+		});
+		function we(e) {
+			return Ce.value.get(g(e)) ?? [];
+		}
+		function H(e) {
+			let t = e.meta;
+			return typeof t?.title == "string" ? t.title : "(untitled)";
+		}
+		function Te(e) {
+			let t = e.meta;
+			return typeof t?.color == "string" ? t.color : void 0;
+		}
+		function q(e) {
+			return Te(e) ?? "var(--coar-color-accent-soft, #93c5fd)";
+		}
+		function Ee(e) {
+			return Te(e) ?? "var(--coar-color-accent, #2563eb)";
+		}
+		let De = j(() => new Intl.DateTimeFormat(u.value, k({
+			weekday: "long",
+			day: "numeric",
+			month: "long",
+			year: "numeric",
+			timeZone: "UTC"
+		}, {
+			dateStyle: s.value.dateStyle,
+			hour12: s.value.hour12
+		})));
+		function Oe(e) {
+			return De.value.format(new Date(Date.UTC(e.year, e.month - 1, e.day)));
+		}
+		function ke(e) {
+			let t = H(e), n = {
+				dateStyle: s.value.dateStyle,
+				timeStyle: s.value.timeStyle,
+				hour12: s.value.hour12
+			};
+			try {
+				if (_(e)) {
+					let r = new Intl.DateTimeFormat(u.value, k({
+						weekday: "short",
+						day: "numeric",
+						month: "short",
+						timeZone: "UTC"
+					}, n)), i = e.start, a = new Date(Date.UTC(i.year, i.month - 1, i.day)), o = e.end ?? i, s = new Date(Date.UTC(o.year, o.month - 1, o.day));
+					return `${t}, ${r.format(a)} – ${r.format(s)}`;
+				}
+				return `${t}, ${new Intl.DateTimeFormat(u.value, k({
+					weekday: "short",
+					day: "numeric",
+					month: "short",
+					hour: "numeric",
+					minute: "2-digit",
+					timeZone: d.value
+				}, n)).format(new Date(e.start.epochMilliseconds))}`;
+			} catch {
+				return t;
+			}
+		}
+		function Me(e, t) {
+			i.builder.state.onDateClick?.({
+				date: t,
+				native: e
+			});
+		}
+		let Pe = {
+			event: {
+				id: "__phantom__",
+				start: "1970-01-01"
+			},
+			order: 0
+		}, Ie = {
+			event: {
+				id: "__phantom__",
+				start: "1970-01-01"
+			},
+			lane: 0,
+			laneCount: 1,
+			startCol: 0,
+			endCol: 0,
+			clippedStart: !1,
+			clippedEnd: !1
+		};
+		return t({ getLayout: () => ce.value }), (e, t) => (U(), P("div", {
+			class: z(["coar-month-view", [`coar-month-view--density-${s.value.density}`]]),
+			role: "grid",
+			"aria-label": X(o)("coar.calendar.month.gridLabel", void 0, "Month grid"),
+			"aria-rowcount": ce.value.weekRows.length + 1,
+			"aria-colcount": 7
+		}, [
+			F("div", An, J(X(ie).message.value), 1),
+			I(On, {
+				"weekday-headers": y.value,
+				"set-rows-el": x
+			}, {
+				default: Q(() => [(U(!0), P(A, null, G(ce.value.weekRows, (t, n) => (U(), M(wn, {
+					key: t.weekStart.toString(),
+					"height-px": X(L)[n],
+					density: s.value.density
+				}, {
+					default: Q(() => [
+						(U(!0), P(A, null, G(t.days, (t, r) => (U(), M(Cn, {
+							key: t.toString(),
+							day: t,
+							"day-key": X(g)(t),
+							"is-today": ue(t),
+							"is-other-month": de(t),
+							"is-weekend": fe(t),
+							"pills-margin-top-px": X(ge)[n] - X(me),
+							"menu-open-for-this-cell": X(be).isOpen.value && Se.value && xe.value === X(g)(t),
+							"kebab-aria-label": X(o)("coar.calendar.month.cellMenu", void 0, "Day actions"),
+							density: s.value.density,
+							"aria-row-index": n + 2,
+							"aria-col-index": r + 1,
+							"aria-label": Oe(t),
+							onCellPointerdown: (e) => Me(e, t),
+							onCellContextmenu: (e) => V(e, n, t),
+							onKebabClick: (e) => B(e, n, t)
+						}, {
+							default: Q(() => [
+								(U(!0), P(A, null, G(we(t), (t) => (U(), M(mn, {
+									key: t.event.id,
+									event: t.event,
+									pill: t,
+									variant: X(ne)(t.event.id) ? "preview" : "live",
+									"kbd-active": X(D) !== null,
+									bg: q(t.event),
+									border: Ee(t.event),
+									title: H(t.event),
+									"display-zone": d.value,
+									"aria-label": X(ne)(t.event.id) && X(D) ? ae(t.event) : ke(t.event),
+									density: s.value.density,
+									onPointerdown: (e) => X(E)(e, t.event),
+									onKeydown: (e) => X(re)(e, t.event),
+									onDblclick: (e) => i.builder.state.onEventDoubleClick?.({
+										event: t.event,
+										native: e
+									})
+								}, {
+									default: Q(({ event: t, pill: n }) => [e.$slots.pill ? K(e.$slots, "pill", {
+										key: 0,
+										event: t,
+										pill: n
+									}, void 0, !0) : s.value.pillRenderer ?? s.value.eventRenderer ? (U(), M(X(dt), {
+										key: 1,
+										renderer: s.value.pillRenderer ?? s.value.eventRenderer,
+										ctx: {
+											event: t,
+											view: "month",
+											layout: {
+												kind: "monthPill",
+												layout: n
+											}
+										}
+									}, null, 8, ["renderer", "ctx"])) : (U(), P("span", jn, J(H(t)), 1))]),
+									_: 2
+								}, 1032, [
+									"event",
+									"pill",
+									"variant",
+									"kbd-active",
+									"bg",
+									"border",
+									"title",
+									"display-zone",
+									"aria-label",
+									"density",
+									"onPointerdown",
+									"onKeydown",
+									"onDblclick"
+								]))), 128)),
+								X(C) && X(C).bars.length === 0 && X(C).pillCells.includes(X(g)(t)) ? (U(), M(mn, {
+									key: 0,
+									variant: "phantom",
+									event: X(C).event,
+									pill: Pe,
+									bg: q(X(C).event),
+									border: Ee(X(C).event),
+									title: H(X(C).event),
+									"display-zone": d.value,
+									density: s.value.density
+								}, null, 8, [
+									"event",
+									"bg",
+									"border",
+									"title",
+									"display-zone",
+									"density"
+								])) : N("", !0),
+								X(T)(t) && X(S).draggedEvent.value ? (U(), M(mn, {
+									key: 1,
+									variant: "invalid",
+									event: X(S).draggedEvent.value,
+									pill: Pe,
+									bg: q(X(S).draggedEvent.value),
+									border: Ee(X(S).draggedEvent.value),
+									title: H(X(S).draggedEvent.value),
+									"display-zone": d.value,
+									"snapping-back": X(S).snappingBack.value,
+									density: s.value.density
+								}, null, 8, [
+									"event",
+									"bg",
+									"border",
+									"title",
+									"display-zone",
+									"snapping-back",
+									"density"
+								])) : N("", !0)
+							]),
+							_: 2
+						}, 1032, [
+							"day",
+							"day-key",
+							"is-today",
+							"is-other-month",
+							"is-weekend",
+							"pills-margin-top-px",
+							"menu-open-for-this-cell",
+							"kebab-aria-label",
+							"density",
+							"aria-row-index",
+							"aria-col-index",
+							"aria-label",
+							"onCellPointerdown",
+							"onCellContextmenu",
+							"onKebabClick"
+						]))), 128)),
+						(U(!0), P(A, null, G(t.multiDayBars, (t) => (U(), M(vn, {
+							key: t.event.id,
+							event: t.event,
+							bar: t,
+							variant: X(ne)(t.event.id) ? "preview" : "live",
+							"kbd-active": X(D) !== null,
+							bg: q(t.event),
+							border: Ee(t.event),
+							title: H(t.event),
+							"display-zone": d.value,
+							"aria-label": X(ne)(t.event.id) && X(D) ? ae(t.event) : ke(t.event),
+							density: s.value.density,
+							top: X(he)(t.lane),
+							left: `calc(${t.startCol / 7 * 100}% + 2px)`,
+							width: `calc(${(t.endCol - t.startCol + 1) / 7 * 100}% - 4px)`,
+							height: X(pe),
+							"z-index": X(ne)(t.event.id) ? 100 : t.lane + 1,
+							"clipped-start": t.clippedStart,
+							"clipped-end": t.clippedEnd,
+							onPointerdown: (e) => X(E)(e, t.event),
+							onKeydown: (e) => X(re)(e, t.event),
+							onDblclick: (e) => i.builder.state.onEventDoubleClick?.({
+								event: t.event,
+								native: e
+							}),
+							onStartResize: (e) => X(S).startMonthResizeStart(t.event)(e),
+							onEndResize: (e) => X(S).startMonthResizeEnd(t.event)(e)
+						}, {
+							default: Q(({ event: t, bar: n }) => [e.$slots.multiDayBar ? K(e.$slots, "multiDayBar", {
+								key: 0,
+								event: t,
+								bar: n
+							}, void 0, !0) : s.value.barRenderer ?? s.value.eventRenderer ? (U(), M(X(dt), {
+								key: 1,
+								renderer: s.value.barRenderer ?? s.value.eventRenderer,
+								ctx: {
+									event: t,
+									view: "month",
+									layout: {
+										kind: "monthBar",
+										layout: n
+									}
+								}
+							}, null, 8, ["renderer", "ctx"])) : (U(), P("span", Mn, J(H(t)), 1))]),
+							_: 3
+						}, 8, [
+							"event",
+							"bar",
+							"variant",
+							"kbd-active",
+							"bg",
+							"border",
+							"title",
+							"display-zone",
+							"aria-label",
+							"density",
+							"top",
+							"left",
+							"width",
+							"height",
+							"z-index",
+							"clipped-start",
+							"clipped-end",
+							"onPointerdown",
+							"onKeydown",
+							"onDblclick",
+							"onStartResize",
+							"onEndResize"
+						]))), 128)),
+						(U(!0), P(A, null, G(X(C) && X(C).bars.length > 0 ? X(C).bars.filter((e) => e.rowIndex === n) : [], (e) => (U(), M(vn, {
+							key: `phantom-${e.startCol}-${e.endCol}`,
+							variant: "phantom",
+							event: X(C).event,
+							bar: Ie,
+							bg: q(X(C).event),
+							border: Ee(X(C).event),
+							title: H(X(C).event),
+							"display-zone": d.value,
+							density: s.value.density,
+							top: X(he)(e.lane),
+							left: `calc(${e.startCol / 7 * 100}% + 2px)`,
+							width: `calc(${(e.endCol - e.startCol + 1) / 7 * 100}% - 4px)`,
+							height: X(pe),
+							"z-index": e.lane + 1,
+							"clipped-start": e.clippedStart,
+							"clipped-end": e.clippedEnd
+						}, null, 8, [
+							"event",
+							"bg",
+							"border",
+							"title",
+							"display-zone",
+							"density",
+							"top",
+							"left",
+							"width",
+							"height",
+							"z-index",
+							"clipped-start",
+							"clipped-end"
+						]))), 128)),
+						X(w) && X(w).rowIndex === n && X(w).isBar && X(S).draggedEvent.value ? (U(), M(vn, {
+							key: 0,
+							variant: "invalid",
+							event: X(S).draggedEvent.value,
+							bar: Ie,
+							bg: q(X(S).draggedEvent.value),
+							border: Ee(X(S).draggedEvent.value),
+							title: H(X(S).draggedEvent.value),
+							"display-zone": d.value,
+							"snapping-back": X(S).snappingBack.value,
+							density: s.value.density,
+							top: X(he)(0),
+							left: `calc(${X(w).startCol / 7 * 100}% + 2px)`,
+							width: `calc(${(X(w).endCol - X(w).startCol + 1) / 7 * 100}% - 4px)`,
+							height: X(pe),
+							"z-index": 100
+						}, null, 8, [
+							"event",
+							"bg",
+							"border",
+							"title",
+							"display-zone",
+							"snapping-back",
+							"density",
+							"top",
+							"left",
+							"width",
+							"height"
+						])) : N("", !0)
+					]),
+					_: 2
+				}, 1032, ["height-px", "density"]))), 128))]),
+				_: 3
+			}, 8, ["weekday-headers"]),
+			I(X(Ne), { menu: X(be) }, {
+				default: Q(() => [R.value !== null && !X(_e).has(R.value) ? (U(), M(X(Fe), {
+					key: 0,
+					label: X(o)("coar.calendar.month.expandRow", void 0, "Show more events"),
+					onClick: t[0] ||= (e) => R.value !== null && X(ve)(R.value)
+				}, null, 8, ["label"])) : N("", !0), R.value !== null && X(_e).has(R.value) ? (U(), M(X(Fe), {
+					key: 1,
+					label: X(o)("coar.calendar.month.collapseRow", void 0, "Show fewer events"),
+					onClick: t[1] ||= (e) => R.value !== null && X(ye)(R.value)
+				}, null, 8, ["label"])) : N("", !0)]),
+				_: 1
+			}, 8, ["menu"])
+		], 10, kn));
+	}
+}), [["__scopeId", "data-v-06e4bae9"]]), Pn = ["data-y"], Fn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "VirtualizedSurface1DY",
+	props: {
+		itemCount: {},
+		estimatedItemSize: {},
+		fixedItemSize: { default: void 0 },
+		overscan: { default: 3 },
+		anchor: { default: "auto" }
+	},
+	emits: ["rangeChange", "scroll"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = j(() => r.fixedItemSize !== void 0), o = W(null), s = W(0), c = W(0), l = q(null);
+		function u() {
+			return l.value ||= new ue(r.itemCount, r.estimatedItemSize), l.value;
+		}
+		let d = W(0), f = j(() => a.value ? r.itemCount * r.fixedItemSize : (d.value, l.value ? l.value.totalSize() : r.itemCount * r.estimatedItemSize)), p = j(() => {
+			if (a.value) {
+				let e = r.fixedItemSize;
+				if (r.itemCount === 0 || e === 0) return {
+					startIndex: 0,
+					endIndex: 0,
+					offset: 0,
+					totalSize: 0
+				};
+				let t = r.itemCount * e, n = Math.max(0, Math.min(s.value, t)), i = Math.floor(n / e), a = n + c.value >= t ? r.itemCount - 1 : Math.floor((n + c.value) / e), o = Math.max(0, i - Math.floor(r.overscan));
+				return {
+					startIndex: o,
+					endIndex: Math.min(r.itemCount, a + 1 + Math.floor(r.overscan)),
+					offset: o * e,
+					totalSize: t
+				};
+			}
+			return d.value, ee(u(), s.value, c.value, r.overscan);
+		}), m = j(() => {
+			let e = p.value, t = [];
+			for (let n = e.startIndex; n < e.endIndex; n++) t.push(n);
+			return t;
+		});
+		function h(e) {
+			return a.value ? e * r.fixedItemSize : l.value ? l.value.prefixSum(e) : e * r.estimatedItemSize;
+		}
+		Z(p, (e) => {
+			i("rangeChange", e);
+		}, { immediate: !1 });
+		let g = !1;
+		function _(e) {
+			g || (g = !0, requestAnimationFrame(() => {
+				g = !1;
+				let t = e.target;
+				s.value = t.scrollTop, i("scroll", t.scrollTop);
+			}));
+		}
+		let v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Map(), b = !1, x = null;
+		function S() {
+			x || a.value || typeof ResizeObserver > "u" || (x = new ResizeObserver((e) => {
+				for (let t of e) {
+					let e = v.get(t.target);
+					if (!e) continue;
+					let n = t.contentRect.height, i = l.value, a = i && i.has(e.index) ? i.get(e.index) : r.estimatedItemSize;
+					Math.abs(n - a) < .5 || y.set(e.index, n);
+				}
+				y.size > 0 && w();
+			}));
+		}
+		let C = {
+			mounted(e, t) {
+				a.value || (S(), x && (v.set(e, { index: t.value }), x.observe(e)));
+			},
+			updated(e, t) {
+				let n = v.get(e);
+				n && n.index !== t.value && (n.index = t.value);
+			},
+			unmounted(e) {
+				x && x.unobserve(e), v.delete(e);
+			}
+		};
+		function te(e) {
+			if (r.anchor === null) return null;
+			if (typeof r.anchor == "number") return r.anchor;
+			if (r.itemCount === 0) return null;
+			if (a.value) {
+				let e = r.fixedItemSize;
+				return e <= 0 ? 0 : Math.min(r.itemCount - 1, Math.floor(s.value / e));
+			}
+			return e.indexAtOffset(s.value);
+		}
+		function w() {
+			b || (b = !0, requestAnimationFrame(ne));
+		}
+		function ne() {
+			if (b = !1, y.size === 0) return;
+			let e = u(), t = T(e), n = te(t);
+			for (let [t, n] of y) t >= 0 && t < e.itemCount && e.set(t, n);
+			if (y.clear(), d.value++, n !== null && o.value) {
+				let r = ce(t, e, n);
+				if (r !== 0) {
+					let e = o.value;
+					e.scrollTop += r, s.value = e.scrollTop;
+				}
+			}
+		}
+		function T(e) {
+			let t = new ue(e.itemCount, e.estimatedSize);
+			for (let n = 0; n < e.itemCount; n++) e.has(n) && t.set(n, e.get(n));
+			return t;
+		}
+		Z(() => r.itemCount, (e) => {
+			l.value && (l.value.resize(e), d.value++);
+		}), Z(() => r.estimatedItemSize, (e) => {
+			if (!l.value) return;
+			let t = l.value, n = new ue(t.itemCount, e);
+			for (let e = 0; e < t.itemCount; e++) t.has(e) && n.set(e, t.get(e));
+			l.value = n, d.value++;
+		});
+		let E = null;
+		return we(() => {
+			let e = o.value;
+			e && (c.value = e.clientHeight, s.value = e.scrollTop, typeof ResizeObserver < "u" && (E = new ResizeObserver(() => {
+				let t = e.clientHeight;
+				t !== c.value && (c.value = t);
+			}), E.observe(e)));
+		}), Ce(() => {
+			x?.disconnect(), E?.disconnect(), y.clear();
+		}), t({
+			getContainerElement: () => o.value,
+			getRange: () => p.value,
+			getFirstVisibleIndex() {
+				if (r.itemCount === 0) return 0;
+				if (a.value) {
+					let e = r.fixedItemSize;
+					return e <= 0 ? 0 : Math.min(r.itemCount - 1, Math.floor(s.value / e));
+				}
+				return l.value ? l.value.indexAtOffset(s.value) : Math.floor(s.value / r.estimatedItemSize);
+			},
+			scrollToIndex(e, t = "auto") {
+				let n = o.value;
+				if (!n) return;
+				let r = h(e);
+				n.scrollTo({
+					top: r,
+					behavior: t
+				});
+			},
+			getCache: () => l.value ? l.value : a.value ? (l.value = new ue(r.itemCount, r.fixedItemSize), l.value) : u()
+		}), (e, t) => (U(), P("div", {
+			ref_key: "containerRef",
+			ref: o,
+			class: "coar-virtualized-surface-1dy",
+			onScroll: _
+		}, [F("div", {
+			class: "coar-virtualized-surface-1dy__spacer",
+			style: V({ height: f.value + "px" })
+		}, [(U(!0), P(A, null, G(m.value, (t) => Oe((U(), P("div", {
+			key: t,
+			class: "coar-virtualized-surface-1dy__item",
+			style: V({ transform: `translateY(${h(t)}px)` }),
+			"data-y": t
+		}, [K(e.$slots, "item", { y: t }, void 0, !0)], 12, Pn)), [[C, t]])), 128))], 4)], 544));
+	}
+}), [["__scopeId", "data-v-50d47c8e"]]), In = ["role", "aria-level"], Ln = { class: "coar-agenda-day-header__label" }, Rn = {
+	key: 0,
+	class: "coar-agenda-day-header__today"
+}, zn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarAgendaDayHeader",
+	props: {
+		date: {},
+		item: {},
+		isToday: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		todayLabel: {},
+		floating: {
+			type: Boolean,
+			default: !1
+		},
+		transform: { default: "none" }
+	},
+	emits: ["pointerdown"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("pointerdown", e);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-agenda-day-header", {
+				"coar-agenda-day-header--today": e.isToday,
+				"coar-agenda-day-header--empty": e.item.isEmpty,
+				"coar-agenda-day-header--floating": e.floating
+			}]),
+			style: V(e.floating ? { transform: e.transform } : void 0),
+			role: e.floating ? "presentation" : "heading",
+			"aria-level": e.floating ? void 0 : 3,
+			onPointerdown: r
+		}, [K(t.$slots, "default", {
+			date: e.date,
+			item: e.item,
+			isToday: e.isToday
+		}, () => [F("span", Ln, J(e.label), 1), e.isToday ? (U(), P("span", Rn, J(e.todayLabel), 1)) : N("", !0)], !0)], 46, In));
+	}
+}), [["__scopeId", "data-v-990c502f"]]), Bn = { class: "coar-agenda-event__default" }, Vn = { class: "coar-agenda-event__time" }, Hn = { class: "coar-agenda-event__title" }, Un = {
+	key: 0,
+	class: "coar-agenda-event__continuation-tag"
+}, Wn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarAgendaEvent",
+	props: {
+		event: {},
+		item: {},
+		timeLabel: {},
+		title: {},
+		color: {},
+		continuationTag: {},
+		displayZone: {}
+	},
+	emits: ["pointerdown", "dblclick"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("pointerdown", e);
+		}
+		function i(e) {
+			e.stopPropagation(), n("dblclick", e);
+		}
+		return (t, n) => (U(), P("div", {
+			class: z(["coar-agenda-event", { "coar-agenda-event--continuation": e.item.isContinuation }]),
+			role: "listitem",
+			onPointerdown: r,
+			onDblclick: i
+		}, [K(t.$slots, "default", {
+			event: e.event,
+			item: e.item
+		}, () => [F("div", Bn, [
+			F("span", {
+				class: "coar-agenda-event__color",
+				style: V({ background: e.color })
+			}, null, 4),
+			F("span", Vn, J(e.timeLabel), 1),
+			F("span", Hn, [
+				I(vt, {
+					event: e.event,
+					"display-zone": e.displayZone,
+					size: "s"
+				}, null, 8, ["event", "display-zone"]),
+				ge(" " + J(e.title) + " ", 1),
+				e.item.isContinuation ? (U(), P("span", Un, J(e.continuationTag), 1)) : N("", !0)
+			])
+		])], !0)], 34));
+	}
+}), [["__scopeId", "data-v-8e1578ed"]]), Gn = ["aria-label"], Kn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarAgendaView",
+	props: {
+		builder: {},
+		estimatedItemSize: { default: 64 },
+		overscan: { default: 5 }
+	},
+	setup(e, { expose: t }) {
+		let r = e, { t: i } = Ae(), a = j(() => {
+			let e = r.builder.state;
+			return {
+				events: e.events ? Y(e.events) : [],
+				timezone: Y(e.timezone),
+				locale: Y(e.locale),
+				density: Y(e.density),
+				dateStyle: Y(e.dateStyle),
+				timeStyle: Y(e.timeStyle),
+				hour12: Y(e.hour12),
+				showEmptyDays: Y(e.showEmptyDays),
+				agendaLengthDays: Y(e.agendaLengthDays),
+				eventRenderer: e.eventRenderer
+			};
+		}), o = j(() => a.value.events), s = j(() => a.value.timezone), c = je(), l = j(() => a.value.locale ?? c?.language.value ?? "en-US"), u = j(() => a.value.density), d = j(() => a.value.showEmptyDays), f = j(() => a.value.agendaLengthDays), p = j(() => r.builder.state.date.value);
+		Ze(r.builder, { view: "agenda" });
+		let m = j(() => n.PlainDate.from(p.value.length >= 10 ? p.value.slice(0, 10) : p.value)), h = j(() => m.value.toString()), g = j(() => m.value.add({ days: f.value }).toString()), y = j(() => C(o.value, {
+			rangeStart: h.value,
+			rangeEnd: g.value,
+			timezone: s.value,
+			showEmptyDays: d.value
+		})), b = W(v(s.value));
+		De(() => {
+			b.value = v(s.value);
+		});
+		function x(e) {
+			return n.PlainDate.compare(e, b.value) === 0;
+		}
+		let S = j(() => new Intl.DateTimeFormat(l.value, k({
+			weekday: "long",
+			day: "numeric",
+			month: "long",
+			timeZone: "UTC"
+		}, {
+			dateStyle: a.value.dateStyle,
+			timeStyle: a.value.timeStyle,
+			hour12: a.value.hour12
+		}))), ee = j(() => new Intl.DateTimeFormat(l.value, k({
+			hour: "numeric",
+			minute: "2-digit",
+			timeZone: s.value
+		}, {
+			timeStyle: a.value.timeStyle,
+			hour12: a.value.hour12
+		})));
+		function te(e) {
+			let t = /* @__PURE__ */ new Date(e + "T00:00:00Z");
+			return S.value.format(t);
+		}
+		function w(e) {
+			return _(e) ? i("coar.calendar.agenda.allDay", void 0, "All day") : ee.value.format(new Date(e.start.epochMilliseconds));
+		}
+		function ne(e) {
+			let t = e.meta;
+			return typeof t?.title == "string" ? t.title : "(untitled)";
+		}
+		function T(e) {
+			let t = e.meta;
+			return typeof t?.color == "string" ? t.color : void 0;
+		}
+		function E(e) {
+			return T(e) ?? "var(--coar-color-accent, #2563eb)";
+		}
+		function re(e, t) {
+			r.builder.state.onEventClick?.({
+				event: t,
+				native: e
+			});
+		}
+		function D(e, t) {
+			r.builder.state.onDateClick?.({
+				date: n.PlainDate.from(t),
+				native: e
+			});
+		}
+		let ie = Ee("surface"), ae = W(0), oe = null;
+		function se() {
+			oe && (ae.value = oe.scrollTop);
+		}
+		we(() => {
+			let e = ie.value?.$el ?? null;
+			e && (oe = e, oe.addEventListener("scroll", se, { passive: !0 }), ae.value = oe.scrollTop), r.builder._setScrollToDate((e) => pe(e.toString()));
+		}), Ce(() => {
+			oe &&= (oe.removeEventListener("scroll", se), null), r.builder._setScrollToDate(void 0);
+		});
+		let O = W(0), ce = j(() => {
+			let e = ae.value;
+			if (y.value.length === 0) return null;
+			let t = ie.value;
+			if (!t) return null;
+			let n = t.getCache(), r = y.value, i = -1, a = -1, o = Infinity;
+			for (let t = 0; t < r.length; t++) {
+				if (r[t].kind !== "header") continue;
+				let s = n.prefixSum(t);
+				if (s <= e) i = t;
+				else {
+					a = t, o = s;
+					break;
+				}
+			}
+			if (i < 0) return null;
+			let s = 0;
+			if (a >= 0 && O.value > 0) {
+				let t = o - e;
+				t < O.value && (s = O.value - t);
+			}
+			return {
+				current: r[i],
+				pushOffset: s
+			};
+		}), le = j(() => ce.value?.current ?? null), ue = j(() => {
+			let e = ce.value?.pushOffset ?? 0;
+			return e > 0 ? `translateY(-${e}px)` : "none";
+		}), de = Ee("overlayEl");
+		function fe() {
+			let e = de.value;
+			e?.$el && (O.value = e.$el.offsetHeight);
+		}
+		De(fe);
+		function pe(e) {
+			let t = y.value.findIndex((t) => t.kind === "header" && t.date === e);
+			t >= 0 && ie.value?.scrollToIndex(t);
+		}
+		return t({
+			getItems: () => y.value,
+			scrollToDate: pe
+		}), (t, o) => (U(), P("div", {
+			class: z(["coar-agenda-view", [`coar-agenda-view--density-${u.value}`]]),
+			role: "region",
+			"aria-label": X(i)("coar.calendar.agenda.viewLabel", void 0, "Agenda view")
+		}, [le.value ? (U(), M(zn, {
+			key: 0,
+			ref: "overlayEl",
+			floating: "",
+			date: X(n).PlainDate.from(le.value.date),
+			item: le.value,
+			"is-today": x(X(n).PlainDate.from(le.value.date)),
+			label: te(le.value.date),
+			"today-label": X(i)("coar.calendar.agenda.todayBadge", void 0, "today"),
+			transform: ue.value,
+			onPointerdown: o[0] ||= (e) => D(e, le.value.date)
+		}, he({ _: 2 }, [t.$slots.dayGroupHeader || a.value.dayHeaderRenderer ? {
+			name: "default",
+			fn: Q((e) => [t.$slots.dayGroupHeader ? K(t.$slots, "dayGroupHeader", B(xe({ key: 0 }, e)), void 0, !0) : N("", !0)]),
+			key: "0"
+		} : void 0]), 1032, [
+			"date",
+			"item",
+			"is-today",
+			"label",
+			"today-label",
+			"transform"
+		])) : N("", !0), I(Fn, {
+			ref: "surface",
+			role: "list",
+			"aria-label": X(i)("coar.calendar.agenda.listLabel", void 0, "Agenda"),
+			"item-count": y.value.length,
+			"estimated-item-size": e.estimatedItemSize,
+			overscan: e.overscan,
+			class: "coar-agenda-view__surface"
+		}, {
+			item: Q(({ y: e }) => [y.value[e].kind === "header" ? (U(), M(zn, {
+				key: 0,
+				date: X(n).PlainDate.from(y.value[e].date),
+				item: y.value[e],
+				"is-today": x(X(n).PlainDate.from(y.value[e].date)),
+				label: te(y.value[e].date),
+				"today-label": X(i)("coar.calendar.agenda.todayBadge", void 0, "today"),
+				onPointerdown: (t) => D(t, y.value[e].date)
+			}, he({ _: 2 }, [t.$slots.dayGroupHeader ? {
+				name: "default",
+				fn: Q((e) => [K(t.$slots, "dayGroupHeader", B(ve(e)), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"date",
+				"item",
+				"is-today",
+				"label",
+				"today-label",
+				"onPointerdown"
+			])) : (U(), M(Wn, {
+				key: 1,
+				event: y.value[e].event,
+				item: y.value[e],
+				"time-label": w(y.value[e].event),
+				title: ne(y.value[e].event),
+				color: E(y.value[e].event),
+				"continuation-tag": X(i)("coar.calendar.agenda.continuationTag", void 0, "(cont.)"),
+				"display-zone": s.value,
+				onPointerdown: (t) => re(t, y.value[e].event),
+				onDblclick: (t) => r.builder.state.onEventDoubleClick?.({
+					event: y.value[e].event,
+					native: t
+				})
+			}, he({ _: 2 }, [t.$slots.event ? {
+				name: "default",
+				fn: Q((e) => [K(t.$slots, "event", B(ve(e)), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"event",
+				"item",
+				"time-label",
+				"title",
+				"color",
+				"continuation-tag",
+				"display-zone",
+				"onPointerdown",
+				"onDblclick"
+			]))]),
+			_: 3
+		}, 8, [
+			"aria-label",
+			"item-count",
+			"estimated-item-size",
+			"overscan"
+		])], 10, Gn));
+	}
+}), [["__scopeId", "data-v-19b1e099"]]), qn = { class: "coar-calendar__header" }, Jn = { class: "coar-calendar__nav" }, Yn = { class: "coar-calendar__range-label" }, Xn = 100, Zn = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "CoarCalendar",
+	props: { builder: {} },
+	setup(e) {
+		let t = e, i = j(() => {
+			let e = t.builder.state, n = Y(e.timeRange), r = [Math.floor(n.startMinutes / 60), Math.ceil(n.endMinutes / 60)];
+			return {
+				locale: Y(e.locale),
+				timezone: Y(e.timezone),
+				firstDayOfWeek: Y(e.firstDayOfWeek),
+				density: Y(e.density),
+				dateStyle: Y(e.dateStyle),
+				timeStyle: Y(e.timeStyle),
+				hour12: Y(e.hour12),
+				availableViews: Y(e.availableViews),
+				timeRange: r,
+				timeRangeMinutes: n,
+				slotDuration: Y(e.slotDuration),
+				pixelsPerHour: Y(e.pixelsPerHour),
+				agendaLengthDays: Y(e.agendaLengthDays),
+				showEmptyDays: Y(e.showEmptyDays),
+				maxEventsPerCell: Y(e.maxEventsPerCell),
+				dstPolicy: Y(e.dstPolicy),
+				canDrop: e.canDrop,
+				eventRenderer: e.eventRenderer,
+				dayHeaderRenderer: e.dayHeaderRenderer
+			};
+		}), a = t.builder.state.view, o = t.builder.state.date, s = je(), { t: c } = Ae(), l = j(() => i.value.locale ?? s?.language.value ?? "en-US"), u = j(() => o.value), d = j(() => i.value.firstDayOfWeek ?? r(l.value)), f = j(() => w({
+			view: a.value,
+			cursor: u.value,
+			firstDayOfWeek: d.value,
+			agendaLengthDays: i.value.agendaLengthDays,
+			timezone: i.value.timezone
+		})), p = () => t.builder.api.goToToday(), m = () => t.builder.api.next(), h = () => t.builder.api.prev(), g = (e) => t.builder.api.setView(e), _ = j(() => {
+			let e = f.value, t = n.PlainDate.from(e.start), r = n.PlainDate.from(e.end).subtract({ days: 1 }), o = l.value, s = {
+				dateStyle: i.value.dateStyle,
+				timeStyle: i.value.timeStyle,
+				hour12: i.value.hour12
+			};
+			switch (a.value) {
+				case "day": return new Intl.DateTimeFormat(o, k({
+					weekday: "long",
+					day: "numeric",
+					month: "long",
+					year: "numeric",
+					timeZone: "UTC"
+				}, s)).format(v(u.value));
+				case "week": return new Intl.DateTimeFormat(o, k({
+					month: "short",
+					day: "numeric",
+					year: "numeric",
+					timeZone: "UTC"
+				}, s)).formatRange(v(t), v(r));
+				case "month": return new Intl.DateTimeFormat(o, k({
+					year: "numeric",
+					month: "long",
+					timeZone: "UTC"
+				}, s)).format(v(u.value));
+				case "agenda": return new Intl.DateTimeFormat(o, k({
+					month: "short",
+					day: "numeric",
+					year: "numeric",
+					timeZone: "UTC"
+				}, s)).formatRange(v(t), v(r));
+				default: return "";
+			}
+		});
+		function v(e) {
+			return new Date(Date.UTC(e.year, e.month - 1, e.day));
+		}
+		let y = j(() => ({
+			day: c("coar.calendar.view.day", void 0, "Day"),
+			week: c("coar.calendar.view.week", void 0, "Week"),
+			month: c("coar.calendar.view.month", void 0, "Month"),
+			agenda: c("coar.calendar.view.agenda", void 0, "Agenda"),
+			timeline: c("coar.calendar.view.timeline", void 0, "Timeline"),
+			year: c("coar.calendar.view.year", void 0, "Year")
+		})), b = j(() => i.value.availableViews.map((e) => ({
+			value: e,
+			label: y.value[e]
+		}))), x = j(() => ({
+			prev: h,
+			next: m,
+			goToToday: p,
+			setView: g,
+			rangeLabel: _.value,
+			view: a.value,
+			available: i.value.availableViews
+		})), S = Ee("bodyEl"), ee = Ee("agendaView"), C = 0;
+		function te(e, t) {
+			if (f.value.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+				e.scrollTop = t;
+				return;
+			}
+			let n = e.scrollTop, r = t - n;
+			if (Math.abs(r) < 1) {
+				e.scrollTop = t;
+				return;
+			}
+			let i = performance.now(), a = ++C;
+			function o(t) {
+				if (a !== C) return;
+				let s = Math.min(1, (t - i) / Xn);
+				e.scrollTop = n + r * (1 - (1 - s) ** 3), s < 1 && requestAnimationFrame(o);
+			}
+			requestAnimationFrame(o);
+		}
+		return we(() => {
+			t.builder._setScrollToTime((e) => {
+				let t = e.hour;
+				if (a.value !== "day" && a.value !== "week") return;
+				let n = S.value;
+				if (!n) return;
+				let r = n.querySelector(`.coar-time-grid__hour-label[data-hour="${t}"]`);
+				if (!r) return;
+				let i = n.querySelector(".coar-time-grid__sticky-top"), o = n.getBoundingClientRect().top, s = i ? i.getBoundingClientRect().bottom : o, c = r.getBoundingClientRect().top;
+				te(n, n.scrollTop + (c - s));
+			}), t.builder._setScrollToDate((e) => {
+				a.value === "agenda" && ee.value?.scrollToDate?.(e.toString());
+			}), t.builder._setGridReady(!0);
+		}), Ce(() => {
+			t.builder._setScrollToTime(void 0), t.builder._setScrollToDate(void 0), t.builder._setGridReady(!1);
+		}), (e, n) => (U(), P("div", { class: z(["coar-calendar", [`coar-calendar--density-${i.value.density}`]]) }, [K(e.$slots, "header", {
+			view: X(a),
+			cursor: u.value,
+			range: f.value,
+			controls: x.value
+		}, () => [F("header", qn, [
+			K(e.$slots, "headerStart", { controls: x.value }, void 0, !0),
+			F("div", Jn, [
+				I(X(Me), {
+					variant: "secondary",
+					size: "s",
+					"icon-start": "chevron-left",
+					"aria-label": X(c)("coar.calendar.nav.previous", void 0, "Previous"),
+					onClick: h
+				}, null, 8, ["aria-label"]),
+				I(X(Me), {
+					variant: "secondary",
+					size: "s",
+					onClick: p
+				}, {
+					default: Q(() => [ge(J(X(c)("coar.calendar.nav.today", void 0, "Today")), 1)]),
+					_: 1
+				}),
+				I(X(Me), {
+					variant: "secondary",
+					size: "s",
+					"icon-start": "chevron-right",
+					"aria-label": X(c)("coar.calendar.nav.next", void 0, "Next"),
+					onClick: m
+				}, null, 8, ["aria-label"])
+			]),
+			F("span", Yn, J(_.value), 1),
+			n[1] ||= F("span", { class: "coar-calendar__spacer" }, null, -1),
+			K(e.$slots, "viewSwitcher", {
+				view: X(a),
+				available: i.value.availableViews,
+				setView: g
+			}, () => [I(X(Ie), {
+				modelValue: X(a),
+				"onUpdate:modelValue": n[0] ||= (e) => be(a) ? a.value = e : null,
+				options: b.value,
+				size: "s",
+				"aria-label": X(c)("coar.calendar.viewSwitcher.label", void 0, "Change view")
+			}, null, 8, [
+				"modelValue",
+				"options",
+				"aria-label"
+			])], !0),
+			K(e.$slots, "headerEnd", { controls: x.value }, void 0, !0)
+		])], !0), F("div", {
+			ref_key: "bodyEl",
+			ref: S,
+			class: z(["coar-calendar__body", `coar-calendar__body--${X(a)}`])
+		}, [X(a) === "day" ? (U(), M(en, {
+			key: 0,
+			builder: t.builder
+		}, he({ _: 2 }, [e.$slots.event ? {
+			name: "event",
+			fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+			key: "0"
+		} : void 0, e.$slots.dayHeader ? {
+			name: "dayHeader",
+			fn: Q((t) => [K(e.$slots, "dayHeader", B(ve(t)), void 0, !0)]),
+			key: "1"
+		} : void 0]), 1032, ["builder"])) : X(a) === "week" ? (U(), M(nn, {
+			key: 1,
+			builder: t.builder
+		}, he({ _: 2 }, [
+			e.$slots.event ? {
+				name: "event",
+				fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+				key: "0"
+			} : void 0,
+			e.$slots.allDayEvent ? {
+				name: "allDayEvent",
+				fn: Q((t) => [K(e.$slots, "allDayEvent", B(ve(t)), void 0, !0)]),
+				key: "1"
+			} : void 0,
+			e.$slots.dayHeader ? {
+				name: "dayHeader",
+				fn: Q((t) => [K(e.$slots, "dayHeader", B(ve(t)), void 0, !0)]),
+				key: "2"
+			} : void 0
+		]), 1032, ["builder"])) : X(a) === "month" ? (U(), M(Nn, {
+			key: 2,
+			builder: t.builder
+		}, he({ _: 2 }, [e.$slots.pill || e.$slots.event ? {
+			name: "pill",
+			fn: Q((t) => [e.$slots.pill ? K(e.$slots, "pill", B(xe({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
+				key: 1,
+				event: t.event,
+				view: X(a),
+				layout: t.pill
+			}, void 0, !0)]),
+			key: "0"
+		} : void 0, e.$slots.multiDayBar || e.$slots.event ? {
+			name: "multiDayBar",
+			fn: Q((t) => [e.$slots.multiDayBar ? K(e.$slots, "multiDayBar", B(xe({ key: 0 }, t)), void 0, !0) : K(e.$slots, "event", {
+				key: 1,
+				event: t.event,
+				view: X(a),
+				layout: t.bar
+			}, void 0, !0)]),
+			key: "1"
+		} : void 0]), 1032, ["builder"])) : X(a) === "agenda" ? (U(), M(Kn, {
+			key: 3,
+			ref: "agendaView",
+			builder: t.builder
+		}, he({ _: 2 }, [e.$slots.event ? {
+			name: "event",
+			fn: Q((t) => [K(e.$slots, "event", xe(t, { view: X(a) }), void 0, !0)]),
+			key: "0"
+		} : void 0]), 1032, ["builder"])) : N("", !0)], 2)], 2));
+	}
+}), [["__scopeId", "data-v-9ea7b027"]]), Qn = /* @__PURE__ */ L({
+	__name: "CoarDisplayZoneSwitcher",
+	props: {
+		modelValue: {},
+		options: { default: void 0 },
+		size: { default: "m" },
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = je()?.t ?? ((e, t, n) => n ?? ""), a = [
+			{
+				id: "Europe/Vienna",
+				label: "Vienna (Europe/Vienna)"
+			},
+			{
+				id: "Europe/Berlin",
+				label: "Berlin (Europe/Berlin)"
+			},
+			{
+				id: "Europe/London",
+				label: "London (Europe/London)"
+			},
+			{
+				id: "America/New_York",
+				label: "New York (America/New_York)"
+			},
+			{
+				id: "America/Los_Angeles",
+				label: "Los Angeles (America/Los_Angeles)"
+			},
+			{
+				id: "Asia/Tokyo",
+				label: "Tokyo (Asia/Tokyo)"
+			},
+			{
+				id: "UTC",
+				label: "UTC"
+			}
+		];
+		function o() {
+			try {
+				return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+			} catch {
+				return "UTC";
+			}
+		}
+		let s = j(() => {
+			if (n.options) return n.options;
+			let e = o(), t = i("coar.calendar.zoneSwitcher.browserSuffix", void 0, "browser"), r = a.map((e) => ({
+				value: e.id,
+				label: e.label
+			}));
+			return r.some((t) => t.value === e) || r.unshift({
+				value: e,
+				label: `${e} (${t})`
+			}), r;
+		}), c = j(() => i("coar.calendar.zoneSwitcher.label", void 0, "Display timezone"));
+		function l(e) {
+			e != null && r("update:modelValue", e);
+		}
+		return (t, n) => (U(), M(X(Le), {
+			"model-value": e.modelValue,
+			options: s.value,
+			size: e.size,
+			"full-width": e.fullWidth,
+			disabled: e.disabled,
+			"aria-label": c.value,
+			class: "coar-display-zone-switcher",
+			"onUpdate:modelValue": l
+		}, null, 8, [
+			"model-value",
+			"options",
+			"size",
+			"full-width",
+			"disabled",
+			"aria-label"
+		]));
+	}
+}), $n = ["data-x", "data-y"], er = /* @__PURE__ */ $(/* @__PURE__ */ L({
+	__name: "VirtualizedSurface2D",
+	props: {
+		itemCountX: {},
+		itemCountY: {},
+		cellWidth: {},
+		cellHeight: {},
+		overscanX: { default: 3 },
+		overscanY: { default: 3 }
+	},
+	emits: ["rangeChange", "scroll"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = W(null), o = W(0), s = W(0), c = W(0), l = W(0), u = j(() => new ue(r.itemCountX, r.cellWidth)), d = j(() => new ue(r.itemCountY, r.cellHeight)), f = j(() => ({
+			x: ee(u.value, o.value, c.value, r.overscanX),
+			y: ee(d.value, s.value, l.value, r.overscanY)
+		})), p = j(() => r.itemCountX * r.cellWidth), m = j(() => r.itemCountY * r.cellHeight), h = j(() => {
+			let e = f.value, t = r.cellWidth, n = r.cellHeight, i = [];
+			for (let a = e.y.startIndex; a < e.y.endIndex; a++) for (let o = e.x.startIndex; o < e.x.endIndex; o++) i.push({
+				x: o,
+				y: a,
+				tx: o * t,
+				ty: a * n,
+				key: a * r.itemCountX + o
+			});
+			return i;
+		}), g = !1;
+		function _(e) {
+			g || (g = !0, requestAnimationFrame(() => {
+				g = !1;
+				let t = e.target;
+				t.scrollLeft !== o.value && (o.value = t.scrollLeft), t.scrollTop !== s.value && (s.value = t.scrollTop), i("scroll", {
+					scrollX: t.scrollLeft,
+					scrollY: t.scrollTop
+				});
+			}));
+		}
+		Z(f, (e) => i("rangeChange", e));
+		let v = null;
+		return we(() => {
+			let e = a.value;
+			e && (c.value = e.clientWidth, l.value = e.clientHeight, o.value = e.scrollLeft, s.value = e.scrollTop, typeof ResizeObserver < "u" && (v = new ResizeObserver(() => {
+				let t = e.clientWidth, n = e.clientHeight;
+				t !== c.value && (c.value = t), n !== l.value && (l.value = n);
+			}), v.observe(e)));
+		}), Ce(() => {
+			v?.disconnect();
+		}), t({
+			getRange: () => f.value,
+			getFirstVisibleCell: () => ({
+				x: r.itemCountX === 0 || r.cellWidth <= 0 ? 0 : Math.min(r.itemCountX - 1, Math.floor(o.value / r.cellWidth)),
+				y: r.itemCountY === 0 || r.cellHeight <= 0 ? 0 : Math.min(r.itemCountY - 1, Math.floor(s.value / r.cellHeight))
+			}),
+			scrollToCell(e, t = "auto") {
+				let n = a.value;
+				if (!n) return;
+				let i = { behavior: t };
+				e.x !== void 0 && (i.left = e.x * r.cellWidth), e.y !== void 0 && (i.top = e.y * r.cellHeight), n.scrollTo(i);
+			}
+		}), (e, t) => (U(), P("div", {
+			ref_key: "containerRef",
+			ref: a,
+			class: "coar-virtualized-surface-2d",
+			onScroll: _
+		}, [F("div", {
+			class: "coar-virtualized-surface-2d__spacer",
+			style: V({
+				width: p.value + "px",
+				height: m.value + "px"
+			})
+		}, [(U(!0), P(A, null, G(h.value, (t) => (U(), P("div", {
+			key: t.key,
+			class: "coar-virtualized-surface-2d__cell",
+			style: V({
+				width: r.cellWidth + "px",
+				height: r.cellHeight + "px",
+				transform: `translate(${t.tx}px, ${t.ty}px)`
+			}),
+			"data-x": t.x,
+			"data-y": t.y
+		}, [K(e.$slots, "cell", {
+			x: t.x,
+			y: t.y
+		}, void 0, !0)], 12, $n))), 128))], 4)], 544));
+	}
+}), [["__scopeId", "data-v-fbba32db"]]);
+//#endregion
+export { Ke as CalendarBuilder, Kn as CoarAgendaView, Zn as CoarCalendar, en as CoarDayView, Qn as CoarDisplayZoneSwitcher, Nn as CoarMonthView, Qt as CoarTimeGrid, nn as CoarWeekView, le as DstResolutionError, fe as EXPAND_SERIES_NOT_IMPLEMENTED_MESSAGE, ae as MIN_RESIZE_MINUTES, ue as MeasurementCache, n as Temporal, Fn as VirtualizedSurface1DY, er as VirtualizedSurface2D, O as applyMoveToEvent, C as buildAgendaItems, T as buildDropPayload, k as buildFormatOptions, ce as computeAnchorAdjustment, x as computeAutoScrollVelocity, w as computeViewWindow, g as dateKey, b as daysInWindow, i as detectBrowserTimezone, r as detectFirstDayOfWeekFromLocale, f as detectHour12FromLocale, re as endOfMonth, e as endOfWeek, E as eventStartDateInZone, h as expandSeries, u as formatScheduledTime, Ye as getEventZoneHints, ee as getVisibleRange1D, D as getVisibleRange2D, oe as hitTestVerticalSurface, _ as isAllDayEvent, y as isTimedEvent, d as isoWeekNumber, se as layoutAllDayBand, ie as layoutDayEvents, te as layoutMonthGrid, ne as layoutOverlappingIntervals, p as localizedWeekdayNames, a as monthGridDates, de as navigateCursor, c as nowInZone, l as parsePlainDate, m as parseScheduledTime, me as startOfMonth, t as startOfWeek, v as todayInZone, it as useA11yAnnouncer, ut as useAgendaView, qe as useCalendar, nt as useCalendarDnd, Qe as useCoarDrag, st as useDayView, ot as useMonthDnd, lt as useMonthView, at as useTimeGridDnd, Ze as useViewWindow, ct as useWeekView, o as validateCalendarEvent, s as weekDates, pe as windowContainsDate, S as windowDayCount };