@morscherlab/mld-sdk 0.6.0

package/dist/components/ReagentList.vue.js

@@ -0,0 +1,526 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, createCommentVNode, createTextVNode, Fragment, renderList, normalizeClass, toDisplayString, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "mld-reagent-list" };
+const _hoisted_2 = { class: "mld-reagent-list__header" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-reagent-list__search"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "mld-reagent-list__table"
+};
+const _hoisted_5 = {
+  key: 0,
+  style: { "width": "24px" }
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M19 9l-7 7-7-7"
+};
+const _hoisted_8 = {
+  key: 1,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M5 15l7-7 7 7"
+};
+const _hoisted_9 = {
+  key: 1,
+  style: { "width": "80px" }
+};
+const _hoisted_10 = ["draggable", "onDragstart", "onDragover", "onDrop"];
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = {
+  key: 1,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--name"
+};
+const _hoisted_13 = ["href"];
+const _hoisted_14 = { key: 1 };
+const _hoisted_15 = {
+  key: 2,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--muted"
+};
+const _hoisted_16 = {
+  key: 3,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--muted"
+};
+const _hoisted_17 = {
+  key: 4,
+  class: "mld-reagent-list__cell"
+};
+const _hoisted_18 = {
+  key: 0,
+  class: "mld-reagent-list__expired-text"
+};
+const _hoisted_19 = {
+  key: 1,
+  class: "mld-reagent-list__expiring-text"
+};
+const _hoisted_20 = { key: 2 };
+const _hoisted_21 = {
+  key: 3,
+  class: "mld-reagent-list__badge mld-reagent-list__badge--error"
+};
+const _hoisted_22 = {
+  key: 4,
+  class: "mld-reagent-list__badge mld-reagent-list__badge--warning"
+};
+const _hoisted_23 = {
+  key: 5,
+  class: "mld-reagent-list__cell"
+};
+const _hoisted_24 = {
+  key: 1,
+  class: "mld-reagent-list__cell--muted"
+};
+const _hoisted_25 = {
+  key: 6,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--muted"
+};
+const _hoisted_26 = {
+  key: 7,
+  class: "mld-reagent-list__cell"
+};
+const _hoisted_27 = {
+  key: 0,
+  class: "mld-reagent-list__stock"
+};
+const _hoisted_28 = { class: "mld-reagent-list__stock-bar" };
+const _hoisted_29 = { class: "mld-reagent-list__stock-text" };
+const _hoisted_30 = {
+  key: 1,
+  class: "mld-reagent-list__cell--muted"
+};
+const _hoisted_31 = {
+  key: 8,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--muted"
+};
+const _hoisted_32 = {
+  key: 9,
+  class: "mld-reagent-list__cell mld-reagent-list__cell--actions"
+};
+const _hoisted_33 = ["onClick"];
+const _hoisted_34 = ["onClick"];
+const _hoisted_35 = {
+  key: 1,
+  class: "mld-reagent-list__empty"
+};
+const _hoisted_36 = { class: "mld-reagent-list__empty-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ReagentList",
+  props: {
+    modelValue: { default: () => [] },
+    readonly: { type: Boolean, default: false },
+    showStockLevel: { type: Boolean, default: true },
+    lowStockThreshold: { default: 10 },
+    columns: { default: () => ["name", "lot", "expiry", "storage", "stock"] },
+    sortable: { type: Boolean, default: true },
+    searchable: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "add", "edit", "remove", "reorder"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const searchQuery = ref("");
+    const sortColumn = ref(null);
+    const sortDirection = ref("asc");
+    const draggedId = ref(null);
+    const dragOverId = ref(null);
+    const columnLabels = {
+      name: "Name",
+      catalog: "Catalog #",
+      lot: "Lot #",
+      expiry: "Expiry",
+      storage: "Storage",
+      location: "Location",
+      stock: "Stock",
+      supplier: "Supplier"
+    };
+    const filteredReagents = computed(() => {
+      let result = [...props.modelValue || []];
+      if (searchQuery.value) {
+        const query = searchQuery.value.toLowerCase();
+        result = result.filter(
+          (r) => {
+            var _a, _b, _c;
+            return r.name.toLowerCase().includes(query) || ((_a = r.catalogNumber) == null ? void 0 : _a.toLowerCase().includes(query)) || ((_b = r.lotNumber) == null ? void 0 : _b.toLowerCase().includes(query)) || ((_c = r.supplier) == null ? void 0 : _c.toLowerCase().includes(query));
+          }
+        );
+      }
+      if (sortColumn.value) {
+        const col = sortColumn.value;
+        result.sort((a, b) => {
+          let aVal = getColumnValue(a, col);
+          let bVal = getColumnValue(b, col);
+          if (aVal === null || aVal === void 0) return 1;
+          if (bVal === null || bVal === void 0) return -1;
+          if (typeof aVal === "string") aVal = aVal.toLowerCase();
+          if (typeof bVal === "string") bVal = bVal.toLowerCase();
+          if (aVal < bVal) return sortDirection.value === "asc" ? -1 : 1;
+          if (aVal > bVal) return sortDirection.value === "asc" ? 1 : -1;
+          return 0;
+        });
+      }
+      return result;
+    });
+    function getColumnValue(reagent, column) {
+      switch (column) {
+        case "name":
+          return reagent.name;
+        case "catalog":
+          return reagent.catalogNumber;
+        case "lot":
+          return reagent.lotNumber;
+        case "expiry":
+          return reagent.expiryDate ? new Date(reagent.expiryDate).getTime() : null;
+        case "storage":
+          return reagent.storageCondition;
+        case "location":
+          return reagent.location;
+        case "stock":
+          return reagent.stockLevel;
+        case "supplier":
+          return reagent.supplier;
+        default:
+          return null;
+      }
+    }
+    function isExpired(reagent) {
+      if (!reagent.expiryDate) return false;
+      const expiry = new Date(reagent.expiryDate);
+      return expiry < /* @__PURE__ */ new Date();
+    }
+    function isExpiringSoon(reagent, daysThreshold = 30) {
+      if (!reagent.expiryDate) return false;
+      const expiry = new Date(reagent.expiryDate);
+      const now = /* @__PURE__ */ new Date();
+      const daysUntilExpiry = (expiry.getTime() - now.getTime()) / (1e3 * 60 * 60 * 24);
+      return daysUntilExpiry > 0 && daysUntilExpiry <= daysThreshold;
+    }
+    function isLowStock(reagent) {
+      if (reagent.stockLevel === void 0) return false;
+      return reagent.stockLevel <= props.lowStockThreshold;
+    }
+    function formatExpiryDate(date) {
+      if (!date) return "-";
+      const d = new Date(date);
+      return d.toLocaleDateString("en-US", { year: "numeric", month: "short" });
+    }
+    function getStockLevel(reagent) {
+      return reagent.stockLevel ?? 0;
+    }
+    function getStockFillClass(level) {
+      if (level >= 50) return "mld-reagent-list__stock-fill--good";
+      if (level >= 20) return "mld-reagent-list__stock-fill--warning";
+      return "mld-reagent-list__stock-fill--low";
+    }
+    function getRowClass(reagent) {
+      const classes = ["mld-reagent-list__row"];
+      if (isExpired(reagent)) classes.push("mld-reagent-list__row--expired");
+      else if (isExpiringSoon(reagent)) classes.push("mld-reagent-list__row--expiring-soon");
+      if (isLowStock(reagent)) classes.push("mld-reagent-list__row--low-stock");
+      if (draggedId.value === reagent.id) classes.push("mld-reagent-list__row--dragging");
+      if (dragOverId.value === reagent.id) classes.push("mld-reagent-list__row--drag-over");
+      return classes;
+    }
+    function handleSort(column) {
+      if (!props.sortable) return;
+      if (sortColumn.value === column) {
+        sortDirection.value = sortDirection.value === "asc" ? "desc" : "asc";
+      } else {
+        sortColumn.value = column;
+        sortDirection.value = "asc";
+      }
+    }
+    function handleEdit(reagent) {
+      emit("edit", reagent);
+    }
+    function handleRemove(reagentId) {
+      emit("remove", reagentId);
+      const updated = (props.modelValue || []).filter((r) => r.id !== reagentId);
+      emit("update:modelValue", updated);
+    }
+    function handleAdd() {
+      emit("add");
+    }
+    function handleDragStart(event, reagent) {
+      if (props.readonly || !props.sortable) return;
+      draggedId.value = reagent.id;
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", reagent.id);
+      }
+    }
+    function handleDragOver(event, reagent) {
+      if (props.readonly || !props.sortable || !draggedId.value) return;
+      event.preventDefault();
+      dragOverId.value = reagent.id;
+    }
+    function handleDragLeave() {
+      dragOverId.value = null;
+    }
+    function handleDrop(event, targetReagent) {
+      if (props.readonly || !props.sortable || !draggedId.value) return;
+      event.preventDefault();
+      const reagents = [...props.modelValue || []];
+      const fromIndex = reagents.findIndex((r) => r.id === draggedId.value);
+      const toIndex = reagents.findIndex((r) => r.id === targetReagent.id);
+      if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {
+        draggedId.value = null;
+        dragOverId.value = null;
+        return;
+      }
+      const [removed] = reagents.splice(fromIndex, 1);
+      reagents.splice(toIndex, 0, removed);
+      emit("reorder", draggedId.value, fromIndex, toIndex);
+      emit("update:modelValue", reagents);
+      draggedId.value = null;
+      dragOverId.value = null;
+    }
+    function handleDragEnd() {
+      draggedId.value = null;
+      dragOverId.value = null;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode("svg", {
+              class: "mld-reagent-list__search-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+              })
+            ], -1)),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              type: "text",
+              class: "mld-reagent-list__search-input",
+              placeholder: "Search reagents..."
+            }, null, 512), [
+              [vModelText, searchQuery.value]
+            ])
+          ])) : createCommentVNode("", true),
+          !__props.readonly ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            type: "button",
+            class: "mld-reagent-list__add-btn",
+            onClick: handleAdd
+          }, [..._cache[2] || (_cache[2] = [
+            createElementVNode("svg", {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M12 4v16m8-8H4"
+              })
+            ], -1),
+            createTextVNode(" Add ", -1)
+          ])])) : createCommentVNode("", true)
+        ]),
+        filteredReagents.value.length > 0 ? (openBlock(), createElementBlock("table", _hoisted_4, [
+          createElementVNode("thead", null, [
+            createElementVNode("tr", null, [
+              __props.sortable && !__props.readonly ? (openBlock(), createElementBlock("th", _hoisted_5)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+                return openBlock(), createElementBlock("th", {
+                  key: col,
+                  class: normalizeClass([__props.sortable ? "mld-reagent-list__col--sortable" : ""]),
+                  onClick: ($event) => handleSort(col)
+                }, [
+                  createTextVNode(toDisplayString(columnLabels[col]) + " ", 1),
+                  __props.sortable ? (openBlock(), createElementBlock("svg", {
+                    key: 0,
+                    class: normalizeClass([
+                      "mld-reagent-list__sort-icon",
+                      sortColumn.value === col ? "mld-reagent-list__sort-icon--active" : ""
+                    ]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    sortColumn.value === col && sortDirection.value === "desc" ? (openBlock(), createElementBlock("path", _hoisted_7)) : (openBlock(), createElementBlock("path", _hoisted_8))
+                  ], 2)) : createCommentVNode("", true)
+                ], 10, _hoisted_6);
+              }), 128)),
+              !__props.readonly ? (openBlock(), createElementBlock("th", _hoisted_9)) : createCommentVNode("", true)
+            ])
+          ]),
+          createElementVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredReagents.value, (reagent) => {
+              return openBlock(), createElementBlock("tr", {
+                key: reagent.id,
+                class: normalizeClass(getRowClass(reagent)),
+                draggable: __props.sortable && !__props.readonly,
+                onDragstart: ($event) => handleDragStart($event, reagent),
+                onDragover: ($event) => handleDragOver($event, reagent),
+                onDragleave: handleDragLeave,
+                onDrop: ($event) => handleDrop($event, reagent),
+                onDragend: handleDragEnd
+              }, [
+                __props.sortable && !__props.readonly ? (openBlock(), createElementBlock("td", _hoisted_11, [..._cache[3] || (_cache[3] = [
+                  createElementVNode("svg", {
+                    class: "mld-reagent-list__drag-handle",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    createElementVNode("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M4 8h16M4 16h16"
+                    })
+                  ], -1)
+                ])])) : createCommentVNode("", true),
+                __props.columns.includes("name") ? (openBlock(), createElementBlock("td", _hoisted_12, [
+                  reagent.url ? (openBlock(), createElementBlock("a", {
+                    key: 0,
+                    href: reagent.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    class: "mld-reagent-list__link"
+                  }, toDisplayString(reagent.name), 9, _hoisted_13)) : (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(reagent.name), 1))
+                ])) : createCommentVNode("", true),
+                __props.columns.includes("catalog") ? (openBlock(), createElementBlock("td", _hoisted_15, toDisplayString(reagent.catalogNumber || "-"), 1)) : createCommentVNode("", true),
+                __props.columns.includes("lot") ? (openBlock(), createElementBlock("td", _hoisted_16, toDisplayString(reagent.lotNumber || "-"), 1)) : createCommentVNode("", true),
+                __props.columns.includes("expiry") ? (openBlock(), createElementBlock("td", _hoisted_17, [
+                  isExpired(reagent) ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(formatExpiryDate(reagent.expiryDate)), 1)) : isExpiringSoon(reagent) ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(formatExpiryDate(reagent.expiryDate)), 1)) : (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(formatExpiryDate(reagent.expiryDate)), 1)),
+                  isExpired(reagent) ? (openBlock(), createElementBlock("span", _hoisted_21, [..._cache[4] || (_cache[4] = [
+                    createElementVNode("svg", {
+                      class: "mld-reagent-list__badge-icon",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M6 18L18 6M6 6l12 12"
+                      })
+                    ], -1),
+                    createTextVNode(" Expired ", -1)
+                  ])])) : isExpiringSoon(reagent) ? (openBlock(), createElementBlock("span", _hoisted_22, [..._cache[5] || (_cache[5] = [
+                    createElementVNode("svg", {
+                      class: "mld-reagent-list__badge-icon",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                      })
+                    ], -1),
+                    createTextVNode(" Soon ", -1)
+                  ])])) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                __props.columns.includes("storage") ? (openBlock(), createElementBlock("td", _hoisted_23, [
+                  reagent.storageCondition ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass(["mld-reagent-list__storage", `mld-reagent-list__storage--${reagent.storageCondition}`])
+                  }, toDisplayString(reagent.storageCondition), 3)) : (openBlock(), createElementBlock("span", _hoisted_24, "-"))
+                ])) : createCommentVNode("", true),
+                __props.columns.includes("location") ? (openBlock(), createElementBlock("td", _hoisted_25, toDisplayString(reagent.location || "-"), 1)) : createCommentVNode("", true),
+                __props.columns.includes("stock") && __props.showStockLevel ? (openBlock(), createElementBlock("td", _hoisted_26, [
+                  reagent.stockLevel !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                    createElementVNode("div", _hoisted_28, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["mld-reagent-list__stock-fill", getStockFillClass(getStockLevel(reagent))]),
+                        style: normalizeStyle({ width: `${Math.min(100, getStockLevel(reagent))}%` })
+                      }, null, 6)
+                    ]),
+                    createElementVNode("span", _hoisted_29, toDisplayString(getStockLevel(reagent)) + "% ", 1)
+                  ])) : (openBlock(), createElementBlock("span", _hoisted_30, "-"))
+                ])) : createCommentVNode("", true),
+                __props.columns.includes("supplier") ? (openBlock(), createElementBlock("td", _hoisted_31, toDisplayString(reagent.supplier || "-"), 1)) : createCommentVNode("", true),
+                !__props.readonly ? (openBlock(), createElementBlock("td", _hoisted_32, [
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-reagent-list__action-btn",
+                    "aria-label": "Edit",
+                    onClick: ($event) => handleEdit(reagent)
+                  }, [..._cache[6] || (_cache[6] = [
+                    createElementVNode("svg", {
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+                      })
+                    ], -1)
+                  ])], 8, _hoisted_33),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-reagent-list__action-btn mld-reagent-list__action-btn--danger",
+                    "aria-label": "Remove",
+                    onClick: ($event) => handleRemove(reagent.id)
+                  }, [..._cache[7] || (_cache[7] = [
+                    createElementVNode("svg", {
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+                      })
+                    ], -1)
+                  ])], 8, _hoisted_34)
+                ])) : createCommentVNode("", true)
+              ], 42, _hoisted_10);
+            }), 128))
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_35, [
+          _cache[8] || (_cache[8] = createElementVNode("svg", {
+            class: "mld-reagent-list__empty-icon",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            createElementVNode("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
+            })
+          ], -1)),
+          createElementVNode("p", _hoisted_36, toDisplayString(searchQuery.value ? "No reagents found" : "No reagents added yet"), 1),
+          !__props.readonly && !searchQuery.value ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "mld-reagent-list__empty-btn",
+            onClick: handleAdd
+          }, " Add Reagent ")) : createCommentVNode("", true)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ReagentList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReagentList.vue.js","sources":["../../src/components/ReagentList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\nexport type StorageCondition = 'RT' | '4C' | '-20C' | '-80C'\n\nexport type ReagentColumn =\n  | 'name'\n  | 'catalog'\n  | 'lot'\n  | 'expiry'\n  | 'storage'\n  | 'location'\n  | 'stock'\n  | 'supplier'\n\nexport interface Reagent {\n  id: string\n  name: string\n  catalogNumber?: string\n  lotNumber?: string\n  expiryDate?: Date | string\n  storageCondition?: StorageCondition\n  location?: string\n  stockLevel?: number\n  stockUnit?: string\n  supplier?: string\n  url?: string\n}\n\ninterface Props {\n  modelValue?: Reagent[]\n  readonly?: boolean\n  showStockLevel?: boolean\n  lowStockThreshold?: number\n  columns?: ReagentColumn[]\n  sortable?: boolean\n  searchable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: () => [],\n  readonly: false,\n  showStockLevel: true,\n  lowStockThreshold: 10,\n  columns: () => ['name', 'lot', 'expiry', 'storage', 'stock'],\n  sortable: true,\n  searchable: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [reagents: Reagent[]]\n  'add': []\n  'edit': [reagent: Reagent]\n  'remove': [reagentId: string]\n  'reorder': [reagentId: string, fromIndex: number, toIndex: number]\n}>()\n\n// State\nconst searchQuery = ref('')\nconst sortColumn = ref<ReagentColumn | null>(null)\nconst sortDirection = ref<'asc' | 'desc'>('asc')\nconst draggedId = ref<string | null>(null)\nconst dragOverId = ref<string | null>(null)\n\n// Column configuration\nconst columnLabels: Record<ReagentColumn, string> = {\n  name: 'Name',\n  catalog: 'Catalog #',\n  lot: 'Lot #',\n  expiry: 'Expiry',\n  storage: 'Storage',\n  location: 'Location',\n  stock: 'Stock',\n  supplier: 'Supplier',\n}\n\n// Computed\nconst filteredReagents = computed(() => {\n  let result = [...(props.modelValue || [])]\n\n  // Filter by search query\n  if (searchQuery.value) {\n    const query = searchQuery.value.toLowerCase()\n    result = result.filter(\n      (r) =>\n        r.name.toLowerCase().includes(query) ||\n        r.catalogNumber?.toLowerCase().includes(query) ||\n        r.lotNumber?.toLowerCase().includes(query) ||\n        r.supplier?.toLowerCase().includes(query)\n    )\n  }\n\n  // Sort\n  if (sortColumn.value) {\n    const col = sortColumn.value\n    result.sort((a, b) => {\n      let aVal: string | number | null | undefined = getColumnValue(a, col) as string | number | null | undefined\n      let bVal: string | number | null | undefined = getColumnValue(b, col) as string | number | null | undefined\n\n      if (aVal === null || aVal === undefined) return 1\n      if (bVal === null || bVal === undefined) return -1\n\n      if (typeof aVal === 'string') aVal = aVal.toLowerCase()\n      if (typeof bVal === 'string') bVal = bVal.toLowerCase()\n\n      if (aVal < bVal) return sortDirection.value === 'asc' ? -1 : 1\n      if (aVal > bVal) return sortDirection.value === 'asc' ? 1 : -1\n      return 0\n    })\n  }\n\n  return result\n})\n\nfunction getColumnValue(reagent: Reagent, column: ReagentColumn): unknown {\n  switch (column) {\n    case 'name':\n      return reagent.name\n    case 'catalog':\n      return reagent.catalogNumber\n    case 'lot':\n      return reagent.lotNumber\n    case 'expiry':\n      return reagent.expiryDate ? new Date(reagent.expiryDate).getTime() : null\n    case 'storage':\n      return reagent.storageCondition\n    case 'location':\n      return reagent.location\n    case 'stock':\n      return reagent.stockLevel\n    case 'supplier':\n      return reagent.supplier\n    default:\n      return null\n  }\n}\n\n// Helpers\nfunction isExpired(reagent: Reagent): boolean {\n  if (!reagent.expiryDate) return false\n  const expiry = new Date(reagent.expiryDate)\n  return expiry < new Date()\n}\n\nfunction isExpiringSoon(reagent: Reagent, daysThreshold = 30): boolean {\n  if (!reagent.expiryDate) return false\n  const expiry = new Date(reagent.expiryDate)\n  const now = new Date()\n  const daysUntilExpiry = (expiry.getTime() - now.getTime()) / (1000 * 60 * 60 * 24)\n  return daysUntilExpiry > 0 && daysUntilExpiry <= daysThreshold\n}\n\nfunction isLowStock(reagent: Reagent): boolean {\n  if (reagent.stockLevel === undefined) return false\n  return reagent.stockLevel <= props.lowStockThreshold\n}\n\nfunction formatExpiryDate(date: Date | string | undefined): string {\n  if (!date) return '-'\n  const d = new Date(date)\n  return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short' })\n}\n\nfunction getStockLevel(reagent: Reagent): number {\n  return reagent.stockLevel ?? 0\n}\n\nfunction getStockFillClass(level: number): string {\n  if (level >= 50) return 'mld-reagent-list__stock-fill--good'\n  if (level >= 20) return 'mld-reagent-list__stock-fill--warning'\n  return 'mld-reagent-list__stock-fill--low'\n}\n\nfunction getRowClass(reagent: Reagent): string[] {\n  const classes: string[] = ['mld-reagent-list__row']\n  if (isExpired(reagent)) classes.push('mld-reagent-list__row--expired')\n  else if (isExpiringSoon(reagent)) classes.push('mld-reagent-list__row--expiring-soon')\n  if (isLowStock(reagent)) classes.push('mld-reagent-list__row--low-stock')\n  if (draggedId.value === reagent.id) classes.push('mld-reagent-list__row--dragging')\n  if (dragOverId.value === reagent.id) classes.push('mld-reagent-list__row--drag-over')\n  return classes\n}\n\n// Actions\nfunction handleSort(column: ReagentColumn) {\n  if (!props.sortable) return\n  if (sortColumn.value === column) {\n    sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc'\n  } else {\n    sortColumn.value = column\n    sortDirection.value = 'asc'\n  }\n}\n\nfunction handleEdit(reagent: Reagent) {\n  emit('edit', reagent)\n}\n\nfunction handleRemove(reagentId: string) {\n  emit('remove', reagentId)\n  const updated = (props.modelValue || []).filter((r) => r.id !== reagentId)\n  emit('update:modelValue', updated)\n}\n\nfunction handleAdd() {\n  emit('add')\n}\n\n// Drag and drop\nfunction handleDragStart(event: DragEvent, reagent: Reagent) {\n  if (props.readonly || !props.sortable) return\n  draggedId.value = reagent.id\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData('text/plain', reagent.id)\n  }\n}\n\nfunction handleDragOver(event: DragEvent, reagent: Reagent) {\n  if (props.readonly || !props.sortable || !draggedId.value) return\n  event.preventDefault()\n  dragOverId.value = reagent.id\n}\n\nfunction handleDragLeave() {\n  dragOverId.value = null\n}\n\nfunction handleDrop(event: DragEvent, targetReagent: Reagent) {\n  if (props.readonly || !props.sortable || !draggedId.value) return\n  event.preventDefault()\n\n  const reagents = [...(props.modelValue || [])]\n  const fromIndex = reagents.findIndex((r) => r.id === draggedId.value)\n  const toIndex = reagents.findIndex((r) => r.id === targetReagent.id)\n\n  if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {\n    draggedId.value = null\n    dragOverId.value = null\n    return\n  }\n\n  const [removed] = reagents.splice(fromIndex, 1)\n  reagents.splice(toIndex, 0, removed)\n\n  emit('reorder', draggedId.value, fromIndex, toIndex)\n  emit('update:modelValue', reagents)\n\n  draggedId.value = null\n  dragOverId.value = null\n}\n\nfunction handleDragEnd() {\n  draggedId.value = null\n  dragOverId.value = null\n}\n</script>\n\n<template>\n  <div class=\"mld-reagent-list\">\n    <!-- Header -->\n    <div class=\"mld-reagent-list__header\">\n      <!-- Search -->\n      <div v-if=\"searchable\" class=\"mld-reagent-list__search\">\n        <svg class=\"mld-reagent-list__search-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n        </svg>\n        <input\n          v-model=\"searchQuery\"\n          type=\"text\"\n          class=\"mld-reagent-list__search-input\"\n          placeholder=\"Search reagents...\"\n        />\n      </div>\n\n      <!-- Add button -->\n      <button\n        v-if=\"!readonly\"\n        type=\"button\"\n        class=\"mld-reagent-list__add-btn\"\n        @click=\"handleAdd\"\n      >\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\" />\n        </svg>\n        Add\n      </button>\n    </div>\n\n    <!-- Table -->\n    <table v-if=\"filteredReagents.length > 0\" class=\"mld-reagent-list__table\">\n      <thead>\n        <tr>\n          <th v-if=\"sortable && !readonly\" style=\"width: 24px\" />\n          <th\n            v-for=\"col in columns\"\n            :key=\"col\"\n            :class=\"[sortable ? 'mld-reagent-list__col--sortable' : '']\"\n            @click=\"handleSort(col)\"\n          >\n            {{ columnLabels[col] }}\n            <svg\n              v-if=\"sortable\"\n              :class=\"[\n                'mld-reagent-list__sort-icon',\n                sortColumn === col ? 'mld-reagent-list__sort-icon--active' : '',\n              ]\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                v-if=\"sortColumn === col && sortDirection === 'desc'\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M19 9l-7 7-7-7\"\n              />\n              <path\n                v-else\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M5 15l7-7 7 7\"\n              />\n            </svg>\n          </th>\n          <th v-if=\"!readonly\" style=\"width: 80px\" />\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          v-for=\"reagent in filteredReagents\"\n          :key=\"reagent.id\"\n          :class=\"getRowClass(reagent)\"\n          :draggable=\"sortable && !readonly\"\n          @dragstart=\"handleDragStart($event, reagent)\"\n          @dragover=\"handleDragOver($event, reagent)\"\n          @dragleave=\"handleDragLeave\"\n          @drop=\"handleDrop($event, reagent)\"\n          @dragend=\"handleDragEnd\"\n        >\n          <!-- Drag handle -->\n          <td v-if=\"sortable && !readonly\">\n            <svg class=\"mld-reagent-list__drag-handle\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8h16M4 16h16\" />\n            </svg>\n          </td>\n\n          <!-- Name -->\n          <td v-if=\"columns.includes('name')\" class=\"mld-reagent-list__cell mld-reagent-list__cell--name\">\n            <a\n              v-if=\"reagent.url\"\n              :href=\"reagent.url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              class=\"mld-reagent-list__link\"\n            >\n              {{ reagent.name }}\n            </a>\n            <span v-else>{{ reagent.name }}</span>\n          </td>\n\n          <!-- Catalog number -->\n          <td v-if=\"columns.includes('catalog')\" class=\"mld-reagent-list__cell mld-reagent-list__cell--muted\">\n            {{ reagent.catalogNumber || '-' }}\n          </td>\n\n          <!-- Lot number -->\n          <td v-if=\"columns.includes('lot')\" class=\"mld-reagent-list__cell mld-reagent-list__cell--muted\">\n            {{ reagent.lotNumber || '-' }}\n          </td>\n\n          <!-- Expiry -->\n          <td v-if=\"columns.includes('expiry')\" class=\"mld-reagent-list__cell\">\n            <span v-if=\"isExpired(reagent)\" class=\"mld-reagent-list__expired-text\">\n              {{ formatExpiryDate(reagent.expiryDate) }}\n            </span>\n            <span v-else-if=\"isExpiringSoon(reagent)\" class=\"mld-reagent-list__expiring-text\">\n              {{ formatExpiryDate(reagent.expiryDate) }}\n            </span>\n            <span v-else>\n              {{ formatExpiryDate(reagent.expiryDate) }}\n            </span>\n\n            <!-- Expiry badge -->\n            <span v-if=\"isExpired(reagent)\" class=\"mld-reagent-list__badge mld-reagent-list__badge--error\">\n              <svg class=\"mld-reagent-list__badge-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n              Expired\n            </span>\n            <span v-else-if=\"isExpiringSoon(reagent)\" class=\"mld-reagent-list__badge mld-reagent-list__badge--warning\">\n              <svg class=\"mld-reagent-list__badge-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n              </svg>\n              Soon\n            </span>\n          </td>\n\n          <!-- Storage -->\n          <td v-if=\"columns.includes('storage')\" class=\"mld-reagent-list__cell\">\n            <span\n              v-if=\"reagent.storageCondition\"\n              :class=\"['mld-reagent-list__storage', `mld-reagent-list__storage--${reagent.storageCondition}`]\"\n            >\n              {{ reagent.storageCondition }}\n            </span>\n            <span v-else class=\"mld-reagent-list__cell--muted\">-</span>\n          </td>\n\n          <!-- Location -->\n          <td v-if=\"columns.includes('location')\" class=\"mld-reagent-list__cell mld-reagent-list__cell--muted\">\n            {{ reagent.location || '-' }}\n          </td>\n\n          <!-- Stock -->\n          <td v-if=\"columns.includes('stock') && showStockLevel\" class=\"mld-reagent-list__cell\">\n            <div v-if=\"reagent.stockLevel !== undefined\" class=\"mld-reagent-list__stock\">\n              <div class=\"mld-reagent-list__stock-bar\">\n                <div\n                  :class=\"['mld-reagent-list__stock-fill', getStockFillClass(getStockLevel(reagent))]\"\n                  :style=\"{ width: `${Math.min(100, getStockLevel(reagent))}%` }\"\n                />\n              </div>\n              <span class=\"mld-reagent-list__stock-text\">\n                {{ getStockLevel(reagent) }}%\n              </span>\n            </div>\n            <span v-else class=\"mld-reagent-list__cell--muted\">-</span>\n          </td>\n\n          <!-- Supplier -->\n          <td v-if=\"columns.includes('supplier')\" class=\"mld-reagent-list__cell mld-reagent-list__cell--muted\">\n            {{ reagent.supplier || '-' }}\n          </td>\n\n          <!-- Actions -->\n          <td v-if=\"!readonly\" class=\"mld-reagent-list__cell mld-reagent-list__cell--actions\">\n            <button\n              type=\"button\"\n              class=\"mld-reagent-list__action-btn\"\n              aria-label=\"Edit\"\n              @click=\"handleEdit(reagent)\"\n            >\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\" />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              class=\"mld-reagent-list__action-btn mld-reagent-list__action-btn--danger\"\n              aria-label=\"Remove\"\n              @click=\"handleRemove(reagent.id)\"\n            >\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" />\n              </svg>\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <!-- Empty state -->\n    <div v-else class=\"mld-reagent-list__empty\">\n      <svg class=\"mld-reagent-list__empty-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n      </svg>\n      <p class=\"mld-reagent-list__empty-text\">\n        {{ searchQuery ? 'No reagents found' : 'No reagents added yet' }}\n      </p>\n      <button\n        v-if=\"!readonly && !searchQuery\"\n        type=\"button\"\n        class=\"mld-reagent-list__empty-btn\"\n        @click=\"handleAdd\"\n      >\n        Add Reagent\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/reagent-list.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAUd,UAAM,OAAO;AASb,UAAM,cAAc,IAAI,EAAE;AAC1B,UAAM,aAAa,IAA0B,IAAI;AACjD,UAAM,gBAAgB,IAAoB,KAAK;AAC/C,UAAM,YAAY,IAAmB,IAAI;AACzC,UAAM,aAAa,IAAmB,IAAI;AAG1C,UAAM,eAA8C;AAAA,MAClD,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAIZ,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,SAAS,CAAC,GAAI,MAAM,cAAc,CAAA,CAAG;AAGzC,UAAI,YAAY,OAAO;AACrB,cAAM,QAAQ,YAAY,MAAM,YAAA;AAChC,iBAAS,OAAO;AAAA,UACd,CAAC,MAAA;;AACC,qBAAE,KAAK,YAAA,EAAc,SAAS,KAAK,OACnC,OAAE,kBAAF,mBAAiB,cAAc,SAAS,aACxC,OAAE,cAAF,mBAAa,cAAc,SAAS,aACpC,OAAE,aAAF,mBAAY,cAAc,SAAS;AAAA;AAAA,QAAK;AAAA,MAE9C;AAGA,UAAI,WAAW,OAAO;AACpB,cAAM,MAAM,WAAW;AACvB,eAAO,KAAK,CAAC,GAAG,MAAM;AACpB,cAAI,OAA2C,eAAe,GAAG,GAAG;AACpE,cAAI,OAA2C,eAAe,GAAG,GAAG;AAEpE,cAAI,SAAS,QAAQ,SAAS,OAAW,QAAO;AAChD,cAAI,SAAS,QAAQ,SAAS,OAAW,QAAO;AAEhD,cAAI,OAAO,SAAS,SAAU,QAAO,KAAK,YAAA;AAC1C,cAAI,OAAO,SAAS,SAAU,QAAO,KAAK,YAAA;AAE1C,cAAI,OAAO,KAAM,QAAO,cAAc,UAAU,QAAQ,KAAK;AAC7D,cAAI,OAAO,KAAM,QAAO,cAAc,UAAU,QAAQ,IAAI;AAC5D,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,IACT,CAAC;AAED,aAAS,eAAe,SAAkB,QAAgC;AACxE,cAAQ,QAAA;AAAA,QACN,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ,aAAa,IAAI,KAAK,QAAQ,UAAU,EAAE,YAAY;AAAA,QACvE,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB,KAAK;AACH,iBAAO,QAAQ;AAAA,QACjB;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAGA,aAAS,UAAU,SAA2B;AAC5C,UAAI,CAAC,QAAQ,WAAY,QAAO;AAChC,YAAM,SAAS,IAAI,KAAK,QAAQ,UAAU;AAC1C,aAAO,6BAAa,KAAA;AAAA,IACtB;AAEA,aAAS,eAAe,SAAkB,gBAAgB,IAAa;AACrE,UAAI,CAAC,QAAQ,WAAY,QAAO;AAChC,YAAM,SAAS,IAAI,KAAK,QAAQ,UAAU;AAC1C,YAAM,0BAAU,KAAA;AAChB,YAAM,mBAAmB,OAAO,YAAY,IAAI,QAAA,MAAc,MAAO,KAAK,KAAK;AAC/E,aAAO,kBAAkB,KAAK,mBAAmB;AAAA,IACnD;AAEA,aAAS,WAAW,SAA2B;AAC7C,UAAI,QAAQ,eAAe,OAAW,QAAO;AAC7C,aAAO,QAAQ,cAAc,MAAM;AAAA,IACrC;AAEA,aAAS,iBAAiB,MAAyC;AACjE,UAAI,CAAC,KAAM,QAAO;AAClB,YAAM,IAAI,IAAI,KAAK,IAAI;AACvB,aAAO,EAAE,mBAAmB,SAAS,EAAE,MAAM,WAAW,OAAO,SAAS;AAAA,IAC1E;AAEA,aAAS,cAAc,SAA0B;AAC/C,aAAO,QAAQ,cAAc;AAAA,IAC/B;AAEA,aAAS,kBAAkB,OAAuB;AAChD,UAAI,SAAS,GAAI,QAAO;AACxB,UAAI,SAAS,GAAI,QAAO;AACxB,aAAO;AAAA,IACT;AAEA,aAAS,YAAY,SAA4B;AAC/C,YAAM,UAAoB,CAAC,uBAAuB;AAClD,UAAI,UAAU,OAAO,EAAG,SAAQ,KAAK,gCAAgC;AAAA,eAC5D,eAAe,OAAO,EAAG,SAAQ,KAAK,sCAAsC;AACrF,UAAI,WAAW,OAAO,EAAG,SAAQ,KAAK,kCAAkC;AACxE,UAAI,UAAU,UAAU,QAAQ,GAAI,SAAQ,KAAK,iCAAiC;AAClF,UAAI,WAAW,UAAU,QAAQ,GAAI,SAAQ,KAAK,kCAAkC;AACpF,aAAO;AAAA,IACT;AAGA,aAAS,WAAW,QAAuB;AACzC,UAAI,CAAC,MAAM,SAAU;AACrB,UAAI,WAAW,UAAU,QAAQ;AAC/B,sBAAc,QAAQ,cAAc,UAAU,QAAQ,SAAS;AAAA,MACjE,OAAO;AACL,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,WAAW,SAAkB;AACpC,WAAK,QAAQ,OAAO;AAAA,IACtB;AAEA,aAAS,aAAa,WAAmB;AACvC,WAAK,UAAU,SAAS;AACxB,YAAM,WAAW,MAAM,cAAc,CAAA,GAAI,OAAO,CAAC,MAAM,EAAE,OAAO,SAAS;AACzE,WAAK,qBAAqB,OAAO;AAAA,IACnC;AAEA,aAAS,YAAY;AACnB,WAAK,KAAK;AAAA,IACZ;AAGA,aAAS,gBAAgB,OAAkB,SAAkB;AAC3D,UAAI,MAAM,YAAY,CAAC,MAAM,SAAU;AACvC,gBAAU,QAAQ,QAAQ;AAC1B,UAAI,MAAM,cAAc;AACtB,cAAM,aAAa,gBAAgB;AACnC,cAAM,aAAa,QAAQ,cAAc,QAAQ,EAAE;AAAA,MACrD;AAAA,IACF;AAEA,aAAS,eAAe,OAAkB,SAAkB;AAC1D,UAAI,MAAM,YAAY,CAAC,MAAM,YAAY,CAAC,UAAU,MAAO;AAC3D,YAAM,eAAA;AACN,iBAAW,QAAQ,QAAQ;AAAA,IAC7B;AAEA,aAAS,kBAAkB;AACzB,iBAAW,QAAQ;AAAA,IACrB;AAEA,aAAS,WAAW,OAAkB,eAAwB;AAC5D,UAAI,MAAM,YAAY,CAAC,MAAM,YAAY,CAAC,UAAU,MAAO;AAC3D,YAAM,eAAA;AAEN,YAAM,WAAW,CAAC,GAAI,MAAM,cAAc,CAAA,CAAG;AAC7C,YAAM,YAAY,SAAS,UAAU,CAAC,MAAM,EAAE,OAAO,UAAU,KAAK;AACpE,YAAM,UAAU,SAAS,UAAU,CAAC,MAAM,EAAE,OAAO,cAAc,EAAE;AAEnE,UAAI,cAAc,MAAM,YAAY,MAAM,cAAc,SAAS;AAC/D,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AACnB;AAAA,MACF;AAEA,YAAM,CAAC,OAAO,IAAI,SAAS,OAAO,WAAW,CAAC;AAC9C,eAAS,OAAO,SAAS,GAAG,OAAO;AAEnC,WAAK,WAAW,UAAU,OAAO,WAAW,OAAO;AACnD,WAAK,qBAAqB,QAAQ;AAElC,gBAAU,QAAQ;AAClB,iBAAW,QAAQ;AAAA,IACrB;AAEA,aAAS,gBAAgB;AACvB,gBAAU,QAAQ;AAClB,iBAAW,QAAQ;AAAA,IACrB;;AAIE,aAAAA,UAAA,GAAAC,mBA8NM,OA9NN,YA8NM;AAAA,QA5NJC,mBA0BM,OA1BN,YA0BM;AAAA,UAxBO,QAAA,cAAXF,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,sCATJC,mBAEM,OAAA;AAAA,cAFD,OAAM;AAAA,cAAgC,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,SAAQ;AAAA,YAAA;cACnFA,mBAAwH,QAAA;AAAA,gBAAlH,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;2BAE1EA,mBAKE,SAAA;AAAA,2EAJS,YAAW,QAAA;AAAA,cACpB,MAAK;AAAA,cACL,OAAM;AAAA,cACN,aAAY;AAAA,YAAA;2BAHH,YAAA,KAAW;AAAA,YAAA;;WASf,QAAA,yBADTD,mBAUS,UAAA;AAAA;YARP,MAAK;AAAA,YACL,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;YAERC,mBAEM,OAAA;AAAA,cAFD,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,SAAQ;AAAA,YAAA;cAC7CA,mBAA2F,QAAA;AAAA,gBAArF,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;4BACpE,SAER,EAAA;AAAA,UAAA;;QAIW,iBAAA,MAAiB,SAAM,KAApCF,aAAAC,mBA4KQ,SA5KR,YA4KQ;AAAA,UA3KNC,mBAsCQ,SAAA,MAAA;AAAA,YArCNA,mBAoCK,MAAA,MAAA;AAAA,cAnCO,QAAA,aAAa,QAAA,YAAvBF,UAAA,GAAAC,mBAAuD,MAAvD,UAAuD;gCACvDA,mBAgCKE,UAAA,MAAAC,WA/BW,QAAA,SAAO,CAAd,QAAG;oCADZH,mBAgCK,MAAA;AAAA,kBA9BF,KAAK;AAAA,kBACL,uBAAQ,QAAA,WAAQ,oCAAA,EAAA,CAAA;AAAA,kBAChB,SAAK,CAAA,WAAE,WAAW,GAAG;AAAA,gBAAA;kDAEnB,aAAa,GAAG,CAAA,IAAI,KACvB,CAAA;AAAA,kBACQ,QAAA,yBADRA,mBAwBM,OAAA;AAAA;oBAtBH,OAAKI,eAAA;AAAA;sBAAmE,WAAA,UAAe,MAAG,wCAAA;AAAA,oBAAA;oBAI3F,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,SAAQ;AAAA,kBAAA;oBAGA,WAAA,UAAe,OAAO,cAAA,UAAa,UAD3CL,UAAA,GAAAC,mBAME,QANF,UAME,MACFD,UAAA,GAAAC,mBAME,QANF,UAME;AAAA,kBAAA;;;eAGK,QAAA,YAAXD,aAAAC,mBAA2C,MAA3C,UAA2C;;;UAG/CC,mBAmIQ,SAAA,MAAA;AAAA,8BAlIND,mBAiIKE,UAAA,MAAAC,WAhIe,iBAAA,OAAgB,CAA3B,YAAO;kCADhBH,mBAiIK,MAAA;AAAA,gBA/HF,KAAK,QAAQ;AAAA,gBACb,OAAKI,eAAE,YAAY,OAAO,CAAA;AAAA,gBAC1B,WAAW,QAAA,YAAQ,CAAK,QAAA;AAAA,gBACxB,aAAS,CAAA,WAAE,gBAAgB,QAAQ,OAAO;AAAA,gBAC1C,YAAQ,CAAA,WAAE,eAAe,QAAQ,OAAO;AAAA,gBACxC,aAAW;AAAA,gBACX,QAAI,CAAA,WAAE,WAAW,QAAQ,OAAO;AAAA,gBAChC,WAAS;AAAA,cAAA;gBAGA,QAAA,aAAa,QAAA,yBAAvBJ,mBAIK,MAAA,aAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,kBAHHC,mBAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAgC,MAAK;AAAA,oBAAO,QAAO;AAAA,oBAAe,SAAQ;AAAA,kBAAA;oBACnFA,mBAA4F,QAAA;AAAA,sBAAtF,kBAAe;AAAA,sBAAQ,mBAAgB;AAAA,sBAAQ,gBAAa;AAAA,sBAAI,GAAE;AAAA,oBAAA;;;gBAKlE,QAAA,QAAQ,SAAQ,MAAA,KAA1BF,aAAAC,mBAWK,MAXL,aAWK;AAAA,kBATK,QAAQ,oBADhBA,mBAQI,KAAA;AAAA;oBAND,MAAM,QAAQ;AAAA,oBACf,QAAO;AAAA,oBACP,KAAI;AAAA,oBACJ,OAAM;AAAA,kBAAA,GAEHK,gBAAA,QAAQ,IAAI,GAAA,GAAA,WAAA,mBAEjBL,mBAAsC,QAAA,aAAAK,gBAAtB,QAAQ,IAAI,GAAA,CAAA;AAAA,gBAAA;gBAIpB,QAAA,QAAQ,SAAQ,SAAA,KAA1BN,UAAA,GAAAC,mBAEK,MAFL,aAEKK,gBADA,QAAQ,iBAAa,GAAA,GAAA,CAAA;gBAIhB,QAAA,QAAQ,SAAQ,KAAA,KAA1BN,UAAA,GAAAC,mBAEK,MAFL,aAEKK,gBADA,QAAQ,aAAS,GAAA,GAAA,CAAA;gBAIZ,QAAA,QAAQ,SAAQ,QAAA,KAA1BN,aAAAC,mBAwBK,MAxBL,aAwBK;AAAA,kBAvBS,UAAU,OAAO,KAA7BD,aAAAC,mBAEO,QAFP,aAEOK,gBADF,iBAAiB,QAAQ,UAAU,CAAA,GAAA,CAAA,KAEvB,eAAe,OAAO,KAAvCN,UAAA,GAAAC,mBAEO,QAFP,aAEOK,gBADF,iBAAiB,QAAQ,UAAU,CAAA,GAAA,CAAA,MAExCN,UAAA,GAAAC,mBAEO,QAAA,aAAAK,gBADF,iBAAiB,QAAQ,UAAU,CAAA,GAAA,CAAA;AAAA,kBAI5B,UAAU,OAAO,KAA7BN,UAAA,GAAAC,mBAKO,QALP,aAKO,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,oBAJLC,mBAEM,OAAA;AAAA,sBAFD,OAAM;AAAA,sBAA+B,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,oBAAA;sBAClFA,mBAAiG,QAAA;AAAA,wBAA3F,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;oCACpE,aAER,EAAA;AAAA,kBAAA,QACiB,eAAe,OAAO,KAAvCF,aAAAC,mBAKO,QALP,aAKO,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,oBAJLC,mBAEM,OAAA;AAAA,sBAFD,OAAM;AAAA,sBAA+B,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,oBAAA;sBAClFA,mBAAiN,QAAA;AAAA,wBAA3M,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;oCACpE,UAER,EAAA;AAAA,kBAAA;;gBAIQ,QAAA,QAAQ,SAAQ,SAAA,KAA1BF,aAAAC,mBAQK,MARL,aAQK;AAAA,kBANK,QAAQ,iCADhBA,mBAKO,QAAA;AAAA;oBAHJ,OAAKI,eAAA,CAAA,6BAAA,8BAA8D,QAAQ,gBAAgB,EAAA,CAAA;AAAA,kBAAA,GAEzFC,gBAAA,QAAQ,gBAAgB,GAAA,CAAA,mBAE7BL,mBAA2D,QAA3D,aAAmD,GAAC;AAAA,gBAAA;gBAI5C,QAAA,QAAQ,SAAQ,UAAA,KAA1BD,UAAA,GAAAC,mBAEK,MAFL,aAEKK,gBADA,QAAQ,YAAQ,GAAA,GAAA,CAAA;gBAIX,QAAA,QAAQ,SAAQ,OAAA,KAAa,QAAA,kBAAvCN,UAAA,GAAAC,mBAaK,MAbL,aAaK;AAAA,kBAZQ,QAAQ,eAAe,UAAlCD,aAAAC,mBAUM,OAVN,aAUM;AAAA,oBATJC,mBAKM,OALN,aAKM;AAAA,sBAJJA,mBAGE,OAAA;AAAA,wBAFC,OAAKG,eAAA,CAAA,gCAAmC,kBAAkB,cAAc,OAAO,CAAA,CAAA,CAAA;AAAA,wBAC/E,kCAAmB,KAAK,IAAG,KAAM,cAAc,OAAO,CAAA,CAAA,KAAA;AAAA,sBAAA;;oBAG3DH,mBAEO,QAFP,aAEOI,gBADF,cAAc,OAAO,KAAI,MAC9B,CAAA;AAAA,kBAAA,oBAEFL,mBAA2D,QAA3D,aAAmD,GAAC;AAAA,gBAAA;gBAI5C,QAAA,QAAQ,SAAQ,UAAA,KAA1BD,UAAA,GAAAC,mBAEK,MAFL,aAEKK,gBADA,QAAQ,YAAQ,GAAA,GAAA,CAAA;iBAIV,QAAA,YAAXN,aAAAC,mBAqBK,MArBL,aAqBK;AAAA,kBApBHC,mBASS,UAAA;AAAA,oBARP,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,cAAW;AAAA,oBACV,SAAK,CAAA,WAAE,WAAW,OAAO;AAAA,kBAAA;oBAE1BA,mBAEM,OAAA;AAAA,sBAFD,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,oBAAA;sBAC7CA,mBAAmM,QAAA;AAAA,wBAA7L,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;;kBAG5EA,mBASS,UAAA;AAAA,oBARP,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,cAAW;AAAA,oBACV,SAAK,CAAA,WAAE,aAAa,QAAQ,EAAE;AAAA,kBAAA;oBAE/BA,mBAEM,OAAA;AAAA,sBAFD,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,oBAAA;sBAC7CA,mBAAyM,QAAA;AAAA,wBAAnM,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;;;;;;eASpFF,UAAA,GAAAC,mBAeM,OAfN,aAeM;AAAA,oCAdJC,mBAEM,OAAA;AAAA,YAFD,OAAM;AAAA,YAA+B,MAAK;AAAA,YAAO,QAAO;AAAA,YAAe,SAAQ;AAAA,UAAA;YAClFA,mBAAkV,QAAA;AAAA,cAA5U,kBAAe;AAAA,cAAQ,mBAAgB;AAAA,cAAQ,gBAAa;AAAA,cAAI,GAAE;AAAA,YAAA;;UAE1EA,mBAEI,KAFJ,aAEII,gBADC,YAAA,QAAW,sBAAA,uBAAA,GAAA,CAAA;AAAA,UAGP,CAAA,QAAA,aAAa,YAAA,sBADtBL,mBAOS,UAAA;AAAA;YALP,MAAK;AAAA,YACL,OAAM;AAAA,YACL,SAAO;AAAA,UAAA,GACT,eAED;;;;;;"}

package/dist/components/ReagentList.vue3.js

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

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

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

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

@@ -0,0 +1,50 @@
+import { ResourceStatus, ResourceSpec } from '../types/components';
+interface Props {
+    name: string;
+    description?: string;
+    status?: ResourceStatus;
+    image?: string;
+    location?: string;
+    specs?: ResourceSpec[];
+    tags?: string[];
+    nextAvailable?: string;
+    showBookAction?: boolean;
+    compact?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    statusLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        status?(_: {}): any;
+        status?(_: {}): any;
+        action?(_: {}): any;
+        action?(_: {}): any;
+        image?(_: {}): any;
+        specs?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+    book: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onBook?: (() => any) | undefined;
+}>, {
+    compact: boolean;
+    size: "sm" | "md" | "lg";
+    status: ResourceStatus;
+    specs: ResourceSpec[];
+    tags: string[];
+    showBookAction: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};