@morscherlab/mld-sdk 0.6.0

package/dist/components/DoseCalculator.vue.js

@@ -0,0 +1,470 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, unref, toDisplayString, withDirectives, vModelText, createTextVNode } from "vue";
+import _sfc_main$1 from "./ConcentrationInput.vue.js";
+/* empty css                        */
+import { useConcentrationUnits } from "../composables/useConcentrationUnits.js";
+import { useDoseCalculator } from "../composables/useDoseCalculator.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-dose-calculator__tabs",
+  role: "tablist"
+};
+const _hoisted_2 = ["aria-selected"];
+const _hoisted_3 = ["aria-selected"];
+const _hoisted_4 = ["aria-selected"];
+const _hoisted_5 = {
+  key: 1,
+  class: "mld-dose-calculator__form",
+  role: "tabpanel"
+};
+const _hoisted_6 = { class: "mld-dose-calculator__field" };
+const _hoisted_7 = { class: "mld-dose-calculator__field" };
+const _hoisted_8 = { class: "mld-dose-calculator__field" };
+const _hoisted_9 = { class: "mld-dose-calculator__field-row" };
+const _hoisted_10 = ["value", "disabled"];
+const _hoisted_11 = ["value", "disabled"];
+const _hoisted_12 = ["value"];
+const _hoisted_13 = {
+  key: 0,
+  class: "mld-dose-calculator__result"
+};
+const _hoisted_14 = { class: "mld-dose-calculator__result-row" };
+const _hoisted_15 = { class: "mld-dose-calculator__result-value" };
+const _hoisted_16 = { class: "mld-dose-calculator__result-row" };
+const _hoisted_17 = { class: "mld-dose-calculator__result-value" };
+const _hoisted_18 = { class: "mld-dose-calculator__result-row" };
+const _hoisted_19 = { class: "mld-dose-calculator__result-value" };
+const _hoisted_20 = {
+  key: 1,
+  class: "mld-dose-calculator__error"
+};
+const _hoisted_21 = {
+  key: 2,
+  class: "mld-dose-calculator__form",
+  role: "tabpanel"
+};
+const _hoisted_22 = { class: "mld-dose-calculator__field" };
+const _hoisted_23 = { class: "mld-dose-calculator__field-row" };
+const _hoisted_24 = { class: "mld-dose-calculator__field" };
+const _hoisted_25 = { class: "mld-dose-calculator__input-wrapper" };
+const _hoisted_26 = ["disabled"];
+const _hoisted_27 = { class: "mld-dose-calculator__field" };
+const _hoisted_28 = ["disabled"];
+const _hoisted_29 = { class: "mld-dose-calculator__field" };
+const _hoisted_30 = { class: "mld-dose-calculator__field-row" };
+const _hoisted_31 = ["value", "disabled"];
+const _hoisted_32 = ["value", "disabled"];
+const _hoisted_33 = ["value"];
+const _hoisted_34 = {
+  key: 0,
+  class: "mld-dose-calculator__preview"
+};
+const _hoisted_35 = { class: "mld-dose-calculator__preview-steps" };
+const _hoisted_36 = { class: "mld-dose-calculator__preview-step" };
+const _hoisted_37 = { class: "mld-dose-calculator__preview-step-num" };
+const _hoisted_38 = { class: "mld-dose-calculator__preview-step-conc" };
+const _hoisted_39 = {
+  key: 0,
+  class: "mld-dose-calculator__preview-arrow"
+};
+const _hoisted_40 = {
+  key: 1,
+  class: "mld-dose-calculator__error"
+};
+const _hoisted_41 = {
+  key: 3,
+  class: "mld-dose-calculator__form",
+  role: "tabpanel"
+};
+const _hoisted_42 = { class: "mld-dose-calculator__field" };
+const _hoisted_43 = {
+  key: 0,
+  class: "mld-dose-calculator__error"
+};
+const _hoisted_44 = {
+  key: 4,
+  class: "mld-dose-calculator__mw-section"
+};
+const _hoisted_45 = { class: "mld-dose-calculator__mw-label" };
+const _hoisted_46 = {
+  key: 5,
+  class: "mld-dose-calculator__form"
+};
+const _hoisted_47 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DoseCalculator",
+  props: {
+    mode: { default: "auto" },
+    molecularWeight: {},
+    targetWells: {},
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["apply-to-wells", "calculate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { formatWithUnit } = useConcentrationUnits();
+    const {
+      volumeUnits,
+      calculateDilution,
+      calculateSerialDilution,
+      formatVolume,
+      generateWellConcentrations
+    } = useDoseCalculator();
+    const activeMode = ref(props.mode === "auto" ? "dilution" : props.mode);
+    const stockConcentration = ref({ value: 10, unit: "mM" });
+    const finalConcentration = ref({ value: 100, unit: "µM" });
+    const finalVolume = ref({ value: 1, unit: "mL" });
+    const serialStartConcentration = ref({ value: 100, unit: "µM" });
+    const serialDilutionFactor = ref(3);
+    const serialNumberOfDilutions = ref(8);
+    const serialVolumePerWell = ref({ value: 100, unit: "µL" });
+    const dilutionResult = ref(null);
+    const serialResult = ref(null);
+    const showTabs = computed(() => props.mode === "auto");
+    const hasTargetWells = computed(() => {
+      return props.targetWells && props.targetWells.length > 0;
+    });
+    const canApplyToWells = computed(() => {
+      var _a, _b;
+      if (!hasTargetWells.value) return false;
+      if (activeMode.value === "serial" && ((_a = serialResult.value) == null ? void 0 : _a.valid)) return true;
+      if (activeMode.value === "dilution" && ((_b = dilutionResult.value) == null ? void 0 : _b.valid)) return true;
+      return false;
+    });
+    function recalculateDilution() {
+      if (!stockConcentration.value || !finalConcentration.value || !finalVolume.value) {
+        dilutionResult.value = null;
+        return;
+      }
+      dilutionResult.value = calculateDilution({
+        stockConcentration: stockConcentration.value,
+        finalConcentration: finalConcentration.value,
+        finalVolume: finalVolume.value
+      });
+      if (dilutionResult.value.valid) {
+        emit("calculate", dilutionResult.value);
+      }
+    }
+    function recalculateSerial() {
+      if (!serialStartConcentration.value || serialDilutionFactor.value <= 1 || serialNumberOfDilutions.value < 1 || !serialVolumePerWell.value) {
+        serialResult.value = null;
+        return;
+      }
+      serialResult.value = calculateSerialDilution({
+        startingConcentration: serialStartConcentration.value,
+        dilutionFactor: serialDilutionFactor.value,
+        numberOfDilutions: serialNumberOfDilutions.value,
+        volumePerWell: serialVolumePerWell.value
+      });
+      if (serialResult.value.valid) {
+        emit("calculate", serialResult.value);
+      }
+    }
+    function handleApplyToWells() {
+      var _a, _b;
+      if (!props.targetWells || props.targetWells.length === 0) return;
+      if (activeMode.value === "serial" && ((_a = serialResult.value) == null ? void 0 : _a.valid)) {
+        const wellConcentrations = generateWellConcentrations(
+          serialResult.value,
+          props.targetWells
+        );
+        emit("apply-to-wells", wellConcentrations);
+      }
+      if (activeMode.value === "dilution" && ((_b = dilutionResult.value) == null ? void 0 : _b.valid)) {
+        const wellConcentrations = props.targetWells.map((wellId) => ({
+          wellId,
+          concentration: finalConcentration.value,
+          volume: finalVolume.value
+        }));
+        emit("apply-to-wells", wellConcentrations);
+      }
+    }
+    function handleVolumeChange(event, target) {
+      const input = event.target;
+      const value = parseFloat(input.value);
+      if (isNaN(value)) return;
+      if (target === "final") {
+        finalVolume.value = { ...finalVolume.value, value };
+      } else {
+        serialVolumePerWell.value = { ...serialVolumePerWell.value, value };
+      }
+    }
+    function handleVolumeUnitChange(event, target) {
+      const select = event.target;
+      const unit = select.value;
+      if (target === "final") {
+        finalVolume.value = { ...finalVolume.value, unit };
+      } else {
+        serialVolumePerWell.value = { ...serialVolumePerWell.value, unit };
+      }
+    }
+    watch(
+      [stockConcentration, finalConcentration, finalVolume],
+      () => {
+        if (activeMode.value === "dilution") {
+          recalculateDilution();
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      [serialStartConcentration, serialDilutionFactor, serialNumberOfDilutions, serialVolumePerWell],
+      () => {
+        if (activeMode.value === "serial") {
+          recalculateSerial();
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(activeMode, (mode) => {
+      if (mode === "dilution") {
+        recalculateDilution();
+      } else if (mode === "serial") {
+        recalculateSerial();
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-dose-calculator",
+          __props.disabled ? "mld-dose-calculator--disabled" : ""
+        ])
+      }, [
+        showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([
+              "mld-dose-calculator__tab",
+              activeMode.value === "dilution" ? "mld-dose-calculator__tab--active" : ""
+            ]),
+            role: "tab",
+            "aria-selected": activeMode.value === "dilution",
+            onClick: _cache[0] || (_cache[0] = ($event) => activeMode.value = "dilution")
+          }, " Dilution ", 10, _hoisted_2),
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([
+              "mld-dose-calculator__tab",
+              activeMode.value === "serial" ? "mld-dose-calculator__tab--active" : ""
+            ]),
+            role: "tab",
+            "aria-selected": activeMode.value === "serial",
+            onClick: _cache[1] || (_cache[1] = ($event) => activeMode.value = "serial")
+          }, " Serial ", 10, _hoisted_3),
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([
+              "mld-dose-calculator__tab",
+              activeMode.value === "conversion" ? "mld-dose-calculator__tab--active" : ""
+            ]),
+            role: "tab",
+            "aria-selected": activeMode.value === "conversion",
+            onClick: _cache[2] || (_cache[2] = ($event) => activeMode.value = "conversion")
+          }, " Conversion ", 10, _hoisted_4)
+        ])) : createCommentVNode("", true),
+        activeMode.value === "dilution" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            _cache[12] || (_cache[12] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Stock Concentration", -1)),
+            createVNode(_sfc_main$1, {
+              modelValue: stockConcentration.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => stockConcentration.value = $event),
+              disabled: __props.disabled,
+              "show-conversion": false,
+              size: "md"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            _cache[13] || (_cache[13] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Final Concentration", -1)),
+            createVNode(_sfc_main$1, {
+              modelValue: finalConcentration.value,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => finalConcentration.value = $event),
+              disabled: __props.disabled,
+              "show-conversion": false,
+              size: "md"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            _cache[14] || (_cache[14] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Final Volume", -1)),
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("input", {
+                type: "number",
+                value: finalVolume.value.value,
+                disabled: __props.disabled,
+                class: "mld-dose-calculator__input",
+                min: "0",
+                step: "any",
+                onInput: _cache[5] || (_cache[5] = ($event) => handleVolumeChange($event, "final"))
+              }, null, 40, _hoisted_10),
+              createElementVNode("select", {
+                value: finalVolume.value.unit,
+                disabled: __props.disabled,
+                class: "mld-dose-calculator__select",
+                onChange: _cache[6] || (_cache[6] = ($event) => handleVolumeUnitChange($event, "final"))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(volumeUnits), (unit) => {
+                  return openBlock(), createElementBlock("option", {
+                    key: unit,
+                    value: unit
+                  }, toDisplayString(unit), 9, _hoisted_12);
+                }), 128))
+              ], 40, _hoisted_11)
+            ])
+          ]),
+          _cache[19] || (_cache[19] = createElementVNode("div", { class: "mld-dose-calculator__divider" }, null, -1)),
+          ((_a = dilutionResult.value) == null ? void 0 : _a.valid) ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            _cache[18] || (_cache[18] = createElementVNode("div", { class: "mld-dose-calculator__result-title" }, "Result", -1)),
+            createElementVNode("div", _hoisted_14, [
+              _cache[15] || (_cache[15] = createElementVNode("span", { class: "mld-dose-calculator__result-label" }, "Stock volume", -1)),
+              createElementVNode("span", _hoisted_15, toDisplayString(unref(formatVolume)(dilutionResult.value.stockVolume)), 1)
+            ]),
+            createElementVNode("div", _hoisted_16, [
+              _cache[16] || (_cache[16] = createElementVNode("span", { class: "mld-dose-calculator__result-label" }, "Diluent volume", -1)),
+              createElementVNode("span", _hoisted_17, toDisplayString(unref(formatVolume)(dilutionResult.value.diluentVolume)), 1)
+            ]),
+            createElementVNode("div", _hoisted_18, [
+              _cache[17] || (_cache[17] = createElementVNode("span", { class: "mld-dose-calculator__result-label" }, "Dilution factor", -1)),
+              createElementVNode("span", _hoisted_19, toDisplayString(dilutionResult.value.dilutionFactor.toFixed(1)) + "× ", 1)
+            ])
+          ])) : ((_b = dilutionResult.value) == null ? void 0 : _b.error) ? (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(dilutionResult.value.error), 1)) : createCommentVNode("", true)
+        ])) : activeMode.value === "serial" ? (openBlock(), createElementBlock("div", _hoisted_21, [
+          createElementVNode("div", _hoisted_22, [
+            _cache[20] || (_cache[20] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Starting Concentration", -1)),
+            createVNode(_sfc_main$1, {
+              modelValue: serialStartConcentration.value,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => serialStartConcentration.value = $event),
+              disabled: __props.disabled,
+              "show-conversion": false,
+              size: "md"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          createElementVNode("div", _hoisted_23, [
+            createElementVNode("div", _hoisted_24, [
+              _cache[22] || (_cache[22] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Dilution Factor", -1)),
+              createElementVNode("div", _hoisted_25, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => serialDilutionFactor.value = $event),
+                  type: "number",
+                  disabled: __props.disabled,
+                  class: "mld-dose-calculator__input",
+                  min: "1.1",
+                  step: "0.1"
+                }, null, 8, _hoisted_26), [
+                  [
+                    vModelText,
+                    serialDilutionFactor.value,
+                    void 0,
+                    { number: true }
+                  ]
+                ]),
+                _cache[21] || (_cache[21] = createElementVNode("span", { class: "mld-dose-calculator__unit-suffix" }, "×", -1))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_27, [
+              _cache[23] || (_cache[23] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Dilutions", -1)),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => serialNumberOfDilutions.value = $event),
+                type: "number",
+                disabled: __props.disabled,
+                class: "mld-dose-calculator__input",
+                min: "1",
+                max: "24"
+              }, null, 8, _hoisted_28), [
+                [
+                  vModelText,
+                  serialNumberOfDilutions.value,
+                  void 0,
+                  { number: true }
+                ]
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_29, [
+            _cache[24] || (_cache[24] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Volume per Well", -1)),
+            createElementVNode("div", _hoisted_30, [
+              createElementVNode("input", {
+                type: "number",
+                value: serialVolumePerWell.value.value,
+                disabled: __props.disabled,
+                class: "mld-dose-calculator__input",
+                min: "0",
+                step: "any",
+                onInput: _cache[10] || (_cache[10] = ($event) => handleVolumeChange($event, "serial"))
+              }, null, 40, _hoisted_31),
+              createElementVNode("select", {
+                value: serialVolumePerWell.value.unit,
+                disabled: __props.disabled,
+                class: "mld-dose-calculator__select",
+                onChange: _cache[11] || (_cache[11] = ($event) => handleVolumeUnitChange($event, "serial"))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(volumeUnits), (unit) => {
+                  return openBlock(), createElementBlock("option", {
+                    key: unit,
+                    value: unit
+                  }, toDisplayString(unit), 9, _hoisted_33);
+                }), 128))
+              ], 40, _hoisted_32)
+            ])
+          ]),
+          _cache[26] || (_cache[26] = createElementVNode("div", { class: "mld-dose-calculator__divider" }, null, -1)),
+          ((_c = serialResult.value) == null ? void 0 : _c.valid) ? (openBlock(), createElementBlock("div", _hoisted_34, [
+            _cache[25] || (_cache[25] = createElementVNode("div", { class: "mld-dose-calculator__preview-title" }, "Preview", -1)),
+            createElementVNode("div", _hoisted_35, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(serialResult.value.steps, (step, index) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: step.stepNumber
+                }, [
+                  createElementVNode("div", _hoisted_36, [
+                    createElementVNode("span", _hoisted_37, toDisplayString(step.stepNumber) + ":", 1),
+                    createElementVNode("span", _hoisted_38, toDisplayString(unref(formatWithUnit)(step.concentration, 3)), 1)
+                  ]),
+                  index < serialResult.value.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_39, " → ")) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ])
+          ])) : ((_d = serialResult.value) == null ? void 0 : _d.error) ? (openBlock(), createElementBlock("div", _hoisted_40, toDisplayString(serialResult.value.error), 1)) : createCommentVNode("", true)
+        ])) : activeMode.value === "conversion" ? (openBlock(), createElementBlock("div", _hoisted_41, [
+          createElementVNode("div", _hoisted_42, [
+            _cache[27] || (_cache[27] = createElementVNode("label", { class: "mld-dose-calculator__field-label" }, "Input Concentration", -1)),
+            createVNode(_sfc_main$1, {
+              disabled: __props.disabled,
+              "molecular-weight": __props.molecularWeight,
+              "show-conversion": true,
+              size: "md"
+            }, null, 8, ["disabled", "molecular-weight"])
+          ]),
+          !__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_43, " Provide molecular weight for mass ↔ molarity conversion ")) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        __props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_44, [
+          createElementVNode("span", _hoisted_45, " Molecular Weight: " + toDisplayString(__props.molecularWeight) + " g/mol ", 1)
+        ])) : createCommentVNode("", true),
+        hasTargetWells.value ? (openBlock(), createElementBlock("div", _hoisted_46, [
+          createElementVNode("button", {
+            type: "button",
+            class: "mld-dose-calculator__apply-btn",
+            disabled: !canApplyToWells.value || __props.disabled,
+            onClick: handleApplyToWells
+          }, [
+            _cache[28] || (_cache[28] = createElementVNode("svg", {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+              })
+            ], -1)),
+            createTextVNode(" Apply to " + toDisplayString((_e = __props.targetWells) == null ? void 0 : _e.length) + " selected well" + toDisplayString(((_f = __props.targetWells) == null ? void 0 : _f.length) === 1 ? "" : "s"), 1)
+          ], 8, _hoisted_47)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DoseCalculator.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoseCalculator.vue.js","sources":["../../src/components/DoseCalculator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport ConcentrationInput from './ConcentrationInput.vue'\nimport {\n  useConcentrationUnits,\n  type ConcentrationValue,\n} from '../composables/useConcentrationUnits'\nimport {\n  useDoseCalculator,\n  type VolumeValue,\n  type VolumeUnit,\n  type DilutionResult,\n  type SerialDilutionResult,\n  type WellConcentration,\n} from '../composables/useDoseCalculator'\n\ntype CalculatorMode = 'dilution' | 'serial' | 'conversion'\n\ninterface Props {\n  mode?: CalculatorMode | 'auto'\n  molecularWeight?: number\n  targetWells?: string[]\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'auto',\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'apply-to-wells': [results: WellConcentration[]]\n  'calculate': [result: DilutionResult | SerialDilutionResult]\n}>()\n\nconst { formatWithUnit } = useConcentrationUnits()\nconst {\n  volumeUnits,\n  calculateDilution,\n  calculateSerialDilution,\n  formatVolume,\n  generateWellConcentrations,\n} = useDoseCalculator()\n\n// Active mode (for tabbed interface)\nconst activeMode = ref<CalculatorMode>(props.mode === 'auto' ? 'dilution' : props.mode)\n\n// Dilution form state\nconst stockConcentration = ref<ConcentrationValue>({ value: 10, unit: 'mM' })\nconst finalConcentration = ref<ConcentrationValue>({ value: 100, unit: 'µM' })\nconst finalVolume = ref<VolumeValue>({ value: 1, unit: 'mL' })\n\n// Serial dilution form state\nconst serialStartConcentration = ref<ConcentrationValue>({ value: 100, unit: 'µM' })\nconst serialDilutionFactor = ref(3)\nconst serialNumberOfDilutions = ref(8)\nconst serialVolumePerWell = ref<VolumeValue>({ value: 100, unit: 'µL' })\n\n// Results\nconst dilutionResult = ref<DilutionResult | null>(null)\nconst serialResult = ref<SerialDilutionResult | null>(null)\n\n// Computed\nconst showTabs = computed(() => props.mode === 'auto')\n\nconst hasTargetWells = computed(() => {\n  return props.targetWells && props.targetWells.length > 0\n})\n\nconst canApplyToWells = computed(() => {\n  if (!hasTargetWells.value) return false\n  if (activeMode.value === 'serial' && serialResult.value?.valid) return true\n  if (activeMode.value === 'dilution' && dilutionResult.value?.valid) return true\n  return false\n})\n\n// Calculate dilution result\nfunction recalculateDilution() {\n  if (!stockConcentration.value || !finalConcentration.value || !finalVolume.value) {\n    dilutionResult.value = null\n    return\n  }\n\n  dilutionResult.value = calculateDilution({\n    stockConcentration: stockConcentration.value,\n    finalConcentration: finalConcentration.value,\n    finalVolume: finalVolume.value,\n  })\n\n  if (dilutionResult.value.valid) {\n    emit('calculate', dilutionResult.value)\n  }\n}\n\n// Calculate serial dilution result\nfunction recalculateSerial() {\n  if (\n    !serialStartConcentration.value ||\n    serialDilutionFactor.value <= 1 ||\n    serialNumberOfDilutions.value < 1 ||\n    !serialVolumePerWell.value\n  ) {\n    serialResult.value = null\n    return\n  }\n\n  serialResult.value = calculateSerialDilution({\n    startingConcentration: serialStartConcentration.value,\n    dilutionFactor: serialDilutionFactor.value,\n    numberOfDilutions: serialNumberOfDilutions.value,\n    volumePerWell: serialVolumePerWell.value,\n  })\n\n  if (serialResult.value.valid) {\n    emit('calculate', serialResult.value)\n  }\n}\n\n// Apply to wells\nfunction handleApplyToWells() {\n  if (!props.targetWells || props.targetWells.length === 0) return\n\n  if (activeMode.value === 'serial' && serialResult.value?.valid) {\n    const wellConcentrations = generateWellConcentrations(\n      serialResult.value,\n      props.targetWells\n    )\n    emit('apply-to-wells', wellConcentrations)\n  }\n\n  if (activeMode.value === 'dilution' && dilutionResult.value?.valid) {\n    // For simple dilution, apply same concentration to all wells\n    const wellConcentrations: WellConcentration[] = props.targetWells.map(wellId => ({\n      wellId,\n      concentration: finalConcentration.value,\n      volume: finalVolume.value,\n    }))\n    emit('apply-to-wells', wellConcentrations)\n  }\n}\n\n// Volume unit change handler\nfunction handleVolumeChange(event: Event, target: 'final' | 'serial') {\n  const input = event.target as HTMLInputElement\n  const value = parseFloat(input.value)\n  if (isNaN(value)) return\n\n  if (target === 'final') {\n    finalVolume.value = { ...finalVolume.value, value }\n  } else {\n    serialVolumePerWell.value = { ...serialVolumePerWell.value, value }\n  }\n}\n\nfunction handleVolumeUnitChange(event: Event, target: 'final' | 'serial') {\n  const select = event.target as HTMLSelectElement\n  const unit = select.value as VolumeUnit\n\n  if (target === 'final') {\n    finalVolume.value = { ...finalVolume.value, unit }\n  } else {\n    serialVolumePerWell.value = { ...serialVolumePerWell.value, unit }\n  }\n}\n\n// Watch for changes and recalculate\nwatch(\n  [stockConcentration, finalConcentration, finalVolume],\n  () => {\n    if (activeMode.value === 'dilution') {\n      recalculateDilution()\n    }\n  },\n  { deep: true, immediate: true }\n)\n\nwatch(\n  [serialStartConcentration, serialDilutionFactor, serialNumberOfDilutions, serialVolumePerWell],\n  () => {\n    if (activeMode.value === 'serial') {\n      recalculateSerial()\n    }\n  },\n  { deep: true, immediate: true }\n)\n\nwatch(activeMode, (mode) => {\n  if (mode === 'dilution') {\n    recalculateDilution()\n  } else if (mode === 'serial') {\n    recalculateSerial()\n  }\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-dose-calculator',\n      disabled ? 'mld-dose-calculator--disabled' : '',\n    ]\"\n  >\n    <!-- Tabs -->\n    <div v-if=\"showTabs\" class=\"mld-dose-calculator__tabs\" role=\"tablist\">\n      <button\n        type=\"button\"\n        :class=\"[\n          'mld-dose-calculator__tab',\n          activeMode === 'dilution' ? 'mld-dose-calculator__tab--active' : '',\n        ]\"\n        role=\"tab\"\n        :aria-selected=\"activeMode === 'dilution'\"\n        @click=\"activeMode = 'dilution'\"\n      >\n        Dilution\n      </button>\n      <button\n        type=\"button\"\n        :class=\"[\n          'mld-dose-calculator__tab',\n          activeMode === 'serial' ? 'mld-dose-calculator__tab--active' : '',\n        ]\"\n        role=\"tab\"\n        :aria-selected=\"activeMode === 'serial'\"\n        @click=\"activeMode = 'serial'\"\n      >\n        Serial\n      </button>\n      <button\n        type=\"button\"\n        :class=\"[\n          'mld-dose-calculator__tab',\n          activeMode === 'conversion' ? 'mld-dose-calculator__tab--active' : '',\n        ]\"\n        role=\"tab\"\n        :aria-selected=\"activeMode === 'conversion'\"\n        @click=\"activeMode = 'conversion'\"\n      >\n        Conversion\n      </button>\n    </div>\n\n    <!-- Dilution form -->\n    <div\n      v-if=\"activeMode === 'dilution'\"\n      class=\"mld-dose-calculator__form\"\n      role=\"tabpanel\"\n    >\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Stock Concentration</label>\n        <ConcentrationInput\n          v-model=\"stockConcentration\"\n          :disabled=\"disabled\"\n          :show-conversion=\"false\"\n          size=\"md\"\n        />\n      </div>\n\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Final Concentration</label>\n        <ConcentrationInput\n          v-model=\"finalConcentration\"\n          :disabled=\"disabled\"\n          :show-conversion=\"false\"\n          size=\"md\"\n        />\n      </div>\n\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Final Volume</label>\n        <div class=\"mld-dose-calculator__field-row\">\n          <input\n            type=\"number\"\n            :value=\"finalVolume.value\"\n            :disabled=\"disabled\"\n            class=\"mld-dose-calculator__input\"\n            min=\"0\"\n            step=\"any\"\n            @input=\"handleVolumeChange($event, 'final')\"\n          />\n          <select\n            :value=\"finalVolume.unit\"\n            :disabled=\"disabled\"\n            class=\"mld-dose-calculator__select\"\n            @change=\"handleVolumeUnitChange($event, 'final')\"\n          >\n            <option v-for=\"unit in volumeUnits\" :key=\"unit\" :value=\"unit\">\n              {{ unit }}\n            </option>\n          </select>\n        </div>\n      </div>\n\n      <div class=\"mld-dose-calculator__divider\" />\n\n      <!-- Dilution Result -->\n      <div v-if=\"dilutionResult?.valid\" class=\"mld-dose-calculator__result\">\n        <div class=\"mld-dose-calculator__result-title\">Result</div>\n        <div class=\"mld-dose-calculator__result-row\">\n          <span class=\"mld-dose-calculator__result-label\">Stock volume</span>\n          <span class=\"mld-dose-calculator__result-value\">\n            {{ formatVolume(dilutionResult.stockVolume) }}\n          </span>\n        </div>\n        <div class=\"mld-dose-calculator__result-row\">\n          <span class=\"mld-dose-calculator__result-label\">Diluent volume</span>\n          <span class=\"mld-dose-calculator__result-value\">\n            {{ formatVolume(dilutionResult.diluentVolume) }}\n          </span>\n        </div>\n        <div class=\"mld-dose-calculator__result-row\">\n          <span class=\"mld-dose-calculator__result-label\">Dilution factor</span>\n          <span class=\"mld-dose-calculator__result-value\">\n            {{ dilutionResult.dilutionFactor.toFixed(1) }}×\n          </span>\n        </div>\n      </div>\n\n      <div v-else-if=\"dilutionResult?.error\" class=\"mld-dose-calculator__error\">\n        {{ dilutionResult.error }}\n      </div>\n    </div>\n\n    <!-- Serial Dilution form -->\n    <div\n      v-else-if=\"activeMode === 'serial'\"\n      class=\"mld-dose-calculator__form\"\n      role=\"tabpanel\"\n    >\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Starting Concentration</label>\n        <ConcentrationInput\n          v-model=\"serialStartConcentration\"\n          :disabled=\"disabled\"\n          :show-conversion=\"false\"\n          size=\"md\"\n        />\n      </div>\n\n      <div class=\"mld-dose-calculator__field-row\">\n        <div class=\"mld-dose-calculator__field\">\n          <label class=\"mld-dose-calculator__field-label\">Dilution Factor</label>\n          <div class=\"mld-dose-calculator__input-wrapper\">\n            <input\n              v-model.number=\"serialDilutionFactor\"\n              type=\"number\"\n              :disabled=\"disabled\"\n              class=\"mld-dose-calculator__input\"\n              min=\"1.1\"\n              step=\"0.1\"\n            />\n            <span class=\"mld-dose-calculator__unit-suffix\">×</span>\n          </div>\n        </div>\n\n        <div class=\"mld-dose-calculator__field\">\n          <label class=\"mld-dose-calculator__field-label\">Dilutions</label>\n          <input\n            v-model.number=\"serialNumberOfDilutions\"\n            type=\"number\"\n            :disabled=\"disabled\"\n            class=\"mld-dose-calculator__input\"\n            min=\"1\"\n            max=\"24\"\n          />\n        </div>\n      </div>\n\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Volume per Well</label>\n        <div class=\"mld-dose-calculator__field-row\">\n          <input\n            type=\"number\"\n            :value=\"serialVolumePerWell.value\"\n            :disabled=\"disabled\"\n            class=\"mld-dose-calculator__input\"\n            min=\"0\"\n            step=\"any\"\n            @input=\"handleVolumeChange($event, 'serial')\"\n          />\n          <select\n            :value=\"serialVolumePerWell.unit\"\n            :disabled=\"disabled\"\n            class=\"mld-dose-calculator__select\"\n            @change=\"handleVolumeUnitChange($event, 'serial')\"\n          >\n            <option v-for=\"unit in volumeUnits\" :key=\"unit\" :value=\"unit\">\n              {{ unit }}\n            </option>\n          </select>\n        </div>\n      </div>\n\n      <div class=\"mld-dose-calculator__divider\" />\n\n      <!-- Serial Preview -->\n      <div v-if=\"serialResult?.valid\" class=\"mld-dose-calculator__preview\">\n        <div class=\"mld-dose-calculator__preview-title\">Preview</div>\n        <div class=\"mld-dose-calculator__preview-steps\">\n          <template v-for=\"(step, index) in serialResult.steps\" :key=\"step.stepNumber\">\n            <div class=\"mld-dose-calculator__preview-step\">\n              <span class=\"mld-dose-calculator__preview-step-num\">{{ step.stepNumber }}:</span>\n              <span class=\"mld-dose-calculator__preview-step-conc\">\n                {{ formatWithUnit(step.concentration, 3) }}\n              </span>\n            </div>\n            <span\n              v-if=\"index < serialResult.steps.length - 1\"\n              class=\"mld-dose-calculator__preview-arrow\"\n            >\n              →\n            </span>\n          </template>\n        </div>\n      </div>\n\n      <div v-else-if=\"serialResult?.error\" class=\"mld-dose-calculator__error\">\n        {{ serialResult.error }}\n      </div>\n    </div>\n\n    <!-- Conversion form -->\n    <div\n      v-else-if=\"activeMode === 'conversion'\"\n      class=\"mld-dose-calculator__form\"\n      role=\"tabpanel\"\n    >\n      <div class=\"mld-dose-calculator__field\">\n        <label class=\"mld-dose-calculator__field-label\">Input Concentration</label>\n        <ConcentrationInput\n          :disabled=\"disabled\"\n          :molecular-weight=\"molecularWeight\"\n          :show-conversion=\"true\"\n          size=\"md\"\n        />\n      </div>\n\n      <div\n        v-if=\"!molecularWeight\"\n        class=\"mld-dose-calculator__error\"\n      >\n        Provide molecular weight for mass ↔ molarity conversion\n      </div>\n    </div>\n\n    <!-- Molecular weight section (shown if needed) -->\n    <div\n      v-if=\"molecularWeight\"\n      class=\"mld-dose-calculator__mw-section\"\n    >\n      <span class=\"mld-dose-calculator__mw-label\">\n        Molecular Weight: {{ molecularWeight }} g/mol\n      </span>\n    </div>\n\n    <!-- Apply to wells button -->\n    <div v-if=\"hasTargetWells\" class=\"mld-dose-calculator__form\">\n      <button\n        type=\"button\"\n        class=\"mld-dose-calculator__apply-btn\"\n        :disabled=\"!canApplyToWells || disabled\"\n        @click=\"handleApplyToWells\"\n      >\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n        </svg>\n        Apply to {{ targetWells?.length }} selected well{{ targetWells?.length === 1 ? '' : 's' }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/dose-calculator.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","ConcentrationInput","_Fragment","_renderList","_unref","_toDisplayString"],"mappings":"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"}

package/dist/components/DoseCalculator.vue3.js

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

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

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

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

@@ -0,0 +1,47 @@
+import { SelectOption, ButtonVariant, ButtonSize } from '../types';
+/**
+ * DropdownButton - Button-style select with dropdown menu for option selection.
+ *
+ * @example
+ * ```vue
+ * <DropdownButton
+ *   v-model="selectedValue"
+ *   :options="[
+ *     { value: 'a', label: 'Option A' },
+ *     { value: 'b', label: 'Option B', description: 'Additional info' }
+ *   ]"
+ *   variant="secondary"
+ * />
+ * ```
+ */
+interface Props {
+    /** Selected option value */
+    modelValue?: string | number;
+    /** Available options */
+    options: SelectOption<string | number>[];
+    /** Placeholder text when no option is selected */
+    placeholder?: string;
+    /** Button style variant */
+    variant?: ButtonVariant;
+    /** Button size */
+    size?: ButtonSize;
+    /** Disable interaction */
+    disabled?: boolean;
+    /** Show loading spinner */
+    loading?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (option: SelectOption<string | number>) => any;
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((option: SelectOption<string | number>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;