@morscherlab/mld-sdk 0.7.2 → 0.7.3

package/dist/components/ExperimentDataViewer.vue.js

@@ -0,0 +1,258 @@
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList } from "vue";
+import _sfc_main$4 from "./SampleHierarchyTree.vue.js";
+/* empty css                         */
+import _sfc_main$3 from "./DataFrame.vue.js";
+/* empty css               */
+import _sfc_main$1 from "./SegmentedControl.vue.js";
+/* empty css                      */
+import _sfc_main$2 from "./BaseButton.vue.js";
+/* empty css                */
+const _hoisted_1 = { class: "mld-data-viewer" };
+const _hoisted_2 = { class: "mld-data-viewer__header" };
+const _hoisted_3 = { class: "mld-data-viewer__controls" };
+const _hoisted_4 = { class: "mld-data-viewer__actions" };
+const _hoisted_5 = { class: "mld-data-viewer__content" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mld-data-viewer__loading"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-summary"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "mld-summary__metadata"
+};
+const _hoisted_9 = { class: "mld-summary__pill-key" };
+const _hoisted_10 = { class: "mld-summary__pill-value" };
+const _hoisted_11 = { class: "mld-summary__group-header" };
+const _hoisted_12 = { class: "mld-summary__group-label" };
+const _hoisted_13 = { class: "mld-summary__group-count" };
+const _hoisted_14 = {
+  key: 0,
+  class: "mld-summary__group-meta"
+};
+const _hoisted_15 = { class: "mld-summary__pill-key" };
+const _hoisted_16 = { class: "mld-summary__pill-value" };
+const _hoisted_17 = { class: "mld-summary__table-header" };
+const _hoisted_18 = { class: "mld-summary__section-label" };
+const _hoisted_19 = { class: "mld-summary__section-count" };
+const _hoisted_20 = {
+  key: 3,
+  class: "mld-data-viewer__empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentDataViewer",
+  props: {
+    treeData: {},
+    tableData: {},
+    tableColumns: {},
+    summaryData: {},
+    defaultView: { default: "summary" },
+    title: { default: "Data" },
+    pluginName: {},
+    pluginRoutePrefix: {},
+    experimentId: {},
+    loading: { type: Boolean, default: false },
+    downloadJsonUrl: {},
+    downloadCsvUrl: {}
+  },
+  emits: ["open-plugin", "download-json", "download-csv"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const viewMode = ref(props.defaultView);
+    watch(() => props.defaultView, (val) => {
+      viewMode.value = val;
+    });
+    const viewOptions = computed(() => {
+      const opts = [];
+      if (props.summaryData) {
+        opts.push({ value: "summary", label: "Summary" });
+      }
+      opts.push({ value: "tree", label: "Tree" });
+      opts.push({ value: "table", label: "Table" });
+      return opts;
+    });
+    watch(() => props.summaryData, (val) => {
+      if (!val && viewMode.value === "summary") {
+        viewMode.value = "tree";
+      }
+    }, { immediate: true });
+    const hasTableData = computed(
+      () => props.tableData && props.tableData.length > 0
+    );
+    const metadataEntries = computed(() => {
+      var _a;
+      if (!((_a = props.summaryData) == null ? void 0 : _a.metadata)) return [];
+      return Object.entries(props.summaryData.metadata).filter(([, v]) => v !== null && v !== void 0 && v !== "").map(([key, value]) => ({
+        key: key.replace(/_/g, " "),
+        value: String(value)
+      }));
+    });
+    function humanizeColumn(col) {
+      return col.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+    }
+    function formatCellValue(value) {
+      if (value === null || value === void 0) return "";
+      if (typeof value === "object") return JSON.stringify(value);
+      return String(value);
+    }
+    function columnsForSection(columns) {
+      return columns.map((col) => ({
+        key: col,
+        label: humanizeColumn(col),
+        sortable: true,
+        formatter: (value) => formatCellValue(value)
+      }));
+    }
+    function handleDownloadJson() {
+      if (props.downloadJsonUrl) {
+        window.open(props.downloadJsonUrl, "_blank");
+      }
+      emit("download-json");
+    }
+    function handleDownloadCsv() {
+      if (props.downloadCsvUrl) {
+        window.open(props.downloadCsvUrl, "_blank");
+      }
+      emit("download-csv");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$1, {
+              modelValue: viewMode.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => viewMode.value = $event),
+              options: viewOptions.value,
+              variant: "card",
+              size: "sm",
+              "full-width": false
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            __props.pluginRoutePrefix && __props.experimentId ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              variant: "secondary",
+              size: "sm",
+              onClick: _cache[1] || (_cache[1] = ($event) => emit("open-plugin"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" Open in " + toDisplayString(__props.pluginName || "Plugin"), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              variant: "ghost",
+              size: "sm",
+              onClick: handleDownloadJson
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(" JSON ", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_sfc_main$2, {
+              variant: "ghost",
+              size: "sm",
+              onClick: handleDownloadCsv
+            }, {
+              default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                createTextVNode(" CSV ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_6, " Loading... ")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            viewMode.value === "summary" && __props.summaryData ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              metadataEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(metadataEntries.value, (entry) => {
+                  return openBlock(), createElementBlock("span", {
+                    key: entry.key,
+                    class: "mld-summary__pill"
+                  }, [
+                    createElementVNode("span", _hoisted_9, toDisplayString(entry.key), 1),
+                    createElementVNode("span", _hoisted_10, toDisplayString(entry.value), 1)
+                  ]);
+                }), 128))
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.summaryData.sections, (section) => {
+                var _a;
+                return openBlock(), createElementBlock("div", {
+                  key: section.key,
+                  class: "mld-summary__section"
+                }, [
+                  section.type === "group" && section.items ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.items, (item, idx) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: idx,
+                      class: "mld-summary__group-card"
+                    }, [
+                      createElementVNode("div", _hoisted_11, [
+                        createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1),
+                        createElementVNode("span", _hoisted_13, toDisplayString(item.item_count) + " " + toDisplayString(item.item_key), 1)
+                      ]),
+                      item.metadata && Object.keys(item.metadata).length ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.metadata, (val, key) => {
+                          return openBlock(), createElementBlock("span", {
+                            key: String(key),
+                            class: "mld-summary__pill mld-summary__pill--sm"
+                          }, [
+                            createElementVNode("span", _hoisted_15, toDisplayString(String(key).replace(/_/g, " ")), 1),
+                            createElementVNode("span", _hoisted_16, toDisplayString(val), 1)
+                          ]);
+                        }), 128))
+                      ])) : createCommentVNode("", true),
+                      item.rows.length ? (openBlock(), createBlock(_sfc_main$3, {
+                        key: 1,
+                        data: item.rows,
+                        columns: columnsForSection(item.columns),
+                        searchable: item.rows.length > 10,
+                        sortable: true,
+                        striped: true,
+                        size: "sm"
+                      }, null, 8, ["data", "columns", "searchable"])) : createCommentVNode("", true)
+                    ]);
+                  }), 128)) : section.type === "table" && section.rows ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createElementVNode("div", _hoisted_17, [
+                      createElementVNode("span", _hoisted_18, toDisplayString(section.label), 1),
+                      createElementVNode("span", _hoisted_19, toDisplayString(section.row_count) + " rows", 1)
+                    ]),
+                    createVNode(_sfc_main$3, {
+                      data: section.rows,
+                      columns: columnsForSection(section.columns || []),
+                      searchable: (((_a = section.rows) == null ? void 0 : _a.length) || 0) > 10,
+                      sortable: true,
+                      striped: true,
+                      size: "sm"
+                    }, null, 8, ["data", "columns", "searchable"])
+                  ], 64)) : createCommentVNode("", true)
+                ]);
+              }), 128))
+            ])) : viewMode.value === "tree" ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 1,
+              nodes: __props.treeData,
+              "expand-all": false,
+              "show-icons": true,
+              "show-counts": true,
+              size: "sm"
+            }, null, 8, ["nodes"])) : viewMode.value === "table" && hasTableData.value ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 2,
+              data: __props.tableData,
+              columns: __props.tableColumns ?? [],
+              searchable: true,
+              sortable: true
+            }, null, 8, ["data", "columns"])) : viewMode.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_20, " No tabular data available. Use tree view. ")) : createCommentVNode("", true)
+          ], 64))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ExperimentDataViewer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentDataViewer.vue.js","sources":["../../src/components/ExperimentDataViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport type { TreeNode, DataFrameColumn, SummaryData } from '../types'\nimport SampleHierarchyTree from './SampleHierarchyTree.vue'\nimport DataFrame from './DataFrame.vue'\nimport SegmentedControl from './SegmentedControl.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  treeData: TreeNode[]\n  tableData?: Record<string, unknown>[]\n  tableColumns?: DataFrameColumn[] | undefined\n  summaryData?: SummaryData | null\n  defaultView?: 'summary' | 'tree' | 'table'\n  title?: string\n  pluginName?: string\n  pluginRoutePrefix?: string\n  experimentId?: number\n  loading?: boolean\n  downloadJsonUrl?: string\n  downloadCsvUrl?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Data',\n  defaultView: 'summary',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'open-plugin': []\n  'download-json': []\n  'download-csv': []\n}>()\n\nconst viewMode = ref<string | number>(props.defaultView)\n\n// Reset view mode when defaultView prop changes\nwatch(() => props.defaultView, (val) => { viewMode.value = val })\n\nconst viewOptions = computed(() => {\n  const opts = []\n  if (props.summaryData) {\n    opts.push({ value: 'summary', label: 'Summary' })\n  }\n  opts.push({ value: 'tree', label: 'Tree' })\n  opts.push({ value: 'table', label: 'Table' })\n  return opts\n})\n\n// Fall back to tree if summary is selected but no summary data\nwatch(() => props.summaryData, (val) => {\n  if (!val && viewMode.value === 'summary') {\n    viewMode.value = 'tree'\n  }\n}, { immediate: true })\n\nconst hasTableData = computed(() =>\n  props.tableData && props.tableData.length > 0\n)\n\nconst metadataEntries = computed(() => {\n  if (!props.summaryData?.metadata) return []\n  return Object.entries(props.summaryData.metadata)\n    .filter(([, v]) => v !== null && v !== undefined && v !== '')\n    .map(([key, value]) => ({\n      key: key.replace(/_/g, ' '),\n      value: String(value),\n    }))\n})\n\nfunction humanizeColumn(col: string): string {\n  return col.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase())\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) return ''\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction columnsForSection(columns: string[]): DataFrameColumn[] {\n  return columns.map((col) => ({\n    key: col,\n    label: humanizeColumn(col),\n    sortable: true,\n    formatter: (value: unknown) => formatCellValue(value),\n  }))\n}\n\nfunction handleDownloadJson() {\n  if (props.downloadJsonUrl) {\n    window.open(props.downloadJsonUrl, '_blank')\n  }\n  emit('download-json')\n}\n\nfunction handleDownloadCsv() {\n  if (props.downloadCsvUrl) {\n    window.open(props.downloadCsvUrl, '_blank')\n  }\n  emit('download-csv')\n}\n</script>\n\n<template>\n  <div class=\"mld-data-viewer\">\n    <div class=\"mld-data-viewer__header\">\n      <div class=\"mld-data-viewer__controls\">\n        <SegmentedControl\n          v-model=\"viewMode\"\n          :options=\"viewOptions\"\n          variant=\"card\"\n          size=\"sm\"\n          :full-width=\"false\"\n        />\n      </div>\n      <div class=\"mld-data-viewer__actions\">\n        <BaseButton\n          v-if=\"pluginRoutePrefix && experimentId\"\n          variant=\"secondary\"\n          size=\"sm\"\n          @click=\"emit('open-plugin')\"\n        >\n          Open in {{ pluginName || 'Plugin' }}\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadJson\"\n        >\n          JSON\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadCsv\"\n        >\n          CSV\n        </BaseButton>\n      </div>\n    </div>\n\n    <div class=\"mld-data-viewer__content\">\n      <div v-if=\"loading\" class=\"mld-data-viewer__loading\">\n        Loading...\n      </div>\n      <template v-else>\n        <!-- Summary View -->\n        <div v-if=\"viewMode === 'summary' && summaryData\" class=\"mld-summary\">\n          <!-- Metadata pills -->\n          <div v-if=\"metadataEntries.length\" class=\"mld-summary__metadata\">\n            <span\n              v-for=\"entry in metadataEntries\"\n              :key=\"entry.key\"\n              class=\"mld-summary__pill\"\n            >\n              <span class=\"mld-summary__pill-key\">{{ entry.key }}</span>\n              <span class=\"mld-summary__pill-value\">{{ entry.value }}</span>\n            </span>\n          </div>\n\n          <!-- Sections -->\n          <div\n            v-for=\"section in summaryData.sections\"\n            :key=\"section.key\"\n            class=\"mld-summary__section\"\n          >\n            <!-- Group section: cards with embedded tables -->\n            <template v-if=\"section.type === 'group' && section.items\">\n              <div\n                v-for=\"(item, idx) in section.items\"\n                :key=\"idx\"\n                class=\"mld-summary__group-card\"\n              >\n                <div class=\"mld-summary__group-header\">\n                  <span class=\"mld-summary__group-label\">{{ item.label }}</span>\n                  <span class=\"mld-summary__group-count\">\n                    {{ item.item_count }} {{ item.item_key }}\n                  </span>\n                </div>\n                <div v-if=\"item.metadata && Object.keys(item.metadata).length\" class=\"mld-summary__group-meta\">\n                  <span\n                    v-for=\"(val, key) in item.metadata\"\n                    :key=\"String(key)\"\n                    class=\"mld-summary__pill mld-summary__pill--sm\"\n                  >\n                    <span class=\"mld-summary__pill-key\">{{ String(key).replace(/_/g, ' ') }}</span>\n                    <span class=\"mld-summary__pill-value\">{{ val }}</span>\n                  </span>\n                </div>\n                <DataFrame\n                  v-if=\"item.rows.length\"\n                  :data=\"item.rows\"\n                  :columns=\"columnsForSection(item.columns)\"\n                  :searchable=\"item.rows.length > 10\"\n                  :sortable=\"true\"\n                  :striped=\"true\"\n                  size=\"sm\"\n                />\n              </div>\n            </template>\n\n            <!-- Table section: flat table -->\n            <template v-else-if=\"section.type === 'table' && section.rows\">\n              <div class=\"mld-summary__table-header\">\n                <span class=\"mld-summary__section-label\">{{ section.label }}</span>\n                <span class=\"mld-summary__section-count\">{{ section.row_count }} rows</span>\n              </div>\n              <DataFrame\n                :data=\"section.rows\"\n                :columns=\"columnsForSection(section.columns || [])\"\n                :searchable=\"(section.rows?.length || 0) > 10\"\n                :sortable=\"true\"\n                :striped=\"true\"\n                size=\"sm\"\n              />\n            </template>\n          </div>\n        </div>\n\n        <!-- Tree View -->\n        <SampleHierarchyTree\n          v-else-if=\"viewMode === 'tree'\"\n          :nodes=\"treeData\"\n          :expand-all=\"false\"\n          :show-icons=\"true\"\n          :show-counts=\"true\"\n          size=\"sm\"\n        />\n\n        <!-- Table View -->\n        <DataFrame\n          v-else-if=\"viewMode === 'table' && hasTableData\"\n          :data=\"tableData!\"\n          :columns=\"tableColumns ?? []\"\n          :searchable=\"true\"\n          :sortable=\"true\"\n        />\n        <div v-else-if=\"viewMode === 'table'\" class=\"mld-data-viewer__empty\">\n          No tabular data available. Use tree view.\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-data-viewer.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","SegmentedControl","_createBlock","BaseButton","_createTextVNode","_Fragment","_renderList","_toDisplayString","DataFrame","SampleHierarchyTree"],"mappings":"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"}

package/dist/components/ExperimentDataViewer.vue3.js

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

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

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

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

@@ -4,11 +4,14 @@ interface Props {
     hint?: string;
     required?: boolean;
     htmlFor?: string;
+    fieldId?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            describedBy: string | undefined;
+        }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

package/dist/components/FormField.vue.js

@@ -1,18 +1,12 @@
-import { defineComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
 const _hoisted_1 = { class: "mld-form-field" };
 const _hoisted_2 = ["for"];
 const _hoisted_3 = {
   key: 0,
   class: "mld-form-field__required"
 };
-const _hoisted_4 = {
-  key: 1,
-  class: "mld-form-field__error"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "mld-form-field__hint"
-};
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormField",
   props: {
@@ -20,9 +14,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     error: {},
     hint: {},
     required: { type: Boolean },
-    htmlFor: {}
+    htmlFor: {},
+    fieldId: {}
   },
   setup(__props) {
+    const props = __props;
+    const errorId = computed(
+      () => props.error && props.fieldId ? `${props.fieldId}-error` : void 0
+    );
+    const hintId = computed(
+      () => !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : void 0
+    );
+    const describedBy = computed(() => errorId.value ?? hintId.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         __props.label ? (openBlock(), createElementBlock("label", {
@@ -33,8 +36,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(__props.label) + " ", 1),
           __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)
         ], 8, _hoisted_2)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default"),
-        __props.error ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value }),
+        __props.error ? (openBlock(), createElementBlock("p", {
+          key: 1,
+          id: errorId.value,
+          class: "mld-form-field__error",
+          role: "alert"
+        }, toDisplayString(__props.error), 9, _hoisted_4)) : __props.hint ? (openBlock(), createElementBlock("p", {
+          key: 2,
+          id: hintId.value,
+          class: "mld-form-field__hint"
+        }, toDisplayString(__props.hint), 9, _hoisted_5)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.vue.js","sources":["../../src/components/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  htmlFor?: string\n}\n\ndefineProps<Props>()\n</script>\n\n<template>\n  <div class=\"mld-form-field\">\n    <label\n      v-if=\"label\"\n      :for=\"htmlFor\"\n      class=\"mld-form-field__label\"\n    >\n      {{ label }}\n      <span v-if=\"required\" class=\"mld-form-field__required\">*</span>\n    </label>\n\n    <slot />\n\n    <p v-if=\"error\" class=\"mld-form-field__error\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" class=\"mld-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAhBI,QAAA,sBADRA,mBAOQ,SAAA;AAAA;UALL,KAAK,QAAA;AAAA,UACN,OAAM;AAAA,QAAA;UAEHC,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UAAY,QAAA,yBAAZF,mBAA+D,QAA/D,YAAuD,GAAC;;QAG1DG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEC,QAAA,sBAATH,mBAEI,KAFJ,YAEIE,gBADC,QAAA,KAAK,GAAA,CAAA,KAEI,QAAA,qBAAdF,mBAEI,KAFJ,YAEIE,gBADC,QAAA,IAAI,GAAA,CAAA;;;;;"}
+{"version":3,"file":"FormField.vue.js","sources":["../../src/components/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  htmlFor?: string\n  fieldId?: string\n}\n\nconst props = defineProps<Props>()\n\nconst errorId = computed(() =>\n  props.error && props.fieldId ? `${props.fieldId}-error` : undefined\n)\n\nconst hintId = computed(() =>\n  !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : undefined\n)\n\nconst describedBy = computed(() => errorId.value ?? hintId.value)\n</script>\n\n<template>\n  <div class=\"mld-form-field\">\n    <label\n      v-if=\"label\"\n      :for=\"htmlFor\"\n      class=\"mld-form-field__label\"\n    >\n      {{ label }}\n      <span v-if=\"required\" class=\"mld-form-field__required\">*</span>\n    </label>\n\n    <slot :described-by=\"describedBy\" />\n\n    <p v-if=\"error\" :id=\"errorId\" class=\"mld-form-field__error\" role=\"alert\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" :id=\"hintId\" class=\"mld-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AAEd,UAAM,UAAU;AAAA,MAAS,MACvB,MAAM,SAAS,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW;AAAA,IAAA;AAG5D,UAAM,SAAS;AAAA,MAAS,MACtB,CAAC,MAAM,SAAS,MAAM,QAAQ,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU;AAAA,IAAA;AAG1E,UAAM,cAAc,SAAS,MAAM,QAAQ,SAAS,OAAO,KAAK;;AAI9D,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAhBI,QAAA,sBADRA,mBAOQ,SAAA;AAAA;UALL,KAAK,QAAA;AAAA,UACN,OAAM;AAAA,QAAA;UAEHC,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UAAY,QAAA,yBAAZF,mBAA+D,QAA/D,YAAuD,GAAC;;QAG1DG,WAAoC,KAAA,QAAA,WAAA,EAA7B,aAAc,YAAA,OAAW;AAAA,QAEvB,QAAA,sBAATH,mBAEI,KAAA;AAAA;UAFa,IAAI,QAAA;AAAA,UAAS,OAAM;AAAA,UAAwB,MAAK;AAAA,QAAA,mBAC5D,QAAA,KAAK,GAAA,GAAA,UAAA,KAEI,QAAA,qBAAdA,mBAEI,KAAA;AAAA;UAFiB,IAAI,OAAA;AAAA,UAAQ,OAAM;AAAA,QAAA,mBAClC,QAAA,IAAI,GAAA,GAAA,UAAA;;;;;"}

package/dist/components/index.d.ts

@@ -69,6 +69,8 @@ export { default as FormBuilder } from './FormBuilder.vue';
 export { default as FormSection } from './FormSection.vue';
 export { default as FormActions } from './FormActions.vue';
 export { default as FormFieldRenderer } from './FormFieldRenderer.vue';
+export { default as ExperimentDataViewer } from './ExperimentDataViewer.vue';
+export { default as ExperimentCodeBadge } from './ExperimentCodeBadge.vue';
 export { default as DateTimePicker } from './DateTimePicker.vue';
 export { default as TimeRangeInput } from './TimeRangeInput.vue';
 export { default as ScheduleCalendar } from './ScheduleCalendar.vue';

package/dist/components/index.js

@@ -138,13 +138,17 @@ import { default as default70 } from "./FormSection.vue.js";
 import { default as default71 } from "./FormActions.vue.js";
 /* empty css                 */
 import { default as default72 } from "./FormFieldRenderer.vue.js";
-import { default as default73 } from "./DateTimePicker.vue.js";
+import { default as default73 } from "./ExperimentDataViewer.vue.js";
+/* empty css                          */
+import { default as default74 } from "./ExperimentCodeBadge.vue.js";
+/* empty css                         */
+import { default as default75 } from "./DateTimePicker.vue.js";
 /* empty css                    */
-import { default as default74 } from "./TimeRangeInput.vue.js";
+import { default as default76 } from "./TimeRangeInput.vue.js";
 /* empty css                    */
-import { default as default75 } from "./ScheduleCalendar.vue.js";
+import { default as default77 } from "./ScheduleCalendar.vue.js";
 /* empty css                      */
-import { default as default76 } from "./ResourceCard.vue.js";
+import { default as default78 } from "./ResourceCard.vue.js";
 /* empty css                  */
 export {
   default25 as AlertBox,
@@ -176,11 +180,13 @@ export {
   default44 as ConfirmDialog,
   default18 as DataFrame,
   default20 as DatePicker,
-  default73 as DateTimePicker,
+  default75 as DateTimePicker,
   default37 as Divider,
   default57 as DoseCalculator,
   default16 as DropdownButton,
   default41 as EmptyState,
+  default74 as ExperimentCodeBadge,
+  default73 as ExperimentDataViewer,
   default51 as ExperimentTimeline,
   default24 as FileUploader,
   default71 as FormActions,
@@ -201,11 +207,11 @@ export {
   default60 as ProtocolStepEditor,
   default48 as RackEditor,
   default58 as ReagentList,
-  default76 as ResourceCard,
+  default78 as ResourceCard,
   default59 as SampleHierarchyTree,
   default49 as SampleLegend,
   default52 as SampleSelector,
-  default75 as ScheduleCalendar,
+  default77 as ScheduleCalendar,
   default61 as ScientificNumber,
   default13 as SegmentedControl,
   default64 as SequenceInput,
@@ -217,7 +223,7 @@ export {
   default22 as TagsInput,
   default28 as ThemeToggle,
   default21 as TimePicker,
-  default74 as TimeRangeInput,
+  default76 as TimeRangeInput,
   default26 as ToastNotification,
   default43 as Tooltip,
   default65 as UnitInput,

package/dist/components/index.js.map

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { MLDSdk, default } from './install';
-export { BaseButton, BaseInput, BaseTextarea, BaseSelect, BaseCheckbox, BaseToggle, BaseRadioGroup, BaseSlider, ColorSlider, BaseTabs, BaseModal, FormField, DatePicker, TimePicker, TagsInput, NumberInput, FileUploader, AlertBox, ToastNotification, IconButton, ThemeToggle, SettingsButton, CollapsibleCard, AppTopBar, AppSidebar, AppLayout, AppContainer, Skeleton, WellPlate, RackEditor, SampleLegend, PlateMapEditor, ExperimentTimeline, SampleSelector, GroupingModal, GroupAssigner, MoleculeInput, ConcentrationInput, DoseCalculator, ReagentList, SampleHierarchyTree, ProtocolStepEditor, SegmentedControl, MultiSelect, BasePill, DropdownButton, Calendar, DataFrame, LoadingSpinner, Divider, StatusIndicator, ProgressBar, Avatar, EmptyState, Breadcrumb, Tooltip, ConfirmDialog, ChartContainer, SettingsModal, ScientificNumber, ChemicalFormula, FormulaInput, SequenceInput, UnitInput, StepWizard, AuditTrail, BatchProgressList, DateTimePicker, TimeRangeInput, ScheduleCalendar, ResourceCard, } from './components';
+export { BaseButton, BaseInput, BaseTextarea, BaseSelect, BaseCheckbox, BaseToggle, BaseRadioGroup, BaseSlider, ColorSlider, BaseTabs, BaseModal, FormField, DatePicker, TimePicker, TagsInput, NumberInput, FileUploader, AlertBox, ToastNotification, IconButton, ThemeToggle, SettingsButton, CollapsibleCard, AppTopBar, AppSidebar, AppLayout, AppContainer, Skeleton, WellPlate, RackEditor, SampleLegend, PlateMapEditor, ExperimentTimeline, SampleSelector, GroupingModal, GroupAssigner, MoleculeInput, ConcentrationInput, DoseCalculator, ReagentList, SampleHierarchyTree, ProtocolStepEditor, SegmentedControl, MultiSelect, BasePill, DropdownButton, Calendar, DataFrame, LoadingSpinner, Divider, StatusIndicator, ProgressBar, Avatar, EmptyState, Breadcrumb, Tooltip, ConfirmDialog, ChartContainer, SettingsModal, ScientificNumber, ChemicalFormula, FormulaInput, SequenceInput, UnitInput, StepWizard, AuditTrail, BatchProgressList, ExperimentDataViewer, ExperimentCodeBadge, DateTimePicker, TimeRangeInput, ScheduleCalendar, ResourceCard, } from './components';
 export { useApi, useAuth, usePasskey, useTheme, useToast, usePlatformContext, useWellPlateEditor, useConcentrationUnits, useDoseCalculator, useProtocolTemplates, useRackEditor, useChemicalFormula, ATOMIC_WEIGHTS, useSequenceUtils, type ApiClientOptions, type UseWellPlateEditorOptions, type UseWellPlateEditorReturn, type UseRackEditorOptions, type UseRackEditorReturn, type ConcentrationValue, type ConcentrationUnit, type VolumeValue, type VolumeUnit, type StepTemplate, type FormulaParseResult, type FormulaPart, type SequenceType, type SequenceStats, parseTime, formatTime, generateTimeSlots, rangesOverlap, durationMinutes, formatDuration, isTimeInRange, findAvailableSlots, snapToSlot, addMinutes, compareTime, useScheduleDrag, usePluginConfig, type UsePluginConfigReturn, } from './composables';
 export { useAuthStore, useSettingsStore, colorPalettes, type SettingsState, } from './stores';
-export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, AlertType, Toast, TabItem, SelectOption, RadioOption, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, WellPlateFormat, WellState, WellPlateSelectionMode, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, TooltipPosition, ConfirmVariant, SettingsTab, NumberNotation, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, ResourceStatus, ResourceSpec, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, AuthConfig, UserInfo, LoginResponse, TokenVerifyResponse, RegisterRequest, UpdateProfileRequest, CredentialInfo, PluginInfo, PluginNavItem, PluginSettings, PluginSettingField, PlatformContext, PlatformEventType, PlatformEvent, ThemeMode, ColorPalette, TableDensity, } from './types';
+export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, AlertType, Toast, TabItem, SelectOption, RadioOption, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, WellPlateFormat, WellState, WellPlateSelectionMode, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, TooltipPosition, ConfirmVariant, SettingsTab, NumberNotation, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, ResourceStatus, ResourceSpec, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, AuthConfig, UserInfo, LoginResponse, TokenVerifyResponse, RegisterRequest, UpdateProfileRequest, CredentialInfo, SummaryData, SummarySection, SummarySectionItem, TreeNode, TreeNodeType, PluginInfo, PluginNavItem, PluginSettings, PluginSettingField, PlatformContext, PlatformEventType, PlatformEvent, ThemeMode, ColorPalette, TableDensity, } from './types';

package/dist/index.js

@@ -133,13 +133,17 @@ import { default as default67 } from "./components/AuditTrail.vue.js";
 /* empty css                           */
 import { default as default68 } from "./components/BatchProgressList.vue.js";
 /* empty css                                  */
-import { default as default69 } from "./components/DateTimePicker.vue.js";
+import { default as default69 } from "./components/ExperimentDataViewer.vue.js";
+/* empty css                                     */
+import { default as default70 } from "./components/ExperimentCodeBadge.vue.js";
+/* empty css                                    */
+import { default as default71 } from "./components/DateTimePicker.vue.js";
 /* empty css                               */
-import { default as default70 } from "./components/TimeRangeInput.vue.js";
+import { default as default72 } from "./components/TimeRangeInput.vue.js";
 /* empty css                               */
-import { default as default71 } from "./components/ScheduleCalendar.vue.js";
+import { default as default73 } from "./components/ScheduleCalendar.vue.js";
 /* empty css                                 */
-import { default as default72 } from "./components/ResourceCard.vue.js";
+import { default as default74 } from "./components/ResourceCard.vue.js";
 /* empty css                             */
 import { useApi } from "./composables/useApi.js";
 import { useAuth } from "./composables/useAuth.js";
@@ -190,11 +194,13 @@ export {
   default44 as ConfirmDialog,
   default18 as DataFrame,
   default20 as DatePicker,
-  default69 as DateTimePicker,
+  default71 as DateTimePicker,
   default37 as Divider,
   default57 as DoseCalculator,
   default16 as DropdownButton,
   default41 as EmptyState,
+  default70 as ExperimentCodeBadge,
+  default69 as ExperimentDataViewer,
   default51 as ExperimentTimeline,
   default24 as FileUploader,
   default19 as FormField,
@@ -212,11 +218,11 @@ export {
   default60 as ProtocolStepEditor,
   default48 as RackEditor,
   default58 as ReagentList,
-  default72 as ResourceCard,
+  default74 as ResourceCard,
   default59 as SampleHierarchyTree,
   default49 as SampleLegend,
   default52 as SampleSelector,
-  default71 as ScheduleCalendar,
+  default73 as ScheduleCalendar,
   default61 as ScientificNumber,
   default13 as SegmentedControl,
   default64 as SequenceInput,
@@ -228,7 +234,7 @@ export {
   default22 as TagsInput,
   default28 as ThemeToggle,
   default21 as TimePicker,
-  default70 as TimeRangeInput,
+  default72 as TimeRangeInput,
   default26 as ToastNotification,
   default43 as Tooltip,
   default65 as UnitInput,

package/dist/index.js.map

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