@morscherlab/mld-sdk 0.6.0

package/dist/components/PlateMapEditor.vue.js

@@ -0,0 +1,480 @@
+import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, unref, normalizeStyle, toDisplayString, createCommentVNode, withModifiers, createBlock, createTextVNode, createStaticVNode, createVNode, withDirectives, withKeys, vModelText, Teleport, vModelSelect } from "vue";
+import { useWellPlateEditor } from "../composables/useWellPlateEditor.js";
+import _sfc_main$1 from "./WellPlate.vue.js";
+/* empty css               */
+import _sfc_main$2 from "./SampleLegend.vue.js";
+/* empty css                  */
+const _hoisted_1 = { class: "mld-plate-editor__main" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-plate-editor__toolbar"
+};
+const _hoisted_3 = { class: "mld-plate-editor__tabs" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "mld-plate-editor__tab-name" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mld-plate-editor__tab-count"
+};
+const _hoisted_7 = ["aria-label", "onClick"];
+const _hoisted_8 = { class: "mld-plate-editor__actions" };
+const _hoisted_9 = ["disabled"];
+const _hoisted_10 = ["disabled"];
+const _hoisted_11 = {
+  key: 2,
+  class: "mld-plate-editor__selection-bar"
+};
+const _hoisted_12 = { class: "mld-plate-editor__selection-count" };
+const _hoisted_13 = {
+  key: 0,
+  class: "mld-plate-editor__sidebar"
+};
+const _hoisted_14 = { class: "mld-plate-editor__sidebar-panel" };
+const _hoisted_15 = {
+  key: 0,
+  class: "mld-plate-editor__add-sample"
+};
+const _hoisted_16 = { class: "mld-plate-editor__add-sample-form" };
+const _hoisted_17 = ["disabled"];
+const _hoisted_18 = { class: "mld-plate-editor__modal" };
+const _hoisted_19 = { class: "mld-plate-editor__modal-field" };
+const _hoisted_20 = { class: "mld-plate-editor__modal-field" };
+const _hoisted_21 = { class: "mld-plate-editor__modal-actions" };
+const _hoisted_22 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PlateMapEditor",
+  props: {
+    modelValue: { default: void 0 },
+    format: { default: 96 },
+    maxPlates: { default: 10 },
+    samples: { default: () => [] },
+    showToolbar: { type: Boolean, default: true },
+    showSidebar: { type: Boolean, default: true },
+    allowAddPlates: { type: Boolean, default: true },
+    allowAddSamples: { type: Boolean, default: true },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "plate-add", "plate-remove", "sample-assign", "wells-clear", "undo", "redo", "export", "import"],
+  setup(__props, { emit: __emit }) {
+    const SLOT_COLORS = {
+      R: "#ef4444",
+      // red
+      G: "#22c55e",
+      // green
+      B: "#3b82f6",
+      // blue
+      Y: "#eab308"
+      // yellow
+    };
+    const SLOT_ORDER = ["R", "G", "B", "Y"];
+    const props = __props;
+    const emit = __emit;
+    const editor = useWellPlateEditor(props.modelValue, {
+      defaultFormat: props.format
+    });
+    const newSampleName = ref("");
+    const showImportModal = ref(false);
+    const importText = ref("");
+    const importFormat = ref("json");
+    const plateSlots = ref(/* @__PURE__ */ new Map());
+    function getPlateSlot(plateId, plateIndex) {
+      if (!plateSlots.value.has(plateId)) {
+        plateSlots.value.set(plateId, SLOT_ORDER[plateIndex % SLOT_ORDER.length]);
+      }
+      return plateSlots.value.get(plateId);
+    }
+    const sampleColors = computed(() => {
+      const colors = {};
+      for (const sample of editor.samples.value) {
+        if (sample.color) {
+          colors[sample.id] = sample.color;
+        }
+      }
+      return colors;
+    });
+    const wellsData = computed(() => {
+      const plate = editor.activePlate.value;
+      if (!plate) return {};
+      const wells = {};
+      for (const [wellId, well] of Object.entries(plate.wells)) {
+        wells[wellId] = {
+          state: well.state,
+          sampleType: well.sampleType,
+          value: well.value
+        };
+      }
+      return wells;
+    });
+    function getPlateWellCount(plateId) {
+      const plate = editor.plates.value.find((p) => p.id === plateId);
+      if (!plate) return 0;
+      return Object.values(plate.wells).filter((w) => w.sampleType).length;
+    }
+    watch(
+      () => editor.state.value,
+      (newState) => emit("update:modelValue", { ...newState }),
+      { deep: true }
+    );
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        if (newValue) editor.reset();
+      }
+    );
+    function handleSelectionChange(wellIds) {
+      editor.setSelectedWells(wellIds);
+    }
+    function handleSampleClick(sample) {
+      const newSampleId = editor.activeSampleId.value === sample.id ? void 0 : sample.id;
+      editor.setActiveSample(newSampleId);
+    }
+    function handleAssignSample() {
+      const wells = editor.selectedWells.value;
+      if (wells.length === 0) return;
+      editor.assignSample(wells, editor.activeSampleId.value);
+      emit("sample-assign", wells, editor.activeSampleId.value);
+    }
+    function handleClearWells() {
+      const wells = editor.selectedWells.value;
+      if (wells.length === 0) return;
+      editor.clearWells(wells);
+      emit("wells-clear", wells);
+    }
+    function handleAddSample() {
+      if (!newSampleName.value.trim()) return;
+      editor.addSample(newSampleName.value.trim());
+      newSampleName.value = "";
+    }
+    function handleRemoveSample(sampleId) {
+      editor.removeSample(sampleId);
+    }
+    function handleAddPlate() {
+      if (editor.plates.value.length >= props.maxPlates) return;
+      const plate = editor.addPlate();
+      emit("plate-add", { id: plate.id, name: plate.name });
+    }
+    function handleRemovePlate(plateId) {
+      editor.removePlate(plateId);
+      plateSlots.value.delete(plateId);
+      emit("plate-remove", plateId);
+    }
+    function handleUndo() {
+      editor.undo();
+      emit("undo");
+    }
+    function handleRedo() {
+      editor.redo();
+      emit("redo");
+    }
+    function handleExport(format) {
+      const data = editor.exportData(format);
+      emit("export", data, format);
+      const blob = new Blob([data], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `plate-map.${format}`;
+      a.click();
+      URL.revokeObjectURL(url);
+    }
+    function handleImport() {
+      const success = editor.importData(importText.value, importFormat.value);
+      emit("import", success);
+      if (success) {
+        showImportModal.value = false;
+        importText.value = "";
+      }
+    }
+    function handleKeyDown(event) {
+      const isUndo = (event.metaKey || event.ctrlKey) && event.key === "z";
+      if (isUndo) {
+        event.preventDefault();
+        event.shiftKey ? handleRedo() : handleUndo();
+        return;
+      }
+      const isDelete = event.key === "Delete" || event.key === "Backspace";
+      if (isDelete && editor.selectedWells.value.length > 0) {
+        event.preventDefault();
+        handleClearWells();
+        return;
+      }
+      const num = parseInt(event.key);
+      const isValidSampleKey = num >= 1 && num <= 9 && editor.samples.value.length >= num;
+      if (isValidSampleKey) {
+        editor.setActiveSample(editor.samples.value[num - 1].id);
+        if (editor.selectedWells.value.length > 0) {
+          handleAssignSample();
+        }
+      }
+    }
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-plate-editor", { "mld-plate-editor--with-sidebar": __props.showSidebar }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          __props.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(editor).plates.value, (plate, index) => {
+                var _a2;
+                return openBlock(), createElementBlock("button", {
+                  key: plate.id,
+                  type: "button",
+                  class: normalizeClass(["mld-plate-editor__tab", { "mld-plate-editor__tab--active": plate.id === ((_a2 = unref(editor).activePlate.value) == null ? void 0 : _a2.id) }]),
+                  onClick: ($event) => unref(editor).setActivePlate(plate.id)
+                }, [
+                  createElementVNode("span", {
+                    class: "mld-plate-editor__tab-slot",
+                    style: normalizeStyle({ backgroundColor: SLOT_COLORS[getPlateSlot(plate.id, index)] })
+                  }, null, 4),
+                  createElementVNode("span", _hoisted_5, toDisplayString(plate.name), 1),
+                  getPlateWellCount(plate.id) > 0 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(getPlateWellCount(plate.id)), 1)) : createCommentVNode("", true),
+                  unref(editor).plates.value.length > 1 ? (openBlock(), createElementBlock("button", {
+                    key: 1,
+                    type: "button",
+                    class: "mld-plate-editor__tab-remove",
+                    "aria-label": `Remove ${plate.name}`,
+                    onClick: withModifiers(($event) => handleRemovePlate(plate.id), ["stop"])
+                  }, [..._cache[8] || (_cache[8] = [
+                    createElementVNode("svg", {
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, [
+                      createElementVNode("path", { d: "M18 6 6 18" }),
+                      createElementVNode("path", { d: "m6 6 12 12" })
+                    ], -1)
+                  ])], 8, _hoisted_7)) : createCommentVNode("", true)
+                ], 10, _hoisted_4);
+              }), 128)),
+              __props.allowAddPlates && unref(editor).plates.value.length < __props.maxPlates ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "mld-plate-editor__add-plate",
+                "aria-label": "Add plate",
+                onClick: handleAddPlate
+              }, [..._cache[9] || (_cache[9] = [
+                createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "M5 12h14" }),
+                  createElementVNode("path", { d: "M12 5v14" })
+                ], -1),
+                createElementVNode("span", null, "Add", -1)
+              ])])) : createCommentVNode("", true)
+            ]),
+            _cache[15] || (_cache[15] = createElementVNode("div", { class: "mld-plate-editor__spacer" }, null, -1)),
+            createElementVNode("div", _hoisted_8, [
+              createElementVNode("button", {
+                type: "button",
+                disabled: !unref(editor).canUndo.value,
+                class: "mld-plate-editor__action-btn",
+                title: "Undo (Ctrl+Z)",
+                onClick: handleUndo
+              }, [..._cache[10] || (_cache[10] = [
+                createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "M9 14 4 9l5-5" }),
+                  createElementVNode("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
+                ], -1)
+              ])], 8, _hoisted_9),
+              createElementVNode("button", {
+                type: "button",
+                disabled: !unref(editor).canRedo.value,
+                class: "mld-plate-editor__action-btn",
+                title: "Redo (Ctrl+Shift+Z)",
+                onClick: handleRedo
+              }, [..._cache[11] || (_cache[11] = [
+                createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "m15 14 5-5-5-5" }),
+                  createElementVNode("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" })
+                ], -1)
+              ])], 8, _hoisted_10),
+              _cache[14] || (_cache[14] = createElementVNode("div", { class: "mld-plate-editor__divider" }, null, -1)),
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-plate-editor__action-btn",
+                title: "Import",
+                onClick: _cache[0] || (_cache[0] = ($event) => showImportModal.value = true)
+              }, [..._cache[12] || (_cache[12] = [
+                createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "M12 3v12" }),
+                  createElementVNode("path", { d: "m17 8-5-5-5 5" }),
+                  createElementVNode("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+                ], -1)
+              ])]),
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-plate-editor__action-btn",
+                title: "Export JSON",
+                onClick: _cache[1] || (_cache[1] = ($event) => handleExport("json"))
+              }, [..._cache[13] || (_cache[13] = [
+                createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("path", { d: "M12 15V3" }),
+                  createElementVNode("path", { d: "m7 10 5 5 5-5" }),
+                  createElementVNode("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+                ], -1)
+              ])])
+            ])
+          ])) : createCommentVNode("", true),
+          unref(editor).activePlate.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            "model-value": unref(editor).selectedWells.value,
+            format: unref(editor).activePlate.value.format,
+            wells: wellsData.value,
+            "sample-colors": sampleColors.value,
+            size: __props.size,
+            "selection-mode": "rectangle",
+            "show-sample-type-indicator": "",
+            "onUpdate:modelValue": handleSelectionChange
+          }, null, 8, ["model-value", "format", "wells", "sample-colors", "size"])) : createCommentVNode("", true),
+          unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            createElementVNode("span", _hoisted_12, [
+              createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1),
+              _cache[16] || (_cache[16] = createTextVNode(" wells selected ", -1))
+            ]),
+            _cache[17] || (_cache[17] = createElementVNode("div", { class: "mld-plate-editor__spacer" }, null, -1)),
+            unref(editor).activeSampleId.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "mld-plate-editor__assign-btn",
+              onClick: handleAssignSample
+            }, " Assign " + toDisplayString((_a = unref(editor).samples.value.find((s) => s.id === unref(editor).activeSampleId.value)) == null ? void 0 : _a.name), 1)) : createCommentVNode("", true),
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-plate-editor__clear-btn",
+              onClick: handleClearWells
+            }, " Clear ")
+          ])) : createCommentVNode("", true),
+          _cache[18] || (_cache[18] = createStaticVNode('<div class="mld-plate-editor__legend"><div class="mld-plate-editor__legend-items"><div class="mld-plate-editor__legend-item"><div class="mld-plate-editor__legend-swatch" style="background-color:rgba(16, 185, 129, 0.15);border:1px solid rgba(16, 185, 129, 0.4);"></div><span class="mld-plate-editor__legend-label">Sample</span></div><div class="mld-plate-editor__legend-item"><div class="mld-plate-editor__legend-swatch" style="background-color:rgba(59, 130, 246, 0.15);border:1px solid rgba(59, 130, 246, 0.4);"></div><span class="mld-plate-editor__legend-label">Control</span></div><div class="mld-plate-editor__legend-item"><div class="mld-plate-editor__legend-swatch" style="background-color:rgba(249, 115, 22, 0.15);border:1px solid rgba(249, 115, 22, 0.4);"></div><span class="mld-plate-editor__legend-label">Blank</span></div><div class="mld-plate-editor__legend-item"><div class="mld-plate-editor__legend-swatch" style="background-color:rgba(139, 92, 246, 0.15);border:1px solid rgba(139, 92, 246, 0.4);"></div><span class="mld-plate-editor__legend-label">QC</span></div></div><span class="mld-plate-editor__legend-hint"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg> Drag to select </span></div>', 1))
+        ]),
+        __props.showSidebar ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("div", _hoisted_14, [
+            _cache[19] || (_cache[19] = createElementVNode("h3", { class: "mld-plate-editor__sidebar-title" }, "Sample Types", -1)),
+            createVNode(_sfc_main$2, {
+              "model-value": unref(editor).activeSampleId.value,
+              samples: unref(editor).samples.value,
+              editable: __props.allowAddSamples,
+              size: __props.size === "lg" ? "md" : "sm",
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(editor).setActiveSample($event)),
+              onSampleClick: handleSampleClick,
+              onSampleRemove: handleRemoveSample
+            }, null, 8, ["model-value", "samples", "editable", "size"]),
+            __props.allowAddSamples ? (openBlock(), createElementBlock("div", _hoisted_15, [
+              createElementVNode("div", _hoisted_16, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => newSampleName.value = $event),
+                  type: "text",
+                  placeholder: "New sample...",
+                  class: "mld-plate-editor__add-sample-input",
+                  onKeyup: withKeys(handleAddSample, ["enter"])
+                }, null, 544), [
+                  [vModelText, newSampleName.value]
+                ]),
+                createElementVNode("button", {
+                  type: "button",
+                  disabled: !newSampleName.value.trim(),
+                  class: "mld-plate-editor__add-sample-btn",
+                  onClick: handleAddSample
+                }, " Add ", 8, _hoisted_17)
+              ])
+            ])) : createCommentVNode("", true),
+            _cache[20] || (_cache[20] = createStaticVNode('<div class="mld-plate-editor__shortcuts"><h4 class="mld-plate-editor__shortcuts-title">Shortcuts</h4><div class="mld-plate-editor__shortcuts-list"><div><kbd class="mld-plate-editor__shortcut-key">1-9</kbd> Quick assign</div><div><kbd class="mld-plate-editor__shortcut-key">Del</kbd> Clear wells</div><div><kbd class="mld-plate-editor__shortcut-key">Ctrl+Z</kbd> Undo</div><div><kbd class="mld-plate-editor__shortcut-key">Ctrl+A</kbd> Select all</div></div></div>', 1))
+          ])
+        ])) : createCommentVNode("", true),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          showImportModal.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "mld-plate-editor__modal-overlay",
+            onClick: _cache[7] || (_cache[7] = withModifiers(($event) => showImportModal.value = false, ["self"]))
+          }, [
+            createElementVNode("div", _hoisted_18, [
+              _cache[24] || (_cache[24] = createElementVNode("h3", { class: "mld-plate-editor__modal-title" }, "Import Plate Map", -1)),
+              createElementVNode("div", _hoisted_19, [
+                _cache[22] || (_cache[22] = createElementVNode("label", { class: "mld-plate-editor__modal-label" }, "Format", -1)),
+                withDirectives(createElementVNode("select", {
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => importFormat.value = $event),
+                  class: "mld-plate-editor__modal-select"
+                }, [..._cache[21] || (_cache[21] = [
+                  createElementVNode("option", { value: "json" }, "JSON", -1),
+                  createElementVNode("option", { value: "csv" }, "CSV", -1)
+                ])], 512), [
+                  [vModelSelect, importFormat.value]
+                ])
+              ]),
+              createElementVNode("div", _hoisted_20, [
+                _cache[23] || (_cache[23] = createElementVNode("label", { class: "mld-plate-editor__modal-label" }, "Data", -1)),
+                withDirectives(createElementVNode("textarea", {
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => importText.value = $event),
+                  rows: "8",
+                  class: "mld-plate-editor__modal-textarea",
+                  placeholder: "Paste your data here..."
+                }, null, 512), [
+                  [vModelText, importText.value]
+                ])
+              ]),
+              createElementVNode("div", _hoisted_21, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: "mld-plate-editor__modal-cancel",
+                  onClick: _cache[6] || (_cache[6] = ($event) => showImportModal.value = false)
+                }, " Cancel "),
+                createElementVNode("button", {
+                  type: "button",
+                  disabled: !importText.value.trim(),
+                  class: "mld-plate-editor__modal-submit",
+                  onClick: handleImport
+                }, " Import ", 8, _hoisted_22)
+              ])
+            ])
+          ])) : createCommentVNode("", true)
+        ]))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PlateMapEditor.vue.js.map

package/dist/components/PlateMapEditor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapEditor.vue.js","sources":["../../src/components/PlateMapEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue'\nimport type { PlateMapEditorState, WellPlateFormat, SampleType, Well } from '../types'\nimport { useWellPlateEditor } from '../composables/useWellPlateEditor'\nimport WellPlate from './WellPlate.vue'\nimport SampleLegend from './SampleLegend.vue'\n\n// Slot colors matching MSExpDesigner\ntype SlotPosition = 'R' | 'G' | 'B' | 'Y'\nconst SLOT_COLORS: Record<SlotPosition, string> = {\n  R: '#ef4444', // red\n  G: '#22c55e', // green\n  B: '#3b82f6', // blue\n  Y: '#eab308', // yellow\n}\nconst SLOT_ORDER: SlotPosition[] = ['R', 'G', 'B', 'Y']\n\ninterface Props {\n  modelValue?: PlateMapEditorState\n  format?: WellPlateFormat\n  maxPlates?: number\n  samples?: SampleType[]\n  showToolbar?: boolean\n  showSidebar?: boolean\n  allowAddPlates?: boolean\n  allowAddSamples?: boolean\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fill'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: undefined,\n  format: 96,\n  maxPlates: 10,\n  samples: () => [],\n  showToolbar: true,\n  showSidebar: true,\n  allowAddPlates: true,\n  allowAddSamples: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [state: PlateMapEditorState]\n  'plate-add': [plate: { id: string; name: string }]\n  'plate-remove': [plateId: string]\n  'sample-assign': [wellIds: string[], sampleId: string | undefined]\n  'wells-clear': [wellIds: string[]]\n  'undo': []\n  'redo': []\n  'export': [data: string, format: 'json' | 'csv']\n  'import': [success: boolean]\n}>()\n\nconst editor = useWellPlateEditor(props.modelValue, {\n  defaultFormat: props.format,\n})\n\nconst newSampleName = ref('')\nconst showImportModal = ref(false)\nconst importText = ref('')\nconst importFormat = ref<'json' | 'csv'>('json')\n\n// Track slot assignment for each plate\nconst plateSlots = ref<Map<string, SlotPosition>>(new Map())\n\n// Assign slots to plates on creation\nfunction getPlateSlot(plateId: string, plateIndex: number): SlotPosition {\n  if (!plateSlots.value.has(plateId)) {\n    plateSlots.value.set(plateId, SLOT_ORDER[plateIndex % SLOT_ORDER.length])\n  }\n  return plateSlots.value.get(plateId)!\n}\n\nconst sampleColors = computed(() => {\n  const colors: Record<string, string> = {}\n  for (const sample of editor.samples.value) {\n    if (sample.color) {\n      colors[sample.id] = sample.color\n    }\n  }\n  return colors\n})\n\nconst wellsData = computed(() => {\n  const plate = editor.activePlate.value\n  if (!plate) return {}\n\n  const wells: Record<string, Partial<Well>> = {}\n  for (const [wellId, well] of Object.entries(plate.wells)) {\n    wells[wellId] = {\n      state: well.state,\n      sampleType: well.sampleType,\n      value: well.value,\n    }\n  }\n  return wells\n})\n\n// Count samples in a plate\nfunction getPlateWellCount(plateId: string): number {\n  const plate = editor.plates.value.find(p => p.id === plateId)\n  if (!plate) return 0\n  return Object.values(plate.wells).filter(w => w.sampleType).length\n}\n\nwatch(\n  () => editor.state.value,\n  (newState) => emit('update:modelValue', { ...newState }),\n  { deep: true }\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) editor.reset()\n  }\n)\n\nfunction handleSelectionChange(wellIds: string[]) {\n  editor.setSelectedWells(wellIds)\n}\n\nfunction handleSampleClick(sample: SampleType) {\n  const newSampleId = editor.activeSampleId.value === sample.id ? undefined : sample.id\n  editor.setActiveSample(newSampleId)\n}\n\nfunction handleAssignSample() {\n  const wells = editor.selectedWells.value\n  if (wells.length === 0) return\n\n  editor.assignSample(wells, editor.activeSampleId.value)\n  emit('sample-assign', wells, editor.activeSampleId.value)\n}\n\nfunction handleClearWells() {\n  const wells = editor.selectedWells.value\n  if (wells.length === 0) return\n\n  editor.clearWells(wells)\n  emit('wells-clear', wells)\n}\n\nfunction handleAddSample() {\n  if (!newSampleName.value.trim()) return\n  editor.addSample(newSampleName.value.trim())\n  newSampleName.value = ''\n}\n\nfunction handleRemoveSample(sampleId: string) {\n  editor.removeSample(sampleId)\n}\n\nfunction handleAddPlate() {\n  if (editor.plates.value.length >= props.maxPlates) return\n  const plate = editor.addPlate()\n  emit('plate-add', { id: plate.id, name: plate.name })\n}\n\nfunction handleRemovePlate(plateId: string) {\n  editor.removePlate(plateId)\n  plateSlots.value.delete(plateId)\n  emit('plate-remove', plateId)\n}\n\nfunction handleUndo() {\n  editor.undo()\n  emit('undo')\n}\n\nfunction handleRedo() {\n  editor.redo()\n  emit('redo')\n}\n\nfunction handleExport(format: 'json' | 'csv') {\n  const data = editor.exportData(format)\n  emit('export', data, format)\n\n  const blob = new Blob([data], { type: format === 'json' ? 'application/json' : 'text/csv' })\n  const url = URL.createObjectURL(blob)\n  const a = document.createElement('a')\n  a.href = url\n  a.download = `plate-map.${format}`\n  a.click()\n  URL.revokeObjectURL(url)\n}\n\nfunction handleImport() {\n  const success = editor.importData(importText.value, importFormat.value)\n  emit('import', success)\n  if (success) {\n    showImportModal.value = false\n    importText.value = ''\n  }\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const isUndo = (event.metaKey || event.ctrlKey) && event.key === 'z'\n  if (isUndo) {\n    event.preventDefault()\n    event.shiftKey ? handleRedo() : handleUndo()\n    return\n  }\n\n  const isDelete = event.key === 'Delete' || event.key === 'Backspace'\n  if (isDelete && editor.selectedWells.value.length > 0) {\n    event.preventDefault()\n    handleClearWells()\n    return\n  }\n\n  const num = parseInt(event.key)\n  const isValidSampleKey = num >= 1 && num <= 9 && editor.samples.value.length >= num\n  if (isValidSampleKey) {\n    editor.setActiveSample(editor.samples.value[num - 1].id)\n    if (editor.selectedWells.value.length > 0) {\n      handleAssignSample()\n    }\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleKeyDown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleKeyDown)\n})\n</script>\n\n<template>\n  <div :class=\"['mld-plate-editor', { 'mld-plate-editor--with-sidebar': showSidebar }]\">\n    <!-- Main plate area -->\n    <div class=\"mld-plate-editor__main\">\n      <!-- Toolbar -->\n      <div v-if=\"showToolbar\" class=\"mld-plate-editor__toolbar\">\n        <!-- Plate tabs -->\n        <div class=\"mld-plate-editor__tabs\">\n          <button\n            v-for=\"(plate, index) in editor.plates.value\"\n            :key=\"plate.id\"\n            type=\"button\"\n            :class=\"['mld-plate-editor__tab', { 'mld-plate-editor__tab--active': plate.id === editor.activePlate.value?.id }]\"\n            @click=\"editor.setActivePlate(plate.id)\"\n          >\n            <span\n              class=\"mld-plate-editor__tab-slot\"\n              :style=\"{ backgroundColor: SLOT_COLORS[getPlateSlot(plate.id, index)] }\"\n            />\n            <span class=\"mld-plate-editor__tab-name\">{{ plate.name }}</span>\n            <span\n              v-if=\"getPlateWellCount(plate.id) > 0\"\n              class=\"mld-plate-editor__tab-count\"\n            >\n              {{ getPlateWellCount(plate.id) }}\n            </span>\n            <button\n              v-if=\"editor.plates.value.length > 1\"\n              type=\"button\"\n              class=\"mld-plate-editor__tab-remove\"\n              :aria-label=\"`Remove ${plate.name}`\"\n              @click.stop=\"handleRemovePlate(plate.id)\"\n            >\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n              </svg>\n            </button>\n          </button>\n\n          <button\n            v-if=\"allowAddPlates && editor.plates.value.length < maxPlates\"\n            type=\"button\"\n            class=\"mld-plate-editor__add-plate\"\n            aria-label=\"Add plate\"\n            @click=\"handleAddPlate\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14\" /><path d=\"M12 5v14\" />\n            </svg>\n            <span>Add</span>\n          </button>\n        </div>\n\n        <div class=\"mld-plate-editor__spacer\" />\n\n        <!-- Actions -->\n        <div class=\"mld-plate-editor__actions\">\n          <button\n            type=\"button\"\n            :disabled=\"!editor.canUndo.value\"\n            class=\"mld-plate-editor__action-btn\"\n            title=\"Undo (Ctrl+Z)\"\n            @click=\"handleUndo\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M9 14 4 9l5-5\" /><path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\" />\n            </svg>\n          </button>\n\n          <button\n            type=\"button\"\n            :disabled=\"!editor.canRedo.value\"\n            class=\"mld-plate-editor__action-btn\"\n            title=\"Redo (Ctrl+Shift+Z)\"\n            @click=\"handleRedo\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m15 14 5-5-5-5\" /><path d=\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\" />\n            </svg>\n          </button>\n\n          <div class=\"mld-plate-editor__divider\" />\n\n          <button\n            type=\"button\"\n            class=\"mld-plate-editor__action-btn\"\n            title=\"Import\"\n            @click=\"showImportModal = true\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 3v12\" /><path d=\"m17 8-5-5-5 5\" /><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n            </svg>\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"mld-plate-editor__action-btn\"\n            title=\"Export JSON\"\n            @click=\"handleExport('json')\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 15V3\" /><path d=\"m7 10 5 5 5-5\" /><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n\n      <!-- Well plate -->\n      <WellPlate\n        v-if=\"editor.activePlate.value\"\n        :model-value=\"editor.selectedWells.value\"\n        :format=\"editor.activePlate.value.format\"\n        :wells=\"wellsData\"\n        :sample-colors=\"sampleColors\"\n        :size=\"size\"\n        selection-mode=\"rectangle\"\n        show-sample-type-indicator\n        @update:model-value=\"handleSelectionChange\"\n      />\n\n      <!-- Selection info bar -->\n      <div\n        v-if=\"editor.selectedWells.value.length > 0\"\n        class=\"mld-plate-editor__selection-bar\"\n      >\n        <span class=\"mld-plate-editor__selection-count\">\n          <strong>{{ editor.selectedWells.value.length }}</strong> wells selected\n        </span>\n        <div class=\"mld-plate-editor__spacer\" />\n        <button\n          v-if=\"editor.activeSampleId.value\"\n          type=\"button\"\n          class=\"mld-plate-editor__assign-btn\"\n          @click=\"handleAssignSample\"\n        >\n          Assign {{ editor.samples.value.find(s => s.id === editor.activeSampleId.value)?.name }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"mld-plate-editor__clear-btn\"\n          @click=\"handleClearWells\"\n        >\n          Clear\n        </button>\n      </div>\n\n      <!-- Legend -->\n      <div class=\"mld-plate-editor__legend\">\n        <div class=\"mld-plate-editor__legend-items\">\n          <div class=\"mld-plate-editor__legend-item\">\n            <div class=\"mld-plate-editor__legend-swatch\" style=\"background-color: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.4)\" />\n            <span class=\"mld-plate-editor__legend-label\">Sample</span>\n          </div>\n          <div class=\"mld-plate-editor__legend-item\">\n            <div class=\"mld-plate-editor__legend-swatch\" style=\"background-color: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.4)\" />\n            <span class=\"mld-plate-editor__legend-label\">Control</span>\n          </div>\n          <div class=\"mld-plate-editor__legend-item\">\n            <div class=\"mld-plate-editor__legend-swatch\" style=\"background-color: rgba(249, 115, 22, 0.15); border: 1px solid rgba(249, 115, 22, 0.4)\" />\n            <span class=\"mld-plate-editor__legend-label\">Blank</span>\n          </div>\n          <div class=\"mld-plate-editor__legend-item\">\n            <div class=\"mld-plate-editor__legend-swatch\" style=\"background-color: rgba(139, 92, 246, 0.15); border: 1px solid rgba(139, 92, 246, 0.4)\" />\n            <span class=\"mld-plate-editor__legend-label\">QC</span>\n          </div>\n        </div>\n        <span class=\"mld-plate-editor__legend-hint\">\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\" /><path d=\"m14 7 3 3\" /><path d=\"M5 6v4\" /><path d=\"M19 14v4\" /><path d=\"M10 2v2\" /><path d=\"M7 8H3\" /><path d=\"M21 16h-4\" /><path d=\"M11 3H9\" />\n          </svg>\n          Drag to select\n        </span>\n      </div>\n    </div>\n\n    <!-- Sidebar -->\n    <div v-if=\"showSidebar\" class=\"mld-plate-editor__sidebar\">\n      <div class=\"mld-plate-editor__sidebar-panel\">\n        <h3 class=\"mld-plate-editor__sidebar-title\">Sample Types</h3>\n\n        <SampleLegend\n          :model-value=\"editor.activeSampleId.value\"\n          :samples=\"editor.samples.value\"\n          :editable=\"allowAddSamples\"\n          :size=\"size === 'lg' ? 'md' : 'sm'\"\n          @update:model-value=\"editor.setActiveSample($event)\"\n          @sample-click=\"handleSampleClick\"\n          @sample-remove=\"handleRemoveSample\"\n        />\n\n        <!-- Add sample -->\n        <div v-if=\"allowAddSamples\" class=\"mld-plate-editor__add-sample\">\n          <div class=\"mld-plate-editor__add-sample-form\">\n            <input\n              v-model=\"newSampleName\"\n              type=\"text\"\n              placeholder=\"New sample...\"\n              class=\"mld-plate-editor__add-sample-input\"\n              @keyup.enter=\"handleAddSample\"\n            />\n            <button\n              type=\"button\"\n              :disabled=\"!newSampleName.trim()\"\n              class=\"mld-plate-editor__add-sample-btn\"\n              @click=\"handleAddSample\"\n            >\n              Add\n            </button>\n          </div>\n        </div>\n\n        <!-- Keyboard shortcuts -->\n        <div class=\"mld-plate-editor__shortcuts\">\n          <h4 class=\"mld-plate-editor__shortcuts-title\">Shortcuts</h4>\n          <div class=\"mld-plate-editor__shortcuts-list\">\n            <div><kbd class=\"mld-plate-editor__shortcut-key\">1-9</kbd> Quick assign</div>\n            <div><kbd class=\"mld-plate-editor__shortcut-key\">Del</kbd> Clear wells</div>\n            <div><kbd class=\"mld-plate-editor__shortcut-key\">Ctrl+Z</kbd> Undo</div>\n            <div><kbd class=\"mld-plate-editor__shortcut-key\">Ctrl+A</kbd> Select all</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Import modal -->\n    <Teleport to=\"body\">\n      <div\n        v-if=\"showImportModal\"\n        class=\"mld-plate-editor__modal-overlay\"\n        @click.self=\"showImportModal = false\"\n      >\n        <div class=\"mld-plate-editor__modal\">\n          <h3 class=\"mld-plate-editor__modal-title\">Import Plate Map</h3>\n\n          <div class=\"mld-plate-editor__modal-field\">\n            <label class=\"mld-plate-editor__modal-label\">Format</label>\n            <select\n              v-model=\"importFormat\"\n              class=\"mld-plate-editor__modal-select\"\n            >\n              <option value=\"json\">JSON</option>\n              <option value=\"csv\">CSV</option>\n            </select>\n          </div>\n\n          <div class=\"mld-plate-editor__modal-field\">\n            <label class=\"mld-plate-editor__modal-label\">Data</label>\n            <textarea\n              v-model=\"importText\"\n              rows=\"8\"\n              class=\"mld-plate-editor__modal-textarea\"\n              placeholder=\"Paste your data here...\"\n            />\n          </div>\n\n          <div class=\"mld-plate-editor__modal-actions\">\n            <button\n              type=\"button\"\n              class=\"mld-plate-editor__modal-cancel\"\n              @click=\"showImportModal = false\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              :disabled=\"!importText.trim()\"\n              class=\"mld-plate-editor__modal-submit\"\n              @click=\"handleImport\"\n            >\n              Import\n            </button>\n          </div>\n        </div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/plate-map-editor.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","_unref","_normalizeClass","_normalizeStyle","_toDisplayString","_withModifiers","_createBlock","WellPlate","_createVNode","SampleLegend","_Teleport"],"mappings":"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"}

package/dist/components/PlateMapEditor.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./PlateMapEditor.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PlateMapEditor.vue3.js.map

package/dist/components/PlateMapEditor.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapEditor.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1,17 @@
+interface Props {
+    value?: number;
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    showValue?: boolean;
+    indeterminate?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    variant: "primary" | "success" | "warning" | "error" | "info";
+    size: "sm" | "md" | "lg";
+    value: number;
+    showValue: boolean;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ProgressBar.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "mld-progress" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-progress__header"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-progress__label"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mld-progress__value"
+};
+const _hoisted_5 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProgressBar",
+  props: {
+    value: { default: 0 },
+    variant: { default: "primary" },
+    size: { default: "md" },
+    label: { default: void 0 },
+    showValue: { type: Boolean, default: false },
+    indeterminate: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const clampedValue = computed(() => Math.min(100, Math.max(0, props.value)));
+    const barStyle = computed(() => {
+      if (props.indeterminate) return void 0;
+      return { width: `${clampedValue.value}%` };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label || __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          __props.label ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          __props.showValue && !__props.indeterminate ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(clampedValue.value) + "%", 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([
+            "mld-progress__track",
+            `mld-progress__track--${__props.size}`
+          ]),
+          role: "progressbar",
+          "aria-valuenow": __props.indeterminate ? void 0 : clampedValue.value,
+          "aria-valuemin": __props.indeterminate ? void 0 : 0,
+          "aria-valuemax": __props.indeterminate ? void 0 : 100
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "mld-progress__bar",
+              `mld-progress__bar--${__props.variant}`,
+              __props.indeterminate ? "mld-progress__bar--indeterminate" : ""
+            ]),
+            style: normalizeStyle(barStyle.value)
+          }, null, 6)
+        ], 10, _hoisted_5)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProgressBar.vue.js.map