@morscherlab/mld-sdk 0.6.0

package/dist/components/FormulaInput.vue.js

@@ -0,0 +1,121 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { useChemicalFormula } from "../composables/useChemicalFormula.js";
+const _hoisted_1 = { class: "mld-formula-input__field" };
+const _hoisted_2 = ["value", "placeholder", "disabled"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-formula-input__preview"
+};
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 1,
+  style: { "vertical-align": "sub", "font-size": "0.75em", "line-height": "0" }
+};
+const _hoisted_6 = {
+  key: 2,
+  style: { "vertical-align": "super", "font-size": "0.75em", "line-height": "0" }
+};
+const _hoisted_7 = {
+  key: 3,
+  style: { "color": "var(--text-secondary)" }
+};
+const _hoisted_8 = {
+  key: 4,
+  style: { "margin": "0 0.125em", "color": "var(--text-muted)" }
+};
+const _hoisted_9 = {
+  key: 5,
+  style: { "vertical-align": "super", "font-size": "0.75em", "line-height": "0" }
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "mld-formula-input__mw"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "mld-formula-input__error-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormulaInput",
+  props: {
+    modelValue: { default: "" },
+    showPreview: { type: Boolean, default: true },
+    showMW: { type: Boolean, default: true },
+    placeholder: { default: "e.g. Ca(OH)2" },
+    error: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "mw"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { parseFormula, calculateMW, renderFormulaParts } = useChemicalFormula();
+    function getParseResult(value) {
+      if (!value) return null;
+      return parseFormula(value);
+    }
+    function getMW(value) {
+      const result = getParseResult(value);
+      if (!result || !result.valid) return null;
+      return calculateMW(result.elements);
+    }
+    function getParts(value) {
+      if (!value) return [];
+      return renderFormulaParts(value);
+    }
+    function getError(value) {
+      if (!value) return null;
+      const result = getParseResult(value);
+      if (!result) return null;
+      if (!result.valid) return result.error || "Invalid formula";
+      return null;
+    }
+    function formatMW(value) {
+      const mw = getMW(value);
+      if (mw === null) return "";
+      return `${mw.toFixed(2)} g/mol`;
+    }
+    function handleInput(event) {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+      emit("mw", getMW(target.value));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-formula-input",
+          __props.error ? "mld-formula-input--error" : "",
+          __props.disabled ? "mld-formula-input--disabled" : ""
+        ])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("input", {
+            type: "text",
+            value: __props.modelValue,
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: normalizeClass([
+              "mld-formula-input__input",
+              `mld-formula-input__input--${__props.size}`
+            ]),
+            "aria-label": "Chemical formula",
+            onInput: handleInput
+          }, null, 42, _hoisted_2),
+          __props.showPreview && __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(getParts(__props.modelValue), (part, i) => {
+              return openBlock(), createElementBlock(Fragment, { key: i }, [
+                part.type === "element" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(part.text), 1)) : part.type === "subscript" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(part.text), 1)) : part.type === "superscript" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(part.text), 1)) : part.type === "paren" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(part.text), 1)) : part.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(part.text), 1)) : part.type === "charge" ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(part.text), 1)) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]),
+        __props.showMW && __props.modelValue && !getError(__props.modelValue) && getMW(__props.modelValue) !== null ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(formatMW(__props.modelValue)), 1)) : createCommentVNode("", true),
+        __props.modelValue && getError(__props.modelValue) ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(getError(__props.modelValue)), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormulaInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormulaInput.vue.js","sources":["../../src/components/FormulaInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useChemicalFormula, type FormulaPart } from '../composables/useChemicalFormula'\n\ninterface Props {\n  modelValue?: string\n  showPreview?: boolean\n  showMW?: boolean\n  placeholder?: string\n  error?: boolean\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n}\n\nwithDefaults(defineProps<Props>(), {\n  modelValue: '',\n  showPreview: true,\n  showMW: true,\n  placeholder: 'e.g. Ca(OH)2',\n  error: false,\n  disabled: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'mw': [mw: number | null]\n}>()\n\nconst { parseFormula, calculateMW, renderFormulaParts } = useChemicalFormula()\n\nfunction getParseResult(value: string) {\n  if (!value) return null\n  return parseFormula(value)\n}\n\nfunction getMW(value: string): number | null {\n  const result = getParseResult(value)\n  if (!result || !result.valid) return null\n  return calculateMW(result.elements)\n}\n\nfunction getParts(value: string): FormulaPart[] {\n  if (!value) return []\n  return renderFormulaParts(value)\n}\n\nfunction getError(value: string): string | null {\n  if (!value) return null\n  const result = getParseResult(value)\n  if (!result) return null\n  if (!result.valid) return result.error || 'Invalid formula'\n  return null\n}\n\nfunction formatMW(value: string): string {\n  const mw = getMW(value)\n  if (mw === null) return ''\n  return `${mw.toFixed(2)} g/mol`\n}\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  emit('update:modelValue', target.value)\n  emit('mw', getMW(target.value))\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-formula-input',\n      error ? 'mld-formula-input--error' : '',\n      disabled ? 'mld-formula-input--disabled' : '',\n    ]\"\n  >\n    <div class=\"mld-formula-input__field\">\n      <input\n        type=\"text\"\n        :value=\"modelValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :class=\"[\n          'mld-formula-input__input',\n          `mld-formula-input__input--${size}`,\n        ]\"\n        aria-label=\"Chemical formula\"\n        @input=\"handleInput\"\n      />\n\n      <div\n        v-if=\"showPreview && modelValue\"\n        class=\"mld-formula-input__preview\"\n      >\n        <template v-for=\"(part, i) in getParts(modelValue)\" :key=\"i\">\n          <span v-if=\"part.type === 'element'\">{{ part.text }}</span>\n          <span v-else-if=\"part.type === 'subscript'\" style=\"vertical-align: sub; font-size: 0.75em; line-height: 0;\">{{ part.text }}</span>\n          <span v-else-if=\"part.type === 'superscript'\" style=\"vertical-align: super; font-size: 0.75em; line-height: 0;\">{{ part.text }}</span>\n          <span v-else-if=\"part.type === 'paren'\" style=\"color: var(--text-secondary);\">{{ part.text }}</span>\n          <span v-else-if=\"part.type === 'dot'\" style=\"margin: 0 0.125em; color: var(--text-muted);\">{{ part.text }}</span>\n          <span v-else-if=\"part.type === 'charge'\" style=\"vertical-align: super; font-size: 0.75em; line-height: 0;\">{{ part.text }}</span>\n        </template>\n      </div>\n    </div>\n\n    <div\n      v-if=\"showMW && modelValue && !getError(modelValue) && getMW(modelValue) !== null\"\n      class=\"mld-formula-input__mw\"\n    >\n      {{ formatMW(modelValue) }}\n    </div>\n\n    <div\n      v-if=\"modelValue && getError(modelValue)\"\n      class=\"mld-formula-input__error-text\"\n    >\n      {{ getError(modelValue) }}\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/formula-input.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_Fragment","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,OAAO;AAKb,UAAM,EAAE,cAAc,aAAa,mBAAA,IAAuB,mBAAA;AAE1D,aAAS,eAAe,OAAe;AACrC,UAAI,CAAC,MAAO,QAAO;AACnB,aAAO,aAAa,KAAK;AAAA,IAC3B;AAEA,aAAS,MAAM,OAA8B;AAC3C,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,CAAC,UAAU,CAAC,OAAO,MAAO,QAAO;AACrC,aAAO,YAAY,OAAO,QAAQ;AAAA,IACpC;AAEA,aAAS,SAAS,OAA8B;AAC9C,UAAI,CAAC,MAAO,QAAO,CAAA;AACnB,aAAO,mBAAmB,KAAK;AAAA,IACjC;AAEA,aAAS,SAAS,OAA8B;AAC9C,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,CAAC,OAAQ,QAAO;AACpB,UAAI,CAAC,OAAO,MAAO,QAAO,OAAO,SAAS;AAC1C,aAAO;AAAA,IACT;AAEA,aAAS,SAAS,OAAuB;AACvC,YAAM,KAAK,MAAM,KAAK;AACtB,UAAI,OAAO,KAAM,QAAO;AACxB,aAAO,GAAG,GAAG,QAAQ,CAAC,CAAC;AAAA,IACzB;AAEA,aAAS,YAAY,OAAc;AACjC,YAAM,SAAS,MAAM;AACrB,WAAK,qBAAqB,OAAO,KAAK;AACtC,WAAK,MAAM,MAAM,OAAO,KAAK,CAAC;AAAA,IAChC;;0BAIEA,mBAiDM,OAAA;AAAA,QAhDH,OAAKC,eAAA;AAAA;UAAqC,QAAA,QAAK,6BAAA;AAAA,UAA0C,QAAA,WAAQ,gCAAA;AAAA,QAAA;;QAMlGC,mBA2BM,OA3BN,YA2BM;AAAA,UA1BJA,mBAWE,SAAA;AAAA,YAVA,MAAK;AAAA,YACJ,OAAO,QAAA;AAAA,YACP,aAAa,QAAA;AAAA,YACb,UAAU,QAAA;AAAA,YACV,OAAKD,eAAA;AAAA;2CAAiF,QAAA,IAAI;AAAA,YAAA;YAI3F,cAAW;AAAA,YACV,SAAO;AAAA,UAAA;UAIF,QAAA,eAAe,QAAA,cADvBE,aAAAH,mBAYM,OAZN,YAYM;AAAA,aARJG,UAAA,IAAA,GAAAH,mBAOWI,2BAPmB,SAAS,kBAAU,GAAA,CAA/B,MAAM,MAAC;sEAAiC,KAAC;AAAA,gBAC7C,KAAK,SAAI,0BAArBJ,mBAA2D,QAAA,YAAAK,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAChC,KAAK,SAAI,eAA1BF,aAAAH,mBAAkI,QAAlI,YAAkIK,gBAAnB,KAAK,IAAI,GAAA,CAAA,KACvG,KAAK,SAAI,iBAA1BF,aAAAH,mBAAsI,QAAtI,YAAsIK,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAC3G,KAAK,SAAI,WAA1BF,aAAAH,mBAAoG,QAApG,YAAoGK,gBAAnB,KAAK,IAAI,GAAA,CAAA,KACzE,KAAK,SAAI,SAA1BF,aAAAH,mBAAiH,QAAjH,YAAiHK,gBAAnB,KAAK,IAAI,GAAA,CAAA,KACtF,KAAK,SAAI,YAA1BF,aAAAH,mBAAiI,QAAjI,YAAiIK,gBAAnB,KAAK,IAAI,GAAA,CAAA;;;;;QAMrH,QAAA,UAAU,sBAAU,CAAK,SAAS,QAAA,UAAU,KAAK,MAAM,QAAA,UAAU,MAAA,QADzEF,aAAAH,mBAKM,OALN,aAKMK,gBADD,SAAS,QAAA,UAAU,CAAA,GAAA,CAAA;QAIhB,QAAA,cAAc,SAAS,QAAA,UAAU,KADzCF,UAAA,GAAAH,mBAKM,OALN,aAKMK,gBADD,SAAS,QAAA,UAAU,CAAA,GAAA,CAAA;;;;;"}

package/dist/components/FormulaInput.vue3.js

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

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

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

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

@@ -0,0 +1,25 @@
+import { GroupItem } from '../types';
+interface Props {
+    groups: GroupItem[];
+    group1: string[];
+    group2: string[];
+    label1?: string;
+    label2?: string;
+    color1?: string;
+    color2?: string;
+    minPerGroup?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:group1": (names: string[]) => any;
+    "update:group2": (names: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:group1"?: ((names: string[]) => any) | undefined;
+    "onUpdate:group2"?: ((names: string[]) => any) | undefined;
+}>, {
+    label1: string;
+    label2: string;
+    color1: string;
+    color2: string;
+    minPerGroup: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/GroupAssigner.vue.js

@@ -0,0 +1,311 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createCommentVNode, createTextVNode } from "vue";
+const _hoisted_1 = { class: "mld-group-assigner" };
+const _hoisted_2 = { class: "mld-group-assigner__zones" };
+const _hoisted_3 = { class: "mld-group-assigner__zone-header" };
+const _hoisted_4 = { class: "mld-group-assigner__zone-label" };
+const _hoisted_5 = { class: "mld-group-assigner__zone-count" };
+const _hoisted_6 = { class: "mld-group-assigner__zone-content" };
+const _hoisted_7 = ["onDragstart"];
+const _hoisted_8 = { class: "mld-group-assigner__pill-name" };
+const _hoisted_9 = { class: "mld-group-assigner__pill-count" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  key: 0,
+  class: "mld-group-assigner__zone-empty"
+};
+const _hoisted_12 = { class: "mld-group-assigner__zone-header" };
+const _hoisted_13 = { class: "mld-group-assigner__zone-label" };
+const _hoisted_14 = { class: "mld-group-assigner__zone-count" };
+const _hoisted_15 = { class: "mld-group-assigner__zone-content" };
+const _hoisted_16 = ["onDragstart"];
+const _hoisted_17 = { class: "mld-group-assigner__pill-name" };
+const _hoisted_18 = { class: "mld-group-assigner__pill-count" };
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = {
+  key: 0,
+  class: "mld-group-assigner__zone-empty"
+};
+const _hoisted_21 = {
+  key: 0,
+  class: "mld-group-assigner__unassigned"
+};
+const _hoisted_22 = { class: "mld-group-assigner__unassigned-header" };
+const _hoisted_23 = { class: "mld-group-assigner__unassigned-list" };
+const _hoisted_24 = ["onDragstart"];
+const _hoisted_25 = { class: "mld-group-assigner__pill-name" };
+const _hoisted_26 = { class: "mld-group-assigner__pill-count" };
+const _hoisted_27 = {
+  key: 1,
+  class: "mld-group-assigner__validation"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupAssigner",
+  props: {
+    groups: {},
+    group1: {},
+    group2: {},
+    label1: { default: "Control" },
+    label2: { default: "Treatment" },
+    color1: { default: "#3B82F6" },
+    color2: { default: "#F43F5E" },
+    minPerGroup: { default: 1 }
+  },
+  emits: ["update:group1", "update:group2"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dragOverZone = ref(null);
+    const draggingGroup = ref(null);
+    const unassignedGroups = computed(
+      () => props.groups.filter(
+        (g) => !props.group1.includes(g.name) && !props.group2.includes(g.name)
+      )
+    );
+    const zone1Groups = computed(
+      () => props.groups.filter((g) => props.group1.includes(g.name))
+    );
+    const zone2Groups = computed(
+      () => props.groups.filter((g) => props.group2.includes(g.name))
+    );
+    const zone1Count = computed(
+      () => zone1Groups.value.reduce((sum, g) => sum + g.count, 0)
+    );
+    const zone2Count = computed(
+      () => zone2Groups.value.reduce((sum, g) => sum + g.count, 0)
+    );
+    const isValid = computed(
+      () => props.group1.length >= props.minPerGroup && props.group2.length >= props.minPerGroup
+    );
+    const validationMessage = computed(() => {
+      if (isValid.value) return null;
+      const missing1 = Math.max(0, props.minPerGroup - props.group1.length);
+      const missing2 = Math.max(0, props.minPerGroup - props.group2.length);
+      const parts = [];
+      if (missing1 > 0) parts.push(`${missing1} more to ${props.label1}`);
+      if (missing2 > 0) parts.push(`${missing2} more to ${props.label2}`);
+      return `Add ${parts.join(" and ")}`;
+    });
+    function handleDragStart(event, groupName) {
+      var _a;
+      draggingGroup.value = groupName;
+      (_a = event.dataTransfer) == null ? void 0 : _a.setData("groupName", groupName);
+      event.dataTransfer.effectAllowed = "move";
+    }
+    function handleDragEnd() {
+      draggingGroup.value = null;
+      dragOverZone.value = null;
+    }
+    function handleDragOver(event, zone) {
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+      dragOverZone.value = zone;
+    }
+    function handleDragLeave() {
+      dragOverZone.value = null;
+    }
+    function handleDrop(event, zone) {
+      var _a;
+      event.preventDefault();
+      dragOverZone.value = null;
+      const groupName = (_a = event.dataTransfer) == null ? void 0 : _a.getData("groupName");
+      if (!groupName) return;
+      assignToZone(groupName, zone);
+    }
+    function assignToZone(groupName, zone) {
+      const newGroup1 = props.group1.filter((n) => n !== groupName);
+      const newGroup2 = props.group2.filter((n) => n !== groupName);
+      if (zone === "zone1") {
+        emit("update:group1", [...newGroup1, groupName]);
+        emit("update:group2", newGroup2);
+      } else {
+        emit("update:group1", newGroup1);
+        emit("update:group2", [...newGroup2, groupName]);
+      }
+    }
+    function removeFromZone(groupName, zone) {
+      if (zone === "zone1") {
+        emit("update:group1", props.group1.filter((n) => n !== groupName));
+      } else {
+        emit("update:group2", props.group2.filter((n) => n !== groupName));
+      }
+    }
+    function clearAll() {
+      emit("update:group1", []);
+      emit("update:group2", []);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "mld-group-assigner__zone",
+              "mld-group-assigner__zone--1",
+              dragOverZone.value === "zone1" ? "mld-group-assigner__zone--dragover" : ""
+            ]),
+            style: normalizeStyle({ "--zone-color": __props.color1 }),
+            onDragover: _cache[0] || (_cache[0] = ($event) => handleDragOver($event, "zone1")),
+            onDragleave: handleDragLeave,
+            onDrop: _cache[1] || (_cache[1] = ($event) => handleDrop($event, "zone1"))
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("span", _hoisted_4, toDisplayString(__props.label1), 1),
+              createElementVNode("span", _hoisted_5, toDisplayString(zone1Count.value) + " samples", 1)
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(zone1Groups.value, (group) => {
+                return openBlock(), createElementBlock("div", {
+                  key: group.name,
+                  class: "mld-group-assigner__pill",
+                  draggable: "true",
+                  onDragstart: ($event) => handleDragStart($event, group.name),
+                  onDragend: handleDragEnd
+                }, [
+                  createElementVNode("span", {
+                    class: "mld-group-assigner__pill-color",
+                    style: normalizeStyle({ backgroundColor: group.color })
+                  }, null, 4),
+                  createElementVNode("span", _hoisted_8, toDisplayString(group.name), 1),
+                  createElementVNode("span", _hoisted_9, toDisplayString(group.count), 1),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-group-assigner__pill-remove",
+                    onClick: ($event) => removeFromZone(group.name, "zone1")
+                  }, [..._cache[4] || (_cache[4] = [
+                    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_10)
+                ], 40, _hoisted_7);
+              }), 128)),
+              zone1Groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, " Drag groups here ")) : createCommentVNode("", true)
+            ])
+          ], 38),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "mld-group-assigner__zone",
+              "mld-group-assigner__zone--2",
+              dragOverZone.value === "zone2" ? "mld-group-assigner__zone--dragover" : ""
+            ]),
+            style: normalizeStyle({ "--zone-color": __props.color2 }),
+            onDragover: _cache[2] || (_cache[2] = ($event) => handleDragOver($event, "zone2")),
+            onDragleave: handleDragLeave,
+            onDrop: _cache[3] || (_cache[3] = ($event) => handleDrop($event, "zone2"))
+          }, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("span", _hoisted_13, toDisplayString(__props.label2), 1),
+              createElementVNode("span", _hoisted_14, toDisplayString(zone2Count.value) + " samples", 1)
+            ]),
+            createElementVNode("div", _hoisted_15, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(zone2Groups.value, (group) => {
+                return openBlock(), createElementBlock("div", {
+                  key: group.name,
+                  class: "mld-group-assigner__pill",
+                  draggable: "true",
+                  onDragstart: ($event) => handleDragStart($event, group.name),
+                  onDragend: handleDragEnd
+                }, [
+                  createElementVNode("span", {
+                    class: "mld-group-assigner__pill-color",
+                    style: normalizeStyle({ backgroundColor: group.color })
+                  }, null, 4),
+                  createElementVNode("span", _hoisted_17, toDisplayString(group.name), 1),
+                  createElementVNode("span", _hoisted_18, toDisplayString(group.count), 1),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-group-assigner__pill-remove",
+                    onClick: ($event) => removeFromZone(group.name, "zone2")
+                  }, [..._cache[5] || (_cache[5] = [
+                    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_19)
+                ], 40, _hoisted_16);
+              }), 128)),
+              zone2Groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20, " Drag groups here ")) : createCommentVNode("", true)
+            ])
+          ], 38)
+        ]),
+        unassignedGroups.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_21, [
+          createElementVNode("div", _hoisted_22, [
+            _cache[6] || (_cache[6] = createElementVNode("span", { class: "mld-group-assigner__unassigned-title" }, "Available Groups", -1)),
+            __props.group1.length > 0 || __props.group2.length > 0 ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "mld-group-assigner__clear-btn",
+              onClick: clearAll
+            }, " Clear all ")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_23, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unassignedGroups.value, (group) => {
+              return openBlock(), createElementBlock("div", {
+                key: group.name,
+                class: normalizeClass([
+                  "mld-group-assigner__pill",
+                  "mld-group-assigner__pill--unassigned",
+                  draggingGroup.value === group.name ? "mld-group-assigner__pill--dragging" : ""
+                ]),
+                draggable: "true",
+                onDragstart: ($event) => handleDragStart($event, group.name),
+                onDragend: handleDragEnd
+              }, [
+                createElementVNode("span", {
+                  class: "mld-group-assigner__pill-color",
+                  style: normalizeStyle({ backgroundColor: group.color })
+                }, null, 4),
+                createElementVNode("span", _hoisted_25, toDisplayString(group.name), 1),
+                createElementVNode("span", _hoisted_26, toDisplayString(group.count), 1)
+              ], 42, _hoisted_24);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true),
+        validationMessage.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
+          _cache[7] || (_cache[7] = createElementVNode("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "8",
+              x2: "12",
+              y2: "12"
+            }),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "16",
+              x2: "12.01",
+              y2: "16"
+            })
+          ], -1)),
+          createTextVNode(" " + toDisplayString(validationMessage.value), 1)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GroupAssigner.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupAssigner.vue.js","sources":["../../src/components/GroupAssigner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport type { GroupItem } from '../types'\n\ninterface Props {\n  groups: GroupItem[]\n  group1: string[]\n  group2: string[]\n  label1?: string\n  label2?: string\n  color1?: string\n  color2?: string\n  minPerGroup?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  label1: 'Control',\n  label2: 'Treatment',\n  color1: '#3B82F6',\n  color2: '#F43F5E',\n  minPerGroup: 1,\n})\n\nconst emit = defineEmits<{\n  'update:group1': [names: string[]]\n  'update:group2': [names: string[]]\n}>()\n\nconst dragOverZone = ref<'zone1' | 'zone2' | null>(null)\nconst draggingGroup = ref<string | null>(null)\n\nconst unassignedGroups = computed(() =>\n  props.groups.filter(\n    g => !props.group1.includes(g.name) && !props.group2.includes(g.name)\n  )\n)\n\nconst zone1Groups = computed(() =>\n  props.groups.filter(g => props.group1.includes(g.name))\n)\n\nconst zone2Groups = computed(() =>\n  props.groups.filter(g => props.group2.includes(g.name))\n)\n\nconst zone1Count = computed(() =>\n  zone1Groups.value.reduce((sum, g) => sum + g.count, 0)\n)\n\nconst zone2Count = computed(() =>\n  zone2Groups.value.reduce((sum, g) => sum + g.count, 0)\n)\n\nconst isValid = computed(() =>\n  props.group1.length >= props.minPerGroup &&\n  props.group2.length >= props.minPerGroup\n)\n\nconst validationMessage = computed(() => {\n  if (isValid.value) return null\n  const missing1 = Math.max(0, props.minPerGroup - props.group1.length)\n  const missing2 = Math.max(0, props.minPerGroup - props.group2.length)\n  const parts: string[] = []\n  if (missing1 > 0) parts.push(`${missing1} more to ${props.label1}`)\n  if (missing2 > 0) parts.push(`${missing2} more to ${props.label2}`)\n  return `Add ${parts.join(' and ')}`\n})\n\nfunction handleDragStart(event: DragEvent, groupName: string) {\n  draggingGroup.value = groupName\n  event.dataTransfer?.setData('groupName', groupName)\n  event.dataTransfer!.effectAllowed = 'move'\n}\n\nfunction handleDragEnd() {\n  draggingGroup.value = null\n  dragOverZone.value = null\n}\n\nfunction handleDragOver(event: DragEvent, zone: 'zone1' | 'zone2') {\n  event.preventDefault()\n  event.dataTransfer!.dropEffect = 'move'\n  dragOverZone.value = zone\n}\n\nfunction handleDragLeave() {\n  dragOverZone.value = null\n}\n\nfunction handleDrop(event: DragEvent, zone: 'zone1' | 'zone2') {\n  event.preventDefault()\n  dragOverZone.value = null\n\n  const groupName = event.dataTransfer?.getData('groupName')\n  if (!groupName) return\n\n  assignToZone(groupName, zone)\n}\n\nfunction assignToZone(groupName: string, zone: 'zone1' | 'zone2') {\n  // Remove from both zones first\n  const newGroup1 = props.group1.filter(n => n !== groupName)\n  const newGroup2 = props.group2.filter(n => n !== groupName)\n\n  // Add to target zone\n  if (zone === 'zone1') {\n    emit('update:group1', [...newGroup1, groupName])\n    emit('update:group2', newGroup2)\n  } else {\n    emit('update:group1', newGroup1)\n    emit('update:group2', [...newGroup2, groupName])\n  }\n}\n\nfunction removeFromZone(groupName: string, zone: 'zone1' | 'zone2') {\n  if (zone === 'zone1') {\n    emit('update:group1', props.group1.filter(n => n !== groupName))\n  } else {\n    emit('update:group2', props.group2.filter(n => n !== groupName))\n  }\n}\n\nfunction clearAll() {\n  emit('update:group1', [])\n  emit('update:group2', [])\n}\n</script>\n\n<template>\n  <div class=\"mld-group-assigner\">\n    <!-- Drop zones -->\n    <div class=\"mld-group-assigner__zones\">\n      <!-- Zone 1 (Control) -->\n      <div\n        :class=\"[\n          'mld-group-assigner__zone',\n          'mld-group-assigner__zone--1',\n          dragOverZone === 'zone1' ? 'mld-group-assigner__zone--dragover' : '',\n        ]\"\n        :style=\"{ '--zone-color': color1 }\"\n        @dragover=\"handleDragOver($event, 'zone1')\"\n        @dragleave=\"handleDragLeave\"\n        @drop=\"handleDrop($event, 'zone1')\"\n      >\n        <div class=\"mld-group-assigner__zone-header\">\n          <span class=\"mld-group-assigner__zone-label\">{{ label1 }}</span>\n          <span class=\"mld-group-assigner__zone-count\">{{ zone1Count }} samples</span>\n        </div>\n\n        <div class=\"mld-group-assigner__zone-content\">\n          <div\n            v-for=\"group in zone1Groups\"\n            :key=\"group.name\"\n            class=\"mld-group-assigner__pill\"\n            draggable=\"true\"\n            @dragstart=\"handleDragStart($event, group.name)\"\n            @dragend=\"handleDragEnd\"\n          >\n            <span\n              class=\"mld-group-assigner__pill-color\"\n              :style=\"{ backgroundColor: group.color }\"\n            />\n            <span class=\"mld-group-assigner__pill-name\">{{ group.name }}</span>\n            <span class=\"mld-group-assigner__pill-count\">{{ group.count }}</span>\n            <button\n              type=\"button\"\n              class=\"mld-group-assigner__pill-remove\"\n              @click=\"removeFromZone(group.name, 'zone1')\"\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\n          <div v-if=\"zone1Groups.length === 0\" class=\"mld-group-assigner__zone-empty\">\n            Drag groups here\n          </div>\n        </div>\n      </div>\n\n      <!-- Zone 2 (Treatment) -->\n      <div\n        :class=\"[\n          'mld-group-assigner__zone',\n          'mld-group-assigner__zone--2',\n          dragOverZone === 'zone2' ? 'mld-group-assigner__zone--dragover' : '',\n        ]\"\n        :style=\"{ '--zone-color': color2 }\"\n        @dragover=\"handleDragOver($event, 'zone2')\"\n        @dragleave=\"handleDragLeave\"\n        @drop=\"handleDrop($event, 'zone2')\"\n      >\n        <div class=\"mld-group-assigner__zone-header\">\n          <span class=\"mld-group-assigner__zone-label\">{{ label2 }}</span>\n          <span class=\"mld-group-assigner__zone-count\">{{ zone2Count }} samples</span>\n        </div>\n\n        <div class=\"mld-group-assigner__zone-content\">\n          <div\n            v-for=\"group in zone2Groups\"\n            :key=\"group.name\"\n            class=\"mld-group-assigner__pill\"\n            draggable=\"true\"\n            @dragstart=\"handleDragStart($event, group.name)\"\n            @dragend=\"handleDragEnd\"\n          >\n            <span\n              class=\"mld-group-assigner__pill-color\"\n              :style=\"{ backgroundColor: group.color }\"\n            />\n            <span class=\"mld-group-assigner__pill-name\">{{ group.name }}</span>\n            <span class=\"mld-group-assigner__pill-count\">{{ group.count }}</span>\n            <button\n              type=\"button\"\n              class=\"mld-group-assigner__pill-remove\"\n              @click=\"removeFromZone(group.name, 'zone2')\"\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\n          <div v-if=\"zone2Groups.length === 0\" class=\"mld-group-assigner__zone-empty\">\n            Drag groups here\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Unassigned groups -->\n    <div v-if=\"unassignedGroups.length > 0\" class=\"mld-group-assigner__unassigned\">\n      <div class=\"mld-group-assigner__unassigned-header\">\n        <span class=\"mld-group-assigner__unassigned-title\">Available Groups</span>\n        <button\n          v-if=\"group1.length > 0 || group2.length > 0\"\n          type=\"button\"\n          class=\"mld-group-assigner__clear-btn\"\n          @click=\"clearAll\"\n        >\n          Clear all\n        </button>\n      </div>\n\n      <div class=\"mld-group-assigner__unassigned-list\">\n        <div\n          v-for=\"group in unassignedGroups\"\n          :key=\"group.name\"\n          :class=\"[\n            'mld-group-assigner__pill',\n            'mld-group-assigner__pill--unassigned',\n            draggingGroup === group.name ? 'mld-group-assigner__pill--dragging' : '',\n          ]\"\n          draggable=\"true\"\n          @dragstart=\"handleDragStart($event, group.name)\"\n          @dragend=\"handleDragEnd\"\n        >\n          <span\n            class=\"mld-group-assigner__pill-color\"\n            :style=\"{ backgroundColor: group.color }\"\n          />\n          <span class=\"mld-group-assigner__pill-name\">{{ group.name }}</span>\n          <span class=\"mld-group-assigner__pill-count\">{{ group.count }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Validation message -->\n    <div v-if=\"validationMessage\" class=\"mld-group-assigner__validation\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n      </svg>\n      {{ validationMessage }}\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/group-assigner.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_renderList","_normalizeStyle","_createTextVNode"],"mappings":"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"}

package/dist/components/GroupAssigner.vue3.js

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

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

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

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

@@ -0,0 +1,12 @@
+interface Props {
+    open: boolean;
+    samples: string[];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    apply: (mapping: Record<string, string[]>, columns: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onApply?: ((mapping: Record<string, string[]>, columns: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;