@mantine-vue/schedule 2.3.1 → 3.0.0

package/esm/index.mjs

@@ -145,11 +145,18 @@ function getMonthsByQuarter(year) {
 }
 //#endregion
 //#region src/utils/clamp-interval-minutes/clamp-interval-minutes.ts
-/** Clamp interval minutes to valid values (1-60) and ensure it divides evenly into 60 */
+/**
+* Clamps interval minutes to a value that keeps the time grid consistent:
+*
+* - Values of 60 or less must divide evenly into an hour.
+* - Values above an hour must be a whole number of hours.
+*
+* Invalid values fall back to 60 and the result is capped to one day.
+*/
 function clampIntervalMinutes(intervalMinutes) {
-	let clamped = Math.round(Math.max(1, Math.min(60, intervalMinutes)));
-	clamped = 60 % clamped === 0 ? clamped : 60;
-	return clamped;
+	const rounded = Math.round(Math.max(1, Math.min(1440, intervalMinutes)));
+	if (rounded <= 60) return 60 % rounded === 0 ? rounded : 60;
+	return rounded % 60 === 0 ? rounded : 60;
 }
 //#endregion
 //#region src/utils/parse-time-string/parse-time-string.ts
@@ -913,9 +920,9 @@ var CurrentTimeIndicator = defineComponent({
 	}
 });
 var ScheduleEvent_module_default = {
-	event: "_event_bnqc2_1",
-	eventInner: "_eventInner_bnqc2_14",
-	eventResizeHandle: "_eventResizeHandle_bnqc2_177"
+	event: "_event_19lsr_1",
+	eventInner: "_eventInner_19lsr_14",
+	eventResizeHandle: "_eventResizeHandle_19lsr_186"
 };
 //#endregion
 //#region src/components/ScheduleEvent/ScheduleEvent.ts
@@ -1699,6 +1706,7 @@ var ScheduleHeader = Object.assign(ScheduleHeaderBaseComponent, {
 //#region src/components/ScheduleHeader/ScheduleHeaderBase.ts
 var ScheduleHeaderBase = defineComponent({
 	name: "ScheduleHeaderBase",
+	slots: Object,
 	props: {
 		view: {
 			type: String,
@@ -1720,7 +1728,7 @@ var ScheduleHeaderBase = defineComponent({
 		todayControlProps: Object,
 		viewSelectProps: Object
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		return () => {
 			const views = props.viewSelectProps?.views || [
 				"day",
@@ -1737,7 +1745,7 @@ var ScheduleHeaderBase = defineComponent({
 					props.control.monthYearSelect ? h(ScheduleHeader.MonthYearSelect, {
 						...props.control.monthYearSelect,
 						labels: props.labels
-					}) : h(ScheduleHeader.Control, { interactive: false }, () => props.control.title),
+					}) : h(ScheduleHeader.Control, { interactive: false }, () => props.control.title !== void 0 ? props.control.title : slots.title?.()),
 					h(ScheduleHeader.Next, {
 						...props.nextControlProps,
 						onClick: () => props.onDateChange?.(props.navigationHandlers.next())
@@ -1756,7 +1764,7 @@ var ScheduleHeaderBase = defineComponent({
 						label: getLabel(view, props.labels)
 					})),
 					"aria-label": getLabel("viewSelectLabel", props.labels),
-					onChange: (event) => props.onViewChange?.(event.currentTarget.value)
+					onChange: (value) => props.onViewChange?.(value)
 				}),
 				h(Box, {
 					class: ScheduleHeader_module_default.viewSelect,
@@ -2171,7 +2179,8 @@ var DayView = defineComponent({
 					class: DayView_module_default.dayViewBackgroundEvent,
 					style: {
 						top: `${event.position.top}%`,
-						height: `${event.position.height}%`
+						bottom: `${100 - event.position.top - event.position.height}%`,
+						minHeight: "1px"
 					}
 				})),
 				...regularEvents.map((event) => {
@@ -2183,7 +2192,8 @@ var DayView = defineComponent({
 						style: {
 							position: "absolute",
 							top: `${resizePosition?.top ?? event.position.top}%`,
-							height: `${resizePosition?.height ?? event.position.height}%`,
+							bottom: `${100 - (resizePosition?.top ?? event.position.top) - (resizePosition?.height ?? event.position.height)}%`,
+							minHeight: "1px",
 							width: `${event.position.width}%`,
 							insetInlineStart: `${event.position.offset}%`
 						},
@@ -3768,7 +3778,8 @@ var WeekView = defineComponent({
 							class: WeekView_module_default.weekViewBackgroundEvent,
 							style: {
 								top: `${event.position.top}%`,
-								height: `${event.position.height}%`,
+								bottom: `${100 - event.position.top - event.position.height}%`,
+								minHeight: "1px",
 								width: "100%"
 							}
 						})),
@@ -3781,7 +3792,8 @@ var WeekView = defineComponent({
 								style: {
 									position: "absolute",
 									top: `${resizePosition?.top ?? event.position.top}%`,
-									height: `${resizePosition?.height ?? event.position.height}%`,
+									bottom: `${100 - (resizePosition?.top ?? event.position.top) - (resizePosition?.height ?? event.position.height)}%`,
+									minHeight: "1px",
 									width: `${event.position.width}%`,
 									insetInlineStart: `${event.position.offset}%`
 								},
@@ -4667,7 +4679,8 @@ var ResourcesDayView = defineComponent({
 						class: ResourcesDayView_module_default.resourcesDayViewBackgroundEvent,
 						style: {
 							left: `${event.position.top}%`,
-							width: `${event.position.height}%`,
+							right: `${100 - event.position.top - event.position.height}%`,
+							minWidth: "1px",
 							top: 0,
 							height: "100%",
 							"--bg-event-bg": colors.background,
@@ -5386,7 +5399,8 @@ var ResourcesWeekView = defineComponent({
 							class: ResourcesWeekView_module_default.resourcesWeekViewBackgroundEvent,
 							style: {
 								left: `${dayOffset + event.position.top / 100 * dayWidth}%`,
-								width: `${event.position.height / 100 * dayWidth}%`,
+								right: `${100 - dayOffset - (event.position.top + event.position.height) / 100 * dayWidth}%`,
+								minWidth: "1px",
 								top: 0,
 								height: "100%",
 								"--bg-event-bg": colors.background,