@mantine-vue/schedule 3.4.0 → 3.6.0

package/cjs/index.cjs

@@ -384,6 +384,45 @@ function isEventsOverlap(event1, event2) {
 	return first.startTimestamp < second.endTimestamp && second.startTimestamp < first.endTimestamp;
 }
 //#endregion
+//#region src/utils/is-event-placement-allowed/is-event-placement-allowed.ts
+function isSameEvent(event, other) {
+	if (event.id === other.id) return true;
+	const eventSeriesId = event.recurringEventId ?? event.recurringInstance?.recurringEventId;
+	const otherSeriesId = other.recurringEventId ?? other.recurringInstance?.recurringEventId;
+	const eventOccurrenceId = event.recurrenceId ?? event.recurringInstance?.recurrenceId;
+	const otherOccurrenceId = other.recurrenceId ?? other.recurringInstance?.recurrenceId;
+	return eventSeriesId !== void 0 && eventSeriesId === otherSeriesId && eventOccurrenceId !== void 0 && eventOccurrenceId === otherOccurrenceId;
+}
+var isMidnight = (value) => value.hour() === 0 && value.minute() === 0 && value.second() === 0;
+function spansWholeDays(event) {
+	const start = (0, dayjs.default)(event.start);
+	const end = (0, dayjs.default)(event.end);
+	return isMidnight(start) && (isMidnight(end) || end.hour() === 23 && end.minute() === 59 && end.second() === 59);
+}
+function isEventPlacementAllowed({ event, start, end, events, preventEventOverlap, resourceId }) {
+	if (!preventEventOverlap) return {
+		allowed: true,
+		conflicts: []
+	};
+	const candidate = {
+		...event,
+		start,
+		end,
+		...resourceId !== void 0 ? { resourceId } : {}
+	};
+	const allDay = spansWholeDays(candidate);
+	const conflicts = events.filter((other) => {
+		if (other.display === "background" || isSameEvent(event, other)) return false;
+		if (resourceId !== void 0 && other.resourceId !== resourceId) return false;
+		if (spansWholeDays(other) !== allDay || !isEventsOverlap(other, candidate)) return false;
+		return typeof preventEventOverlap === "function" ? preventEventOverlap(other, candidate) : true;
+	});
+	return {
+		allowed: conflicts.length === 0,
+		conflicts
+	};
+}
+//#endregion
 //#region src/utils/get-visible-events/get-visible-events.ts
 function getVisibleEvents({ maxEvents, totalEvents }) {
 	if (totalEvents <= maxEvents) return {
@@ -420,8 +459,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 +728,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 {
@@ -918,9 +995,42 @@ function moveEventToAllDay(event, date) {
 	};
 }
 //#endregion
+//#region src/hooks/validate-event-resize.ts
+function validateEventResize({ event, start, end, edge, events = [], preventEventOverlap, canResizeEventTo, resourceId }) {
+	const { allowed, conflicts } = isEventPlacementAllowed({
+		event,
+		start,
+		end,
+		events,
+		preventEventOverlap,
+		resourceId
+	});
+	if (!allowed) return {
+		valid: false,
+		conflicts,
+		reason: "overlap"
+	};
+	if (canResizeEventTo?.({
+		event,
+		start,
+		end,
+		edge
+	}) === false) return {
+		valid: false,
+		conflicts: [],
+		reason: "rejected"
+	};
+	return {
+		valid: true,
+		conflicts: [],
+		reason: null
+	};
+}
+//#endregion
 //#region src/hooks/use-event-resize.ts
 function useEventResize(input) {
 	const resizeState = (0, vue.shallowRef)(null);
+	const resizeValid = (0, vue.shallowRef)(true);
 	let justResized = false;
 	let savedUserSelect = null;
 	const clampAndSnap = (minutes, state) => {
@@ -962,6 +1072,18 @@ function useEventResize(input) {
 			currentTop,
 			currentHeight
 		};
+		const next = resizeState.value;
+		const start = next.edge === "top" ? percentToDateTime(next.currentTop, next.eventDate, next) : next.originalStart;
+		const end = next.edge === "bottom" ? percentToDateTime(next.currentTop + next.currentHeight, next.eventDate, next) : next.originalEnd;
+		resizeValid.value = validateEventResize({
+			event: next.event,
+			start,
+			end,
+			edge: next.edge === "top" ? "start" : "end",
+			events: input.events?.() ?? [],
+			preventEventOverlap: input.preventEventOverlap?.(),
+			canResizeEventTo: input.canResizeEventTo?.()
+		}).valid;
 	});
 	const trackPointer = (event) => handlePointerMove(event.clientY);
 	const removeDocumentListeners = () => {
@@ -979,14 +1101,34 @@ function useEventResize(input) {
 		if (state && (state.currentTop !== state.originalTop || state.currentHeight !== state.originalHeight)) {
 			const newStart = state.edge === "top" ? percentToDateTime(state.currentTop, state.eventDate, state) : state.originalStart;
 			const newEnd = state.edge === "bottom" ? percentToDateTime(state.currentTop + state.currentHeight, state.eventDate, state) : state.originalEnd;
-			input.onEventResize({
+			const edge = state.edge === "top" ? "start" : "end";
+			const validation = validateEventResize({
+				event: state.event,
+				start: newStart,
+				end: newEnd,
+				edge,
+				events: input.events?.() ?? [],
+				preventEventOverlap: input.preventEventOverlap?.(),
+				canResizeEventTo: input.canResizeEventTo?.()
+			});
+			if (validation.valid) input.onEventResize({
 				eventId: state.eventId,
 				newStart,
 				newEnd,
 				event: state.event
 			});
+			else input.onEventPlacementRejected?.({
+				action: "resize",
+				event: state.event,
+				start: newStart,
+				end: newEnd,
+				edge,
+				conflicts: validation.conflicts,
+				reason: validation.reason
+			});
 		}
 		resizeState.value = null;
+		resizeValid.value = true;
 		removeDocumentListeners();
 		justResized = true;
 		requestAnimationFrame(() => {
@@ -1022,25 +1164,29 @@ function useEventResize(input) {
 			intervalMinutes,
 			minHeightPercent: intervalMinutes / totalMinutes * 100
 		};
+		resizeValid.value = true;
 		savedUserSelect = document.body.style.userSelect;
 		document.body.style.userSelect = "none";
 		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
+		wasResizing: () => justResized,
+		resizeValid: (0, vue.computed)(() => resizeValid.value)
 	};
 }
 var CurrentTimeIndicator_module_default = {
@@ -1263,9 +1409,9 @@ function provideScheduleDragState(input = {}) {
 	};
 }
 var ScheduleEvent_module_default = {
-	event: "_event_19lsr_1",
-	eventInner: "_eventInner_19lsr_14",
-	eventResizeHandle: "_eventResizeHandle_19lsr_186"
+	event: "_event_iymqv_1",
+	eventInner: "_eventInner_iymqv_14",
+	eventResizeHandle: "_eventResizeHandle_iymqv_215"
 };
 //#endregion
 //#region src/components/ScheduleEvent/ScheduleEvent.vue?vue&type=script&setup=true&lang.ts
@@ -1651,9 +1797,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 +1849,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 +1863,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 +2913,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 +2953,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 +2990,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 +3025,8 @@ function getDayViewEvents({ events, date, startTime, endTime, intervalMinutes })
 		startTime,
 		endTime,
 		intervalMinutes,
-		date
+		date,
+		eventOverlapMode
 	});
 	const allDayEvents = [];
 	const regularEvents = [];
@@ -2913,17 +3089,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_18224_1",
+	dayViewDragPreview: "_dayViewDragPreview_18224_13",
+	dayViewScrollArea: "_dayViewScrollArea_18224_31",
+	dayViewInner: "_dayViewInner_18224_41",
+	dayViewTimeSlots: "_dayViewTimeSlots_18224_45",
+	dayViewSlot: "_dayViewSlot_18224_48",
+	dayViewSlotLabels: "_dayViewSlotLabels_18224_53",
+	dayViewSlotLabel: "_dayViewSlotLabel_18224_53",
+	dayViewSlots: "_dayViewSlots_18224_83",
+	dayViewBackgroundEvent: "_dayViewBackgroundEvent_18224_196",
+	dayViewBackgroundEventResizeHandle: "_dayViewBackgroundEventResizeHandle_18224_225",
+	dayViewAllDay: "_dayViewAllDay_18224_272",
+	dayViewAllDayEvents: "_dayViewAllDayEvents_18224_277"
 };
 //#endregion
 //#region src/components/DayView/DayView.vue?vue&type=script&setup=true&lang.ts
@@ -2954,6 +3132,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],
@@ -2995,6 +3175,9 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -3003,6 +3186,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -3044,6 +3228,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -3084,6 +3269,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const eventRenderers = (0, vue.computed)(() => resolveEventRenderers(props, slots));
 		const timeSlotsContainer = (0, vue.ref)(null);
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = (0, vue.shallowRef)(null);
 		const date = (0, vue.computed)(() => toDateString(props.date));
 		const datePart = (0, vue.computed)(() => (0, dayjs.default)(date.value).format("YYYY-MM-DD"));
 		const now = (0, vue.computed)(() => (0, dayjs.default)(props.getCurrentTime?.() ?? (0, dayjs.default)()));
@@ -3095,7 +3281,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 +3305,12 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
 			enabled: () => withSlotSelect.value,
@@ -3140,9 +3332,35 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = (0, vue.computed)(() => {
+			const target = slotDropTarget.dropTarget.value;
+			const interval = target && intervals.value[target.slotIndex];
+			if (!target || !interval) return true;
+			const start = `${target.date} ${interval.startTime}`;
+			const event = dragState.draggedEvent.value;
+			if (event) {
+				const next = moveEventTo(event, start);
+				return isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			}
+			return dropDataTransfer.value ? props.canDropExternalEvent?.({
+				dataTransfer: dropDataTransfer.value,
+				start
+			}) !== false : true;
+		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollTime) return;
 			await (0, vue.nextTick)();
@@ -3160,14 +3378,79 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emitDrop = (nativeEvent, target) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventTo(event, target));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target
+			}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const emitAllDayDrop = (nativeEvent) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventToAllDay(event, datePart.value));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, `${datePart.value} 00:00:00`);
+			if (event) {
+				const next = moveEventToAllDay(event, datePart.value);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const target = `${datePart.value} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const clickAllDaySlot = (nativeEvent) => emit("allDaySlotClick", date.value, nativeEvent);
 		const clickTimeSlot = (slotIndex, nativeEvent) => {
@@ -3188,10 +3471,14 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			startTime: props.startTime,
 			endTime: props.endTime
 		});
-		const handleGridDragOver = (nativeEvent) => slotDropTarget.dragOver(nativeEvent, dropInput());
+		const handleGridDragOver = (nativeEvent) => {
+			dropDataTransfer.value = nativeEvent.dataTransfer;
+			slotDropTarget.dragOver(nativeEvent, dropInput());
+		};
 		const handleGridDragLeave = (nativeEvent) => slotDropTarget.dragLeave(nativeEvent, timeSlotsContainer.value);
 		const handleGridDrop = (nativeEvent) => {
 			const target = slotDropTarget.drop(nativeEvent, dropInput());
+			dropDataTransfer.value = null;
 			if (target) emitDrop(nativeEvent, target.target);
 		};
 		const handleSlotKeydown = (nativeEvent, index) => {
@@ -3209,11 +3496,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 +3516,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 +3541,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 +3680,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 +3702,10 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									event,
 									"auto-size": "",
 									mode: (0, vue.unref)(props).mode,
+									mod: {
+										cascade: (0, vue.unref)(props).eventOverlapMode === "cascade",
+										invalid: (0, vue.unref)(eventResize).getResizePosition(event.id) !== null && !(0, vue.unref)(eventResize).resizeValid.value
+									},
 									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 +3721,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								}), null, 16, [
 									"event",
 									"mode",
+									"mod",
 									"style",
 									"draggable",
 									"with-resize",
@@ -3454,6 +3765,7 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										"hour-start": slot.isHourStart,
 										static: isStatic.value,
 										"drop-target": (0, vue.unref)(slotDropTarget).isTarget(datePart.value, index),
+										invalid: (0, vue.unref)(slotDropTarget).isTarget(datePart.value, index) && !dropValid.value,
 										"drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(index, datePart.value),
 										"business-hours": businessHoursMods.value[index]["business-hours"],
 										"non-business-hours": businessHoursMods.value[index]["non-business-hours"]
@@ -3483,7 +3795,11 @@ var DayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					_: 1
 				}, 16, ["viewport-props"])]),
 				_: 1
-			}, 16, ["mod"]);
+			}, 16, [
+				"mod",
+				"data-event-interaction",
+				"style"
+			]);
 		};
 	}
 });
@@ -3495,10 +3811,16 @@ var DayView = (0, _mantine_vue_core.factory)(DayView_default, {
 });
 //#endregion
 //#region src/components/MobileMonthView/get-mobile-month-view-events.ts
+function getEventEndDay(event) {
+	const startDay = (0, dayjs.default)(event.start).startOf("day");
+	const end = (0, dayjs.default)(event.end);
+	const endDay = end.hour() === 0 && end.minute() === 0 && end.second() === 0 ? end.startOf("day").subtract(1, "day") : end.startOf("day");
+	return endDay.isBefore(startDay) ? startDay : endDay;
+}
 function groupEventByDate$1(event, groupedEvents) {
 	if (isMultidayEvent(event)) {
 		const startDate = (0, dayjs.default)(event.start).startOf("day");
-		const endDate = (0, dayjs.default)(event.end).startOf("day");
+		const endDate = getEventEndDay(event);
 		for (let date = startDate; date.isBefore(endDate) || date.isSame(endDate); date = date.add(1, "day")) {
 			const dateKey = date.format("YYYY-MM-DD");
 			if (!groupedEvents[dateKey]) groupedEvents[dateKey] = [];
@@ -3514,9 +3836,11 @@ function getMobileMonthViewEvents({ date, events }) {
 	const groupedEvents = {};
 	if (events === void 0) return groupedEvents;
 	const ids = /* @__PURE__ */ new Set();
+	const monthStart = (0, dayjs.default)(date).startOf("month");
+	const monthEnd = (0, dayjs.default)(date).endOf("month");
 	for (const event of events) {
 		if (event.display === "background") continue;
-		if ((0, dayjs.default)(event.start).isSame((0, dayjs.default)(date), "month")) {
+		if (!getEventEndDay(event).isBefore(monthStart, "day") && !(0, dayjs.default)(event.start).isAfter(monthEnd, "day")) {
 			groupEventByDate$1(validateEvent(event), groupedEvents);
 			if (!ids.has(event.id)) ids.add(event.id);
 			else throw new Error(`[@mantine/schedule] MobileMonthView: Duplicated event ids found: ${event.id}`);
@@ -3903,17 +4227,6 @@ function calculateEventPositionInWeek({ eventStart, eventEnd, weekStart, weekEnd
 	};
 }
 //#endregion
-//#region src/components/MonthView/get-month-view-events/find-available-row.ts
-function findAvailableRow({ existingEvents, startDayIndex, daysSpanned, weekStart }) {
-	let row = 0;
-	for (const existing of existingEvents) {
-		const existingStart = (0, dayjs.default)(existing.start).startOf("day");
-		const existingDayIndex = (existingStart.isBefore(weekStart) || existingStart.isSame(weekStart, "day") ? weekStart : existingStart).diff(weekStart, "day");
-		if (existingDayIndex + (existing.position?.width || 0) / 100 * 7 > startDayIndex && existingDayIndex < startDayIndex + daysSpanned) row = Math.max(row, (existing.position?.row || 0) + 1);
-	}
-	return row;
-}
-//#endregion
 //#region src/components/MonthView/get-month-view-events/get-weeks-in-range.ts
 function getWeeksInRange({ rangeStart, rangeEnd, firstDayOfWeek }) {
 	const weeks = [];
@@ -3938,6 +4251,14 @@ function getWeeksInRange({ rangeStart, rangeEnd, firstDayOfWeek }) {
 	};
 }
 //#endregion
+//#region src/components/MonthView/get-month-view-events/reserve-row.ts
+function reserveRow({ nextRowByDay, startDayIndex, daysSpanned }) {
+	const endDayIndex = startDayIndex + daysSpanned;
+	const row = Math.max(...nextRowByDay.slice(startDayIndex, endDayIndex));
+	nextRowByDay.fill(row + 1, startDayIndex, endDayIndex);
+	return row;
+}
+//#endregion
 //#region src/components/MonthView/get-month-view-events/get-month-positioned-events.ts
 function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 	const groupedByWeek = {};
@@ -3948,6 +4269,11 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		rangeEnd: range ? (0, dayjs.default)(range.end) : (0, dayjs.default)(date).startOf("month").endOf("month"),
 		firstDayOfWeek
 	});
+	const weekStates = weeks.map((week) => ({
+		weekStart: (0, dayjs.default)(week[0]).startOf("day"),
+		weekEnd: (0, dayjs.default)(week[6]).endOf("day"),
+		nextRowByDay: Array.from({ length: 7 }).fill(0)
+	}));
 	for (let i = 0; i < weeks.length; i++) {
 		groupedByWeek[i.toString()] = [];
 		backgroundByWeek[i.toString()] = [];
@@ -3958,9 +4284,7 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 		const eventEnd = rawEnd.hour() === 0 && rawEnd.minute() === 0 && rawEnd.second() === 0 ? rawEnd.startOf("day").subtract(1, "day") : rawEnd.startOf("day");
 		const isMultiday = eventEnd.isAfter(eventStart);
 		for (let weekIdx = 0; weekIdx < weeks.length; weekIdx++) {
-			const week = weeks[weekIdx];
-			const weekStart = (0, dayjs.default)(week[0]).startOf("day");
-			const weekEnd = (0, dayjs.default)(week[6]).endOf("day");
+			const { weekStart, weekEnd, nextRowByDay } = weekStates[weekIdx];
 			if ((eventStart.isBefore(weekEnd) || eventStart.isSame(weekEnd, "day")) && (eventEnd.isAfter(weekStart) || eventEnd.isSame(weekStart, "day"))) {
 				const { startDayIndex, daysSpanned, startOffset, width, hanging } = calculateEventPositionInWeek({
 					eventStart,
@@ -3982,11 +4306,10 @@ function getMonthPositionedEvents({ date, events, firstDayOfWeek = 1, range }) {
 					});
 					continue;
 				}
-				const row = findAvailableRow({
-					existingEvents: groupedByWeek[weekIdx.toString()],
+				const row = reserveRow({
+					nextRowByDay,
 					startDayIndex,
-					daysSpanned,
-					weekStart
+					daysSpanned
 				});
 				const positionedEvent = {
 					...event,
@@ -4162,16 +4485,16 @@ function getRenderableMonthEventSegments({ events, groupedByDay, maxEventsPerDay
 	});
 }
 var MonthView_module_default = {
-	monthView: "_monthView_hbhp2_1",
-	monthViewWeekdays: "_monthViewWeekdays_hbhp2_21",
-	monthViewWeek: "_monthViewWeek_hbhp2_21",
-	monthViewWeekNumber: "_monthViewWeekNumber_hbhp2_31",
-	monthViewWeekday: "_monthViewWeekday_hbhp2_21",
-	monthViewWeekdaysCorner: "_monthViewWeekdaysCorner_hbhp2_107",
-	monthViewDay: "_monthViewDay_hbhp2_114",
-	monthViewDayLabel: "_monthViewDayLabel_hbhp2_255",
-	monthViewBackgroundEvent: "_monthViewBackgroundEvent_hbhp2_271",
-	monthViewEvents: "_monthViewEvents_hbhp2_296"
+	monthView: "_monthView_98v2r_1",
+	monthViewWeekdays: "_monthViewWeekdays_98v2r_21",
+	monthViewWeek: "_monthViewWeek_98v2r_21",
+	monthViewWeekNumber: "_monthViewWeekNumber_98v2r_31",
+	monthViewWeekday: "_monthViewWeekday_98v2r_21",
+	monthViewWeekdaysCorner: "_monthViewWeekdaysCorner_98v2r_107",
+	monthViewDay: "_monthViewDay_98v2r_114",
+	monthViewDayLabel: "_monthViewDayLabel_98v2r_264",
+	monthViewBackgroundEvent: "_monthViewBackgroundEvent_98v2r_280",
+	monthViewEvents: "_monthViewEvents_98v2r_305"
 };
 //#endregion
 //#region src/components/MonthView/MonthView.vue?vue&type=script&setup=true&lang.ts
@@ -4180,6 +4503,7 @@ var _hoisted_1$5 = [
 	"data-weekend",
 	"data-static",
 	"data-drop-target",
+	"data-invalid",
 	"data-drag-selected",
 	"data-drag-slot-index",
 	"data-drag-slot-group",
@@ -4254,6 +4578,9 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		monthYearSelectProps: { default: void 0 },
@@ -4299,6 +4626,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"eventDragEnd",
 		"externalEventDrop",
 		"slotDragEnd",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -4339,6 +4667,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const eventRenderers = (0, vue.computed)(() => resolveEventRenderers(props, slots));
 		const monthGrid = (0, vue.ref)(null);
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const month = (0, vue.computed)(() => (0, dayjs.default)(props.date).startOf("month"));
 		const maxEventsPerDay = (0, vue.computed)(() => clampMaxEvents(props.maxEventsPerDay));
@@ -4429,7 +4758,29 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const handleDragOver = (nativeEvent, date) => {
 			nativeEvent.preventDefault();
 			if (nativeEvent.dataTransfer) nativeEvent.dataTransfer.dropEffect = nativeEvent.dataTransfer.types.includes("application/json") ? "move" : "copy";
-			highlightDay(toDateString(date));
+			const target = toDateString(date);
+			const dragged = dragState.draggedEvent.value;
+			if (dragged) {
+				const next = moveEventTo(dragged, target);
+				dropValid.value = isEventPlacementAllowed({
+					event: dragged,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event: dragged,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${target} 00:00:00`;
+				dropValid.value = props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start
+				}) !== false;
+			}
+			highlightDay(target);
 		};
 		const handleDragLeave = (nativeEvent) => {
 			if (!(nativeEvent.relatedTarget instanceof Node) || !monthGrid.value?.contains(nativeEvent.relatedTarget)) {
@@ -4441,14 +4792,48 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			nativeEvent.preventDefault();
 			highlightDay.cancel();
 			setDropTarget(null);
+			dropValid.value = true;
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
 			if (event) {
 				const { start } = calculateMonthDropDate({
 					draggedEvent: event,
 					targetDay: toDateString(date)
 				});
-				emit("eventDrop", moveEventTo(event, start));
-			} else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, toDateString(date));
+				const next = moveEventTo(event, start);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${toDateString(date)} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, toDateString(date));
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const segmentStyle = (position) => ({
 			position: "absolute",
@@ -4522,6 +4907,7 @@ var MonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									"data-weekend": (0, vue.unref)(props).weekendDays.includes((0, vue.unref)(dayjs.default)(date).day()) || void 0,
 									"data-static": isStatic.value || void 0,
 									"data-drop-target": dropTarget.value === (0, vue.unref)(toDateString)(date) || void 0,
+									"data-invalid": dropTarget.value === (0, vue.unref)(toDateString)(date) && !dropValid.value || void 0,
 									"data-drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(weekIndex * 7 + dayIndex, "month") || void 0,
 									"data-drag-slot-index": withSlotSelect.value ? weekIndex * 7 + dayIndex : void 0,
 									"data-drag-slot-group": withSlotSelect.value ? MONTH_SLOT_GROUP : void 0,
@@ -4776,7 +5162,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 +5321,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 +5357,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_1ttnb_1",
+	weekViewRoot: "_weekViewRoot_1ttnb_22",
+	weekViewDragPreview: "_weekViewDragPreview_1ttnb_33",
+	weekViewInner: "_weekViewInner_1ttnb_39",
+	weekViewScrollArea: "_weekViewScrollArea_1ttnb_45",
+	weekViewHeader: "_weekViewHeader_1ttnb_51",
+	weekViewCorner: "_weekViewCorner_1ttnb_66",
+	weekViewSlotLabels: "_weekViewSlotLabels_1ttnb_77",
+	weekViewSlotLabel: "_weekViewSlotLabel_1ttnb_77",
+	weekViewDay: "_weekViewDay_1ttnb_104",
+	weekViewDayLabel: "_weekViewDayLabel_1ttnb_109",
+	weekViewDayNumber: "_weekViewDayNumber_1ttnb_147",
+	weekViewDayWeekday: "_weekViewDayWeekday_1ttnb_163",
+	weekViewBackgroundEvent: "_weekViewBackgroundEvent_1ttnb_169",
+	weekViewBackgroundEventResizeHandle: "_weekViewBackgroundEventResizeHandle_1ttnb_198",
+	weekViewDaySlots: "_weekViewDaySlots_1ttnb_246",
+	weekViewDaySlot: "_weekViewDaySlot_1ttnb_246",
+	weekViewWeekLabel: "_weekViewWeekLabel_1ttnb_353",
+	weekViewWeekNumber: "_weekViewWeekNumber_1ttnb_359",
+	weekViewAllDaySlots: "_weekViewAllDaySlots_1ttnb_365",
+	weekViewAllDaySlotsLabel: "_weekViewAllDaySlotsLabel_1ttnb_370",
+	weekViewAllDaySlotsEvents: "_weekViewAllDaySlotsEvents_1ttnb_377",
+	weekViewAllDaySlotsList: "_weekViewAllDaySlotsList_1ttnb_384"
 };
 //#endregion
 //#region src/components/WeekView/WeekView.vue?vue&type=script&setup=true&lang.ts
@@ -5033,6 +5422,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,
@@ -5104,6 +5495,9 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withDragSlotSelect: { type: Boolean },
 		withExternalEventDrop: { type: Boolean },
 		startScrollTime: { default: void 0 },
@@ -5112,6 +5506,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canResizeEventTo: {},
 		date: {},
 		events: { default: void 0 },
 		locale: { default: void 0 },
@@ -5153,6 +5548,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"slotDragEnd",
 		"externalEventDrop",
 		"eventResize",
+		"eventPlacementRejected",
 		"dateChange",
 		"viewChange",
 		"eventClick"
@@ -5197,6 +5593,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		};
 		const daySlotsContainers = /* @__PURE__ */ new Map();
 		const slotDropTarget = useSlotDropTarget();
+		const dropDataTransfer = (0, vue.shallowRef)(null);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		/** The plural names are the deprecated aliases; the canonical prop wins when both are set. */
 		const withWeekNumber = (0, vue.computed)(() => props.withWeekNumbers ?? props.withWeekNumber);
@@ -5221,7 +5618,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 +5636,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 +5684,12 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		const slotDragSelect = useSlotDragSelect({
 			enabled: () => withSlotSelect.value,
@@ -5316,9 +5720,35 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			isSlotDragging: () => slotDragSelect.isDragging(),
 			onDragEnd: () => {
 				slotDropTarget.reset();
+				dropDataTransfer.value = null;
 				emit("eventDragEnd");
 			}
 		});
+		const dropValid = (0, vue.computed)(() => {
+			const target = slotDropTarget.dropTarget.value;
+			const interval = target && intervals.value[target.slotIndex];
+			if (!target || !interval) return true;
+			const start = `${target.date} ${interval.startTime}`;
+			const event = dragState.draggedEvent.value;
+			if (event) {
+				const next = moveEventTo(event, start);
+				return isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false;
+			}
+			return dropDataTransfer.value ? props.canDropExternalEvent?.({
+				dataTransfer: dropDataTransfer.value,
+				start
+			}) !== false : true;
+		});
 		const clickEvent = (event, nativeEvent) => emit("eventClick", event, nativeEvent);
 		const dragStart = (event) => {
 			dragState.startEventDrag(event);
@@ -5372,15 +5802,80 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emitDrop = (nativeEvent, target) => {
 			nativeEvent.preventDefault();
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventTo(event, target));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target
+			}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const emitAllDayDrop = (nativeEvent, date) => {
 			nativeEvent.preventDefault();
 			const dayKey = (0, dayjs.default)(date).format("YYYY-MM-DD");
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", moveEventToAllDay(event, dayKey));
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", nativeEvent.dataTransfer, `${dayKey} 00:00:00`);
+			if (event) {
+				const next = moveEventToAllDay(event, dayKey);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd
+				}) !== false) emit("eventDrop", next);
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const target = `${dayKey} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target
+				}) !== false) emit("externalEventDrop", nativeEvent.dataTransfer, target);
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start: target,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const dropInput = (date) => ({
 			container: daySlotsContainers.get(date),
@@ -5391,10 +5886,14 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			startTime: props.startTime,
 			endTime: props.endTime
 		});
-		const handleDayDragOver = (nativeEvent, date) => slotDropTarget.dragOver(nativeEvent, dropInput(date));
+		const handleDayDragOver = (nativeEvent, date) => {
+			dropDataTransfer.value = nativeEvent.dataTransfer;
+			slotDropTarget.dragOver(nativeEvent, dropInput(date));
+		};
 		const handleDayDragLeave = (nativeEvent, date) => slotDropTarget.dragLeave(nativeEvent, daySlotsContainers.get(date));
 		const handleDayDrop = (nativeEvent, date) => {
 			const target = slotDropTarget.drop(nativeEvent, dropInput(date));
+			dropDataTransfer.value = null;
 			if (target) emitDrop(nativeEvent, target.target);
 		};
 		const allDayEventStyle = (position) => ({
@@ -5403,12 +5902,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 +5923,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 +5975,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")
@@ -5595,6 +6104,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"data-drag-slot-index": withSlotSelect.value ? slotIndex : void 0,
 													"data-drag-slot-group": withSlotSelect.value ? column.key : void 0,
 													"data-drop-target": (0, vue.unref)(slotDropTarget).isTarget(column.key, slotIndex) || void 0,
+													"data-invalid": (0, vue.unref)(slotDropTarget).isTarget(column.key, slotIndex) && !dropValid.value ? true : void 0,
 													"data-drag-selected": (0, vue.unref)(slotDragSelect).isSlotSelected(slotIndex, column.key) || void 0,
 													"data-business-hours": businessHoursMods.value[dayIndex][slotIndex]["business-hours"] || void 0,
 													"data-non-business-hours": businessHoursMods.value[dayIndex][slotIndex]["non-business-hours"] || void 0,
@@ -5611,6 +6121,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"data-drag-slot-index",
 													"data-drag-slot-group",
 													"data-drop-target",
+													"data-invalid",
 													"data-drag-selected",
 													"data-business-hours",
 													"data-non-business-hours",
@@ -5631,12 +6142,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 +6164,10 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													event,
 													"auto-size": "",
 													mode: (0, vue.unref)(props).mode,
+													mod: {
+														cascade: (0, vue.unref)(props).eventOverlapMode === "cascade",
+														invalid: (0, vue.unref)(eventResize).getResizePosition(event.id) !== null && !(0, vue.unref)(eventResize).resizeValid.value
+													},
 													style: regularEventStyle(event),
 													draggable: isDraggableEvent(event),
 													"with-resize": (0, vue.unref)(eventResize).isResizableEvent(event),
@@ -5660,6 +6183,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												}), null, 16, [
 													"event",
 													"mode",
+													"mod",
 													"style",
 													"draggable",
 													"with-resize",
@@ -5677,7 +6201,7 @@ var WeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						_: 1
 					}, 16, ["viewport-props"])]),
 					_: 1
-				}, 16, ["mod"])]),
+				}, 16, ["mod", "data-event-interaction"])]),
 				_: 1
 			}, 16, ["mod"]);
 		};
@@ -6108,6 +6632,22 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {
+			type: Function,
+			default: void 0
+		},
+		canDropExternalEvent: {
+			type: Function,
+			default: void 0
+		},
+		canResizeEventTo: {
+			type: Function,
+			default: void 0
+		},
+		preventEventOverlap: {
+			type: [Boolean, Function],
+			default: void 0
+		},
 		withInteractiveBackgroundEvents: {
 			type: Boolean,
 			default: void 0
@@ -6139,7 +6679,8 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"monthClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6198,6 +6739,10 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			withExternalEventDrop: props.withExternalEventDrop,
 			withEventResize: props.withEventResize,
 			canResizeEvent: props.canResizeEvent,
+			canDropEvent: props.canDropEvent,
+			canDropExternalEvent: props.canDropExternalEvent,
+			canResizeEventTo: props.canResizeEventTo,
+			preventEventOverlap: props.preventEventOverlap,
 			withInteractiveBackgroundEvents: props.mode === "static" ? false : props.withInteractiveBackgroundEvents,
 			recurrenceExpansionLimit: props.recurrenceExpansionLimit,
 			...eventRenderers.value,
@@ -6221,7 +6766,8 @@ var Schedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onMonthClick: (month) => emit("monthClick", month),
 			onSlotDragEnd: (rangeStart, rangeEnd) => emit("slotDragEnd", rangeStart, rangeEnd),
 			onExternalEventDrop: (dataTransfer, dateTime) => emit("externalEventDrop", dataTransfer, dateTime),
-			onEventResize: (data) => emit("eventResize", data)
+			onEventResize: (data) => emit("eventResize", data),
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data)
 		};
 		const views = {
 			day: DayView,
@@ -6294,6 +6840,7 @@ var Schedule = (0, _mantine_vue_core.factory)(Schedule_default, { classes: Sched
 //#region src/hooks/use-horizontal-event-resize.ts
 function useHorizontalEventResize(input) {
 	const state = (0, vue.shallowRef)(null);
+	const resizeValid = (0, vue.ref)(true);
 	let justResized = false;
 	let savedUserSelect = "";
 	const metrics = () => {
@@ -6338,6 +6885,18 @@ function useHorizontalEventResize(input) {
 			current.currentWidth = right - current.currentLeft;
 		}
 		state.value = { ...current };
+		const start = current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart;
+		const end = current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd;
+		resizeValid.value = validateEventResize({
+			event: current.event,
+			start,
+			end,
+			edge: current.edge,
+			events: input.events?.() ?? [],
+			preventEventOverlap: input.preventEventOverlap?.(),
+			canResizeEventTo: input.canResizeEventTo?.(),
+			resourceId: current.event.resourceId
+		}).valid;
 	});
 	const trackPointer = (event) => move(event.clientX);
 	const cleanup = () => {
@@ -6349,13 +6908,37 @@ function useHorizontalEventResize(input) {
 	const finish = () => {
 		move.cancel();
 		const current = state.value;
-		if (current && (current.currentLeft !== current.originalLeft || current.currentWidth !== current.originalWidth)) input.onEventResize({
-			eventId: current.event.id,
-			newStart: current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart,
-			newEnd: current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd,
-			event: current.event
-		});
+		if (current && (current.currentLeft !== current.originalLeft || current.currentWidth !== current.originalWidth)) {
+			const start = current.edge === "start" ? toDateTime(current.currentLeft, current.eventDate) : current.originalStart;
+			const end = current.edge === "end" ? toDateTime(current.currentLeft + current.currentWidth, current.eventDate) : current.originalEnd;
+			const validation = validateEventResize({
+				event: current.event,
+				start,
+				end,
+				edge: current.edge,
+				events: input.events?.() ?? [],
+				preventEventOverlap: input.preventEventOverlap?.(),
+				canResizeEventTo: input.canResizeEventTo?.(),
+				resourceId: current.event.resourceId
+			});
+			if (validation.valid) input.onEventResize({
+				eventId: current.event.id,
+				newStart: start,
+				newEnd: end,
+				event: current.event
+			});
+			else input.onEventPlacementRejected?.({
+				action: "resize",
+				event: current.event,
+				start,
+				end,
+				edge: current.edge,
+				conflicts: validation.conflicts,
+				reason: validation.reason
+			});
+		}
 		state.value = null;
+		resizeValid.value = true;
 		cleanup();
 		justResized = true;
 		requestAnimationFrame(() => justResized = false);
@@ -6373,6 +6956,7 @@ function useHorizontalEventResize(input) {
 			dayIndex: params.dayIndex ?? 0,
 			dayCount: params.dayCount ?? 1
 		};
+		resizeValid.value = true;
 		savedUserSelect = document.body.style.userSelect;
 		document.body.style.userSelect = "none";
 		document.addEventListener("pointermove", trackPointer);
@@ -6381,35 +6965,20 @@ function useHorizontalEventResize(input) {
 	(0, vue.onBeforeUnmount)(cleanup);
 	return {
 		state,
+		resizeValid,
+		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 +7076,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_1ak2d_1",
+	resourcesDayViewRoot: "_resourcesDayViewRoot_1ak2d_22",
+	resourcesDayViewScrollArea: "_resourcesDayViewScrollArea_1ak2d_30",
+	resourcesDayViewInner: "_resourcesDayViewInner_1ak2d_39",
+	resourcesDayViewTimeLabelsRow: "_resourcesDayViewTimeLabelsRow_1ak2d_44",
+	resourcesDayViewCorner: "_resourcesDayViewCorner_1ak2d_57",
+	resourcesDayViewTimeLabel: "_resourcesDayViewTimeLabel_1ak2d_44",
+	resourcesDayViewRow: "_resourcesDayViewRow_1ak2d_96",
+	resourcesDayViewResourceLabel: "_resourcesDayViewResourceLabel_1ak2d_100",
+	resourcesDayViewGroupColumn: "_resourcesDayViewGroupColumn_1ak2d_124",
+	resourcesDayViewGroupColumnEmpty: "_resourcesDayViewGroupColumnEmpty_1ak2d_125",
+	resourcesDayViewRowSlots: "_resourcesDayViewRowSlots_1ak2d_153",
+	resourcesDayViewRowSlot: "_resourcesDayViewRowSlot_1ak2d_153",
+	resourcesDayViewCurrentTimeIndicator: "_resourcesDayViewCurrentTimeIndicator_1ak2d_240",
+	resourcesDayViewCurrentTimeIndicatorLine: "_resourcesDayViewCurrentTimeIndicatorLine_1ak2d_252",
+	resourcesDayViewCurrentTimeIndicatorThumb: "_resourcesDayViewCurrentTimeIndicatorThumb_1ak2d_258",
+	resourcesDayViewCurrentTimeIndicatorTimeBubble: "_resourcesDayViewCurrentTimeIndicatorTimeBubble_1ak2d_268",
+	resourcesDayViewBackgroundEvent: "_resourcesDayViewBackgroundEvent_1ak2d_287",
+	resourcesDayViewAllDayEvent: "_resourcesDayViewAllDayEvent_1ak2d_315",
+	resourcesDayViewEventWrapper: "_resourcesDayViewEventWrapper_1ak2d_321",
+	resourcesDayViewResizeHandle: "_resourcesDayViewResizeHandle_1ak2d_325"
 };
 //#endregion
 //#region src/components/ResourcesDayView/ResourcesDayView.vue?vue&type=script&setup=true&lang.ts
@@ -6652,6 +7221,10 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		recurrenceExpansionLimit: { default: void 0 },
 		maxEventsPerTimeSlot: { default: void 0 },
 		moreEventsProps: { default: void 0 },
@@ -6670,7 +7243,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -6714,6 +7288,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const scrolled = (0, vue.ref)(false);
 		const scrolledX = (0, vue.ref)(false);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
@@ -6789,7 +7364,12 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			events: () => expandedEvents.value,
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollTime) return;
@@ -6822,15 +7402,51 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!intervals.value[slotIndex]) return;
 			const target = getSnappedDropTarget(nativeEvent, slotIndex);
 			const event = getDropEvent(expandedEvents.value, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", {
-				...moveEventTo(event, target),
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false) emit("eventDrop", {
+					...next,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
 				resourceId
-			});
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
+			}) !== false) emit("externalEventDrop", {
 				dataTransfer: nativeEvent.dataTransfer,
 				dropDateTime: target,
 				resourceId
 			});
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const getSnappedDropTarget = (nativeEvent, slotIndex) => {
 			const interval = intervals.value[slotIndex];
@@ -6861,6 +7477,28 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const slotIndex = getSlotIndexAtPoint(nativeEvent, resourceIndex);
+			const target = slotIndex < 0 ? null : getSnappedDropTarget(nativeEvent, slotIndex);
+			const event = dragState.draggedEvent.value;
+			if (target && event) {
+				const next = moveEventTo(event, target);
+				dropValid.value = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false;
+			} else if (target && nativeEvent.dataTransfer) dropValid.value = props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId
+			}) !== false;
 			setDropTarget(slotIndex < 0 ? null : {
 				resourceId,
 				slotIndex
@@ -6888,6 +7526,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 +7536,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 +7755,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) => {
@@ -7160,7 +7812,8 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: (0, vue.unref)(resize).getResizePosition(event.id) !== null && !(0, vue.unref)(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -7173,6 +7826,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), (0, vue.unref)(resize).isResizableEvent(event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(["start", "end"], (edge) => {
 															return (0, vue.createElementVNode)("div", (0, vue.mergeProps)({ key: edge }, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesDayViewResizeHandle"), {
@@ -7218,6 +7872,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														"data-business-hours": businessHoursMods.value[slotIndex]["business-hours"] || void 0,
 														"data-non-business-hours": businessHoursMods.value[slotIndex]["non-business-hours"] || void 0,
 														"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.slotIndex === slotIndex || void 0,
+														"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.slotIndex === slotIndex && !dropValid.value || void 0,
 														"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(slotIndex, String(resource.id)) || void 0,
 														"data-static": isStatic.value || void 0,
 														"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? slotIndex : void 0,
@@ -7248,6 +7903,7 @@ var ResourcesDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 														"data-business-hours",
 														"data-non-business-hours",
 														"data-drop-target",
+														"data-invalid",
 														"data-drag-selected",
 														"data-static",
 														"data-drag-slot-index",
@@ -7370,31 +8026,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_1g2tz_1",
+	resourcesWeekViewRoot: "_resourcesWeekViewRoot_1g2tz_19",
+	resourcesWeekViewScrollArea: "_resourcesWeekViewScrollArea_1g2tz_26",
+	resourcesWeekViewInner: "_resourcesWeekViewInner_1g2tz_34",
+	resourcesWeekViewHeaderRows: "_resourcesWeekViewHeaderRows_1g2tz_39",
+	resourcesWeekViewCorner: "_resourcesWeekViewCorner_1g2tz_48",
+	resourcesWeekViewHeaderContent: "_resourcesWeekViewHeaderContent_1g2tz_63",
+	resourcesWeekViewDayLabelsRow: "_resourcesWeekViewDayLabelsRow_1g2tz_67",
+	resourcesWeekViewDayLabel: "_resourcesWeekViewDayLabel_1g2tz_67",
+	resourcesWeekViewTimeLabelsRow: "_resourcesWeekViewTimeLabelsRow_1g2tz_94",
+	resourcesWeekViewTimeLabel: "_resourcesWeekViewTimeLabel_1g2tz_94",
+	resourcesWeekViewRow: "_resourcesWeekViewRow_1g2tz_121",
+	resourcesWeekViewResourceLabel: "_resourcesWeekViewResourceLabel_1g2tz_125",
+	resourcesWeekViewGroupColumn: "_resourcesWeekViewGroupColumn_1g2tz_149",
+	resourcesWeekViewGroupColumnEmpty: "_resourcesWeekViewGroupColumnEmpty_1g2tz_150",
+	resourcesWeekViewRowSlots: "_resourcesWeekViewRowSlots_1g2tz_178",
+	resourcesWeekViewRowSlot: "_resourcesWeekViewRowSlot_1g2tz_178",
+	resourcesWeekViewBackgroundEvent: "_resourcesWeekViewBackgroundEvent_1g2tz_259",
+	resourcesWeekViewAllDayEvent: "_resourcesWeekViewAllDayEvent_1g2tz_287",
+	resourcesWeekViewEventWrapper: "_resourcesWeekViewEventWrapper_1g2tz_292",
+	resourcesWeekViewResizeHandle: "_resourcesWeekViewResizeHandle_1g2tz_296",
+	resourcesWeekViewCurrentTimeIndicator: "_resourcesWeekViewCurrentTimeIndicator_1g2tz_373",
+	resourcesWeekViewCurrentTimeIndicatorLine: "_resourcesWeekViewCurrentTimeIndicatorLine_1g2tz_385",
+	resourcesWeekViewCurrentTimeIndicatorThumb: "_resourcesWeekViewCurrentTimeIndicatorThumb_1g2tz_391",
+	resourcesWeekViewCurrentTimeIndicatorTimeBubble: "_resourcesWeekViewCurrentTimeIndicatorTimeBubble_1g2tz_401"
 };
 //#endregion
 //#region src/components/ResourcesWeekView/ResourcesWeekView.vue?vue&type=script&setup=true&lang.ts
@@ -7528,6 +8184,10 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		recurrenceExpansionLimit: { default: void 0 },
 		maxEventsPerTimeSlot: { default: void 0 },
 		moreEventsProps: { default: void 0 },
@@ -7560,7 +8220,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"timeSlotClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -7604,6 +8265,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const scrolledX = (0, vue.ref)(false);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const intervals = (0, vue.computed)(() => getDayTimeIntervals({
@@ -7691,7 +8353,12 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			intervalMinutes: () => props.intervalMinutes,
 			resizeIntervalMinutes: () => props.eventResizeInterval,
 			onEventResize: (data) => emit("eventResize", data),
-			canResizeEvent: () => props.canResizeEvent
+			canResizeEvent: () => props.canResizeEvent,
+			events: () => props.events ?? [],
+			preventEventOverlap: () => props.preventEventOverlap,
+			canResizeEventTo: () => props.canResizeEventTo,
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
+			withBackgroundEvents: () => Boolean(props.withInteractiveBackgroundEvents)
 		});
 		(0, vue.onMounted)(async () => {
 			if (!props.startScrollDateTime) return;
@@ -7733,15 +8400,51 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!day || !interval) return;
 			const target = getSnappedDropTarget(nativeEvent, day, flatIndex, interval.startTime);
 			const event = getDropEvent(props.events, nativeEvent.dataTransfer);
-			if (event) emit("eventDrop", {
-				...moveEventTo(event, target),
+			if (event) {
+				const next = moveEventTo(event, target);
+				const validation = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: props.events ?? [],
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false) emit("eventDrop", {
+					...next,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) if (props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
 				resourceId
-			});
-			else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
+			}) !== false) emit("externalEventDrop", {
 				dataTransfer: nativeEvent.dataTransfer,
 				dropDateTime: target,
 				resourceId
 			});
+			else emit("eventPlacementRejected", {
+				action: "external-drop",
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId,
+				conflicts: [],
+				reason: "rejected"
+			});
 		};
 		const getSnappedDropTarget = (nativeEvent, day, flatIndex, slotStartTime) => {
 			if (props.eventDragInterval == null) return `${day} ${slotStartTime}`;
@@ -7772,6 +8475,31 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const flatIndex = getFlatIndexAtPoint(nativeEvent, resourceIndex);
+			const count = slotsPerDay.value;
+			const day = weekdays.value[Math.floor(flatIndex / count)];
+			const interval = intervals.value[flatIndex % count];
+			const target = flatIndex >= 0 && day && interval ? getSnappedDropTarget(nativeEvent, day, flatIndex, interval.startTime) : null;
+			const event = dragState.draggedEvent.value;
+			if (target && event) {
+				const next = moveEventTo(event, target);
+				dropValid.value = isEventPlacementAllowed({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					events: props.events ?? [],
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event,
+					start: next.newStart,
+					end: next.newEnd,
+					resourceId
+				}) !== false;
+			} else if (target && nativeEvent.dataTransfer) dropValid.value = props.canDropExternalEvent?.({
+				dataTransfer: nativeEvent.dataTransfer,
+				start: target,
+				resourceId
+			}) !== false;
 			setDropTarget(flatIndex < 0 ? null : {
 				resourceId,
 				flatIndex
@@ -7807,7 +8535,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 +8546,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 +8799,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) => {
@@ -8119,7 +8861,8 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															style: {
 																width: "100%",
 																height: "100%"
-															}
+															},
+															mod: { invalid: (0, vue.unref)(resize).getResizePosition(entry.event.id) !== null && !(0, vue.unref)(resize).resizeValid.value }
 														}, { ref_for: true }, {
 															...eventRenderers.value,
 															...stylesApi.value
@@ -8132,6 +8875,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"radius",
 															"mode",
 															"draggable",
+															"mod",
 															"onClick"
 														]), (0, vue.unref)(resize).isResizableEvent(entry.event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(["start", "end"], (edge) => {
 															return (0, vue.createElementVNode)("div", (0, vue.mergeProps)({ key: edge }, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesWeekViewResizeHandle"), {
@@ -8179,6 +8923,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"data-business-hours": businessHoursMods.value[dayIndex][slotIndex]["business-hours"] || void 0,
 															"data-non-business-hours": businessHoursMods.value[dayIndex][slotIndex]["non-business-hours"] || void 0,
 															"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.flatIndex === dayIndex * slotsPerDay.value + slotIndex || void 0,
+															"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.flatIndex === dayIndex * slotsPerDay.value + slotIndex && !dropValid.value || void 0,
 															"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(dayIndex * slotsPerDay.value + slotIndex, String(resource.id)) || void 0,
 															"data-static": isStatic.value || void 0,
 															"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? dayIndex * slotsPerDay.value + slotIndex : void 0,
@@ -8210,6 +8955,7 @@ var ResourcesWeekView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 															"data-business-hours",
 															"data-non-business-hours",
 															"data-drop-target",
+															"data-invalid",
 															"data-drag-selected",
 															"data-static",
 															"data-drag-slot-index",
@@ -8342,23 +9088,23 @@ function getResourcesMonthViewLayout({ days, events, resourceId, maxRows }) {
 	};
 }
 var ResourcesMonthView_module_default = {
-	resourcesMonthView: "_resourcesMonthView_uqbdi_1",
-	resourcesMonthViewRoot: "_resourcesMonthViewRoot_uqbdi_17",
-	resourcesMonthViewScrollArea: "_resourcesMonthViewScrollArea_uqbdi_24",
-	resourcesMonthViewInner: "_resourcesMonthViewInner_uqbdi_33",
-	resourcesMonthViewDayLabelsRow: "_resourcesMonthViewDayLabelsRow_uqbdi_37",
-	resourcesMonthViewCorner: "_resourcesMonthViewCorner_uqbdi_46",
-	resourcesMonthViewDayLabel: "_resourcesMonthViewDayLabel_uqbdi_37",
-	resourcesMonthViewDayLabelWeekday: "_resourcesMonthViewDayLabelWeekday_uqbdi_85",
-	resourcesMonthViewDayLabelNumber: "_resourcesMonthViewDayLabelNumber_uqbdi_92",
-	resourcesMonthViewRow: "_resourcesMonthViewRow_uqbdi_97",
-	resourcesMonthViewResourceLabel: "_resourcesMonthViewResourceLabel_uqbdi_101",
-	resourcesMonthViewGroupColumn: "_resourcesMonthViewGroupColumn_uqbdi_120",
-	resourcesMonthViewGroupColumnEmpty: "_resourcesMonthViewGroupColumnEmpty_uqbdi_121",
-	resourcesMonthViewRowSlots: "_resourcesMonthViewRowSlots_uqbdi_149",
-	resourcesMonthViewCell: "_resourcesMonthViewCell_uqbdi_154",
-	resourcesMonthViewEventWrapper: "_resourcesMonthViewEventWrapper_uqbdi_230",
-	resourcesMonthViewResizeHandle: "_resourcesMonthViewResizeHandle_uqbdi_231"
+	resourcesMonthView: "_resourcesMonthView_1rka1_1",
+	resourcesMonthViewRoot: "_resourcesMonthViewRoot_1rka1_17",
+	resourcesMonthViewScrollArea: "_resourcesMonthViewScrollArea_1rka1_24",
+	resourcesMonthViewInner: "_resourcesMonthViewInner_1rka1_33",
+	resourcesMonthViewDayLabelsRow: "_resourcesMonthViewDayLabelsRow_1rka1_37",
+	resourcesMonthViewCorner: "_resourcesMonthViewCorner_1rka1_46",
+	resourcesMonthViewDayLabel: "_resourcesMonthViewDayLabel_1rka1_37",
+	resourcesMonthViewDayLabelWeekday: "_resourcesMonthViewDayLabelWeekday_1rka1_85",
+	resourcesMonthViewDayLabelNumber: "_resourcesMonthViewDayLabelNumber_1rka1_92",
+	resourcesMonthViewRow: "_resourcesMonthViewRow_1rka1_97",
+	resourcesMonthViewResourceLabel: "_resourcesMonthViewResourceLabel_1rka1_101",
+	resourcesMonthViewGroupColumn: "_resourcesMonthViewGroupColumn_1rka1_120",
+	resourcesMonthViewGroupColumnEmpty: "_resourcesMonthViewGroupColumnEmpty_1rka1_121",
+	resourcesMonthViewRowSlots: "_resourcesMonthViewRowSlots_1rka1_149",
+	resourcesMonthViewCell: "_resourcesMonthViewCell_1rka1_154",
+	resourcesMonthViewEventWrapper: "_resourcesMonthViewEventWrapper_1rka1_239",
+	resourcesMonthViewResizeHandle: "_resourcesMonthViewResizeHandle_1rka1_240"
 };
 //#endregion
 //#region src/components/ResourcesMonthView/ResourcesMonthView.vue?vue&type=script&setup=true&lang.ts
@@ -8467,6 +9213,10 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {},
+		canDropExternalEvent: {},
+		canResizeEventTo: {},
+		preventEventOverlap: { type: [Boolean, Function] },
 		withExternalEventDrop: { type: Boolean },
 		withDragSlotSelect: { type: Boolean },
 		labels: { default: void 0 },
@@ -8490,7 +9240,8 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"eventDragEnd",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -8534,6 +9285,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			rootElement.value = node instanceof HTMLElement ? node : null;
 		};
 		const dropTarget = (0, vue.shallowRef)(null);
+		const dropValid = (0, vue.ref)(true);
 		const isStatic = (0, vue.computed)(() => props.mode === "static");
 		const month = (0, vue.computed)(() => (0, dayjs.default)(props.date).startOf("month"));
 		const monthString = (0, vue.computed)(() => month.value.format("YYYY-MM-DD"));
@@ -8549,6 +9301,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			expansionLimit: props.recurrenceExpansionLimit
 		}));
 		const resizeState = (0, vue.shallowRef)(null);
+		const resizeValid = (0, vue.ref)(true);
 		let justResized = false;
 		const effectiveEvents = (0, vue.computed)(() => {
 			const state = resizeState.value;
@@ -8621,18 +9374,57 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					draggedEvent: dragged,
 					targetDay: day
 				});
-				emit("eventDrop", {
+				const start = (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss");
+				const validation = isEventPlacementAllowed({
+					event: dragged,
+					start,
+					end,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				});
+				if (validation.allowed && props.canDropEvent?.({
+					event: dragged,
+					start,
+					end,
+					resourceId
+				}) !== false) emit("eventDrop", {
 					eventId: dragged.id,
-					newStart: (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss"),
-					newEnd: (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss"),
+					newStart: start,
+					newEnd: end,
 					event: dragged,
 					resourceId
 				});
-			} else if (nativeEvent.dataTransfer) emit("externalEventDrop", {
-				dataTransfer: nativeEvent.dataTransfer,
-				dropDateTime: `${day} 00:00:00`,
-				resourceId
-			});
+				else emit("eventPlacementRejected", {
+					action: "drop",
+					event: dragged,
+					start,
+					end,
+					resourceId,
+					conflicts: validation.conflicts,
+					reason: validation.allowed ? "rejected" : "overlap"
+				});
+			} else if (nativeEvent.dataTransfer) {
+				const start = `${day} 00:00:00`;
+				if (props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId
+				}) !== false) emit("externalEventDrop", {
+					dataTransfer: nativeEvent.dataTransfer,
+					dropDateTime: start,
+					resourceId
+				});
+				else emit("eventPlacementRejected", {
+					action: "external-drop",
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId,
+					conflicts: [],
+					reason: "rejected"
+				});
+			}
 		};
 		const setDropTarget = (next) => {
 			const current = dropTarget.value;
@@ -8647,6 +9439,36 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*/
 		const resolveDropTarget = rafThrottle((nativeEvent, resourceId, resourceIndex) => {
 			const dayIndex = indexAtPoint(nativeEvent, resourceIndex);
+			const day = days.value[dayIndex];
+			const dragged = dragState.draggedEvent.value;
+			if (day && dragged) {
+				const next = calculateMonthDropDate({
+					draggedEvent: dragged,
+					targetDay: day
+				});
+				const start = (0, dayjs.default)(next.start).format("YYYY-MM-DD HH:mm:ss");
+				const end = (0, dayjs.default)(next.end).format("YYYY-MM-DD HH:mm:ss");
+				dropValid.value = isEventPlacementAllowed({
+					event: dragged,
+					start,
+					end,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					resourceId
+				}).allowed && props.canDropEvent?.({
+					event: dragged,
+					start,
+					end,
+					resourceId
+				}) !== false;
+			} else if (day && nativeEvent.dataTransfer) {
+				const start = `${day} 00:00:00`;
+				dropValid.value = props.canDropExternalEvent?.({
+					dataTransfer: nativeEvent.dataTransfer,
+					start,
+					resourceId
+				}) !== false;
+			}
 			setDropTarget(dayIndex < 0 ? null : {
 				resourceId,
 				dayIndex
@@ -8769,6 +9591,16 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				...calculateResizeDates(state.event, state.edge, days.value[dayIndex]),
 				dayIndex
 			};
+			resizeValid.value = validateEventResize({
+				event: state.event,
+				start: resizeState.value.start,
+				end: resizeState.value.end,
+				edge: state.edge,
+				events: expandedEvents.value,
+				preventEventOverlap: props.preventEventOverlap,
+				canResizeEventTo: props.canResizeEventTo,
+				resourceId: state.event.resourceId
+			}).valid;
 		};
 		const stopResizeListeners = () => {
 			document.removeEventListener("pointermove", handleResizeMove);
@@ -8779,12 +9611,33 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const state = resizeState.value;
 			stopResizeListeners();
 			resizeState.value = null;
-			if (emitChange && state && (state.start !== state.originalStart || state.end !== state.originalEnd)) emit("eventResize", {
-				eventId: state.event.id,
-				newStart: state.start,
-				newEnd: state.end,
-				event: state.event
-			});
+			if (emitChange && state && (state.start !== state.originalStart || state.end !== state.originalEnd)) {
+				const validation = validateEventResize({
+					event: state.event,
+					start: state.start,
+					end: state.end,
+					edge: state.edge,
+					events: expandedEvents.value,
+					preventEventOverlap: props.preventEventOverlap,
+					canResizeEventTo: props.canResizeEventTo,
+					resourceId: state.event.resourceId
+				});
+				if (validation.valid) emit("eventResize", {
+					eventId: state.event.id,
+					newStart: state.start,
+					newEnd: state.end,
+					event: state.event
+				});
+				else emit("eventPlacementRejected", {
+					action: "resize",
+					event: state.event,
+					start: state.start,
+					end: state.end,
+					edge: state.edge,
+					conflicts: validation.conflicts,
+					reason: validation.reason
+				});
+			}
 			justResized = true;
 			requestAnimationFrame(() => justResized = false);
 		};
@@ -8810,6 +9663,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				end,
 				dayIndex: -1
 			};
+			resizeValid.value = true;
 			document.addEventListener("pointermove", handleResizeMove);
 			document.addEventListener("pointerup", handleResizeEnd);
 			document.addEventListener("pointercancel", handleResizeCancel);
@@ -8938,6 +9792,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													mode: (0, vue.unref)(props).mode,
 													draggable: isDraggableEvent(entry.event),
 													"is-resizing": isResizingEvent(entry.event),
+													mod: { invalid: isResizingEvent(entry.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -8955,6 +9810,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(entry.event) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
@@ -8992,6 +9848,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													mode: (0, vue.unref)(props).mode,
 													draggable: isDraggableEvent(segment.event),
 													"is-resizing": isResizingEvent(segment.event),
+													mod: { invalid: isResizingEvent(segment.event) && !resizeValid.value },
 													style: {
 														"width": "100%",
 														"height": "100%"
@@ -9010,6 +9867,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													"mode",
 													"draggable",
 													"is-resizing",
+													"mod",
 													"onClick"
 												]),
 												isResizableEvent(segment.event) && segment.hanging !== "start" && segment.hanging !== "both" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
@@ -9065,6 +9923,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										}, { ref_for: true }, (0, vue.unref)(staticStyles)("resourcesMonthViewCell"), {
 											"data-weekend": (0, vue.unref)(props).weekendDays.includes((0, vue.unref)(dayjs.default)(day).day()) || void 0,
 											"data-drop-target": dropTarget.value?.resourceId === resource.id && dropTarget.value.dayIndex === dayIndex || void 0,
+											"data-invalid": dropTarget.value?.resourceId === resource.id && dropTarget.value.dayIndex === dayIndex && !dropValid.value || void 0,
 											"data-drag-selected": (0, vue.unref)(slotSelect).isSlotSelected(dayIndex, String(resource.id)) || void 0,
 											"data-static": isStatic.value || void 0,
 											"data-drag-slot-index": (0, vue.unref)(props).withDragSlotSelect ? dayIndex : void 0,
@@ -9092,6 +9951,7 @@ var ResourcesMonthView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										}, 1040, [
 											"data-weekend",
 											"data-drop-target",
+											"data-invalid",
 											"data-drag-selected",
 											"data-static",
 											"data-drag-slot-index",
@@ -9166,6 +10026,22 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Function,
 			default: void 0
 		},
+		canDropEvent: {
+			type: Function,
+			default: void 0
+		},
+		canDropExternalEvent: {
+			type: Function,
+			default: void 0
+		},
+		canResizeEventTo: {
+			type: Function,
+			default: void 0
+		},
+		preventEventOverlap: {
+			type: [Boolean, Function],
+			default: void 0
+		},
 		withInteractiveBackgroundEvents: {
 			type: Boolean,
 			default: void 0
@@ -9192,7 +10068,8 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"dayClick",
 		"slotDragEnd",
 		"externalEventDrop",
-		"eventResize"
+		"eventResize",
+		"eventPlacementRejected"
 	],
 	setup(__props, { emit: __emit }) {
 		const rawProps = __props;
@@ -9254,6 +10131,9 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			renderResourceLabel: props.renderResourceLabel,
 			withEventsDragAndDrop: isStatic.value ? false : props.withEventsDragAndDrop,
 			canDragEvent: props.canDragEvent,
+			canDropEvent: props.canDropEvent,
+			canDropExternalEvent: props.canDropExternalEvent,
+			preventEventOverlap: props.preventEventOverlap,
 			withDragSlotSelect: props.withDragSlotSelect,
 			recurrenceExpansionLimit: props.recurrenceExpansionLimit,
 			withInteractiveBackgroundEvents: isStatic.value ? false : props.withInteractiveBackgroundEvents,
@@ -9265,6 +10145,7 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onEventClick: (event, nativeEvent) => emit("eventClick", event, nativeEvent),
 			onSlotDragEnd: (data) => emit("slotDragEnd", data),
 			onExternalEventDrop: (data) => emit("externalEventDrop", data),
+			onEventPlacementRejected: (data) => emit("eventPlacementRejected", data),
 			...eventRenderers.value,
 			...stylesApi.value
 		}));
@@ -9272,6 +10153,7 @@ var ResourcesSchedule_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			onTimeSlotClick: (data) => emit("timeSlotClick", data),
 			withEventResize: isStatic.value ? false : props.withEventResize,
 			canResizeEvent: props.canResizeEvent,
+			canResizeEventTo: props.canResizeEventTo,
 			onEventResize: (data) => emit("eventResize", data)
 		}));
 		const activeView = (0, vue.computed)(() => {
@@ -9358,6 +10240,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;
@@ -9400,6 +10283,7 @@ exports.isAfterMinDate = isAfterMinDate;
 exports.isAllDayEvent = isAllDayEvent;
 exports.isBeforeMaxDate = isBeforeMaxDate;
 exports.isEventInTimeRange = isEventInTimeRange;
+exports.isEventPlacementAllowed = isEventPlacementAllowed;
 exports.isEventsOverlap = isEventsOverlap;
 exports.isInTimeRange = isInTimeRange;
 exports.isMultiDayEvent = isMultiDayEvent;