@morscherlab/mld-sdk 0.6.0

package/dist/components/ResourceCard.vue.js

@@ -0,0 +1,212 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
+import _sfc_main$1 from "./BasePill.vue.js";
+/* empty css              */
+const _hoisted_1 = { class: "mld-resource-card__name" };
+const _hoisted_2 = { class: "mld-resource-card__content" };
+const _hoisted_3 = { class: "mld-resource-card__header" };
+const _hoisted_4 = { class: "mld-resource-card__image" };
+const _hoisted_5 = ["src", "alt"];
+const _hoisted_6 = {
+  key: 1,
+  class: "mld-resource-card__image-fallback"
+};
+const _hoisted_7 = { class: "mld-resource-card__body" };
+const _hoisted_8 = { class: "mld-resource-card__title-row" };
+const _hoisted_9 = { class: "mld-resource-card__name" };
+const _hoisted_10 = { class: "mld-resource-card__status" };
+const _hoisted_11 = { class: "mld-resource-card__status-label" };
+const _hoisted_12 = {
+  key: 0,
+  class: "mld-resource-card__description"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "mld-resource-card__location"
+};
+const _hoisted_14 = {
+  key: 2,
+  class: "mld-resource-card__next-available"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "mld-resource-card__specs"
+};
+const _hoisted_16 = { class: "mld-resource-card__spec-label" };
+const _hoisted_17 = { class: "mld-resource-card__spec-value" };
+const _hoisted_18 = {
+  key: 1,
+  class: "mld-resource-card__footer"
+};
+const _hoisted_19 = { class: "mld-resource-card__tags" };
+const _hoisted_20 = { class: "mld-resource-card__action" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResourceCard",
+  props: {
+    name: {},
+    description: {},
+    status: { default: "available" },
+    image: {},
+    location: {},
+    specs: { default: () => [] },
+    tags: { default: () => [] },
+    nextAvailable: {},
+    showBookAction: { type: Boolean, default: true },
+    compact: { type: Boolean, default: false },
+    size: { default: "md" },
+    statusLabel: {}
+  },
+  emits: ["book", "click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const defaultStatusLabels = {
+      "available": "Available",
+      "in-use": "In Use",
+      "maintenance": "Maintenance",
+      "offline": "Offline"
+    };
+    const displayStatusLabel = computed(() => props.statusLabel ?? defaultStatusLabels[props.status]);
+    const cardClasses = computed(() => [
+      "mld-resource-card",
+      `mld-resource-card--${props.size}`,
+      { "mld-resource-card--compact": props.compact }
+    ]);
+    function handleBook(event) {
+      event.stopPropagation();
+      emit("book");
+    }
+    function handleClick() {
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return __props.compact ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(cardClasses.value),
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "status", {}, () => [
+          createElementVNode("span", {
+            class: normalizeClass(["mld-resource-card__status-dot", `mld-resource-card__status-dot--${__props.status}`])
+          }, null, 2)
+        ]),
+        createElementVNode("span", _hoisted_1, toDisplayString(__props.name), 1),
+        createElementVNode("span", {
+          class: normalizeClass(["mld-resource-card__status-label", `mld-resource-card__status-label--${__props.status}`])
+        }, toDisplayString(displayStatusLabel.value), 3),
+        renderSlot(_ctx.$slots, "action", {}, () => [
+          __props.showBookAction ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "mld-resource-card__book-btn",
+            onClick: handleBook
+          }, " Book ")) : createCommentVNode("", true)
+        ])
+      ], 2)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(cardClasses.value),
+        onClick: handleClick
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "image", {}, () => [
+                __props.image ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: __props.image,
+                  alt: __props.name
+                }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("div", _hoisted_6, [..._cache[0] || (_cache[0] = [
+                  createElementVNode("svg", {
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    createElementVNode("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "1.5",
+                      d: "M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714a2.25 2.25 0 00.659 1.591L19 14.5M14.25 3.104c.251.023.501.05.75.082M19 14.5l-2.47 2.47a2.25 2.25 0 00-.659 1.59V21a.75.75 0 01-.75.75h-6.24a.75.75 0 01-.75-.75v-2.44a2.25 2.25 0 00-.659-1.59L5 14.5m14 0h-2.25m-10.5 0H4"
+                    })
+                  ], -1)
+                ])]))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("h3", _hoisted_9, toDisplayString(__props.name), 1),
+                renderSlot(_ctx.$slots, "status", {}, () => [
+                  createElementVNode("div", _hoisted_10, [
+                    createElementVNode("span", {
+                      class: normalizeClass(["mld-resource-card__status-dot", `mld-resource-card__status-dot--${__props.status}`])
+                    }, null, 2),
+                    createElementVNode("span", _hoisted_11, toDisplayString(displayStatusLabel.value), 1)
+                  ])
+                ])
+              ]),
+              __props.description ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+              __props.location ? (openBlock(), createElementBlock("p", _hoisted_13, "Location: " + toDisplayString(__props.location), 1)) : createCommentVNode("", true),
+              __props.nextAvailable ? (openBlock(), createElementBlock("p", _hoisted_14, "Next available: " + toDisplayString(__props.nextAvailable), 1)) : createCommentVNode("", true)
+            ])
+          ]),
+          __props.specs.length > 0 || _ctx.$slots.specs ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            renderSlot(_ctx.$slots, "specs", {}, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.specs, (spec) => {
+                return openBlock(), createElementBlock("div", {
+                  key: spec.label,
+                  class: "mld-resource-card__spec"
+                }, [
+                  createElementVNode("span", _hoisted_16, toDisplayString(spec.label), 1),
+                  createElementVNode("span", _hoisted_17, toDisplayString(spec.value), 1)
+                ]);
+              }), 128))
+            ])
+          ])) : createCommentVNode("", true),
+          __props.tags.length > 0 || __props.showBookAction || _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_18, [
+            createElementVNode("div", _hoisted_19, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
+                return openBlock(), createBlock(_sfc_main$1, {
+                  key: tag,
+                  size: "sm"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(tag), 1)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_20, [
+              renderSlot(_ctx.$slots, "action", {}, () => [
+                __props.showBookAction ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "mld-resource-card__book-btn",
+                  onClick: handleBook
+                }, [..._cache[1] || (_cache[1] = [
+                  createTextVNode(" Book Now ", -1),
+                  createElementVNode("svg", {
+                    width: "12",
+                    height: "12",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    createElementVNode("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    })
+                  ], -1)
+                ])])) : createCommentVNode("", true)
+              ])
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResourceCard.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCard.vue.js","sources":["../../src/components/ResourceCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport BasePill from './BasePill.vue'\nimport type { ResourceStatus, ResourceSpec } from '../types/components'\n\ninterface Props {\n  name: string\n  description?: string\n  status?: ResourceStatus\n  image?: string\n  location?: string\n  specs?: ResourceSpec[]\n  tags?: string[]\n  nextAvailable?: string\n  showBookAction?: boolean\n  compact?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  statusLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  status: 'available',\n  specs: () => [],\n  tags: () => [],\n  showBookAction: true,\n  compact: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  book: []\n  click: []\n}>()\n\nconst defaultStatusLabels: Record<ResourceStatus, string> = {\n  'available': 'Available',\n  'in-use': 'In Use',\n  'maintenance': 'Maintenance',\n  'offline': 'Offline',\n}\n\nconst displayStatusLabel = computed(() => props.statusLabel ?? defaultStatusLabels[props.status])\n\nconst cardClasses = computed(() => [\n  'mld-resource-card',\n  `mld-resource-card--${props.size}`,\n  { 'mld-resource-card--compact': props.compact },\n])\n\nfunction handleBook(event: MouseEvent) {\n  event.stopPropagation()\n  emit('book')\n}\n\nfunction handleClick() {\n  emit('click')\n}\n</script>\n\n<template>\n  <!-- Compact mode -->\n  <div v-if=\"compact\" :class=\"cardClasses\" @click=\"handleClick\">\n    <slot name=\"status\">\n      <span :class=\"['mld-resource-card__status-dot', `mld-resource-card__status-dot--${status}`]\" />\n    </slot>\n\n    <span class=\"mld-resource-card__name\">{{ name }}</span>\n\n    <span :class=\"['mld-resource-card__status-label', `mld-resource-card__status-label--${status}`]\">\n      {{ displayStatusLabel }}\n    </span>\n\n    <slot name=\"action\">\n      <button\n        v-if=\"showBookAction\"\n        type=\"button\"\n        class=\"mld-resource-card__book-btn\"\n        @click=\"handleBook\"\n      >\n        Book\n      </button>\n    </slot>\n  </div>\n\n  <!-- Card mode -->\n  <div v-else :class=\"cardClasses\" @click=\"handleClick\">\n    <div class=\"mld-resource-card__content\">\n      <div class=\"mld-resource-card__header\">\n        <!-- Image / fallback -->\n        <div class=\"mld-resource-card__image\">\n          <slot name=\"image\">\n            <img v-if=\"image\" :src=\"image\" :alt=\"name\" />\n            <div v-else class=\"mld-resource-card__image-fallback\">\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714a2.25 2.25 0 00.659 1.591L19 14.5M14.25 3.104c.251.023.501.05.75.082M19 14.5l-2.47 2.47a2.25 2.25 0 00-.659 1.59V21a.75.75 0 01-.75.75h-6.24a.75.75 0 01-.75-.75v-2.44a2.25 2.25 0 00-.659-1.59L5 14.5m14 0h-2.25m-10.5 0H4\" />\n              </svg>\n            </div>\n          </slot>\n        </div>\n\n        <!-- Body -->\n        <div class=\"mld-resource-card__body\">\n          <div class=\"mld-resource-card__title-row\">\n            <h3 class=\"mld-resource-card__name\">{{ name }}</h3>\n\n            <slot name=\"status\">\n              <div class=\"mld-resource-card__status\">\n                <span :class=\"['mld-resource-card__status-dot', `mld-resource-card__status-dot--${status}`]\" />\n                <span class=\"mld-resource-card__status-label\">{{ displayStatusLabel }}</span>\n              </div>\n            </slot>\n          </div>\n\n          <p v-if=\"description\" class=\"mld-resource-card__description\">{{ description }}</p>\n\n          <p v-if=\"location\" class=\"mld-resource-card__location\">Location: {{ location }}</p>\n\n          <p v-if=\"nextAvailable\" class=\"mld-resource-card__next-available\">Next available: {{ nextAvailable }}</p>\n        </div>\n      </div>\n\n      <!-- Specs -->\n      <div v-if=\"specs.length > 0 || $slots.specs\" class=\"mld-resource-card__specs\">\n        <slot name=\"specs\">\n          <div v-for=\"spec in specs\" :key=\"spec.label\" class=\"mld-resource-card__spec\">\n            <span class=\"mld-resource-card__spec-label\">{{ spec.label }}</span>\n            <span class=\"mld-resource-card__spec-value\">{{ spec.value }}</span>\n          </div>\n        </slot>\n      </div>\n\n      <!-- Tags + action -->\n      <div v-if=\"tags.length > 0 || showBookAction || $slots.action\" class=\"mld-resource-card__footer\">\n        <div class=\"mld-resource-card__tags\">\n          <BasePill v-for=\"tag in tags\" :key=\"tag\" size=\"sm\">{{ tag }}</BasePill>\n        </div>\n\n        <div class=\"mld-resource-card__action\">\n          <slot name=\"action\">\n            <button\n              v-if=\"showBookAction\"\n              type=\"button\"\n              class=\"mld-resource-card__book-btn\"\n              @click=\"handleBook\"\n            >\n              Book Now\n              <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" />\n              </svg>\n            </button>\n          </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/resource-card.css';\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode","_toDisplayString","_openBlock","$slots","_Fragment","_renderList","_createBlock","BasePill"],"mappings":"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"}

package/dist/components/ResourceCard.vue3.js

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

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

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

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

@@ -0,0 +1,37 @@
+export type TreeNodeType = 'study' | 'experiment' | 'plate' | 'sample' | 'cell_line' | 'passage' | 'clone' | 'treatment' | 'folder' | 'custom';
+export type BadgeVariant = 'default' | 'success' | 'warning' | 'error';
+export interface TreeNode {
+    id: string;
+    label: string;
+    type?: TreeNodeType;
+    icon?: string;
+    children?: TreeNode[];
+    metadata?: Record<string, unknown>;
+    badge?: string | number;
+    badgeVariant?: BadgeVariant;
+}
+interface Props {
+    nodes: TreeNode[];
+    defaultExpandedIds?: string[];
+    expandAll?: boolean;
+    showIcons?: boolean;
+    showCounts?: boolean;
+    maxDepth?: number;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    collapse: (nodeId: string) => any;
+    "node-click": (node: TreeNode) => any;
+    expand: (nodeId: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCollapse?: ((nodeId: string) => any) | undefined;
+    "onNode-click"?: ((node: TreeNode) => any) | undefined;
+    onExpand?: ((nodeId: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    showCounts: boolean;
+    defaultExpandedIds: string[];
+    expandAll: boolean;
+    showIcons: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/SampleHierarchyTree.vue.js

@@ -0,0 +1,217 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, h, Transition } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-sample-tree__empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SampleHierarchyTree",
+  props: {
+    nodes: {},
+    defaultExpandedIds: { default: () => [] },
+    expandAll: { type: Boolean, default: false },
+    showIcons: { type: Boolean, default: true },
+    showCounts: { type: Boolean, default: true },
+    maxDepth: {},
+    size: { default: "md" }
+  },
+  emits: ["node-click", "expand", "collapse"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const expandedIds = ref(new Set(props.defaultExpandedIds));
+    const typeIcons = {
+      study: [
+        { tag: "path", attrs: { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" } }
+      ],
+      experiment: [
+        { tag: "path", attrs: { d: "M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" } },
+        { tag: "path", attrs: { d: "M6.453 15h11.094" } },
+        { tag: "path", attrs: { d: "M8.5 2h7" } }
+      ],
+      plate: [
+        { tag: "rect", attrs: { width: "7", height: "7", x: "3", y: "3", rx: "1" } },
+        { tag: "rect", attrs: { width: "7", height: "7", x: "14", y: "3", rx: "1" } },
+        { tag: "rect", attrs: { width: "7", height: "7", x: "14", y: "14", rx: "1" } },
+        { tag: "rect", attrs: { width: "7", height: "7", x: "3", y: "14", rx: "1" } }
+      ],
+      sample: [
+        { tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } },
+        { tag: "path", attrs: { d: "M12 6v6l4 2" } }
+      ],
+      cell_line: [
+        { tag: "path", attrs: { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" } },
+        { tag: "path", attrs: { d: "M9 18h6" } },
+        { tag: "path", attrs: { d: "M10 22h4" } }
+      ],
+      passage: [
+        { tag: "path", attrs: { d: "M3 5h.01" } },
+        { tag: "path", attrs: { d: "M3 12h.01" } },
+        { tag: "path", attrs: { d: "M3 19h.01" } },
+        { tag: "path", attrs: { d: "M8 5h13" } },
+        { tag: "path", attrs: { d: "M8 12h13" } },
+        { tag: "path", attrs: { d: "M8 19h13" } }
+      ],
+      clone: [
+        { tag: "rect", attrs: { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" } },
+        { tag: "path", attrs: { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } }
+      ],
+      treatment: [
+        { tag: "path", attrs: { d: "M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" } },
+        { tag: "path", attrs: { d: "M6.453 15h11.094" } },
+        { tag: "path", attrs: { d: "M8.5 2h7" } }
+      ],
+      folder: [
+        { tag: "path", attrs: { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" } }
+      ],
+      custom: [
+        { tag: "path", attrs: { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" } },
+        { tag: "circle", attrs: { cx: "12", cy: "12", r: "3" } }
+      ]
+    };
+    function collectAllIds(nodes) {
+      const ids = [];
+      function traverse(node) {
+        ids.push(node.id);
+        if (node.children) {
+          node.children.forEach(traverse);
+        }
+      }
+      nodes.forEach(traverse);
+      return ids;
+    }
+    watch(
+      () => props.expandAll,
+      (shouldExpandAll) => {
+        if (shouldExpandAll) {
+          expandedIds.value = new Set(collectAllIds(props.nodes));
+        } else {
+          expandedIds.value = new Set(props.defaultExpandedIds);
+        }
+      },
+      { immediate: true }
+    );
+    function isExpanded(nodeId) {
+      return expandedIds.value.has(nodeId);
+    }
+    function toggleExpand(node) {
+      if (isExpanded(node.id)) {
+        expandedIds.value.delete(node.id);
+        emit("collapse", node.id);
+      } else {
+        expandedIds.value.add(node.id);
+        emit("expand", node.id);
+      }
+    }
+    function handleNodeClick(node) {
+      emit("node-click", node);
+    }
+    function getIconElements(node) {
+      if (node.icon) return [{ tag: "path", attrs: { d: node.icon } }];
+      return typeIcons[node.type || "custom"];
+    }
+    function getBadgeContent(node) {
+      if (node.badge !== void 0) return node.badge;
+      if (props.showCounts && node.children && node.children.length > 0) {
+        return node.children.length;
+      }
+      return void 0;
+    }
+    function getBadgeVariant(node) {
+      return node.badgeVariant || "default";
+    }
+    function hasChildren(node) {
+      return !!node.children && node.children.length > 0;
+    }
+    function canShowChildren(node, depth) {
+      if (!hasChildren(node)) return false;
+      if (props.maxDepth !== void 0 && depth >= props.maxDepth) return false;
+      return isExpanded(node.id);
+    }
+    function renderNode(node, depth) {
+      const expanded = isExpanded(node.id);
+      const canExpand = hasChildren(node);
+      const showChildNodes = canShowChildren(node, depth);
+      const badge = getBadgeContent(node);
+      const badgeVar = getBadgeVariant(node);
+      const iconElements = getIconElements(node);
+      const header = h(
+        "div",
+        {
+          class: "mld-sample-tree__node-header",
+          onClick: () => handleNodeClick(node)
+        },
+        [
+          canExpand ? h(
+            "button",
+            {
+              type: "button",
+              class: "mld-sample-tree__toggle",
+              "aria-label": expanded ? "Collapse" : "Expand",
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleExpand(node);
+              }
+            },
+            [
+              h("svg", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, [
+                h("path", { d: "m9 18 6-6-6-6" })
+              ])
+            ]
+          ) : h("span", { class: "mld-sample-tree__toggle-placeholder" }),
+          props.showIcons ? h("span", { class: ["mld-sample-tree__icon", `mld-sample-tree__icon--${node.type || "custom"}`] }, [
+            h(
+              "svg",
+              { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
+              iconElements.map((el) => h(el.tag, el.attrs))
+            )
+          ]) : null,
+          h("span", { class: "mld-sample-tree__label" }, node.label),
+          badge !== void 0 ? h("span", { class: ["mld-sample-tree__badge", `mld-sample-tree__badge--${badgeVar}`] }, String(badge)) : null
+        ]
+      );
+      const childNodes = showChildNodes && node.children ? h(
+        Transition,
+        { enterActiveClass: "mld-sample-tree__children--entering", leaveActiveClass: "mld-sample-tree__children--leaving" },
+        () => h("div", { class: "mld-sample-tree__children" }, node.children.map((child) => renderNode(child, depth + 1)))
+      ) : null;
+      return h(
+        "div",
+        {
+          key: node.id,
+          class: ["mld-sample-tree__node", expanded ? "mld-sample-tree__node--expanded" : "", !canExpand ? "mld-sample-tree__node--leaf" : ""],
+          role: "treeitem",
+          "aria-expanded": canExpand ? expanded : void 0
+        },
+        [header, childNodes]
+      );
+    }
+    function renderTree() {
+      return props.nodes.map((node) => renderNode(node, 0));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-sample-tree", `mld-sample-tree--${__props.size}`]),
+        role: "tree"
+      }, [
+        __props.nodes.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+          createElementVNode("svg", {
+            class: "mld-sample-tree__empty-icon",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            createElementVNode("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" })
+          ], -1),
+          createElementVNode("p", { class: "mld-sample-tree__empty-text" }, "No items", -1)
+        ])])) : (openBlock(), createBlock(resolveDynamicComponent(() => renderTree()), { key: 1 }))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SampleHierarchyTree.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SampleHierarchyTree.vue.js","sources":["../../src/components/SampleHierarchyTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, type VNode } from 'vue'\nimport { h, Transition } from 'vue'\n\nexport type TreeNodeType =\n  | 'study'\n  | 'experiment'\n  | 'plate'\n  | 'sample'\n  | 'cell_line'\n  | 'passage'\n  | 'clone'\n  | 'treatment'\n  | 'folder'\n  | 'custom'\n\nexport type BadgeVariant = 'default' | 'success' | 'warning' | 'error'\n\nexport interface TreeNode {\n  id: string\n  label: string\n  type?: TreeNodeType\n  icon?: string\n  children?: TreeNode[]\n  metadata?: Record<string, unknown>\n  badge?: string | number\n  badgeVariant?: BadgeVariant\n}\n\ninterface Props {\n  nodes: TreeNode[]\n  defaultExpandedIds?: string[]\n  expandAll?: boolean\n  showIcons?: boolean\n  showCounts?: boolean\n  maxDepth?: number\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  defaultExpandedIds: () => [],\n  expandAll: false,\n  showIcons: true,\n  showCounts: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'node-click': [node: TreeNode]\n  'expand': [nodeId: string]\n  'collapse': [nodeId: string]\n}>()\n\n// Track expanded nodes\nconst expandedIds = ref<Set<string>>(new Set(props.defaultExpandedIds))\n\n// Default icons by type (Lucide SVG paths - arrays to support multi-path icons)\ninterface IconElement {\n  tag: 'path' | 'circle' | 'rect'\n  attrs: Record<string, string | number>\n}\n\nconst typeIcons: Record<TreeNodeType, IconElement[]> = {\n  study: [\n    { tag: 'path', attrs: { d: 'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' } },\n  ],\n  experiment: [\n    { tag: 'path', attrs: { d: 'M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2' } },\n    { tag: 'path', attrs: { d: 'M6.453 15h11.094' } },\n    { tag: 'path', attrs: { d: 'M8.5 2h7' } },\n  ],\n  plate: [\n    { tag: 'rect', attrs: { width: '7', height: '7', x: '3', y: '3', rx: '1' } },\n    { tag: 'rect', attrs: { width: '7', height: '7', x: '14', y: '3', rx: '1' } },\n    { tag: 'rect', attrs: { width: '7', height: '7', x: '14', y: '14', rx: '1' } },\n    { tag: 'rect', attrs: { width: '7', height: '7', x: '3', y: '14', rx: '1' } },\n  ],\n  sample: [\n    { tag: 'circle', attrs: { cx: '12', cy: '12', r: '10' } },\n    { tag: 'path', attrs: { d: 'M12 6v6l4 2' } },\n  ],\n  cell_line: [\n    { tag: 'path', attrs: { d: 'M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5' } },\n    { tag: 'path', attrs: { d: 'M9 18h6' } },\n    { tag: 'path', attrs: { d: 'M10 22h4' } },\n  ],\n  passage: [\n    { tag: 'path', attrs: { d: 'M3 5h.01' } },\n    { tag: 'path', attrs: { d: 'M3 12h.01' } },\n    { tag: 'path', attrs: { d: 'M3 19h.01' } },\n    { tag: 'path', attrs: { d: 'M8 5h13' } },\n    { tag: 'path', attrs: { d: 'M8 12h13' } },\n    { tag: 'path', attrs: { d: 'M8 19h13' } },\n  ],\n  clone: [\n    { tag: 'rect', attrs: { width: '14', height: '14', x: '8', y: '8', rx: '2', ry: '2' } },\n    { tag: 'path', attrs: { d: 'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' } },\n  ],\n  treatment: [\n    { tag: 'path', attrs: { d: 'M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2' } },\n    { tag: 'path', attrs: { d: 'M6.453 15h11.094' } },\n    { tag: 'path', attrs: { d: 'M8.5 2h7' } },\n  ],\n  folder: [\n    { tag: 'path', attrs: { d: 'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' } },\n  ],\n  custom: [\n    { tag: 'path', attrs: { d: 'M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915' } },\n    { tag: 'circle', attrs: { cx: '12', cy: '12', r: '3' } },\n  ],\n}\n\n// Collect all node IDs for expand all\nfunction collectAllIds(nodes: TreeNode[]): string[] {\n  const ids: string[] = []\n  function traverse(node: TreeNode) {\n    ids.push(node.id)\n    if (node.children) {\n      node.children.forEach(traverse)\n    }\n  }\n  nodes.forEach(traverse)\n  return ids\n}\n\n// Watch for expandAll changes\nwatch(\n  () => props.expandAll,\n  (shouldExpandAll) => {\n    if (shouldExpandAll) {\n      expandedIds.value = new Set(collectAllIds(props.nodes))\n    } else {\n      expandedIds.value = new Set(props.defaultExpandedIds)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isExpanded(nodeId: string): boolean {\n  return expandedIds.value.has(nodeId)\n}\n\nfunction toggleExpand(node: TreeNode) {\n  if (isExpanded(node.id)) {\n    expandedIds.value.delete(node.id)\n    emit('collapse', node.id)\n  } else {\n    expandedIds.value.add(node.id)\n    emit('expand', node.id)\n  }\n}\n\nfunction handleNodeClick(node: TreeNode) {\n  emit('node-click', node)\n}\n\nfunction getIconElements(node: TreeNode): IconElement[] {\n  if (node.icon) return [{ tag: 'path', attrs: { d: node.icon } }]\n  return typeIcons[node.type || 'custom']\n}\n\nfunction getBadgeContent(node: TreeNode): string | number | undefined {\n  if (node.badge !== undefined) return node.badge\n  if (props.showCounts && node.children && node.children.length > 0) {\n    return node.children.length\n  }\n  return undefined\n}\n\nfunction getBadgeVariant(node: TreeNode): BadgeVariant {\n  return node.badgeVariant || 'default'\n}\n\nfunction hasChildren(node: TreeNode): boolean {\n  return !!node.children && node.children.length > 0\n}\n\nfunction canShowChildren(node: TreeNode, depth: number): boolean {\n  if (!hasChildren(node)) return false\n  if (props.maxDepth !== undefined && depth >= props.maxDepth) return false\n  return isExpanded(node.id)\n}\n\n// Render tree node recursively\nfunction renderNode(node: TreeNode, depth: number): VNode {\n  const expanded = isExpanded(node.id)\n  const canExpand = hasChildren(node)\n  const showChildNodes = canShowChildren(node, depth)\n  const badge = getBadgeContent(node)\n  const badgeVar = getBadgeVariant(node)\n  const iconElements = getIconElements(node)\n\n  const header = h(\n    'div',\n    {\n      class: 'mld-sample-tree__node-header',\n      onClick: () => handleNodeClick(node),\n    },\n    [\n      canExpand\n        ? h(\n            'button',\n            {\n              type: 'button',\n              class: 'mld-sample-tree__toggle',\n              'aria-label': expanded ? 'Collapse' : 'Expand',\n              onClick: (e: Event) => {\n                e.stopPropagation()\n                toggleExpand(node)\n              },\n            },\n            [\n              h('svg', { fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }, [\n                h('path', { d: 'm9 18 6-6-6-6' }),\n              ]),\n            ]\n          )\n        : h('span', { class: 'mld-sample-tree__toggle-placeholder' }),\n      props.showIcons\n        ? h('span', { class: ['mld-sample-tree__icon', `mld-sample-tree__icon--${node.type || 'custom'}`] }, [\n            h('svg', { fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round' },\n              iconElements.map(el => h(el.tag, el.attrs))\n            ),\n          ])\n        : null,\n      h('span', { class: 'mld-sample-tree__label' }, node.label),\n      badge !== undefined\n        ? h('span', { class: ['mld-sample-tree__badge', `mld-sample-tree__badge--${badgeVar}`] }, String(badge))\n        : null,\n    ]\n  )\n\n  const childNodes =\n    showChildNodes && node.children\n      ? h(\n          Transition,\n          { enterActiveClass: 'mld-sample-tree__children--entering', leaveActiveClass: 'mld-sample-tree__children--leaving' },\n          () => h('div', { class: 'mld-sample-tree__children' }, node.children!.map((child) => renderNode(child, depth + 1)))\n        )\n      : null\n\n  return h(\n    'div',\n    {\n      key: node.id,\n      class: ['mld-sample-tree__node', expanded ? 'mld-sample-tree__node--expanded' : '', !canExpand ? 'mld-sample-tree__node--leaf' : ''],\n      role: 'treeitem',\n      'aria-expanded': canExpand ? expanded : undefined,\n    },\n    [header, childNodes]\n  )\n}\n\n// Render the entire tree\nfunction renderTree(): VNode[] {\n  return props.nodes.map((node) => renderNode(node, 0))\n}\n</script>\n\n<template>\n  <div :class=\"['mld-sample-tree', `mld-sample-tree--${size}`]\" role=\"tree\">\n    <!-- Empty state -->\n    <div v-if=\"nodes.length === 0\" class=\"mld-sample-tree__empty\">\n      <svg class=\"mld-sample-tree__empty-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" />\n      </svg>\n      <p class=\"mld-sample-tree__empty-text\">No items</p>\n    </div>\n\n    <!-- Tree nodes rendered via render function -->\n    <template v-else>\n      <component :is=\"() => renderTree()\" />\n    </template>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/sample-hierarchy-tree.css';\n</style>\n"],"names":["_createElementBlock","_openBlock","_createElementVNode","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/dist/components/SampleHierarchyTree.vue3.js

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

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

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

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

@@ -0,0 +1,32 @@
+import { SampleType } from '../types';
+interface Props {
+    modelValue?: string;
+    samples: SampleType[];
+    showCounts?: boolean;
+    editable?: boolean;
+    colorPalette?: string[];
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: 'vertical' | 'horizontal';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (sampleId: string | undefined) => any;
+    "sample-click": (sample: SampleType) => any;
+    "sample-add": () => any;
+    "sample-remove": (sampleId: string) => any;
+    "color-change": (sampleId: string, color: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((sampleId: string | undefined) => any) | undefined;
+    "onSample-click"?: ((sample: SampleType) => any) | undefined;
+    "onSample-add"?: (() => any) | undefined;
+    "onSample-remove"?: ((sampleId: string) => any) | undefined;
+    "onColor-change"?: ((sampleId: string, color: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    modelValue: string;
+    colorPalette: string[];
+    editable: boolean;
+    samples: SampleType[];
+    showCounts: boolean;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;