@morscherlab/mld-sdk 0.6.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.vue.js","sources":["../../src/components/ProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  value?: number\n  variant?: 'primary' | 'success' | 'warning' | 'error' | 'info'\n  size?: 'sm' | 'md' | 'lg'\n  label?: string\n  showValue?: boolean\n  indeterminate?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: 0,\n  variant: 'primary',\n  size: 'md',\n  label: undefined,\n  showValue: false,\n  indeterminate: false,\n})\n\nconst clampedValue = computed(() => Math.min(100, Math.max(0, props.value)))\n\nconst barStyle = computed(() => {\n  if (props.indeterminate) return undefined\n  return { width: `${clampedValue.value}%` }\n})\n</script>\n\n<template>\n  <div class=\"mld-progress\">\n    <div\n      v-if=\"label || showValue\"\n      class=\"mld-progress__header\"\n    >\n      <span v-if=\"label\" class=\"mld-progress__label\">{{ label }}</span>\n      <span v-if=\"showValue && !indeterminate\" class=\"mld-progress__value\">{{ clampedValue }}%</span>\n    </div>\n    <div\n      :class=\"[\n        'mld-progress__track',\n        `mld-progress__track--${size}`,\n      ]\"\n      role=\"progressbar\"\n      :aria-valuenow=\"indeterminate ? undefined : clampedValue\"\n      :aria-valuemin=\"indeterminate ? undefined : 0\"\n      :aria-valuemax=\"indeterminate ? undefined : 100\"\n    >\n      <div\n        :class=\"[\n          'mld-progress__bar',\n          `mld-progress__bar--${variant}`,\n          indeterminate ? 'mld-progress__bar--indeterminate' : '',\n        ]\"\n        :style=\"barStyle\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/progress-bar.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AASd,UAAM,eAAe,SAAS,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,MAAM,KAAK,CAAC,CAAC;AAE3E,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,cAAe,QAAO;AAChC,aAAO,EAAE,OAAO,GAAG,aAAa,KAAK,IAAA;AAAA,IACvC,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBA2BM,OA3BN,YA2BM;AAAA,QAzBI,QAAA,SAAS,QAAA,aADjBD,aAAAC,mBAMM,OANN,YAMM;AAAA,UAFQ,QAAA,sBAAZA,mBAAiE,QAAjE,YAAiEC,gBAAf,QAAA,KAAK,GAAA,CAAA;UAC3C,QAAA,cAAc,QAAA,iBAA1BF,UAAA,GAAAC,mBAA+F,QAA/F,YAA+FC,gBAAvB,aAAA,KAAY,IAAG,KAAC,CAAA;;QAE1FC,mBAkBM,OAAA;AAAA,UAjBH,OAAKC,eAAA;AAAA;oCAAmE,QAAA,IAAI;AAAA,UAAA;UAI7E,MAAK;AAAA,UACJ,iBAAe,QAAA,gBAAgB,SAAY,aAAA;AAAA,UAC3C,iBAAe,QAAA,gBAAgB,SAAS;AAAA,UACxC,iBAAe,QAAA,gBAAgB,SAAS;AAAA,QAAA;UAEzCD,mBAOE,OAAA;AAAA,YANC,OAAKC,eAAA;AAAA;oCAAmE,QAAA,OAAO;AAAA,cAAc,QAAA,gBAAa,qCAAA;AAAA,YAAA;YAK1G,sBAAO,SAAA,KAAQ;AAAA,UAAA;;;;;;"}

package/dist/components/ProgressBar.vue3.js

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

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

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

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

@@ -0,0 +1,24 @@
+import { ProtocolStep } from '../types';
+import { StepTemplate } from '../composables/useProtocolTemplates';
+interface Props {
+    modelValue?: ProtocolStep;
+    templates?: StepTemplate[];
+    customTemplates?: StepTemplate[];
+    mode?: 'create' | 'edit';
+    showPreview?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (step: ProtocolStep) => any;
+    cancel: () => any;
+    save: (step: ProtocolStep) => any;
+    "save-template": (template: StepTemplate) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((step: ProtocolStep) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSave?: ((step: ProtocolStep) => any) | undefined;
+    "onSave-template"?: ((template: StepTemplate) => any) | undefined;
+}>, {
+    mode: "create" | "edit";
+    showPreview: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ProtocolStepEditor.vue.js

@@ -0,0 +1,491 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, normalizeClass, withModifiers, createCommentVNode, Fragment, renderList, withDirectives, vModelText, createBlock, createTextVNode } from "vue";
+import { useProtocolTemplates } from "../composables/useProtocolTemplates.js";
+import _sfc_main$1 from "./ConcentrationInput.vue.js";
+/* empty css                        */
+const _hoisted_1 = { class: "mld-protocol-editor" };
+const _hoisted_2 = { class: "mld-protocol-editor__header" };
+const _hoisted_3 = { class: "mld-protocol-editor__title" };
+const _hoisted_4 = { class: "mld-protocol-editor__form" };
+const _hoisted_5 = { class: "mld-protocol-editor__template-select" };
+const _hoisted_6 = { class: "mld-protocol-editor__template-dropdown" };
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-protocol-editor__template-icon",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_8 = ["d"];
+const _hoisted_9 = { class: "mld-protocol-editor__template-text" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mld-protocol-editor__template-menu"
+};
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
+  class: "mld-protocol-editor__template-option-icon",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_13 = ["d"];
+const _hoisted_14 = { class: "mld-protocol-editor__template-option-text" };
+const _hoisted_15 = {
+  key: 0,
+  class: "mld-protocol-editor__template-option-desc"
+};
+const _hoisted_16 = { class: "mld-protocol-editor__field" };
+const _hoisted_17 = {
+  key: 0,
+  class: "mld-protocol-editor__field-error"
+};
+const _hoisted_18 = {
+  key: 0,
+  class: "mld-protocol-editor__input-unit"
+};
+const _hoisted_19 = ["value", "min", "max", "placeholder", "onInput"];
+const _hoisted_20 = {
+  key: 0,
+  class: "mld-protocol-editor__unit-suffix"
+};
+const _hoisted_21 = ["value", "placeholder", "onInput"];
+const _hoisted_22 = ["value", "onChange"];
+const _hoisted_23 = {
+  value: "",
+  disabled: ""
+};
+const _hoisted_24 = ["value"];
+const _hoisted_25 = ["value", "placeholder", "onInput"];
+const _hoisted_26 = {
+  key: 5,
+  class: "mld-protocol-editor__field-error"
+};
+const _hoisted_27 = { class: "mld-protocol-editor__field" };
+const _hoisted_28 = {
+  key: 0,
+  class: "mld-protocol-editor__preview"
+};
+const _hoisted_29 = { class: "mld-protocol-editor__preview-card" };
+const _hoisted_30 = { class: "mld-protocol-editor__preview-icon" };
+const _hoisted_31 = {
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_32 = ["d"];
+const _hoisted_33 = { class: "mld-protocol-editor__preview-content" };
+const _hoisted_34 = { class: "mld-protocol-editor__preview-name" };
+const _hoisted_35 = {
+  key: 0,
+  class: "mld-protocol-editor__preview-params"
+};
+const _hoisted_36 = {
+  key: 0,
+  class: "mld-protocol-editor__preview-duration"
+};
+const _hoisted_37 = { class: "mld-protocol-editor__actions" };
+const _hoisted_38 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProtocolStepEditor",
+  props: {
+    modelValue: {},
+    templates: {},
+    customTemplates: {},
+    mode: { default: "create" },
+    showPreview: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "save", "save-template", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      allTemplates,
+      getTemplateByType,
+      validateStep,
+      formatParameterValue
+    } = useProtocolTemplates();
+    const selectedTemplateId = ref(null);
+    const dropdownOpen = ref(false);
+    const stepName = ref("");
+    const stepDescription = ref("");
+    const stepDuration = ref();
+    const parameters = ref({});
+    const validationErrors = ref({});
+    const availableTemplates = computed(() => {
+      if (props.templates && props.templates.length > 0) {
+        return props.templates;
+      }
+      const combined = [...allTemplates.value];
+      if (props.customTemplates) {
+        combined.push(...props.customTemplates);
+      }
+      return combined;
+    });
+    const selectedTemplate = computed(() => {
+      if (!selectedTemplateId.value) return null;
+      return availableTemplates.value.find((t) => t.id === selectedTemplateId.value) || null;
+    });
+    const stepTypeIcons = {
+      incubation: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
+      wash: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z",
+      addition: "M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z",
+      measurement: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z",
+      transfer: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4",
+      centrifuge: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",
+      mix: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z",
+      custom: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+    };
+    const previewStep = computed(() => {
+      var _a, _b, _c;
+      if (!selectedTemplate.value) return null;
+      return {
+        id: ((_a = props.modelValue) == null ? void 0 : _a.id) || "preview",
+        type: selectedTemplate.value.type,
+        name: stepName.value || selectedTemplate.value.name,
+        description: stepDescription.value,
+        duration: stepDuration.value ?? selectedTemplate.value.defaultDuration,
+        status: ((_b = props.modelValue) == null ? void 0 : _b.status) || "pending",
+        parameters: { ...parameters.value },
+        order: ((_c = props.modelValue) == null ? void 0 : _c.order) || 0
+      };
+    });
+    const previewParams = computed(() => {
+      if (!selectedTemplate.value || !previewStep.value) return "";
+      return selectedTemplate.value.parameters.filter((p) => parameters.value[p.key] !== void 0 && parameters.value[p.key] !== "").map((p) => formatParameterValue(parameters.value[p.key], p)).join(", ");
+    });
+    function initFromStep(step) {
+      const template = getTemplateByType(step.type);
+      if (template) {
+        selectedTemplateId.value = template.id;
+      }
+      stepName.value = step.name;
+      stepDescription.value = step.description || "";
+      stepDuration.value = step.duration;
+      parameters.value = { ...step.parameters || {} };
+    }
+    function selectTemplate(template) {
+      selectedTemplateId.value = template.id;
+      dropdownOpen.value = false;
+      if (props.mode === "create") {
+        stepName.value = template.name;
+        stepDescription.value = template.description || "";
+        stepDuration.value = template.defaultDuration;
+        parameters.value = {};
+        for (const param of template.parameters) {
+          if (param.default !== void 0) {
+            parameters.value[param.key] = param.default;
+          }
+        }
+      }
+    }
+    function handleParamChange(key, value) {
+      parameters.value[key] = value;
+      if (validationErrors.value[key]) {
+        delete validationErrors.value[key];
+      }
+    }
+    function handleConcentrationChange(key, value) {
+      parameters.value[key] = value;
+      if (validationErrors.value[key]) {
+        delete validationErrors.value[key];
+      }
+    }
+    function handleSave() {
+      if (!selectedTemplate.value || !previewStep.value) return;
+      const result = validateStep(previewStep.value, selectedTemplate.value);
+      validationErrors.value = result.errors;
+      if (result.valid) {
+        emit("save", previewStep.value);
+        emit("update:modelValue", previewStep.value);
+      }
+    }
+    function handleSaveTemplate() {
+      if (!selectedTemplate.value) return;
+      const newTemplate = {
+        id: `custom-${Date.now()}`,
+        type: selectedTemplate.value.type,
+        name: stepName.value || selectedTemplate.value.name,
+        description: stepDescription.value,
+        defaultDuration: stepDuration.value,
+        parameters: selectedTemplate.value.parameters.map((p) => ({
+          ...p,
+          default: parameters.value[p.key]
+        })),
+        isBuiltIn: false
+      };
+      emit("save-template", newTemplate);
+    }
+    function handleCancel() {
+      emit("cancel");
+    }
+    function handleClickOutside(event) {
+      const target = event.target;
+      if (!target.closest(".mld-protocol-editor__template-dropdown")) {
+        dropdownOpen.value = false;
+      }
+    }
+    function formatDuration(minutes) {
+      if (minutes === void 0) return "";
+      if (minutes < 60) return `${minutes}m`;
+      const hours = Math.floor(minutes / 60);
+      const mins = minutes % 60;
+      return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;
+    }
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+      if (props.modelValue) {
+        initFromStep(props.modelValue);
+      } else if (availableTemplates.value.length > 0) {
+        selectTemplate(availableTemplates.value[0]);
+      }
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    watch(
+      () => props.modelValue,
+      (step) => {
+        if (step) {
+          initFromStep(step);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.mode === "create" ? "Create Protocol Step" : "Edit Protocol Step"), 1),
+          createElementVNode("span", {
+            class: normalizeClass([
+              "mld-protocol-editor__mode-badge",
+              `mld-protocol-editor__mode-badge--${__props.mode}`
+            ])
+          }, toDisplayString(__props.mode), 3)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            _cache[4] || (_cache[4] = createElementVNode("label", { class: "mld-protocol-editor__template-label" }, "Template", -1)),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-protocol-editor__template-btn",
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => dropdownOpen.value = !dropdownOpen.value, ["stop"]))
+              }, [
+                selectedTemplate.value ? (openBlock(), createElementBlock("svg", _hoisted_7, [
+                  createElementVNode("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: stepTypeIcons[selectedTemplate.value.type]
+                  }, null, 8, _hoisted_8)
+                ])) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_9, toDisplayString(((_a = selectedTemplate.value) == null ? void 0 : _a.name) || "Select template..."), 1),
+                (openBlock(), createElementBlock("svg", {
+                  class: normalizeClass([
+                    "mld-protocol-editor__template-arrow",
+                    dropdownOpen.value ? "mld-protocol-editor__template-arrow--open" : ""
+                  ]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [..._cache[3] || (_cache[3] = [
+                  createElementVNode("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
+              ]),
+              dropdownOpen.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(availableTemplates.value, (template) => {
+                  return openBlock(), createElementBlock("button", {
+                    key: template.id,
+                    type: "button",
+                    class: normalizeClass([
+                      "mld-protocol-editor__template-option",
+                      selectedTemplateId.value === template.id ? "mld-protocol-editor__template-option--active" : ""
+                    ]),
+                    onClick: ($event) => selectTemplate(template)
+                  }, [
+                    (openBlock(), createElementBlock("svg", _hoisted_12, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: stepTypeIcons[template.type]
+                      }, null, 8, _hoisted_13)
+                    ])),
+                    createElementVNode("div", _hoisted_14, [
+                      createElementVNode("div", null, toDisplayString(template.name), 1),
+                      template.description ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(template.description), 1)) : createCommentVNode("", true)
+                    ])
+                  ], 10, _hoisted_11);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          _cache[7] || (_cache[7] = createElementVNode("div", { class: "mld-protocol-editor__divider" }, null, -1)),
+          createElementVNode("div", _hoisted_16, [
+            _cache[5] || (_cache[5] = createElementVNode("label", { class: "mld-protocol-editor__field-label mld-protocol-editor__field-label--required" }, " Step Name ", -1)),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => stepName.value = $event),
+              type: "text",
+              class: normalizeClass([
+                "mld-protocol-editor__input",
+                validationErrors.value.name ? "mld-protocol-editor__input--error" : ""
+              ]),
+              placeholder: "Enter step name"
+            }, null, 2), [
+              [vModelText, stepName.value]
+            ]),
+            validationErrors.value.name ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(validationErrors.value.name), 1)) : createCommentVNode("", true)
+          ]),
+          selectedTemplate.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectedTemplate.value.parameters, (param, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: param.key,
+              class: normalizeClass([
+                "mld-protocol-editor__field",
+                index % 2 === 0 && selectedTemplate.value.parameters[index + 1] ? "" : ""
+              ])
+            }, [
+              createElementVNode("label", {
+                class: normalizeClass([
+                  "mld-protocol-editor__field-label",
+                  param.required ? "mld-protocol-editor__field-label--required" : ""
+                ])
+              }, toDisplayString(param.label), 3),
+              param.type === "number" || param.type === "temperature" || param.type === "duration" ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                createElementVNode("input", {
+                  type: "number",
+                  value: parameters.value[param.key],
+                  min: param.min,
+                  max: param.max,
+                  placeholder: param.placeholder || `Enter ${param.label.toLowerCase()}`,
+                  class: normalizeClass([
+                    "mld-protocol-editor__input",
+                    validationErrors.value[param.key] ? "mld-protocol-editor__input--error" : ""
+                  ]),
+                  onInput: ($event) => handleParamChange(param.key, $event.target.valueAsNumber)
+                }, null, 42, _hoisted_19),
+                param.unit ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(param.unit), 1)) : createCommentVNode("", true)
+              ])) : param.type === "text" ? (openBlock(), createElementBlock("input", {
+                key: 1,
+                type: "text",
+                value: parameters.value[param.key],
+                placeholder: param.placeholder || `Enter ${param.label.toLowerCase()}`,
+                class: normalizeClass([
+                  "mld-protocol-editor__input",
+                  validationErrors.value[param.key] ? "mld-protocol-editor__input--error" : ""
+                ]),
+                onInput: ($event) => handleParamChange(param.key, $event.target.value)
+              }, null, 42, _hoisted_21)) : param.type === "select" ? (openBlock(), createElementBlock("select", {
+                key: 2,
+                value: parameters.value[param.key],
+                class: normalizeClass([
+                  "mld-protocol-editor__select",
+                  validationErrors.value[param.key] ? "mld-protocol-editor__input--error" : ""
+                ]),
+                onChange: ($event) => handleParamChange(param.key, $event.target.value)
+              }, [
+                createElementVNode("option", _hoisted_23, "Select " + toDisplayString(param.label.toLowerCase()), 1),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(param.options, (option) => {
+                  return openBlock(), createElementBlock("option", {
+                    key: option.value,
+                    value: option.value
+                  }, toDisplayString(option.label), 9, _hoisted_24);
+                }), 128))
+              ], 42, _hoisted_22)) : param.type === "concentration" ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 3,
+                "model-value": parameters.value[param.key],
+                error: !!validationErrors.value[param.key],
+                size: "md",
+                "onUpdate:modelValue": ($event) => handleConcentrationChange(param.key, $event)
+              }, null, 8, ["model-value", "error", "onUpdate:modelValue"])) : param.type === "reagent" ? (openBlock(), createElementBlock("input", {
+                key: 4,
+                type: "text",
+                value: parameters.value[param.key],
+                placeholder: param.placeholder || "Enter reagent name",
+                class: normalizeClass([
+                  "mld-protocol-editor__input",
+                  validationErrors.value[param.key] ? "mld-protocol-editor__input--error" : ""
+                ]),
+                onInput: ($event) => handleParamChange(param.key, $event.target.value)
+              }, null, 42, _hoisted_25)) : createCommentVNode("", true),
+              validationErrors.value[param.key] ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(validationErrors.value[param.key]), 1)) : createCommentVNode("", true)
+            ], 2);
+          }), 128)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_27, [
+            _cache[6] || (_cache[6] = createElementVNode("label", { class: "mld-protocol-editor__field-label" }, "Description", -1)),
+            withDirectives(createElementVNode("textarea", {
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => stepDescription.value = $event),
+              class: "mld-protocol-editor__textarea",
+              placeholder: "Optional step description",
+              rows: "2"
+            }, null, 512), [
+              [vModelText, stepDescription.value]
+            ])
+          ])
+        ]),
+        __props.showPreview && previewStep.value ? (openBlock(), createElementBlock("div", _hoisted_28, [
+          _cache[8] || (_cache[8] = createElementVNode("div", { class: "mld-protocol-editor__preview-title" }, "Preview", -1)),
+          createElementVNode("div", _hoisted_29, [
+            createElementVNode("div", _hoisted_30, [
+              (openBlock(), createElementBlock("svg", _hoisted_31, [
+                createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: stepTypeIcons[previewStep.value.type]
+                }, null, 8, _hoisted_32)
+              ]))
+            ]),
+            createElementVNode("div", _hoisted_33, [
+              createElementVNode("div", _hoisted_34, toDisplayString(previewStep.value.name), 1),
+              previewParams.value ? (openBlock(), createElementBlock("div", _hoisted_35, toDisplayString(previewParams.value), 1)) : createCommentVNode("", true)
+            ]),
+            previewStep.value.duration ? (openBlock(), createElementBlock("div", _hoisted_36, toDisplayString(formatDuration(previewStep.value.duration)), 1)) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_37, [
+          createElementVNode("div", { class: "mld-protocol-editor__actions-left" }, [
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-protocol-editor__btn mld-protocol-editor__btn--ghost",
+              onClick: handleSaveTemplate
+            }, [..._cache[9] || (_cache[9] = [
+              createElementVNode("svg", {
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
+                })
+              ], -1),
+              createTextVNode(" Save as Template ", -1)
+            ])])
+          ]),
+          createElementVNode("button", {
+            type: "button",
+            class: "mld-protocol-editor__btn mld-protocol-editor__btn--secondary",
+            onClick: handleCancel
+          }, " Cancel "),
+          createElementVNode("button", {
+            type: "button",
+            class: "mld-protocol-editor__btn mld-protocol-editor__btn--primary",
+            disabled: !selectedTemplate.value,
+            onClick: handleSave
+          }, toDisplayString(__props.mode === "create" ? "Add Step" : "Save Changes"), 9, _hoisted_38)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProtocolStepEditor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolStepEditor.vue.js","sources":["../../src/components/ProtocolStepEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue'\nimport type { ProtocolStep, ProtocolStepType, ProtocolStepStatus } from '../types'\nimport {\n  useProtocolTemplates,\n  type StepTemplate,\n} from '../composables/useProtocolTemplates'\nimport ConcentrationInput from './ConcentrationInput.vue'\nimport type { ConcentrationValue } from '../composables/useConcentrationUnits'\n\ninterface Props {\n  modelValue?: ProtocolStep\n  templates?: StepTemplate[]\n  customTemplates?: StepTemplate[]\n  mode?: 'create' | 'edit'\n  showPreview?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'create',\n  showPreview: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [step: ProtocolStep]\n  'save': [step: ProtocolStep]\n  'save-template': [template: StepTemplate]\n  'cancel': []\n}>()\n\nconst {\n  allTemplates,\n  getTemplateByType,\n  validateStep,\n  formatParameterValue,\n} = useProtocolTemplates()\n\n// State\nconst selectedTemplateId = ref<string | null>(null)\nconst dropdownOpen = ref(false)\nconst stepName = ref('')\nconst stepDescription = ref('')\nconst stepDuration = ref<number | undefined>()\nconst parameters = ref<Record<string, unknown>>({})\nconst validationErrors = ref<Record<string, string>>({})\n\n// Combined templates from props and composable\nconst availableTemplates = computed(() => {\n  if (props.templates && props.templates.length > 0) {\n    return props.templates\n  }\n  const combined = [...allTemplates.value]\n  if (props.customTemplates) {\n    combined.push(...props.customTemplates)\n  }\n  return combined\n})\n\n// Selected template\nconst selectedTemplate = computed(() => {\n  if (!selectedTemplateId.value) return null\n  return availableTemplates.value.find((t) => t.id === selectedTemplateId.value) || null\n})\n\n// Step type icons (same as ExperimentTimeline)\nconst stepTypeIcons: Record<ProtocolStepType, string> = {\n  incubation: 'M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z',\n  wash: 'M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z',\n  addition: 'M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z',\n  measurement: 'M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z',\n  transfer: 'M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4',\n  centrifuge: 'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15',\n  mix: 'M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z',\n  custom: 'M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z',\n}\n\n// Preview computed\nconst previewStep = computed<ProtocolStep | null>(() => {\n  if (!selectedTemplate.value) return null\n  return {\n    id: props.modelValue?.id || 'preview',\n    type: selectedTemplate.value.type,\n    name: stepName.value || selectedTemplate.value.name,\n    description: stepDescription.value,\n    duration: stepDuration.value ?? selectedTemplate.value.defaultDuration,\n    status: (props.modelValue?.status || 'pending') as ProtocolStepStatus,\n    parameters: { ...parameters.value },\n    order: props.modelValue?.order || 0,\n  }\n})\n\nconst previewParams = computed(() => {\n  if (!selectedTemplate.value || !previewStep.value) return ''\n  return selectedTemplate.value.parameters\n    .filter((p) => parameters.value[p.key] !== undefined && parameters.value[p.key] !== '')\n    .map((p) => formatParameterValue(parameters.value[p.key], p))\n    .join(', ')\n})\n\n// Initialize from modelValue\nfunction initFromStep(step: ProtocolStep) {\n  const template = getTemplateByType(step.type)\n  if (template) {\n    selectedTemplateId.value = template.id\n  }\n  stepName.value = step.name\n  stepDescription.value = step.description || ''\n  stepDuration.value = step.duration\n  parameters.value = { ...(step.parameters || {}) }\n}\n\n// Handle template selection\nfunction selectTemplate(template: StepTemplate) {\n  selectedTemplateId.value = template.id\n  dropdownOpen.value = false\n\n  // Reset to template defaults if creating new\n  if (props.mode === 'create') {\n    stepName.value = template.name\n    stepDescription.value = template.description || ''\n    stepDuration.value = template.defaultDuration\n\n    parameters.value = {}\n    for (const param of template.parameters) {\n      if (param.default !== undefined) {\n        parameters.value[param.key] = param.default\n      }\n    }\n  }\n}\n\n// Handle parameter change\nfunction handleParamChange(key: string, value: unknown) {\n  parameters.value[key] = value\n  // Clear validation error when user changes value\n  if (validationErrors.value[key]) {\n    delete validationErrors.value[key]\n  }\n}\n\n// Handle concentration change\nfunction handleConcentrationChange(key: string, value: ConcentrationValue | undefined) {\n  parameters.value[key] = value\n  if (validationErrors.value[key]) {\n    delete validationErrors.value[key]\n  }\n}\n\n// Validate and save\nfunction handleSave() {\n  if (!selectedTemplate.value || !previewStep.value) return\n\n  const result = validateStep(previewStep.value, selectedTemplate.value)\n  validationErrors.value = result.errors\n\n  if (result.valid) {\n    emit('save', previewStep.value)\n    emit('update:modelValue', previewStep.value)\n  }\n}\n\n// Save as template\nfunction handleSaveTemplate() {\n  if (!selectedTemplate.value) return\n\n  const newTemplate: StepTemplate = {\n    id: `custom-${Date.now()}`,\n    type: selectedTemplate.value.type,\n    name: stepName.value || selectedTemplate.value.name,\n    description: stepDescription.value,\n    defaultDuration: stepDuration.value,\n    parameters: selectedTemplate.value.parameters.map((p) => ({\n      ...p,\n      default: parameters.value[p.key],\n    })),\n    isBuiltIn: false,\n  }\n\n  emit('save-template', newTemplate)\n}\n\n// Handle cancel\nfunction handleCancel() {\n  emit('cancel')\n}\n\n// Close dropdown on click outside\nfunction handleClickOutside(event: MouseEvent) {\n  const target = event.target as HTMLElement\n  if (!target.closest('.mld-protocol-editor__template-dropdown')) {\n    dropdownOpen.value = false\n  }\n}\n\n// Format duration\nfunction formatDuration(minutes: number | undefined): string {\n  if (minutes === undefined) return ''\n  if (minutes < 60) return `${minutes}m`\n  const hours = Math.floor(minutes / 60)\n  const mins = minutes % 60\n  return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`\n}\n\n// Lifecycle\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n\n  if (props.modelValue) {\n    initFromStep(props.modelValue)\n  } else if (availableTemplates.value.length > 0) {\n    selectTemplate(availableTemplates.value[0])\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n})\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (step) => {\n    if (step) {\n      initFromStep(step)\n    }\n  }\n)\n</script>\n\n<template>\n  <div class=\"mld-protocol-editor\">\n    <!-- Header -->\n    <div class=\"mld-protocol-editor__header\">\n      <span class=\"mld-protocol-editor__title\">\n        {{ mode === 'create' ? 'Create Protocol Step' : 'Edit Protocol Step' }}\n      </span>\n      <span\n        :class=\"[\n          'mld-protocol-editor__mode-badge',\n          `mld-protocol-editor__mode-badge--${mode}`,\n        ]\"\n      >\n        {{ mode }}\n      </span>\n    </div>\n\n    <!-- Form -->\n    <div class=\"mld-protocol-editor__form\">\n      <!-- Template selector -->\n      <div class=\"mld-protocol-editor__template-select\">\n        <label class=\"mld-protocol-editor__template-label\">Template</label>\n        <div class=\"mld-protocol-editor__template-dropdown\">\n          <button\n            type=\"button\"\n            class=\"mld-protocol-editor__template-btn\"\n            @click.stop=\"dropdownOpen = !dropdownOpen\"\n          >\n            <svg\n              v-if=\"selectedTemplate\"\n              class=\"mld-protocol-editor__template-icon\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                :d=\"stepTypeIcons[selectedTemplate.type]\"\n              />\n            </svg>\n            <span class=\"mld-protocol-editor__template-text\">\n              {{ selectedTemplate?.name || 'Select template...' }}\n            </span>\n            <svg\n              :class=\"[\n                'mld-protocol-editor__template-arrow',\n                dropdownOpen ? 'mld-protocol-editor__template-arrow--open' : '',\n              ]\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" />\n            </svg>\n          </button>\n\n          <div v-if=\"dropdownOpen\" class=\"mld-protocol-editor__template-menu\">\n            <button\n              v-for=\"template in availableTemplates\"\n              :key=\"template.id\"\n              type=\"button\"\n              :class=\"[\n                'mld-protocol-editor__template-option',\n                selectedTemplateId === template.id ? 'mld-protocol-editor__template-option--active' : '',\n              ]\"\n              @click=\"selectTemplate(template)\"\n            >\n              <svg\n                class=\"mld-protocol-editor__template-option-icon\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  :d=\"stepTypeIcons[template.type]\"\n                />\n              </svg>\n              <div class=\"mld-protocol-editor__template-option-text\">\n                <div>{{ template.name }}</div>\n                <div v-if=\"template.description\" class=\"mld-protocol-editor__template-option-desc\">\n                  {{ template.description }}\n                </div>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mld-protocol-editor__divider\" />\n\n      <!-- Step name -->\n      <div class=\"mld-protocol-editor__field\">\n        <label class=\"mld-protocol-editor__field-label mld-protocol-editor__field-label--required\">\n          Step Name\n        </label>\n        <input\n          v-model=\"stepName\"\n          type=\"text\"\n          :class=\"[\n            'mld-protocol-editor__input',\n            validationErrors.name ? 'mld-protocol-editor__input--error' : '',\n          ]\"\n          placeholder=\"Enter step name\"\n        />\n        <span v-if=\"validationErrors.name\" class=\"mld-protocol-editor__field-error\">\n          {{ validationErrors.name }}\n        </span>\n      </div>\n\n      <!-- Dynamic parameters -->\n      <template v-if=\"selectedTemplate\">\n        <div\n          v-for=\"(param, index) in selectedTemplate.parameters\"\n          :key=\"param.key\"\n          :class=\"[\n            'mld-protocol-editor__field',\n            index % 2 === 0 && selectedTemplate.parameters[index + 1]\n              ? ''\n              : '',\n          ]\"\n        >\n          <label\n            :class=\"[\n              'mld-protocol-editor__field-label',\n              param.required ? 'mld-protocol-editor__field-label--required' : '',\n            ]\"\n          >\n            {{ param.label }}\n          </label>\n\n          <!-- Number input with unit -->\n          <div\n            v-if=\"param.type === 'number' || param.type === 'temperature' || param.type === 'duration'\"\n            class=\"mld-protocol-editor__input-unit\"\n          >\n            <input\n              type=\"number\"\n              :value=\"parameters[param.key]\"\n              :min=\"param.min\"\n              :max=\"param.max\"\n              :placeholder=\"param.placeholder || `Enter ${param.label.toLowerCase()}`\"\n              :class=\"[\n                'mld-protocol-editor__input',\n                validationErrors[param.key] ? 'mld-protocol-editor__input--error' : '',\n              ]\"\n              @input=\"handleParamChange(param.key, ($event.target as HTMLInputElement).valueAsNumber)\"\n            />\n            <span v-if=\"param.unit\" class=\"mld-protocol-editor__unit-suffix\">\n              {{ param.unit }}\n            </span>\n          </div>\n\n          <!-- Text input -->\n          <input\n            v-else-if=\"param.type === 'text'\"\n            type=\"text\"\n            :value=\"parameters[param.key]\"\n            :placeholder=\"param.placeholder || `Enter ${param.label.toLowerCase()}`\"\n            :class=\"[\n              'mld-protocol-editor__input',\n              validationErrors[param.key] ? 'mld-protocol-editor__input--error' : '',\n            ]\"\n            @input=\"handleParamChange(param.key, ($event.target as HTMLInputElement).value)\"\n          />\n\n          <!-- Select -->\n          <select\n            v-else-if=\"param.type === 'select'\"\n            :value=\"parameters[param.key]\"\n            :class=\"[\n              'mld-protocol-editor__select',\n              validationErrors[param.key] ? 'mld-protocol-editor__input--error' : '',\n            ]\"\n            @change=\"handleParamChange(param.key, ($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\" disabled>Select {{ param.label.toLowerCase() }}</option>\n            <option\n              v-for=\"option in param.options\"\n              :key=\"option.value\"\n              :value=\"option.value\"\n            >\n              {{ option.label }}\n            </option>\n          </select>\n\n          <!-- Concentration input -->\n          <ConcentrationInput\n            v-else-if=\"param.type === 'concentration'\"\n            :model-value=\"parameters[param.key] as ConcentrationValue | undefined\"\n            :error=\"!!validationErrors[param.key]\"\n            size=\"md\"\n            @update:model-value=\"handleConcentrationChange(param.key, $event)\"\n          />\n\n          <!-- Reagent input (text for now) -->\n          <input\n            v-else-if=\"param.type === 'reagent'\"\n            type=\"text\"\n            :value=\"parameters[param.key]\"\n            :placeholder=\"param.placeholder || 'Enter reagent name'\"\n            :class=\"[\n              'mld-protocol-editor__input',\n              validationErrors[param.key] ? 'mld-protocol-editor__input--error' : '',\n            ]\"\n            @input=\"handleParamChange(param.key, ($event.target as HTMLInputElement).value)\"\n          />\n\n          <span v-if=\"validationErrors[param.key]\" class=\"mld-protocol-editor__field-error\">\n            {{ validationErrors[param.key] }}\n          </span>\n        </div>\n      </template>\n\n      <!-- Description -->\n      <div class=\"mld-protocol-editor__field\">\n        <label class=\"mld-protocol-editor__field-label\">Description</label>\n        <textarea\n          v-model=\"stepDescription\"\n          class=\"mld-protocol-editor__textarea\"\n          placeholder=\"Optional step description\"\n          rows=\"2\"\n        />\n      </div>\n    </div>\n\n    <!-- Preview -->\n    <div v-if=\"showPreview && previewStep\" class=\"mld-protocol-editor__preview\">\n      <div class=\"mld-protocol-editor__preview-title\">Preview</div>\n      <div class=\"mld-protocol-editor__preview-card\">\n        <div class=\"mld-protocol-editor__preview-icon\">\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              :d=\"stepTypeIcons[previewStep.type]\"\n            />\n          </svg>\n        </div>\n        <div class=\"mld-protocol-editor__preview-content\">\n          <div class=\"mld-protocol-editor__preview-name\">{{ previewStep.name }}</div>\n          <div v-if=\"previewParams\" class=\"mld-protocol-editor__preview-params\">\n            {{ previewParams }}\n          </div>\n        </div>\n        <div v-if=\"previewStep.duration\" class=\"mld-protocol-editor__preview-duration\">\n          {{ formatDuration(previewStep.duration) }}\n        </div>\n      </div>\n    </div>\n\n    <!-- Actions -->\n    <div class=\"mld-protocol-editor__actions\">\n      <div class=\"mld-protocol-editor__actions-left\">\n        <button\n          type=\"button\"\n          class=\"mld-protocol-editor__btn mld-protocol-editor__btn--ghost\"\n          @click=\"handleSaveTemplate\"\n        >\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4\" />\n          </svg>\n          Save as Template\n        </button>\n      </div>\n      <button\n        type=\"button\"\n        class=\"mld-protocol-editor__btn mld-protocol-editor__btn--secondary\"\n        @click=\"handleCancel\"\n      >\n        Cancel\n      </button>\n      <button\n        type=\"button\"\n        class=\"mld-protocol-editor__btn mld-protocol-editor__btn--primary\"\n        :disabled=\"!selectedTemplate\"\n        @click=\"handleSave\"\n      >\n        {{ mode === 'create' ? 'Add Step' : 'Save Changes' }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/protocol-step-editor.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_normalizeClass","_withModifiers","_Fragment","_renderList","_createBlock","ConcentrationInput"],"mappings":"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"}

package/dist/components/ProtocolStepEditor.vue3.js

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

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

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