@lavalogic/scoria 0.40.22 → 0.40.24

package/dist/Components/ResourceCalendar/ResourceCalendar.svelte

@@ -294,6 +294,34 @@ function onSlotMouseEnter(resourceId, slotIndex, e) {
 	}
 	dragEndSlotIndex = slotIndex;
 }
+/** Builds a range selection spanning slots [startIdx, endIdx] inclusive. */
+function buildSlotRange(resourceId, startIdx, endIdx) {
+	const startSlot = timeSlots[startIdx];
+	const endSlot = timeSlots[endIdx];
+	// eslint-disable-next-line svelte/prefer-svelte-reactivity
+	const start = new Date(selected);
+	start.setHours(startSlot.hour, startSlot.minute, 0, 0);
+	// eslint-disable-next-line svelte/prefer-svelte-reactivity
+	const end = new Date(selected);
+	// End slot is the start of the last selected slot; add one interval.
+	end.setHours(endSlot.hour, endSlot.minute + slotIntervalMinutes, 0, 0);
+	return {
+		resourceId,
+		start,
+		end
+	};
+}
+/**
+* Double-clicking a single slot creates a one-interval range there. A single
+* click is intentionally inert (see `onSlotMouseUp`): only a double-click or a
+* multi-cell drag opens the consumer's range-select flow.
+*/
+function onSlotDoubleClick(resourceId, slotIndex) {
+	if (!onrangeselect || isSlotUnavailable(resourceId, slotIndex)) {
+		return;
+	}
+	onrangeselect(buildSlotRange(resourceId, slotIndex, slotIndex));
+}
 function onSlotMouseUp() {
 	// ---- Handle event drag-move ----
 	if (isDraggingEvent && draggedEvent && moveTargetResourceId != null && moveTargetSlotIndex != null) {
@@ -331,25 +359,20 @@ function onSlotMouseUp() {
 	}
 	const startIdx = Math.min(dragStartSlotIndex, dragEndSlotIndex);
 	const endIdx = Math.max(dragStartSlotIndex, dragEndSlotIndex);
-	const startSlot = timeSlots[startIdx];
-	const endSlot = timeSlots[endIdx];
-	// eslint-disable-next-line svelte/prefer-svelte-reactivity
-	const start = new Date(selected);
-	start.setHours(startSlot.hour, startSlot.minute, 0, 0);
-	// eslint-disable-next-line svelte/prefer-svelte-reactivity
-	const end = new Date(selected);
-	// End slot is the start of the last selected slot; add one interval.
-	end.setHours(endSlot.hour, endSlot.minute + slotIntervalMinutes, 0, 0);
-	const selection = {
-		resourceId: dragResourceId,
-		start,
-		end
-	};
+	const resourceId = dragResourceId;
+	// Capture done; clear the drag state before any early return so it is
+	// never left stuck for the next interaction.
 	isDragging = false;
 	dragResourceId = null;
 	dragStartSlotIndex = null;
 	dragEndSlotIndex = null;
-	onrangeselect?.(selection);
+	// A single-cell selection is a plain click - intentionally inert. Creating
+	// from one cell requires a double-click (onSlotDoubleClick); only a drag
+	// across multiple cells opens the range-select flow here.
+	if (startIdx === endIdx) {
+		return;
+	}
+	onrangeselect?.(buildSlotRange(resourceId, startIdx, endIdx));
 }
 function isSlotInDragRange(resourceId, slotIndex) {
 	if (!isDragging || resourceId !== dragResourceId) {
@@ -697,6 +720,9 @@ $effect(() => {
 							hoveredSlotIndex = slotIdx;
 							onSlotMouseEnter(resource.id, slotIdx, e);
 						}}
+						ondblclick={() => {
+							onSlotDoubleClick(resource.id, slotIdx);
+						}}
 					></div>
 				{/each}
 				<!-- Unavailable shading: one continuous block per contiguous run -->
@@ -961,8 +987,6 @@ $effect(() => {
   left: 2px;
   right: 2px;
   z-index: 5;
-  border-radius: 4px;
-  overflow: hidden;
   cursor: pointer;
   user-select: none;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.40.22",
+  "version": "0.40.24",
   "publishConfig": {
     "access": "restricted"
   },