@morscherlab/mint-sdk 1.4.0-beta.9 → 1.4.0

package/dist/{useRackEditor-DiwCt77M.js → useRackEditor-KpZ4iJ6o.js}

@@ -1,15 +1,14 @@
-import { a as BaseButton_default, i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-8yWMu-7_.js";
-import { a as authenticationRequiredError, d as tryUseSettingsStore, i as AuthenticationRequiredError, m as mintApiErrorFromResponse, o as useApi, t as useExperimentStore, u as tableDensityToSize } from "./experiment-43OJtH7R.js";
-import { G as BaseInput_default, H as useListSelection, I as FormField_default, R as useRovingFocus, h as FORMAT_KEY, i as getInjectedPlatformContext, j as formatTime, z as BaseCheckbox_default } from "./records-B6gpM_3e.js";
-import { A as createGeneratedAnalysisTransport, F as applySpecDefaults, I as defineDataFrame, M as createEventStream, N as NumberInput_default, O as _plugin_vue_export_helper_default, V as useSortedItems, b as useConcentrationUnits, i as useReorderAnnouncer, n as reorderList, o as usePlatform, r as useListReorder, y as ConcentrationInput_default, z as defineWellPlate } from "./useListReorder-BitdUhxn.js";
-import { t as SegmentedControl_default } from "./SegmentedControl-BtnnjWzs.js";
-import { n as DataStateInternal_default, o as useTextSearch, r as LoadingSpinner_default } from "./AlertBox-B2Bgr3ei.js";
-import { n as ActionMenu_default, t as useRequest } from "./useRequest-D506eHi8.js";
+import { a as BaseButton_default, i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
+import { a as authenticationRequiredError, c as tableDensityToSize, f as mintApiErrorFromResponse, i as AuthenticationRequiredError, l as tryUseSettingsStore, o as useApi, t as useExperimentStore } from "./experiment-DyO54FQB.js";
+import { H as useListSelection, I as FormField_default, K as BaseInput_default, R as useRovingFocus, W as useFloatingPanel, i as getInjectedPlatformContext, j as formatTime, l as FORMAT_KEY, z as BaseCheckbox_default } from "./records-D4aQXyZu.js";
+import { D as _plugin_vue_export_helper_default, F as applySpecDefaults, I as defineDataFrame, M as usePlatform, N as NumberInput_default, V as useSortedItems, i as useReorderAnnouncer, j as createEventStream, k as createGeneratedAnalysisTransport, n as reorderList, r as useListReorder, v as ConcentrationInput_default, y as useConcentrationUnits, z as defineWellPlate } from "./useListReorder-DsuzwWGS.js";
+import { t as SegmentedControl_default } from "./SegmentedControl-DyUPH3I5.js";
+import { n as DataStateInternal_default, o as useTextSearch, r as LoadingSpinner_default } from "./AlertBox-DwgNTEqf.js";
+import { n as ActionMenu_default, t as useRequest } from "./useRequest-BuDmW8Jc.js";
 import { r as useAuthStore } from "./auth-SliLnFre.js";
-import { t as ConfirmDialog_default } from "./ConfirmDialog-nbJj51is.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-CjWoxAD1.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { ChartLine, ChevronRight, Download, Move, Plus, Redo2, Trash2, Undo2, Upload, X } from "lucide-vue-next";
-import { computePosition, flip, shift } from "@floating-ui/dom";
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$9 = {
 	key: 0,
@@ -814,12 +813,10 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 			emit("close");
 		}
 		const containerRef = ref(null);
-		const panelStyle = ref({ opacity: "0" });
-		async function place() {
-			const panel = containerRef.value;
-			if (!panel || props.inline) return;
+		const pointAnchor = () => {
+			if (props.inline) return null;
 			const { x, y } = props.position;
-			const placed = await computePosition({ getBoundingClientRect: () => ({
+			return { getBoundingClientRect: () => ({
 				x,
 				y,
 				left: x,
@@ -828,18 +825,12 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				bottom: y,
 				width: 0,
 				height: 0
-			}) }, panel, {
-				placement: "right-start",
-				strategy: "fixed",
-				middleware: [flip(), shift({ padding: 8 })]
-			});
-			panelStyle.value = {
-				left: `${placed.x}px`,
-				top: `${placed.y}px`
-			};
-		}
-		watch(() => props.position, place);
-		watch(showAdvanced, () => nextTick(place));
+			}) };
+		};
+		const { style: panelStyle } = useFloatingPanel(pointAnchor, containerRef, computed(() => !props.inline), {
+			placement: "right-start",
+			offset: 0
+		});
 		const trapActive = ref(false);
 		useFocusTrap({
 			containerRef,
@@ -857,7 +848,6 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (props.inline) return focusInline();
 			trapActive.value = true;
-			place();
 			nextTick(() => containerRef.value?.querySelector("[data-field=\"label\"] input")?.focus());
 		});
 		onBeforeUnmount(() => {
@@ -876,15 +866,15 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				ref_key: "containerRef",
 				ref: containerRef,
 				class: normalizeClass(__props.inline ? "mint-well-edit-popup mint-well-edit-popup--inline" : "mint-popover mint-well-edit-popup"),
-				style: normalizeStyle(__props.inline ? void 0 : panelStyle.value),
+				style: normalizeStyle(__props.inline ? void 0 : unref(panelStyle)),
 				role: __props.inline ? "region" : "dialog",
 				"aria-label": `Edit well ${__props.wellId}`,
 				tabindex: __props.inline ? void 0 : -1,
 				onClick: _cache[12] || (_cache[12] = ($event) => __props.inline || $event.stopPropagation()),
-				onKeydown: [_cache[13] || (_cache[13] = withKeys(($event) => {
+				onKeydown: [_cache[13] || (_cache[13] = withKeys(withModifiers(($event) => {
 					commit();
 					emit("close");
-				}, ["escape"])), _cache[14] || (_cache[14] = ($event) => __props.inline && handleInlineEnter($event))],
+				}, ["prevent"]), ["escape"])), _cache[14] || (_cache[14] = ($event) => __props.inline && handleInlineEnter($event))],
 				onFocusout: handleFocusout
 			}, [
 				createElementVNode("div", _hoisted_2$6, [
@@ -4764,7 +4754,7 @@ var GeneratedResultRenderer_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}, [createElementVNode("span", null, toDisplayString(__props.result.name), 1), createElementVNode("small", null, toDisplayString(__props.result.media_type), 1)], 8, _hoisted_5$1))]);
 		};
 	}
-}), [["__scopeId", "data-v-d4b8e2aa"]]);
+}), [["__scopeId", "data-v-f242a75c"]]);
 //#endregion
 //#region src/composables/useScheduleDrag.ts
 /** Handles pointer-driven create, move, and resize drag interactions for the ScheduleCalendar grid. */
@@ -5927,4 +5917,4 @@ function useRackEditor(initialRacks, options) {
 //#endregion
 export { hexToHsl as C, DataFrame_default as D, sampleTypeMarker as E, deriveShade as S, WellPlate_default as T, mintPlotlyTemplate as _, GeneratedPlotlyResult_default as a, PlateEditor_default as b, downloadEndpoint as c, useEventStream as d, useSettingsEndpoint as f, ChartContainer_default as g, PlotlyChart_default as h, GeneratedResultRenderer_default as i, pluginFormDataFromPayload as l, resolvePluginBaseUrl as m, ScheduleCalendar_default as n, createClient as o, buildEndpointUrl as p, useScheduleDrag as r, downloadBlob as s, useRackEditor as t, uploadEndpoint as u, DoseCalculator_default as v, hslToHex as w, SAMPLE_GROUP_TOKENS as x, dose_exports as y };
 
-//# sourceMappingURL=useRackEditor-DiwCt77M.js.map
+//# sourceMappingURL=useRackEditor-KpZ4iJ6o.js.map