@morscherlab/mint-sdk 1.0.45 → 1.0.47

package/dist/components/DataFrame.vue.d.ts

@@ -55,6 +55,14 @@ interface Props {
     selectedKeys?: (string | number)[];
     /** Make each body row act as a click/keyboard target. */
     clickableRows?: boolean;
+    /** Show a trailing action column with a per-row delete button. */
+    deletable?: boolean;
+    /** Tooltip / aria-label for the row delete button. */
+    deleteLabel?: string;
+    /** Allow dragging a column's right edge to resize it. */
+    resizable?: boolean;
+    /** Controlled column widths in px, keyed by column key (omit for uncontrolled). */
+    columnWidths?: Record<string, number>;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -78,14 +86,18 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "update:sort": (sort: SortState | null) => any;
     "update:pagination": (pagination: PaginationState) => any;
     "update:selectedKeys": (keys: (string | number)[]) => any;
+    "update:columnWidths": (widths: Record<string, number>) => any;
     "row-click": (row: Record<string, unknown>, index: number) => any;
     "cell-click": (value: unknown, column: DataFrameColumn<Record<string, unknown>>, row: Record<string, unknown>) => any;
+    "delete-row": (row: Record<string, unknown>, index: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:sort"?: ((sort: SortState | null) => any) | undefined;
     "onUpdate:pagination"?: ((pagination: PaginationState) => any) | undefined;
     "onUpdate:selectedKeys"?: ((keys: (string | number)[]) => any) | undefined;
+    "onUpdate:columnWidths"?: ((widths: Record<string, number>) => any) | undefined;
     "onRow-click"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
     "onCell-click"?: ((value: unknown, column: DataFrameColumn<Record<string, unknown>>, row: Record<string, unknown>) => any) | undefined;
+    "onDelete-row"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
     loading: boolean;
@@ -100,6 +112,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     selectable: boolean;
     selectedKeys: (string | number)[];
     clickableRows: boolean;
+    deletable: boolean;
+    deleteLabel: string;
+    resizable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { $ as LoadingSpinner_default, A as ReagentEditor_default, B as Avatar_default, Ct as Calendar_default, D as ScientificNumber_default, Dt as ColorSlider_default, E as ChemicalFormula_default, Et as BaseTabs_default, F as BioTemplatePackWorkspaceView_default, G as DoseDesignWorkspaceView_default, H as StatusIndicator_default, I as BioTemplateExperimentWorkspaceView_default, J as ScheduleCalendar_default, K as ControlWorkspaceView_default, L as BioTemplateRenderer_default, M as GroupAssigner_default, N as RackEditor_default, O as ProtocolStepEditor_default, P as BioTemplatePresetWorkspaceView_default, Q as SmartGroupFieldRecipe_default, R as ChartContainer_default, St as DataFrame_default, Tt as SegmentedControl_default, U as Divider_default, V as ProgressBar_default, W as AppContainer_default, X as AutoGroupModal_default, Y as SampleSelector_default, Z as SmartGroupManual_default, _ as InstrumentStateBadge_default, _t as CollapsibleCard_default, a as ExperimentDataViewer_default, at as DoseCalculator_default, bt as AppToastContainer_default, c as LcmsSequenceTable_default, ct as AppLayout_default, dt as FormActions_default, et as ReagentList_default, ft as StepWizard_default, g as InstrumentStatusCard_default, gt as PluginIcon_default, ht as AppAvatarMenu_default, i as TimeRangeInput_default, it as ExperimentTimeline_default, j as SmartGroupModal_default, k as SampleHierarchyTree_default, lt as AppSidebar_default, mt as AppPluginSwitcher_default, n as FitPanel_default, nt as SampleLegend_default, o as BatchProgressList_default, ot as PluginWorkspaceView_default, pt as AppTopBar_default, q as ComponentBindingRenderer_default, r as ResourceCard_default, rt as WellPlate_default, s as AuditTrail_default, st as MobileSupportGate_default, tt as PlateMapEditor_default, ut as FormBuilder_default, v as InstrumentAlertLog_default, vt as ThemeToggle_default, wt as DropdownButton_default, xt as AlertBox_default, y as SequenceProgressBar_default, yt as IconButton_default, z as Breadcrumb_default } from "../components-DjfatNJv.js";
+import { $ as LoadingSpinner_default, A as ReagentEditor_default, B as Avatar_default, Ct as Calendar_default, D as ScientificNumber_default, Dt as ColorSlider_default, E as ChemicalFormula_default, Et as BaseTabs_default, F as BioTemplatePackWorkspaceView_default, G as DoseDesignWorkspaceView_default, H as StatusIndicator_default, I as BioTemplateExperimentWorkspaceView_default, J as ScheduleCalendar_default, K as ControlWorkspaceView_default, L as BioTemplateRenderer_default, M as GroupAssigner_default, N as RackEditor_default, O as ProtocolStepEditor_default, P as BioTemplatePresetWorkspaceView_default, Q as SmartGroupFieldRecipe_default, R as ChartContainer_default, St as DataFrame_default, Tt as SegmentedControl_default, U as Divider_default, V as ProgressBar_default, W as AppContainer_default, X as AutoGroupModal_default, Y as SampleSelector_default, Z as SmartGroupManual_default, _ as InstrumentStateBadge_default, _t as CollapsibleCard_default, a as ExperimentDataViewer_default, at as DoseCalculator_default, bt as AppToastContainer_default, c as LcmsSequenceTable_default, ct as AppLayout_default, dt as FormActions_default, et as ReagentList_default, ft as StepWizard_default, g as InstrumentStatusCard_default, gt as PluginIcon_default, ht as AppAvatarMenu_default, i as TimeRangeInput_default, it as ExperimentTimeline_default, j as SmartGroupModal_default, k as SampleHierarchyTree_default, lt as AppSidebar_default, mt as AppPluginSwitcher_default, n as FitPanel_default, nt as SampleLegend_default, o as BatchProgressList_default, ot as PluginWorkspaceView_default, pt as AppTopBar_default, q as ComponentBindingRenderer_default, r as ResourceCard_default, rt as WellPlate_default, s as AuditTrail_default, st as MobileSupportGate_default, tt as PlateMapEditor_default, ut as FormBuilder_default, v as InstrumentAlertLog_default, vt as ThemeToggle_default, wt as DropdownButton_default, xt as AlertBox_default, y as SequenceProgressBar_default, yt as IconButton_default, z as Breadcrumb_default } from "../components-C7UFkNIp.js";
 import { t as BaseButton_default } from "../BaseButton-Dgqrze41.js";
 import { r as BaseInput_default, t as BaseSelect_default } from "../BaseSelect-ekgr9fDo.js";
 import { B as TagsInput_default, L as DateTimePicker_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as FileUploader_default, V as TimePicker_default, at as MultiSelect_default, ct as BaseSlider_default, dt as BaseCheckbox_default, ft as Tooltip_default, it as DatePicker_default, j as MoleculeInput_default, k as UnitInput_default, lt as BaseRadioGroup_default, pt as BaseTextarea_default, ut as BaseToggle_default, z as NumberInput_default } from "../useControlSchema-BZNdalmL.js";

package/dist/{components-DjfatNJv.js → components-C7UFkNIp.js}

@@ -11,7 +11,7 @@ import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-D
 import { i as useApi } from "./useExperimentSelector-DdCy5VNv.js";
 import { n as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-BbPkIFsI.js";
 import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-CNbPQNID.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -823,36 +823,43 @@ var _hoisted_5$47 = {
 var _hoisted_6$45 = ["checked", "indeterminate"];
 var _hoisted_7$41 = ["onClick"];
 var _hoisted_8$37 = { class: "mint-dataframe__th-content" };
-var _hoisted_9$34 = [
+var _hoisted_9$34 = ["onMousedown"];
+var _hoisted_10$30 = [
 	"tabindex",
 	"role",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_10$30 = {
+var _hoisted_11$28 = {
 	key: 0,
 	class: "mint-dataframe__td mint-dataframe__td--checkbox"
 };
-var _hoisted_11$28 = ["checked", "onChange"];
-var _hoisted_12$25 = ["onClick"];
-var _hoisted_13$24 = {
+var _hoisted_12$25 = ["checked", "onChange"];
+var _hoisted_13$24 = ["onClick"];
+var _hoisted_14$21 = [
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_15$20 = {
 	key: 0,
 	class: "mint-dataframe__empty"
 };
-var _hoisted_14$21 = { class: "mint-dataframe__empty-text" };
-var _hoisted_15$20 = {
+var _hoisted_16$18 = { class: "mint-dataframe__empty-text" };
+var _hoisted_17$18 = {
 	key: 1,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_16$18 = {
+var _hoisted_18$16 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_17$18 = { class: "mint-dataframe__page-info" };
-var _hoisted_18$16 = { class: "mint-dataframe__page-controls" };
-var _hoisted_19$15 = ["disabled"];
-var _hoisted_20$14 = { class: "mint-dataframe__page-number" };
+var _hoisted_19$15 = { class: "mint-dataframe__page-info" };
+var _hoisted_20$14 = { class: "mint-dataframe__page-controls" };
 var _hoisted_21$12 = ["disabled"];
+var _hoisted_22$10 = { class: "mint-dataframe__page-number" };
+var _hoisted_23$9 = ["disabled"];
+var MIN_COL_WIDTH = 48;
 //#endregion
 //#region src/components/DataFrame.vue
 var DataFrame_default = /* @__PURE__ */ defineComponent({
@@ -903,14 +910,26 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		clickableRows: {
 			type: Boolean,
 			default: false
-		}
+		},
+		deletable: {
+			type: Boolean,
+			default: false
+		},
+		deleteLabel: { default: "Delete row" },
+		resizable: {
+			type: Boolean,
+			default: false
+		},
+		columnWidths: {}
 	},
 	emits: [
 		"update:sort",
 		"update:pagination",
 		"update:selectedKeys",
+		"update:columnWidths",
 		"row-click",
-		"cell-click"
+		"cell-click",
+		"delete-row"
 	],
 	setup(__props, { emit: __emit }) {
 		/** Data table with sortable columns, search, pagination, and optional row selection. */
@@ -1029,6 +1048,53 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		function toggleRowSelect(key) {
 			emit("update:selectedKeys", rowSelection.toggleValue(key));
 		}
+		const internalWidths = ref({});
+		const activeWidths = computed(() => props.columnWidths ?? internalWidths.value);
+		function toCssSize(value) {
+			if (value === void 0) return void 0;
+			return typeof value === "number" ? `${value}px` : value;
+		}
+		function columnStyle(col) {
+			return {
+				width: toCssSize(activeWidths.value[col.key] ?? col.width),
+				minWidth: toCssSize(col.minWidth)
+			};
+		}
+		let resizeState = null;
+		function startResize(col, event) {
+			event.preventDefault();
+			event.stopPropagation();
+			const th = event.target.closest("th");
+			const startWidth = th instanceof HTMLElement ? th.offsetWidth : typeof col.width === "number" ? col.width : MIN_COL_WIDTH;
+			const min = Math.max(MIN_COL_WIDTH, typeof col.minWidth === "number" ? col.minWidth : 0);
+			resizeState = {
+				key: col.key,
+				startX: event.clientX,
+				startWidth,
+				min
+			};
+			window.addEventListener("mousemove", onResizeMove);
+			window.addEventListener("mouseup", stopResize);
+		}
+		function onResizeMove(event) {
+			if (!resizeState) return;
+			const next = Math.max(resizeState.min, resizeState.startWidth + (event.clientX - resizeState.startX));
+			const widths = {
+				...activeWidths.value,
+				[resizeState.key]: next
+			};
+			if (props.columnWidths === void 0) internalWidths.value = widths;
+			emit("update:columnWidths", widths);
+		}
+		function stopResize() {
+			resizeState = null;
+			window.removeEventListener("mousemove", onResizeMove);
+			window.removeEventListener("mouseup", stopResize);
+		}
+		onBeforeUnmount(stopResize);
+		function handleDeleteRow(row, index) {
+			emit("delete-row", row, index);
+		}
 		const wrapperStyle = computed(() => {
 			if (!props.maxHeight) return void 0;
 			return {
@@ -1038,7 +1104,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dataframe", { "mint-dataframe--bordered": __props.bordered }]) }, [
-				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$64, [createElementVNode("div", _hoisted_2$56, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$64, [createElementVNode("div", _hoisted_2$56, [_cache[5] || (_cache[5] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1060,48 +1126,66 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$49, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$47, [createElementVNode("input", {
-						type: "checkbox",
-						checked: allSelected.value,
-						indeterminate: selectIndeterminate.value,
-						class: "mint-dataframe__checkbox",
-						onChange: toggleSelectAll
-					}, null, 40, _hoisted_6$45)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-						return openBlock(), createElementBlock("th", {
-							key: col.key,
+					createElementVNode("table", _hoisted_4$49, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [
+						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$47, [createElementVNode("input", {
+							type: "checkbox",
+							checked: allSelected.value,
+							indeterminate: selectIndeterminate.value,
+							class: "mint-dataframe__checkbox",
+							onChange: toggleSelectAll
+						}, null, 40, _hoisted_6$45)])) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+							return openBlock(), createElementBlock("th", {
+								key: col.key,
+								class: normalizeClass([
+									"mint-dataframe__th",
+									`mint-dataframe__th--${__props.size}`,
+									`mint-dataframe__th--align-${col.align ?? "left"}`,
+									{
+										"mint-dataframe__th--sortable": isColumnSortable(col),
+										"mint-dataframe__th--sorted": activeSort.value?.key === col.key && activeSort.value?.direction,
+										"mint-dataframe__th--resizable": __props.resizable
+									}
+								]),
+								style: normalizeStyle(columnStyle(col)),
+								onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0
+							}, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$37, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
+								key: 0,
+								class: normalizeClass(["mint-dataframe__sort-icon", {
+									"mint-dataframe__sort-icon--asc": activeSort.value?.key === col.key && activeSort.value?.direction === "asc",
+									"mint-dataframe__sort-icon--desc": activeSort.value?.key === col.key && activeSort.value?.direction === "desc"
+								}]),
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round"
+							}, [..._cache[6] || (_cache[6] = [
+								createElementVNode("path", { d: "m21 16-4 4-4-4" }, null, -1),
+								createElementVNode("path", { d: "M17 20V4" }, null, -1),
+								createElementVNode("path", { d: "m3 8 4-4 4 4" }, null, -1),
+								createElementVNode("path", { d: "M7 4v16" }, null, -1)
+							])], 2)) : createCommentVNode("", true)])]), __props.resizable ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "mint-dataframe__resize-handle",
+								role: "separator",
+								"aria-orientation": "vertical",
+								"aria-label": "Resize column",
+								onMousedown: ($event) => startResize(col, $event),
+								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+							}, null, 40, _hoisted_9$34)) : createCommentVNode("", true)], 14, _hoisted_7$41);
+						}), 128)),
+						__props.deletable ? (openBlock(), createElementBlock("th", {
+							key: 1,
 							class: normalizeClass([
 								"mint-dataframe__th",
 								`mint-dataframe__th--${__props.size}`,
-								`mint-dataframe__th--align-${col.align ?? "left"}`,
-								{
-									"mint-dataframe__th--sortable": isColumnSortable(col),
-									"mint-dataframe__th--sorted": activeSort.value?.key === col.key && activeSort.value?.direction
-								}
+								"mint-dataframe__th--actions"
 							]),
-							style: normalizeStyle({
-								width: col.width ? typeof col.width === "number" ? `${col.width}px` : col.width : void 0,
-								minWidth: col.minWidth ? typeof col.minWidth === "number" ? `${col.minWidth}px` : col.minWidth : void 0
-							}),
-							onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0
-						}, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$37, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
-							key: 0,
-							class: normalizeClass(["mint-dataframe__sort-icon", {
-								"mint-dataframe__sort-icon--asc": activeSort.value?.key === col.key && activeSort.value?.direction === "asc",
-								"mint-dataframe__sort-icon--desc": activeSort.value?.key === col.key && activeSort.value?.direction === "desc"
-							}]),
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						}, [..._cache[5] || (_cache[5] = [
-							createElementVNode("path", { d: "m21 16-4 4-4-4" }, null, -1),
-							createElementVNode("path", { d: "M17 20V4" }, null, -1),
-							createElementVNode("path", { d: "m3 8 4-4 4 4" }, null, -1),
-							createElementVNode("path", { d: "M7 4v16" }, null, -1)
-						])], 2)) : createCommentVNode("", true)])])], 14, _hoisted_7$41);
-					}), 128))])], 2), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, rowIndex) => {
+							"aria-label": "Actions"
+						}, null, 2)) : createCommentVNode("", true)
+					])], 2), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, rowIndex) => {
 						return openBlock(), createElementBlock("tr", {
 							key: getRowKey(row, rowIndex),
 							class: normalizeClass(["mint-dataframe__row", {
@@ -1113,31 +1197,48 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 							role: __props.clickableRows ? "button" : void 0,
 							onClick: ($event) => handleRowClick(row, rowIndex),
 							onKeydown: ($event) => handleRowKeydown($event, row, rowIndex)
-						}, [__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_10$30, [createElementVNode("input", {
-							type: "checkbox",
-							checked: unref(rowSelection).isSelected(getRowKey(row, rowIndex)),
-							class: "mint-dataframe__checkbox",
-							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-							onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
-						}, null, 40, _hoisted_11$28)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-							return openBlock(), createElementBlock("td", {
-								key: col.key,
+						}, [
+							__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_11$28, [createElementVNode("input", {
+								type: "checkbox",
+								checked: unref(rowSelection).isSelected(getRowKey(row, rowIndex)),
+								class: "mint-dataframe__checkbox",
+								onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+								onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
+							}, null, 40, _hoisted_12$25)])) : createCommentVNode("", true),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+								return openBlock(), createElementBlock("td", {
+									key: col.key,
+									class: normalizeClass([
+										"mint-dataframe__td",
+										`mint-dataframe__td--${__props.size}`,
+										`mint-dataframe__td--align-${col.align ?? "left"}`,
+										{ "mint-dataframe__td--ellipsis": col.ellipsis }
+									]),
+									onClick: withModifiers(($event) => handleCellClick(row, col, rowIndex), ["stop"])
+								}, [renderSlot(_ctx.$slots, `cell-${col.key}`, {
+									value: getCellValue(row, col.key),
+									row,
+									column: col,
+									index: rowIndex
+								}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_13$24);
+							}), 128)),
+							__props.deletable ? (openBlock(), createElementBlock("td", {
+								key: 1,
 								class: normalizeClass([
 									"mint-dataframe__td",
 									`mint-dataframe__td--${__props.size}`,
-									`mint-dataframe__td--align-${col.align ?? "left"}`,
-									{ "mint-dataframe__td--ellipsis": col.ellipsis }
-								]),
-								onClick: withModifiers(($event) => handleCellClick(row, col, rowIndex), ["stop"])
-							}, [renderSlot(_ctx.$slots, `cell-${col.key}`, {
-								value: getCellValue(row, col.key),
-								row,
-								column: col,
-								index: rowIndex
-							}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_12$25);
-						}), 128))], 42, _hoisted_9$34);
+									"mint-dataframe__td--actions"
+								])
+							}, [createElementVNode("button", {
+								type: "button",
+								class: "mint-dataframe__delete-btn",
+								"aria-label": __props.deleteLabel,
+								title: __props.deleteLabel,
+								onClick: withModifiers(($event) => handleDeleteRow(row, rowIndex), ["stop"])
+							}, [..._cache[7] || (_cache[7] = [createStaticVNode("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"></path><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"></path><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"></path><path d=\"M10 11v6\"></path><path d=\"M14 11v6\"></path></svg>", 1)])], 8, _hoisted_14$21)], 2)) : createCommentVNode("", true)
+						], 42, _hoisted_10$30);
 					}), 128))])]),
-					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13$24, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
+					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$20, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[8] || (_cache[8] = createElementVNode("svg", {
 						class: "mint-dataframe__empty-icon",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1145,8 +1246,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })], -1)), createElementVNode("p", _hoisted_14$21, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$20, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
+					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })], -1)), createElementVNode("p", _hoisted_16$18, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_17$18, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[9] || (_cache[9] = createElementVNode("svg", {
 						class: "mint-dataframe__loading-spinner",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1165,34 +1266,34 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round"
 					})], -1))])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$18, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$18, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_18$16, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_18$16, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_19$15, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_20$14, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
 						disabled: __props.pagination.page <= 1,
-						onClick: _cache[2] || (_cache[2] = ($event) => handlePageChange(__props.pagination.page - 1))
-					}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
+						onClick: _cache[3] || (_cache[3] = ($event) => handlePageChange(__props.pagination.page - 1))
+					}, [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_19$15),
-					createElementVNode("span", _hoisted_20$14, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_21$12),
+					createElementVNode("span", _hoisted_22$10, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
 						disabled: __props.pagination.page >= totalPages.value,
-						onClick: _cache[3] || (_cache[3] = ($event) => handlePageChange(__props.pagination.page + 1))
-					}, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
+						onClick: _cache[4] || (_cache[4] = ($event) => handlePageChange(__props.pagination.page + 1))
+					}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_21$12)
+					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_23$9)
 				])])])) : createCommentVNode("", true)
 			], 2);
 		};
@@ -16792,4 +16893,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { LoadingSpinner_default as $, ReagentEditor_default as A, Avatar_default as B, formatSequenceRemaining as C, Calendar_default as Ct, ScientificNumber_default as D, ColorSlider_default as Dt, ChemicalFormula_default as E, BaseTabs_default as Et, BioTemplatePackWorkspaceView_default as F, DoseDesignWorkspaceView_default as G, StatusIndicator_default as H, BioTemplateExperimentWorkspaceView_default as I, ScheduleCalendar_default as J, ControlWorkspaceView_default as K, BioTemplateRenderer_default as L, GroupAssigner_default as M, RackEditor_default as N, ProtocolStepEditor_default as O, BioTemplatePresetWorkspaceView_default as P, SmartGroupFieldRecipe_default as Q, ChartContainer_default as R, formatSequenceEta as S, DataFrame_default as St, sequenceSamplesRemaining as T, SegmentedControl_default as Tt, Divider_default as U, ProgressBar_default as V, AppContainer_default as W, AutoGroupModal_default as X, SampleSelector_default as Y, SmartGroupManual_default as Z, InstrumentStateBadge_default as _, CollapsibleCard_default as _t, ExperimentDataViewer_default as a, DoseCalculator_default as at, estimateSequenceFinishDate as b, AppToastContainer_default as bt, LcmsSequenceTable_default as c, AppLayout_default as ct, extractLcmsCommonPrefix as d, FormActions_default as dt, ReagentList_default as et, extractLcmsSampleName as f, StepWizard_default as ft, InstrumentStatusCard_default as g, PluginIcon_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, AppAvatarMenu_default as ht, TimeRangeInput_default as i, ExperimentTimeline_default as it, SmartGroupModal_default as j, SampleHierarchyTree_default as k, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, AppSidebar_default as lt, lcmsWellIdFromPosition as m, AppPluginSwitcher_default as mt, FitPanel_default as n, SampleLegend_default as nt, BatchProgressList_default as o, PluginWorkspaceView_default as ot, inferLcmsPlateTypeFromWellIds as p, AppTopBar_default as pt, ComponentBindingRenderer_default as q, ResourceCard_default as r, WellPlate_default as rt, AuditTrail_default as s, MobileSupportGate_default as st, components_exports as t, PlateMapEditor_default as tt, basenameFromWindowsPath as u, FormBuilder_default as ut, InstrumentAlertLog_default as v, ThemeToggle_default as vt, sequenceProgressPercent as w, DropdownButton_default as wt, estimateSequenceRemainingSeconds as x, AlertBox_default as xt, SequenceProgressBar_default as y, IconButton_default as yt, Breadcrumb_default as z };
 
-//# sourceMappingURL=components-DjfatNJv.js.map
+//# sourceMappingURL=components-C7UFkNIp.js.map