@cocoar/vue-calendar 2.14.0 → 2.16.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./move-math-vYSpEW-r.js";
-import { A as c, C as l, D as u, E as d, F as f, I as p, L as m, M as h, N as g, O as _, P as v, R as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as ee, f as E, g as te, h as D, i as O, j as ne, k as re, l as k, m as ie, n as ae, o as oe, p as se, r as ce, s as le, t as ue, u as de, v as fe, w as pe, x as me, y as A, z as he } from "./core-D-gBBiQ5.js";
+import { A as c, C as l, D as u, E as d, F as f, I as p, L as m, M as h, N as g, O as _, P as v, R as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as ee, f as E, g as te, h as D, i as O, j as ne, k as re, l as k, m as ie, n as ae, o as oe, p as se, r as ce, s as le, t as ue, u as de, v as fe, w as pe, x as me, y as A, z as he } from "./core-D8QAB2K3.js";
 import { Fragment as j, computed as M, createBlock as N, createCommentVNode as P, createElementBlock as F, createElementVNode as I, createSlots as ge, createTextVNode as _e, createVNode as L, defineComponent as R, effectScope as ve, guardReactiveProps as z, h as ye, isRef as be, isVNode as xe, mergeProps as Se, nextTick as Ce, normalizeClass as B, normalizeProps as V, normalizeStyle as H, onBeforeUnmount as we, onMounted as U, onScopeDispose as Te, onUnmounted as Ee, openBlock as W, ref as G, renderList as K, renderSlot as q, shallowReactive as De, shallowRef as Oe, toDisplayString as J, toValue as Y, unref as X, useTemplateRef as ke, watch as Z, watchEffect as Ae, withCtx as Q, withDirectives as je, withModifiers as Me } from "vue";
 import { useI18n as Ne, useLocalization as Pe } from "@cocoar/vue-localization";
 import { CoarButton as Fe, CoarContextMenu as Ie, CoarIcon as Le, CoarMenuItem as Re, CoarSegmentedControl as ze, CoarSelect as Be, useContextMenu as Ve } from "@cocoar/vue-ui";
@@ -1587,10 +1587,14 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 	"role",
 	"aria-label",
 	"aria-hidden"
-], Dt = { class: "coar-time-grid-event__default" }, Ot = { class: "coar-time-grid-event__title-row" }, kt = { class: "coar-time-grid-event__title" }, At = {
-	key: 2,
+], Dt = {
+	key: 0,
+	class: "coar-time-grid-event__point-edge",
+	"aria-hidden": "true"
+}, Ot = { class: "coar-time-grid-event__default" }, kt = { class: "coar-time-grid-event__title-row" }, At = { class: "coar-time-grid-event__title" }, jt = {
+	key: 3,
 	class: "coar-time-grid-event__default"
-}, jt = { class: "coar-time-grid-event__title-row" }, Mt = { class: "coar-time-grid-event__title" }, Nt = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Mt = { class: "coar-time-grid-event__title-row" }, Nt = { class: "coar-time-grid-event__title" }, Pt = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridEvent",
 	props: {
 		event: {},
@@ -1632,20 +1636,20 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 		"endResize"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = M(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = M(() => n.variant === "live" || n.variant === "preview");
-		function o(e) {
+		let n = e, r = t, i = M(() => n.variant === "live" || n.variant === "preview" && n.kbdActive), a = M(() => n.event.end == null), o = M(() => n.variant === "live" || n.variant === "preview");
+		function s(e) {
 			i.value && r("pointerdown", e);
 		}
-		function s(e) {
+		function c(e) {
 			i.value && r("keydown", e);
 		}
-		function c(e) {
+		function l(e) {
 			i.value && (e.stopPropagation(), r("dblclick", e));
 		}
-		function l(e) {
+		function u(e) {
 			e.stopPropagation(), r("startResize", e);
 		}
-		function u(e) {
+		function d(e) {
 			e.stopPropagation(), r("endResize", e);
 		}
 		return (t, n) => (W(), F("div", {
@@ -1656,7 +1660,8 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				"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"
+				"coar-time-grid-event--density-compact": e.density === "compact",
+				"coar-time-grid-event--point": a.value
 			}]),
 			style: H({
 				top: e.top + "px",
@@ -1664,55 +1669,56 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				left: e.left,
 				width: e.width,
 				zIndex: e.zIndex,
-				background: e.bg,
-				borderLeft: `3px solid ${e.border}`
+				"--event-bg": e.bg,
+				"--event-border": 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
+			onPointerdown: s,
+			onKeydown: c,
+			onDblclick: l
 		}, [
-			i.value ? (W(), F("div", {
-				key: 0,
+			a.value && !e.clippedTop ? (W(), F("div", Dt)) : P("", !0),
+			i.value && !a.value ? (W(), F("div", {
+				key: 1,
 				class: "coar-time-grid-event__resize coar-time-grid-event__resize--top",
 				"aria-hidden": "true",
-				onPointerdown: l
+				onPointerdown: u
 			}, null, 32)) : P("", !0),
-			a.value ? q(t.$slots, "default", {
-				key: 1,
+			o.value ? q(t.$slots, "default", {
+				key: 2,
 				event: e.event,
 				positioned: e.positioned
-			}, () => [I("div", Dt, [I("span", Ot, [L(Tt, {
+			}, () => [I("div", Ot, [I("span", kt, [L(Tt, {
 				event: e.event,
 				"display-zone": e.displayZone,
 				size: "s"
-			}, null, 8, ["event", "display-zone"]), I("span", kt, J(e.title), 1)])])], !0) : (W(), F("div", At, [I("span", jt, [L(Tt, {
+			}, null, 8, ["event", "display-zone"]), I("span", At, J(e.title), 1)])])], !0) : (W(), F("div", jt, [I("span", Mt, [L(Tt, {
 				event: e.event,
 				"display-zone": e.displayZone,
 				size: "s"
-			}, null, 8, ["event", "display-zone"]), I("span", Mt, J(e.title), 1)])])),
-			i.value ? (W(), F("div", {
-				key: 3,
+			}, null, 8, ["event", "display-zone"]), I("span", Nt, J(e.title), 1)])])),
+			i.value && !a.value ? (W(), F("div", {
+				key: 4,
 				class: "coar-time-grid-event__resize coar-time-grid-event__resize--bottom",
 				"aria-hidden": "true",
-				onPointerdown: u
+				onPointerdown: d
 			}, null, 32)) : P("", !0)
 		], 46, Et));
 	}
-}), [["__scopeId", "data-v-9d7d3ab2"]]), Pt = [
+}), [["__scopeId", "data-v-3741cd28"]]), Ft = [
 	"data-event-id",
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], Ft = { class: "coar-time-grid-all-day-bar__title" }, It = {
+], It = { class: "coar-time-grid-all-day-bar__title" }, Lt = {
 	key: 2,
 	class: "coar-time-grid-all-day-bar__title"
-}, Lt = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Rt = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridAllDayBar",
 	props: {
 		event: {},
@@ -1807,16 +1813,16 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				key: 1,
 				event: e.event,
 				bar: e.bar
-			}, () => [I("span", Ft, J(e.title), 1)], !0) : (W(), F("span", It, J(e.title), 1)),
+			}, () => [I("span", It, J(e.title), 1)], !0) : (W(), F("span", Lt, J(e.title), 1)),
 			s.value ? (W(), F("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)) : P("", !0)
-		], 46, Pt));
+		], 46, Ft));
 	}
-}), [["__scopeId", "data-v-4fac0b2d"]]), Rt = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-4fac0b2d"]]), zt = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridNowMarker",
 	props: { topPx: {} },
 	setup(e) {
@@ -1826,10 +1832,10 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			"aria-hidden": "true"
 		}, [...n[0] ||= [I("span", { class: "coar-time-grid-now-marker__dot" }, null, -1), I("span", { class: "coar-time-grid-now-marker__line" }, null, -1)]], 4));
 	}
-}), [["__scopeId", "data-v-ce9e34d0"]]), zt = {
+}), [["__scopeId", "data-v-ce9e34d0"]]), Bt = {
 	class: "coar-time-grid-header__cells",
 	role: "row"
-}, Bt = ["aria-colindex", "aria-current"], Vt = { class: "coar-time-grid-header__label" }, Ht = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Vt = ["aria-colindex", "aria-current"], Ht = { class: "coar-time-grid-header__label" }, Ut = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridHeader",
 	props: {
 		days: {},
@@ -1842,7 +1848,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 		return (t, n) => (W(), F("div", { class: B(["coar-time-grid-header", { "coar-time-grid-header--density-compact": e.density === "compact" }]) }, [n[0] ||= I("div", {
 			class: "coar-time-grid-header__corner",
 			"aria-hidden": "true"
-		}, null, -1), I("div", zt, [(W(!0), F(j, null, K(e.days, (n, r) => (W(), F("div", {
+		}, null, -1), I("div", Bt, [(W(!0), F(j, null, K(e.days, (n, r) => (W(), F("div", {
 			key: n.toString(),
 			class: B(["coar-time-grid-header__cell", {
 				"coar-time-grid-header__cell--today": e.isToday(n),
@@ -1855,12 +1861,12 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			date: n,
 			isToday: e.isToday(n),
 			isWeekend: e.isWeekend(n)
-		}, () => [I("span", Vt, J(e.formatLabel(n)), 1)], !0)], 10, Bt))), 128))])], 2));
+		}, () => [I("span", Ht, J(e.formatLabel(n)), 1)], !0)], 10, Vt))), 128))])], 2));
 	}
-}), [["__scopeId", "data-v-ed6739ff"]]), Ut = ["aria-label"], Wt = {
+}), [["__scopeId", "data-v-ed6739ff"]]), Wt = ["aria-label"], Gt = {
 	class: "coar-time-grid-all-day-band__axis",
 	"aria-hidden": "true"
-}, Gt = ["onPointerdown"], Kt = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Kt = ["onPointerdown"], qt = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridAllDayBand",
 	props: {
 		days: {},
@@ -1881,7 +1887,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			style: H({ minHeight: e.bandHeightPx + "px" }),
 			role: "region",
 			"aria-label": e.axisLabel
-		}, [I("div", Wt, J(e.axisLabel), 1), I("div", {
+		}, [I("div", Gt, J(e.axisLabel), 1), I("div", {
 			ref: (t) => e.setColumnsEl(t),
 			class: "coar-time-grid-all-day-band__columns"
 		}, [(W(!0), F(j, null, K(e.days, (t, n) => (W(), F("div", {
@@ -1892,9 +1898,9 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			}]),
 			style: H({ gridColumn: n + 1 }),
 			onPointerdown: (e) => r(e, t)
-		}, null, 46, Gt))), 128)), q(t.$slots, "default", {}, void 0, !0)], 512)], 12, Ut));
+		}, null, 46, Kt))), 128)), q(t.$slots, "default", {}, void 0, !0)], 512)], 12, Wt));
 	}
-}), [["__scopeId", "data-v-4eabecb1"]]), qt = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-4eabecb1"]]), Jt = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGridColumn",
 	props: {
 		day: {},
@@ -1929,21 +1935,21 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			onPointerdown: a
 		}, [q(t.$slots, "default", {}, void 0, !0)], 38));
 	}
-}), [["__scopeId", "data-v-32d41217"]]), Jt = ["aria-label"], Yt = {
+}), [["__scopeId", "data-v-32d41217"]]), Yt = ["aria-label"], Xt = {
 	class: "coar-time-grid__a11y-live",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, Xt = { class: "coar-time-grid__sticky-top" }, Zt = {
+}, Zt = { class: "coar-time-grid__sticky-top" }, Qt = {
 	key: 2,
 	class: "coar-time-grid__all-day-bar-title"
-}, Qt = ["data-hour"], $t = {
+}, $t = ["data-hour"], en = {
 	ref: "columns",
 	class: "coar-time-grid__columns"
-}, en = {
+}, tn = {
 	key: 2,
 	class: "coar-time-grid__event-default"
-}, tn = { class: "coar-time-grid__event-title" }, nn = 15, rn = 24, an = 2, on = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, nn = { class: "coar-time-grid__event-title" }, rn = 15, an = 24, on = 2, sn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimeGrid",
 	props: {
 		builder: {},
@@ -2014,7 +2020,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			surfaceRef: T,
 			columnsRef: x,
 			allDayColumnsRef: S,
-			topBufferMinutes: M(() => nn),
+			topBufferMinutes: M(() => rn),
 			canDrop: g.value ?? void 0,
 			onEventClick: (e, t) => {
 				t && n.builder.state.onEventClick?.({
@@ -2075,7 +2081,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				when: i
 			}, `${n} moved to ${i}`));
 		}
-		let pe = M(() => s.value[1] - s.value[0]), me = M(() => pe.value * 60), he = M(() => pe.value * l.value + 2 * (l.value * nn) / 60), _e = M(() => l.value * c.value / 60), R = M(() => {
+		let pe = M(() => s.value[1] - s.value[0]), me = M(() => pe.value * 60), he = M(() => pe.value * l.value + 2 * (l.value * rn) / 60), _e = M(() => l.value * c.value / 60), R = M(() => {
 			let e = [], t = new Intl.DateTimeFormat(f.value, w({ hour: "numeric" }, {
 				timeStyle: a.value.timeStyle,
 				hour12: a.value.hour12
@@ -2102,12 +2108,12 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 		}), z = M(() => de(te.value, {
 			days: _.value,
 			timezone: u.value
-		})), ye = M(() => z.value.length === 0 ? 0 : z.value[0].laneCount), be = M(() => ye.value === 0 ? 0 : ye.value * (rn + an) + 8);
+		})), ye = M(() => z.value.length === 0 ? 0 : z.value[0].laneCount), be = M(() => ye.value === 0 ? 0 : ye.value * (an + on) + 8);
 		function xe(e) {
 			return e * l.value / 60;
 		}
 		function Ce(e) {
-			return xe(e + nn);
+			return xe(e + rn);
 		}
 		let Te = G(m(u.value)), Ee = G(h(u.value)), De = 0;
 		U(() => {
@@ -2190,7 +2196,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			return typeof t?.color == "string" ? t.color : void 0;
 		}
 		function Ve(e) {
-			return Be(e) ?? "var(--coar-color-accent-soft, #93c5fd)";
+			return Be(e) ?? "var(--coar-calendar-event-default-bg, var(--coar-color-accent-soft, #93c5fd))";
 		}
 		function He(e) {
 			return Be(e) ?? "var(--coar-color-accent, #2563eb)";
@@ -2216,8 +2222,8 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			role: "region",
 			"aria-label": X(v).length === 1 ? X(r)("coar.calendar.timegrid.dayLabel", void 0, "Day view") : X(r)("coar.calendar.timegrid.weekLabel", void 0, "Week view")
 		}, [
-			I("div", Yt, J(X(se).message.value), 1),
-			I("div", Xt, [L(Ht, {
+			I("div", Xt, J(X(se).message.value), 1),
+			I("div", Zt, [L(Ut, {
 				days: X(v),
 				"is-today": Z,
 				"is-weekend": je,
@@ -2231,7 +2237,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 					ctx: t
 				}, null, 8, ["renderer", "ctx"])) : P("", !0)]),
 				key: "0"
-			} : void 0]), 1032, ["days", "density"]), ye.value > 0 ? (W(), N(Kt, {
+			} : void 0]), 1032, ["days", "density"]), ye.value > 0 ? (W(), N(qt, {
 				key: 0,
 				days: X(v),
 				"axis-label": X(r)("coar.calendar.timegrid.allDay", void 0, "all-day"),
@@ -2242,7 +2248,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				onCellPointerdown: t[0] ||= (e, t) => Le(e, t)
 			}, {
 				default: Q(() => [
-					(W(!0), F(j, null, K(z.value, (t) => (W(), N(Lt, {
+					(W(!0), F(j, null, K(z.value, (t) => (W(), N(Rt, {
 						key: t.event.id,
 						event: t.event,
 						bar: t,
@@ -2253,10 +2259,10 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						title: Re(t.event),
 						"aria-label": X(k)(t.event.id) && X(oe) ? le(t.event) : ze(t.event),
 						density: p.value,
-						top: 4 + t.lane * (rn + an),
+						top: 4 + t.lane * (an + on),
 						left: `calc(${t.startCol / X(v).length * 100}% + ${t.startCol === 0 ? 4 : 2}px)`,
 						width: `calc(${(t.endCol - t.startCol + 1) / X(v).length * 100}% - ${(t.startCol === 0 ? 4 : 2) + (t.endCol === X(v).length - 1 ? 4 : 2)}px)`,
-						height: rn,
+						height: an,
 						"z-index": X(k)(t.event.id) ? 100 : 1,
 						"clipped-start": t.clippedStart,
 						"clipped-end": t.clippedEnd,
@@ -2292,7 +2298,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 									layout: n
 								}
 							}
-						}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Zt, J(Re(t)), 1))]),
+						}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Qt, J(Re(t)), 1))]),
 						_: 3
 					}, 8, [
 						"event",
@@ -2318,7 +2324,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						"onStartResize",
 						"onEndResize"
 					]))), 128)),
-					X(O) ? (W(), N(Lt, {
+					X(O) ? (W(), N(Rt, {
 						key: 0,
 						variant: "phantom",
 						event: X(O).event,
@@ -2327,10 +2333,10 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						border: He(X(O).event),
 						title: Re(X(O).event),
 						density: p.value,
-						top: 4 + X(O).lane * (rn + an),
+						top: 4 + X(O).lane * (an + on),
 						left: `calc(${X(O).startCol / X(v).length * 100}% + ${X(O).startCol === 0 ? 4 : 2}px)`,
 						width: `calc(${(X(O).endCol - X(O).startCol + 1) / X(v).length * 100}% - ${(X(O).startCol === 0 ? 4 : 2) + (X(O).endCol === X(v).length - 1 ? 4 : 2)}px)`,
-						height: rn,
+						height: an,
 						"z-index": 1,
 						"clipped-start": X(O).clippedStart,
 						"clipped-end": X(O).clippedEnd
@@ -2346,7 +2352,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						"clipped-start",
 						"clipped-end"
 					])) : P("", !0),
-					X(re) && X(E).draggedEvent.value ? (W(), N(Lt, {
+					X(re) && X(E).draggedEvent.value ? (W(), N(Rt, {
 						key: 1,
 						variant: "invalid",
 						event: X(E).draggedEvent.value,
@@ -2356,10 +2362,10 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						title: Re(X(E).draggedEvent.value),
 						"snapping-back": X(E).snappingBack.value,
 						density: p.value,
-						top: 4 + (X(O)?.lane ?? 0) * (rn + an),
+						top: 4 + (X(O)?.lane ?? 0) * (an + on),
 						left: `calc(${X(re).startCol / X(v).length * 100}% + ${X(re).startCol === 0 ? 4 : 2}px)`,
 						width: `calc(${(X(re).endCol - X(re).startCol + 1) / X(v).length * 100}% - ${(X(re).startCol === 0 ? 4 : 2) + (X(re).endCol === X(v).length - 1 ? 4 : 2)}px)`,
-						height: rn,
+						height: an,
 						"z-index": 100
 					}, null, 8, [
 						"event",
@@ -2390,18 +2396,18 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				class: "coar-time-grid__hour-label",
 				"data-hour": e.hour,
 				style: H({ top: Ce((e.hour - s.value[0]) * 60) + "px" })
-			}, J(e.label), 13, Qt))), 128))], 4), I("div", $t, [(W(!0), F(j, null, K(ve.value, (r) => (W(), N(qt, {
+			}, J(e.label), 13, $t))), 128))], 4), I("div", en, [(W(!0), F(j, null, K(ve.value, (r) => (W(), N(Jt, {
 				key: r.date.toString(),
 				day: r.date,
 				"is-today": Z(r.date),
 				"is-weekend": je(r.date),
 				"height-px": he.value,
 				"slot-height-px": _e.value,
-				"render-buffer-offset-px": xe(nn),
+				"render-buffer-offset-px": xe(rn),
 				onPointerdown: t[1] ||= (e, t) => Ie(e, t)
 			}, {
 				default: Q(() => [
-					(W(!0), F(j, null, K(r.positioned, (t) => (W(), N(Nt, {
+					(W(!0), F(j, null, K(r.positioned, (t) => (W(), N(Pt, {
 						key: t.event.id,
 						event: t.event,
 						positioned: t,
@@ -2452,7 +2458,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 									layout: n
 								}
 							}
-						}, null, 8, ["renderer", "ctx"])) : (W(), F("div", en, [I("span", tn, J(Re(t)), 1)]))]),
+						}, null, 8, ["renderer", "ctx"])) : (W(), F("div", tn, [I("span", nn, J(Re(t)), 1)]))]),
 						_: 3
 					}, 8, [
 						"event",
@@ -2480,7 +2486,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						"onStartResize",
 						"onEndResize"
 					]))), 128)),
-					X(D) && X(D).dayKey === r.date.toString() ? (W(), N(Nt, {
+					X(D) && X(D).dayKey === r.date.toString() ? (W(), N(Pt, {
 						key: 0,
 						variant: "phantom",
 						event: X(D).event,
@@ -2508,7 +2514,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						"width",
 						"z-index"
 					])) : P("", !0),
-					X(ne) && X(ne).dayKey === r.date.toString() && X(E).draggedEvent.value ? (W(), N(Nt, {
+					X(ne) && X(ne).dayKey === r.date.toString() && X(E).draggedEvent.value ? (W(), N(Pt, {
 						key: 1,
 						variant: "invalid",
 						event: X(E).draggedEvent.value,
@@ -2533,7 +2539,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 						"top",
 						"height"
 					])) : P("", !0),
-					Z(r.date) && Oe.value !== null ? (W(), N(Rt, {
+					Z(r.date) && Oe.value !== null ? (W(), N(zt, {
 						key: 2,
 						"top-px": Ce(Oe.value)
 					}, null, 8, ["top-px"])) : P("", !0)
@@ -2547,16 +2553,16 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				"slot-height-px",
 				"render-buffer-offset-px"
 			]))), 128))], 512)], 4)
-		], 10, Jt));
+		], 10, Yt));
 	}
-}), [["__scopeId", "data-v-9e7bf32c"]]), sn = { class: "coar-day-view" }, cn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-cab88cd2"]]), cn = { class: "coar-day-view" }, ln = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarDayView",
 	props: { builder: {} },
 	setup(e) {
 		let t = e;
 		nt(t.builder, { view: "day" });
 		let n = M(() => [t.builder.state.date.value]);
-		return (t, r) => (W(), F("div", sn, [L(on, {
+		return (t, r) => (W(), F("div", cn, [L(sn, {
 			builder: e.builder,
 			dates: n.value
 		}, ge({ _: 2 }, [t.$slots.event ? {
@@ -2569,7 +2575,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			key: "1"
 		} : void 0]), 1032, ["builder", "dates"])]));
 	}
-}), [["__scopeId", "data-v-639564d0"]]), ln = { class: "coar-week-view" }, un = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-639564d0"]]), un = { class: "coar-week-view" }, dn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarWeekView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -2582,7 +2588,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				start: e[0],
 				end: e[e.length - 1]
 			};
-		} }), (t, n) => (W(), F("div", ln, [L(on, {
+		} }), (t, n) => (W(), F("div", un, [L(sn, {
 			builder: e.builder,
 			dates: o.value
 		}, ge({ _: 2 }, [
@@ -2603,7 +2609,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			} : void 0
 		]), 1032, ["builder", "dates"])]));
 	}
-}), [["__scopeId", "data-v-29a99a70"]]), dn = { class: "coar-work-week-view" }, fn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-29a99a70"]]), fn = { class: "coar-work-week-view" }, pn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarWorkWeekView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -2616,7 +2622,7 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 				start: e[0],
 				end: e[e.length - 1]
 			};
-		} }), (t, n) => (W(), F("div", dn, [L(on, {
+		} }), (t, n) => (W(), F("div", fn, [L(sn, {
 			builder: e.builder,
 			dates: s.value
 		}, ge({ _: 2 }, [
@@ -2637,12 +2643,12 @@ var bt = ["title", "aria-label"], xt = { class: "coar-event-decorations__sr-only
 			} : void 0
 		]), 1032, ["builder", "dates"])]));
 	}
-}), [["__scopeId", "data-v-0cfec5b4"]]), pn = 20, mn = 2, hn = 24, gn = 76, _n = 100, vn = 300;
-function yn(e) {
+}), [["__scopeId", "data-v-0cfec5b4"]]), mn = 20, hn = 2, gn = 24, _n = 76, vn = 100, yn = 300;
+function bn(e) {
 	function t(e) {
-		return hn + e * (pn + mn);
+		return gn + e * (mn + hn);
 	}
-	let n = M(() => e.layout.value.weekRows.map((e) => e.multiDayBars.length === 0 ? hn : hn + e.multiDayBars[0].laneCount * (pn + mn))), r = G(/* @__PURE__ */ new Set()), i = M(() => n.value.map((e, t) => r.value.has(t) ? vn : Math.max(_n, e + gn)));
+	let n = M(() => e.layout.value.weekRows.map((e) => e.multiDayBars.length === 0 ? gn : gn + e.multiDayBars[0].laneCount * (mn + hn))), r = G(/* @__PURE__ */ new Set()), i = M(() => n.value.map((e, t) => r.value.has(t) ? yn : Math.max(vn, e + _n)));
 	function a(e) {
 		r.value.has(e) || (r.value = new Set([e]));
 	}
@@ -2685,9 +2691,9 @@ function yn(e) {
 	}), Z(e.resetToken, () => {
 		r.value = /* @__PURE__ */ new Set();
 	}), {
-		BAR_HEIGHT: pn,
-		BAR_GAP: mn,
-		DAY_NUMBER_HEIGHT: hn,
+		BAR_HEIGHT: mn,
+		BAR_GAP: hn,
+		DAY_NUMBER_HEIGHT: gn,
 		barTopPx: t,
 		rowBarHeightsPx: n,
 		rowHeightPx: i,
@@ -2699,13 +2705,13 @@ function yn(e) {
 }
 //#endregion
 //#region src/components/internal/month/CoarMonthPill.vue?vue&type=script&setup=true&lang.ts
-var bn = [
+var xn = [
 	"data-event-id",
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], xn = { class: "coar-month-pill__title" }, Sn = { class: "coar-month-pill__title" }, Cn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Sn = { class: "coar-month-pill__title" }, Cn = { class: "coar-month-pill__title" }, wn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthPill",
 	props: {
 		event: {},
@@ -2770,19 +2776,19 @@ var bn = [
 			event: e.event,
 			"display-zone": e.displayZone,
 			size: "xs"
-		}, null, 8, ["event", "display-zone"]), I("span", xn, J(e.title), 1)], !0) : (W(), F(j, { key: 1 }, [L(Tt, {
+		}, null, 8, ["event", "display-zone"]), I("span", Sn, J(e.title), 1)], !0) : (W(), F(j, { key: 1 }, [L(Tt, {
 			event: e.event,
 			"display-zone": e.displayZone,
 			size: "xs"
-		}, null, 8, ["event", "display-zone"]), I("span", Sn, J(e.title), 1)], 64))], 46, bn));
+		}, null, 8, ["event", "display-zone"]), I("span", Cn, J(e.title), 1)], 64))], 46, xn));
 	}
-}), [["__scopeId", "data-v-ca59e6dd"]]), wn = [
+}), [["__scopeId", "data-v-ca59e6dd"]]), Tn = [
 	"data-event-id",
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], Tn = { class: "coar-month-bar__title" }, En = { class: "coar-month-bar__title" }, Dn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], En = { class: "coar-month-bar__title" }, Dn = { class: "coar-month-bar__title" }, On = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthBar",
 	props: {
 		event: {},
@@ -2883,27 +2889,27 @@ var bn = [
 				event: e.event,
 				"display-zone": e.displayZone,
 				size: "xs"
-			}, null, 8, ["event", "display-zone"])), I("span", Tn, J(e.title), 1)], !0) : (W(), F(j, { key: 2 }, [e.clippedStart ? P("", !0) : (W(), N(Tt, {
+			}, null, 8, ["event", "display-zone"])), I("span", En, J(e.title), 1)], !0) : (W(), F(j, { key: 2 }, [e.clippedStart ? P("", !0) : (W(), N(Tt, {
 				key: 0,
 				event: e.event,
 				"display-zone": e.displayZone,
 				size: "xs"
-			}, null, 8, ["event", "display-zone"])), I("span", En, J(e.title), 1)], 64)),
+			}, null, 8, ["event", "display-zone"])), I("span", Dn, J(e.title), 1)], 64)),
 			s.value ? (W(), F("div", {
 				key: 3,
 				class: "coar-month-bar__resize coar-month-bar__resize--end",
 				"aria-hidden": "true",
 				onPointerdown: p
 			}, null, 32)) : P("", !0)
-		], 46, wn));
+		], 46, Tn));
 	}
-}), [["__scopeId", "data-v-aae90a51"]]), On = [
+}), [["__scopeId", "data-v-aae90a51"]]), kn = [
 	"data-day-key",
 	"aria-rowindex",
 	"aria-colindex",
 	"aria-label",
 	"aria-current"
-], kn = { class: "coar-month-cell__day-number-row" }, An = { class: "coar-month-cell__day-number" }, jn = ["aria-label", "aria-expanded"], Mn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], An = { class: "coar-month-cell__day-number-row" }, jn = { class: "coar-month-cell__day-number" }, Mn = ["aria-label", "aria-expanded"], Nn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthCell",
 	props: {
 		day: {},
@@ -2962,7 +2968,7 @@ var bn = [
 			"aria-current": e.isToday ? "date" : void 0,
 			onPointerdown: a,
 			onContextmenu: o
-		}, [I("div", kn, [I("span", An, J(e.day.day), 1), I("button", {
+		}, [I("div", An, [I("span", jn, J(e.day.day), 1), I("button", {
 			type: "button",
 			class: "coar-month-cell__menu-trigger",
 			"aria-label": e.kebabAriaLabel,
@@ -2994,12 +3000,12 @@ var bn = [
 				r: "1",
 				fill: "currentColor"
 			})
-		], -1)]], 40, jn)]), I("div", {
+		], -1)]], 40, Mn)]), I("div", {
 			class: "coar-month-cell__pills",
 			style: H({ marginTop: e.pillsMarginTopPx + "px" })
-		}, [q(t.$slots, "default", {}, void 0, !0)], 4)], 42, On));
+		}, [q(t.$slots, "default", {}, void 0, !0)], 4)], 42, kn));
 	}
-}), [["__scopeId", "data-v-a2e2a614"]]), Nn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-a2e2a614"]]), Pn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthRow",
 	props: {
 		heightPx: {},
@@ -3012,39 +3018,39 @@ var bn = [
 			role: "row"
 		}, [q(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-8f7c41d6"]]), Pn = { class: "coar-month-grid" }, Fn = {
+}), [["__scopeId", "data-v-8f7c41d6"]]), Fn = { class: "coar-month-grid" }, In = {
 	class: "coar-month-grid__weekday-row",
 	role: "row",
 	"aria-rowindex": "1"
-}, In = ["aria-colindex"], Ln = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Ln = ["aria-colindex"], Rn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthGrid",
 	props: {
 		weekdayHeaders: {},
 		setRowsEl: { type: Function }
 	},
 	setup(e) {
-		return (t, n) => (W(), F("div", Pn, [I("div", Fn, [(W(!0), F(j, null, K(e.weekdayHeaders, (e, t) => (W(), F("div", {
+		return (t, n) => (W(), F("div", Fn, [I("div", In, [(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, In))), 128))]), I("div", {
+		}, J(e), 9, Ln))), 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"]]), Rn = ["aria-label", "aria-rowcount"], zn = {
+}), [["__scopeId", "data-v-d0d74cdf"]]), zn = ["aria-label", "aria-rowcount"], Bn = {
 	class: "coar-month-view__a11y-live",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, Bn = {
+}, Vn = {
 	key: 2,
 	class: "coar-month-view__pill-title"
-}, Vn = {
+}, Hn = {
 	key: 2,
 	class: "coar-month-view__bar-title"
-}, Hn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Un = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarMonthView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -3141,7 +3147,7 @@ var bn = [
 		function de(e) {
 			return e.dayOfWeek === 6 || e.dayOfWeek === 7;
 		}
-		let { BAR_HEIGHT: fe, DAY_NUMBER_HEIGHT: pe, barTopPx: he, rowBarHeightsPx: ge, rowHeightPx: _e, expandedRows: R, expandRow: ve, collapseRow: z } = yn({
+		let { BAR_HEIGHT: fe, DAY_NUMBER_HEIGHT: pe, barTopPx: he, rowBarHeightsPx: ge, rowHeightPx: _e, expandedRows: R, expandRow: ve, collapseRow: z } = bn({
 			layout: se,
 			gridRef: v,
 			resetToken: h
@@ -3183,7 +3189,7 @@ var bn = [
 			return typeof t?.color == "string" ? t.color : void 0;
 		}
 		function Ee(e) {
-			return Te(e) ?? "var(--coar-color-accent-soft, #93c5fd)";
+			return Te(e) ?? "var(--coar-calendar-event-default-bg, var(--coar-color-accent-soft, #93c5fd))";
 		}
 		function De(e) {
 			return Te(e) ?? "var(--coar-color-accent, #2563eb)";
@@ -3261,18 +3267,18 @@ var bn = [
 			"aria-rowcount": se.value.weekRows.length + 1,
 			"aria-colcount": 7
 		}, [
-			I("div", zn, J(X(O).message.value), 1),
-			L(Ln, {
+			I("div", Bn, J(X(O).message.value), 1),
+			L(Rn, {
 				"weekday-headers": _.value,
 				"set-rows-el": y
 			}, {
-				default: Q(() => [(W(!0), F(j, null, K(se.value.weekRows, (t, i) => (W(), N(Nn, {
+				default: Q(() => [(W(!0), F(j, null, K(se.value.weekRows, (t, i) => (W(), N(Pn, {
 					key: t.weekStart.toString(),
 					"height-px": X(_e)[i],
 					density: a.value.density
 				}, {
 					default: Q(() => [
-						(W(!0), F(j, null, K(t.days, (t, o) => (W(), N(Mn, {
+						(W(!0), F(j, null, K(t.days, (t, o) => (W(), N(Nn, {
 							key: t.toString(),
 							day: t,
 							"day-key": X(me)(t),
@@ -3291,7 +3297,7 @@ var bn = [
 							onKebabClick: (e) => Ce(e, i, t)
 						}, {
 							default: Q(() => [
-								(W(!0), F(j, null, K(we(t), (t) => (W(), N(Cn, {
+								(W(!0), F(j, null, K(we(t), (t) => (W(), N(wn, {
 									key: t.event.id,
 									event: t.event,
 									pill: t,
@@ -3333,7 +3339,7 @@ var bn = [
 												layout: n
 											}
 										}
-									}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Bn, J(U(t)), 1))]),
+									}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Vn, J(U(t)), 1))]),
 									_: 2
 								}, 1032, [
 									"event",
@@ -3352,7 +3358,7 @@ var bn = [
 									"onPointerenter",
 									"onPointerleave"
 								]))), 128)),
-								X(S) && X(S).bars.length === 0 && X(S).pillCells.includes(X(me)(t)) ? (W(), N(Cn, {
+								X(S) && X(S).bars.length === 0 && X(S).pillCells.includes(X(me)(t)) ? (W(), N(wn, {
 									key: 0,
 									variant: "phantom",
 									event: X(S).event,
@@ -3370,7 +3376,7 @@ var bn = [
 									"display-zone",
 									"density"
 								])) : P("", !0),
-								X(ee)(t) && X(b).draggedEvent.value ? (W(), N(Cn, {
+								X(ee)(t) && X(b).draggedEvent.value ? (W(), N(wn, {
 									key: 1,
 									variant: "invalid",
 									event: X(b).draggedEvent.value,
@@ -3409,7 +3415,7 @@ var bn = [
 							"onCellContextmenu",
 							"onKebabClick"
 						]))), 128)),
-						(W(!0), F(j, null, K(t.multiDayBars, (t) => (W(), N(Dn, {
+						(W(!0), F(j, null, K(t.multiDayBars, (t) => (W(), N(On, {
 							key: t.event.id,
 							event: t.event,
 							bar: t,
@@ -3460,7 +3466,7 @@ var bn = [
 										layout: n
 									}
 								}
-							}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Vn, J(U(t)), 1))]),
+							}, null, 8, ["renderer", "ctx"])) : (W(), F("span", Hn, J(U(t)), 1))]),
 							_: 3
 						}, 8, [
 							"event",
@@ -3488,7 +3494,7 @@ var bn = [
 							"onStartResize",
 							"onEndResize"
 						]))), 128)),
-						(W(!0), F(j, null, K(X(S) && X(S).bars.length > 0 ? X(S).bars.filter((e) => e.rowIndex === i) : [], (e) => (W(), N(Dn, {
+						(W(!0), F(j, null, K(X(S) && X(S).bars.length > 0 ? X(S).bars.filter((e) => e.rowIndex === i) : [], (e) => (W(), N(On, {
 							key: `phantom-${e.startCol}-${e.endCol}`,
 							variant: "phantom",
 							event: X(S).event,
@@ -3520,7 +3526,7 @@ var bn = [
 							"clipped-start",
 							"clipped-end"
 						]))), 128)),
-						X(C) && X(C).rowIndex === i && X(C).isBar && X(b).draggedEvent.value ? (W(), N(Dn, {
+						X(C) && X(C).rowIndex === i && X(C).isBar && X(b).draggedEvent.value ? (W(), N(On, {
 							key: 0,
 							variant: "invalid",
 							event: X(b).draggedEvent.value,
@@ -3566,9 +3572,9 @@ var bn = [
 				}, null, 8, ["label"])) : P("", !0)]),
 				_: 1
 			}, 8, ["menu"])
-		], 10, Rn));
+		], 10, zn));
 	}
-}), [["__scopeId", "data-v-8b07a2bc"]]), Un = ["data-y"], Wn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-d538aedd"]]), Wn = ["data-y"], Gn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "VirtualizedSurface1DY",
 	props: {
 		itemCount: {},
@@ -3725,12 +3731,12 @@ var bn = [
 			class: "coar-virtualized-surface-1dy__item",
 			style: H({ transform: `translateY(${h(t)}px)` }),
 			"data-y": t
-		}, [q(e.$slots, "item", { y: t }, void 0, !0)], 12, Un)), [[C, t]])), 128))], 4)], 544));
+		}, [q(e.$slots, "item", { y: t }, void 0, !0)], 12, Wn)), [[C, t]])), 128))], 4)], 544));
 	}
-}), [["__scopeId", "data-v-50d47c8e"]]), Gn = ["role", "aria-level"], Kn = { class: "coar-agenda-day-header__label" }, qn = {
+}), [["__scopeId", "data-v-50d47c8e"]]), Kn = ["role", "aria-level"], qn = { class: "coar-agenda-day-header__label" }, Jn = {
 	key: 0,
 	class: "coar-agenda-day-header__today"
-}, Jn = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Yn = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarAgendaDayHeader",
 	props: {
 		date: {},
@@ -3767,12 +3773,12 @@ var bn = [
 			date: e.date,
 			item: e.item,
 			isToday: e.isToday
-		}, () => [I("span", Kn, J(e.label), 1), e.isToday ? (W(), F("span", qn, J(e.todayLabel), 1)) : P("", !0)], !0)], 46, Gn));
+		}, () => [I("span", qn, J(e.label), 1), e.isToday ? (W(), F("span", Jn, J(e.todayLabel), 1)) : P("", !0)], !0)], 46, Kn));
 	}
-}), [["__scopeId", "data-v-990c502f"]]), Yn = { class: "coar-agenda-event__default" }, Xn = { class: "coar-agenda-event__time" }, Zn = { class: "coar-agenda-event__title" }, Qn = {
+}), [["__scopeId", "data-v-990c502f"]]), Xn = { class: "coar-agenda-event__default" }, Zn = { class: "coar-agenda-event__time" }, Qn = { class: "coar-agenda-event__title" }, $n = {
 	key: 0,
 	class: "coar-agenda-event__continuation-tag"
-}, $n = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, er = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarAgendaEvent",
 	props: {
 		event: {},
@@ -3800,24 +3806,24 @@ var bn = [
 		}, [q(t.$slots, "default", {
 			event: e.event,
 			item: e.item
-		}, () => [I("div", Yn, [
+		}, () => [I("div", Xn, [
 			I("span", {
 				class: "coar-agenda-event__color",
 				style: H({ background: e.color })
 			}, null, 4),
-			I("span", Xn, J(e.timeLabel), 1),
-			I("span", Zn, [
+			I("span", Zn, J(e.timeLabel), 1),
+			I("span", Qn, [
 				L(Tt, {
 					event: e.event,
 					"display-zone": e.displayZone,
 					size: "s"
 				}, null, 8, ["event", "display-zone"]),
 				_e(" " + J(e.title) + " ", 1),
-				e.item.isContinuation ? (W(), F("span", Qn, J(e.continuationTag), 1)) : P("", !0)
+				e.item.isContinuation ? (W(), F("span", $n, J(e.continuationTag), 1)) : P("", !0)
 			])
 		])], !0)], 34));
 	}
-}), [["__scopeId", "data-v-12cce1c9"]]), er = ["aria-label"], tr = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-5dcdb0df"]]), tr = ["aria-label"], nr = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarAgendaView",
 	props: {
 		builder: {},
@@ -3955,7 +3961,7 @@ var bn = [
 			class: B(["coar-agenda-view", [`coar-agenda-view--density-${d.value}`]]),
 			role: "region",
 			"aria-label": X(r)("coar.calendar.agenda.viewLabel", void 0, "Agenda view")
-		}, [le.value ? (W(), N(Jn, {
+		}, [le.value ? (W(), N(Yn, {
 			key: 0,
 			ref: "overlayEl",
 			floating: "",
@@ -3977,7 +3983,7 @@ var bn = [
 			"label",
 			"today-label",
 			"transform"
-		])) : P("", !0), L(Wn, {
+		])) : P("", !0), L(Gn, {
 			ref: "surface",
 			role: "list",
 			"aria-label": X(r)("coar.calendar.agenda.listLabel", void 0, "Agenda"),
@@ -3986,7 +3992,7 @@ var bn = [
 			overscan: e.overscan,
 			class: "coar-agenda-view__surface"
 		}, {
-			item: Q(({ y: e }) => [y.value[e].kind === "header" ? (W(), N(Jn, {
+			item: Q(({ y: e }) => [y.value[e].kind === "header" ? (W(), N(Yn, {
 				key: 0,
 				date: X(A).PlainDate.from(y.value[e].date),
 				item: y.value[e],
@@ -4005,7 +4011,7 @@ var bn = [
 				"label",
 				"today-label",
 				"onPointerdown"
-			])) : (W(), N($n, {
+			])) : (W(), N(er, {
 				key: 1,
 				event: y.value[e].event,
 				item: y.value[e],
@@ -4050,18 +4056,18 @@ var bn = [
 			"item-count",
 			"estimated-item-size",
 			"overscan"
-		])], 10, er));
+		])], 10, tr));
 	}
-}), [["__scopeId", "data-v-7a664b01"]]), nr = { class: "coar-timeline-view__date-axis" }, rr = {
+}), [["__scopeId", "data-v-7a664b01"]]), rr = { class: "coar-timeline-view__date-axis" }, ir = {
 	key: 1,
 	class: "coar-timeline-view__date-label"
-}, ir = { class: "coar-timeline-view__label-column" }, ar = ["title"], or = ["title"], sr = { class: "coar-timeline-view__day-grid-bg" }, cr = [
+}, ar = { class: "coar-timeline-view__label-column" }, or = ["title"], sr = ["title"], cr = { class: "coar-timeline-view__day-grid-bg" }, lr = [
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onPointerenter",
 	"onPointerleave"
-], lr = 8, ur = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], ur = 8, dr = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarTimelineView",
 	props: { builder: {} },
 	setup(e, { expose: t }) {
@@ -4185,7 +4191,7 @@ var bn = [
 		let ie = M(() => {
 			let e = l.value.rows, t = a.value.rowHeight;
 			if (t <= 0 || e.length === 0 || ne.value <= 0) return e;
-			let n = t, r = O.value - n, i = O.value + ne.value - n, o = Math.max(0, Math.floor(r / t) - lr), s = Math.min(e.length - 1, Math.ceil(i / t) + lr);
+			let n = t, r = O.value - n, i = O.value + ne.value - n, o = Math.max(0, Math.floor(r / t) - ur), s = Math.min(e.length - 1, Math.ceil(i / t) + ur);
 			return o > s ? [] : e.slice(o, s + 1);
 		}), ae = M(() => ({
 			width: `${a.value.labelWidth + l.value.totalWidth}px`,
@@ -4206,7 +4212,7 @@ var bn = [
 			style: H(ae.value)
 		}, [
 			t[0] ||= I("div", { class: "coar-timeline-view__corner" }, [I("span", { class: "coar-timeline-view__corner-title" }, "Event")], -1),
-			I("div", nr, [(W(!0), F(j, null, K(u.value, (t) => (W(), F("div", {
+			I("div", rr, [(W(!0), F(j, null, K(u.value, (t) => (W(), F("div", {
 				key: t.toString(),
 				class: B(["coar-timeline-view__date-cell", {
 					"coar-timeline-view__date-cell--today": f(t),
@@ -4221,8 +4227,8 @@ var bn = [
 				date: t,
 				isToday: f(t),
 				isWeekend: p(t)
-			}, void 0, !0) : (W(), F("span", rr, J(h(t)), 1))], 6))), 128))]),
-			I("div", ir, [I("div", {
+			}, void 0, !0) : (W(), F("span", ir, J(h(t)), 1))], 6))), 128))]),
+			I("div", ar, [I("div", {
 				class: "coar-timeline-view__label-inner",
 				style: H({ height: `${Math.max(l.value.totalHeight, a.value.rowHeight)}px` })
 			}, [(W(!0), F(j, null, K(ie.value, (t) => (W(), F("div", {
@@ -4239,18 +4245,18 @@ var bn = [
 			}, void 0, !0) : (W(), F(j, { key: 1 }, [I("span", {
 				class: "coar-timeline-view__label-text",
 				title: g(t.bars[0].event)
-			}, J(g(t.bars[0].event)), 9, ar), t.isRecurring ? (W(), F("span", {
+			}, J(g(t.bars[0].event)), 9, or), t.isRecurring ? (W(), F("span", {
 				key: 0,
 				class: "coar-timeline-view__label-count",
 				title: `${t.bars.length} occurrences`
-			}, " ×" + J(t.bars.length), 9, or)) : P("", !0)], 64))], 6))), 128))], 4)]),
+			}, " ×" + J(t.bars.length), 9, sr)) : P("", !0)], 64))], 6))), 128))], 4)]),
 			I("div", {
 				class: "coar-timeline-view__bars-area",
 				style: H({
 					width: `${l.value.totalWidth}px`,
 					height: `${Math.max(l.value.totalHeight, a.value.rowHeight)}px`
 				})
-			}, [I("div", sr, [(W(!0), F(j, null, K(u.value, (e) => (W(), F("div", {
+			}, [I("div", cr, [(W(!0), F(j, null, K(u.value, (e) => (W(), F("div", {
 				key: e.toString(),
 				class: B(["coar-timeline-view__day-grid-cell", { "coar-timeline-view__day-grid-cell--weekend": p(e) }]),
 				style: H({
@@ -4281,10 +4287,10 @@ var bn = [
 				row: t,
 				bar: n,
 				event: n.event
-			}, void 0, !0) : P("", !0)], 46, cr))), 128))], 64))), 128))], 4)
+			}, void 0, !0) : P("", !0)], 46, lr))), 128))], 64))), 128))], 4)
 		], 4)], 34));
 	}
-}), [["__scopeId", "data-v-b47f606a"]]), dr = { class: "coar-calendar__header" }, fr = { class: "coar-calendar__nav" }, pr = { class: "coar-calendar__range-label" }, mr = 100, hr = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-b47f606a"]]), fr = { class: "coar-calendar__header" }, pr = { class: "coar-calendar__nav" }, mr = { class: "coar-calendar__range-label" }, hr = 100, gr = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "CoarCalendar",
 	props: { builder: {} },
 	setup(e) {
@@ -4391,7 +4397,7 @@ var bn = [
 			let i = performance.now(), a = ++C;
 			function o(t) {
 				if (a !== C) return;
-				let s = Math.min(1, (t - i) / mr);
+				let s = Math.min(1, (t - i) / hr);
 				e.scrollTop = n + r * (1 - (1 - s) ** 3), s < 1 && requestAnimationFrame(o);
 			}
 			requestAnimationFrame(o);
@@ -4416,9 +4422,9 @@ var bn = [
 			cursor: c.value,
 			range: d.value,
 			controls: b.value
-		}, () => [I("header", dr, [
+		}, () => [I("header", fr, [
 			q(e.$slots, "headerStart", { controls: b.value }, void 0, !0),
-			I("div", fr, [
+			I("div", pr, [
 				L(X(Fe), {
 					variant: "secondary",
 					size: "s",
@@ -4442,7 +4448,7 @@ var bn = [
 					onClick: p
 				}, null, 8, ["aria-label"])
 			]),
-			I("span", pr, J(g.value), 1),
+			I("span", mr, J(g.value), 1),
 			i[1] ||= I("span", { class: "coar-calendar__spacer" }, null, -1),
 			q(e.$slots, "viewSwitcher", {
 				view: X(r),
@@ -4464,7 +4470,7 @@ var bn = [
 			ref_key: "bodyEl",
 			ref: x,
 			class: B(["coar-calendar__body", `coar-calendar__body--${X(r)}`])
-		}, [X(r) === "day" ? (W(), N(cn, {
+		}, [X(r) === "day" ? (W(), N(ln, {
 			key: 0,
 			builder: t.builder
 		}, ge({ _: 2 }, [e.$slots.event ? {
@@ -4475,7 +4481,7 @@ var bn = [
 			name: "dayHeader",
 			fn: Q((t) => [q(e.$slots, "dayHeader", V(z(t)), void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder"])) : X(r) === "week" ? (W(), N(un, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "week" ? (W(), N(dn, {
 			key: 1,
 			builder: t.builder
 		}, ge({ _: 2 }, [
@@ -4494,7 +4500,7 @@ var bn = [
 				fn: Q((t) => [q(e.$slots, "dayHeader", V(z(t)), void 0, !0)]),
 				key: "2"
 			} : void 0
-		]), 1032, ["builder"])) : X(r) === "workWeek" ? (W(), N(fn, {
+		]), 1032, ["builder"])) : X(r) === "workWeek" ? (W(), N(pn, {
 			key: 2,
 			builder: t.builder
 		}, ge({ _: 2 }, [
@@ -4513,7 +4519,7 @@ var bn = [
 				fn: Q((t) => [q(e.$slots, "dayHeader", V(z(t)), void 0, !0)]),
 				key: "2"
 			} : void 0
-		]), 1032, ["builder"])) : X(r) === "month" ? (W(), N(Hn, {
+		]), 1032, ["builder"])) : X(r) === "month" ? (W(), N(Un, {
 			key: 3,
 			builder: t.builder
 		}, ge({ _: 2 }, [e.$slots.pill || e.$slots.event ? {
@@ -4534,7 +4540,7 @@ var bn = [
 				layout: t.bar
 			}, void 0, !0)]),
 			key: "1"
-		} : void 0]), 1032, ["builder"])) : X(r) === "agenda" ? (W(), N(tr, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "agenda" ? (W(), N(nr, {
 			key: 4,
 			ref: "agendaView",
 			builder: t.builder
@@ -4542,7 +4548,7 @@ var bn = [
 			name: "event",
 			fn: Q((t) => [q(e.$slots, "event", Se(t, { view: X(r) }), void 0, !0)]),
 			key: "0"
-		} : void 0]), 1032, ["builder"])) : X(r) === "timeline" ? (W(), N(ur, {
+		} : void 0]), 1032, ["builder"])) : X(r) === "timeline" ? (W(), N(dr, {
 			key: 5,
 			builder: t.builder
 		}, ge({ _: 2 }, [e.$slots.event ? {
@@ -4554,7 +4560,7 @@ var bn = [
 			key: "0"
 		} : void 0]), 1032, ["builder"])) : P("", !0)], 2)], 2));
 	}
-}), [["__scopeId", "data-v-b56d4847"]]), gr = /* @__PURE__ */ R({
+}), [["__scopeId", "data-v-b56d4847"]]), _r = /* @__PURE__ */ R({
 	__name: "CoarDisplayZoneSwitcher",
 	props: {
 		modelValue: {},
@@ -4640,7 +4646,7 @@ var bn = [
 			"aria-label"
 		]));
 	}
-}), _r = ["data-x", "data-y"], vr = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), vr = ["data-x", "data-y"], yr = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "VirtualizedSurface2D",
 	props: {
 		itemCountX: {},
@@ -4722,8 +4728,8 @@ var bn = [
 		}, [q(e.$slots, "cell", {
 			x: t.x,
 			y: t.y
-		}, void 0, !0)], 12, _r))), 128))], 4)], 544));
+		}, void 0, !0)], 12, vr))), 128))], 4)], 544));
 	}
 }), [["__scopeId", "data-v-fbba32db"]]);
 //#endregion
-export { Ze as CalendarBuilder, tr as CoarAgendaView, hr as CoarCalendar, cn as CoarDayView, gr as CoarDisplayZoneSwitcher, Hn as CoarMonthView, on as CoarTimeGrid, ur as CoarTimelineView, un as CoarWeekView, fn as CoarWorkWeekView, se as DEFAULT_WORK_DAYS, s as DstResolutionError, r as MIN_RESIZE_MINUTES, oe as MeasurementCache, A as Temporal, Wn as VirtualizedSurface1DY, vr as VirtualizedSurface2D, a as applyMoveToEvent, T as buildAgendaItems, n as buildDropPayload, w as buildFormatOptions, ce as computeAnchorAdjustment, ue as computeAutoScrollVelocity, ie as computeViewWindow, me as dateKey, D as daysInWindow, b as detectBrowserTimezone, e as detectDstSituation, l as detectFirstDayOfWeekFromLocale, pe as detectHour12FromLocale, x as endOfMonth, d as endOfWeek, u as eventStartDateInZone, _ as formatScheduledTime, et as getEventZoneHints, O as getVisibleRange1D, C as getVisibleRange2D, ae as hitTestVerticalSurface, i as isAllDayEvent, o as isTimedEvent, re as isoWeekNumber, de as layoutAllDayBand, ee as layoutDayEvents, k as layoutMonthGrid, E as layoutOverlappingIntervals, le as layoutTimeline, c as localizedWeekdayNames, ne as monthGridDates, te as navigateCursor, h as nowInZone, g as parsePlainDate, v as parseScheduledTime, f as startOfMonth, p as startOfWeek, m as todayInZone, lt as useA11yAnnouncer, gt as useAgendaView, Qe as useCalendar, st as useCalendarDnd, rt as useCoarDrag, ft as useDayView, dt as useMonthDnd, ht as useMonthView, ut as useTimeGridDnd, _t as useTimelineView, nt as useViewWindow, pt as useWeekView, mt as useWorkWeekView, t as validateCalendarEvent, y as weekDates, S as windowContainsDate, fe as windowDayCount, he as workWeekDates };
+export { Ze as CalendarBuilder, nr as CoarAgendaView, gr as CoarCalendar, ln as CoarDayView, _r as CoarDisplayZoneSwitcher, Un as CoarMonthView, sn as CoarTimeGrid, dr as CoarTimelineView, dn as CoarWeekView, pn as CoarWorkWeekView, se as DEFAULT_WORK_DAYS, s as DstResolutionError, r as MIN_RESIZE_MINUTES, oe as MeasurementCache, A as Temporal, Gn as VirtualizedSurface1DY, yr as VirtualizedSurface2D, a as applyMoveToEvent, T as buildAgendaItems, n as buildDropPayload, w as buildFormatOptions, ce as computeAnchorAdjustment, ue as computeAutoScrollVelocity, ie as computeViewWindow, me as dateKey, D as daysInWindow, b as detectBrowserTimezone, e as detectDstSituation, l as detectFirstDayOfWeekFromLocale, pe as detectHour12FromLocale, x as endOfMonth, d as endOfWeek, u as eventStartDateInZone, _ as formatScheduledTime, et as getEventZoneHints, O as getVisibleRange1D, C as getVisibleRange2D, ae as hitTestVerticalSurface, i as isAllDayEvent, o as isTimedEvent, re as isoWeekNumber, de as layoutAllDayBand, ee as layoutDayEvents, k as layoutMonthGrid, E as layoutOverlappingIntervals, le as layoutTimeline, c as localizedWeekdayNames, ne as monthGridDates, te as navigateCursor, h as nowInZone, g as parsePlainDate, v as parseScheduledTime, f as startOfMonth, p as startOfWeek, m as todayInZone, lt as useA11yAnnouncer, gt as useAgendaView, Qe as useCalendar, st as useCalendarDnd, rt as useCoarDrag, ft as useDayView, dt as useMonthDnd, ht as useMonthView, ut as useTimeGridDnd, _t as useTimelineView, nt as useViewWindow, pt as useWeekView, mt as useWorkWeekView, t as validateCalendarEvent, y as weekDates, S as windowContainsDate, fe as windowDayCount, he as workWeekDates };