@cocoar/vue-calendar 3.2.0-beta.8 → 3.2.0-beta.9

package/dist/index.js

@@ -3445,37 +3445,108 @@ var Zn = ["aria-hidden", "aria-label"], Qn = {
 			} : void 0
 		]), 1032, ["builder"]));
 	}
-}), dr = 2, fr = 24, pr = {
+}), dr = Object.freeze({
+	dayNumberHeight: 24,
+	pillHeight: 18,
+	markerHeight: 18,
+	pillGap: 2,
+	pillsPaddingTop: 3,
+	pillsPaddingBottom: 4
+}), fr = (e) => {
+	let t = parseFloat(e);
+	return Number.isFinite(t) ? t : 0;
+};
+function pr(e) {
+	let t = e.querySelector(".coar-month-cell:not(.coar-month-cell--placeholder) .coar-month-cell__day-number-row");
+	return t ? {
+		dayRow: t,
+		pill: e.querySelector(".coar-month-cell__pills .coar-month-pill"),
+		marker: e.querySelector(".coar-month-cell__overflow")
+	} : null;
+}
+function mr(e) {
+	let t = pr(e);
+	if (!t || t.dayRow.offsetHeight === 0) return null;
+	let { dayRow: n, pill: r, marker: i } = t, a = e.querySelector(".coar-month-cell__pills"), o = a ? getComputedStyle(a) : null, s = r?.offsetHeight || dr.pillHeight;
+	return {
+		dayNumberHeight: n.offsetHeight,
+		pillHeight: s,
+		markerHeight: i?.offsetHeight || Math.max(s, dr.markerHeight),
+		pillGap: o ? fr(o.rowGap) || fr(o.gap) : dr.pillGap,
+		pillsPaddingTop: o ? fr(o.paddingTop) : dr.pillsPaddingTop,
+		pillsPaddingBottom: o ? fr(o.paddingBottom) : dr.pillsPaddingBottom
+	};
+}
+function hr(e) {
+	let t = G({ ...dr });
+	function n() {
+		let n = e.rootRef.value;
+		if (!n) return;
+		let r = mr(n);
+		if (!r) return;
+		let i = t.value;
+		(r.dayNumberHeight !== i.dayNumberHeight || r.pillHeight !== i.pillHeight || r.markerHeight !== i.markerHeight || r.pillGap !== i.pillGap || r.pillsPaddingTop !== i.pillsPaddingTop || r.pillsPaddingBottom !== i.pillsPaddingBottom) && (t.value = r);
+	}
+	let r = null, i = /* @__PURE__ */ new WeakSet();
+	function a() {
+		let t = e.rootRef.value;
+		if (!r || !t) return;
+		let n = pr(t);
+		for (let e of [
+			n?.dayRow,
+			n?.pill,
+			n?.marker
+		]) e && !i.has(e) && (i.add(e), r.observe(e));
+	}
+	function o() {
+		n(), a();
+	}
+	return Ke(() => {
+		typeof ResizeObserver < "u" && e.rootRef.value && (r = new ResizeObserver(() => n()), r.observe(e.rootRef.value)), o(), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(o);
+	}), qe(() => r?.disconnect()), e.trigger !== void 0 && Z(() => Y(e.trigger), () => {
+		We(o);
+	}, { flush: "post" }), t;
+}
+//#endregion
+//#region src/composables/useMonthGeometry.ts
+var gr = 2, _r = {
 	compact: 52,
 	stacked: 68,
 	details: 94
-}, mr = {
+}, vr = {
 	compact: 5,
-	stacked: 8,
-	details: 18
+	stacked: 8
 };
-function hr(e) {
-	let t = M(() => Y(e.monthDensity) ?? "details"), n = M(() => mr[t.value]);
-	function r(e) {
-		return fr + e * (n.value + dr);
+function yr(e, t) {
+	let n = Math.max(0, Math.floor(Number.isFinite(t) ? t : 0)), r = e.dayNumberHeight + e.pillsPaddingTop + n * e.pillHeight + n * e.pillGap + e.markerHeight + e.pillsPaddingBottom;
+	return Math.max(_r.details, Math.ceil(r));
+}
+function br(e) {
+	let t = M(() => Y(e.monthDensity) ?? "details"), n = M(() => Y(e.metrics) ?? dr), r = M(() => n.value.dayNumberHeight), i = M(() => t.value === "details" ? n.value.pillHeight : vr[t.value]), a = M(() => t.value === "details" ? yr(n.value, Y(e.maxEventsPerCell) ?? 2) : _r[t.value]);
+	function o(e) {
+		return r.value + e * (i.value + gr);
 	}
-	let i = M(() => e.layout.value.weekRows.map((t) => t.multiDayBars.length === 0 ? fr : fr + we(t.multiDayBars, Y(e.maxLanes) ?? null).laneCount * (n.value + dr)));
+	let s = M(() => e.layout.value.weekRows.map((t) => {
+		if (t.multiDayBars.length === 0) return r.value;
+		let n = we(t.multiDayBars, Y(e.maxLanes) ?? null).laneCount;
+		return r.value + n * (i.value + gr);
+	}));
 	return {
-		BAR_HEIGHT: n,
-		BAR_GAP: dr,
-		DAY_NUMBER_HEIGHT: fr,
-		barTopPx: r,
-		rowBarHeightsPx: i,
-		rowHeightPx: M(() => i.value.map((e) => {
-			let n = Math.max(0, e - fr);
-			return pr[t.value] + n;
+		BAR_HEIGHT: i,
+		BAR_GAP: gr,
+		DAY_NUMBER_HEIGHT: r,
+		barTopPx: o,
+		rowBarHeightsPx: s,
+		rowHeightPx: M(() => s.value.map((e) => {
+			let t = Math.max(0, e - r.value);
+			return a.value + t;
 		}))
 	};
 }
 //#endregion
 //#region src/composables/useMonthDayOverlay.ts
-var gr = 30, _r = ".coar-month-cell__overflow";
-function vr(e) {
+var xr = 30, Sr = ".coar-month-cell__overflow";
+function Cr(e) {
 	let t = e.parentElement;
 	for (; t && t !== document.body;) {
 		let e = getComputedStyle(t).overflowY;
@@ -3484,12 +3555,12 @@ function vr(e) {
 	}
 	return null;
 }
-function yr(e) {
+function wr(e) {
 	let t = e.minWidth ?? 200, n = e.maxHeight ?? 360, r = Xe(null), i = G({
 		top: 0,
 		left: 0,
 		width: t,
-		maxListHeight: n - gr
+		maxListHeight: n - xr
 	});
 	function a(t) {
 		return e.gridRef.value?.querySelector(`[data-day-key="${g(t)}"]`) ?? null;
@@ -3505,11 +3576,11 @@ function yr(e) {
 			top: d.top - u.top,
 			left: p,
 			width: f,
-			maxListHeight: n - gr
+			maxListHeight: n - xr
 		}, await We(), r.value === null || !o(s)) return;
 		let m = e.overlayEl();
 		if (!m) return;
-		let h = vr(c), g = h ? h.getBoundingClientRect().top : 0, _ = h ? h.getBoundingClientRect().bottom : window.innerHeight, v = m.offsetHeight, y = _ - d.top, b = d.bottom - g;
+		let h = Cr(c), g = h ? h.getBoundingClientRect().top : 0, _ = h ? h.getBoundingClientRect().bottom : window.innerHeight, v = m.offsetHeight, y = _ - d.top, b = d.bottom - g;
 		v > y && b > y && (i.value = {
 			...i.value,
 			top: Math.max(0, d.bottom - u.top - v)
@@ -3522,7 +3593,7 @@ function yr(e) {
 		let t = r.value;
 		if (t === null) return;
 		let n = e.overlayEl(), i = typeof document < "u" && n !== null && document.activeElement !== null && n.contains(document.activeElement);
-		r.value = null, i && a(t)?.querySelector(_r)?.focus();
+		r.value = null, i && a(t)?.querySelector(Sr)?.focus();
 	}
 	async function d(e) {
 		o(e) ? l() : await c(e);
@@ -3532,7 +3603,7 @@ function yr(e) {
 		let n = t.target;
 		if (!n) return;
 		let i = e.overlayEl();
-		i && i.contains(n) || n instanceof Element && n.closest(_r) || l();
+		i && i.contains(n) || n instanceof Element && n.closest(Sr) || l();
 	}
 	function p() {
 		l();
@@ -3550,13 +3621,13 @@ function yr(e) {
 }
 //#endregion
 //#region src/components/internal/month/CoarMonthPill.vue?vue&type=script&setup=true&lang.ts
-var br = [
+var Tr = [
 	"data-event-id",
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], xr = { class: "coar-month-pill__title" }, Sr = { class: "coar-month-pill__title" }, Cr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+], Er = { class: "coar-month-pill__title" }, Dr = { class: "coar-month-pill__title" }, Or = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthPill",
 	props: {
 		event: {},
@@ -3625,7 +3696,7 @@ var br = [
 				"display-zone": e.displayZone,
 				size: "xs"
 			}, null, 8, ["event", "display-zone"]),
-			I("span", xr, J(e.title), 1),
+			I("span", Er, J(e.title), 1),
 			R(xn, {
 				event: e.event,
 				max: 1,
@@ -3637,21 +3708,21 @@ var br = [
 				"display-zone": e.displayZone,
 				size: "xs"
 			}, null, 8, ["event", "display-zone"]),
-			I("span", Sr, J(e.title), 1),
+			I("span", Dr, J(e.title), 1),
 			R(xn, {
 				event: e.event,
 				max: 1,
 				size: "xs"
 			}, null, 8, ["event"])
-		], 64))], 46, br));
+		], 64))], 46, Tr));
 	}
-}), [["__scopeId", "data-v-d45817cc"]]), wr = [
+}), [["__scopeId", "data-v-d45817cc"]]), kr = [
 	"data-event-id",
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], Tr = { class: "coar-month-bar__title" }, Er = { class: "coar-month-bar__title" }, Dr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+], Ar = { class: "coar-month-bar__title" }, jr = { class: "coar-month-bar__title" }, Mr = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthBar",
 	props: {
 		event: {},
@@ -3756,7 +3827,7 @@ var br = [
 					"display-zone": e.displayZone,
 					size: "xs"
 				}, null, 8, ["event", "display-zone"])),
-				I("span", Tr, J(e.title), 1),
+				I("span", Ar, J(e.title), 1),
 				R(xn, {
 					event: e.event,
 					max: 2,
@@ -3769,7 +3840,7 @@ var br = [
 					"display-zone": e.displayZone,
 					size: "xs"
 				}, null, 8, ["event", "display-zone"])),
-				I("span", Er, J(e.title), 1),
+				I("span", jr, J(e.title), 1),
 				R(xn, {
 					event: e.event,
 					max: 2,
@@ -3782,9 +3853,9 @@ var br = [
 				"aria-hidden": "true",
 				onPointerdown: m
 			}, null, 32)) : P("", !0)
-		], 46, wr));
+		], 46, kr));
 	}
-}), [["__scopeId", "data-v-075d2aad"]]), Or = [
+}), [["__scopeId", "data-v-075d2aad"]]), Nr = [
 	"data-day-key",
 	"data-placeholder",
 	"aria-rowindex",
@@ -3792,10 +3863,10 @@ var br = [
 	"aria-label",
 	"aria-current",
 	"aria-hidden"
-], kr = {
+], Pr = {
 	key: 0,
 	class: "coar-month-cell__day-number-row"
-}, Ar = { class: "coar-month-cell__day-number" }, jr = ["aria-label", "aria-expanded"], Mr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Fr = { class: "coar-month-cell__day-number" }, Ir = ["aria-label", "aria-expanded"], Lr = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthCell",
 	props: {
 		day: {},
@@ -3862,7 +3933,7 @@ var br = [
 			"aria-hidden": e.placeholder ? "true" : void 0,
 			onPointerdown: i,
 			onDblclick: a
-		}, [e.placeholder ? P("", !0) : (W(), F("div", kr, [I("span", Ar, J(e.day.day), 1)])), e.placeholder ? P("", !0) : (W(), F("div", {
+		}, [e.placeholder ? P("", !0) : (W(), F("div", Pr, [I("span", Fr, J(e.day.day), 1)])), e.placeholder ? P("", !0) : (W(), F("div", {
 			key: 1,
 			class: "coar-month-cell__pills",
 			style: U({ marginTop: e.pillsMarginTopPx + "px" })
@@ -3876,9 +3947,9 @@ var br = [
 			onPointerdown: n[0] ||= nt(() => {}, ["stop"]),
 			onDblclick: n[1] ||= nt(() => {}, ["stop"]),
 			onClick: nt(o, ["stop"])
-		}, " +" + J(e.overflowCount), 41, jr)) : P("", !0)], 4))], 42, Or));
+		}, " +" + J(e.overflowCount), 41, Ir)) : P("", !0)], 4))], 42, Nr));
 	}
-}), [["__scopeId", "data-v-06fac2de"]]), Nr = ["aria-label"], Pr = { class: "coar-month-day-overlay__header" }, Fr = { class: "coar-month-day-overlay__day-number" }, Ir = { class: "coar-month-day-overlay__heading" }, Lr = ["aria-label"], Rr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-06fac2de"]]), Rr = ["aria-label"], zr = { class: "coar-month-day-overlay__header" }, Br = { class: "coar-month-day-overlay__day-number" }, Vr = { class: "coar-month-day-overlay__heading" }, Hr = ["aria-label"], Ur = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthDayOverlay",
 	props: {
 		dayNumber: {},
@@ -3915,9 +3986,9 @@ var br = [
 				width: e.width + "px"
 			}),
 			onKeydown: a
-		}, [I("div", Pr, [
-			I("span", Fr, J(e.dayNumber), 1),
-			I("span", Ir, J(e.heading), 1),
+		}, [I("div", zr, [
+			I("span", Br, J(e.dayNumber), 1),
+			I("span", Vr, J(e.heading), 1),
 			I("button", {
 				type: "button",
 				class: "coar-month-day-overlay__close",
@@ -3934,13 +4005,13 @@ var br = [
 				stroke: "currentColor",
 				"stroke-width": "1.6",
 				"stroke-linecap": "round"
-			})], -1)]], 40, Lr)
+			})], -1)]], 40, Hr)
 		]), I("div", {
 			class: "coar-month-day-overlay__list",
 			style: U({ maxHeight: e.maxListHeight + "px" })
-		}, [q(t.$slots, "default", {}, void 0, !0)], 4)], 46, Nr));
+		}, [q(t.$slots, "default", {}, void 0, !0)], 4)], 46, Rr));
 	}
-}), [["__scopeId", "data-v-99cbf499"]]), zr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-99cbf499"]]), Wr = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthRow",
 	props: {
 		heightPx: {},
@@ -3953,36 +4024,36 @@ var br = [
 			role: "row"
 		}, [q(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-7f6e2bad"]]), Br = { class: "coar-month-grid" }, Vr = {
+}), [["__scopeId", "data-v-7f6e2bad"]]), Gr = { class: "coar-month-grid" }, Kr = {
 	class: "coar-month-grid__weekday-row",
 	role: "row",
 	"aria-rowindex": "1"
-}, Hr = ["aria-colindex"], Ur = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, qr = ["aria-colindex"], Jr = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthGrid",
 	props: {
 		weekdayHeaders: {},
 		setRowsEl: { type: Function }
 	},
 	setup(e) {
-		return (t, n) => (W(), F("div", Br, [I("div", Vr, [(W(!0), F(j, null, K(e.weekdayHeaders, (e, t) => (W(), F("div", {
+		return (t, n) => (W(), F("div", Gr, [I("div", Kr, [(W(!0), F(j, null, K(e.weekdayHeaders, (e, t) => (W(), F("div", {
 			key: t,
 			class: "coar-month-grid__weekday-cell",
 			role: "columnheader",
 			"aria-colindex": t + 1
-		}, J(e), 9, Hr))), 128))]), I("div", {
+		}, J(e), 9, qr))), 128))]), I("div", {
 			ref: (t) => e.setRowsEl(t),
 			class: "coar-month-grid__rows"
 		}, [q(t.$slots, "default", {}, void 0, !0)], 512)]));
 	}
-}), [["__scopeId", "data-v-d0d74cdf"]]), Wr = ["aria-label", "aria-rowcount"], Gr = {
+}), [["__scopeId", "data-v-d0d74cdf"]]), Yr = ["aria-label", "aria-rowcount"], Xr = {
 	class: "coar-month-view__a11y-live",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, Kr = {
+}, Zr = {
 	key: 0,
 	class: "coar-month-view__segment-capsule"
-}, qr = ["aria-label"], Jr = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Qr = ["aria-label"], $r = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthView",
 	props: {
 		builder: {},
@@ -4103,10 +4174,15 @@ var br = [
 		function _e(e) {
 			return e.dayOfWeek === 6 || e.dayOfWeek === 7;
 		}
-		let { BAR_HEIGHT: ve, DAY_NUMBER_HEIGHT: be, barTopPx: xe, rowBarHeightsPx: Se, rowHeightPx: Ce } = hr({
+		let { BAR_HEIGHT: ve, DAY_NUMBER_HEIGHT: be, barTopPx: xe, rowBarHeightsPx: Se, rowHeightPx: Ce } = br({
 			layout: ue,
 			monthDensity: () => s.value.monthDensity,
-			maxLanes: () => s.value.monthMaxVisibleLanes
+			maxLanes: () => s.value.monthMaxVisibleLanes,
+			metrics: hr({
+				rootRef: b,
+				trigger: ue
+			}),
+			maxEventsPerCell: () => s.value.maxEventsPerCell
 		}), Te = M(() => ue.value.weekRows.map((e) => we(e.multiDayBars, s.value.monthMaxVisibleLanes)));
 		function Ee(e) {
 			let t = g(e), n = ue.value.weekRows;
@@ -4163,7 +4239,7 @@ var br = [
 		function z(e) {
 			return r("coar.calendar.month.moreEvents", { count: e }, `${e} more events`);
 		}
-		let Re = G(null), ze = yr({
+		let Re = G(null), ze = wr({
 			rootRef: b,
 			gridRef: x,
 			overlayEl: () => Re.value?.el ?? null,
@@ -4359,18 +4435,18 @@ var br = [
 			"aria-rowcount": ue.value.weekRows.length + 1,
 			"aria-colcount": 7
 		}, [
-			I("div", Gr, J(X(A).message.value), 1),
-			R(Ur, {
+			I("div", Xr, J(X(A).message.value), 1),
+			R(Jr, {
 				"weekday-headers": y.value,
 				"set-rows-el": S
 			}, {
-				default: Q(() => [(W(!0), F(j, null, K(ue.value.weekRows, (r, a) => (W(), N(zr, {
+				default: Q(() => [(W(!0), F(j, null, K(ue.value.weekRows, (r, a) => (W(), N(Wr, {
 					key: r.weekStart.toString(),
 					"height-px": X(Ce)[a],
 					density: s.value.density
 				}, {
 					default: Q(() => [
-						(W(!0), F(j, null, K(r.days, (n, r) => (W(), N(Mr, {
+						(W(!0), F(j, null, K(r.days, (n, r) => (W(), N(Lr, {
 							key: n.toString(),
 							day: n,
 							"day-key": X(g)(n),
@@ -4391,14 +4467,14 @@ var br = [
 							onOverflowClick: i[0] ||= (e, t) => X(ze).toggle(t)
 						}, {
 							default: Q(() => [
-								H.value && Pe(n).length ? (W(), F("div", Kr, [(W(!0), F(j, null, K(Pe(n), (e) => (W(), F("button", Ue({
+								H.value && Pe(n).length ? (W(), F("div", Zr, [(W(!0), F(j, null, K(Pe(n), (e) => (W(), F("button", Ue({
 									key: e.event.id,
 									type: "button",
 									class: "coar-month-view__segment",
 									style: { background: Ke(e.event) },
 									"aria-label": $e(e.event)
-								}, Ze(et(e.event), !0)), null, 16, qr))), 128))])) : P("", !0),
-								(W(!0), F(j, null, K(H.value ? [] : Pe(n), (e) => (W(), N(Cr, Ue({ key: e.event.id }, { ref_for: !0 }, Z(e), Ze(et(e.event))), L({ _: 2 }, [t.$slots.pill || s.value.eventRenderer ? {
+								}, Ze(et(e.event), !0)), null, 16, Qr))), 128))])) : P("", !0),
+								(W(!0), F(j, null, K(H.value ? [] : Pe(n), (e) => (W(), N(Or, Ue({ key: e.event.id }, { ref_for: !0 }, Z(e), Ze(et(e.event))), L({ _: 2 }, [t.$slots.pill || s.value.eventRenderer ? {
 									name: "default",
 									fn: Q(({ event: e, pill: n }) => [t.$slots.pill ? q(t.$slots, "pill", {
 										key: 0,
@@ -4418,7 +4494,7 @@ var br = [
 									}, null, 8, ["renderer", "ctx"])) : P("", !0)]),
 									key: "0"
 								} : void 0]), 1040))), 128)),
-								X(E) && X(E).bars.length === 0 && X(E).pillCells.includes(X(g)(n)) ? (W(), N(Cr, {
+								X(E) && X(E).bars.length === 0 && X(E).pillCells.includes(X(g)(n)) ? (W(), N(Or, {
 									key: 1,
 									variant: "phantom",
 									event: X(E).event,
@@ -4438,7 +4514,7 @@ var br = [
 									"display-zone",
 									"density"
 								])) : P("", !0),
-								X(D)(n) && X(C).draggedEvent.value ? (W(), N(Cr, {
+								X(D)(n) && X(C).draggedEvent.value ? (W(), N(Or, {
 									key: 2,
 									variant: "invalid",
 									event: X(C).draggedEvent.value,
@@ -4480,7 +4556,7 @@ var br = [
 							"onCellPointerdown",
 							"onCellDblclick"
 						]))), 128)),
-						(W(!0), F(j, null, K(Te.value[a].visible, (e) => (W(), N(Dr, {
+						(W(!0), F(j, null, K(Te.value[a].visible, (e) => (W(), N(Mr, {
 							key: e.event.id,
 							event: e.event,
 							bar: e,
@@ -4562,7 +4638,7 @@ var br = [
 							"onStartResize",
 							"onEndResize"
 						]))), 128)),
-						(W(!0), F(j, null, K(X(E) && X(E).bars.length > 0 ? X(E).bars.filter((e) => e.rowIndex === a) : [], (e) => (W(), N(Dr, {
+						(W(!0), F(j, null, K(X(E) && X(E).bars.length > 0 ? X(E).bars.filter((e) => e.rowIndex === a) : [], (e) => (W(), N(Mr, {
 							key: `phantom-${e.startCol}-${e.endCol}`,
 							variant: "phantom",
 							event: X(E).event,
@@ -4596,7 +4672,7 @@ var br = [
 							"clipped-start",
 							"clipped-end"
 						]))), 128)),
-						X(ee) && X(ee).rowIndex === a && X(ee).isBar && X(C).draggedEvent.value ? (W(), N(Dr, {
+						X(ee) && X(ee).rowIndex === a && X(ee).isBar && X(C).draggedEvent.value ? (W(), N(Mr, {
 							key: 0,
 							variant: "invalid",
 							event: X(C).draggedEvent.value,
@@ -4632,7 +4708,7 @@ var br = [
 				}, 1032, ["height-px", "density"]))), 128))]),
 				_: 3
 			}, 8, ["weekday-headers"]),
-			X(ze).day.value ? (W(), N(Rr, {
+			X(ze).day.value ? (W(), N(Ur, {
 				key: 0,
 				ref_key: "overlayRef",
 				ref: Re,
@@ -4647,7 +4723,7 @@ var br = [
 				"max-list-height": X(ze).position.value.maxListHeight,
 				onClose: i[1] ||= (e) => X(ze).close()
 			}, {
-				default: Q(() => [(W(!0), F(j, null, K(We.value, (e) => (W(), F(j, { key: e.kind === "live" ? e.pill.event.id : `phantom-${e.event.id}` }, [e.kind === "live" ? (W(), N(Cr, Ue({
+				default: Q(() => [(W(!0), F(j, null, K(We.value, (e) => (W(), F(j, { key: e.kind === "live" ? e.pill.event.id : `phantom-${e.event.id}` }, [e.kind === "live" ? (W(), N(Or, Ue({
 					key: 0,
 					ref_for: !0
 				}, Z(e.pill), Ze(et(e.pill.event))), L({ _: 2 }, [t.$slots.pill || s.value.eventRenderer ? {
@@ -4669,7 +4745,7 @@ var br = [
 						}
 					}, null, 8, ["renderer", "ctx"])) : P("", !0)]),
 					key: "0"
-				} : void 0]), 1040)) : (W(), N(Cr, {
+				} : void 0]), 1040)) : (W(), N(Or, {
 					key: 1,
 					variant: "phantom",
 					event: e.event,
@@ -4701,9 +4777,9 @@ var br = [
 				"width",
 				"max-list-height"
 			])) : P("", !0)
-		], 10, Wr));
+		], 10, Yr));
 	}
-}), [["__scopeId", "data-v-0490aa6f"]]), Yr = ["data-month-key", "aria-label"], Xr = { class: "coar-continuous-month-view__title" }, Zr = 25, Qr = 160, $r = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-39ab87cb"]]), ei = ["data-month-key", "aria-label"], ti = { class: "coar-continuous-month-view__title" }, ni = 25, ri = 160, ii = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarContinuousMonthView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -4783,12 +4859,12 @@ var br = [
 				if (e.scrollTop < 320) {
 					_ = !0;
 					let t = m.value[0], n = l(t), r = S(n)?.getBoundingClientRect().top ?? 0, i = [...Array.from({ length: 6 }, (e, n) => t.subtract({ months: 6 - n })), ...m.value];
-					i.length > Zr && (i = i.slice(0, Zr)), m.value = i, await We();
+					i.length > ni && (i = i.slice(0, ni)), m.value = i, await We();
 					let a = S(n)?.getBoundingClientRect().top ?? r;
 					e.scrollTop += a - r, _ = !1;
 				} else if (e.scrollHeight - e.scrollTop - e.clientHeight < 640) {
 					_ = !0;
-					let t = m.value.at(-1), n = [...m.value, ...Array.from({ length: 6 }, (e, n) => t.add({ months: n + 1 }))], r = Math.max(0, n.length - Zr), i = n[r], a = l(i), o = S(a)?.getBoundingClientRect().top ?? 0;
+					let t = m.value.at(-1), n = [...m.value, ...Array.from({ length: 6 }, (e, n) => t.add({ months: n + 1 }))], r = Math.max(0, n.length - ni), i = n[r], a = l(i), o = S(a)?.getBoundingClientRect().top ?? 0;
 					if (r > 0 && (n = n.slice(r)), m.value = n, await We(), r > 0) {
 						let t = S(a)?.getBoundingClientRect().top ?? o;
 						e.scrollTop += t - o;
@@ -4800,7 +4876,7 @@ var br = [
 		function D() {
 			cancelAnimationFrame(g), g = requestAnimationFrame(() => {
 				T(), te();
-			}), y && clearTimeout(y), y = setTimeout(ee, Qr);
+			}), y && clearTimeout(y), y = setTimeout(ee, ri);
 		}
 		return Z(() => n.builder.state.date.value, (e) => {
 			if (v) return;
@@ -4833,7 +4909,7 @@ var br = [
 			class: "coar-continuous-month-view__section",
 			"data-month-key": l(n),
 			"aria-label": f(n)
-		}, [I("h2", Xr, J(f(n)), 1), R(Jr, {
+		}, [I("h2", ti, J(f(n)), 1), R($r, {
 			builder: e.builder,
 			month: n,
 			"manage-view-window": !1,
@@ -4846,12 +4922,12 @@ var br = [
 			name: "multiDayBar",
 			fn: Q((e) => [q(t.$slots, "multiDayBar", Ue({ ref_for: !0 }, e), void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder", "month"])], 8, Yr))), 128))], 2));
+		} : void 0]), 1032, ["builder", "month"])], 8, ei))), 128))], 2));
 	}
-}), [["__scopeId", "data-v-3f58c614"]]), ei = { class: "coar-agenda-event__default" }, ti = { class: "coar-agenda-event__time" }, ni = { class: "coar-agenda-event__title" }, ri = {
+}), [["__scopeId", "data-v-3f58c614"]]), ai = { class: "coar-agenda-event__default" }, oi = { class: "coar-agenda-event__time" }, si = { class: "coar-agenda-event__title" }, ci = {
 	key: 0,
 	class: "coar-agenda-event__continuation-tag"
-}, ii = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, li = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarAgendaEvent",
 	props: {
 		event: {},
@@ -4879,20 +4955,20 @@ var br = [
 		}, [q(t.$slots, "default", {
 			event: e.event,
 			item: e.item
-		}, () => [I("div", ei, [
+		}, () => [I("div", ai, [
 			I("span", {
 				class: "coar-agenda-event__color",
 				style: U({ background: e.color })
 			}, null, 4),
-			I("span", ti, J(e.timeLabel), 1),
-			I("span", ni, [
+			I("span", oi, J(e.timeLabel), 1),
+			I("span", si, [
 				R(vn, {
 					event: e.event,
 					"display-zone": e.displayZone,
 					size: "s"
 				}, null, 8, ["event", "display-zone"]),
 				Le(" " + J(e.title) + " ", 1),
-				e.item.isContinuation ? (W(), F("span", ri, J(e.continuationTag), 1)) : P("", !0)
+				e.item.isContinuation ? (W(), F("span", ci, J(e.continuationTag), 1)) : P("", !0)
 			]),
 			R(xn, {
 				event: e.event,
@@ -4901,20 +4977,20 @@ var br = [
 			}, null, 8, ["event"])
 		])], !0)], 34));
 	}
-}), [["__scopeId", "data-v-6d3c7042"]]), ai = { class: "coar-month-list-view" }, oi = { class: "coar-month-list-view__layout" }, si = ["aria-label"], ci = { class: "coar-month-list-view__title" }, li = {
+}), [["__scopeId", "data-v-6d3c7042"]]), ui = { class: "coar-month-list-view" }, di = { class: "coar-month-list-view__layout" }, fi = ["aria-label"], pi = { class: "coar-month-list-view__title" }, mi = {
 	class: "coar-month-list-view__weekdays",
 	"aria-hidden": "true"
-}, ui = { class: "coar-month-list-view__grid" }, di = ["aria-pressed", "onClick"], fi = {
+}, hi = { class: "coar-month-list-view__grid" }, gi = ["aria-pressed", "onClick"], _i = {
 	key: 0,
 	class: "coar-month-list-view__markers",
 	"aria-hidden": "true"
-}, pi = ["aria-label"], mi = { class: "coar-month-list-view__selected-title" }, hi = {
+}, vi = ["aria-label"], yi = { class: "coar-month-list-view__selected-title" }, bi = {
 	key: 0,
 	class: "coar-month-list-view__events"
-}, gi = {
+}, xi = {
 	key: 1,
 	class: "coar-month-list-view__empty"
-}, _i = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Si = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarMonthListView",
 	props: { builder: {} },
 	setup(e) {
@@ -4979,13 +5055,13 @@ var br = [
 		function C(e) {
 			return Xn(e, (e) => S.value.format(new Date(e)), n("coar.calendar.agenda.allDay", void 0, "All day"));
 		}
-		return (t, r) => (W(), F("div", ai, [I("div", oi, [I("section", {
+		return (t, r) => (W(), F("div", ui, [I("div", di, [I("section", {
 			class: "coar-month-list-view__selector",
 			"aria-label": g.value
 		}, [
-			I("h2", ci, J(g.value), 1),
-			I("div", li, [(W(!0), F(j, null, K(f.value, (e) => (W(), F("span", { key: e }, J(e.slice(0, 2)), 1))), 128))]),
-			I("div", ui, [(W(!0), F(j, null, K(l.value, (e) => (W(), F("button", {
+			I("h2", pi, J(g.value), 1),
+			I("div", mi, [(W(!0), F(j, null, K(f.value, (e) => (W(), F("span", { key: e }, J(e.slice(0, 2)), 1))), 128))]),
+			I("div", hi, [(W(!0), F(j, null, K(l.value, (e) => (W(), F("button", {
 				key: e.toString(),
 				type: "button",
 				class: V(["coar-month-list-view__day", {
@@ -4995,14 +5071,14 @@ var br = [
 				}]),
 				"aria-pressed": y(e, s.value),
 				onClick: (t) => v(e)
-			}, [I("span", null, J(e.day), 1), m.value.get(e.toString())?.length ? (W(), F("span", fi, [(W(!0), F(j, null, K(m.value.get(e.toString()).slice(0, 5), (e) => (W(), F("i", {
+			}, [I("span", null, J(e.day), 1), m.value.get(e.toString())?.length ? (W(), F("span", _i, [(W(!0), F(j, null, K(m.value.get(e.toString()).slice(0, 5), (e) => (W(), F("i", {
 				key: e.event.id,
 				style: U({ background: x(e.event) })
-			}, null, 4))), 128))])) : P("", !0)], 10, di))), 128))])
-		], 8, si), I("section", {
+			}, null, 4))), 128))])) : P("", !0)], 10, gi))), 128))])
+		], 8, fi), I("section", {
 			class: "coar-month-list-view__agenda",
 			"aria-label": s.value.toString()
-		}, [I("h3", mi, J(_.value), 1), h.value.length ? (W(), F("div", hi, [(W(!0), F(j, null, K(h.value, (r) => (W(), N(ii, {
+		}, [I("h3", yi, J(_.value), 1), h.value.length ? (W(), F("div", bi, [(W(!0), F(j, null, K(h.value, (r) => (W(), N(li, {
 			key: `${r.date}:${r.event.id}`,
 			event: r.event,
 			item: r,
@@ -5028,9 +5104,9 @@ var br = [
 			"continuation-tag",
 			"display-zone",
 			"onPointerdown"
-		]))), 128))])) : (W(), F("p", gi, J(X(n)("coar.calendar.monthList.empty", void 0, "No events")), 1))], 8, pi)])]));
+		]))), 128))])) : (W(), F("p", xi, J(X(n)("coar.calendar.monthList.empty", void 0, "No events")), 1))], 8, vi)])]));
 	}
-}), [["__scopeId", "data-v-4b042746"]]), vi = ["data-y"], yi = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-4b042746"]]), Ci = ["data-y"], wi = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "VirtualizedSurface1DY",
 	props: {
 		itemCount: {},
@@ -5187,12 +5263,12 @@ var br = [
 			class: "coar-virtualized-surface-1dy__item",
 			style: U({ transform: `translateY(${h(t)}px)` }),
 			"data-y": t
-		}, [q(e.$slots, "item", { y: t }, void 0, !0)], 12, vi)), [[C, t]])), 128))], 4)], 544));
+		}, [q(e.$slots, "item", { y: t }, void 0, !0)], 12, Ci)), [[C, t]])), 128))], 4)], 544));
 	}
-}), [["__scopeId", "data-v-03aa2532"]]), bi = ["role", "aria-level"], xi = { class: "coar-agenda-day-header__label" }, Si = {
+}), [["__scopeId", "data-v-03aa2532"]]), Ti = ["role", "aria-level"], Ei = { class: "coar-agenda-day-header__label" }, Di = {
 	key: 0,
 	class: "coar-agenda-day-header__today"
-}, Ci = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Oi = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarAgendaDayHeader",
 	props: {
 		date: {},
@@ -5229,27 +5305,27 @@ var br = [
 			date: e.date,
 			item: e.item,
 			isToday: e.isToday
-		}, () => [I("span", xi, J(e.label), 1), e.isToday ? (W(), F("span", Si, J(e.todayLabel), 1)) : P("", !0)], !0)], 46, bi));
+		}, () => [I("span", Ei, J(e.label), 1), e.isToday ? (W(), F("span", Di, J(e.todayLabel), 1)) : P("", !0)], !0)], 46, Ti));
 	}
-}), [["__scopeId", "data-v-663a95fb"]]), wi = ["aria-label"], Ti = {
+}), [["__scopeId", "data-v-663a95fb"]]), ki = ["aria-label"], Ai = {
 	key: 0,
 	class: "coar-agenda-view__week-strip"
-}, Ei = {
+}, ji = {
 	key: 0,
 	class: "coar-agenda-view__week-strip-start"
-}, Di = ["aria-label"], Oi = [
+}, Mi = ["aria-label"], Ni = [
 	"aria-selected",
 	"aria-label",
 	"onClick"
-], ki = { class: "coar-agenda-view__week-day-name" }, Ai = { class: "coar-agenda-view__week-day-number" }, ji = {
+], Pi = { class: "coar-agenda-view__week-day-name" }, Fi = { class: "coar-agenda-view__week-day-number" }, Ii = {
 	key: 1,
 	class: "coar-agenda-view__week-strip-end"
-}, Mi = {
+}, Li = {
 	key: 2,
 	class: "coar-agenda-view__empty",
 	role: "status",
 	"aria-live": "polite"
-}, Ni = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Ri = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarAgendaView",
 	props: {
 		builder: {},
@@ -5415,8 +5491,8 @@ var br = [
 			role: "region",
 			"aria-label": X(r)("coar.calendar.agenda.viewLabel", void 0, "Agenda view")
 		}, [
-			e.view === "dayAgenda" ? (W(), F("div", Ti, [
-				t.$slots.weekStripStart ? (W(), F("div", Ei, [q(t.$slots, "weekStripStart", H(B(_.value)), void 0, !0)])) : P("", !0),
+			e.view === "dayAgenda" ? (W(), F("div", Ai, [
+				t.$slots.weekStripStart ? (W(), F("div", ji, [q(t.$slots, "weekStripStart", H(B(_.value)), void 0, !0)])) : P("", !0),
 				I("div", {
 					class: "coar-agenda-view__week-days",
 					role: "tablist",
@@ -5432,10 +5508,10 @@ var br = [
 					"aria-selected": X(u).PlainDate.compare(e, p.value) === 0,
 					"aria-label": D(e.toString()),
 					onClick: (t) => ie(t, e)
-				}, [I("span", ki, J(O(e)), 1), I("span", Ai, J(e.day), 1)], 10, Oi))), 128))], 8, Di),
-				t.$slots.weekStripEnd ? (W(), F("div", ji, [q(t.$slots, "weekStripEnd", H(B(_.value)), void 0, !0)])) : P("", !0)
+				}, [I("span", Pi, J(O(e)), 1), I("span", Fi, J(e.day), 1)], 10, Ni))), 128))], 8, Mi),
+				t.$slots.weekStripEnd ? (W(), F("div", Ii, [q(t.$slots, "weekStripEnd", H(B(_.value)), void 0, !0)])) : P("", !0)
 			])) : P("", !0),
-			_e.value && e.view !== "dayAgenda" ? (W(), N(Ci, {
+			_e.value && e.view !== "dayAgenda" ? (W(), N(Oi, {
 				key: 1,
 				ref: "overlayEl",
 				floating: "",
@@ -5458,7 +5534,7 @@ var br = [
 				"today-label",
 				"transform"
 			])) : P("", !0),
-			R(yi, {
+			R(wi, {
 				ref: "surface",
 				role: "list",
 				"aria-label": X(r)("coar.calendar.agenda.listLabel", void 0, "Agenda"),
@@ -5467,7 +5543,7 @@ var br = [
 				overscan: e.overscan,
 				class: "coar-agenda-view__surface"
 			}, {
-				item: Q(({ y: e }) => [w.value[e].kind === "header" ? (W(), N(Ci, {
+				item: Q(({ y: e }) => [w.value[e].kind === "header" ? (W(), N(Oi, {
 					key: 0,
 					date: X(u).PlainDate.from(w.value[e].date),
 					item: w.value[e],
@@ -5486,7 +5562,7 @@ var br = [
 					"label",
 					"today-label",
 					"onPointerdown"
-				])) : (W(), N(ii, {
+				])) : (W(), N(li, {
 					key: 1,
 					event: w.value[e].event,
 					item: w.value[e],
@@ -5532,19 +5608,19 @@ var br = [
 				"estimated-item-size",
 				"overscan"
 			]),
-			t.$slots.empty && C.value ? (W(), F("div", Mi, [q(t.$slots, "empty", {}, void 0, !0)])) : P("", !0)
-		], 10, wi));
+			t.$slots.empty && C.value ? (W(), F("div", Li, [q(t.$slots, "empty", {}, void 0, !0)])) : P("", !0)
+		], 10, ki));
 	}
-}), [["__scopeId", "data-v-fd057a12"]]), Pi = { class: "coar-timeline-view__date-axis" }, Fi = {
+}), [["__scopeId", "data-v-fd057a12"]]), zi = { class: "coar-timeline-view__date-axis" }, Bi = {
 	key: 1,
 	class: "coar-timeline-view__date-label"
-}, Ii = { class: "coar-timeline-view__label-column" }, Li = ["title"], Ri = ["title"], zi = { class: "coar-timeline-view__day-grid-bg" }, Bi = [
+}, Vi = { class: "coar-timeline-view__label-column" }, Hi = ["title"], Ui = ["title"], Wi = { class: "coar-timeline-view__day-grid-bg" }, Gi = [
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onPointerenter",
 	"onPointerleave"
-], Vi = 8, Hi = /* @__PURE__ */ $(/* @__PURE__ */ z({
+], Ki = 8, qi = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarTimelineView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -5668,7 +5744,7 @@ var br = [
 		let ae = M(() => {
 			let e = l.value.rows, t = a.value.rowHeight;
 			if (t <= 0 || e.length === 0 || O.value <= 0) return e;
-			let n = t, r = re.value - n, i = re.value + O.value - n, o = Math.max(0, Math.floor(r / t) - Vi), s = Math.min(e.length - 1, Math.ceil(i / t) + Vi);
+			let n = t, r = re.value - n, i = re.value + O.value - n, o = Math.max(0, Math.floor(r / t) - Ki), s = Math.min(e.length - 1, Math.ceil(i / t) + Ki);
 			return o > s ? [] : e.slice(o, s + 1);
 		}), A = M(() => ({
 			width: `${a.value.labelWidth + l.value.totalWidth}px`,
@@ -5689,7 +5765,7 @@ var br = [
 			style: U(A.value)
 		}, [
 			t[0] ||= I("div", { class: "coar-timeline-view__corner" }, [I("span", { class: "coar-timeline-view__corner-title" }, "Event")], -1),
-			I("div", Pi, [(W(!0), F(j, null, K(d.value, (t) => (W(), F("div", {
+			I("div", zi, [(W(!0), F(j, null, K(d.value, (t) => (W(), F("div", {
 				key: t.toString(),
 				class: V(["coar-timeline-view__date-cell", {
 					"coar-timeline-view__date-cell--today": p(t),
@@ -5704,8 +5780,8 @@ var br = [
 				date: t,
 				isToday: p(t),
 				isWeekend: m(t)
-			}, void 0, !0) : (W(), F("span", Fi, J(g(t)), 1))], 6))), 128))]),
-			I("div", Ii, [I("div", {
+			}, void 0, !0) : (W(), F("span", Bi, J(g(t)), 1))], 6))), 128))]),
+			I("div", Vi, [I("div", {
 				class: "coar-timeline-view__label-inner",
 				style: U({ height: `${Math.max(l.value.totalHeight, a.value.rowHeight)}px` })
 			}, [(W(!0), F(j, null, K(ae.value, (t) => (W(), F("div", {
@@ -5722,18 +5798,18 @@ var br = [
 			}, void 0, !0) : (W(), F(j, { key: 1 }, [I("span", {
 				class: "coar-timeline-view__label-text",
 				title: _(t.bars[0].event)
-			}, J(_(t.bars[0].event)), 9, Li), t.isRecurring ? (W(), F("span", {
+			}, J(_(t.bars[0].event)), 9, Hi), t.isRecurring ? (W(), F("span", {
 				key: 0,
 				class: "coar-timeline-view__label-count",
 				title: `${t.bars.length} occurrences`
-			}, " ×" + J(t.bars.length), 9, Ri)) : P("", !0)], 64))], 6))), 128))], 4)]),
+			}, " ×" + J(t.bars.length), 9, Ui)) : P("", !0)], 64))], 6))), 128))], 4)]),
 			I("div", {
 				class: "coar-timeline-view__bars-area",
 				style: U({
 					width: `${l.value.totalWidth}px`,
 					height: `${Math.max(l.value.totalHeight, a.value.rowHeight)}px`
 				})
-			}, [I("div", zi, [(W(!0), F(j, null, K(d.value, (e) => (W(), F("div", {
+			}, [I("div", Wi, [(W(!0), F(j, null, K(d.value, (e) => (W(), F("div", {
 				key: e.toString(),
 				class: V(["coar-timeline-view__day-grid-cell", { "coar-timeline-view__day-grid-cell--weekend": m(e) }]),
 				style: U({
@@ -5764,13 +5840,13 @@ var br = [
 				row: t,
 				bar: n,
 				event: n.event
-			}, void 0, !0) : P("", !0)], 46, Bi))), 128))], 64))), 128))], 4)
+			}, void 0, !0) : P("", !0)], 46, Gi))), 128))], 64))), 128))], 4)
 		], 4)], 34));
 	}
-}), [["__scopeId", "data-v-08f29772"]]), Ui = ["aria-label"], Wi = ["onClick"], Gi = {
+}), [["__scopeId", "data-v-08f29772"]]), Ji = ["aria-label"], Yi = ["onClick"], Xi = {
 	class: "coar-year-view__weekdays",
 	"aria-hidden": "true"
-}, Ki = { class: "coar-year-view__days" }, qi = ["tabindex", "onClick"], Ji = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, Zi = { class: "coar-year-view__days" }, Qi = ["tabindex", "onClick"], $i = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarYearView",
 	props: { builder: {} },
 	setup(e) {
@@ -5812,9 +5888,9 @@ var br = [
 				class: "coar-year-view__month-title",
 				type: "button",
 				onClick: (t) => f(e.first)
-			}, J(e.label), 9, Wi),
-			I("div", Gi, [(W(!0), F(j, null, K(l.value, (e, t) => (W(), F("span", { key: t }, J(e), 1))), 128))]),
-			I("div", Ki, [(W(!0), F(j, null, K(e.days, (t) => (W(), F("button", {
+			}, J(e.label), 9, Yi),
+			I("div", Xi, [(W(!0), F(j, null, K(l.value, (e, t) => (W(), F("span", { key: t }, J(e), 1))), 128))]),
+			I("div", Zi, [(W(!0), F(j, null, K(e.days, (t) => (W(), F("button", {
 				key: t.toString(),
 				type: "button",
 				class: V(["coar-year-view__day", {
@@ -5823,19 +5899,19 @@ var br = [
 				}]),
 				tabindex: t.month === e.first.month ? 0 : -1,
 				onClick: (e) => f(t)
-			}, J(t.day), 11, qi))), 128))])
-		]))), 128))], 8, Ui));
+			}, J(t.day), 11, Qi))), 128))])
+		]))), 128))], 8, Ji));
 	}
-}), [["__scopeId", "data-v-bf8ce1e3"]]), Yi = { class: "coar-calendar__header" }, Xi = { class: "coar-calendar__nav" }, Zi = { class: "coar-calendar__range-label" }, Qi = {
+}), [["__scopeId", "data-v-bf8ce1e3"]]), ea = { class: "coar-calendar__header" }, ta = { class: "coar-calendar__nav" }, na = { class: "coar-calendar__range-label" }, ra = {
 	key: 0,
 	class: "coar-calendar__view-switcher"
-}, $i = {
+}, ia = {
 	key: 1,
 	class: "coar-calendar__mode-switcher"
-}, ea = {
+}, aa = {
 	key: 2,
 	class: "coar-calendar__mode-switcher"
-}, ta = 100, na = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}, oa = 100, sa = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "CoarCalendar",
 	props: {
 		builder: {},
@@ -5961,7 +6037,7 @@ var br = [
 			let i = performance.now(), a = ++te;
 			function o(t) {
 				if (a !== te) return;
-				let s = Math.min(1, (t - i) / ta);
+				let s = Math.min(1, (t - i) / oa);
 				e.scrollTop = n + r * (1 - (1 - s) ** 3), s < 1 && requestAnimationFrame(o);
 			}
 			requestAnimationFrame(o);
@@ -5987,9 +6063,9 @@ var br = [
 			cursor: c.value,
 			range: f.value,
 			controls: T.value
-		}, () => [I("header", Yi, [
+		}, () => [I("header", ea, [
 			q(e.$slots, "headerStart", { controls: T.value }, void 0, !0),
-			I("div", Xi, [
+			I("div", ta, [
 				R(X(at), {
 					variant: "secondary",
 					size: "s",
@@ -6013,9 +6089,9 @@ var br = [
 					onClick: m
 				}, null, 8, ["aria-label"])
 			]),
-			I("span", Zi, J(_.value), 1),
+			I("span", na, J(_.value), 1),
 			i[3] ||= I("span", { class: "coar-calendar__spacer" }, null, -1),
-			t.hideViewSwitcher ? P("", !0) : (W(), F("div", Qi, [q(e.$slots, "viewSwitcher", {
+			t.hideViewSwitcher ? P("", !0) : (W(), F("div", ra, [q(e.$slots, "viewSwitcher", {
 				view: X(r),
 				available: n.value.availableViews,
 				setView: g
@@ -6030,13 +6106,13 @@ var br = [
 				"options",
 				"aria-label"
 			])], !0)])),
-			!t.hideModeSwitcher && b.value === "month" && x.value.length > 1 ? (W(), F("div", $i, [R(X(st), {
+			!t.hideModeSwitcher && b.value === "month" && x.value.length > 1 ? (W(), F("div", ia, [R(X(st), {
 				modelValue: S.value,
 				"onUpdate:modelValue": i[1] ||= (e) => S.value = e,
 				options: x.value,
 				size: "xs",
 				"aria-label": "Month display"
-			}, null, 8, ["modelValue", "options"])])) : !t.hideModeSwitcher && b.value === "day" && C.value.length > 1 ? (W(), F("div", ea, [R(X(st), {
+			}, null, 8, ["modelValue", "options"])])) : !t.hideModeSwitcher && b.value === "day" && C.value.length > 1 ? (W(), F("div", aa, [R(X(st), {
 				modelValue: w.value,
 				"onUpdate:modelValue": i[2] ||= (e) => w.value = e,
 				options: C.value,
@@ -6059,7 +6135,7 @@ var br = [
 			name: "dayHeader",
 			fn: Q((t) => [q(e.$slots, "dayHeader", H(B(t)), void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder"])) : X(r) === "dayAgenda" ? (W(), N(Ni, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "dayAgenda" ? (W(), N(Ri, {
 			key: 1,
 			ref: "agendaView",
 			builder: t.builder,
@@ -6118,7 +6194,7 @@ var br = [
 				fn: Q((t) => [q(e.$slots, "dayHeader", H(B(t)), void 0, !0)]),
 				key: "2"
 			} : void 0
-		]), 1032, ["builder"])) : X(r) === "month" ? (W(), N($r, {
+		]), 1032, ["builder"])) : X(r) === "month" ? (W(), N(ii, {
 			key: 4,
 			builder: t.builder
 		}, L({ _: 2 }, [e.$slots.pill || e.$slots.event ? {
@@ -6139,14 +6215,14 @@ var br = [
 				layout: t.bar
 			}, void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder"])) : X(r) === "monthList" ? (W(), N(_i, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "monthList" ? (W(), N(Si, {
 			key: 5,
 			builder: t.builder
 		}, L({ _: 2 }, [e.$slots.event ? {
 			name: "event",
 			fn: Q((t) => [q(e.$slots, "event", Ue(t, { view: X(r) }), void 0, !0)]),
 			key: "0"
-		} : void 0]), 1032, ["builder"])) : X(r) === "agenda" ? (W(), N(Ni, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "agenda" ? (W(), N(Ri, {
 			key: 6,
 			ref: "agendaView",
 			builder: t.builder
@@ -6158,7 +6234,7 @@ var br = [
 			name: "empty",
 			fn: Q(() => [q(e.$slots, "agendaEmpty", {}, void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder"])) : X(r) === "timeline" ? (W(), N(Hi, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "timeline" ? (W(), N(qi, {
 			key: 7,
 			builder: t.builder
 		}, L({ _: 2 }, [e.$slots.event ? {
@@ -6168,12 +6244,12 @@ var br = [
 				view: X(r)
 			}, void 0, !0)]),
 			key: "0"
-		} : void 0]), 1032, ["builder"])) : X(r) === "year" ? (W(), N(Ji, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "year" ? (W(), N($i, {
 			key: 8,
 			builder: t.builder
 		}, null, 8, ["builder"])) : P("", !0)], 2)], 2));
 	}
-}), [["__scopeId", "data-v-76deec08"]]), ra = /* @__PURE__ */ z({
+}), [["__scopeId", "data-v-76deec08"]]), ca = /* @__PURE__ */ z({
 	__name: "CoarDisplayZoneSwitcher",
 	props: {
 		modelValue: {},
@@ -6259,7 +6335,7 @@ var br = [
 			"aria-label"
 		]));
 	}
-}), ia = ["data-x", "data-y"], aa = /* @__PURE__ */ $(/* @__PURE__ */ z({
+}), la = ["data-x", "data-y"], ua = /* @__PURE__ */ $(/* @__PURE__ */ z({
 	__name: "VirtualizedSurface2D",
 	props: {
 		itemCountX: {},
@@ -6341,9 +6417,9 @@ var br = [
 		}, [q(e.$slots, "cell", {
 			x: t.x,
 			y: t.y
-		}, void 0, !0)], 12, ia))), 128))], 4)], 544));
+		}, void 0, !0)], 12, la))), 128))], 4)], 544));
 	}
-}), [["__scopeId", "data-v-fbba32db"]]), oa = {
+}), [["__scopeId", "data-v-fbba32db"]]), da = {
 	en: {
 		"coar.calendar.nav.today": "Today",
 		"coar.calendar.nav.previous": "Previous",
@@ -6439,11 +6515,11 @@ var br = [
 		"coar.calendar.a11y.eventMovedTo": "{title} verschoben auf {when}"
 	}
 };
-function sa() {
+function fa() {
 	return { load(e) {
-		let t = oa[e.split("-")[0].toLowerCase()];
+		let t = da[e.split("-")[0].toLowerCase()];
 		return Promise.resolve(t ? { ...t } : null);
 	} };
 }
 //#endregion
-export { It as CalendarBuilder, Ni as CoarAgendaView, na as CoarCalendar, $r as CoarContinuousMonthView, cr as CoarDayView, ra as CoarDisplayZoneSwitcher, _i as CoarMonthListView, Jr as CoarMonthView, ir as CoarTimeGrid, Hi as CoarTimelineView, lr as CoarWeekView, ur as CoarWorkWeekView, Ji as CoarYearView, ee as DEFAULT_ALL_DAY_MAX_VISIBLE_LANES, te as DEFAULT_TIMED_EVENT_DETAIL_MIN_WIDTH, _e as DEFAULT_WORK_DAYS, s as DstResolutionError, r as MIN_RESIZE_MINUTES, ve as MONTH_COMPACT_VISIBLE_PILLS, je as MONTH_DEFAULT_MAX_VISIBLE_LANES, le as MONTH_STACKED_VISIBLE_PILLS, Se as MeasurementCache, m as TIME_GRID_PRESETS, u as Temporal, yi as VirtualizedSurface1DY, aa as VirtualizedSurface2D, d as allDayBandLanes, a as applyMoveToEvent, ce as buildAgendaItems, n as buildDropPayload, ne as buildFormatOptions, oa as calendarMessages, Ne as capAllDayBand, de as capMonthCellPills, we as capMonthRowLanes, Ee as computeAnchorAdjustment, ke as computeAutoScrollVelocity, l as computeViewWindow, Pe as contentAwareCascadeFrames, sa as createCalendarTranslationSource, g as dateKey, ge as daysInWindow, D as detectBrowserTimezone, e as detectDstSituation, re as detectFirstDayOfWeekFromLocale, h as detectHour12FromLocale, y as endOfMonth, Te as endOfWeek, Fe as eventInkColor, v as eventStartDateInZone, se as eventTextColor, f as formatRangeLabel, ie as formatScheduledTime, zt as getEventZoneHints, me as getVisibleRange1D, A as getVisibleRange2D, be as hitTestVerticalSurface, i as isAllDayEvent, o as isTimedEvent, O as isoWeekNumber, fe as layoutAllDayBand, ae as layoutDayEvents, ye as layoutMonthGrid, Me as layoutOverlappingIntervals, Oe as layoutTimeline, k as localizedWeekdayNames, pe as monthCellPillLimit, T as monthGridDates, x as navigateCursor, c as nowInZone, ue as parsePlainDate, Ae as parseScheduledTime, _ as resolveSpanDays, b as resolveTimeGridRange, p as resolveTimedCardAnatomy, C as responsiveDayColumnCount, xe as startOfMonth, De as startOfWeek, E as timeGridRangeSpecFor, Ie as timeGridStepDays, he as todayInZone, Jt as useA11yAnnouncer, ln as useAgendaView, Lt as useCalendar, Kt as useCalendarDnd, Ht as useCoarDrag, an as useDayView, rn as useMonthDnd, cn as useMonthView, nn as useTimeGridDnd, tn as useTimeGridSwipe, un as useTimelineView, Vt as useViewWindow, on as useWeekView, sn as useWorkWeekView, t as validateCalendarEvent, oe as weekDates, S as windowContainsDate, w as windowDayCount, Ce as workWeekDates };
+export { It as CalendarBuilder, Ri as CoarAgendaView, sa as CoarCalendar, ii as CoarContinuousMonthView, cr as CoarDayView, ca as CoarDisplayZoneSwitcher, Si as CoarMonthListView, $r as CoarMonthView, ir as CoarTimeGrid, qi as CoarTimelineView, lr as CoarWeekView, ur as CoarWorkWeekView, $i as CoarYearView, ee as DEFAULT_ALL_DAY_MAX_VISIBLE_LANES, te as DEFAULT_TIMED_EVENT_DETAIL_MIN_WIDTH, _e as DEFAULT_WORK_DAYS, s as DstResolutionError, r as MIN_RESIZE_MINUTES, ve as MONTH_COMPACT_VISIBLE_PILLS, je as MONTH_DEFAULT_MAX_VISIBLE_LANES, le as MONTH_STACKED_VISIBLE_PILLS, Se as MeasurementCache, m as TIME_GRID_PRESETS, u as Temporal, wi as VirtualizedSurface1DY, ua as VirtualizedSurface2D, d as allDayBandLanes, a as applyMoveToEvent, ce as buildAgendaItems, n as buildDropPayload, ne as buildFormatOptions, da as calendarMessages, Ne as capAllDayBand, de as capMonthCellPills, we as capMonthRowLanes, Ee as computeAnchorAdjustment, ke as computeAutoScrollVelocity, l as computeViewWindow, Pe as contentAwareCascadeFrames, fa as createCalendarTranslationSource, g as dateKey, ge as daysInWindow, D as detectBrowserTimezone, e as detectDstSituation, re as detectFirstDayOfWeekFromLocale, h as detectHour12FromLocale, y as endOfMonth, Te as endOfWeek, Fe as eventInkColor, v as eventStartDateInZone, se as eventTextColor, f as formatRangeLabel, ie as formatScheduledTime, zt as getEventZoneHints, me as getVisibleRange1D, A as getVisibleRange2D, be as hitTestVerticalSurface, i as isAllDayEvent, o as isTimedEvent, O as isoWeekNumber, fe as layoutAllDayBand, ae as layoutDayEvents, ye as layoutMonthGrid, Me as layoutOverlappingIntervals, Oe as layoutTimeline, k as localizedWeekdayNames, pe as monthCellPillLimit, T as monthGridDates, x as navigateCursor, c as nowInZone, ue as parsePlainDate, Ae as parseScheduledTime, _ as resolveSpanDays, b as resolveTimeGridRange, p as resolveTimedCardAnatomy, C as responsiveDayColumnCount, xe as startOfMonth, De as startOfWeek, E as timeGridRangeSpecFor, Ie as timeGridStepDays, he as todayInZone, Jt as useA11yAnnouncer, ln as useAgendaView, Lt as useCalendar, Kt as useCalendarDnd, Ht as useCoarDrag, an as useDayView, rn as useMonthDnd, cn as useMonthView, nn as useTimeGridDnd, tn as useTimeGridSwipe, un as useTimelineView, Vt as useViewWindow, on as useWeekView, sn as useWorkWeekView, t as validateCalendarEvent, oe as weekDates, S as windowContainsDate, w as windowDayCount, Ce as workWeekDates };