@morscherlab/mld-sdk 0.6.0

package/dist/components/NumberInput.vue.js

@@ -0,0 +1,133 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["value", "min", "max", "step", "disabled", "placeholder"];
+const _hoisted_3 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NumberInput",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: "md" },
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const canDecrement = computed(() => {
+      if (props.modelValue === void 0) return true;
+      if (props.min === void 0) return true;
+      return props.modelValue > props.min;
+    });
+    const canIncrement = computed(() => {
+      if (props.modelValue === void 0) return true;
+      if (props.max === void 0) return true;
+      return props.modelValue < props.max;
+    });
+    function clamp(value) {
+      let result = value;
+      if (props.min !== void 0 && result < props.min) result = props.min;
+      if (props.max !== void 0 && result > props.max) result = props.max;
+      return result;
+    }
+    function handleInput(event) {
+      const target = event.target;
+      const value = target.value === "" ? void 0 : Number(target.value);
+      if (value !== void 0 && !isNaN(value)) {
+        emit("update:modelValue", clamp(value));
+      } else {
+        emit("update:modelValue", void 0);
+      }
+    }
+    function decrement() {
+      if (props.disabled || !canDecrement.value) return;
+      const current = props.modelValue ?? (props.max ?? 0);
+      emit("update:modelValue", clamp(current - props.step));
+    }
+    function increment() {
+      if (props.disabled || !canIncrement.value) return;
+      const current = props.modelValue ?? (props.min ?? 0);
+      emit("update:modelValue", clamp(current + props.step));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-number-input",
+          __props.error ? "mld-number-input--error" : "",
+          __props.disabled ? "mld-number-input--disabled" : ""
+        ])
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          "aria-label": "Decrease value",
+          disabled: __props.disabled || !canDecrement.value,
+          class: normalizeClass([
+            "mld-number-input__button",
+            "mld-number-input__button--decrement",
+            `mld-number-input__button--${__props.size}`
+          ]),
+          onClick: decrement
+        }, [..._cache[0] || (_cache[0] = [
+          createElementVNode("svg", {
+            class: "mld-number-input__button-icon",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            viewBox: "0 0 24 24"
+          }, [
+            createElementVNode("path", { d: "M5 12h14" })
+          ], -1)
+        ])], 10, _hoisted_1),
+        createElementVNode("input", {
+          type: "number",
+          value: __props.modelValue,
+          min: __props.min,
+          max: __props.max,
+          step: __props.step,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          class: normalizeClass([
+            "mld-number-input__input",
+            `mld-number-input__input--${__props.size}`,
+            __props.disabled ? "mld-number-input__input--disabled" : ""
+          ]),
+          onInput: handleInput
+        }, null, 42, _hoisted_2),
+        createElementVNode("button", {
+          type: "button",
+          "aria-label": "Increase value",
+          disabled: __props.disabled || !canIncrement.value,
+          class: normalizeClass([
+            "mld-number-input__button",
+            "mld-number-input__button--increment",
+            `mld-number-input__button--${__props.size}`
+          ]),
+          onClick: increment
+        }, [..._cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            class: "mld-number-input__button-icon",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            viewBox: "0 0 24 24"
+          }, [
+            createElementVNode("path", { d: "M5 12h14" }),
+            createElementVNode("path", { d: "M12 5v14" })
+          ], -1)
+        ])], 10, _hoisted_3)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=NumberInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.vue.js","sources":["../../src/components/NumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  modelValue?: number\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  placeholder?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  step: 1,\n  disabled: false,\n  error: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number | undefined]\n}>()\n\nconst canDecrement = computed(() => {\n  if (props.modelValue === undefined) return true\n  if (props.min === undefined) return true\n  return props.modelValue > props.min\n})\n\nconst canIncrement = computed(() => {\n  if (props.modelValue === undefined) return true\n  if (props.max === undefined) return true\n  return props.modelValue < props.max\n})\n\nfunction clamp(value: number): number {\n  let result = value\n  if (props.min !== undefined && result < props.min) result = props.min\n  if (props.max !== undefined && result > props.max) result = props.max\n  return result\n}\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  const value = target.value === '' ? undefined : Number(target.value)\n  if (value !== undefined && !isNaN(value)) {\n    emit('update:modelValue', clamp(value))\n  } else {\n    emit('update:modelValue', undefined)\n  }\n}\n\nfunction decrement() {\n  if (props.disabled || !canDecrement.value) return\n  const current = props.modelValue ?? (props.max ?? 0)\n  emit('update:modelValue', clamp(current - props.step))\n}\n\nfunction increment() {\n  if (props.disabled || !canIncrement.value) return\n  const current = props.modelValue ?? (props.min ?? 0)\n  emit('update:modelValue', clamp(current + props.step))\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-number-input',\n      error ? 'mld-number-input--error' : '',\n      disabled ? 'mld-number-input--disabled' : '',\n    ]\"\n  >\n    <button\n      type=\"button\"\n      aria-label=\"Decrease value\"\n      :disabled=\"disabled || !canDecrement\"\n      :class=\"[\n        'mld-number-input__button',\n        'mld-number-input__button--decrement',\n        `mld-number-input__button--${size}`,\n      ]\"\n      @click=\"decrement\"\n    >\n      <svg class=\"mld-number-input__button-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"M5 12h14\" />\n      </svg>\n    </button>\n\n    <input\n      type=\"number\"\n      :value=\"modelValue\"\n      :min=\"min\"\n      :max=\"max\"\n      :step=\"step\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      :class=\"[\n        'mld-number-input__input',\n        `mld-number-input__input--${size}`,\n        disabled ? 'mld-number-input__input--disabled' : '',\n      ]\"\n      @input=\"handleInput\"\n    />\n\n    <button\n      type=\"button\"\n      aria-label=\"Increase value\"\n      :disabled=\"disabled || !canIncrement\"\n      :class=\"[\n        'mld-number-input__button',\n        'mld-number-input__button--increment',\n        `mld-number-input__button--${size}`,\n      ]\"\n      @click=\"increment\"\n    >\n      <svg class=\"mld-number-input__button-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"M5 12h14\" /><path d=\"M12 5v14\" />\n      </svg>\n    </button>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/number-input.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode"],"mappings":"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"}

package/dist/components/NumberInput.vue3.js

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

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

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

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

@@ -0,0 +1,50 @@
+import { PlateMapEditorState, WellPlateFormat, SampleType } from '../types';
+interface Props {
+    modelValue?: PlateMapEditorState;
+    format?: WellPlateFormat;
+    maxPlates?: number;
+    samples?: SampleType[];
+    showToolbar?: boolean;
+    showSidebar?: boolean;
+    allowAddPlates?: boolean;
+    allowAddSamples?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (state: PlateMapEditorState) => any;
+    "plate-add": (plate: {
+        id: string;
+        name: string;
+    }) => any;
+    "plate-remove": (plateId: string) => any;
+    "sample-assign": (wellIds: string[], sampleId: string | undefined) => any;
+    "wells-clear": (wellIds: string[]) => any;
+    undo: () => any;
+    redo: () => any;
+    export: (data: string, format: "csv" | "json") => any;
+    import: (success: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((state: PlateMapEditorState) => any) | undefined;
+    "onPlate-add"?: ((plate: {
+        id: string;
+        name: string;
+    }) => any) | undefined;
+    "onPlate-remove"?: ((plateId: string) => any) | undefined;
+    "onSample-assign"?: ((wellIds: string[], sampleId: string | undefined) => any) | undefined;
+    "onWells-clear"?: ((wellIds: string[]) => any) | undefined;
+    onUndo?: (() => any) | undefined;
+    onRedo?: (() => any) | undefined;
+    onExport?: ((data: string, format: "csv" | "json") => any) | undefined;
+    onImport?: ((success: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg" | "xl" | "fill";
+    modelValue: PlateMapEditorState;
+    format: WellPlateFormat;
+    samples: SampleType[];
+    maxPlates: number;
+    showToolbar: boolean;
+    showSidebar: boolean;
+    allowAddPlates: boolean;
+    allowAddSamples: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;