@morscherlab/mint-sdk 1.2.0-beta.7 → 1.2.0-beta.9

package/dist/{useProtocolTemplates-Dq5Pzwyd.js → useProtocolTemplates-BmX_iVBR.js}

@@ -1,9 +1,9 @@
 import { d as resolveExperimentCode } from "./experiment-utils-DV3DrvE_.js";
-import { r as useRequestSyncState } from "./EmptyState-NBqf2_8z.js";
-import { A as useConcentrationUnits, H as parseExperimentId, J as isActiveJobStatus, Q as normalizeJobState, T as getDefaultControlView, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, f as resolveControlModel, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, m as controlValuesToComponentBindingsById, p as controlValuesToComponentBindings, r as getControlDefaults, rt as isRecord, u as useControlWorkspace, w as controlsToViewItems } from "./useControlSchema-_OVhavKq.js";
-import { o as useSettingsStore, r as useApi } from "./useApi-CDBq6z23.js";
-import { t as useExperimentStore } from "./experiment-Y9Iz7KYi.js";
-import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps$1, H as toBioTemplateComponentPropsById, Jt as getBioTemplatePresetInfo, L as toBioTemplateComponentBindings, P as getBioTemplateComponentBindings, Qt as getBioTemplatePackInfo, R as toBioTemplateComponentBindingsById, U as toBioTemplateComponentSnippets, V as toBioTemplateComponentPropsByComponent$1, W as toBioTemplateComponentUsage, d as createBioTemplatePresetCollectionFromControls, dn as extractTemplateCollection, i as createBioTemplateControlToolkit, p as createBioTemplatePackCollection, sn as createTemplateCollection, u as createBioTemplatePresetCollection, un as ensureTemplateFromCollection, z as toBioTemplateComponentImports } from "./templates-CK72aKO1.js";
+import { n as useRequestSyncState } from "./Skeleton-DxtwJ5gt.js";
+import { A as useConcentrationUnits, H as parseExperimentId, J as isActiveJobStatus, Q as normalizeJobState, T as getDefaultControlView, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, f as resolveControlModel, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, m as controlValuesToComponentBindingsById, p as controlValuesToComponentBindings, r as getControlDefaults, rt as isRecord, u as useControlWorkspace, w as controlsToViewItems } from "./useControlSchema-aMZlb4Sc.js";
+import { d as useSettingsStore, i as useApi, t as readErrorMessage } from "./errors-_W0-LbA6.js";
+import { t as useExperimentStore } from "./experiment-Cwl9AYxw.js";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps$1, H as toBioTemplateComponentPropsById, Jt as getBioTemplatePresetInfo, L as toBioTemplateComponentBindings, P as getBioTemplateComponentBindings, Qt as getBioTemplatePackInfo, R as toBioTemplateComponentBindingsById, U as toBioTemplateComponentSnippets, V as toBioTemplateComponentPropsByComponent$1, W as toBioTemplateComponentUsage, bn as rowLabel, d as createBioTemplatePresetCollectionFromControls, dn as extractTemplateCollection, i as createBioTemplateControlToolkit, p as createBioTemplatePackCollection, pn as PLATE_CONFIGS, sn as createTemplateCollection, u as createBioTemplatePresetCollection, un as ensureTemplateFromCollection, wn as deriveShade, xn as SAMPLE_COLOR_SCALE, z as toBioTemplateComponentImports } from "./templates-Qq113pyZ.js";
 import { computed, effectScope, getCurrentScope, inject, nextTick, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowRef, toRaw, toValue, unref, watch } from "vue";
 //#region src/composables/useRovingFocus.ts
 /**
@@ -52,8 +52,8 @@ function useRovingFocus(options) {
 //#region src/composables/useMenuKeyboard.ts
 /**
 * Shared keyboard contract for menu- and listbox-style disclosure panels (the
-* WAI-ARIA menu button pattern). Used by AppAvatarMenu and DropdownButton; ActionMenu
-* implements the same contract inline.
+* WAI-ARIA menu button pattern). Used by ActionMenu, AppAvatarMenu and DropdownButton,
+* each pairing it with `useDropdownState` for the disclosure state itself.
 */
 function useMenuKeyboard(options) {
 	function focusItem(position) {
@@ -1482,18 +1482,153 @@ function useDoseCalculator() {
 	};
 }
 //#endregion
+//#region src/composables/useListReorder.ts
+/** Inline style for a visually hidden `aria-live` region (no global utility class in the SDK). */
+var REORDER_ANNOUNCER_STYLE = Object.freeze({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	border: "0"
+});
+/**
+* Screen-reader announcements for drag/keyboard move interactions. Bind
+* `announcement` to a `role="status" aria-live="polite"` element styled with
+* `announcerStyle`.
+*/
+function useReorderAnnouncer() {
+	const announcement = ref("");
+	function announce(message) {
+		if (announcement.value === message) announcement.value = "";
+		nextTick(() => {
+			announcement.value = message;
+		});
+	}
+	return {
+		announcement,
+		announce,
+		announcerStyle: REORDER_ANNOUNCER_STYLE
+	};
+}
+/** Pure helper: a copy of `items` with the entry at `from` moved to `to`. */
+function reorderList(items, from, to) {
+	const next = [...items];
+	const [moved] = next.splice(from, 1);
+	next.splice(to, 0, moved);
+	return next;
+}
+/**
+* Keyboard-accessible list reordering shared by the SDK's drag-to-reorder lists.
+* It owns the HTML5 drag state, the drop-index maths, and an Alt+Arrow keyboard
+* alternative that announces every move through a polite live region — so a
+* reorder never depends on a pointer.
+*/
+function useListReorder(options) {
+	const draggingId = ref(null);
+	const dragOverId = ref(null);
+	const { announcement, announce, announcerStyle } = useReorderAnnouncer();
+	const noun = options.itemNoun ?? "Item";
+	function isDisabled() {
+		return options.disabled?.() === true;
+	}
+	function idFor(item, index) {
+		return options.getId(item, index);
+	}
+	/** Index within `items()`, resolved by id so filtered/sorted renders still map back. */
+	function indexOf(item, renderIndex) {
+		const id = idFor(item, renderIndex);
+		const found = options.items().findIndex((candidate, index) => idFor(candidate, index) === id);
+		return found === -1 ? renderIndex : found;
+	}
+	function labelFor(index) {
+		const item = options.items()[index];
+		if (item === void 0) return noun;
+		return options.getLabel?.(item, index) ?? idFor(item, index);
+	}
+	function clearDragState() {
+		draggingId.value = null;
+		dragOverId.value = null;
+	}
+	function move(fromIndex, toIndex, source = "keyboard") {
+		if (isDisabled()) return;
+		const items = options.items();
+		if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= items.length || toIndex >= items.length) return;
+		const movedId = idFor(items[fromIndex], fromIndex);
+		const label = labelFor(fromIndex);
+		options.onReorder({
+			fromIndex,
+			toIndex,
+			items: reorderList(items, fromIndex, toIndex),
+			source
+		});
+		announce(`${label} moved to position ${toIndex + 1} of ${items.length}.`);
+		nextTick(() => options.getElement?.(movedId)?.focus());
+	}
+	function onDragStart(event, item, index) {
+		if (isDisabled()) return;
+		const id = idFor(item, index);
+		draggingId.value = id;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", id);
+		}
+	}
+	function onDragOver(event, item, index) {
+		if (isDisabled() || draggingId.value === null) return;
+		event.preventDefault();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+		const id = idFor(item, index);
+		dragOverId.value = id === draggingId.value ? null : id;
+	}
+	function onDragLeave() {
+		dragOverId.value = null;
+	}
+	function onDrop(event, item, index) {
+		if (isDisabled() || draggingId.value === null) {
+			clearDragState();
+			return;
+		}
+		event.preventDefault();
+		const fromIndex = options.items().findIndex((candidate, i) => idFor(candidate, i) === draggingId.value);
+		const toIndex = indexOf(item, index);
+		clearDragState();
+		if (fromIndex === -1) return;
+		move(fromIndex, toIndex, "drag");
+	}
+	function onDragEnd() {
+		clearDragState();
+	}
+	function onKeydown(event, item, index) {
+		if (isDisabled() || !event.altKey) return;
+		const direction = event.key === "ArrowUp" || event.key === "ArrowLeft" ? -1 : event.key === "ArrowDown" || event.key === "ArrowRight" ? 1 : 0;
+		if (direction === 0) return;
+		event.preventDefault();
+		const fromIndex = indexOf(item, index);
+		move(fromIndex, fromIndex + direction, "keyboard");
+	}
+	return {
+		draggingId,
+		dragOverId,
+		isDragging: (id) => draggingId.value === id,
+		isDragOver: (id) => dragOverId.value === id,
+		announcement,
+		announcerStyle,
+		announce,
+		onDragStart,
+		onDragOver,
+		onDragLeave,
+		onDrop,
+		onDragEnd,
+		onKeydown,
+		move
+	};
+}
+//#endregion
 //#region src/composables/useWellPlateEditor.ts
-var DEFAULT_PALETTE = [
-	"#3B82F6",
-	"#10B981",
-	"#EF4444",
-	"#F59E0B",
-	"#8B5CF6",
-	"#F97316",
-	"#06B6D4",
-	"#14B8A6",
-	"#6B7280"
-];
 var MAX_HISTORY = 50;
 function createEmptyPlate(name, format, id) {
 	return {
@@ -1577,7 +1712,7 @@ function useWellPlateEditor(initialState, options = {}) {
 		const sample = {
 			id: generateSampleId(),
 			name,
-			color: color || DEFAULT_PALETTE[internalState.value.samples.length % DEFAULT_PALETTE.length],
+			color: color || SAMPLE_COLOR_SCALE[internalState.value.samples.length % SAMPLE_COLOR_SCALE.length],
 			count: 0
 		};
 		internalState.value.samples.push(sample);
@@ -1685,7 +1820,7 @@ function useWellPlateEditor(initialState, options = {}) {
 				if (sampleId && !sampleMap.has(sampleId)) sampleMap.set(sampleId, {
 					id: sampleId,
 					name: sampleName || sampleId,
-					color: DEFAULT_PALETTE[sampleMap.size % DEFAULT_PALETTE.length],
+					color: SAMPLE_COLOR_SCALE[sampleMap.size % SAMPLE_COLOR_SCALE.length],
 					count: 0
 				});
 				const plate = plateMap.get(plateName);
@@ -3391,7 +3526,7 @@ function useFileImport(options = {}) {
 			result.value = parsed;
 			return parsed;
 		} catch (err) {
-			error.value = readErrorMessage(err);
+			error.value = readErrorMessage(err, "Failed to import file.");
 			throw err;
 		} finally {
 			loading.value = false;
@@ -3501,108 +3636,6 @@ function formatBytes(bytes) {
 	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
 	return `${Math.round(bytes / (1024 * 1024))} MB`;
 }
-function readErrorMessage(value) {
-	if (value instanceof Error && value.message) return value.message;
-	if (typeof value === "string" && value.trim()) return value;
-	return "Failed to import file.";
-}
-//#endregion
-//#region src/utils/color.ts
-var HEX_RE = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
-function clamp(n, min, max) {
-	return Math.min(max, Math.max(min, n));
-}
-function hexToHsl(hex) {
-	const match = HEX_RE.exec(hex.trim());
-	if (!match) return {
-		h: 0,
-		s: 0,
-		l: 50
-	};
-	let raw = match[1];
-	if (raw.length === 3) raw = raw.split("").map((c) => c + c).join("");
-	const r = parseInt(raw.slice(0, 2), 16) / 255;
-	const g = parseInt(raw.slice(2, 4), 16) / 255;
-	const b = parseInt(raw.slice(4, 6), 16) / 255;
-	const max = Math.max(r, g, b);
-	const min = Math.min(r, g, b);
-	const delta = max - min;
-	let h = 0;
-	if (delta !== 0) if (max === r) h = (g - b) / delta % 6;
-	else if (max === g) h = (b - r) / delta + 2;
-	else h = (r - g) / delta + 4;
-	h = (h * 60 + 360) % 360;
-	const l = (max + min) / 2;
-	const s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
-	return {
-		h,
-		s: s * 100,
-		l: l * 100
-	};
-}
-function hslToHex(h, s, l) {
-	const sNorm = clamp(s, 0, 100) / 100;
-	const lNorm = clamp(l, 0, 100) / 100;
-	const hNorm = (h % 360 + 360) % 360;
-	const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
-	const x = c * (1 - Math.abs(hNorm / 60 % 2 - 1));
-	const m = lNorm - c / 2;
-	let r = 0, g = 0, b = 0;
-	if (hNorm < 60) [r, g, b] = [
-		c,
-		x,
-		0
-	];
-	else if (hNorm < 120) [r, g, b] = [
-		x,
-		c,
-		0
-	];
-	else if (hNorm < 180) [r, g, b] = [
-		0,
-		c,
-		x
-	];
-	else if (hNorm < 240) [r, g, b] = [
-		0,
-		x,
-		c
-	];
-	else if (hNorm < 300) [r, g, b] = [
-		x,
-		0,
-		c
-	];
-	else [r, g, b] = [
-		c,
-		0,
-		x
-	];
-	const toHex = (n) => Math.round((n + m) * 255).toString(16).padStart(2, "0");
-	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-/**
-* Derive a same-hue-family shade of `parentHex` for child at `index` of `total`.
-*
-* Lightness is distributed evenly within [35, 75] so all children remain
-* readable on light/dark backgrounds. Hue and saturation are inherited from
-* the parent. With `total <= 1`, returns the parent unchanged.
-*
-* Children are ordered light → dark by index, so index 0 is the brightest
-* sibling and index `total - 1` is the darkest.
-*/
-function deriveShade(parentHex, index, total) {
-	if (total <= 1) return parentHex;
-	const { h, s, l } = hexToHsl(parentHex);
-	const L_MIN = 35;
-	const L_MAX = 75;
-	const spread = Math.min(L_MAX - L_MIN, 40);
-	const center = clamp(l, L_MIN + spread / 2, L_MAX - spread / 2);
-	const top = center + spread / 2;
-	const bot = center - spread / 2;
-	const childL = top - (total === 1 ? .5 : index / (total - 1)) * (top - bot);
-	return hslToHex(h, clamp(s, 35, 100), childL);
-}
 //#endregion
 //#region src/utils/sampleGroupPath.ts
 /** Split a group name into normalized hierarchy segments. */
@@ -4062,6 +4095,30 @@ function useScheduleDrag(options) {
 		else if ((state.type === "resize-top" || state.type === "resize-bottom") && state.event && options.onResizeComplete) options.onResizeComplete(state.event, g.start, g.end);
 		cleanup();
 	}
+	/**
+	* Keyboard alternative to the pointer drag: shifts an event by one slot
+	* (`mode: 'move'`) or grows/shrinks its end by one slot (`mode: 'resize'`),
+	* staying inside the visible day. Returns whether the nudge was applied.
+	*/
+	function nudgeEvent(event, direction, mode = "move") {
+		if (options.readonly.value) return false;
+		if (mode === "move" && event.draggable === false) return false;
+		if (mode === "resize" && event.resizable === false) return false;
+		const slotMin = options.slotDuration.value;
+		const dayStart = options.dayStartHour.value * 60;
+		const dayEnd = options.dayEndHour.value * 60;
+		const start = dateToMinutes(new Date(event.start));
+		const end = dateToMinutes(new Date(event.end));
+		const nextStart = mode === "move" ? start + direction * slotMin : start;
+		const nextEnd = mode === "move" ? end + direction * slotMin : Math.max(start + slotMin, end + direction * slotMin);
+		if (nextStart < dayStart || nextEnd > dayEnd || nextEnd <= nextStart) return false;
+		const base = new Date(event.start);
+		const newStart = minutesToDate(base, nextStart);
+		const newEnd = minutesToDate(base, nextEnd);
+		if (mode === "move") options.onMoveComplete?.(event, newStart, newEnd);
+		else options.onResizeComplete?.(event, newStart, newEnd);
+		return true;
+	}
 	function addListeners() {
 		document.addEventListener("pointermove", onPointerMove);
 		document.addEventListener("pointerup", onPointerUp);
@@ -4079,7 +4136,8 @@ function useScheduleDrag(options) {
 		ghost,
 		startCreate,
 		startMove,
-		startResize
+		startResize,
+		nudgeEvent
 	};
 }
 function snapMinutes(minutes, step) {
@@ -4802,36 +4860,6 @@ var SLOT_CYCLE = [
 	"B",
 	"Y"
 ];
-var PLATE_CONFIGS = {
-	6: {
-		rows: 2,
-		cols: 3
-	},
-	12: {
-		rows: 3,
-		cols: 4
-	},
-	24: {
-		rows: 4,
-		cols: 6
-	},
-	48: {
-		rows: 6,
-		cols: 8
-	},
-	54: {
-		rows: 6,
-		cols: 9
-	},
-	96: {
-		rows: 8,
-		cols: 12
-	},
-	384: {
-		rows: 16,
-		cols: 24
-	}
-};
 var globalIdCounter = 0;
 function generateId() {
 	globalIdCounter++;
@@ -4915,7 +4943,7 @@ function useRackEditor(initialRacks, options) {
 		if (!config) return;
 		let counter = 1;
 		for (let row = 0; row < config.rows; row++) for (let col = 0; col < config.cols; col++) {
-			const wellId = `${String.fromCharCode(65 + row)}${col + 1}`;
+			const wellId = `${rowLabel(row)}${col + 1}`;
 			if (!rack.wells[wellId]?.sampleType) {
 				const paddedNum = String(counter).padStart(3, "0");
 				rack.wells[wellId] = {
@@ -5579,6 +5607,6 @@ function useProtocolTemplates() {
 	};
 }
 //#endregion
-export { useTheme as $, useFileImport as A, useDoseCalculator as B, getSampleGroupParentPath as C, detectDelimiter as D, hslToHex as E, extractSampleNamesFromDesignData as F, DEFAULT_MOBILE_VIEWPORT_QUERY as G, useJobsStatusTray as H, extractSampleOptionsFromDesignData as I, useAppExperiment as J, useMobileSupportGate as K, unwrapExperimentDesignData as L, extractSamplesFromDesignData as M, useAutoGroup as N, parseDelimitedText as O, parseCSV as P, usePresenceHeartbeat as Q, DEFAULT_COLORS as R, getSampleGroupMajorPrefix as S, hexToHsl as T, usePluginJobCenter as U, combinePluginJobSources as V, usePluginWorkspace as W, useRuntimeAlignment as X, getInjectedFrontendRevision as Y, getPresenceClientId as Z, useScheduleDrag as _, useReagentSeries as a, useSortedItems as at, useExpansionSet as b, useBioTemplatePresetWorkspace as c, getBioTemplateComponentProps as d, useToast as et, toBioTemplateComponentPropsByComponent as f, useExperimentSave as g, useTemplateCollection as h, generateDilutionSeries as i, compareSortValues as it, validateImportFile as j, readFileAsText as k, useBioTemplatePackWorkspace as l, useBioTemplateControls as m, DEFAULT_PRESETS as n, normalizeSearchQuery as nt, useGroupAssignment as o, useMenuKeyboard as ot, useBioTemplateComponents as p, APP_EXPERIMENT_KEY as q, DEFAULT_UNITS as r, useTextSearch as rt, useRackEditor as s, useRovingFocus as st, useProtocolTemplates as t, candidateMatchesSearch as tt, useBioTemplateWorkspace as u, useExperimentSamples as v, deriveShade as w, useSampleGroups as x, useExperimentData as y, useWellPlateEditor as z };
+export { usePresenceHeartbeat as $, useAutoGroup as A, useReorderAnnouncer as B, getSampleGroupParentPath as C, useFileImport as D, readFileAsText as E, DEFAULT_COLORS as F, usePluginWorkspace as G, combinePluginJobSources as H, useWellPlateEditor as I, APP_EXPERIMENT_KEY as J, DEFAULT_MOBILE_VIEWPORT_QUERY as K, REORDER_ANNOUNCER_STYLE as L, extractSampleNamesFromDesignData as M, extractSampleOptionsFromDesignData as N, validateImportFile as O, unwrapExperimentDesignData as P, getPresenceClientId as Q, reorderList as R, getSampleGroupMajorPrefix as S, parseDelimitedText as T, useJobsStatusTray as U, useDoseCalculator as V, usePluginJobCenter as W, getInjectedFrontendRevision as X, useAppExperiment as Y, useRuntimeAlignment as Z, useScheduleDrag as _, useReagentSeries as a, compareSortValues as at, useExpansionSet as b, useBioTemplatePresetWorkspace as c, useRovingFocus as ct, getBioTemplateComponentProps as d, useTheme as et, toBioTemplateComponentPropsByComponent as f, useExperimentSave as g, useTemplateCollection as h, generateDilutionSeries as i, useTextSearch as it, parseCSV as j, extractSamplesFromDesignData as k, useBioTemplatePackWorkspace as l, useBioTemplateControls as m, DEFAULT_PRESETS as n, candidateMatchesSearch as nt, useGroupAssignment as o, useSortedItems as ot, useBioTemplateComponents as p, useMobileSupportGate as q, DEFAULT_UNITS as r, normalizeSearchQuery as rt, useRackEditor as s, useMenuKeyboard as st, useProtocolTemplates as t, useToast as tt, useBioTemplateWorkspace as u, useExperimentSamples as v, detectDelimiter as w, useSampleGroups as x, useExperimentData as y, useListReorder as z };
 
-//# sourceMappingURL=useProtocolTemplates-Dq5Pzwyd.js.map
+//# sourceMappingURL=useProtocolTemplates-BmX_iVBR.js.map