@lavalogic/scoria 0.40.22 → 0.40.25

package/dist/Components/Icons.d.ts

@@ -867,10 +867,18 @@ export declare const icons: {
         readonly box: 24;
         readonly svg: "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.4338 3C17.7851 3 18.1106 3.1843 18.2913 3.4855L20.8575 7.76249C20.9507 7.9179 21 8.09574 21 8.27698V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V8.27698C3 8.09574 3.04926 7.9179 3.14251 7.76249L5.7087 3.4855C5.88942 3.1843 6.21493 3 6.56619 3H17.4338ZM14.5 5H17.2L19 8H15.5L14.5 5ZM12.5 5H11.5L10.5 8V13H13.5V8L12.5 5ZM9.5 5H6.8L5 8H8.5L9.5 5ZM8.5 10H5V19H19V10H15.5V14C15.5 14.5523 15.0523 15 14.5 15H9.5C8.94772 15 8.5 14.5523 8.5 14V10Z\"/>";
     };
-    readonly doors: {
+    readonly 'warehouse-doors': {
         readonly box: 24;
         readonly svg: "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4C19 4 22 8 22 8V9H20V20H4V9H2V8C2 8 5 4 12 4ZM12 6C8 6 6 8 6 8V18H8V13H11V18H13V13H16V18H18V8C18 8 16 6 12 6Z\"/>";
     };
+    readonly 'warehouse-doors-2': {
+        readonly box: 24;
+        readonly svg: "<path d=\"M12 3C19 3 22 7 22 7V8H20V20H18V19V7C18 7 16 5 12 5C8 5 6 7 6 7V19V20H4V8H2V7C2 7 5 3 12 3Z\"/>\n\t\t\t\t\t\t<path d=\"M8 14H11V19H8V14Z\"/>\n\t\t\t\t\t\t<path d=\"M13 14H16V19H13V14Z\"/>";
+    };
+    readonly 'warehouse-doors-3': {
+        readonly box: 24;
+        readonly svg: "<path d=\"M2 8.62604L11.5263 3.12604C11.5263 3.12604 12.0088 2.84245 12.5 3.12604L22.0263 8.62604L21.0263 10.3581L20 9.76557V20H18V8.61086L12.0131 5.15435L6 8.62604V20H4V9.78074L3 10.3581L2 8.62604Z\"/>\n\t\t\t\t\t\t<path d=\"M8 14H11V19H8V14Z\"/>\n\t\t\t\t\t\t<path d=\"M13 14H16V19H13V14Z\"/>";
+    };
     readonly 'door-groups': {
         readonly box: 24;
         readonly svg: "<path d=\"M13 21H11V13H5V21H3V11H13V21Z\"/>\n\t\t\t\t\t\t<path d=\"M17 17H15V9H9V10H7V7H17V17Z\"/>\n\t\t\t\t\t\t<path d=\"M21 13H19V5H13V6H11V3H21V13Z\"/>";

package/dist/Components/Icons.js

@@ -1238,10 +1238,22 @@ export const icons = {
         box: 24,
         svg: `<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4338 3C17.7851 3 18.1106 3.1843 18.2913 3.4855L20.8575 7.76249C20.9507 7.9179 21 8.09574 21 8.27698V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V8.27698C3 8.09574 3.04926 7.9179 3.14251 7.76249L5.7087 3.4855C5.88942 3.1843 6.21493 3 6.56619 3H17.4338ZM14.5 5H17.2L19 8H15.5L14.5 5ZM12.5 5H11.5L10.5 8V13H13.5V8L12.5 5ZM9.5 5H6.8L5 8H8.5L9.5 5ZM8.5 10H5V19H19V10H15.5V14C15.5 14.5523 15.0523 15 14.5 15H9.5C8.94772 15 8.5 14.5523 8.5 14V10Z"/>`,
     },
-    doors: {
+    'warehouse-doors': {
         box: 24,
         svg: `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C19 4 22 8 22 8V9H20V20H4V9H2V8C2 8 5 4 12 4ZM12 6C8 6 6 8 6 8V18H8V13H11V18H13V13H16V18H18V8C18 8 16 6 12 6Z"/>`,
     },
+    'warehouse-doors-2': {
+        box: 24,
+        svg: `<path d="M12 3C19 3 22 7 22 7V8H20V20H18V19V7C18 7 16 5 12 5C8 5 6 7 6 7V19V20H4V8H2V7C2 7 5 3 12 3Z"/>
+						<path d="M8 14H11V19H8V14Z"/>
+						<path d="M13 14H16V19H13V14Z"/>`,
+    },
+    'warehouse-doors-3': {
+        box: 24,
+        svg: `<path d="M2 8.62604L11.5263 3.12604C11.5263 3.12604 12.0088 2.84245 12.5 3.12604L22.0263 8.62604L21.0263 10.3581L20 9.76557V20H18V8.61086L12.0131 5.15435L6 8.62604V20H4V9.78074L3 10.3581L2 8.62604Z"/>
+						<path d="M8 14H11V19H8V14Z"/>
+						<path d="M13 14H16V19H13V14Z"/>`,
+    },
     'door-groups': {
         box: 24,
         svg: `<path d="M13 21H11V13H5V21H3V11H13V21Z"/>

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.25",
   "publishConfig": {
     "access": "restricted"
   },