@morscherlab/mld-sdk 0.6.0

package/dist/components/ExperimentTimeline.vue.js

@@ -0,0 +1,395 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, withModifiers } from "vue";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["draggable", "onDragstart", "onDragover", "onDrop"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-timeline__connector"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_6 = ["d"];
+const _hoisted_7 = { class: "mld-timeline__content" };
+const _hoisted_8 = { class: "mld-timeline__title-row" };
+const _hoisted_9 = ["aria-label", "onClick"];
+const _hoisted_10 = ["aria-expanded"];
+const _hoisted_11 = {
+  key: 1,
+  class: "mld-timeline__parameters"
+};
+const _hoisted_12 = { class: "mld-timeline__param-key" };
+const _hoisted_13 = { class: "mld-timeline__param-value" };
+const _hoisted_14 = {
+  key: 2,
+  class: "mld-timeline__status-controls"
+};
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = ["aria-label", "onClick"];
+const _hoisted_17 = {
+  key: 2,
+  class: "mld-timeline__spacer--vertical"
+};
+const _hoisted_18 = {
+  key: 3,
+  class: "mld-timeline__spacer--horizontal"
+};
+const _hoisted_19 = {
+  key: 0,
+  class: "mld-timeline__empty"
+};
+const _hoisted_20 = { class: "mld-timeline__empty-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentTimeline",
+  props: {
+    modelValue: { default: () => [] },
+    orientation: { default: "vertical" },
+    showDuration: { type: Boolean, default: true },
+    showTime: { type: Boolean, default: false },
+    editable: { type: Boolean, default: false },
+    collapsible: { type: Boolean, default: true },
+    expandedStepId: { default: void 0 },
+    size: { default: "md" },
+    colorByStatus: { type: Boolean, default: true },
+    colorByType: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "step-click", "step-expand", "step-add", "step-remove", "step-update", "step-reorder", "step-status-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localExpandedId = ref(props.expandedStepId);
+    const draggedStepId = ref(null);
+    const dragOverStepId = ref(null);
+    const expandedId = computed({
+      get: () => props.expandedStepId ?? localExpandedId.value,
+      set: (id) => {
+        localExpandedId.value = id;
+        emit("step-expand", id);
+      }
+    });
+    const sortedSteps = computed(() => {
+      if (props.modelValue.every((step, i, arr) => i === 0 || step.order >= arr[i - 1].order)) {
+        return props.modelValue;
+      }
+      return [...props.modelValue].sort((a, b) => a.order - b.order);
+    });
+    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 stepTypeColors = {
+      incubation: "#F59E0B",
+      wash: "#06B6D4",
+      addition: "#10B981",
+      measurement: "#8B5CF6",
+      transfer: "#3B82F6",
+      centrifuge: "#6B7280",
+      mix: "#F97316",
+      custom: "#EC4899"
+    };
+    const statusClasses = {
+      pending: "mld-timeline__card--pending",
+      in_progress: "mld-timeline__card--in-progress",
+      completed: "mld-timeline__card--completed",
+      failed: "mld-timeline__card--failed",
+      skipped: "mld-timeline__card--skipped"
+    };
+    const iconStatusClasses = {
+      pending: "mld-timeline__icon--pending",
+      in_progress: "mld-timeline__icon--in-progress",
+      completed: "mld-timeline__icon--completed",
+      failed: "mld-timeline__icon--failed",
+      skipped: "mld-timeline__icon--skipped"
+    };
+    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`;
+    }
+    function getStepColor(step) {
+      return props.colorByType && !props.colorByStatus ? stepTypeColors[step.type] : "";
+    }
+    function getStatusClass(step) {
+      return props.colorByStatus ? statusClasses[step.status] : statusClasses.pending;
+    }
+    function getIconStatusClass(step) {
+      return props.colorByStatus ? iconStatusClasses[step.status] : iconStatusClasses.pending;
+    }
+    function toggleExpand(step) {
+      expandedId.value = expandedId.value === step.id ? void 0 : step.id;
+    }
+    function handleStepClick(step) {
+      emit("step-click", step);
+      if (props.collapsible) {
+        toggleExpand(step);
+      }
+    }
+    function handleStatusChange(step, status) {
+      const updatedSteps = props.modelValue.map(
+        (s) => s.id === step.id ? { ...s, status } : s
+      );
+      emit("step-status-change", step.id, status);
+      emit("update:modelValue", updatedSteps);
+    }
+    function handleRemoveStep(stepId) {
+      const updatedSteps = props.modelValue.filter((s) => s.id !== stepId).map((s, i) => ({ ...s, order: i }));
+      emit("step-remove", stepId);
+      emit("update:modelValue", updatedSteps);
+    }
+    function handleAddStep(afterStepId) {
+      emit("step-add", afterStepId);
+    }
+    function handleDragStart(event, step) {
+      if (!props.editable) return;
+      draggedStepId.value = step.id;
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", step.id);
+      }
+    }
+    function handleDragOver(event, step) {
+      if (!props.editable || !draggedStepId.value) return;
+      event.preventDefault();
+      dragOverStepId.value = step.id;
+    }
+    function handleDragLeave() {
+      dragOverStepId.value = null;
+    }
+    function handleDrop(event, targetStep) {
+      if (!props.editable || !draggedStepId.value) return;
+      event.preventDefault();
+      const draggedStep = props.modelValue.find((s) => s.id === draggedStepId.value);
+      if (!draggedStep || draggedStep.id === targetStep.id) {
+        draggedStepId.value = null;
+        dragOverStepId.value = null;
+        return;
+      }
+      const steps = [...props.modelValue];
+      const draggedIndex = steps.findIndex((s) => s.id === draggedStepId.value);
+      const targetIndex = steps.findIndex((s) => s.id === targetStep.id);
+      steps.splice(draggedIndex, 1);
+      steps.splice(targetIndex, 0, draggedStep);
+      const reordered = steps.map((s, i) => ({ ...s, order: i }));
+      emit("step-reorder", draggedStepId.value, targetIndex);
+      emit("update:modelValue", reordered);
+      draggedStepId.value = null;
+      dragOverStepId.value = null;
+    }
+    function handleDragEnd() {
+      draggedStepId.value = null;
+      dragOverStepId.value = null;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-timeline", __props.orientation === "horizontal" ? "mld-timeline--horizontal" : "mld-timeline--vertical"]),
+        role: "list",
+        "aria-label": `Protocol timeline with ${sortedSteps.value.length} steps`
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(sortedSteps.value, (step, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: step.id,
+            class: "mld-timeline__step",
+            role: "listitem",
+            draggable: __props.editable,
+            onDragstart: ($event) => handleDragStart($event, step),
+            onDragover: ($event) => handleDragOver($event, step),
+            onDragleave: handleDragLeave,
+            onDrop: ($event) => handleDrop($event, step),
+            onDragend: handleDragEnd
+          }, [
+            index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass([
+                "mld-timeline__card",
+                `mld-timeline__card--${__props.size}`,
+                getStatusClass(step),
+                dragOverStepId.value === step.id ? "mld-timeline__card--drag-over" : "",
+                draggedStepId.value === step.id ? "mld-timeline__card--dragging" : "",
+                __props.editable ? "mld-timeline__card--editable" : ""
+              ]),
+              style: normalizeStyle(__props.colorByType ? { borderColor: getStepColor(step) } : {}),
+              onClick: ($event) => handleStepClick(step)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(["mld-timeline__header", `mld-timeline__header--${__props.size}`])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "mld-timeline__icon",
+                    `mld-timeline__icon--${__props.size}`,
+                    getIconStatusClass(step)
+                  ]),
+                  style: normalizeStyle(__props.colorByType ? { backgroundColor: `${getStepColor(step)}20`, color: getStepColor(step) } : {})
+                }, [
+                  (openBlock(), createElementBlock("svg", _hoisted_5, [
+                    createElementVNode("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: stepTypeIcons[step.type]
+                    }, null, 8, _hoisted_6)
+                  ]))
+                ], 6),
+                createElementVNode("div", _hoisted_7, [
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("span", {
+                      class: normalizeClass(["mld-timeline__title", `mld-timeline__title--${__props.size}`])
+                    }, toDisplayString(step.name), 3),
+                    __props.showDuration && step.duration ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: normalizeClass(["mld-timeline__duration", __props.size === "sm" ? "mld-timeline__duration--sm" : ""])
+                    }, toDisplayString(formatDuration(step.duration)), 3)) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("div", {
+                    class: normalizeClass(["mld-timeline__type", `mld-timeline__type--${__props.size}`])
+                  }, toDisplayString(step.type.replace("_", " ")), 3)
+                ]),
+                __props.collapsible && (step.description || step.parameters) ? (openBlock(), createElementBlock("svg", {
+                  key: 0,
+                  class: normalizeClass([
+                    "mld-timeline__expand-icon",
+                    expandedId.value === step.id ? "mld-timeline__expand-icon--expanded" : ""
+                  ]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [..._cache[2] || (_cache[2] = [
+                  createElementVNode("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2)) : createCommentVNode("", true),
+                __props.editable ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  type: "button",
+                  class: "mld-timeline__remove-btn",
+                  "aria-label": `Remove ${step.name}`,
+                  onClick: withModifiers(($event) => handleRemoveStep(step.id), ["stop"])
+                }, [..._cache[3] || (_cache[3] = [
+                  createElementVNode("svg", {
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    createElementVNode("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ], -1)
+                ])], 8, _hoisted_9)) : createCommentVNode("", true)
+              ], 2),
+              expandedId.value === step.id && (step.description || step.parameters) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                "aria-expanded": expandedId.value === step.id,
+                class: "mld-timeline__expanded"
+              }, [
+                step.description ? (openBlock(), createElementBlock("p", {
+                  key: 0,
+                  class: normalizeClass(["mld-timeline__description", `mld-timeline__description--${__props.size}`])
+                }, toDisplayString(step.description), 3)) : createCommentVNode("", true),
+                step.parameters && Object.keys(step.parameters).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(step.parameters, (value, key) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: String(key),
+                      class: normalizeClass(["mld-timeline__param", `mld-timeline__param--${__props.size}`])
+                    }, [
+                      createElementVNode("span", _hoisted_12, toDisplayString(key) + ":", 1),
+                      createElementVNode("span", _hoisted_13, toDisplayString(value), 1)
+                    ], 2);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                __props.editable ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(["pending", "in_progress", "completed", "failed", "skipped"], (status) => {
+                    return createElementVNode("button", {
+                      key: status,
+                      type: "button",
+                      class: normalizeClass([
+                        "mld-timeline__status-btn",
+                        `mld-timeline__status-btn--${status}`,
+                        step.status === status ? "mld-timeline__status-btn--active" : ""
+                      ]),
+                      onClick: withModifiers(($event) => handleStatusChange(step, status), ["stop"])
+                    }, toDisplayString(status.replace("_", " ")), 11, _hoisted_15);
+                  }), 64))
+                ])) : createCommentVNode("", true)
+              ], 8, _hoisted_10)) : createCommentVNode("", true)
+            ], 14, _hoisted_4),
+            __props.editable && __props.orientation === "vertical" ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "mld-timeline__add-inline",
+              "aria-label": `Add step after ${step.name}`,
+              onClick: withModifiers(($event) => handleAddStep(step.id), ["stop"])
+            }, [..._cache[4] || (_cache[4] = [
+              createElementVNode("svg", {
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M12 4v16m8-8H4"
+                })
+              ], -1)
+            ])], 8, _hoisted_16)) : createCommentVNode("", true),
+            __props.orientation === "vertical" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true),
+            __props.orientation === "horizontal" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_18)) : createCommentVNode("", true)
+          ], 40, _hoisted_2);
+        }), 128)),
+        sortedSteps.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+          createElementVNode("div", _hoisted_20, [
+            _cache[5] || (_cache[5] = createElementVNode("p", { class: "mld-timeline__empty-text" }, "No protocol steps defined", -1)),
+            __props.editable ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "mld-timeline__empty-btn",
+              onClick: _cache[0] || (_cache[0] = ($event) => handleAddStep())
+            }, " Add First Step ")) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        __props.editable && sortedSteps.value.length > 0 ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          type: "button",
+          class: normalizeClass(["mld-timeline__add-end", `mld-timeline__add-end--${__props.size}`]),
+          onClick: _cache[1] || (_cache[1] = ($event) => handleAddStep())
+        }, [
+          _cache[6] || (_cache[6] = createElementVNode("svg", {
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            createElementVNode("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M12 4v16m8-8H4"
+            })
+          ], -1)),
+          createElementVNode("span", {
+            class: normalizeClass(`mld-timeline__add-end-text--${__props.size}`)
+          }, "Add Step", 2)
+        ], 2)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ExperimentTimeline.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentTimeline.vue.js","sources":["../../src/components/ExperimentTimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport type { ProtocolStep, ProtocolStepType, ProtocolStepStatus } from '../types'\n\ninterface Props {\n  modelValue?: ProtocolStep[]\n  orientation?: 'horizontal' | 'vertical'\n  showDuration?: boolean\n  showTime?: boolean\n  editable?: boolean\n  collapsible?: boolean\n  expandedStepId?: string\n  size?: 'sm' | 'md' | 'lg'\n  colorByStatus?: boolean\n  colorByType?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: () => [],\n  orientation: 'vertical',\n  showDuration: true,\n  showTime: false,\n  editable: false,\n  collapsible: true,\n  expandedStepId: undefined,\n  size: 'md',\n  colorByStatus: true,\n  colorByType: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [steps: ProtocolStep[]]\n  'step-click': [step: ProtocolStep]\n  'step-expand': [stepId: string | undefined]\n  'step-add': [afterStepId?: string]\n  'step-remove': [stepId: string]\n  'step-update': [step: ProtocolStep]\n  'step-reorder': [stepId: string, newOrder: number]\n  'step-status-change': [stepId: string, status: ProtocolStepStatus]\n}>()\n\nconst localExpandedId = ref<string | undefined>(props.expandedStepId)\nconst draggedStepId = ref<string | null>(null)\nconst dragOverStepId = ref<string | null>(null)\n\nconst expandedId = computed({\n  get: () => props.expandedStepId ?? localExpandedId.value,\n  set: (id) => {\n    localExpandedId.value = id\n    emit('step-expand', id)\n  },\n})\n\nconst sortedSteps = computed(() => {\n  if (props.modelValue.every((step, i, arr) => i === 0 || step.order >= arr[i - 1].order)) {\n    return props.modelValue\n  }\n  return [...props.modelValue].sort((a, b) => a.order - b.order)\n})\n\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\nconst stepTypeColors: Record<ProtocolStepType, string> = {\n  incubation: '#F59E0B',\n  wash: '#06B6D4',\n  addition: '#10B981',\n  measurement: '#8B5CF6',\n  transfer: '#3B82F6',\n  centrifuge: '#6B7280',\n  mix: '#F97316',\n  custom: '#EC4899',\n}\n\nconst statusClasses: Record<ProtocolStepStatus, string> = {\n  pending: 'mld-timeline__card--pending',\n  in_progress: 'mld-timeline__card--in-progress',\n  completed: 'mld-timeline__card--completed',\n  failed: 'mld-timeline__card--failed',\n  skipped: 'mld-timeline__card--skipped',\n}\n\nconst iconStatusClasses: Record<ProtocolStepStatus, string> = {\n  pending: 'mld-timeline__icon--pending',\n  in_progress: 'mld-timeline__icon--in-progress',\n  completed: 'mld-timeline__icon--completed',\n  failed: 'mld-timeline__icon--failed',\n  skipped: 'mld-timeline__icon--skipped',\n}\n\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\nfunction getStepColor(step: ProtocolStep): string {\n  return props.colorByType && !props.colorByStatus ? stepTypeColors[step.type] : ''\n}\n\nfunction getStatusClass(step: ProtocolStep): string {\n  return props.colorByStatus ? statusClasses[step.status] : statusClasses.pending\n}\n\nfunction getIconStatusClass(step: ProtocolStep): string {\n  return props.colorByStatus ? iconStatusClasses[step.status] : iconStatusClasses.pending\n}\n\nfunction toggleExpand(step: ProtocolStep) {\n  expandedId.value = expandedId.value === step.id ? undefined : step.id\n}\n\nfunction handleStepClick(step: ProtocolStep) {\n  emit('step-click', step)\n  if (props.collapsible) {\n    toggleExpand(step)\n  }\n}\n\nfunction handleStatusChange(step: ProtocolStep, status: ProtocolStepStatus) {\n  const updatedSteps = props.modelValue.map(s =>\n    s.id === step.id ? { ...s, status } : s\n  )\n  emit('step-status-change', step.id, status)\n  emit('update:modelValue', updatedSteps)\n}\n\nfunction handleRemoveStep(stepId: string) {\n  const updatedSteps = props.modelValue\n    .filter(s => s.id !== stepId)\n    .map((s, i) => ({ ...s, order: i }))\n  emit('step-remove', stepId)\n  emit('update:modelValue', updatedSteps)\n}\n\nfunction handleAddStep(afterStepId?: string) {\n  emit('step-add', afterStepId)\n}\n\nfunction handleDragStart(event: DragEvent, step: ProtocolStep) {\n  if (!props.editable) return\n  draggedStepId.value = step.id\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData('text/plain', step.id)\n  }\n}\n\nfunction handleDragOver(event: DragEvent, step: ProtocolStep) {\n  if (!props.editable || !draggedStepId.value) return\n  event.preventDefault()\n  dragOverStepId.value = step.id\n}\n\nfunction handleDragLeave() {\n  dragOverStepId.value = null\n}\n\nfunction handleDrop(event: DragEvent, targetStep: ProtocolStep) {\n  if (!props.editable || !draggedStepId.value) return\n  event.preventDefault()\n\n  const draggedStep = props.modelValue.find(s => s.id === draggedStepId.value)\n  if (!draggedStep || draggedStep.id === targetStep.id) {\n    draggedStepId.value = null\n    dragOverStepId.value = null\n    return\n  }\n\n  const steps = [...props.modelValue]\n  const draggedIndex = steps.findIndex(s => s.id === draggedStepId.value)\n  const targetIndex = steps.findIndex(s => s.id === targetStep.id)\n\n  steps.splice(draggedIndex, 1)\n  steps.splice(targetIndex, 0, draggedStep)\n\n  const reordered = steps.map((s, i) => ({ ...s, order: i }))\n  emit('step-reorder', draggedStepId.value, targetIndex)\n  emit('update:modelValue', reordered)\n\n  draggedStepId.value = null\n  dragOverStepId.value = null\n}\n\nfunction handleDragEnd() {\n  draggedStepId.value = null\n  dragOverStepId.value = null\n}\n\n</script>\n\n<template>\n  <div\n    :class=\"['mld-timeline', orientation === 'horizontal' ? 'mld-timeline--horizontal' : 'mld-timeline--vertical']\"\n    role=\"list\"\n    :aria-label=\"`Protocol timeline with ${sortedSteps.length} steps`\"\n  >\n    <div\n      v-for=\"(step, index) in sortedSteps\"\n      :key=\"step.id\"\n      class=\"mld-timeline__step\"\n      role=\"listitem\"\n      :draggable=\"editable\"\n      @dragstart=\"handleDragStart($event, step)\"\n      @dragover=\"handleDragOver($event, step)\"\n      @dragleave=\"handleDragLeave\"\n      @drop=\"handleDrop($event, step)\"\n      @dragend=\"handleDragEnd\"\n    >\n      <div\n        v-if=\"index < sortedSteps.length - 1\"\n        class=\"mld-timeline__connector\"\n      />\n\n      <div\n        :class=\"[\n          'mld-timeline__card',\n          `mld-timeline__card--${size}`,\n          getStatusClass(step),\n          dragOverStepId === step.id ? 'mld-timeline__card--drag-over' : '',\n          draggedStepId === step.id ? 'mld-timeline__card--dragging' : '',\n          editable ? 'mld-timeline__card--editable' : '',\n        ]\"\n        :style=\"colorByType ? { borderColor: getStepColor(step) } : {}\"\n        @click=\"handleStepClick(step)\"\n      >\n        <div :class=\"['mld-timeline__header', `mld-timeline__header--${size}`]\">\n          <div\n            :class=\"[\n              'mld-timeline__icon',\n              `mld-timeline__icon--${size}`,\n              getIconStatusClass(step),\n            ]\"\n            :style=\"colorByType ? { backgroundColor: `${getStepColor(step)}20`, color: getStepColor(step) } : {}\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" :d=\"stepTypeIcons[step.type]\" />\n            </svg>\n          </div>\n\n          <div class=\"mld-timeline__content\">\n            <div class=\"mld-timeline__title-row\">\n              <span :class=\"['mld-timeline__title', `mld-timeline__title--${size}`]\">\n                {{ step.name }}\n              </span>\n              <span\n                v-if=\"showDuration && step.duration\"\n                :class=\"['mld-timeline__duration', size === 'sm' ? 'mld-timeline__duration--sm' : '']\"\n              >\n                {{ formatDuration(step.duration) }}\n              </span>\n            </div>\n            <div :class=\"['mld-timeline__type', `mld-timeline__type--${size}`]\">\n              {{ step.type.replace('_', ' ') }}\n            </div>\n          </div>\n\n          <svg\n            v-if=\"collapsible && (step.description || step.parameters)\"\n            :class=\"[\n              'mld-timeline__expand-icon',\n              expandedId === step.id ? 'mld-timeline__expand-icon--expanded' : '',\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\n          <button\n            v-if=\"editable\"\n            type=\"button\"\n            class=\"mld-timeline__remove-btn\"\n            :aria-label=\"`Remove ${step.name}`\"\n            @click.stop=\"handleRemoveStep(step.id)\"\n          >\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        <div\n          v-if=\"expandedId === step.id && (step.description || step.parameters)\"\n          :aria-expanded=\"expandedId === step.id\"\n          class=\"mld-timeline__expanded\"\n        >\n          <p v-if=\"step.description\" :class=\"['mld-timeline__description', `mld-timeline__description--${size}`]\">\n            {{ step.description }}\n          </p>\n\n          <div v-if=\"step.parameters && Object.keys(step.parameters).length > 0\" class=\"mld-timeline__parameters\">\n            <div\n              v-for=\"(value, key) in step.parameters\"\n              :key=\"String(key)\"\n              :class=\"['mld-timeline__param', `mld-timeline__param--${size}`]\"\n            >\n              <span class=\"mld-timeline__param-key\">{{ key }}:</span>\n              <span class=\"mld-timeline__param-value\">{{ value }}</span>\n            </div>\n          </div>\n\n          <div v-if=\"editable\" class=\"mld-timeline__status-controls\">\n            <button\n              v-for=\"status in (['pending', 'in_progress', 'completed', 'failed', 'skipped'] as const)\"\n              :key=\"status\"\n              type=\"button\"\n              :class=\"[\n                'mld-timeline__status-btn',\n                `mld-timeline__status-btn--${status}`,\n                step.status === status ? 'mld-timeline__status-btn--active' : '',\n              ]\"\n              @click.stop=\"handleStatusChange(step, status)\"\n            >\n              {{ status.replace('_', ' ') }}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <button\n        v-if=\"editable && orientation === 'vertical'\"\n        type=\"button\"\n        class=\"mld-timeline__add-inline\"\n        :aria-label=\"`Add step after ${step.name}`\"\n        @click.stop=\"handleAddStep(step.id)\"\n      >\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\" />\n        </svg>\n      </button>\n\n      <div v-if=\"orientation === 'vertical' && index < sortedSteps.length - 1\" class=\"mld-timeline__spacer--vertical\" />\n      <div v-if=\"orientation === 'horizontal' && index < sortedSteps.length - 1\" class=\"mld-timeline__spacer--horizontal\" />\n    </div>\n\n    <div\n      v-if=\"sortedSteps.length === 0\"\n      class=\"mld-timeline__empty\"\n    >\n      <div class=\"mld-timeline__empty-content\">\n        <p class=\"mld-timeline__empty-text\">No protocol steps defined</p>\n        <button\n          v-if=\"editable\"\n          type=\"button\"\n          class=\"mld-timeline__empty-btn\"\n          @click=\"handleAddStep()\"\n        >\n          Add First Step\n        </button>\n      </div>\n    </div>\n\n    <button\n      v-if=\"editable && sortedSteps.length > 0\"\n      type=\"button\"\n      :class=\"['mld-timeline__add-end', `mld-timeline__add-end--${size}`]\"\n      @click=\"handleAddStep()\"\n    >\n      <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\" />\n      </svg>\n      <span :class=\"`mld-timeline__add-end-text--${size}`\">Add Step</span>\n    </button>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-timeline.css';\n</style>\n"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_normalizeStyle","_toDisplayString","_withModifiers"],"mappings":"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"}

package/dist/components/ExperimentTimeline.vue3.js

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

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

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

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

@@ -0,0 +1,23 @@
+interface Props {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    mode?: 'file' | 'folder';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (message: string) => any;
+    upload: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    onUpload?: ((files: File[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    size: "sm" | "md" | "lg";
+    mode: "file" | "folder";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;