@morscherlab/mld-sdk 0.6.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"WellPlate.vue.js","sources":["../../src/components/WellPlate.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport type { WellPlateFormat, WellPlateSelectionMode, WellPlateSize, Well, HeatmapConfig, WellShape, WellEditField, WellEditData, WellLegendItem } from '../types'\nimport WellEditPopup from './WellEditPopup.vue'\n\ninterface Props {\n  modelValue?: string[]\n  format?: WellPlateFormat\n  wells?: Record<string, Partial<Well>>\n  selectionMode?: WellPlateSelectionMode\n  showLabels?: boolean\n  showWellIds?: boolean\n  showSampleTypeIndicator?: boolean\n  heatmap?: HeatmapConfig\n  sampleColors?: Record<string, string>\n  zoom?: number\n  disabled?: boolean\n  readonly?: boolean\n  size?: WellPlateSize\n  wellShape?: WellShape\n  // New editing props\n  showWellLabels?: boolean\n  showBadges?: boolean\n  editable?: boolean\n  editFields?: WellEditField[]\n  defaultInjectionVolume?: number\n  showLegend?: boolean\n  legendItems?: WellLegendItem[]\n}\n\n// Drag state for moving wells\nconst dragSourceWell = ref<string | null>(null)\nconst dragTargetWell = ref<string | null>(null)\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: () => [],\n  format: 96,\n  wells: () => ({}),\n  selectionMode: 'multiple',\n  showLabels: true,\n  showWellIds: false,\n  showSampleTypeIndicator: false,\n  heatmap: () => ({ enabled: false }),\n  sampleColors: () => ({}),\n  zoom: 1,\n  disabled: false,\n  readonly: false,\n  size: 'md',\n  wellShape: 'rounded',\n  // New props default to off for backward compatibility\n  showWellLabels: false,\n  showBadges: false,\n  editable: false,\n  editFields: () => ['label', 'sampleType', 'injectionVolume', 'injectionCount', 'customMethod'],\n  defaultInjectionVolume: 5,\n  showLegend: false,\n  legendItems: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [wellIds: string[]]\n  'well-click': [wellId: string, event: MouseEvent]\n  'well-hover': [wellId: string | null, event?: MouseEvent]\n  'selection-change': [wellIds: string[]]\n  'context-menu': [wellId: string, event: MouseEvent]\n  'well-move': [sourceWellId: string, targetWellId: string]\n  // New editing emits\n  'well-edit': [wellId: string, data: WellEditData]\n  'well-clear': [wellId: string]\n}>()\n\nconst plateRef = ref<HTMLElement | null>(null)\nconst tableRef = ref<HTMLElement | null>(null)\nconst isDragging = ref(false)\nconst dragStart = ref<{ row: number; col: number } | null>(null)\nconst dragEnd = ref<{ row: number; col: number } | null>(null)\nconst hoveredWell = ref<string | null>(null)\n\n// Edit popup state\nconst editingWellId = ref<string | null>(null)\nconst editPopupPosition = ref({ x: 0, y: 0 })\n\nconst PLATE_CONFIGS: Record<WellPlateFormat, { rows: number; cols: number }> = {\n  6: { rows: 2, cols: 3 },\n  12: { rows: 3, cols: 4 },\n  24: { rows: 4, cols: 6 },\n  48: { rows: 6, cols: 8 },\n  54: { rows: 6, cols: 9 },\n  96: { rows: 8, cols: 12 },\n  384: { rows: 16, cols: 24 },\n}\n\nconst plateConfig = computed(() => PLATE_CONFIGS[props.format])\n\nconst rowLabels = computed(() =>\n  Array.from({ length: plateConfig.value.rows }, (_, i) => String.fromCharCode(65 + i))\n)\n\nconst colLabels = computed(() =>\n  Array.from({ length: plateConfig.value.cols }, (_, i) => i + 1)\n)\n\nconst wellGrid = computed(() => {\n  const grid: Well[][] = []\n  for (let row = 0; row < plateConfig.value.rows; row++) {\n    const rowWells: Well[] = []\n    for (let col = 0; col < plateConfig.value.cols; col++) {\n      const id = `${rowLabels.value[row]}${col + 1}`\n      const wellData = props.wells[id] || {}\n      rowWells.push({\n        id,\n        row,\n        col,\n        state: wellData.state || 'empty',\n        sampleType: wellData.sampleType,\n        value: wellData.value,\n        metadata: wellData.metadata,\n      })\n    }\n    grid.push(rowWells)\n  }\n  return grid\n})\n\nconst selectedWellSet = computed(() => new Set(props.modelValue))\n\nconst dragSelectedWells = computed(() => {\n  if (!isDragging.value || !dragStart.value || !dragEnd.value) return new Set<string>()\n\n  const minRow = Math.min(dragStart.value.row, dragEnd.value.row)\n  const maxRow = Math.max(dragStart.value.row, dragEnd.value.row)\n  const minCol = Math.min(dragStart.value.col, dragEnd.value.col)\n  const maxCol = Math.max(dragStart.value.col, dragEnd.value.col)\n\n  const wells = new Set<string>()\n  for (let row = minRow; row <= maxRow; row++) {\n    for (let col = minCol; col <= maxCol; col++) {\n      const id = `${rowLabels.value[row]}${col + 1}`\n      wells.add(id)\n    }\n  }\n  return wells\n})\n\n// Size presets with pixel values for reliable sizing\nconst sizeConfig = computed(() => {\n  const sizes = {\n    sm: { cellWidth: '40px', cellHeight: '40px', headerWidth: '32px', headerHeight: '32px', fontSize: '0.625rem', gap: '2px' },\n    md: { cellWidth: '56px', cellHeight: '32px', headerWidth: '32px', headerHeight: '24px', fontSize: '0.75rem', gap: '3px' },\n    lg: { cellWidth: '80px', cellHeight: '40px', headerWidth: '40px', headerHeight: '32px', fontSize: '0.875rem', gap: '4px' },\n    xl: { cellWidth: '96px', cellHeight: '48px', headerWidth: '48px', headerHeight: '40px', fontSize: '1rem', gap: '4px' },\n    fill: { cellWidth: '100%', cellHeight: '32px', headerWidth: '32px', headerHeight: '24px', fontSize: '0.75rem', gap: '2px' },\n  }\n  return sizes[props.size]\n})\n\nconst isFillMode = computed(() => props.size === 'fill')\n\n// Default legend items\nconst defaultLegendItems: WellLegendItem[] = [\n  { type: 'sample', label: 'Sample', color: '#10b981' },\n  { type: 'blank', label: 'Blank', color: '#f97316' },\n  { type: 'qc', label: 'QC', color: '#8b5cf6' },\n]\n\nconst activeLegendItems = computed(() => props.legendItems ?? defaultLegendItems)\n\n// Sample type colors (matching MSExpDesigner)\nconst defaultSampleTypeColors: Record<string, { bg: string; border: string }> = {\n  sample: { bg: 'rgba(16, 185, 129, 0.15)', border: 'rgba(16, 185, 129, 0.4)' },\n  control: { bg: 'rgba(59, 130, 246, 0.15)', border: 'rgba(59, 130, 246, 0.4)' },\n  blank: { bg: 'rgba(249, 115, 22, 0.15)', border: 'rgba(249, 115, 22, 0.4)' },\n  qc: { bg: 'rgba(139, 92, 246, 0.15)', border: 'rgba(139, 92, 246, 0.4)' },\n}\n\nconst heatmapColors: Record<string, string[]> = {\n  viridis: ['#440154', '#482878', '#3e4989', '#31688e', '#26828e', '#1f9e89', '#35b779', '#6ece58', '#b5de2b', '#fde725'],\n  plasma: ['#0d0887', '#46039f', '#7201a8', '#9c179e', '#bd3786', '#d8576b', '#ed7953', '#fb9f3a', '#fdca26', '#f0f921'],\n  turbo: ['#30123b', '#4145ab', '#4675ed', '#39a2fc', '#1bcfd4', '#24e79e', '#71f05f', '#c1f034', '#f1c83c', '#f99538', '#e45a31', '#ba2512', '#7a0403'],\n}\n\nfunction getHeatmapColor(value: number | undefined): string | null {\n  if (!props.heatmap?.enabled || value === undefined) return null\n\n  const min = props.heatmap.min ?? 0\n  const max = props.heatmap.max ?? 1\n  const normalized = Math.max(0, Math.min(1, (value - min) / (max - min)))\n\n  const colors = props.heatmap.colorScale === 'custom' && props.heatmap.customColors?.length\n    ? props.heatmap.customColors\n    : heatmapColors[props.heatmap.colorScale || 'viridis']\n\n  const index = Math.min(Math.floor(normalized * (colors.length - 1)), colors.length - 1)\n  return colors[index]\n}\n\nfunction getWellClasses(well: Well): string[] {\n  const isWellSelected = isSelected(well.id)\n  const isDragOver = dragSelectedWells.value.has(well.id)\n  const isHovered = hoveredWell.value === well.id\n  const isDisabled = props.disabled || well.state === 'disabled'\n  const isDragSource = dragSourceWell.value === well.id\n  const isDragTarget = dragTargetWell.value === well.id\n\n  const classes = [\n    'mld-well-plate__well',\n    props.wellShape === 'circle' ? 'mld-well-plate__well--circle' : 'mld-well-plate__well--rounded',\n  ]\n\n  if (props.selectionMode === 'drag' && well.sampleType) {\n    classes.push('mld-well-plate__well--draggable')\n  }\n\n  if (isDragSource) classes.push('mld-well-plate__well--drag-source')\n  else if (isDragTarget) classes.push('mld-well-plate__well--drag-target')\n  else if (isWellSelected) classes.push('mld-well-plate__well--selected')\n  else if (isDragOver) classes.push('mld-well-plate__well--drag-over')\n  else if (isHovered && !props.readonly) classes.push('mld-well-plate__well--hovered')\n\n  if (isDisabled) classes.push('mld-well-plate__well--disabled')\n  if (well.state === 'filled') classes.push('mld-well-plate__well--filled')\n\n  return classes\n}\n\nfunction getWellStyle(well: Well): Record<string, string> {\n  const heatmapColor = getHeatmapColor(well.value)\n  if (heatmapColor) {\n    return { backgroundColor: heatmapColor, border: '1px solid transparent' }\n  }\n\n  if (well.sampleType && props.sampleColors[well.sampleType]) {\n    const color = props.sampleColors[well.sampleType]\n    return {\n      backgroundColor: `${color}26`,\n      border: `1px solid ${color}66`,\n    }\n  }\n\n  if (well.sampleType && defaultSampleTypeColors[well.sampleType]) {\n    const colors = defaultSampleTypeColors[well.sampleType]\n    return {\n      backgroundColor: colors.bg,\n      border: `1px solid ${colors.border}`,\n    }\n  }\n\n  const borderStyle = well.state === 'filled' ? 'solid' : 'dashed'\n  return {\n    backgroundColor: 'var(--bg-tertiary)',\n    border: `1px ${borderStyle} var(--border-color)`,\n  }\n}\n\nfunction getSampleTypeIndicator(well: Well): string | null {\n  if (!props.showSampleTypeIndicator || !well.sampleType) return null\n  const typeMap: Record<string, string> = {\n    sample: 'S',\n    control: 'C',\n    blank: 'B',\n    qc: 'Q',\n  }\n  return typeMap[well.sampleType] || well.sampleType.charAt(0).toUpperCase()\n}\n\nfunction getWellLabel(well: Well): string | undefined {\n  if (!props.showWellLabels) return undefined\n  return well.metadata?.label as string | undefined\n}\n\nfunction getWellBadge(well: Well): { text: string; color: string } | null {\n  if (!props.showBadges || !well.metadata) return null\n  const count = well.metadata.injectionCount as number | undefined\n  if (count && count > 1) {\n    return { text: String(count), color: '#6366f1' }\n  }\n  if (well.metadata.customMethod) {\n    return { text: '+', color: '#ec4899' }\n  }\n  return null\n}\n\nfunction isSelected(wellId: string): boolean {\n  return selectedWellSet.value.has(wellId) || dragSelectedWells.value.has(wellId)\n}\n\nfunction handleWellClick(well: Well, event: MouseEvent) {\n  if (props.disabled || props.readonly) return\n\n  emit('well-click', well.id, event)\n\n  // When editable, open popup instead of modifying selection\n  if (props.editable) {\n    openEditPopup(well.id, event)\n    return\n  }\n\n  if (props.selectionMode === 'none') return\n\n  const isCurrentlySelected = selectedWellSet.value.has(well.id)\n  const isMultiSelect = event.shiftKey || event.metaKey || event.ctrlKey\n\n  let newSelection: string[]\n  if (props.selectionMode === 'single') {\n    newSelection = isCurrentlySelected ? [] : [well.id]\n  } else if (isMultiSelect) {\n    newSelection = isCurrentlySelected\n      ? props.modelValue.filter(id => id !== well.id)\n      : [...props.modelValue, well.id]\n  } else {\n    newSelection = isCurrentlySelected && props.modelValue.length === 1 ? [] : [well.id]\n  }\n\n  emit('update:modelValue', newSelection)\n  emit('selection-change', newSelection)\n}\n\nfunction openEditPopup(wellId: string, event: MouseEvent) {\n  const target = event.currentTarget as HTMLElement\n  const rect = target.getBoundingClientRect()\n  editPopupPosition.value = {\n    x: rect.right + 8,\n    y: rect.top,\n  }\n  editingWellId.value = wellId\n}\n\nfunction handleEditSave(data: WellEditData) {\n  emit('well-edit', data.wellId, data)\n  editingWellId.value = null\n}\n\nfunction handleEditClear() {\n  if (editingWellId.value) {\n    emit('well-clear', editingWellId.value)\n  }\n  editingWellId.value = null\n}\n\nfunction handleEditClose() {\n  editingWellId.value = null\n}\n\nfunction handleWellMouseDown(well: Well, event: MouseEvent) {\n  if (props.disabled || props.readonly || props.selectionMode !== 'rectangle') return\n  if (props.editable) return\n  if (event.button !== 0) return\n\n  isDragging.value = true\n  dragStart.value = { row: well.row, col: well.col }\n  dragEnd.value = { row: well.row, col: well.col }\n}\n\nfunction handleWellMouseEnter(well: Well, event: MouseEvent) {\n  hoveredWell.value = well.id\n  emit('well-hover', well.id, event)\n\n  if (isDragging.value && props.selectionMode === 'rectangle') {\n    dragEnd.value = { row: well.row, col: well.col }\n  }\n}\n\nfunction handleWellMouseLeave() {\n  hoveredWell.value = null\n  emit('well-hover', null)\n}\n\nfunction handleMouseUp() {\n  if (!isDragging.value || props.selectionMode !== 'rectangle') return\n\n  const newSelection = Array.from(dragSelectedWells.value)\n  isDragging.value = false\n  dragStart.value = null\n  dragEnd.value = null\n\n  if (newSelection.length > 0) {\n    emit('update:modelValue', newSelection)\n    emit('selection-change', newSelection)\n  }\n}\n\nfunction handleContextMenu(well: Well, event: MouseEvent) {\n  event.preventDefault()\n  emit('context-menu', well.id, event)\n}\n\n// Drag handlers for moving well contents\nfunction handleDragStart(well: Well, event: DragEvent) {\n  if (props.disabled || props.readonly || props.selectionMode !== 'drag') return\n  if (!well.sampleType) return\n\n  dragSourceWell.value = well.id\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData('text/plain', well.id)\n  }\n}\n\nfunction handleDragOver(well: Well, event: DragEvent) {\n  if (props.selectionMode !== 'drag' || !dragSourceWell.value) return\n  event.preventDefault()\n  if (event.dataTransfer) {\n    event.dataTransfer.dropEffect = 'move'\n  }\n  dragTargetWell.value = well.id\n}\n\nfunction handleDragLeave() {\n  dragTargetWell.value = null\n}\n\nfunction handleDrop(well: Well, event: DragEvent) {\n  event.preventDefault()\n  if (props.selectionMode !== 'drag' || !dragSourceWell.value) return\n\n  const sourceId = dragSourceWell.value\n  const targetId = well.id\n\n  if (sourceId !== targetId) {\n    emit('well-move', sourceId, targetId)\n  }\n\n  dragSourceWell.value = null\n  dragTargetWell.value = null\n}\n\nfunction handleDragEnd() {\n  dragSourceWell.value = null\n  dragTargetWell.value = null\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  if (props.disabled || props.readonly) return\n\n  if (event.key === 'Escape') {\n    if (editingWellId.value) {\n      editingWellId.value = null\n      return\n    }\n    emit('update:modelValue', [])\n    emit('selection-change', [])\n  }\n\n  if ((event.key === 'a' || event.key === 'A') && (event.metaKey || event.ctrlKey)) {\n    event.preventDefault()\n    const allWells = wellGrid.value.flat().map(w => w.id)\n    emit('update:modelValue', allWells)\n    emit('selection-change', allWells)\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('mouseup', handleMouseUp)\n  document.addEventListener('keydown', handleKeyDown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('mouseup', handleMouseUp)\n  document.removeEventListener('keydown', handleKeyDown)\n})\n\nconst containerStyle = computed(() =>\n  isFillMode.value ? {} : {\n    transform: `scale(${props.zoom})`,\n    transformOrigin: 'top left',\n  }\n)\n\nconst tableStyle = computed(() => ({\n  borderCollapse: 'separate' as const,\n  borderSpacing: sizeConfig.value.gap,\n  ...(isFillMode.value ? { width: '100%', tableLayout: 'fixed' as const } : {}),\n}))\n</script>\n\n<template>\n  <div\n    ref=\"plateRef\"\n    :class=\"['mld-well-plate', isFillMode ? 'mld-well-plate--fill' : 'mld-well-plate--inline']\"\n    :style=\"containerStyle\"\n  >\n    <div class=\"mld-well-plate__scroll\">\n      <div class=\"mld-well-plate__content\">\n        <table\n          ref=\"tableRef\"\n          class=\"mld-well-plate__table\"\n          role=\"grid\"\n          :aria-label=\"`${props.format}-well plate`\"\n          :style=\"tableStyle\"\n        >\n        <!-- Column headers -->\n        <thead v-if=\"props.showLabels\">\n          <tr>\n            <th :style=\"{ width: sizeConfig.headerWidth, height: sizeConfig.headerHeight }\"></th>\n            <th\n              v-for=\"col in colLabels\"\n              :key=\"col\"\n              class=\"mld-well-plate__col-header\"\n              :style=\"{ height: sizeConfig.headerHeight, fontSize: sizeConfig.fontSize }\"\n            >\n              {{ col }}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(row, rowIndex) in wellGrid\" :key=\"rowIndex\" role=\"row\">\n            <!-- Row header -->\n            <td\n              v-if=\"props.showLabels\"\n              class=\"mld-well-plate__row-header\"\n              :style=\"{ width: sizeConfig.headerWidth, height: sizeConfig.cellHeight, minWidth: sizeConfig.headerWidth, minHeight: sizeConfig.cellHeight, fontSize: sizeConfig.fontSize }\"\n            >\n              {{ rowLabels[rowIndex] }}\n            </td>\n\n            <!-- Wells -->\n            <td v-for=\"well in row\" :key=\"well.id\" class=\"mld-well-plate__cell\">\n              <div\n                role=\"gridcell\"\n                tabindex=\"0\"\n                :aria-label=\"`Well ${well.id}${well.sampleType ? `, Sample type: ${well.sampleType}` : ''}${well.value !== undefined ? `, Value: ${well.value}` : ''}`\"\n                :aria-selected=\"isSelected(well.id)\"\n                :aria-disabled=\"props.disabled || well.state === 'disabled'\"\n                :draggable=\"props.selectionMode === 'drag' && !!well.sampleType\"\n                :class=\"getWellClasses(well)\"\n                :style=\"{\n                  width: isFillMode ? '100%' : sizeConfig.cellWidth,\n                  height: sizeConfig.cellHeight,\n                  minWidth: isFillMode ? '0' : sizeConfig.cellWidth,\n                  minHeight: sizeConfig.cellHeight,\n                  boxSizing: 'border-box',\n                  fontSize: sizeConfig.fontSize,\n                  ...getWellStyle(well),\n                }\"\n                :title=\"`${well.id}${well.sampleType ? `: ${well.sampleType}` : ''}${getWellLabel(well) ? ` - ${getWellLabel(well)}` : ''}`\"\n                @click=\"handleWellClick(well, $event)\"\n                @mousedown=\"handleWellMouseDown(well, $event)\"\n                @mouseenter=\"handleWellMouseEnter(well, $event)\"\n                @mouseleave=\"handleWellMouseLeave\"\n                @contextmenu=\"handleContextMenu(well, $event)\"\n                @dragstart=\"handleDragStart(well, $event)\"\n                @dragover.prevent=\"handleDragOver(well, $event)\"\n                @dragleave=\"handleDragLeave\"\n                @drop.prevent=\"handleDrop(well, $event)\"\n                @dragend=\"handleDragEnd\"\n                @keydown.enter=\"handleWellClick(well, $event as unknown as MouseEvent)\"\n                @keydown.space.prevent=\"handleWellClick(well, $event as unknown as MouseEvent)\"\n              >\n                <!-- Well label text (from metadata.label) -->\n                <span\n                  v-if=\"getWellLabel(well)\"\n                  class=\"mld-well-plate__label\"\n                >\n                  {{ getWellLabel(well) }}\n                </span>\n                <!-- Sample type indicator (S/B/Q/C) -->\n                <span\n                  v-else-if=\"getSampleTypeIndicator(well)\"\n                  class=\"mld-well-plate__indicator\"\n                >\n                  {{ getSampleTypeIndicator(well) }}\n                </span>\n                <!-- Well ID -->\n                <span\n                  v-else-if=\"props.showWellIds\"\n                  class=\"mld-well-plate__well-id\"\n                >\n                  {{ well.id }}\n                </span>\n\n                <!-- Badge (injection count or custom method) -->\n                <span\n                  v-if=\"getWellBadge(well)\"\n                  class=\"mld-well-plate__badge\"\n                  :style=\"{ backgroundColor: getWellBadge(well)!.color }\"\n                  :title=\"getWellBadge(well)!.text === '+' ? 'Custom method' : `${getWellBadge(well)!.text}x injections`\"\n                >\n                  {{ getWellBadge(well)!.text }}\n                </span>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        </table>\n\n        <!-- Heatmap legend (inside content wrapper to match table width) -->\n        <div\n          v-if=\"props.heatmap?.enabled && props.heatmap.showLegend\"\n          class=\"mld-well-plate__legend\"\n        >\n          <span class=\"mld-well-plate__legend-label\">{{ props.heatmap.min ?? 0 }}</span>\n          <div class=\"mld-well-plate__legend-bar\">\n            <div\n              v-for=\"(color, index) in (props.heatmap.colorScale === 'custom' && props.heatmap.customColors?.length ? props.heatmap.customColors : heatmapColors[props.heatmap.colorScale || 'viridis'])\"\n              :key=\"index\"\n              class=\"mld-well-plate__legend-segment\"\n              :style=\"{ backgroundColor: color }\"\n            />\n          </div>\n          <span class=\"mld-well-plate__legend-label\">{{ props.heatmap.max ?? 1 }}</span>\n        </div>\n\n        <!-- Sample type legend bar -->\n        <div v-if=\"props.showLegend\" class=\"mld-well-plate__sample-legend\">\n          <div\n            v-for=\"item in activeLegendItems\"\n            :key=\"item.type\"\n            class=\"mld-well-plate__sample-legend-item\"\n          >\n            <span\n              class=\"mld-well-plate__sample-legend-dot\"\n              :style=\"{ backgroundColor: `${item.color}26`, border: `1px solid ${item.color}66` }\"\n            />\n            <span class=\"mld-well-plate__sample-legend-text\">{{ item.label }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Edit popup -->\n    <WellEditPopup\n      v-if=\"editable && editingWellId\"\n      :well-id=\"editingWellId\"\n      :well-data=\"wells[editingWellId]\"\n      :edit-fields=\"editFields\"\n      :default-injection-volume=\"defaultInjectionVolume\"\n      :position=\"editPopupPosition\"\n      @save=\"handleEditSave\"\n      @clear=\"handleEditClear\"\n      @close=\"handleEditClose\"\n    />\n  </div>\n</template>\n\n<style>\n@import '../styles/components/well-plate.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_Fragment","_renderList","_openBlock","_toDisplayString","_normalizeClass","_normalizeStyle","_withModifiers","_createBlock","WellEditPopup"],"mappings":"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"}

package/dist/components/WellPlate.vue3.js

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

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,71 @@
+export { default as BaseButton } from './BaseButton.vue';
+export { default as BaseInput } from './BaseInput.vue';
+export { default as BaseTextarea } from './BaseTextarea.vue';
+export { default as BaseSelect } from './BaseSelect.vue';
+export { default as BaseCheckbox } from './BaseCheckbox.vue';
+export { default as BaseToggle } from './BaseToggle.vue';
+export { default as BaseRadioGroup } from './BaseRadioGroup.vue';
+export { default as BaseSlider } from './BaseSlider.vue';
+export { default as ColorSlider } from './ColorSlider.vue';
+export { default as BaseTabs } from './BaseTabs.vue';
+export { default as BaseModal } from './BaseModal.vue';
+export { default as SegmentedControl } from './SegmentedControl.vue';
+export { default as MultiSelect } from './MultiSelect.vue';
+export { default as BasePill } from './BasePill.vue';
+export { default as DropdownButton } from './DropdownButton.vue';
+export { default as Calendar } from './Calendar.vue';
+export { default as DataFrame } from './DataFrame.vue';
+export { default as FormField } from './FormField.vue';
+export { default as DatePicker } from './DatePicker.vue';
+export { default as TimePicker } from './TimePicker.vue';
+export { default as TagsInput } from './TagsInput.vue';
+export { default as NumberInput } from './NumberInput.vue';
+export { default as FileUploader } from './FileUploader.vue';
+export { default as AlertBox } from './AlertBox.vue';
+export { default as ToastNotification } from './ToastNotification.vue';
+export { default as IconButton } from './IconButton.vue';
+export { default as ThemeToggle } from './ThemeToggle.vue';
+export { default as SettingsButton } from './SettingsButton.vue';
+export { default as CollapsibleCard } from './CollapsibleCard.vue';
+export { default as AppTopBar } from './AppTopBar.vue';
+export { default as AppSidebar } from './AppSidebar.vue';
+export { default as AppLayout } from './AppLayout.vue';
+export { default as AppContainer } from './AppContainer.vue';
+export { default as Skeleton } from './Skeleton.vue';
+export { default as LoadingSpinner } from './LoadingSpinner.vue';
+export { default as Divider } from './Divider.vue';
+export { default as StatusIndicator } from './StatusIndicator.vue';
+export { default as ProgressBar } from './ProgressBar.vue';
+export { default as Avatar } from './Avatar.vue';
+export { default as EmptyState } from './EmptyState.vue';
+export { default as Breadcrumb } from './Breadcrumb.vue';
+export { default as Tooltip } from './Tooltip.vue';
+export { default as ConfirmDialog } from './ConfirmDialog.vue';
+export { default as ChartContainer } from './ChartContainer.vue';
+export { default as SettingsModal } from './SettingsModal.vue';
+export { default as WellPlate } from './WellPlate.vue';
+export { default as RackEditor } from './RackEditor.vue';
+export { default as SampleLegend } from './SampleLegend.vue';
+export { default as PlateMapEditor } from './PlateMapEditor.vue';
+export { default as ExperimentTimeline } from './ExperimentTimeline.vue';
+export { default as SampleSelector } from './SampleSelector.vue';
+export { default as GroupingModal } from './GroupingModal.vue';
+export { default as GroupAssigner } from './GroupAssigner.vue';
+export { default as MoleculeInput } from './MoleculeInput.vue';
+export { default as ConcentrationInput } from './ConcentrationInput.vue';
+export { default as DoseCalculator } from './DoseCalculator.vue';
+export { default as ReagentList } from './ReagentList.vue';
+export { default as SampleHierarchyTree } from './SampleHierarchyTree.vue';
+export { default as ProtocolStepEditor } from './ProtocolStepEditor.vue';
+export { default as ScientificNumber } from './ScientificNumber.vue';
+export { default as ChemicalFormula } from './ChemicalFormula.vue';
+export { default as FormulaInput } from './FormulaInput.vue';
+export { default as SequenceInput } from './SequenceInput.vue';
+export { default as UnitInput } from './UnitInput.vue';
+export { default as StepWizard } from './StepWizard.vue';
+export { default as AuditTrail } from './AuditTrail.vue';
+export { default as BatchProgressList } from './BatchProgressList.vue';
+export { default as DateTimePicker } from './DateTimePicker.vue';
+export { default as TimeRangeInput } from './TimeRangeInput.vue';
+export { default as ScheduleCalendar } from './ScheduleCalendar.vue';
+export { default as ResourceCard } from './ResourceCard.vue';

package/dist/components/index.js

@@ -0,0 +1,215 @@
+import { default as default2 } from "./BaseButton.vue.js";
+/* empty css                */
+import { default as default3 } from "./BaseInput.vue.js";
+/* empty css               */
+import { default as default4 } from "./BaseTextarea.vue.js";
+/* empty css                  */
+import { default as default5 } from "./BaseSelect.vue.js";
+/* empty css                */
+import { default as default6 } from "./BaseCheckbox.vue.js";
+/* empty css                  */
+import { default as default7 } from "./BaseToggle.vue.js";
+/* empty css                */
+import { default as default8 } from "./BaseRadioGroup.vue.js";
+/* empty css                    */
+import { default as default9 } from "./BaseSlider.vue.js";
+/* empty css                */
+import { default as default10 } from "./ColorSlider.vue.js";
+/* empty css                 */
+import { default as default11 } from "./BaseTabs.vue.js";
+/* empty css              */
+import { default as default12 } from "./BaseModal.vue.js";
+/* empty css               */
+import { default as default13 } from "./SegmentedControl.vue.js";
+/* empty css                      */
+import { default as default14 } from "./MultiSelect.vue.js";
+/* empty css                 */
+import { default as default15 } from "./BasePill.vue.js";
+/* empty css              */
+import { default as default16 } from "./DropdownButton.vue.js";
+/* empty css                    */
+import { default as default17 } from "./Calendar.vue.js";
+/* empty css              */
+import { default as default18 } from "./DataFrame.vue.js";
+/* empty css               */
+import { default as default19 } from "./FormField.vue.js";
+/* empty css               */
+import { default as default20 } from "./DatePicker.vue.js";
+/* empty css                */
+import { default as default21 } from "./TimePicker.vue.js";
+/* empty css                */
+import { default as default22 } from "./TagsInput.vue.js";
+/* empty css               */
+import { default as default23 } from "./NumberInput.vue.js";
+/* empty css                 */
+import { default as default24 } from "./FileUploader.vue.js";
+/* empty css                  */
+import { default as default25 } from "./AlertBox.vue.js";
+/* empty css              */
+import { default as default26 } from "./ToastNotification.vue.js";
+/* empty css                       */
+import { default as default27 } from "./IconButton.vue.js";
+/* empty css                */
+import { default as default28 } from "./ThemeToggle.vue.js";
+/* empty css                 */
+import { default as default29 } from "./SettingsButton.vue.js";
+/* empty css                    */
+import { default as default30 } from "./CollapsibleCard.vue.js";
+/* empty css                     */
+import { default as default31 } from "./AppTopBar.vue.js";
+/* empty css               */
+import { default as default32 } from "./AppSidebar.vue.js";
+/* empty css                */
+import { default as default33 } from "./AppLayout.vue.js";
+/* empty css               */
+import { default as default34 } from "./AppContainer.vue.js";
+import { default as default35 } from "./Skeleton.vue.js";
+/* empty css              */
+import { default as default36 } from "./LoadingSpinner.vue.js";
+/* empty css                    */
+import { default as default37 } from "./Divider.vue.js";
+/* empty css             */
+import { default as default38 } from "./StatusIndicator.vue.js";
+/* empty css                     */
+import { default as default39 } from "./ProgressBar.vue.js";
+/* empty css                 */
+import { default as default40 } from "./Avatar.vue.js";
+/* empty css            */
+import { default as default41 } from "./EmptyState.vue.js";
+/* empty css                */
+import { default as default42 } from "./Breadcrumb.vue.js";
+/* empty css                */
+import { default as default43 } from "./Tooltip.vue.js";
+/* empty css             */
+import { default as default44 } from "./ConfirmDialog.vue.js";
+/* empty css                   */
+import { default as default45 } from "./ChartContainer.vue.js";
+/* empty css                    */
+import { default as default46 } from "./SettingsModal.vue.js";
+/* empty css                   */
+import { default as default47 } from "./WellPlate.vue.js";
+/* empty css               */
+import { default as default48 } from "./RackEditor.vue.js";
+/* empty css                */
+import { default as default49 } from "./SampleLegend.vue.js";
+/* empty css                  */
+import { default as default50 } from "./PlateMapEditor.vue.js";
+/* empty css                    */
+import { default as default51 } from "./ExperimentTimeline.vue.js";
+/* empty css                        */
+import { default as default52 } from "./SampleSelector.vue.js";
+/* empty css                    */
+import { default as default53 } from "./GroupingModal.vue.js";
+/* empty css                   */
+import { default as default54 } from "./GroupAssigner.vue.js";
+/* empty css                   */
+import { default as default55 } from "./MoleculeInput.vue.js";
+/* empty css                   */
+import { default as default56 } from "./ConcentrationInput.vue.js";
+/* empty css                        */
+import { default as default57 } from "./DoseCalculator.vue.js";
+/* empty css                    */
+import { default as default58 } from "./ReagentList.vue.js";
+/* empty css                 */
+import { default as default59 } from "./SampleHierarchyTree.vue.js";
+/* empty css                         */
+import { default as default60 } from "./ProtocolStepEditor.vue.js";
+/* empty css                        */
+import { default as default61 } from "./ScientificNumber.vue.js";
+/* empty css                      */
+import { default as default62 } from "./ChemicalFormula.vue.js";
+/* empty css                     */
+import { default as default63 } from "./FormulaInput.vue.js";
+/* empty css                  */
+import { default as default64 } from "./SequenceInput.vue.js";
+/* empty css                   */
+import { default as default65 } from "./UnitInput.vue.js";
+/* empty css               */
+import { default as default66 } from "./StepWizard.vue.js";
+/* empty css                */
+import { default as default67 } from "./AuditTrail.vue.js";
+/* empty css                */
+import { default as default68 } from "./BatchProgressList.vue.js";
+/* empty css                       */
+import { default as default69 } from "./DateTimePicker.vue.js";
+/* empty css                    */
+import { default as default70 } from "./TimeRangeInput.vue.js";
+/* empty css                    */
+import { default as default71 } from "./ScheduleCalendar.vue.js";
+/* empty css                      */
+import { default as default72 } from "./ResourceCard.vue.js";
+/* empty css                  */
+export {
+  default25 as AlertBox,
+  default34 as AppContainer,
+  default33 as AppLayout,
+  default32 as AppSidebar,
+  default31 as AppTopBar,
+  default67 as AuditTrail,
+  default40 as Avatar,
+  default2 as BaseButton,
+  default6 as BaseCheckbox,
+  default3 as BaseInput,
+  default12 as BaseModal,
+  default15 as BasePill,
+  default8 as BaseRadioGroup,
+  default5 as BaseSelect,
+  default9 as BaseSlider,
+  default11 as BaseTabs,
+  default4 as BaseTextarea,
+  default7 as BaseToggle,
+  default68 as BatchProgressList,
+  default42 as Breadcrumb,
+  default17 as Calendar,
+  default45 as ChartContainer,
+  default62 as ChemicalFormula,
+  default30 as CollapsibleCard,
+  default10 as ColorSlider,
+  default56 as ConcentrationInput,
+  default44 as ConfirmDialog,
+  default18 as DataFrame,
+  default20 as DatePicker,
+  default69 as DateTimePicker,
+  default37 as Divider,
+  default57 as DoseCalculator,
+  default16 as DropdownButton,
+  default41 as EmptyState,
+  default51 as ExperimentTimeline,
+  default24 as FileUploader,
+  default19 as FormField,
+  default63 as FormulaInput,
+  default54 as GroupAssigner,
+  default53 as GroupingModal,
+  default27 as IconButton,
+  default36 as LoadingSpinner,
+  default55 as MoleculeInput,
+  default14 as MultiSelect,
+  default23 as NumberInput,
+  default50 as PlateMapEditor,
+  default39 as ProgressBar,
+  default60 as ProtocolStepEditor,
+  default48 as RackEditor,
+  default58 as ReagentList,
+  default72 as ResourceCard,
+  default59 as SampleHierarchyTree,
+  default49 as SampleLegend,
+  default52 as SampleSelector,
+  default71 as ScheduleCalendar,
+  default61 as ScientificNumber,
+  default13 as SegmentedControl,
+  default64 as SequenceInput,
+  default29 as SettingsButton,
+  default46 as SettingsModal,
+  default35 as Skeleton,
+  default38 as StatusIndicator,
+  default66 as StepWizard,
+  default22 as TagsInput,
+  default28 as ThemeToggle,
+  default21 as TimePicker,
+  default70 as TimeRangeInput,
+  default26 as ToastNotification,
+  default43 as Tooltip,
+  default65 as UnitInput,
+  default47 as WellPlate
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/composables/index.d.ts

@@ -0,0 +1,17 @@
+export { useApi, type ApiClientOptions } from './useApi';
+export { useAuth } from './useAuth';
+export { usePasskey } from './usePasskey';
+export { useTheme } from './useTheme';
+export { useToast } from './useToast';
+export { usePlatformContext } from './usePlatformContext';
+export { useForm, type ValidationRule, type FieldRules, type FieldState, type UseFormReturn, } from './useForm';
+export { useAsync, useAsyncBatch, type AsyncError, type AsyncState, type UseAsyncReturn, type UseAsyncOptions, } from './useAsync';
+export { useWellPlateEditor, type UseWellPlateEditorOptions, type UseWellPlateEditorReturn, } from './useWellPlateEditor';
+export { useConcentrationUnits, type ConcentrationValue, type ConcentrationUnit, type MolarityUnit, type MassVolumeUnit, type PercentageUnit, type UnitCategory, type UseConcentrationUnitsReturn, } from './useConcentrationUnits';
+export { useDoseCalculator, type VolumeUnit, type VolumeValue, type DilutionParams, type DilutionResult, type SerialDilutionParams, type SerialDilutionStep, type SerialDilutionResult, type WellConcentration, type UseDoseCalculatorReturn, } from './useDoseCalculator';
+export { useProtocolTemplates, type ParameterDefinition, type StepTemplate, type ValidationResult, type UseProtocolTemplatesReturn, } from './useProtocolTemplates';
+export { useRackEditor, type UseRackEditorOptions, type UseRackEditorReturn, } from './useRackEditor';
+export { useChemicalFormula, ATOMIC_WEIGHTS, type ParsedElement, type FormulaParseResult, type FormulaPart, type FormulaPartType, } from './useChemicalFormula';
+export { useSequenceUtils, type SequenceType, type SequenceStats, } from './useSequenceUtils';
+export { parseTime, formatTime, generateTimeSlots, rangesOverlap, durationMinutes, formatDuration, isTimeInRange, findAvailableSlots, snapToSlot, addMinutes, compareTime, } from './useTimeUtils';
+export { useScheduleDrag } from './useScheduleDrag';

package/dist/composables/index.js

@@ -0,0 +1,49 @@
+import { useApi } from "./useApi.js";
+import { useAuth } from "./useAuth.js";
+import { usePasskey } from "./usePasskey.js";
+import { useTheme } from "./useTheme.js";
+import { useToast } from "./useToast.js";
+import { usePlatformContext } from "./usePlatformContext.js";
+import { useForm } from "./useForm.js";
+import { useAsync, useAsyncBatch } from "./useAsync.js";
+import { useWellPlateEditor } from "./useWellPlateEditor.js";
+import { useConcentrationUnits } from "./useConcentrationUnits.js";
+import { useDoseCalculator } from "./useDoseCalculator.js";
+import { useProtocolTemplates } from "./useProtocolTemplates.js";
+import { useRackEditor } from "./useRackEditor.js";
+import { ATOMIC_WEIGHTS, useChemicalFormula } from "./useChemicalFormula.js";
+import { useSequenceUtils } from "./useSequenceUtils.js";
+import { addMinutes, compareTime, durationMinutes, findAvailableSlots, formatDuration, formatTime, generateTimeSlots, isTimeInRange, parseTime, rangesOverlap, snapToSlot } from "./useTimeUtils.js";
+import { useScheduleDrag } from "./useScheduleDrag.js";
+export {
+  ATOMIC_WEIGHTS,
+  addMinutes,
+  compareTime,
+  durationMinutes,
+  findAvailableSlots,
+  formatDuration,
+  formatTime,
+  generateTimeSlots,
+  isTimeInRange,
+  parseTime,
+  rangesOverlap,
+  snapToSlot,
+  useApi,
+  useAsync,
+  useAsyncBatch,
+  useAuth,
+  useChemicalFormula,
+  useConcentrationUnits,
+  useDoseCalculator,
+  useForm,
+  usePasskey,
+  usePlatformContext,
+  useProtocolTemplates,
+  useRackEditor,
+  useScheduleDrag,
+  useSequenceUtils,
+  useTheme,
+  useToast,
+  useWellPlateEditor
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/index.js.map

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

package/dist/composables/useApi.d.ts

@@ -0,0 +1,19 @@
+import { AxiosInstance, AxiosRequestConfig } from 'axios';
+export interface ApiClientOptions {
+    baseUrl?: string;
+    timeout?: number;
+    withAuth?: boolean;
+}
+export interface UseApiReturn {
+    client: AxiosInstance;
+    get: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>;
+    post: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>;
+    put: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>;
+    patch: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>;
+    delete: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>;
+    upload: <T>(url: string, file: File, fieldName?: string, additionalData?: Record<string, unknown>) => Promise<T>;
+    download: (url: string, filename?: string) => Promise<string>;
+    buildUrl: (path: string) => string;
+    buildWsUrl: (path: string) => string;
+}
+export declare function useApi(options?: ApiClientOptions): UseApiReturn;

package/dist/composables/useApi.js

@@ -0,0 +1,101 @@
+import axios from "axios";
+import { useSettingsStore } from "../stores/settings.js";
+import { useAuthStore } from "../stores/auth.js";
+let apiClientInstance = null;
+let interceptorAttached = false;
+function getApiClient() {
+  if (!apiClientInstance) {
+    apiClientInstance = axios.create({
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+  }
+  return apiClientInstance;
+}
+function useApi(options = {}) {
+  const settingsStore = useSettingsStore();
+  const authStore = useAuthStore();
+  const apiClient = getApiClient();
+  if (!interceptorAttached) {
+    apiClient.interceptors.request.use((config) => {
+      config.baseURL = options.baseUrl ?? settingsStore.getApiBaseUrl();
+      config.timeout = options.timeout ?? settingsStore.requestTimeout;
+      if (options.withAuth !== false && authStore.token) {
+        config.headers.Authorization = `Bearer ${authStore.token}`;
+      }
+      return config;
+    });
+    interceptorAttached = true;
+  }
+  async function get(url, config) {
+    const response = await apiClient.get(url, config);
+    return response.data;
+  }
+  async function post(url, data, config) {
+    const response = await apiClient.post(url, data, config);
+    return response.data;
+  }
+  async function put(url, data, config) {
+    const response = await apiClient.put(url, data, config);
+    return response.data;
+  }
+  async function patch(url, data, config) {
+    const response = await apiClient.patch(url, data, config);
+    return response.data;
+  }
+  async function del(url, config) {
+    const response = await apiClient.delete(url, config);
+    return response.data;
+  }
+  async function upload(url, file, fieldName = "file", additionalData) {
+    const formData = new FormData();
+    formData.append(fieldName, file);
+    if (additionalData) {
+      Object.entries(additionalData).forEach(([key, value]) => {
+        if (value !== void 0 && value !== null) {
+          formData.append(key, typeof value === "object" ? JSON.stringify(value) : String(value));
+        }
+      });
+    }
+    const response = await apiClient.post(url, formData, {
+      headers: { "Content-Type": "multipart/form-data" }
+    });
+    return response.data;
+  }
+  async function download(url, filename) {
+    const response = await apiClient.get(url, { responseType: "blob" });
+    const blob = new Blob([response.data]);
+    const blobUrl = URL.createObjectURL(blob);
+    if (filename) {
+      const link = document.createElement("a");
+      link.href = blobUrl;
+      link.download = filename;
+      link.click();
+    }
+    return blobUrl;
+  }
+  function buildUrl(path) {
+    const baseUrl = options.baseUrl ?? settingsStore.getApiBaseUrl();
+    return `${baseUrl}${path}`;
+  }
+  function buildWsUrl(path) {
+    return `${settingsStore.getWsBaseUrl()}${path}`;
+  }
+  return {
+    client: apiClient,
+    get,
+    post,
+    put,
+    patch,
+    delete: del,
+    upload,
+    download,
+    buildUrl,
+    buildWsUrl
+  };
+}
+export {
+  useApi
+};
+//# sourceMappingURL=useApi.js.map

package/dist/composables/useApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApi.js","sources":["../../src/composables/useApi.ts"],"sourcesContent":["import axios, { type AxiosInstance, type AxiosRequestConfig } from 'axios'\nimport { useSettingsStore } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\n\nlet apiClientInstance: AxiosInstance | null = null\nlet interceptorAttached = false\n\nfunction getApiClient(): AxiosInstance {\n  if (!apiClientInstance) {\n    apiClientInstance = axios.create({\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n  }\n  return apiClientInstance\n}\n\nexport interface ApiClientOptions {\n  baseUrl?: string\n  timeout?: number\n  withAuth?: boolean\n}\n\nexport interface UseApiReturn {\n  client: AxiosInstance\n  get: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>\n  post: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  put: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  patch: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  delete: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>\n  upload: <T>(url: string, file: File, fieldName?: string, additionalData?: Record<string, unknown>) => Promise<T>\n  download: (url: string, filename?: string) => Promise<string>\n  buildUrl: (path: string) => string\n  buildWsUrl: (path: string) => string\n}\n\nexport function useApi(options: ApiClientOptions = {}): UseApiReturn {\n  const settingsStore = useSettingsStore()\n  const authStore = useAuthStore()\n  const apiClient = getApiClient()\n\n  // Attach interceptor only once\n  if (!interceptorAttached) {\n    apiClient.interceptors.request.use((config) => {\n      // Set base URL from settings or options\n      config.baseURL = options.baseUrl ?? settingsStore.getApiBaseUrl()\n      config.timeout = options.timeout ?? settingsStore.requestTimeout\n\n      // Add Authorization header if token exists and auth is not explicitly disabled\n      if (options.withAuth !== false && authStore.token) {\n        config.headers.Authorization = `Bearer ${authStore.token}`\n      }\n\n      return config\n    })\n    interceptorAttached = true\n  }\n\n  // Generic request methods\n  async function get<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.get<T>(url, config)\n    return response.data\n  }\n\n  async function post<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.post<T>(url, data, config)\n    return response.data\n  }\n\n  async function put<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.put<T>(url, data, config)\n    return response.data\n  }\n\n  async function patch<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.patch<T>(url, data, config)\n    return response.data\n  }\n\n  async function del<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.delete<T>(url, config)\n    return response.data\n  }\n\n  // File upload helper\n  async function upload<T>(url: string, file: File, fieldName = 'file', additionalData?: Record<string, unknown>): Promise<T> {\n    const formData = new FormData()\n    formData.append(fieldName, file)\n\n    if (additionalData) {\n      Object.entries(additionalData).forEach(([key, value]) => {\n        if (value !== undefined && value !== null) {\n          formData.append(key, typeof value === 'object' ? JSON.stringify(value) : String(value))\n        }\n      })\n    }\n\n    const response = await apiClient.post<T>(url, formData, {\n      headers: { 'Content-Type': 'multipart/form-data' },\n    })\n    return response.data\n  }\n\n  // Download helper - returns blob URL\n  async function download(url: string, filename?: string): Promise<string> {\n    const response = await apiClient.get(url, { responseType: 'blob' })\n    const blob = new Blob([response.data])\n    const blobUrl = URL.createObjectURL(blob)\n\n    // Optionally trigger download\n    if (filename) {\n      const link = document.createElement('a')\n      link.href = blobUrl\n      link.download = filename\n      link.click()\n    }\n\n    return blobUrl\n  }\n\n  // Build full URL for external use (e.g., <a href=\"...\">)\n  function buildUrl(path: string): string {\n    const baseUrl = options.baseUrl ?? settingsStore.getApiBaseUrl()\n    return `${baseUrl}${path}`\n  }\n\n  // WebSocket URL builder\n  function buildWsUrl(path: string): string {\n    return `${settingsStore.getWsBaseUrl()}${path}`\n  }\n\n  return {\n    client: apiClient,\n    get,\n    post,\n    put,\n    patch,\n    delete: del,\n    upload,\n    download,\n    buildUrl,\n    buildWsUrl,\n  }\n}\n"],"names":[],"mappings":"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"}