@morscherlab/mint-sdk 1.5.0-beta.2 → 1.5.0-beta.4

package/dist/{useRackEditor-BHGM1Ngz.js → useRackEditor-Bmtuo0aj.js}

@@ -1,29 +1,29 @@
 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-CWRztE5M.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-QqJc1dpX.js";
-import { t as SegmentedControl_default } from "./SegmentedControl-Dz41vAFM.js";
-import { n as DataStateInternal_default, o as useTextSearch, r as LoadingSpinner_default } from "./AlertBox-CIhqsWbN.js";
-import { n as ActionMenu_default, t as useRequest } from "./useRequest-Bfsh7gIm.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-BAymyHAn.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-W1bzK_bo.js";
+import { t as SegmentedControl_default } from "./SegmentedControl-C-sckoJZ.js";
+import { n as DataStateInternal_default, o as useTextSearch, r as LoadingSpinner_default } from "./AlertBox-CexONPhA.js";
+import { n as ActionMenu_default, t as useRequest } from "./useRequest-D9-3BS-3.js";
 import { r as useAuthStore } from "./auth-SliLnFre.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 { t as ConfirmDialog_default } from "./ConfirmDialog-D9QXFpsy.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useId, useModel, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { ChartLine, ChevronRight, Download, Move, Plus, Redo2, Trash2, Undo2, Upload, X } from "lucide-vue-next";
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = {
+var _hoisted_1$10 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$7 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$7 = ["placeholder"];
-var _hoisted_4$7 = { class: "mint-dataframe__table" };
-var _hoisted_5$7 = {
+var _hoisted_2$8 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$8 = ["placeholder"];
+var _hoisted_4$8 = { class: "mint-dataframe__table" };
+var _hoisted_5$8 = {
 	key: 0,
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
-var _hoisted_6$6 = ["aria-sort"];
-var _hoisted_7$6 = { class: "mint-dataframe__th-content" };
-var _hoisted_8$6 = { class: "mint-dataframe__th-label" };
+var _hoisted_6$7 = ["aria-sort"];
+var _hoisted_7$7 = { class: "mint-dataframe__th-content" };
+var _hoisted_8$7 = { class: "mint-dataframe__th-label" };
 var _hoisted_9$5 = {
 	key: 0,
 	class: "mint-dataframe__th-unit"
@@ -344,7 +344,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dataframe", { "mint-dataframe--bordered": config.value.bordered }]) }, [
-				config.value.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$7, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+				config.value.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$8, [_cache[5] || (_cache[5] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -361,13 +361,13 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: config.value.searchPlaceholder
-				}, null, 8, _hoisted_3$7), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$8), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$7, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": config.value.stickyHeader }]) }, [createElementVNode("tr", null, [
-						config.value.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$7, [createVNode(BaseCheckbox_default, {
+					createElementVNode("table", _hoisted_4$8, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": config.value.stickyHeader }]) }, [createElementVNode("tr", null, [
+						config.value.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$8, [createVNode(BaseCheckbox_default, {
 							"model-value": allSelected.value,
 							indeterminate: selectIndeterminate.value,
 							size: "sm",
@@ -396,8 +396,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0,
 								onKeydown: ($event) => isColumnSortable(col) ? handleSortKeydown($event, col) : void 0
 							}, {
-								default: withCtx(() => [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_7$6, [
-									createElementVNode("span", _hoisted_8$6, toDisplayString(col.label), 1),
+								default: withCtx(() => [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_7$7, [
+									createElementVNode("span", _hoisted_8$7, toDisplayString(col.label), 1),
 									col.unit ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(col.unit), 1)) : createCommentVNode("", true),
 									isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
 										key: 1,
@@ -435,7 +435,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								onMousedown: ($event) => startResize(col, $event),
 								onKeydown: ($event) => handleResizeKeydown($event, col),
 								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}, null, 40, _hoisted_13$5)) : createCommentVNode("", true)], 14, _hoisted_6$6);
+							}, null, 40, _hoisted_13$5)) : createCommentVNode("", true)], 14, _hoisted_6$7);
 						}), 128)),
 						config.value.deletable ? (openBlock(), createElementBlock("th", {
 							key: 1,
@@ -547,6 +547,135 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/SectionCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = {
+	class: "mint-section-card__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_2$7 = ["d"];
+var _hoisted_3$7 = ["aria-expanded", "aria-controls"];
+var _hoisted_4$7 = {
+	key: 0,
+	class: "mint-section-card__count"
+};
+var _hoisted_5$7 = {
+	key: 1,
+	class: "mint-section-card__count"
+};
+var _hoisted_6$6 = {
+	key: 0,
+	class: "mint-section-card__toolbar"
+};
+var _hoisted_7$6 = ["id"];
+var _hoisted_8$6 = {
+	key: 1,
+	class: "mint-section-card__footer"
+};
+//#endregion
+//#region src/components/SectionCard.vue
+var SectionCard_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionCard",
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		count: { default: void 0 },
+		icon: { default: void 0 },
+		accent: { default: "primary" },
+		uppercase: {
+			type: Boolean,
+			default: false
+		},
+		divider: { default: "strong" },
+		fill: {
+			type: Boolean,
+			default: false
+		},
+		collapsible: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"collapsed": {
+			type: Boolean,
+			default: false
+		},
+		"collapsedModifiers": {}
+	}),
+	emits: ["update:collapsed"],
+	setup(__props) {
+		/** One-card page region from the MINT 1.1 card system: 12px radius, the
+		* single --card-shadow token, a header strip (icon chip, title, mono count,
+		* actions), and hairline-separated content — no card-in-card. */
+		const props = __props;
+		const collapsed = useModel(__props, "collapsed");
+		const bodyId = useId();
+		/** `collapsed` hides content only on a card that also shows the toggle to open it again. */
+		const hidden = computed(() => props.collapsible && collapsed.value);
+		const iconPaths = computed(() => props.icon === void 0 ? [] : Array.isArray(props.icon) ? props.icon : [props.icon]);
+		const headerClasses = computed(() => [
+			"mint-section-card__header",
+			props.divider === "light" ? "mint-section-card__header--divider-light" : "",
+			hidden.value ? "mint-section-card__header--collapsed" : ""
+		]);
+		const titleClasses = computed(() => ["mint-section-card__title", props.uppercase ? "mint-section-card__title--uppercase" : ""]);
+		const cardClasses = computed(() => [
+			"mint-section-card",
+			props.fill ? "mint-section-card--fill" : "",
+			hidden.value ? "mint-section-card--collapsed" : ""
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", { class: normalizeClass(cardClasses.value) }, [
+				createElementVNode("div", { class: normalizeClass(headerClasses.value) }, [
+					iconPaths.value.length ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["mint-section-card__icon-chip", `mint-section-card__icon-chip--${__props.accent}`])
+					}, [(openBlock(), createElementBlock("svg", _hoisted_1$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(iconPaths.value, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_2$7);
+					}), 128))]))], 2)) : createCommentVNode("", true),
+					createElementVNode("h2", { class: normalizeClass(titleClasses.value) }, [__props.collapsible ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "mint-section-card__toggle",
+						"aria-expanded": !collapsed.value,
+						"aria-controls": unref(bodyId),
+						onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
+					}, [
+						createTextVNode(toDisplayString(__props.title) + " ", 1),
+						__props.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4$7, toDisplayString(__props.count), 1)) : createCommentVNode("", true),
+						_cache[1] || (_cache[1] = createElementVNode("svg", {
+							class: "mint-section-card__chevron",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1))
+					], 8, _hoisted_3$7)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2),
+					__props.count !== void 0 && !__props.collapsible ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(__props.count), 1)) : createCommentVNode("", true),
+					_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-section-card__spacer" }, null, -1)),
+					renderSlot(_ctx.$slots, "actions")
+				], 2),
+				_ctx.$slots.toolbar ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "toolbar")], 512)), [[vShow, !hidden.value]]) : createCommentVNode("", true),
+				withDirectives(createElementVNode("div", {
+					id: unref(bodyId),
+					class: "mint-section-card__body"
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_7$6), [[vShow, !hidden.value]]),
+				_ctx.$slots.footer ? withDirectives((openBlock(), createElementBlock("div", _hoisted_8$6, [renderSlot(_ctx.$slots, "footer")], 512)), [[vShow, !hidden.value]]) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
 //#region src/utils/sampleTypeMarker.ts
 /** `type` is matched case-insensitively; anything unrecognised renders as a sample. */
 function sampleTypeMarker(type, groupColor) {
@@ -4079,7 +4208,7 @@ var PlotlyChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-ec8df4f1"]]);
+}), [["__scopeId", "data-v-8d1b6790"]]);
 //#endregion
 //#region src/composables/pluginEndpointBuilder.ts
 function normalizeApiBaseUrl(baseUrl) {
@@ -4754,7 +4883,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-f242a75c"]]);
+}), [["__scopeId", "data-v-2406c0cc"]]);
 //#endregion
 //#region src/composables/useScheduleDrag.ts
 /** Handles pointer-driven create, move, and resize drag interactions for the ScheduleCalendar grid. */
@@ -5915,6 +6044,6 @@ 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 };
+export { hexToHsl as C, SectionCard_default as D, sampleTypeMarker as E, DataFrame_default as O, 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-BHGM1Ngz.js.map
+//# sourceMappingURL=useRackEditor-Bmtuo0aj.js.map