@mantine-vue/schedule 2.3.0 → 2.4.0

package/cjs/index.cjs

@@ -171,11 +171,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
@@ -939,9 +946,9 @@ var CurrentTimeIndicator = (0, vue.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
@@ -1725,6 +1732,7 @@ var ScheduleHeader = Object.assign(ScheduleHeaderBaseComponent, {
 //#region src/components/ScheduleHeader/ScheduleHeaderBase.ts
 var ScheduleHeaderBase = (0, vue.defineComponent)({
 	name: "ScheduleHeaderBase",
+	slots: Object,
 	props: {
 		view: {
 			type: String,
@@ -1746,7 +1754,7 @@ var ScheduleHeaderBase = (0, vue.defineComponent)({
 		todayControlProps: Object,
 		viewSelectProps: Object
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		return () => {
 			const views = props.viewSelectProps?.views || [
 				"day",
@@ -1763,7 +1771,7 @@ var ScheduleHeaderBase = (0, vue.defineComponent)({
 					props.control.monthYearSelect ? (0, vue.h)(ScheduleHeader.MonthYearSelect, {
 						...props.control.monthYearSelect,
 						labels: props.labels
-					}) : (0, vue.h)(ScheduleHeader.Control, { interactive: false }, () => props.control.title),
+					}) : (0, vue.h)(ScheduleHeader.Control, { interactive: false }, () => props.control.title !== void 0 ? props.control.title : slots.title?.()),
 					(0, vue.h)(ScheduleHeader.Next, {
 						...props.nextControlProps,
 						onClick: () => props.onDateChange?.(props.navigationHandlers.next())
@@ -2197,7 +2205,8 @@ var DayView = (0, vue.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) => {
@@ -2209,7 +2218,8 @@ var DayView = (0, vue.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}%`
 						},
@@ -3794,7 +3804,8 @@ var WeekView = (0, vue.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%"
 							}
 						})),
@@ -3807,7 +3818,8 @@ var WeekView = (0, vue.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}%`
 								},
@@ -4693,7 +4705,8 @@ var ResourcesDayView = (0, vue.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,
@@ -5412,7 +5425,8 @@ var ResourcesWeekView = (0, vue.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,