@calends/vue 0.1.0 → 0.2.0

package/README.md

@@ -96,10 +96,12 @@ const events = [
 ```
 
 Bars sit inside their start day's gridcell (so the ARIA grid stays intact) and span across with
-`--event-span`. Inside the views, events are typed as plain `CalendarEventInput`; read your own
-fields from an event primitive's slot (`event.source`), which is typed loosely for that. Every segment of a multi-week event gets `data-highlighted` together on hover or
+`--event-span`. Every segment of a multi-week event gets `data-highlighted` together on hover or
 focus.
 
+Inside the views, events are typed as plain `CalendarEventInput`, so read your own fields from an event
+primitive's slot (`event.source`), which is typed loosely for that.
+
 ## Components
 
 | View        | Primitives                                                                                            |

package/dist/index.js

@@ -2,7 +2,7 @@ import { computed as e, createBlock as t, createCommentVNode as n, createElement
 import { Primitive as T } from "reka-ui";
 import { createGantt as E, createMonthGrid as D, createResourceGrid as O, createTimeGrid as k, createTimeline as A, daysBetween as j, ganttLinkArrow as M, isSamePeriod as N, localTimeZone as P, moveEvent as F, navigate as I, normalizeEvents as L, orderedRange as R, periodRange as z, periodTitle as ee, resizeEvent as B, roundedPath as te, routeGanttLink as ne, snapMinutes as re, startOfWeek as V, wallMinutes as H, withTimes as U } from "@calends/core";
 // src/useInteractions.ts
-var ie = 4, W = "a[href], button, [tabindex]:not([tabindex=\"-1\"])";
+var ie = 4, W = "a[href], button, [tabindex]:not([tabindex=\"-1\"])", ae = "[data-event-id], [data-calendar-control], a[href], button, input, select, textarea";
 function G(t) {
 	let n = _(null), r = _(null), i = h(""), a = e(() => y(t.editable) ?? !1), o = e(() => y(t.selectable) ?? !1), s = e(() => y(t.snapMinutes) ?? 15), l = e(() => y(t.slotMinMinutes) ?? 0), u = e(() => y(t.slotMaxMinutes) ?? 1440);
 	function d(e) {
@@ -147,7 +147,7 @@ function G(t) {
 	}
 	function D(e) {
 		let n = e.target;
-		if (!o.value || e.button !== 0 || e.pointerType === "touch" || n?.closest("[data-event-id], [data-calendar-control]")) return;
+		if (!o.value || e.button !== 0 || e.pointerType === "touch" || n?.closest(ae)) return;
 		let i = m(e.clientX, e.clientY);
 		if (!i) return;
 		e.preventDefault(), n?.closest("[role=\"gridcell\"]")?.focus(), r.value = {
@@ -434,7 +434,7 @@ function Y(e) {
 	return t;
 }
 // src/CalendarHeading.vue
-var ae = /* @__PURE__ */ a({
+var oe = /* @__PURE__ */ a({
 	__name: "CalendarHeading",
 	props: {
 		asChild: { type: Boolean },
@@ -451,7 +451,7 @@ var ae = /* @__PURE__ */ a({
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), oe = /* @__PURE__ */ a({
+}), se = /* @__PURE__ */ a({
 	__name: "CalendarNav",
 	props: {
 		asChild: { type: Boolean },
@@ -481,7 +481,7 @@ var ae = /* @__PURE__ */ a({
 			"data-current"
 		]));
 	}
-}), se = /* @__PURE__ */ a({
+}), ce = /* @__PURE__ */ a({
 	__name: "CalendarRoot",
 	props: /*@__PURE__*/ s({
 		asChild: { type: Boolean },
@@ -582,7 +582,7 @@ var ae = /* @__PURE__ */ a({
 			"data-view"
 		]));
 	}
-}), ce = /* @__PURE__ */ a({
+}), le = /* @__PURE__ */ a({
 	__name: "MonthDay",
 	props: {
 		asChild: { type: Boolean },
@@ -636,7 +636,7 @@ var ae = /* @__PURE__ */ a({
 			"data-selected"
 		]));
 	}
-}), le = /* @__PURE__ */ a({
+}), ue = /* @__PURE__ */ a({
 	__name: "MonthDayMore",
 	props: {
 		asChild: { type: Boolean },
@@ -656,7 +656,8 @@ var ae = /* @__PURE__ */ a({
 			as: r.as,
 			"as-child": r.asChild,
 			type: r.as === "button" ? "button" : void 0,
-			"aria-label": s.value
+			"aria-label": s.value,
+			"data-calendar-control": ""
 		}, {
 			default: C(() => [g(e.$slots, "default", {
 				hiddenCount: r.day.hiddenCount,
@@ -772,7 +773,7 @@ var $ = /* @__PURE__ */ a({
 			"onKeydown"
 		]));
 	}
-}), ue = /* @__PURE__ */ a({
+}), de = /* @__PURE__ */ a({
 	__name: "EventResizeHandle",
 	props: {
 		asChild: { type: Boolean },
@@ -799,7 +800,7 @@ var $ = /* @__PURE__ */ a({
 			"data-edge"
 		])) : n("", !0);
 	}
-}), de = /* @__PURE__ */ a({
+}), fe = /* @__PURE__ */ a({
 	__name: "Gantt",
 	props: {
 		asChild: { type: Boolean },
@@ -830,7 +831,7 @@ var $ = /* @__PURE__ */ a({
 			"onPointerdown"
 		]));
 	}
-}), fe = /* @__PURE__ */ a({
+}), pe = /* @__PURE__ */ a({
 	__name: "GanttBar",
 	props: {
 		asChild: { type: Boolean },
@@ -887,7 +888,7 @@ var $ = /* @__PURE__ */ a({
 			"onKeydown"
 		]));
 	}
-}), pe = /* @__PURE__ */ a({
+}), me = /* @__PURE__ */ a({
 	__name: "GanttLinks",
 	props: {
 		gap: { default: 12 },
@@ -945,7 +946,7 @@ var $ = /* @__PURE__ */ a({
 			"aria-hidden": "true"
 		}, [g(e.$slots, "default", { links: y.value })], 512));
 	}
-}), me = /* @__PURE__ */ a({
+}), he = /* @__PURE__ */ a({
 	__name: "GanttRow",
 	props: {
 		asChild: { type: Boolean },
@@ -970,7 +971,7 @@ var $ = /* @__PURE__ */ a({
 			"data-row-event-id"
 		]));
 	}
-}), he = /* @__PURE__ */ a({
+}), ge = /* @__PURE__ */ a({
 	__name: "GanttToday",
 	props: {
 		asChild: { type: Boolean },
@@ -993,7 +994,7 @@ var $ = /* @__PURE__ */ a({
 			"style"
 		]));
 	}
-}), ge = /* @__PURE__ */ a({
+}), _e = /* @__PURE__ */ a({
 	__name: "GanttTrack",
 	props: {
 		asChild: { type: Boolean },
@@ -1017,7 +1018,7 @@ var $ = /* @__PURE__ */ a({
 			"data-axis-days"
 		]));
 	}
-}), _e = /* @__PURE__ */ a({
+}), ve = /* @__PURE__ */ a({
 	__name: "MonthGrid",
 	props: {
 		asChild: { type: Boolean },
@@ -1066,7 +1067,7 @@ var $ = /* @__PURE__ */ a({
 			"onPointerdown"
 		]));
 	}
-}), ve = /* @__PURE__ */ a({
+}), ye = /* @__PURE__ */ a({
 	__name: "MonthWeek",
 	props: {
 		asChild: { type: Boolean },
@@ -1096,7 +1097,7 @@ var $ = /* @__PURE__ */ a({
 			"data-overflow"
 		]));
 	}
-}), ye = /* @__PURE__ */ a({
+}), be = /* @__PURE__ */ a({
 	__name: "MonthWeekday",
 	props: {
 		asChild: { type: Boolean },
@@ -1124,7 +1125,7 @@ var $ = /* @__PURE__ */ a({
 			"data-weekend"
 		]));
 	}
-}), be = /* @__PURE__ */ a({
+}), xe = /* @__PURE__ */ a({
 	__name: "NowIndicator",
 	props: {
 		asChild: { type: Boolean },
@@ -1148,7 +1149,7 @@ var $ = /* @__PURE__ */ a({
 			"style"
 		])) : n("", !0);
 	}
-}), xe = /* @__PURE__ */ a({
+}), Se = /* @__PURE__ */ a({
 	__name: "ResourceCell",
 	props: {
 		asChild: { type: Boolean },
@@ -1184,7 +1185,7 @@ var $ = /* @__PURE__ */ a({
 			"data-today": a.value?.isToday ? "" : void 0,
 			"data-weekend": a.value?.isWeekend ? "" : void 0,
 			"data-busy": n.cell.eventCount ? "" : void 0,
-			"data-overlap": n.cell.eventCount > 1 ? "" : void 0,
+			"data-overlap": n.cell.hasOverlap ? "" : void 0,
 			"data-focused": o.value ? "" : void 0,
 			"data-selected": c.value ? "" : void 0,
 			"data-drop": "day",
@@ -1212,7 +1213,7 @@ var $ = /* @__PURE__ */ a({
 			"data-resource-id"
 		]));
 	}
-}), Se = /* @__PURE__ */ a({
+}), Ce = /* @__PURE__ */ a({
 	__name: "ResourceDayHeader",
 	props: {
 		asChild: { type: Boolean },
@@ -1242,7 +1243,7 @@ var $ = /* @__PURE__ */ a({
 			"data-weekend"
 		]));
 	}
-}), Ce = /* @__PURE__ */ a({
+}), we = /* @__PURE__ */ a({
 	__name: "ResourceGrid",
 	props: {
 		asChild: { type: Boolean },
@@ -1317,7 +1318,7 @@ var $ = /* @__PURE__ */ a({
 			"onPointerdown"
 		]));
 	}
-}), we = /* @__PURE__ */ a({
+}), Te = /* @__PURE__ */ a({
 	__name: "ResourceLabel",
 	props: {
 		asChild: { type: Boolean },
@@ -1339,7 +1340,7 @@ var $ = /* @__PURE__ */ a({
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), Te = /* @__PURE__ */ a({
+}), Ee = /* @__PURE__ */ a({
 	__name: "ResourceRow",
 	props: {
 		asChild: { type: Boolean },
@@ -1371,7 +1372,7 @@ var $ = /* @__PURE__ */ a({
 			"data-overlap"
 		]));
 	}
-}), Ee = /* @__PURE__ */ a({
+}), De = /* @__PURE__ */ a({
 	__name: "TimeColumn",
 	props: {
 		asChild: { type: Boolean },
@@ -1404,7 +1405,7 @@ var $ = /* @__PURE__ */ a({
 			"data-weekend"
 		]));
 	}
-}), De = /* @__PURE__ */ a({
+}), Oe = /* @__PURE__ */ a({
 	__name: "TimeEvent",
 	props: {
 		asChild: { type: Boolean },
@@ -1463,7 +1464,7 @@ var $ = /* @__PURE__ */ a({
 			"onKeydown"
 		]));
 	}
-}), Oe = /* @__PURE__ */ a({
+}), ke = /* @__PURE__ */ a({
 	__name: "TimeGrid",
 	props: {
 		asChild: { type: Boolean },
@@ -1498,7 +1499,7 @@ var $ = /* @__PURE__ */ a({
 			"onPointerdown"
 		]));
 	}
-}), ke = /* @__PURE__ */ a({
+}), Ae = /* @__PURE__ */ a({
 	__name: "TimeSelection",
 	props: {
 		asChild: { type: Boolean },
@@ -1533,7 +1534,7 @@ var $ = /* @__PURE__ */ a({
 			"style"
 		])) : n("", !0);
 	}
-}), Ae = /* @__PURE__ */ a({
+}), je = /* @__PURE__ */ a({
 	__name: "Timeline",
 	props: {
 		asChild: { type: Boolean },
@@ -1568,7 +1569,7 @@ var $ = /* @__PURE__ */ a({
 			"onPointerdown"
 		]));
 	}
-}), je = /* @__PURE__ */ a({
+}), Me = /* @__PURE__ */ a({
 	__name: "TimelineEvent",
 	props: {
 		asChild: { type: Boolean },
@@ -1633,7 +1634,7 @@ var $ = /* @__PURE__ */ a({
 			"onKeydown"
 		]));
 	}
-}), Me = /* @__PURE__ */ a({
+}), Ne = /* @__PURE__ */ a({
 	__name: "TimelineNow",
 	props: {
 		asChild: { type: Boolean },
@@ -1659,7 +1660,7 @@ var $ = /* @__PURE__ */ a({
 			"style"
 		]));
 	}
-}), Ne = /* @__PURE__ */ a({
+}), Pe = /* @__PURE__ */ a({
 	__name: "TimelineRow",
 	props: {
 		asChild: { type: Boolean },
@@ -1691,7 +1692,7 @@ var $ = /* @__PURE__ */ a({
 			"data-idle"
 		]));
 	}
-}), Pe = /* @__PURE__ */ a({
+}), Fe = /* @__PURE__ */ a({
 	__name: "TimelineSelection",
 	props: {
 		asChild: { type: Boolean },
@@ -1726,7 +1727,7 @@ var $ = /* @__PURE__ */ a({
 			"style"
 		])) : n("", !0);
 	}
-}), Fe = /* @__PURE__ */ a({
+}), Ie = /* @__PURE__ */ a({
 	__name: "TimelineTrack",
 	props: {
 		asChild: { type: Boolean },
@@ -1752,6 +1753,6 @@ var $ = /* @__PURE__ */ a({
 		]));
 	}
 });
-export { ae as CalendarHeading, oe as CalendarNav, se as CalendarRoot, $ as EventBar, $ as MonthEvent, ue as EventResizeHandle, de as Gantt, fe as GanttBar, pe as GanttLinks, me as GanttRow, he as GanttToday, ge as GanttTrack, ce as MonthDay, le as MonthDayMore, _e as MonthGrid, ve as MonthWeek, ye as MonthWeekday, be as NowIndicator, xe as ResourceCell, Se as ResourceDayHeader, Ce as ResourceGrid, we as ResourceLabel, Te as ResourceRow, Ee as TimeColumn, De as TimeEvent, Oe as TimeGrid, ke as TimeSelection, Ae as Timeline, je as TimelineEvent, Me as TimelineNow, Ne as TimelineRow, Pe as TimelineSelection, Fe as TimelineTrack, Y as injectCalendarContext, Q as injectEventPrimitive, J as provideCalendarContext, K as useCalendar, Z as useEventState, G as useInteractions };
+export { oe as CalendarHeading, se as CalendarNav, ce as CalendarRoot, $ as EventBar, $ as MonthEvent, de as EventResizeHandle, fe as Gantt, pe as GanttBar, me as GanttLinks, he as GanttRow, ge as GanttToday, _e as GanttTrack, le as MonthDay, ue as MonthDayMore, ve as MonthGrid, ye as MonthWeek, be as MonthWeekday, xe as NowIndicator, Se as ResourceCell, Ce as ResourceDayHeader, we as ResourceGrid, Te as ResourceLabel, Ee as ResourceRow, De as TimeColumn, Oe as TimeEvent, ke as TimeGrid, Ae as TimeSelection, je as Timeline, Me as TimelineEvent, Ne as TimelineNow, Pe as TimelineRow, Fe as TimelineSelection, Ie as TimelineTrack, Y as injectCalendarContext, Q as injectEventPrimitive, J as provideCalendarContext, K as useCalendar, Z as useEventState, G as useInteractions };
 
 //# sourceMappingURL=index.js.map