@morscherlab/mld-sdk 0.6.0

package/dist/components/ScientificNumber.vue.js

@@ -0,0 +1,190 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, toDisplayString, Fragment, createElementVNode, createCommentVNode, withModifiers, normalizeClass } from "vue";
+const _hoisted_1 = { class: "mld-sci-number" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-sci-number__plain"
+};
+const _hoisted_3 = { class: "mld-sci-number__mantissa" };
+const _hoisted_4 = { class: "mld-sci-number__exponent" };
+const _hoisted_5 = { class: "mld-sci-number__plain" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mld-sci-number__suffix"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "mld-sci-number__plain"
+};
+const _hoisted_8 = {
+  key: 4,
+  class: "mld-sci-number__unit"
+};
+const _hoisted_9 = ["title"];
+const _hoisted_10 = {
+  key: 0,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_11 = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScientificNumber",
+  props: {
+    value: {},
+    precision: { default: 3 },
+    notation: { default: "auto" },
+    unit: {},
+    copyable: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const copied = ref(false);
+    const SUPERSCRIPT_DIGITS = {
+      "0": "⁰",
+      "1": "¹",
+      "2": "²",
+      "3": "³",
+      "4": "⁴",
+      "5": "⁵",
+      "6": "⁶",
+      "7": "⁷",
+      "8": "⁸",
+      "9": "⁹",
+      "-": "⁻"
+    };
+    const SI_SUFFIXES = [
+      [1e12, "T"],
+      [1e9, "G"],
+      [1e6, "M"],
+      [1e3, "k"],
+      [1e-3, "m"],
+      [1e-6, "µ"],
+      [1e-9, "n"],
+      [1e-12, "p"]
+    ];
+    function toSuperscript(exp) {
+      return String(exp).split("").map((ch) => SUPERSCRIPT_DIGITS[ch] ?? ch).join("");
+    }
+    function roundToPrecision(n, digits) {
+      return n.toFixed(digits).replace(/\.?0+$/, "") || "0";
+    }
+    const formatted = computed(() => {
+      const v = props.value;
+      if (!Number.isFinite(v)) return { type: "plain", plain: "" };
+      if (v === 0) return { type: "plain", plain: "0" };
+      const absV = Math.abs(v);
+      if (props.notation === "compact") {
+        for (const [threshold, suffix] of SI_SUFFIXES) {
+          if (absV >= threshold * 0.999) {
+            return {
+              type: "compact",
+              plain: roundToPrecision(v / threshold, props.precision),
+              suffix
+            };
+          }
+        }
+        return { type: "plain", plain: roundToPrecision(v, props.precision) };
+      }
+      const useScientific = props.notation === "scientific" || props.notation === "engineering" || props.notation === "auto" && (absV < 0.01 || absV >= 1e4);
+      if (!useScientific) {
+        return { type: "plain", plain: roundToPrecision(v, props.precision) };
+      }
+      let exp = Math.floor(Math.log10(absV));
+      if (props.notation === "engineering") {
+        exp = Math.floor(exp / 3) * 3;
+      }
+      const mantissa = v / Math.pow(10, exp);
+      const mantissaStr = roundToPrecision(mantissa, props.precision);
+      return {
+        type: "scientific",
+        mantissa: mantissaStr,
+        exponent: exp,
+        exponentStr: toSuperscript(exp)
+      };
+    });
+    const specialDisplay = computed(() => {
+      if (Number.isNaN(props.value)) return "NaN";
+      if (props.value === Infinity) return "∞";
+      if (props.value === -Infinity) return "-∞";
+      return null;
+    });
+    const plainTextValue = computed(() => {
+      if (specialDisplay.value) return specialDisplay.value;
+      const f = formatted.value;
+      let text;
+      if (f.type === "scientific") {
+        text = `${f.mantissa}e${f.exponent}`;
+      } else if (f.type === "compact") {
+        text = `${f.plain}${f.suffix ?? ""}`;
+      } else {
+        text = f.plain ?? "0";
+      }
+      if (props.unit) text += ` ${props.unit}`;
+      return text;
+    });
+    async function copyToClipboard() {
+      try {
+        await navigator.clipboard.writeText(plainTextValue.value);
+        copied.value = true;
+        setTimeout(() => {
+          copied.value = false;
+        }, 1500);
+      } catch {
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        specialDisplay.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(specialDisplay.value), 1)) : formatted.value.type === "scientific" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("span", _hoisted_3, toDisplayString(formatted.value.mantissa), 1),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "mld-sci-number__times" }, "×", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "mld-sci-number__base" }, "10", -1)),
+          createElementVNode("span", _hoisted_4, toDisplayString(formatted.value.exponentStr), 1)
+        ], 64)) : formatted.value.type === "compact" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("span", _hoisted_5, toDisplayString(formatted.value.plain), 1),
+          formatted.value.suffix ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(formatted.value.suffix), 1)) : createCommentVNode("", true)
+        ], 64)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(formatted.value.plain), 1)),
+        __props.unit ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.unit), 1)) : createCommentVNode("", true),
+        __props.copyable ? (openBlock(), createElementBlock("button", {
+          key: 5,
+          class: normalizeClass(["mld-sci-number__copy-btn", { "mld-sci-number__copy-btn--copied": copied.value }]),
+          type: "button",
+          title: copied.value ? "Copied!" : "Copy value",
+          onClick: withModifiers(copyToClipboard, ["stop"])
+        }, [
+          !copied.value ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[2] || (_cache[2] = [
+            createElementVNode("rect", {
+              x: "9",
+              y: "9",
+              width: "13",
+              height: "13",
+              rx: "2",
+              ry: "2"
+            }, null, -1),
+            createElementVNode("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[3] || (_cache[3] = [
+            createElementVNode("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+          ])]))
+        ], 10, _hoisted_9)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ScientificNumber.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScientificNumber.vue.js","sources":["../../src/components/ScientificNumber.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ntype NumberNotation = 'auto' | 'scientific' | 'engineering' | 'compact'\n\ninterface Props {\n  value: number\n  precision?: number\n  notation?: NumberNotation\n  unit?: string\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  precision: 3,\n  notation: 'auto',\n  copyable: false,\n})\n\nconst copied = ref(false)\n\nconst SUPERSCRIPT_DIGITS: Record<string, string> = {\n  '0': '\\u2070',\n  '1': '\\u00B9',\n  '2': '\\u00B2',\n  '3': '\\u00B3',\n  '4': '\\u2074',\n  '5': '\\u2075',\n  '6': '\\u2076',\n  '7': '\\u2077',\n  '8': '\\u2078',\n  '9': '\\u2079',\n  '-': '\\u207B',\n}\n\nconst SI_SUFFIXES: [number, string][] = [\n  [1e12, 'T'],\n  [1e9, 'G'],\n  [1e6, 'M'],\n  [1e3, 'k'],\n  [1e-3, 'm'],\n  [1e-6, '\\u00B5'],\n  [1e-9, 'n'],\n  [1e-12, 'p'],\n]\n\nfunction toSuperscript(exp: number): string {\n  return String(exp)\n    .split('')\n    .map(ch => SUPERSCRIPT_DIGITS[ch] ?? ch)\n    .join('')\n}\n\nfunction roundToPrecision(n: number, digits: number): string {\n  return n.toFixed(digits).replace(/\\.?0+$/, '') || '0'\n}\n\ninterface FormattedNumber {\n  type: 'plain' | 'scientific' | 'compact'\n  mantissa?: string\n  exponent?: number\n  exponentStr?: string\n  plain?: string\n  suffix?: string\n}\n\nconst formatted = computed<FormattedNumber>(() => {\n  const v = props.value\n\n  if (!Number.isFinite(v)) return { type: 'plain', plain: '' }\n  if (v === 0) return { type: 'plain', plain: '0' }\n\n  const absV = Math.abs(v)\n\n  if (props.notation === 'compact') {\n    for (const [threshold, suffix] of SI_SUFFIXES) {\n      if (absV >= threshold * 0.999) {\n        return {\n          type: 'compact',\n          plain: roundToPrecision(v / threshold, props.precision),\n          suffix,\n        }\n      }\n    }\n    return { type: 'plain', plain: roundToPrecision(v, props.precision) }\n  }\n\n  const useScientific =\n    props.notation === 'scientific' ||\n    props.notation === 'engineering' ||\n    (props.notation === 'auto' && (absV < 0.01 || absV >= 10000))\n\n  if (!useScientific) {\n    return { type: 'plain', plain: roundToPrecision(v, props.precision) }\n  }\n\n  let exp = Math.floor(Math.log10(absV))\n\n  if (props.notation === 'engineering') {\n    exp = Math.floor(exp / 3) * 3\n  }\n\n  const mantissa = v / Math.pow(10, exp)\n  const mantissaStr = roundToPrecision(mantissa, props.precision)\n\n  return {\n    type: 'scientific',\n    mantissa: mantissaStr,\n    exponent: exp,\n    exponentStr: toSuperscript(exp),\n  }\n})\n\nconst specialDisplay = computed(() => {\n  if (Number.isNaN(props.value)) return 'NaN'\n  if (props.value === Infinity) return '\\u221E'\n  if (props.value === -Infinity) return '-\\u221E'\n  return null\n})\n\nconst plainTextValue = computed(() => {\n  if (specialDisplay.value) return specialDisplay.value\n  const f = formatted.value\n  let text: string\n  if (f.type === 'scientific') {\n    text = `${f.mantissa}e${f.exponent}`\n  } else if (f.type === 'compact') {\n    text = `${f.plain}${f.suffix ?? ''}`\n  } else {\n    text = f.plain ?? '0'\n  }\n  if (props.unit) text += ` ${props.unit}`\n  return text\n})\n\nasync function copyToClipboard() {\n  try {\n    await navigator.clipboard.writeText(plainTextValue.value)\n    copied.value = true\n    setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // clipboard not available\n  }\n}\n</script>\n\n<template>\n  <span class=\"mld-sci-number\">\n    <!-- Special values: NaN, Infinity -->\n    <template v-if=\"specialDisplay\">\n      <span class=\"mld-sci-number__plain\">{{ specialDisplay }}</span>\n    </template>\n\n    <!-- Scientific / Engineering notation -->\n    <template v-else-if=\"formatted.type === 'scientific'\">\n      <span class=\"mld-sci-number__mantissa\">{{ formatted.mantissa }}</span>\n      <span class=\"mld-sci-number__times\">&times;</span>\n      <span class=\"mld-sci-number__base\">10</span>\n      <span class=\"mld-sci-number__exponent\">{{ formatted.exponentStr }}</span>\n    </template>\n\n    <!-- Compact notation with SI suffix -->\n    <template v-else-if=\"formatted.type === 'compact'\">\n      <span class=\"mld-sci-number__plain\">{{ formatted.plain }}</span>\n      <span v-if=\"formatted.suffix\" class=\"mld-sci-number__suffix\">{{ formatted.suffix }}</span>\n    </template>\n\n    <!-- Plain number -->\n    <template v-else>\n      <span class=\"mld-sci-number__plain\">{{ formatted.plain }}</span>\n    </template>\n\n    <!-- Unit -->\n    <span v-if=\"unit\" class=\"mld-sci-number__unit\">{{ unit }}</span>\n\n    <!-- Copy button -->\n    <button\n      v-if=\"copyable\"\n      :class=\"['mld-sci-number__copy-btn', { 'mld-sci-number__copy-btn--copied': copied }]\"\n      type=\"button\"\n      :title=\"copied ? 'Copied!' : 'Copy value'\"\n      @click.stop=\"copyToClipboard\"\n    >\n      <svg v-if=\"!copied\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n        <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n      </svg>\n      <svg v-else width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n\n<style>\n@import '../styles/components/scientific-number.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_Fragment","_createElementVNode"],"mappings":"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"}

package/dist/components/ScientificNumber.vue3.js

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

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

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

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

@@ -0,0 +1,20 @@
+import { SegmentedOption, SegmentedControlVariant, SegmentedControlSize } from '../types';
+interface Props {
+    modelValue: string | number;
+    options: SegmentedOption[];
+    variant?: SegmentedControlVariant;
+    size?: SegmentedControlSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: SegmentedControlVariant;
+    size: SegmentedControlSize;
+    fullWidth: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/SegmentedControl.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = ["aria-checked", "disabled", "onClick", "onKeydown"];
+const _hoisted_2 = { class: "mld-segmented-control__label" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-segmented-control__description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SegmentedControl",
+  props: {
+    modelValue: {},
+    options: {},
+    variant: { default: "simple" },
+    size: { default: "md" },
+    fullWidth: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleSelect(option) {
+      if (props.disabled || option.disabled) return;
+      emit("update:modelValue", option.value);
+    }
+    function handleKeydown(event, option) {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleSelect(option);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-segmented-control",
+          `mld-segmented-control--${__props.variant}`,
+          `mld-segmented-control--${__props.size}`,
+          __props.fullWidth ? "mld-segmented-control--full-width" : "",
+          __props.disabled ? "mld-segmented-control--disabled" : ""
+        ]),
+        role: "radiogroup"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+          return openBlock(), createElementBlock("button", {
+            key: String(option.value),
+            type: "button",
+            role: "radio",
+            "aria-checked": __props.modelValue === option.value,
+            disabled: __props.disabled || option.disabled,
+            class: normalizeClass([
+              "mld-segmented-control__option",
+              `mld-segmented-control__option--${__props.variant}`,
+              `mld-segmented-control__option--${__props.size}`,
+              __props.modelValue === option.value ? "mld-segmented-control__option--active" : "",
+              option.disabled ? "mld-segmented-control__option--disabled" : ""
+            ]),
+            onClick: ($event) => handleSelect(option),
+            onKeydown: ($event) => handleKeydown($event, option)
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(option.label), 1),
+            option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(option.description), 1)) : createCommentVNode("", true)
+          ], 42, _hoisted_1);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SegmentedControl.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.vue.js","sources":["../../src/components/SegmentedControl.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SegmentedOption, SegmentedControlVariant, SegmentedControlSize } from '../types'\n\ninterface Props {\n  modelValue: string | number\n  options: SegmentedOption[]\n  variant?: SegmentedControlVariant\n  size?: SegmentedControlSize\n  fullWidth?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'simple',\n  size: 'md',\n  fullWidth: true,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nfunction handleSelect(option: SegmentedOption) {\n  if (props.disabled || option.disabled) return\n  emit('update:modelValue', option.value)\n}\n\nfunction handleKeydown(event: KeyboardEvent, option: SegmentedOption) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleSelect(option)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-segmented-control',\n      `mld-segmented-control--${variant}`,\n      `mld-segmented-control--${size}`,\n      fullWidth ? 'mld-segmented-control--full-width' : '',\n      disabled ? 'mld-segmented-control--disabled' : '',\n    ]\"\n    role=\"radiogroup\"\n  >\n    <button\n      v-for=\"option in options\"\n      :key=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-checked=\"modelValue === option.value\"\n      :disabled=\"disabled || option.disabled\"\n      :class=\"[\n        'mld-segmented-control__option',\n        `mld-segmented-control__option--${variant}`,\n        `mld-segmented-control__option--${size}`,\n        modelValue === option.value ? 'mld-segmented-control__option--active' : '',\n        option.disabled ? 'mld-segmented-control__option--disabled' : '',\n      ]\"\n      @click=\"handleSelect(option)\"\n      @keydown=\"handleKeydown($event, option)\"\n    >\n      <span class=\"mld-segmented-control__label\">{{ option.label }}</span>\n      <span\n        v-if=\"option.description && variant === 'card'\"\n        class=\"mld-segmented-control__description\"\n      >\n        {{ option.description }}\n      </span>\n    </button>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/segmented-control.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","_toDisplayString","_openBlock"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAIb,aAAS,aAAa,QAAyB;AAC7C,UAAI,MAAM,YAAY,OAAO,SAAU;AACvC,WAAK,qBAAqB,OAAO,KAAK;AAAA,IACxC;AAEA,aAAS,cAAc,OAAsB,QAAyB;AACpE,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,cAAM,eAAA;AACN,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF;;0BAIEA,mBAmCM,OAAA;AAAA,QAlCH,OAAKC,eAAA;AAAA;oCAAmE,QAAA,OAAO;AAAA,oCAAoC,QAAA,IAAI;AAAA,UAAU,QAAA,YAAS,sCAAA;AAAA,UAAmD,QAAA,WAAQ,oCAAA;AAAA,QAAA;QAOtM,MAAK;AAAA,MAAA;0BAELD,mBAwBSE,UAAA,MAAAC,WAvBU,QAAA,SAAO,CAAjB,WAAM;8BADfH,mBAwBS,UAAA;AAAA,YAtBN,KAAK,OAAO,OAAO,KAAK;AAAA,YACzB,MAAK;AAAA,YACL,MAAK;AAAA,YACJ,gBAAc,QAAA,eAAe,OAAO;AAAA,YACpC,UAAU,QAAA,YAAY,OAAO;AAAA,YAC7B,OAAKC,eAAA;AAAA;gDAAuF,QAAA,OAAO;AAAA,gDAA8C,QAAA,IAAI;AAAA,cAAY,QAAA,eAAe,OAAO,QAAK,0CAAA;AAAA,cAAyD,OAAO,WAAQ,4CAAA;AAAA,YAAA;YAOpQ,SAAK,CAAA,WAAE,aAAa,MAAM;AAAA,YAC1B,WAAO,CAAA,WAAE,cAAc,QAAQ,MAAM;AAAA,UAAA;YAEtCG,mBAAoE,QAApE,YAAoEC,gBAAtB,OAAO,KAAK,GAAA,CAAA;AAAA,YAElD,OAAO,eAAe,QAAA,YAAO,UADrCC,UAAA,GAAAN,mBAKO,QALP,YAKOK,gBADF,OAAO,WAAW,GAAA,CAAA;;;;;;;"}

package/dist/components/SegmentedControl.vue3.js

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

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

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

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

@@ -0,0 +1,54 @@
+import { SequenceType, SequenceStats } from '../composables/useSequenceUtils';
+interface Props {
+    modelValue?: string;
+    type?: SequenceType;
+    readonly?: boolean;
+    showStats?: boolean;
+    showTools?: boolean;
+    maxLength?: number;
+    placeholder?: string;
+    rows?: number;
+    error?: boolean;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        tools?(props: {
+            sequence: string;
+            type: "dna" | "rna" | "protein";
+            stats: SequenceStats;
+        }): unknown;
+    }> & {
+        tools?(props: {
+            sequence: string;
+            type: "dna" | "rna" | "protein";
+            stats: SequenceStats;
+        }): unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    type: SequenceType;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    rows: number;
+    showStats: boolean;
+    showTools: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/SequenceInput.vue.js

@@ -0,0 +1,204 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList } from "vue";
+import { useSequenceUtils } from "../composables/useSequenceUtils.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-sequence-input__toolbar"
+};
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = { class: "mld-sequence-input__type-badge" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mld-sequence-input__editor"
+};
+const _hoisted_8 = ["value", "rows", "placeholder", "disabled", "maxlength"];
+const _hoisted_9 = {
+  key: 2,
+  class: "mld-sequence-input__viewer"
+};
+const _hoisted_10 = { class: "mld-sequence-input__line-number" };
+const _hoisted_11 = { class: "mld-sequence-input__line-content" };
+const _hoisted_12 = {
+  key: 0,
+  class: "mld-sequence-input__viewer-line"
+};
+const _hoisted_13 = {
+  key: 3,
+  class: "mld-sequence-input__stats"
+};
+const _hoisted_14 = { class: "mld-sequence-input__stat-value" };
+const _hoisted_15 = { key: 0 };
+const _hoisted_16 = { class: "mld-sequence-input__stat-value" };
+const _hoisted_17 = { key: 1 };
+const _hoisted_18 = { class: "mld-sequence-input__stat-value" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SequenceInput",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "auto" },
+    readonly: { type: Boolean, default: false },
+    showStats: { type: Boolean, default: true },
+    showTools: { type: Boolean, default: true },
+    maxLength: {},
+    placeholder: { default: "Paste or type sequence..." },
+    rows: { default: 6 },
+    error: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { detectSequenceType, validateSequence, reverseComplement, calculateStats, formatFasta } = useSequenceUtils();
+    const resolvedType = computed(() => {
+      if (props.type !== "auto") return props.type;
+      if (!props.modelValue) return "dna";
+      return detectSequenceType(props.modelValue);
+    });
+    const stats = computed(() => {
+      if (!props.modelValue) return { length: 0 };
+      return calculateStats(props.modelValue, resolvedType.value);
+    });
+    const viewerLines = computed(() => {
+      if (!props.modelValue) return [];
+      const formatted = formatFasta(props.modelValue, 60);
+      return formatted.split("\n").filter((l) => l.length > 0);
+    });
+    function handleInput(event) {
+      const target = event.target;
+      let value = target.value;
+      if (props.maxLength && value.length > props.maxLength) {
+        value = value.slice(0, props.maxLength);
+      }
+      value = validateSequence(value, resolvedType.value);
+      emit("update:modelValue", value);
+    }
+    function doReverseComplement() {
+      if (!props.modelValue || resolvedType.value === "protein") return;
+      emit("update:modelValue", reverseComplement(props.modelValue, resolvedType.value));
+    }
+    function doUppercase() {
+      if (!props.modelValue) return;
+      emit("update:modelValue", props.modelValue.toUpperCase());
+    }
+    function doClear() {
+      emit("update:modelValue", "");
+    }
+    function doCopy() {
+      if (!props.modelValue) return;
+      navigator.clipboard.writeText(props.modelValue);
+    }
+    function getBaseClass(char) {
+      const c = char.toLowerCase();
+      if (c === "a") return "mld-sequence-input__base--a";
+      if (c === "t") return "mld-sequence-input__base--t";
+      if (c === "u") return "mld-sequence-input__base--u";
+      if (c === "g") return "mld-sequence-input__base--g";
+      if (c === "c") return "mld-sequence-input__base--c";
+      if (c === "n") return "mld-sequence-input__base--n";
+      return "";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-sequence-input",
+          __props.error ? "mld-sequence-input--error" : "",
+          __props.disabled ? "mld-sequence-input--disabled" : ""
+        ])
+      }, [
+        __props.showTools && !__props.readonly ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "tools", {
+            sequence: __props.modelValue || "",
+            type: resolvedType.value,
+            stats: stats.value
+          }, () => [
+            resolvedType.value !== "protein" ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "mld-sequence-input__tool-btn",
+              disabled: !__props.modelValue || __props.disabled,
+              onClick: doReverseComplement
+            }, " Rev Comp ", 8, _hoisted_2)) : createCommentVNode("", true),
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-sequence-input__tool-btn",
+              disabled: !__props.modelValue || __props.disabled,
+              onClick: doUppercase
+            }, " Uppercase ", 8, _hoisted_3),
+            _cache[0] || (_cache[0] = createElementVNode("div", { class: "mld-sequence-input__tool-sep" }, null, -1)),
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-sequence-input__tool-btn",
+              disabled: !__props.modelValue || __props.disabled,
+              onClick: doCopy
+            }, " Copy ", 8, _hoisted_4),
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-sequence-input__tool-btn",
+              disabled: !__props.modelValue || __props.disabled,
+              onClick: doClear
+            }, " Clear ", 8, _hoisted_5)
+          ]),
+          createElementVNode("span", _hoisted_6, toDisplayString(resolvedType.value), 1)
+        ])) : createCommentVNode("", true),
+        !__props.readonly ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("textarea", {
+            value: __props.modelValue,
+            rows: __props.rows,
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            maxlength: __props.maxLength,
+            class: "mld-sequence-input__textarea",
+            spellcheck: "false",
+            autocomplete: "off",
+            onInput: handleInput
+          }, null, 40, _hoisted_8)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(viewerLines.value, (line, lineIdx) => {
+            return openBlock(), createElementBlock("div", {
+              key: lineIdx,
+              class: "mld-sequence-input__viewer-line"
+            }, [
+              createElementVNode("span", _hoisted_10, toDisplayString(lineIdx * 60 + 1), 1),
+              createElementVNode("span", _hoisted_11, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(line.split(""), (char, charIdx) => {
+                  return openBlock(), createElementBlock("span", {
+                    key: charIdx,
+                    class: normalizeClass(getBaseClass(char))
+                  }, toDisplayString(char), 3);
+                }), 128))
+              ])
+            ]);
+          }), 128)),
+          !__props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_12, [..._cache[1] || (_cache[1] = [
+            createElementVNode("span", { class: "mld-sequence-input__line-number" }, null, -1),
+            createElementVNode("span", {
+              class: "mld-sequence-input__line-content",
+              style: { "color": "var(--text-muted)" }
+            }, "No sequence", -1)
+          ])])) : createCommentVNode("", true)
+        ])),
+        __props.showStats && __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("span", null, [
+            _cache[2] || (_cache[2] = createElementVNode("span", { class: "mld-sequence-input__stat-label" }, "Length:", -1)),
+            createElementVNode("span", _hoisted_14, toDisplayString(stats.value.length), 1)
+          ]),
+          stats.value.gcPercent !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_15, [
+            _cache[3] || (_cache[3] = createElementVNode("span", { class: "mld-sequence-input__stat-label" }, "GC:", -1)),
+            createElementVNode("span", _hoisted_16, toDisplayString(stats.value.gcPercent.toFixed(1)) + "%", 1)
+          ])) : createCommentVNode("", true),
+          stats.value.molecularWeight !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_17, [
+            _cache[4] || (_cache[4] = createElementVNode("span", { class: "mld-sequence-input__stat-label" }, "MW:", -1)),
+            createElementVNode("span", _hoisted_18, "~" + toDisplayString((stats.value.molecularWeight / 1e3).toFixed(1)) + " kDa", 1)
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SequenceInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceInput.vue.js","sources":["../../src/components/SequenceInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useSequenceUtils, type SequenceType, type SequenceStats } from '../composables/useSequenceUtils'\n\ninterface Props {\n  modelValue?: string\n  type?: SequenceType\n  readonly?: boolean\n  showStats?: boolean\n  showTools?: boolean\n  maxLength?: number\n  placeholder?: string\n  rows?: number\n  error?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: '',\n  type: 'auto',\n  readonly: false,\n  showStats: true,\n  showTools: true,\n  rows: 6,\n  placeholder: 'Paste or type sequence...',\n  error: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\ndefineSlots<{\n  tools?(props: { sequence: string; type: 'dna' | 'rna' | 'protein'; stats: SequenceStats }): unknown\n}>()\n\nconst { detectSequenceType, validateSequence, reverseComplement, calculateStats, formatFasta } = useSequenceUtils()\n\nconst resolvedType = computed<'dna' | 'rna' | 'protein'>(() => {\n  if (props.type !== 'auto') return props.type as 'dna' | 'rna' | 'protein'\n  if (!props.modelValue) return 'dna'\n  return detectSequenceType(props.modelValue)\n})\n\nconst stats = computed<SequenceStats>(() => {\n  if (!props.modelValue) return { length: 0 }\n  return calculateStats(props.modelValue, resolvedType.value)\n})\n\nconst viewerLines = computed(() => {\n  if (!props.modelValue) return []\n  const formatted = formatFasta(props.modelValue, 60)\n  return formatted.split('\\n').filter(l => l.length > 0)\n})\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLTextAreaElement\n  let value = target.value\n\n  if (props.maxLength && value.length > props.maxLength) {\n    value = value.slice(0, props.maxLength)\n  }\n\n  // Validate characters\n  value = validateSequence(value, resolvedType.value)\n  emit('update:modelValue', value)\n}\n\nfunction doReverseComplement() {\n  if (!props.modelValue || resolvedType.value === 'protein') return\n  emit('update:modelValue', reverseComplement(props.modelValue, resolvedType.value as 'dna' | 'rna'))\n}\n\nfunction doUppercase() {\n  if (!props.modelValue) return\n  emit('update:modelValue', props.modelValue.toUpperCase())\n}\n\nfunction doClear() {\n  emit('update:modelValue', '')\n}\n\nfunction doCopy() {\n  if (!props.modelValue) return\n  navigator.clipboard.writeText(props.modelValue)\n}\n\nfunction getBaseClass(char: string): string {\n  const c = char.toLowerCase()\n  if (c === 'a') return 'mld-sequence-input__base--a'\n  if (c === 't') return 'mld-sequence-input__base--t'\n  if (c === 'u') return 'mld-sequence-input__base--u'\n  if (c === 'g') return 'mld-sequence-input__base--g'\n  if (c === 'c') return 'mld-sequence-input__base--c'\n  if (c === 'n') return 'mld-sequence-input__base--n'\n  return ''\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-sequence-input',\n      error ? 'mld-sequence-input--error' : '',\n      disabled ? 'mld-sequence-input--disabled' : '',\n    ]\"\n  >\n    <!-- Toolbar -->\n    <div v-if=\"showTools && !readonly\" class=\"mld-sequence-input__toolbar\">\n      <slot name=\"tools\" :sequence=\"modelValue || ''\" :type=\"resolvedType\" :stats=\"stats\">\n        <button\n          v-if=\"resolvedType !== 'protein'\"\n          type=\"button\"\n          class=\"mld-sequence-input__tool-btn\"\n          :disabled=\"!modelValue || disabled\"\n          @click=\"doReverseComplement\"\n        >\n          Rev Comp\n        </button>\n        <button\n          type=\"button\"\n          class=\"mld-sequence-input__tool-btn\"\n          :disabled=\"!modelValue || disabled\"\n          @click=\"doUppercase\"\n        >\n          Uppercase\n        </button>\n        <div class=\"mld-sequence-input__tool-sep\" />\n        <button\n          type=\"button\"\n          class=\"mld-sequence-input__tool-btn\"\n          :disabled=\"!modelValue || disabled\"\n          @click=\"doCopy\"\n        >\n          Copy\n        </button>\n        <button\n          type=\"button\"\n          class=\"mld-sequence-input__tool-btn\"\n          :disabled=\"!modelValue || disabled\"\n          @click=\"doClear\"\n        >\n          Clear\n        </button>\n      </slot>\n\n      <span class=\"mld-sequence-input__type-badge\">{{ resolvedType }}</span>\n    </div>\n\n    <!-- Editor (input mode) -->\n    <div v-if=\"!readonly\" class=\"mld-sequence-input__editor\">\n      <textarea\n        :value=\"modelValue\"\n        :rows=\"rows\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :maxlength=\"maxLength\"\n        class=\"mld-sequence-input__textarea\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"handleInput\"\n      />\n    </div>\n\n    <!-- Viewer (readonly mode) -->\n    <div v-else class=\"mld-sequence-input__viewer\">\n      <div\n        v-for=\"(line, lineIdx) in viewerLines\"\n        :key=\"lineIdx\"\n        class=\"mld-sequence-input__viewer-line\"\n      >\n        <span class=\"mld-sequence-input__line-number\">{{ lineIdx * 60 + 1 }}</span>\n        <span class=\"mld-sequence-input__line-content\">\n          <span\n            v-for=\"(char, charIdx) in line.split('')\"\n            :key=\"charIdx\"\n            :class=\"getBaseClass(char)\"\n          >{{ char }}</span>\n        </span>\n      </div>\n      <div v-if=\"!modelValue\" class=\"mld-sequence-input__viewer-line\">\n        <span class=\"mld-sequence-input__line-number\" />\n        <span class=\"mld-sequence-input__line-content\" style=\"color: var(--text-muted);\">No sequence</span>\n      </div>\n    </div>\n\n    <!-- Stats -->\n    <div v-if=\"showStats && modelValue\" class=\"mld-sequence-input__stats\">\n      <span>\n        <span class=\"mld-sequence-input__stat-label\">Length:</span>\n        <span class=\"mld-sequence-input__stat-value\">{{ stats.length }}</span>\n      </span>\n      <span v-if=\"stats.gcPercent !== undefined\">\n        <span class=\"mld-sequence-input__stat-label\">GC:</span>\n        <span class=\"mld-sequence-input__stat-value\">{{ stats.gcPercent.toFixed(1) }}%</span>\n      </span>\n      <span v-if=\"stats.molecularWeight !== undefined\">\n        <span class=\"mld-sequence-input__stat-label\">MW:</span>\n        <span class=\"mld-sequence-input__stat-value\">~{{ (stats.molecularWeight / 1000).toFixed(1) }} kDa</span>\n      </span>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/sequence-input.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createElementVNode","_toDisplayString","_Fragment","_renderList"],"mappings":"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"}

package/dist/components/SequenceInput.vue3.js

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

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

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