@morscherlab/mld-sdk 0.6.0

package/dist/components/GroupingModal.vue.js

@@ -0,0 +1,446 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, withModifiers, normalizeClass, createTextVNode, createCommentVNode, toDisplayString, Fragment, createVNode, renderList } from "vue";
+import _sfc_main$1 from "./BaseModal.vue.js";
+/* empty css               */
+import _sfc_main$3 from "./BaseButton.vue.js";
+/* empty css                */
+import _sfc_main$2 from "./BaseSelect.vue.js";
+/* empty css                */
+const _hoisted_1 = { class: "mld-grouping-modal" };
+const _hoisted_2 = {
+  key: 1,
+  class: "mld-grouping-modal__error"
+};
+const _hoisted_3 = { class: "mld-grouping-modal__file-info" };
+const _hoisted_4 = { class: "mld-grouping-modal__file-name" };
+const _hoisted_5 = { class: "mld-grouping-modal__config" };
+const _hoisted_6 = { class: "mld-grouping-modal__config-row" };
+const _hoisted_7 = { class: "mld-grouping-modal__config-row" };
+const _hoisted_8 = { class: "mld-grouping-modal__group-columns" };
+const _hoisted_9 = {
+  key: 0,
+  class: "mld-grouping-modal__selected-columns"
+};
+const _hoisted_10 = { class: "mld-grouping-modal__column-name" };
+const _hoisted_11 = { class: "mld-grouping-modal__column-actions" };
+const _hoisted_12 = ["disabled", "onClick"];
+const _hoisted_13 = ["disabled", "onClick"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
+  key: 0,
+  class: "mld-grouping-modal__match-status"
+};
+const _hoisted_16 = { class: "mld-grouping-modal__match-stat mld-grouping-modal__match-stat--matched" };
+const _hoisted_17 = { class: "mld-grouping-modal__match-count" };
+const _hoisted_18 = {
+  key: 0,
+  class: "mld-grouping-modal__match-stat mld-grouping-modal__match-stat--unmatched"
+};
+const _hoisted_19 = { class: "mld-grouping-modal__match-count" };
+const _hoisted_20 = {
+  key: 1,
+  class: "mld-grouping-modal__preview"
+};
+const _hoisted_21 = { class: "mld-grouping-modal__table-wrapper" };
+const _hoisted_22 = { class: "mld-grouping-modal__table" };
+const _hoisted_23 = {
+  key: 0,
+  class: "mld-grouping-modal__preview-note"
+};
+const _hoisted_24 = { class: "mld-grouping-modal__footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupingModal",
+  props: {
+    open: { type: Boolean },
+    samples: {}
+  },
+  emits: ["close", "apply"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const csvFile = ref(null);
+    const csvData = ref([]);
+    const csvColumns = ref([]);
+    const sampleColumn = ref("");
+    const groupColumns = ref([]);
+    const isDragOver = ref(false);
+    const parseError = ref(null);
+    const columnOptions = computed(
+      () => csvColumns.value.map((col) => ({ value: col, label: col }))
+    );
+    const availableGroupColumns = computed(
+      () => csvColumns.value.filter((col) => col !== sampleColumn.value && !groupColumns.value.includes(col)).map((col) => ({ value: col, label: col }))
+    );
+    const matchedSamples = computed(() => {
+      if (!sampleColumn.value || csvData.value.length === 0) return [];
+      const csvSampleValues = csvData.value.map((row) => row[sampleColumn.value]);
+      return props.samples.filter((sample) => csvSampleValues.includes(sample));
+    });
+    const unmatchedSamples = computed(() => {
+      if (!sampleColumn.value || csvData.value.length === 0) return [];
+      const csvSampleValues = csvData.value.map((row) => row[sampleColumn.value]);
+      return props.samples.filter((sample) => !csvSampleValues.includes(sample));
+    });
+    const previewData = computed(() => {
+      if (csvData.value.length === 0) return [];
+      return csvData.value.slice(0, 5);
+    });
+    const canApply = computed(
+      () => sampleColumn.value && groupColumns.value.length > 0 && matchedSamples.value.length > 0
+    );
+    watch(() => props.open, (isOpen) => {
+      if (!isOpen) {
+        resetState();
+      }
+    });
+    function resetState() {
+      csvFile.value = null;
+      csvData.value = [];
+      csvColumns.value = [];
+      sampleColumn.value = "";
+      groupColumns.value = [];
+      parseError.value = null;
+    }
+    function handleDrop(event) {
+      var _a;
+      event.preventDefault();
+      isDragOver.value = false;
+      const files = (_a = event.dataTransfer) == null ? void 0 : _a.files;
+      if (files && files.length > 0) {
+        handleFile(files[0]);
+      }
+    }
+    function handleFileInput(event) {
+      const target = event.target;
+      if (target.files && target.files.length > 0) {
+        handleFile(target.files[0]);
+      }
+    }
+    async function handleFile(file) {
+      if (!file.name.endsWith(".csv")) {
+        parseError.value = "Please upload a CSV file";
+        return;
+      }
+      csvFile.value = file;
+      parseError.value = null;
+      try {
+        const text = await file.text();
+        parseCSV(text);
+      } catch {
+        parseError.value = "Failed to read file";
+      }
+    }
+    function parseCSV(text) {
+      const lines = text.trim().split("\n");
+      if (lines.length < 2) {
+        parseError.value = "CSV must have at least a header and one data row";
+        return;
+      }
+      const headers = parseCSVLine(lines[0]);
+      csvColumns.value = headers;
+      const data = [];
+      for (let i = 1; i < lines.length; i++) {
+        const values = parseCSVLine(lines[i]);
+        if (values.length !== headers.length) continue;
+        const row = {};
+        headers.forEach((header, idx) => {
+          row[header] = values[idx];
+        });
+        data.push(row);
+      }
+      csvData.value = data;
+      const sampleColGuess = headers.find(
+        (h) => h.toLowerCase().includes("sample") || h.toLowerCase().includes("name") || h.toLowerCase().includes("id")
+      );
+      if (sampleColGuess) {
+        sampleColumn.value = sampleColGuess;
+      }
+    }
+    function parseCSVLine(line) {
+      const result = [];
+      let current = "";
+      let inQuotes = false;
+      for (let i = 0; i < line.length; i++) {
+        const char = line[i];
+        if (char === '"') {
+          inQuotes = !inQuotes;
+        } else if (char === "," && !inQuotes) {
+          result.push(current.trim());
+          current = "";
+        } else {
+          current += char;
+        }
+      }
+      result.push(current.trim());
+      return result;
+    }
+    function addGroupColumn(column) {
+      if (column && !groupColumns.value.includes(column)) {
+        groupColumns.value.push(column);
+      }
+    }
+    function removeGroupColumn(column) {
+      groupColumns.value = groupColumns.value.filter((c) => c !== column);
+    }
+    function moveGroupColumn(index, direction) {
+      const newIndex = direction === "up" ? index - 1 : index + 1;
+      if (newIndex < 0 || newIndex >= groupColumns.value.length) return;
+      const cols = [...groupColumns.value];
+      const temp = cols[index];
+      cols[index] = cols[newIndex];
+      cols[newIndex] = temp;
+      groupColumns.value = cols;
+    }
+    function applyGrouping() {
+      if (!canApply.value) return;
+      const mapping = {};
+      for (const row of csvData.value) {
+        const sampleName = row[sampleColumn.value];
+        if (!props.samples.includes(sampleName)) continue;
+        const groupKey = groupColumns.value.map((col) => row[col]).join(" / ");
+        if (!mapping[groupKey]) {
+          mapping[groupKey] = [];
+        }
+        mapping[groupKey].push(sampleName);
+      }
+      emit("apply", mapping, groupColumns.value);
+      emit("close");
+    }
+    function close() {
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "model-value": __props.open,
+        title: "Group by Metadata",
+        size: "lg",
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => !$event && close()),
+        onClose: close
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_24, [
+            createVNode(_sfc_main$3, {
+              variant: "secondary",
+              onClick: close
+            }, {
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                createTextVNode("Cancel", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_sfc_main$3, {
+              variant: "primary",
+              disabled: !canApply.value,
+              onClick: applyGrouping
+            }, {
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                createTextVNode(" Apply Grouping ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            !csvFile.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([
+                "mld-grouping-modal__dropzone",
+                isDragOver.value ? "mld-grouping-modal__dropzone--dragover" : ""
+              ]),
+              onDrop: handleDrop,
+              onDragover: _cache[0] || (_cache[0] = withModifiers(($event) => isDragOver.value = true, ["prevent"])),
+              onDragleave: _cache[1] || (_cache[1] = ($event) => isDragOver.value = false)
+            }, [
+              createElementVNode("input", {
+                type: "file",
+                accept: ".csv",
+                class: "mld-grouping-modal__file-input",
+                onChange: handleFileInput
+              }, null, 32),
+              _cache[5] || (_cache[5] = createElementVNode("svg", {
+                class: "mld-grouping-modal__upload-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "1.5",
+                  d: "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                })
+              ], -1)),
+              _cache[6] || (_cache[6] = createElementVNode("p", { class: "mld-grouping-modal__upload-text" }, [
+                createElementVNode("span", { class: "mld-grouping-modal__upload-highlight" }, "Click to upload"),
+                createTextVNode(" or drag and drop a CSV file ")
+              ], -1)),
+              _cache[7] || (_cache[7] = createElementVNode("p", { class: "mld-grouping-modal__upload-hint" }, " CSV should contain sample names and grouping columns ", -1))
+            ], 34)) : createCommentVNode("", true),
+            parseError.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(parseError.value), 1)) : createCommentVNode("", true),
+            csvFile.value && csvData.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createElementVNode("div", _hoisted_3, [
+                _cache[8] || (_cache[8] = createElementVNode("svg", {
+                  class: "mld-grouping-modal__file-icon",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  createElementVNode("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                  })
+                ], -1)),
+                createElementVNode("span", _hoisted_4, toDisplayString(csvFile.value.name), 1),
+                createElementVNode("button", {
+                  type: "button",
+                  class: "mld-grouping-modal__file-clear",
+                  onClick: resetState
+                }, " Change file ")
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  _cache[9] || (_cache[9] = createElementVNode("label", { class: "mld-grouping-modal__label" }, "Sample Column", -1)),
+                  createVNode(_sfc_main$2, {
+                    modelValue: sampleColumn.value,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sampleColumn.value = $event),
+                    options: columnOptions.value,
+                    placeholder: "Select sample column..."
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                createElementVNode("div", _hoisted_7, [
+                  _cache[13] || (_cache[13] = createElementVNode("label", { class: "mld-grouping-modal__label" }, "Group Columns", -1)),
+                  createElementVNode("div", _hoisted_8, [
+                    groupColumns.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(groupColumns.value, (col, index) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: col,
+                          class: "mld-grouping-modal__selected-column"
+                        }, [
+                          createElementVNode("span", _hoisted_10, toDisplayString(col), 1),
+                          createElementVNode("div", _hoisted_11, [
+                            createElementVNode("button", {
+                              type: "button",
+                              disabled: index === 0,
+                              class: "mld-grouping-modal__column-btn",
+                              onClick: ($event) => moveGroupColumn(index, "up")
+                            }, [..._cache[10] || (_cache[10] = [
+                              createElementVNode("svg", {
+                                width: "12",
+                                height: "12",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                createElementVNode("path", { d: "M18 15l-6-6-6 6" })
+                              ], -1)
+                            ])], 8, _hoisted_12),
+                            createElementVNode("button", {
+                              type: "button",
+                              disabled: index === groupColumns.value.length - 1,
+                              class: "mld-grouping-modal__column-btn",
+                              onClick: ($event) => moveGroupColumn(index, "down")
+                            }, [..._cache[11] || (_cache[11] = [
+                              createElementVNode("svg", {
+                                width: "12",
+                                height: "12",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                createElementVNode("path", { d: "M6 9l6 6 6-6" })
+                              ], -1)
+                            ])], 8, _hoisted_13),
+                            createElementVNode("button", {
+                              type: "button",
+                              class: "mld-grouping-modal__column-btn mld-grouping-modal__column-btn--remove",
+                              onClick: ($event) => removeGroupColumn(col)
+                            }, [..._cache[12] || (_cache[12] = [
+                              createElementVNode("svg", {
+                                width: "12",
+                                height: "12",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                createElementVNode("path", { d: "M6 18L18 6M6 6l12 12" })
+                              ], -1)
+                            ])], 8, _hoisted_14)
+                          ])
+                        ]);
+                      }), 128))
+                    ])) : createCommentVNode("", true),
+                    availableGroupColumns.value.length > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 1,
+                      "model-value": "",
+                      options: availableGroupColumns.value,
+                      placeholder: "Add group column...",
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => addGroupColumn($event))
+                    }, null, 8, ["options"])) : createCommentVNode("", true)
+                  ])
+                ])
+              ]),
+              sampleColumn.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_16, [
+                  createElementVNode("span", _hoisted_17, toDisplayString(matchedSamples.value.length), 1),
+                  _cache[14] || (_cache[14] = createElementVNode("span", { class: "mld-grouping-modal__match-label" }, "samples matched", -1))
+                ]),
+                unmatchedSamples.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                  createElementVNode("span", _hoisted_19, toDisplayString(unmatchedSamples.value.length), 1),
+                  _cache[15] || (_cache[15] = createElementVNode("span", { class: "mld-grouping-modal__match-label" }, "samples not found in CSV", -1))
+                ])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              previewData.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                _cache[16] || (_cache[16] = createElementVNode("h4", { class: "mld-grouping-modal__preview-title" }, "Data Preview", -1)),
+                createElementVNode("div", _hoisted_21, [
+                  createElementVNode("table", _hoisted_22, [
+                    createElementVNode("thead", null, [
+                      createElementVNode("tr", null, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(csvColumns.value, (col) => {
+                          return openBlock(), createElementBlock("th", {
+                            key: col,
+                            class: normalizeClass([
+                              "mld-grouping-modal__th",
+                              col === sampleColumn.value ? "mld-grouping-modal__th--sample" : "",
+                              groupColumns.value.includes(col) ? "mld-grouping-modal__th--group" : ""
+                            ])
+                          }, toDisplayString(col), 3);
+                        }), 128))
+                      ])
+                    ]),
+                    createElementVNode("tbody", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(previewData.value, (row, idx) => {
+                        return openBlock(), createElementBlock("tr", { key: idx }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(csvColumns.value, (col) => {
+                            return openBlock(), createElementBlock("td", {
+                              key: col,
+                              class: normalizeClass([
+                                "mld-grouping-modal__td",
+                                col === sampleColumn.value ? "mld-grouping-modal__td--sample" : "",
+                                groupColumns.value.includes(col) ? "mld-grouping-modal__td--group" : ""
+                              ])
+                            }, toDisplayString(row[col]), 3);
+                          }), 128))
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                csvData.value.length > 5 ? (openBlock(), createElementBlock("p", _hoisted_23, " Showing 5 of " + toDisplayString(csvData.value.length) + " rows ", 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GroupingModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingModal.vue.js","sources":["../../src/components/GroupingModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport BaseButton from './BaseButton.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport type { SelectOption } from '../types'\n\ninterface Props {\n  open: boolean\n  samples: string[]\n}\n\ninterface ParsedRow {\n  [key: string]: string\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits<{\n  close: []\n  apply: [mapping: Record<string, string[]>, columns: string[]]\n}>()\n\nconst csvFile = ref<File | null>(null)\nconst csvData = ref<ParsedRow[]>([])\nconst csvColumns = ref<string[]>([])\nconst sampleColumn = ref<string>('')\nconst groupColumns = ref<string[]>([])\nconst isDragOver = ref(false)\nconst parseError = ref<string | null>(null)\n\nconst columnOptions = computed<SelectOption[]>(() =>\n  csvColumns.value.map(col => ({ value: col, label: col }))\n)\n\nconst availableGroupColumns = computed<SelectOption[]>(() =>\n  csvColumns.value\n    .filter(col => col !== sampleColumn.value && !groupColumns.value.includes(col))\n    .map(col => ({ value: col, label: col }))\n)\n\nconst matchedSamples = computed(() => {\n  if (!sampleColumn.value || csvData.value.length === 0) return []\n  const csvSampleValues = csvData.value.map(row => row[sampleColumn.value])\n  return props.samples.filter(sample => csvSampleValues.includes(sample))\n})\n\nconst unmatchedSamples = computed(() => {\n  if (!sampleColumn.value || csvData.value.length === 0) return []\n  const csvSampleValues = csvData.value.map(row => row[sampleColumn.value])\n  return props.samples.filter(sample => !csvSampleValues.includes(sample))\n})\n\nconst previewData = computed(() => {\n  if (csvData.value.length === 0) return []\n  return csvData.value.slice(0, 5)\n})\n\nconst canApply = computed(() =>\n  sampleColumn.value &&\n  groupColumns.value.length > 0 &&\n  matchedSamples.value.length > 0\n)\n\nwatch(() => props.open, (isOpen) => {\n  if (!isOpen) {\n    resetState()\n  }\n})\n\nfunction resetState() {\n  csvFile.value = null\n  csvData.value = []\n  csvColumns.value = []\n  sampleColumn.value = ''\n  groupColumns.value = []\n  parseError.value = null\n}\n\nfunction handleDrop(event: DragEvent) {\n  event.preventDefault()\n  isDragOver.value = false\n  const files = event.dataTransfer?.files\n  if (files && files.length > 0) {\n    handleFile(files[0])\n  }\n}\n\nfunction handleFileInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  if (target.files && target.files.length > 0) {\n    handleFile(target.files[0])\n  }\n}\n\nasync function handleFile(file: File) {\n  if (!file.name.endsWith('.csv')) {\n    parseError.value = 'Please upload a CSV file'\n    return\n  }\n\n  csvFile.value = file\n  parseError.value = null\n\n  try {\n    const text = await file.text()\n    parseCSV(text)\n  } catch {\n    parseError.value = 'Failed to read file'\n  }\n}\n\nfunction parseCSV(text: string) {\n  const lines = text.trim().split('\\n')\n  if (lines.length < 2) {\n    parseError.value = 'CSV must have at least a header and one data row'\n    return\n  }\n\n  const headers = parseCSVLine(lines[0])\n  csvColumns.value = headers\n\n  const data: ParsedRow[] = []\n  for (let i = 1; i < lines.length; i++) {\n    const values = parseCSVLine(lines[i])\n    if (values.length !== headers.length) continue\n\n    const row: ParsedRow = {}\n    headers.forEach((header, idx) => {\n      row[header] = values[idx]\n    })\n    data.push(row)\n  }\n\n  csvData.value = data\n\n  // Auto-select sample column if there's a likely match\n  const sampleColGuess = headers.find(h =>\n    h.toLowerCase().includes('sample') ||\n    h.toLowerCase().includes('name') ||\n    h.toLowerCase().includes('id')\n  )\n  if (sampleColGuess) {\n    sampleColumn.value = sampleColGuess\n  }\n}\n\nfunction parseCSVLine(line: string): string[] {\n  const result: string[] = []\n  let current = ''\n  let inQuotes = false\n\n  for (let i = 0; i < line.length; i++) {\n    const char = line[i]\n    if (char === '\"') {\n      inQuotes = !inQuotes\n    } else if (char === ',' && !inQuotes) {\n      result.push(current.trim())\n      current = ''\n    } else {\n      current += char\n    }\n  }\n  result.push(current.trim())\n\n  return result\n}\n\nfunction addGroupColumn(column: string) {\n  if (column && !groupColumns.value.includes(column)) {\n    groupColumns.value.push(column)\n  }\n}\n\nfunction removeGroupColumn(column: string) {\n  groupColumns.value = groupColumns.value.filter(c => c !== column)\n}\n\nfunction moveGroupColumn(index: number, direction: 'up' | 'down') {\n  const newIndex = direction === 'up' ? index - 1 : index + 1\n  if (newIndex < 0 || newIndex >= groupColumns.value.length) return\n\n  const cols = [...groupColumns.value]\n  const temp = cols[index]\n  cols[index] = cols[newIndex]\n  cols[newIndex] = temp\n  groupColumns.value = cols\n}\n\nfunction applyGrouping() {\n  if (!canApply.value) return\n\n  const mapping: Record<string, string[]> = {}\n\n  for (const row of csvData.value) {\n    const sampleName = row[sampleColumn.value]\n    if (!props.samples.includes(sampleName)) continue\n\n    // Build hierarchical group key\n    const groupKey = groupColumns.value.map(col => row[col]).join(' / ')\n\n    if (!mapping[groupKey]) {\n      mapping[groupKey] = []\n    }\n    mapping[groupKey].push(sampleName)\n  }\n\n  emit('apply', mapping, groupColumns.value)\n  emit('close')\n}\n\nfunction close() {\n  emit('close')\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"open\"\n    title=\"Group by Metadata\"\n    size=\"lg\"\n    @update:model-value=\"!$event && close()\"\n    @close=\"close\"\n  >\n    <div class=\"mld-grouping-modal\">\n      <!-- File upload area -->\n      <div\n        v-if=\"!csvFile\"\n        :class=\"[\n          'mld-grouping-modal__dropzone',\n          isDragOver ? 'mld-grouping-modal__dropzone--dragover' : '',\n        ]\"\n        @drop=\"handleDrop\"\n        @dragover.prevent=\"isDragOver = true\"\n        @dragleave=\"isDragOver = false\"\n      >\n        <input\n          type=\"file\"\n          accept=\".csv\"\n          class=\"mld-grouping-modal__file-input\"\n          @change=\"handleFileInput\"\n        />\n        <svg class=\"mld-grouping-modal__upload-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n        </svg>\n        <p class=\"mld-grouping-modal__upload-text\">\n          <span class=\"mld-grouping-modal__upload-highlight\">Click to upload</span>\n          or drag and drop a CSV file\n        </p>\n        <p class=\"mld-grouping-modal__upload-hint\">\n          CSV should contain sample names and grouping columns\n        </p>\n      </div>\n\n      <!-- Error message -->\n      <div v-if=\"parseError\" class=\"mld-grouping-modal__error\">\n        {{ parseError }}\n      </div>\n\n      <!-- Configuration section -->\n      <template v-if=\"csvFile && csvData.length > 0\">\n        <div class=\"mld-grouping-modal__file-info\">\n          <svg class=\"mld-grouping-modal__file-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n          </svg>\n          <span class=\"mld-grouping-modal__file-name\">{{ csvFile.name }}</span>\n          <button\n            type=\"button\"\n            class=\"mld-grouping-modal__file-clear\"\n            @click=\"resetState\"\n          >\n            Change file\n          </button>\n        </div>\n\n        <!-- Column selection -->\n        <div class=\"mld-grouping-modal__config\">\n          <div class=\"mld-grouping-modal__config-row\">\n            <label class=\"mld-grouping-modal__label\">Sample Column</label>\n            <BaseSelect\n              v-model=\"sampleColumn\"\n              :options=\"columnOptions\"\n              placeholder=\"Select sample column...\"\n            />\n          </div>\n\n          <div class=\"mld-grouping-modal__config-row\">\n            <label class=\"mld-grouping-modal__label\">Group Columns</label>\n            <div class=\"mld-grouping-modal__group-columns\">\n              <!-- Selected group columns with reordering -->\n              <div v-if=\"groupColumns.length > 0\" class=\"mld-grouping-modal__selected-columns\">\n                <div\n                  v-for=\"(col, index) in groupColumns\"\n                  :key=\"col\"\n                  class=\"mld-grouping-modal__selected-column\"\n                >\n                  <span class=\"mld-grouping-modal__column-name\">{{ col }}</span>\n                  <div class=\"mld-grouping-modal__column-actions\">\n                    <button\n                      type=\"button\"\n                      :disabled=\"index === 0\"\n                      class=\"mld-grouping-modal__column-btn\"\n                      @click=\"moveGroupColumn(index, 'up')\"\n                    >\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M18 15l-6-6-6 6\" />\n                      </svg>\n                    </button>\n                    <button\n                      type=\"button\"\n                      :disabled=\"index === groupColumns.length - 1\"\n                      class=\"mld-grouping-modal__column-btn\"\n                      @click=\"moveGroupColumn(index, 'down')\"\n                    >\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M6 9l6 6 6-6\" />\n                      </svg>\n                    </button>\n                    <button\n                      type=\"button\"\n                      class=\"mld-grouping-modal__column-btn mld-grouping-modal__column-btn--remove\"\n                      @click=\"removeGroupColumn(col)\"\n                    >\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M6 18L18 6M6 6l12 12\" />\n                      </svg>\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Add column dropdown -->\n              <BaseSelect\n                v-if=\"availableGroupColumns.length > 0\"\n                model-value=\"\"\n                :options=\"availableGroupColumns\"\n                placeholder=\"Add group column...\"\n                @update:model-value=\"addGroupColumn($event as string)\"\n              />\n            </div>\n          </div>\n        </div>\n\n        <!-- Match status -->\n        <div v-if=\"sampleColumn\" class=\"mld-grouping-modal__match-status\">\n          <div class=\"mld-grouping-modal__match-stat mld-grouping-modal__match-stat--matched\">\n            <span class=\"mld-grouping-modal__match-count\">{{ matchedSamples.length }}</span>\n            <span class=\"mld-grouping-modal__match-label\">samples matched</span>\n          </div>\n          <div\n            v-if=\"unmatchedSamples.length > 0\"\n            class=\"mld-grouping-modal__match-stat mld-grouping-modal__match-stat--unmatched\"\n          >\n            <span class=\"mld-grouping-modal__match-count\">{{ unmatchedSamples.length }}</span>\n            <span class=\"mld-grouping-modal__match-label\">samples not found in CSV</span>\n          </div>\n        </div>\n\n        <!-- Preview table -->\n        <div v-if=\"previewData.length > 0\" class=\"mld-grouping-modal__preview\">\n          <h4 class=\"mld-grouping-modal__preview-title\">Data Preview</h4>\n          <div class=\"mld-grouping-modal__table-wrapper\">\n            <table class=\"mld-grouping-modal__table\">\n              <thead>\n                <tr>\n                  <th\n                    v-for=\"col in csvColumns\"\n                    :key=\"col\"\n                    :class=\"[\n                      'mld-grouping-modal__th',\n                      col === sampleColumn ? 'mld-grouping-modal__th--sample' : '',\n                      groupColumns.includes(col) ? 'mld-grouping-modal__th--group' : '',\n                    ]\"\n                  >\n                    {{ col }}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(row, idx) in previewData\" :key=\"idx\">\n                  <td\n                    v-for=\"col in csvColumns\"\n                    :key=\"col\"\n                    :class=\"[\n                      'mld-grouping-modal__td',\n                      col === sampleColumn ? 'mld-grouping-modal__td--sample' : '',\n                      groupColumns.includes(col) ? 'mld-grouping-modal__td--group' : '',\n                    ]\"\n                  >\n                    {{ row[col] }}\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n          <p v-if=\"csvData.length > 5\" class=\"mld-grouping-modal__preview-note\">\n            Showing 5 of {{ csvData.length }} rows\n          </p>\n        </div>\n      </template>\n    </div>\n\n    <template #footer>\n      <div class=\"mld-grouping-modal__footer\">\n        <BaseButton variant=\"secondary\" @click=\"close\">Cancel</BaseButton>\n        <BaseButton\n          variant=\"primary\"\n          :disabled=\"!canApply\"\n          @click=\"applyGrouping\"\n        >\n          Apply Grouping\n        </BaseButton>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/grouping-modal.css';\n</style>\n"],"names":["_createBlock","BaseModal","_createElementVNode","_createVNode","BaseButton","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment","BaseSelect","_openBlock","_renderList"],"mappings":"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"}

package/dist/components/GroupingModal.vue3.js

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

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

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

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

@@ -0,0 +1,34 @@
+import { ButtonVariant, ButtonSize } from '../types';
+interface Props {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    label: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/IconButton.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+const _hoisted_1 = ["disabled", "aria-label", "title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconButton",
+  props: {
+    variant: { default: "ghost" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    label: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick(event) {
+      if (!props.disabled && !props.loading) {
+        emit("click", event);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        disabled: __props.disabled || __props.loading,
+        "aria-label": __props.label,
+        title: __props.label,
+        class: normalizeClass([
+          "mld-icon-button",
+          `mld-icon-button--${__props.variant}`,
+          `mld-icon-button--${__props.size}`,
+          __props.disabled || __props.loading ? "mld-icon-button--disabled" : ""
+        ]),
+        onClick: handleClick
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("svg", {
+          key: 0,
+          class: normalizeClass(["mld-icon-button__spinner", `mld-icon-button__icon--${__props.size}`]),
+          fill: "none",
+          viewBox: "0 0 24 24"
+        }, [..._cache[0] || (_cache[0] = [
+          createElementVNode("circle", {
+            style: { "opacity": "0.25" },
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }, null, -1),
+          createElementVNode("path", {
+            style: { "opacity": "0.75" },
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }, null, -1)
+        ])], 2)) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(`mld-icon-button__icon--${__props.size}`)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2))
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconButton.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.vue.js","sources":["../../src/components/IconButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  label: string // Required for accessibility\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'ghost',\n  size: 'md',\n  disabled: false,\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :disabled=\"disabled || loading\"\n    :aria-label=\"label\"\n    :title=\"label\"\n    :class=\"[\n      'mld-icon-button',\n      `mld-icon-button--${variant}`,\n      `mld-icon-button--${size}`,\n      (disabled || loading) ? 'mld-icon-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      :class=\"['mld-icon-button__spinner', `mld-icon-button__icon--${size}`]\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <span v-else :class=\"`mld-icon-button__icon--${size}`\">\n      <slot />\n    </span>\n  </button>\n</template>\n\n<style>\n@import '../styles/components/icon-button.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAIb,aAAS,YAAY,OAAmB;AACtC,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,SAAS;AACrC,aAAK,SAAS,KAAK;AAAA,MACrB;AAAA,IACF;;0BAIEA,mBAoCS,UAAA;AAAA,QAnCP,MAAK;AAAA,QACJ,UAAU,QAAA,YAAY,QAAA;AAAA,QACtB,cAAY,QAAA;AAAA,QACZ,OAAO,QAAA;AAAA,QACP,OAAKC,eAAA;AAAA;8BAAuD,QAAA,OAAO;AAAA,8BAA8B,QAAA,IAAI;AAAA,UAAW,QAAA,YAAY,QAAA,UAAO,8BAAA;AAAA,QAAA;QAMnI,SAAO;AAAA,MAAA;QAGA,QAAA,wBADRD,mBAmBM,OAAA;AAAA;UAjBH,6EAA8D,QAAA,IAAI,EAAA,CAAA;AAAA,UACnE,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;UAERE,mBAOE,UAAA;AAAA,YANA,OAAA,EAAA,WAAA,OAAA;AAAA,YACA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,mBAIE,QAAA;AAAA,YAHA,OAAA,EAAA,WAAA,OAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;iCAGNF,mBAEO,QAAA;AAAA;UAFO,gDAAiC,QAAA,IAAI,EAAA;AAAA,QAAA;UACjDG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/components/IconButton.vue3.js

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

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

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

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

@@ -0,0 +1,11 @@
+interface Props {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'cta' | 'muted';
+    label?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    variant: "primary" | "cta" | "muted";
+    size: "xs" | "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;