@mantine-vue/schedule 3.3.0 → 3.5.0

package/cjs/index.cjs

@@ -420,8 +420,9 @@ function isEventInTimeRange({ event, startTime, endTime }) {
 	const timeWindowEndMinutes = endHour * 60 + endMinute;
 	const eventStart = (0, dayjs.default)(event.start);
 	const eventEnd = (0, dayjs.default)(event.end);
+	const endsAtNextDayStart = eventEnd.isSame(eventStart.startOf("day").add(1, "day"), "second");
 	const eventStartMinutes = eventStart.hour() * 60 + eventStart.minute();
-	return !(eventEnd.hour() * 60 + eventEnd.minute() <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
+	return !((endsAtNextDayStart ? 1440 : eventEnd.hour() * 60 + eventEnd.minute()) <= timeWindowStartMinutes || eventStartMinutes >= timeWindowEndMinutes);
 }
 //#endregion
 //#region src/utils/is-within-week/is-within-week.ts
@@ -688,6 +689,43 @@ function expandRecurringEvents({ events, rangeStart, rangeEnd, expansionLimit =
 	return output;
 }
 //#endregion
+//#region src/utils/get-overlap-clusters/get-overlap-clusters.ts
+function getOverlapClusters(events) {
+	const clusters = [];
+	const assigned = /* @__PURE__ */ new Set();
+	for (let i = 0; i < events.length; i++) {
+		if (assigned.has(i)) continue;
+		const cluster = [events[i]];
+		assigned.add(i);
+		let j = 0;
+		while (j < cluster.length) {
+			for (let k = 0; k < events.length; k++) if (!assigned.has(k) && isEventsOverlap(cluster[j], events[k])) {
+				cluster.push(events[k]);
+				assigned.add(k);
+			}
+			j += 1;
+		}
+		clusters.push(cluster);
+	}
+	return clusters;
+}
+//#endregion
+//#region src/utils/apply-cascade-layout/apply-cascade-layout.ts
+var BASE_STEP = 20;
+var MIN_TOP_WIDTH = 60;
+function applyCascadeLayout(events) {
+	const timedEvents = events.filter((event) => !event.position.allDay);
+	for (const cluster of getOverlapClusters(timedEvents)) {
+		const columns = Math.max(...cluster.map((event) => event.position.column)) + 1;
+		const step = columns > 1 ? Math.min(BASE_STEP, (100 - MIN_TOP_WIDTH) / (columns - 1)) : 0;
+		for (const event of cluster) {
+			event.position.overlaps = columns;
+			event.position.offset = event.position.column * step;
+			event.position.width = 100 - event.position.offset;
+		}
+	}
+}
+//#endregion
 //#region src/utils/get-ordered-resources/get-ordered-resources.ts
 function getOrderedResources(resources, groups) {
 	if (!groups?.length) return {
@@ -1027,17 +1065,19 @@ function useEventResize(input) {
 		document.addEventListener("pointermove", trackPointer);
 		document.addEventListener("pointerup", handlePointerUp);
 	};
-	const getResizePosition = (eventId) => {
+	const getResizePosition = (eventId, eventDate) => {
 		const state = resizeState.value;
-		return state?.eventId === eventId ? {
+		return state?.eventId === eventId && (eventDate === void 0 || state.eventDate === eventDate) ? {
 			top: state.currentTop,
 			height: state.currentHeight
 		} : null;
 	};
-	const isResizableEvent = (event) => input.enabled() && input.mode() !== "static" && event.display !== "background" && (input.canResizeEvent()?.(event) ?? true);
+	const isResizableEvent = (event) => input.enabled() && input.mode() !== "static" && (event.display !== "background" || input.withBackgroundEvents?.() === true) && (input.canResizeEvent()?.(event) ?? true);
 	(0, vue.onBeforeUnmount)(removeDocumentListeners);
 	return {
 		handleResizeStart,
+		isResizing: (0, vue.computed)(() => resizeState.value !== null),
+		resizingEventId: (0, vue.computed)(() => resizeState.value?.eventId ?? null),
 		getResizePosition,
 		isResizableEvent,
 		wasResizing: () => justResized
@@ -1263,9 +1303,9 @@ function provideScheduleDragState(input = {}) {
 	};
 }
 var ScheduleEvent_module_default = {
-	event: "_event_19lsr_1",
-	eventInner: "_eventInner_19lsr_14",
-	eventResizeHandle: "_eventResizeHandle_19lsr_186"
+	event: "_event_ho258_1",
+	eventInner: "_eventInner_ho258_14",
+	eventResizeHandle: "_eventResizeHandle_ho258_210"
 };
 //#endregion
 //#region src/components/ScheduleEvent/ScheduleEvent.vue?vue&type=script&setup=true&lang.ts
@@ -1651,9 +1691,20 @@ var ScheduleBackgroundEvent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		renderEventBody: {
 			type: Function,
 			default: void 0
-		}
+		},
+		withResize: {
+			type: Boolean,
+			default: false
+		},
+		resizeAxis: { default: "vertical" },
+		resizeHandleProps: {},
+		isResizing: {
+			type: Boolean,
+			default: false
+		},
+		activeResizeEdge: { default: void 0 }
 	},
-	emits: ["eventClick"],
+	emits: ["eventClick", "resizeStart"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -1692,7 +1743,11 @@ var ScheduleBackgroundEvent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return {
 				...attrs,
 				style,
-				mod: [attrs.mod, { interactive: props.interactive }],
+				mod: [attrs.mod, {
+					interactive: props.interactive,
+					resizable: props.withResize,
+					resizing: props.isResizing
+				}],
 				...props.interactive ? {
 					"data-event-id": props.event.id,
 					title: props.event.title,
@@ -1702,7 +1757,17 @@ var ScheduleBackgroundEvent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				} : {}
 			};
 		});
-		const content = () => slots.default?.({ event: props.event }) ?? props.renderEventBody?.(props.event) ?? props.event.title;
+		const content = () => {
+			const body = slots.default?.({ event: props.event }) ?? props.renderEventBody?.(props.event) ?? props.event.title;
+			const edges = props.resizeAxis === "horizontal" ? ["start", "end"] : ["top", "bottom"];
+			return props.withResize ? [...edges.map((edge) => (0, vue.h)(_mantine_vue_core.Box, {
+				...props.resizeHandleProps,
+				key: edge,
+				mod: { edge },
+				"data-active": props.isResizing && props.activeResizeEdge === edge ? true : void 0,
+				onPointerdown: (event) => emit("resizeStart", edge, event)
+			})), body] : body;
+		};
 		const render = () => {
 			const component = props.interactive ? _mantine_vue_core.UnstyledButton : _mantine_vue_core.Box;
 			if (props.renderEvent) return props.renderEvent(props.event, {
@@ -2742,7 +2807,7 @@ function columnHasConflict$1({ columns, columnIndex, event, allDay, date }) {
 		return hasTimeConflict;
 	});
 }
-function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, date }) {
+function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, date, eventOverlapMode = "columns" }) {
 	const columns = [];
 	const positioned = [];
 	const sorted = sortEvents(events);
@@ -2782,14 +2847,18 @@ function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, d
 			}
 		});
 	}
+	for (const positionedEvent of positioned) if (positionedEvent.position.allDay) {
+		positionedEvent.position.overlaps = 1;
+		positionedEvent.position.width = 100;
+		positionedEvent.position.offset = 0;
+	}
+	if (eventOverlapMode === "cascade") {
+		applyCascadeLayout(positioned);
+		return positioned;
+	}
 	for (const positionedEvent of positioned) {
 		const { allDay, column } = positionedEvent.position;
-		if (allDay) {
-			positionedEvent.position.overlaps = 1;
-			positionedEvent.position.width = 100;
-			positionedEvent.position.offset = 0;
-			continue;
-		}
+		if (allDay) continue;
 		const directlyOverlapping = [];
 		for (const otherEvent of positioned) {
 			if (otherEvent === positionedEvent || otherEvent.position.allDay) continue;
@@ -2815,7 +2884,7 @@ function getDayPositionedEvents({ events, startTime, endTime, intervalMinutes, d
 }
 //#endregion
 //#region src/components/DayView/get-day-view-events/get-day-view-events.ts
-function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes }) {
+function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes, eventOverlapMode }) {
 	if (events === void 0) return {
 		allDayEvents: [],
 		regularEvents: [],
@@ -2850,7 +2919,8 @@ function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes })
 		startTime,
 		endTime,
 		intervalMinutes,
-		date
+		date,
+		eventOverlapMode
 	});
 	const allDayEvents = [];
 	const regularEvents = [];
@@ -2913,17 +2983,19 @@ function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes })
 	};
 }
 var DayView_module_default = {
-	dayView: "_dayView_1nebu_1",
-	dayViewScrollArea: "_dayViewScrollArea_1nebu_22",
-	dayViewInner: "_dayViewInner_1nebu_32",
-	dayViewTimeSlots: "_dayViewTimeSlots_1nebu_36",
-	dayViewSlot: "_dayViewSlot_1nebu_39",
-	dayViewSlotLabels: "_dayViewSlotLabels_1nebu_44",
-	dayViewSlotLabel: "_dayViewSlotLabel_1nebu_44",
-	dayViewSlots: "_dayViewSlots_1nebu_74",
-	dayViewBackgroundEvent: "_dayViewBackgroundEvent_1nebu_178",
-	dayViewAllDay: "_dayViewAllDay_1nebu_201",
-	dayViewAllDayEvents: "_dayViewAllDayEvents_1nebu_206"
+	dayView: "_dayView_10v37_1",
+	dayViewDragPreview: "_dayViewDragPreview_10v37_13",
+	dayViewScrollArea: "_dayViewScrollArea_10v37_31",
+	dayViewInner: "_dayViewInner_10v37_41",
+	dayViewTimeSlots: "_dayViewTimeSlots_10v37_45",
+	dayViewSlot: "_dayViewSlot_10v37_48",
+	dayViewSlotLabels: "_dayViewSlotLabels_10v37_53",
+	dayViewSlotLabel: "_dayViewSlotLabel_10v37_53",
+	dayViewSlots: "_dayViewSlots_10v37_83",
+	dayViewBackgroundEvent: "_dayViewBackgroundEvent_10v37_187",
+	dayViewBackgroundEventResizeHandle: "_dayViewBackgroundEventResizeHandle_10v37_216",
+	dayViewAllDay: "_dayViewAllDay_10v37_263",
+	dayViewAllDayEvents: "_dayViewAllDayEvents_10v37_268"
 };
 //#endregion
 //#region src/components/DayView/DayView.vue?vue&type=script&setup=true&lang.ts
@@ -2954,6 +3026,8 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
 	__name: "DayView",
 	props: {
+		eventOverlapMode: { default: "columns" },
+		eventOverlapRaiseDelay: { default: 600 },
 		intervalMinutes: { default: void 0 },
 		headerFormat: {
 			type: [String, Function],
@@ -3095,7 +3169,8 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			date: date.value,
 			startTime: props.startTime,
 			endTime: props.endTime,
-			intervalMinutes: props.intervalMinutes
+			intervalMinutes: props.intervalMinutes,
+			eventOverlapMode: props.eventOverlapMode
 		}));
 		const intervals = (0, vue.computed)(() => getDayTimeIntervals({
 			startTime: props.startTime,
@@ -3118,7 +3193,8 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
 			enabled: () => withSlotSelect.value,
@@ -3209,11 +3285,16 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			"business-hours": false,
 			"non-business-hours": false
 		}));
-		const backgroundEventStyle = (position) => ({
-			top: `${position.top}%`,
-			bottom: `${100 - position.top - position.height}%`,
-			minHeight: "1px"
-		});
+		const backgroundEventStyle = (event) => {
+			const resizePosition = eventResize.getResizePosition(event.id);
+			const top = resizePosition?.top ?? event.position.top;
+			const height = resizePosition?.height ?? event.position.height;
+			return {
+				top: `${top}%`,
+				bottom: `${100 - top - height}%`,
+				minHeight: "1px"
+			};
+		};
 		const regularEventStyle = (event) => {
 			const resizePosition = eventResize.getResizePosition(event.id);
 			const top = resizePosition?.top ?? event.position.top;
@@ -3224,7 +3305,9 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				bottom: `${100 - top - height}%`,
 				minHeight: "1px",
 				width: `${event.position.width}%`,
-				insetInlineStart: `${event.position.offset}%`
+				insetInlineStart: `${event.position.offset}%`,
+				"--event-z-index": event.position.column + 3,
+				"--event-z-index-raised": event.position.overlaps + 3
 			};
 		};
 		const startEventResize = (event, edge, pointerEvent) => {
@@ -3247,10 +3330,14 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_mantine_vue_core.Box), (0, vue.mergeProps)({
 				...(0, vue.unref)(attrs),
 				...(0, vue.unref)(getStyles)("dayView")
-			}, { mod: [{
-				static: isStatic.value,
-				"slot-dragging": (0, vue.unref)(slotDragSelect).isDragging()
-			}, (0, vue.unref)(attrs).mod] }), {
+			}, {
+				mod: [{
+					static: isStatic.value,
+					"slot-dragging": (0, vue.unref)(slotDragSelect).isDragging()
+				}, (0, vue.unref)(attrs).mod],
+				"data-event-interaction": (0, vue.unref)(eventResize).isResizing.value || void 0,
+				style: { "--event-raise-delay": `${(0, vue.unref)(props).eventOverlapRaiseDelay}ms` }
+			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.unref)(props).withHeader ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ScheduleHeaderBase), (0, vue.mergeProps)({
 					key: 0,
 					view: "day",
@@ -3382,12 +3469,20 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									...eventRenderers.value,
 									...(0, vue.unref)(staticStyles)("dayViewBackgroundEvent")
 								}, {
-									style: backgroundEventStyle(event.position),
-									onEventClick: clickEvent
+									style: backgroundEventStyle(event),
+									"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
+									"is-resizing": (0, vue.unref)(eventResize).getResizePosition(event.id) !== null,
+									"resize-handle-props": (0, vue.unref)(staticStyles)("dayViewBackgroundEventResizeHandle"),
+									onEventClick: clickResizableEvent,
+									onResizeStart: (edge, pointerEvent) => startEventResize(event, edge, pointerEvent)
 								}), null, 16, [
 									"event",
 									"interactive",
-									"style"
+									"style",
+									"with-resize",
+									"is-resizing",
+									"resize-handle-props",
+									"onResizeStart"
 								]);
 							}), 128)),
 							((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(dayEvents.value.regularEvents, (event) => {
@@ -3396,6 +3491,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									event,
 									"auto-size": "",
 									mode: (0, vue.unref)(props).mode,
+									mod: { cascade: (0, vue.unref)(props).eventOverlapMode === "cascade" },
 									style: regularEventStyle(event),
 									draggable: !isStatic.value && (0, vue.unref)(props).withEventsDragAndDrop === true && ((0, vue.unref)(props).canDragEvent?.(event) ?? true),
 									"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
@@ -3411,6 +3507,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								}), null, 16, [
 									"event",
 									"mode",
+									"mod",
 									"style",
 									"draggable",
 									"with-resize",
@@ -3483,7 +3580,11 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					_: 1
 				}, 16, ["viewport-props"])]),
 				_: 1
-			}, 16, ["mod"]);
+			}, 16, [
+				"mod",
+				"data-event-interaction",
+				"style"
+			]);
 		};
 	}
 });
@@ -4776,7 +4877,7 @@ function getHangingStatus({ eventStartDate, actualEndDate, weekDays }) {
 }
 //#endregion
 //#region src/components/WeekView/get-week-view-events/get-week-positioned-events.ts
-function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMinutes, firstDayOfWeek = 1, weekendDays = [0, 6], withWeekendDays = true }) {
+function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMinutes, firstDayOfWeek = 1, weekendDays = [0, 6], withWeekendDays = true, eventOverlapMode = "columns" }) {
 	const weekDays = getWeekDays({
 		week: date,
 		firstDayOfWeek,
@@ -4935,7 +5036,8 @@ function getWeekPositionedEvents({ date, events, startTime, endTime, intervalMin
 			});
 		}
 	}
-	for (const day of weekDays) calculateRegularEventOverlaps(grouped.regularEvents[day]);
+	for (const day of weekDays) if (eventOverlapMode === "cascade") applyCascadeLayout(grouped.regularEvents[day]);
+	else calculateRegularEventOverlaps(grouped.regularEvents[day]);
 	if (grouped.allDayEvents.length > 0) {
 		const eventRows = assignEventRows(grouped.allDayEvents);
 		const assignedRows = /* @__PURE__ */ new Set();
@@ -4970,27 +5072,29 @@ function getWeekViewEvents(input) {
 	});
 }
 var WeekView_module_default = {
-	weekView: "_weekView_1f3zt_1",
-	weekViewRoot: "_weekViewRoot_1f3zt_22",
-	weekViewInner: "_weekViewInner_1f3zt_30",
-	weekViewScrollArea: "_weekViewScrollArea_1f3zt_36",
-	weekViewHeader: "_weekViewHeader_1f3zt_42",
-	weekViewCorner: "_weekViewCorner_1f3zt_57",
-	weekViewSlotLabels: "_weekViewSlotLabels_1f3zt_68",
-	weekViewSlotLabel: "_weekViewSlotLabel_1f3zt_68",
-	weekViewDay: "_weekViewDay_1f3zt_95",
-	weekViewDayLabel: "_weekViewDayLabel_1f3zt_100",
-	weekViewDayNumber: "_weekViewDayNumber_1f3zt_138",
-	weekViewDayWeekday: "_weekViewDayWeekday_1f3zt_154",
-	weekViewBackgroundEvent: "_weekViewBackgroundEvent_1f3zt_160",
-	weekViewDaySlots: "_weekViewDaySlots_1f3zt_183",
-	weekViewDaySlot: "_weekViewDaySlot_1f3zt_183",
-	weekViewWeekLabel: "_weekViewWeekLabel_1f3zt_281",
-	weekViewWeekNumber: "_weekViewWeekNumber_1f3zt_287",
-	weekViewAllDaySlots: "_weekViewAllDaySlots_1f3zt_293",
-	weekViewAllDaySlotsLabel: "_weekViewAllDaySlotsLabel_1f3zt_298",
-	weekViewAllDaySlotsEvents: "_weekViewAllDaySlotsEvents_1f3zt_305",
-	weekViewAllDaySlotsList: "_weekViewAllDaySlotsList_1f3zt_312"
+	weekView: "_weekView_jkexi_1",
+	weekViewRoot: "_weekViewRoot_jkexi_22",
+	weekViewDragPreview: "_weekViewDragPreview_jkexi_33",
+	weekViewInner: "_weekViewInner_jkexi_39",
+	weekViewScrollArea: "_weekViewScrollArea_jkexi_45",
+	weekViewHeader: "_weekViewHeader_jkexi_51",
+	weekViewCorner: "_weekViewCorner_jkexi_66",
+	weekViewSlotLabels: "_weekViewSlotLabels_jkexi_77",
+	weekViewSlotLabel: "_weekViewSlotLabel_jkexi_77",
+	weekViewDay: "_weekViewDay_jkexi_104",
+	weekViewDayLabel: "_weekViewDayLabel_jkexi_109",
+	weekViewDayNumber: "_weekViewDayNumber_jkexi_147",
+	weekViewDayWeekday: "_weekViewDayWeekday_jkexi_163",
+	weekViewBackgroundEvent: "_weekViewBackgroundEvent_jkexi_169",
+	weekViewBackgroundEventResizeHandle: "_weekViewBackgroundEventResizeHandle_jkexi_198",
+	weekViewDaySlots: "_weekViewDaySlots_jkexi_246",
+	weekViewDaySlot: "_weekViewDaySlot_jkexi_246",
+	weekViewWeekLabel: "_weekViewWeekLabel_jkexi_344",
+	weekViewWeekNumber: "_weekViewWeekNumber_jkexi_350",
+	weekViewAllDaySlots: "_weekViewAllDaySlots_jkexi_356",
+	weekViewAllDaySlotsLabel: "_weekViewAllDaySlotsLabel_jkexi_361",
+	weekViewAllDaySlotsEvents: "_weekViewAllDaySlotsEvents_jkexi_368",
+	weekViewAllDaySlotsList: "_weekViewAllDaySlotsList_jkexi_375"
 };
 //#endregion
 //#region src/components/WeekView/WeekView.vue?vue&type=script&setup=true&lang.ts
@@ -5033,6 +5137,8 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
 	__name: "WeekView",
 	props: {
+		eventOverlapMode: { default: "columns" },
+		eventOverlapRaiseDelay: { default: 600 },
 		intervalMinutes: { default: void 0 },
 		withCurrentTimeIndicator: {
 			type: Boolean,
@@ -5221,7 +5327,8 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: props.intervalMinutes,
 			firstDayOfWeek: props.firstDayOfWeek,
 			weekendDays: props.weekendDays,
-			withWeekendDays: props.withWeekendDays
+			withWeekendDays: props.withWeekendDays,
+			eventOverlapMode: props.eventOverlapMode
 		}));
 		const intervals = (0, vue.computed)(() => getDayTimeIntervals({
 			startTime: props.startTime,
@@ -5238,7 +5345,8 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}));
 		const rootVars = (0, vue.computed)(() => ({
 			"--number-of-days": String(days.value.length),
-			"--indicator-offset-index": currentWeekdayIndex.value === -1 ? void 0 : String(currentWeekdayIndex.value + 1)
+			"--indicator-offset-index": currentWeekdayIndex.value === -1 ? void 0 : String(currentWeekdayIndex.value + 1),
+			"--event-raise-delay": `${props.eventOverlapRaiseDelay}ms`
 		}));
 		/**
 		* Everything the template needs per day column.
@@ -5285,7 +5393,8 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
 			enabled: () => withSlotSelect.value,
@@ -5403,12 +5512,17 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			width: `${position.width}%`,
 			top: `${position.row * 22}px`
 		});
-		const backgroundEventStyle = (position) => ({
-			top: `${position.top}%`,
-			bottom: `${100 - position.top - position.height}%`,
-			minHeight: "1px",
-			width: "100%"
-		});
+		const backgroundEventStyle = (event, date) => {
+			const resizePosition = eventResize.getResizePosition(event.id, (0, dayjs.default)(date).format("YYYY-MM-DD"));
+			const top = resizePosition?.top ?? event.position.top;
+			const height = resizePosition?.height ?? event.position.height;
+			return {
+				top: `${top}%`,
+				bottom: `${100 - top - height}%`,
+				minHeight: "1px",
+				width: "100%"
+			};
+		};
 		const regularEventStyle = (event) => {
 			const resizePosition = eventResize.getResizePosition(event.id);
 			const top = resizePosition?.top ?? event.position.top;
@@ -5419,7 +5533,9 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				bottom: `${100 - top - height}%`,
 				minHeight: "1px",
 				width: `${event.position.width}%`,
-				insetInlineStart: `${event.position.offset}%`
+				insetInlineStart: `${event.position.offset}%`,
+				"--event-z-index": event.position.column + 3,
+				"--event-z-index-raised": event.position.overlaps + 3
 			};
 		};
 		const startEventResize = (event, date, edge, pointerEvent) => {
@@ -5469,7 +5585,10 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"next-control-props",
 					"today-control-props",
 					"view-select-props"
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Box), (0, vue.mergeProps)({ "root-ref": setWeekRoot }, (0, vue.unref)(getStyles)("weekViewRoot", { style: rootVars.value }), { mod: { "with-weekends": (0, vue.unref)(props).withWeekendDays } }), {
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Box), (0, vue.mergeProps)({ "root-ref": setWeekRoot }, (0, vue.unref)(getStyles)("weekViewRoot", { style: rootVars.value }), {
+					mod: { "with-weekends": (0, vue.unref)(props).withWeekendDays },
+					"data-event-interaction": (0, vue.unref)(eventResize).isResizing.value || void 0
+				}), {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.ScrollArea).Autosize, (0, vue.mergeProps)({ "scrollbar-size": 4 }, {
 						...(0, vue.unref)(props).scrollAreaProps,
 						...(0, vue.unref)(getStyles)("weekViewScrollArea")
@@ -5631,12 +5750,20 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													...eventRenderers.value,
 													...(0, vue.unref)(staticStyles)("weekViewBackgroundEvent")
 												}, {
-													style: backgroundEventStyle(event.position),
-													onEventClick: clickEvent
+													style: backgroundEventStyle(event, column.date),
+													"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event) && !event.position.allDay,
+													"is-resizing": (0, vue.unref)(eventResize).getResizePosition(event.id, column.date) !== null,
+													"resize-handle-props": (0, vue.unref)(staticStyles)("weekViewBackgroundEventResizeHandle"),
+													onEventClick: clickResizableEvent,
+													onResizeStart: (edge, pointerEvent) => startEventResize(event, column.date, edge, pointerEvent)
 												}), null, 16, [
 													"event",
 													"interactive",
-													"style"
+													"style",
+													"with-resize",
+													"is-resizing",
+													"resize-handle-props",
+													"onResizeStart"
 												]);
 											}), 128)),
 											((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grouped.value.regularEvents[column.date] || [], (event) => {
@@ -5645,6 +5772,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													event,
 													"auto-size": "",
 													mode: (0, vue.unref)(props).mode,
+													mod: { cascade: (0, vue.unref)(props).eventOverlapMode === "cascade" },
 													style: regularEventStyle(event),
 													draggable: isDraggableEvent(event),
 													"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
@@ -5660,6 +5788,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												}), null, 16, [
 													"event",
 													"mode",
+													"mod",
 													"style",
 													"draggable",
 													"with-resize",
@@ -5677,7 +5806,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						_: 1
 					}, 16, ["viewport-props"])]),
 					_: 1
-				}, 16, ["mod"])]),
+				}, 16, ["mod", "data-event-interaction"])]),
 				_: 1
 			}, 16, ["mod"]);
 		};
@@ -6381,35 +6510,19 @@ function useHorizontalEventResize(input) {
 	(0, vue.onBeforeUnmount)(cleanup);
 	return {
 		state,
+		get resizingEdge() {
+			return state.value?.edge ?? null;
+		},
 		handleResizeStart,
-		getResizePosition: (id) => state.value?.event.id === id ? {
+		getResizePosition: (id, eventDate) => state.value?.event.id === id && (eventDate === void 0 || state.value.eventDate === eventDate) ? {
 			left: state.value.currentLeft,
 			width: state.value.currentWidth
 		} : null,
-		isResizableEvent: (event) => input.enabled() && input.mode() !== "static" && event.display !== "background" && (input.canResizeEvent()?.(event) ?? true),
+		isResizableEvent: (event) => input.enabled() && input.mode() !== "static" && (event.display !== "background" || input.withBackgroundEvents?.() === true) && (input.canResizeEvent()?.(event) ?? true),
 		wasResizing: () => justResized
 	};
 }
 //#endregion
-//#region src/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.ts
-function getOverlapClusters(events) {
-	const sorted = [...events].sort((a, b) => a.position.top - b.position.top);
-	const clusters = [];
-	let current = [];
-	let end = -1;
-	sorted.forEach((event) => {
-		if (current.length && event.position.top >= end) {
-			clusters.push(current);
-			current = [];
-			end = -1;
-		}
-		current.push(event);
-		end = Math.max(end, event.position.top + event.position.height);
-	});
-	if (current.length) clusters.push(current);
-	return clusters;
-}
-//#endregion
 //#region src/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.ts
 function getResourcesDayViewEvents({ events, resources, date, startTime, endTime, intervalMinutes }) {
 	const result = {
@@ -6507,27 +6620,27 @@ function getResourcesDayViewEvents({ events, resources, date, startTime, endTime
 	return result;
 }
 var ResourcesDayView_module_default = {
-	resourcesDayView: "_resourcesDayView_wmj51_1",
-	resourcesDayViewRoot: "_resourcesDayViewRoot_wmj51_22",
-	resourcesDayViewScrollArea: "_resourcesDayViewScrollArea_wmj51_30",
-	resourcesDayViewInner: "_resourcesDayViewInner_wmj51_39",
-	resourcesDayViewTimeLabelsRow: "_resourcesDayViewTimeLabelsRow_wmj51_44",
-	resourcesDayViewCorner: "_resourcesDayViewCorner_wmj51_57",
-	resourcesDayViewTimeLabel: "_resourcesDayViewTimeLabel_wmj51_44",
-	resourcesDayViewRow: "_resourcesDayViewRow_wmj51_96",
-	resourcesDayViewResourceLabel: "_resourcesDayViewResourceLabel_wmj51_100",
-	resourcesDayViewGroupColumn: "_resourcesDayViewGroupColumn_wmj51_124",
-	resourcesDayViewGroupColumnEmpty: "_resourcesDayViewGroupColumnEmpty_wmj51_125",
-	resourcesDayViewRowSlots: "_resourcesDayViewRowSlots_wmj51_153",
-	resourcesDayViewRowSlot: "_resourcesDayViewRowSlot_wmj51_153",
-	resourcesDayViewCurrentTimeIndicator: "_resourcesDayViewCurrentTimeIndicator_wmj51_231",
-	resourcesDayViewCurrentTimeIndicatorLine: "_resourcesDayViewCurrentTimeIndicatorLine_wmj51_243",
-	resourcesDayViewCurrentTimeIndicatorThumb: "_resourcesDayViewCurrentTimeIndicatorThumb_wmj51_249",
-	resourcesDayViewCurrentTimeIndicatorTimeBubble: "_resourcesDayViewCurrentTimeIndicatorTimeBubble_wmj51_259",
-	resourcesDayViewBackgroundEvent: "_resourcesDayViewBackgroundEvent_wmj51_278",
-	resourcesDayViewAllDayEvent: "_resourcesDayViewAllDayEvent_wmj51_300",
-	resourcesDayViewEventWrapper: "_resourcesDayViewEventWrapper_wmj51_306",
-	resourcesDayViewResizeHandle: "_resourcesDayViewResizeHandle_wmj51_310"
+	resourcesDayView: "_resourcesDayView_bsrxh_1",
+	resourcesDayViewRoot: "_resourcesDayViewRoot_bsrxh_22",
+	resourcesDayViewScrollArea: "_resourcesDayViewScrollArea_bsrxh_30",
+	resourcesDayViewInner: "_resourcesDayViewInner_bsrxh_39",
+	resourcesDayViewTimeLabelsRow: "_resourcesDayViewTimeLabelsRow_bsrxh_44",
+	resourcesDayViewCorner: "_resourcesDayViewCorner_bsrxh_57",
+	resourcesDayViewTimeLabel: "_resourcesDayViewTimeLabel_bsrxh_44",
+	resourcesDayViewRow: "_resourcesDayViewRow_bsrxh_96",
+	resourcesDayViewResourceLabel: "_resourcesDayViewResourceLabel_bsrxh_100",
+	resourcesDayViewGroupColumn: "_resourcesDayViewGroupColumn_bsrxh_124",
+	resourcesDayViewGroupColumnEmpty: "_resourcesDayViewGroupColumnEmpty_bsrxh_125",
+	resourcesDayViewRowSlots: "_resourcesDayViewRowSlots_bsrxh_153",
+	resourcesDayViewRowSlot: "_resourcesDayViewRowSlot_bsrxh_153",
+	resourcesDayViewCurrentTimeIndicator: "_resourcesDayViewCurrentTimeIndicator_bsrxh_231",
+	resourcesDayViewCurrentTimeIndicatorLine: "_resourcesDayViewCurrentTimeIndicatorLine_bsrxh_243",
+	resourcesDayViewCurrentTimeIndicatorThumb: "_resourcesDayViewCurrentTimeIndicatorThumb_bsrxh_249",
+	resourcesDayViewCurrentTimeIndicatorTimeBubble: "_resourcesDayViewCurrentTimeIndicatorTimeBubble_bsrxh_259",
+	resourcesDayViewBackgroundEvent: "_resourcesDayViewBackgroundEvent_bsrxh_278",
+	resourcesDayViewAllDayEvent: "_resourcesDayViewAllDayEvent_bsrxh_306",
+	resourcesDayViewEventWrapper: "_resourcesDayViewEventWrapper_bsrxh_312",
+	resourcesDayViewResizeHandle: "_resourcesDayViewResizeHandle_bsrxh_316"
 };
 //#endregion
 //#region src/components/ResourcesDayView/ResourcesDayView.vue?vue&type=script&setup=true&lang.ts
@@ -6789,7 +6902,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollTime) return;
@@ -6888,6 +7002,9 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const groupInfo = (resourceIndex) => hasGroups.value ? ordered.value.resourceGroupMap[resourceIndex] : void 0;
 		const backgroundEvents = (resourceId) => [...positioned.value.backgroundTimedEvents[resourceId] || [], ...positioned.value.backgroundAllDayEvents[resourceId] || []];
 		const backgroundEventStyle = (event) => {
+			const resizePosition = resize.getResizePosition(event.id);
+			const left = resizePosition?.left ?? event.position.top;
+			const width = resizePosition?.width ?? event.position.height;
 			const colors = theme.value.variantColorResolver({
 				color: event.color || theme.value.primaryColor,
 				theme: theme.value,
@@ -6895,8 +7012,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				autoContrast: true
 			});
 			return {
-				left: `${event.position.top}%`,
-				right: `${100 - event.position.top - event.position.height}%`,
+				left: `${left}%`,
+				right: `${100 - left - width}%`,
 				minWidth: "1px",
 				top: 0,
 				height: "100%",
@@ -7114,11 +7231,22 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														...(0, vue.unref)(getStyles)("resourcesDayViewBackgroundEvent")
 													}, {
 														style: backgroundEventStyle(event),
-														onEventClick: clickEvent
+														"with-resize": (0, vue.unref)(resize).isResizableEvent(event) && !event.position.allDay,
+														"resize-axis": "horizontal",
+														"is-resizing": (0, vue.unref)(resize).getResizePosition(event.id) !== null,
+														"active-resize-edge": (0, vue.unref)(resize).resizingEdge,
+														"resize-handle-props": (0, vue.unref)(staticStyles)("resourcesDayViewResizeHandle"),
+														onEventClick: clickEvent,
+														onResizeStart: (edge, pointerEvent) => startResize(event, resourceIndex, edge, pointerEvent)
 													}), null, 16, [
 														"event",
 														"interactive",
-														"style"
+														"style",
+														"with-resize",
+														"is-resizing",
+														"active-resize-edge",
+														"resize-handle-props",
+														"onResizeStart"
 													])]);
 												}), 128)),
 												((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(allDayEvents(resource.id), (event, index) => {
@@ -7370,31 +7498,31 @@ function getResourcesWeekViewEvents({ events, resources, weekdays, startTime, en
 	};
 }
 var ResourcesWeekView_module_default = {
-	resourcesWeekView: "_resourcesWeekView_1komm_1",
-	resourcesWeekViewRoot: "_resourcesWeekViewRoot_1komm_19",
-	resourcesWeekViewScrollArea: "_resourcesWeekViewScrollArea_1komm_26",
-	resourcesWeekViewInner: "_resourcesWeekViewInner_1komm_34",
-	resourcesWeekViewHeaderRows: "_resourcesWeekViewHeaderRows_1komm_39",
-	resourcesWeekViewCorner: "_resourcesWeekViewCorner_1komm_48",
-	resourcesWeekViewHeaderContent: "_resourcesWeekViewHeaderContent_1komm_63",
-	resourcesWeekViewDayLabelsRow: "_resourcesWeekViewDayLabelsRow_1komm_67",
-	resourcesWeekViewDayLabel: "_resourcesWeekViewDayLabel_1komm_67",
-	resourcesWeekViewTimeLabelsRow: "_resourcesWeekViewTimeLabelsRow_1komm_94",
-	resourcesWeekViewTimeLabel: "_resourcesWeekViewTimeLabel_1komm_94",
-	resourcesWeekViewRow: "_resourcesWeekViewRow_1komm_121",
-	resourcesWeekViewResourceLabel: "_resourcesWeekViewResourceLabel_1komm_125",
-	resourcesWeekViewGroupColumn: "_resourcesWeekViewGroupColumn_1komm_149",
-	resourcesWeekViewGroupColumnEmpty: "_resourcesWeekViewGroupColumnEmpty_1komm_150",
-	resourcesWeekViewRowSlots: "_resourcesWeekViewRowSlots_1komm_178",
-	resourcesWeekViewRowSlot: "_resourcesWeekViewRowSlot_1komm_178",
-	resourcesWeekViewBackgroundEvent: "_resourcesWeekViewBackgroundEvent_1komm_250",
-	resourcesWeekViewAllDayEvent: "_resourcesWeekViewAllDayEvent_1komm_272",
-	resourcesWeekViewEventWrapper: "_resourcesWeekViewEventWrapper_1komm_277",
-	resourcesWeekViewResizeHandle: "_resourcesWeekViewResizeHandle_1komm_281",
-	resourcesWeekViewCurrentTimeIndicator: "_resourcesWeekViewCurrentTimeIndicator_1komm_322",
-	resourcesWeekViewCurrentTimeIndicatorLine: "_resourcesWeekViewCurrentTimeIndicatorLine_1komm_334",
-	resourcesWeekViewCurrentTimeIndicatorThumb: "_resourcesWeekViewCurrentTimeIndicatorThumb_1komm_340",
-	resourcesWeekViewCurrentTimeIndicatorTimeBubble: "_resourcesWeekViewCurrentTimeIndicatorTimeBubble_1komm_350"
+	resourcesWeekView: "_resourcesWeekView_1rg4q_1",
+	resourcesWeekViewRoot: "_resourcesWeekViewRoot_1rg4q_19",
+	resourcesWeekViewScrollArea: "_resourcesWeekViewScrollArea_1rg4q_26",
+	resourcesWeekViewInner: "_resourcesWeekViewInner_1rg4q_34",
+	resourcesWeekViewHeaderRows: "_resourcesWeekViewHeaderRows_1rg4q_39",
+	resourcesWeekViewCorner: "_resourcesWeekViewCorner_1rg4q_48",
+	resourcesWeekViewHeaderContent: "_resourcesWeekViewHeaderContent_1rg4q_63",
+	resourcesWeekViewDayLabelsRow: "_resourcesWeekViewDayLabelsRow_1rg4q_67",
+	resourcesWeekViewDayLabel: "_resourcesWeekViewDayLabel_1rg4q_67",
+	resourcesWeekViewTimeLabelsRow: "_resourcesWeekViewTimeLabelsRow_1rg4q_94",
+	resourcesWeekViewTimeLabel: "_resourcesWeekViewTimeLabel_1rg4q_94",
+	resourcesWeekViewRow: "_resourcesWeekViewRow_1rg4q_121",
+	resourcesWeekViewResourceLabel: "_resourcesWeekViewResourceLabel_1rg4q_125",
+	resourcesWeekViewGroupColumn: "_resourcesWeekViewGroupColumn_1rg4q_149",
+	resourcesWeekViewGroupColumnEmpty: "_resourcesWeekViewGroupColumnEmpty_1rg4q_150",
+	resourcesWeekViewRowSlots: "_resourcesWeekViewRowSlots_1rg4q_178",
+	resourcesWeekViewRowSlot: "_resourcesWeekViewRowSlot_1rg4q_178",
+	resourcesWeekViewBackgroundEvent: "_resourcesWeekViewBackgroundEvent_1rg4q_250",
+	resourcesWeekViewAllDayEvent: "_resourcesWeekViewAllDayEvent_1rg4q_278",
+	resourcesWeekViewEventWrapper: "_resourcesWeekViewEventWrapper_1rg4q_283",
+	resourcesWeekViewResizeHandle: "_resourcesWeekViewResizeHandle_1rg4q_287",
+	resourcesWeekViewCurrentTimeIndicator: "_resourcesWeekViewCurrentTimeIndicator_1rg4q_364",
+	resourcesWeekViewCurrentTimeIndicatorLine: "_resourcesWeekViewCurrentTimeIndicatorLine_1rg4q_376",
+	resourcesWeekViewCurrentTimeIndicatorThumb: "_resourcesWeekViewCurrentTimeIndicatorThumb_1rg4q_382",
+	resourcesWeekViewCurrentTimeIndicatorTimeBubble: "_resourcesWeekViewCurrentTimeIndicatorTimeBubble_1rg4q_392"
 };
 //#endregion
 //#region src/components/ResourcesWeekView/ResourcesWeekView.vue?vue&type=script&setup=true&lang.ts
@@ -7691,7 +7819,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollDateTime) return;
@@ -7807,7 +7936,10 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				dayIndex
 			}));
 		});
-		const backgroundEventStyle = (event, dayIndex) => {
+		const backgroundEventStyle = (event, day, dayIndex) => {
+			const resizePosition = resize.getResizePosition(event.id, day);
+			const left = resizePosition?.left ?? event.position.top;
+			const width = resizePosition?.width ?? event.position.height;
 			const colors = theme.value.variantColorResolver({
 				color: event.color || theme.value.primaryColor,
 				theme: theme.value,
@@ -7815,8 +7947,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				autoContrast: true
 			});
 			return {
-				left: `${dayOffset(dayIndex) + event.position.top / 100 * dayWidth.value}%`,
-				right: `${100 - dayOffset(dayIndex) - (event.position.top + event.position.height) / 100 * dayWidth.value}%`,
+				left: `${dayOffset(dayIndex) + left / 100 * dayWidth.value}%`,
+				right: `${100 - dayOffset(dayIndex) - (left + width) / 100 * dayWidth.value}%`,
 				minWidth: "1px",
 				top: 0,
 				height: "100%",
@@ -8068,12 +8200,23 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														...eventRenderers.value,
 														...(0, vue.unref)(getStyles)("resourcesWeekViewBackgroundEvent")
 													}, {
-														style: backgroundEventStyle(entry.event, entry.dayIndex),
-														onEventClick: clickEvent
+														style: backgroundEventStyle(entry.event, entry.day, entry.dayIndex),
+														"with-resize": (0, vue.unref)(resize).isResizableEvent(entry.event) && !entry.event.position.allDay,
+														"resize-axis": "horizontal",
+														"is-resizing": (0, vue.unref)(resize).getResizePosition(entry.event.id, entry.day) !== null,
+														"active-resize-edge": (0, vue.unref)(resize).resizingEdge,
+														"resize-handle-props": (0, vue.unref)(staticStyles)("resourcesWeekViewResizeHandle"),
+														onEventClick: clickEvent,
+														onResizeStart: (edge, pointerEvent) => startResize(entry.event, entry.day, entry.dayIndex, resourceIndex, edge, pointerEvent)
 													}), null, 16, [
 														"event",
 														"interactive",
-														"style"
+														"style",
+														"with-resize",
+														"is-resizing",
+														"active-resize-edge",
+														"resize-handle-props",
+														"onResizeStart"
 													])]);
 												}), 128)),
 												((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(allDayBars(resource.id), (bar) => {
@@ -9358,6 +9501,7 @@ exports.ScheduleHeaderToday = ScheduleHeaderToday;
 exports.ViewSelect = ViewSelect;
 exports.WeekView = WeekView;
 exports.YearView = YearView;
+exports.applyCascadeLayout = applyCascadeLayout;
 exports.calculateDropTime = calculateDropTime;
 exports.calculateMonthDropDate = calculateMonthDropDate;
 exports.clampIntervalMinutes = clampIntervalMinutes;