@morscherlab/mld-sdk 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +326 -0
- package/dist/__tests__/components/AppLayout.test.d.ts +1 -0
- package/dist/__tests__/components/AppSidebar.test.d.ts +1 -0
- package/dist/__tests__/components/AppTopBar.test.d.ts +1 -0
- package/dist/__tests__/components/BaseInput.test.d.ts +1 -0
- package/dist/__tests__/components/BasePill.test.d.ts +1 -0
- package/dist/__tests__/components/Calendar.test.d.ts +1 -0
- package/dist/__tests__/components/CollapsibleCard.test.d.ts +1 -0
- package/dist/__tests__/components/DataFrame.test.d.ts +1 -0
- package/dist/__tests__/components/DropdownButton.test.d.ts +1 -0
- package/dist/__tests__/composables/useAuth.test.d.ts +1 -0
- package/dist/__tests__/composables/useForm.test.d.ts +1 -0
- package/dist/components/AlertBox.vue.d.ts +30 -0
- package/dist/components/AlertBox.vue.js +125 -0
- package/dist/components/AlertBox.vue.js.map +1 -0
- package/dist/components/AlertBox.vue3.js +6 -0
- package/dist/components/AlertBox.vue3.js.map +1 -0
- package/dist/components/AppContainer.vue.d.ts +28 -0
- package/dist/components/AppContainer.vue.js +28 -0
- package/dist/components/AppContainer.vue.js.map +1 -0
- package/dist/components/AppContainer.vue2.js +5 -0
- package/dist/components/AppContainer.vue2.js.map +1 -0
- package/dist/components/AppLayout.vue.d.ts +31 -0
- package/dist/components/AppLayout.vue.js +51 -0
- package/dist/components/AppLayout.vue.js.map +1 -0
- package/dist/components/AppLayout.vue3.js +6 -0
- package/dist/components/AppLayout.vue3.js.map +1 -0
- package/dist/components/AppSidebar.vue.d.ts +44 -0
- package/dist/components/AppSidebar.vue.js +79 -0
- package/dist/components/AppSidebar.vue.js.map +1 -0
- package/dist/components/AppSidebar.vue3.js +6 -0
- package/dist/components/AppSidebar.vue3.js.map +1 -0
- package/dist/components/AppTopBar.vue.d.ts +77 -0
- package/dist/components/AppTopBar.vue.js +564 -0
- package/dist/components/AppTopBar.vue.js.map +1 -0
- package/dist/components/AppTopBar.vue3.js +6 -0
- package/dist/components/AppTopBar.vue3.js.map +1 -0
- package/dist/components/AuditTrail.vue.d.ts +47 -0
- package/dist/components/AuditTrail.vue.js +189 -0
- package/dist/components/AuditTrail.vue.js.map +1 -0
- package/dist/components/AuditTrail.vue3.js +6 -0
- package/dist/components/AuditTrail.vue3.js.map +1 -0
- package/dist/components/Avatar.vue.d.ts +13 -0
- package/dist/components/Avatar.vue.js +64 -0
- package/dist/components/Avatar.vue.js.map +1 -0
- package/dist/components/Avatar.vue3.js +6 -0
- package/dist/components/Avatar.vue3.js.map +1 -0
- package/dist/components/BaseButton.vue.d.ts +37 -0
- package/dist/components/BaseButton.vue.js +64 -0
- package/dist/components/BaseButton.vue.js.map +1 -0
- package/dist/components/BaseButton.vue3.js +6 -0
- package/dist/components/BaseButton.vue3.js.map +1 -0
- package/dist/components/BaseCheckbox.vue.d.ts +16 -0
- package/dist/components/BaseCheckbox.vue.js +71 -0
- package/dist/components/BaseCheckbox.vue.js.map +1 -0
- package/dist/components/BaseCheckbox.vue3.js +6 -0
- package/dist/components/BaseCheckbox.vue3.js.map +1 -0
- package/dist/components/BaseInput.vue.d.ts +33 -0
- package/dist/components/BaseInput.vue.js +57 -0
- package/dist/components/BaseInput.vue.js.map +1 -0
- package/dist/components/BaseInput.vue3.js +6 -0
- package/dist/components/BaseInput.vue3.js.map +1 -0
- package/dist/components/BaseModal.vue.d.ts +38 -0
- package/dist/components/BaseModal.vue.js +118 -0
- package/dist/components/BaseModal.vue.js.map +1 -0
- package/dist/components/BaseModal.vue3.js +6 -0
- package/dist/components/BaseModal.vue3.js.map +1 -0
- package/dist/components/BasePill.vue.d.ts +54 -0
- package/dist/components/BasePill.vue.js +68 -0
- package/dist/components/BasePill.vue.js.map +1 -0
- package/dist/components/BasePill.vue3.js +6 -0
- package/dist/components/BasePill.vue3.js.map +1 -0
- package/dist/components/BaseRadioGroup.vue.d.ts +19 -0
- package/dist/components/BaseRadioGroup.vue.js +80 -0
- package/dist/components/BaseRadioGroup.vue.js.map +1 -0
- package/dist/components/BaseRadioGroup.vue3.js +6 -0
- package/dist/components/BaseRadioGroup.vue3.js.map +1 -0
- package/dist/components/BaseSelect.vue.d.ts +19 -0
- package/dist/components/BaseSelect.vue.js +70 -0
- package/dist/components/BaseSelect.vue.js.map +1 -0
- package/dist/components/BaseSelect.vue3.js +6 -0
- package/dist/components/BaseSelect.vue3.js.map +1 -0
- package/dist/components/BaseSlider.vue.d.ts +22 -0
- package/dist/components/BaseSlider.vue.js +97 -0
- package/dist/components/BaseSlider.vue.js.map +1 -0
- package/dist/components/BaseSlider.vue3.js +6 -0
- package/dist/components/BaseSlider.vue3.js.map +1 -0
- package/dist/components/BaseTabs.vue.d.ts +14 -0
- package/dist/components/BaseTabs.vue.js +63 -0
- package/dist/components/BaseTabs.vue.js.map +1 -0
- package/dist/components/BaseTabs.vue3.js +6 -0
- package/dist/components/BaseTabs.vue3.js.map +1 -0
- package/dist/components/BaseTextarea.vue.d.ts +28 -0
- package/dist/components/BaseTextarea.vue.js +49 -0
- package/dist/components/BaseTextarea.vue.js.map +1 -0
- package/dist/components/BaseTextarea.vue3.js +6 -0
- package/dist/components/BaseTextarea.vue3.js.map +1 -0
- package/dist/components/BaseToggle.vue.d.ts +16 -0
- package/dist/components/BaseToggle.vue.js +65 -0
- package/dist/components/BaseToggle.vue.js.map +1 -0
- package/dist/components/BaseToggle.vue3.js +6 -0
- package/dist/components/BaseToggle.vue3.js.map +1 -0
- package/dist/components/BatchProgressList.vue.d.ts +59 -0
- package/dist/components/BatchProgressList.vue.js +250 -0
- package/dist/components/BatchProgressList.vue.js.map +1 -0
- package/dist/components/BatchProgressList.vue3.js +6 -0
- package/dist/components/BatchProgressList.vue3.js.map +1 -0
- package/dist/components/Breadcrumb.vue.d.ts +37 -0
- package/dist/components/Breadcrumb.vue.js +71 -0
- package/dist/components/Breadcrumb.vue.js.map +1 -0
- package/dist/components/Breadcrumb.vue3.js +6 -0
- package/dist/components/Breadcrumb.vue3.js.map +1 -0
- package/dist/components/Calendar.vue.d.ts +107 -0
- package/dist/components/Calendar.vue.js +328 -0
- package/dist/components/Calendar.vue.js.map +1 -0
- package/dist/components/Calendar.vue3.js +6 -0
- package/dist/components/Calendar.vue3.js.map +1 -0
- package/dist/components/ChartContainer.vue.d.ts +31 -0
- package/dist/components/ChartContainer.vue.js +78 -0
- package/dist/components/ChartContainer.vue.js.map +1 -0
- package/dist/components/ChartContainer.vue3.js +6 -0
- package/dist/components/ChartContainer.vue3.js.map +1 -0
- package/dist/components/ChemicalFormula.vue.d.ts +8 -0
- package/dist/components/ChemicalFormula.vue.js +57 -0
- package/dist/components/ChemicalFormula.vue.js.map +1 -0
- package/dist/components/ChemicalFormula.vue3.js +6 -0
- package/dist/components/ChemicalFormula.vue3.js.map +1 -0
- package/dist/components/CollapsibleCard.vue.d.ts +39 -0
- package/dist/components/CollapsibleCard.vue.js +175 -0
- package/dist/components/CollapsibleCard.vue.js.map +1 -0
- package/dist/components/CollapsibleCard.vue3.js +6 -0
- package/dist/components/CollapsibleCard.vue3.js.map +1 -0
- package/dist/components/ColorSlider.vue.d.ts +34 -0
- package/dist/components/ColorSlider.vue.js +131 -0
- package/dist/components/ColorSlider.vue.js.map +1 -0
- package/dist/components/ColorSlider.vue3.js +6 -0
- package/dist/components/ColorSlider.vue3.js.map +1 -0
- package/dist/components/ConcentrationInput.vue.d.ts +25 -0
- package/dist/components/ConcentrationInput.vue.js +161 -0
- package/dist/components/ConcentrationInput.vue.js.map +1 -0
- package/dist/components/ConcentrationInput.vue3.js +6 -0
- package/dist/components/ConcentrationInput.vue3.js.map +1 -0
- package/dist/components/ConfirmDialog.vue.d.ts +41 -0
- package/dist/components/ConfirmDialog.vue.js +140 -0
- package/dist/components/ConfirmDialog.vue.js.map +1 -0
- package/dist/components/ConfirmDialog.vue3.js +6 -0
- package/dist/components/ConfirmDialog.vue3.js.map +1 -0
- package/dist/components/DataFrame.vue.d.ts +107 -0
- package/dist/components/DataFrame.vue.js +430 -0
- package/dist/components/DataFrame.vue.js.map +1 -0
- package/dist/components/DataFrame.vue3.js +6 -0
- package/dist/components/DataFrame.vue3.js.map +1 -0
- package/dist/components/DatePicker.vue.d.ts +23 -0
- package/dist/components/DatePicker.vue.js +278 -0
- package/dist/components/DatePicker.vue.js.map +1 -0
- package/dist/components/DatePicker.vue3.js +6 -0
- package/dist/components/DatePicker.vue3.js.map +1 -0
- package/dist/components/DateTimePicker.vue.d.ts +30 -0
- package/dist/components/DateTimePicker.vue.js +413 -0
- package/dist/components/DateTimePicker.vue.js.map +1 -0
- package/dist/components/DateTimePicker.vue3.js +6 -0
- package/dist/components/DateTimePicker.vue3.js.map +1 -0
- package/dist/components/Divider.vue.d.ts +11 -0
- package/dist/components/Divider.vue.js +42 -0
- package/dist/components/Divider.vue.js.map +1 -0
- package/dist/components/Divider.vue3.js +6 -0
- package/dist/components/Divider.vue3.js.map +1 -0
- package/dist/components/DoseCalculator.vue.d.ts +19 -0
- package/dist/components/DoseCalculator.vue.js +470 -0
- package/dist/components/DoseCalculator.vue.js.map +1 -0
- package/dist/components/DoseCalculator.vue3.js +6 -0
- package/dist/components/DoseCalculator.vue3.js.map +1 -0
- package/dist/components/DropdownButton.vue.d.ts +47 -0
- package/dist/components/DropdownButton.vue.js +171 -0
- package/dist/components/DropdownButton.vue.js.map +1 -0
- package/dist/components/DropdownButton.vue3.js +6 -0
- package/dist/components/DropdownButton.vue3.js.map +1 -0
- package/dist/components/EmptyState.vue.d.ts +33 -0
- package/dist/components/EmptyState.vue.js +80 -0
- package/dist/components/EmptyState.vue.js.map +1 -0
- package/dist/components/EmptyState.vue3.js +6 -0
- package/dist/components/EmptyState.vue3.js.map +1 -0
- package/dist/components/ExperimentTimeline.vue.d.ts +44 -0
- package/dist/components/ExperimentTimeline.vue.js +395 -0
- package/dist/components/ExperimentTimeline.vue.js.map +1 -0
- package/dist/components/ExperimentTimeline.vue3.js +6 -0
- package/dist/components/ExperimentTimeline.vue3.js.map +1 -0
- package/dist/components/FileUploader.vue.d.ts +23 -0
- package/dist/components/FileUploader.vue.js +416 -0
- package/dist/components/FileUploader.vue.js.map +1 -0
- package/dist/components/FileUploader.vue3.js +6 -0
- package/dist/components/FileUploader.vue3.js.map +1 -0
- package/dist/components/FormField.vue.d.ts +24 -0
- package/dist/components/FormField.vue.js +45 -0
- package/dist/components/FormField.vue.js.map +1 -0
- package/dist/components/FormField.vue3.js +6 -0
- package/dist/components/FormField.vue3.js.map +1 -0
- package/dist/components/FormulaInput.vue.d.ts +25 -0
- package/dist/components/FormulaInput.vue.js +121 -0
- package/dist/components/FormulaInput.vue.js.map +1 -0
- package/dist/components/FormulaInput.vue3.js +6 -0
- package/dist/components/FormulaInput.vue3.js.map +1 -0
- package/dist/components/GroupAssigner.vue.d.ts +25 -0
- package/dist/components/GroupAssigner.vue.js +311 -0
- package/dist/components/GroupAssigner.vue.js.map +1 -0
- package/dist/components/GroupAssigner.vue3.js +6 -0
- package/dist/components/GroupAssigner.vue3.js.map +1 -0
- package/dist/components/GroupingModal.vue.d.ts +12 -0
- package/dist/components/GroupingModal.vue.js +446 -0
- package/dist/components/GroupingModal.vue.js.map +1 -0
- package/dist/components/GroupingModal.vue3.js +6 -0
- package/dist/components/GroupingModal.vue3.js.map +1 -0
- package/dist/components/IconButton.vue.d.ts +34 -0
- package/dist/components/IconButton.vue.js +67 -0
- package/dist/components/IconButton.vue.js.map +1 -0
- package/dist/components/IconButton.vue3.js +6 -0
- package/dist/components/IconButton.vue3.js.map +1 -0
- package/dist/components/LoadingSpinner.vue.d.ts +11 -0
- package/dist/components/LoadingSpinner.vue.js +47 -0
- package/dist/components/LoadingSpinner.vue.js.map +1 -0
- package/dist/components/LoadingSpinner.vue3.js +6 -0
- package/dist/components/LoadingSpinner.vue3.js.map +1 -0
- package/dist/components/MoleculeInput.vue.d.ts +30 -0
- package/dist/components/MoleculeInput.vue.js +327 -0
- package/dist/components/MoleculeInput.vue.js.map +1 -0
- package/dist/components/MoleculeInput.vue3.js +6 -0
- package/dist/components/MoleculeInput.vue3.js.map +1 -0
- package/dist/components/MultiSelect.vue.d.ts +19 -0
- package/dist/components/MultiSelect.vue.js +109 -0
- package/dist/components/MultiSelect.vue.js.map +1 -0
- package/dist/components/MultiSelect.vue3.js +6 -0
- package/dist/components/MultiSelect.vue3.js.map +1 -0
- package/dist/components/NumberInput.vue.d.ts +21 -0
- package/dist/components/NumberInput.vue.js +133 -0
- package/dist/components/NumberInput.vue.js.map +1 -0
- package/dist/components/NumberInput.vue3.js +6 -0
- package/dist/components/NumberInput.vue3.js.map +1 -0
- package/dist/components/PlateMapEditor.vue.d.ts +50 -0
- package/dist/components/PlateMapEditor.vue.js +480 -0
- package/dist/components/PlateMapEditor.vue.js.map +1 -0
- package/dist/components/PlateMapEditor.vue3.js +6 -0
- package/dist/components/PlateMapEditor.vue3.js.map +1 -0
- package/dist/components/ProgressBar.vue.d.ts +17 -0
- package/dist/components/ProgressBar.vue.js +65 -0
- package/dist/components/ProgressBar.vue.js.map +1 -0
- package/dist/components/ProgressBar.vue3.js +6 -0
- package/dist/components/ProgressBar.vue3.js.map +1 -0
- package/dist/components/ProtocolStepEditor.vue.d.ts +24 -0
- package/dist/components/ProtocolStepEditor.vue.js +491 -0
- package/dist/components/ProtocolStepEditor.vue.js.map +1 -0
- package/dist/components/ProtocolStepEditor.vue3.js +6 -0
- package/dist/components/ProtocolStepEditor.vue3.js.map +1 -0
- package/dist/components/RackEditor.vue.d.ts +40 -0
- package/dist/components/RackEditor.vue.js +325 -0
- package/dist/components/RackEditor.vue.js.map +1 -0
- package/dist/components/RackEditor.vue3.js +6 -0
- package/dist/components/RackEditor.vue3.js.map +1 -0
- package/dist/components/ReagentList.vue.d.ts +46 -0
- package/dist/components/ReagentList.vue.js +526 -0
- package/dist/components/ReagentList.vue.js.map +1 -0
- package/dist/components/ReagentList.vue3.js +6 -0
- package/dist/components/ReagentList.vue3.js.map +1 -0
- package/dist/components/ResourceCard.vue.d.ts +50 -0
- package/dist/components/ResourceCard.vue.js +212 -0
- package/dist/components/ResourceCard.vue.js.map +1 -0
- package/dist/components/ResourceCard.vue3.js +6 -0
- package/dist/components/ResourceCard.vue3.js.map +1 -0
- package/dist/components/SampleHierarchyTree.vue.d.ts +37 -0
- package/dist/components/SampleHierarchyTree.vue.js +217 -0
- package/dist/components/SampleHierarchyTree.vue.js.map +1 -0
- package/dist/components/SampleHierarchyTree.vue3.js +6 -0
- package/dist/components/SampleHierarchyTree.vue3.js.map +1 -0
- package/dist/components/SampleLegend.vue.d.ts +32 -0
- package/dist/components/SampleLegend.vue.js +129 -0
- package/dist/components/SampleLegend.vue.js.map +1 -0
- package/dist/components/SampleLegend.vue3.js +6 -0
- package/dist/components/SampleLegend.vue3.js.map +1 -0
- package/dist/components/SampleSelector.vue.d.ts +29 -0
- package/dist/components/SampleSelector.vue.js +1076 -0
- package/dist/components/SampleSelector.vue.js.map +1 -0
- package/dist/components/SampleSelector.vue3.js +6 -0
- package/dist/components/SampleSelector.vue3.js.map +1 -0
- package/dist/components/ScheduleCalendar.vue.d.ts +110 -0
- package/dist/components/ScheduleCalendar.vue.js +535 -0
- package/dist/components/ScheduleCalendar.vue.js.map +1 -0
- package/dist/components/ScheduleCalendar.vue3.js +6 -0
- package/dist/components/ScheduleCalendar.vue3.js.map +1 -0
- package/dist/components/ScientificNumber.vue.d.ts +14 -0
- package/dist/components/ScientificNumber.vue.js +190 -0
- package/dist/components/ScientificNumber.vue.js.map +1 -0
- package/dist/components/ScientificNumber.vue3.js +6 -0
- package/dist/components/ScientificNumber.vue3.js.map +1 -0
- package/dist/components/SegmentedControl.vue.d.ts +20 -0
- package/dist/components/SegmentedControl.vue.js +71 -0
- package/dist/components/SegmentedControl.vue.js.map +1 -0
- package/dist/components/SegmentedControl.vue3.js +6 -0
- package/dist/components/SegmentedControl.vue3.js.map +1 -0
- package/dist/components/SequenceInput.vue.d.ts +54 -0
- package/dist/components/SequenceInput.vue.js +204 -0
- package/dist/components/SequenceInput.vue.js.map +1 -0
- package/dist/components/SequenceInput.vue3.js +6 -0
- package/dist/components/SequenceInput.vue3.js.map +1 -0
- package/dist/components/SettingsButton.vue.d.ts +30 -0
- package/dist/components/SettingsButton.vue.js +72 -0
- package/dist/components/SettingsButton.vue.js.map +1 -0
- package/dist/components/SettingsButton.vue3.js +6 -0
- package/dist/components/SettingsButton.vue3.js.map +1 -0
- package/dist/components/SettingsModal.vue.d.ts +40 -0
- package/dist/components/SettingsModal.vue.js +141 -0
- package/dist/components/SettingsModal.vue.js.map +1 -0
- package/dist/components/SettingsModal.vue3.js +6 -0
- package/dist/components/SettingsModal.vue3.js.map +1 -0
- package/dist/components/Skeleton.vue.d.ts +11 -0
- package/dist/components/Skeleton.vue.js +65 -0
- package/dist/components/Skeleton.vue.js.map +1 -0
- package/dist/components/Skeleton.vue3.js +6 -0
- package/dist/components/Skeleton.vue3.js.map +1 -0
- package/dist/components/StatusIndicator.vue.d.ts +13 -0
- package/dist/components/StatusIndicator.vue.js +38 -0
- package/dist/components/StatusIndicator.vue.js.map +1 -0
- package/dist/components/StatusIndicator.vue3.js +6 -0
- package/dist/components/StatusIndicator.vue3.js.map +1 -0
- package/dist/components/StepWizard.vue.d.ts +72 -0
- package/dist/components/StepWizard.vue.js +213 -0
- package/dist/components/StepWizard.vue.js.map +1 -0
- package/dist/components/StepWizard.vue3.js +6 -0
- package/dist/components/StepWizard.vue3.js.map +1 -0
- package/dist/components/TagsInput.vue.d.ts +23 -0
- package/dist/components/TagsInput.vue.js +124 -0
- package/dist/components/TagsInput.vue.js.map +1 -0
- package/dist/components/TagsInput.vue3.js +6 -0
- package/dist/components/TagsInput.vue3.js.map +1 -0
- package/dist/components/ThemeToggle.vue.d.ts +7 -0
- package/dist/components/ThemeToggle.vue.js +49 -0
- package/dist/components/ThemeToggle.vue.js.map +1 -0
- package/dist/components/ThemeToggle.vue3.js +6 -0
- package/dist/components/ThemeToggle.vue3.js.map +1 -0
- package/dist/components/TimePicker.vue.d.ts +29 -0
- package/dist/components/TimePicker.vue.js +275 -0
- package/dist/components/TimePicker.vue.js.map +1 -0
- package/dist/components/TimePicker.vue3.js +6 -0
- package/dist/components/TimePicker.vue3.js.map +1 -0
- package/dist/components/TimeRangeInput.vue.d.ts +27 -0
- package/dist/components/TimeRangeInput.vue.js +115 -0
- package/dist/components/TimeRangeInput.vue.js.map +1 -0
- package/dist/components/TimeRangeInput.vue3.js +6 -0
- package/dist/components/TimeRangeInput.vue3.js.map +1 -0
- package/dist/components/ToastNotification.vue.d.ts +2 -0
- package/dist/components/ToastNotification.vue.js +113 -0
- package/dist/components/ToastNotification.vue.js.map +1 -0
- package/dist/components/ToastNotification.vue3.js +6 -0
- package/dist/components/ToastNotification.vue3.js.map +1 -0
- package/dist/components/Tooltip.vue.d.ts +25 -0
- package/dist/components/Tooltip.vue.js +52 -0
- package/dist/components/Tooltip.vue.js.map +1 -0
- package/dist/components/Tooltip.vue3.js +6 -0
- package/dist/components/Tooltip.vue3.js.map +1 -0
- package/dist/components/UnitInput.vue.d.ts +44 -0
- package/dist/components/UnitInput.vue.js +178 -0
- package/dist/components/UnitInput.vue.js.map +1 -0
- package/dist/components/UnitInput.vue3.js +6 -0
- package/dist/components/UnitInput.vue3.js.map +1 -0
- package/dist/components/WellEditPopup.vue.d.ts +25 -0
- package/dist/components/WellEditPopup.vue.js +250 -0
- package/dist/components/WellEditPopup.vue.js.map +1 -0
- package/dist/components/WellEditPopup.vue3.js +6 -0
- package/dist/components/WellEditPopup.vue3.js.map +1 -0
- package/dist/components/WellPlate.vue.d.ts +69 -0
- package/dist/components/WellPlate.vue.js +531 -0
- package/dist/components/WellPlate.vue.js.map +1 -0
- package/dist/components/WellPlate.vue3.js +6 -0
- package/dist/components/WellPlate.vue3.js.map +1 -0
- package/dist/components/index.d.ts +71 -0
- package/dist/components/index.js +215 -0
- package/dist/components/index.js.map +1 -0
- package/dist/composables/index.d.ts +17 -0
- package/dist/composables/index.js +49 -0
- package/dist/composables/index.js.map +1 -0
- package/dist/composables/useApi.d.ts +19 -0
- package/dist/composables/useApi.js +101 -0
- package/dist/composables/useApi.js.map +1 -0
- package/dist/composables/useAsync.d.ts +127 -0
- package/dist/composables/useAsync.js +141 -0
- package/dist/composables/useAsync.js.map +1 -0
- package/dist/composables/useAuth.d.ts +44 -0
- package/dist/composables/useAuth.js +286 -0
- package/dist/composables/useAuth.js.map +1 -0
- package/dist/composables/useChemicalFormula.d.ts +20 -0
- package/dist/composables/useChemicalFormula.js +228 -0
- package/dist/composables/useChemicalFormula.js.map +1 -0
- package/dist/composables/useConcentrationUnits.d.ts +28 -0
- package/dist/composables/useConcentrationUnits.js +154 -0
- package/dist/composables/useConcentrationUnits.js.map +1 -0
- package/dist/composables/useDoseCalculator.d.ts +57 -0
- package/dist/composables/useDoseCalculator.js +228 -0
- package/dist/composables/useDoseCalculator.js.map +1 -0
- package/dist/composables/useForm.d.ts +91 -0
- package/dist/composables/useForm.js +253 -0
- package/dist/composables/useForm.js.map +1 -0
- package/dist/composables/usePasskey.d.ts +9 -0
- package/dist/composables/usePasskey.js +171 -0
- package/dist/composables/usePasskey.js.map +1 -0
- package/dist/composables/usePlatformContext.d.ts +125 -0
- package/dist/composables/usePlatformContext.js +149 -0
- package/dist/composables/usePlatformContext.js.map +1 -0
- package/dist/composables/useProtocolTemplates.d.ts +43 -0
- package/dist/composables/useProtocolTemplates.js +437 -0
- package/dist/composables/useProtocolTemplates.js.map +1 -0
- package/dist/composables/useRackEditor.d.ts +30 -0
- package/dist/composables/useRackEditor.js +168 -0
- package/dist/composables/useRackEditor.js.map +1 -0
- package/dist/composables/useScheduleDrag.d.ts +77 -0
- package/dist/composables/useScheduleDrag.js +183 -0
- package/dist/composables/useScheduleDrag.js.map +1 -0
- package/dist/composables/useSequenceUtils.d.ts +13 -0
- package/dist/composables/useSequenceUtils.js +93 -0
- package/dist/composables/useSequenceUtils.js.map +1 -0
- package/dist/composables/useTheme.d.ts +7 -0
- package/dist/composables/useTheme.js +40 -0
- package/dist/composables/useTheme.js.map +1 -0
- package/dist/composables/useTimeUtils.d.ts +15 -0
- package/dist/composables/useTimeUtils.js +105 -0
- package/dist/composables/useTimeUtils.js.map +1 -0
- package/dist/composables/useToast.d.ts +19 -0
- package/dist/composables/useToast.js +33 -0
- package/dist/composables/useToast.js.map +1 -0
- package/dist/composables/useWellPlateEditor.d.ts +31 -0
- package/dist/composables/useWellPlateEditor.js +315 -0
- package/dist/composables/useWellPlateEditor.js.map +1 -0
- package/dist/histoire.setup.d.ts +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +265 -0
- package/dist/index.js.map +1 -0
- package/dist/install.d.ts +16 -0
- package/dist/install.js +15 -0
- package/dist/install.js.map +1 -0
- package/dist/stores/auth.d.ts +146 -0
- package/dist/stores/auth.js +122 -0
- package/dist/stores/auth.js.map +1 -0
- package/dist/stores/index.d.ts +2 -0
- package/dist/stores/index.js +8 -0
- package/dist/stores/index.js.map +1 -0
- package/dist/stores/settings.d.ts +75 -0
- package/dist/stores/settings.js +180 -0
- package/dist/stores/settings.js.map +1 -0
- package/dist/styles.css +23264 -0
- package/dist/tailwind.preset.d.ts +56 -0
- package/dist/tailwind.preset.js +59 -0
- package/dist/tailwind.preset.js.map +1 -0
- package/dist/types/auth.d.ts +42 -0
- package/dist/types/components.d.ts +405 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/platform.d.ts +66 -0
- package/package.json +111 -0
- package/src/__tests__/components/AppLayout.test.ts +163 -0
- package/src/__tests__/components/AppSidebar.test.ts +292 -0
- package/src/__tests__/components/AppTopBar.test.ts +590 -0
- package/src/__tests__/components/BaseInput.test.ts +99 -0
- package/src/__tests__/components/BasePill.test.ts +291 -0
- package/src/__tests__/components/Calendar.test.ts +566 -0
- package/src/__tests__/components/CollapsibleCard.test.ts +524 -0
- package/src/__tests__/components/DataFrame.test.ts +767 -0
- package/src/__tests__/components/DropdownButton.test.ts +471 -0
- package/src/__tests__/composables/useAuth.test.ts +141 -0
- package/src/__tests__/composables/useForm.test.ts +205 -0
- package/src/components/AlertBox.story.vue +100 -0
- package/src/components/AlertBox.vue +68 -0
- package/src/components/AppContainer.story.vue +104 -0
- package/src/components/AppContainer.vue +33 -0
- package/src/components/AppLayout.story.vue +218 -0
- package/src/components/AppLayout.vue +75 -0
- package/src/components/AppSidebar.story.vue +300 -0
- package/src/components/AppSidebar.vue +114 -0
- package/src/components/AppTopBar.story.vue +112 -0
- package/src/components/AppTopBar.vue +471 -0
- package/src/components/AuditTrail.story.vue +163 -0
- package/src/components/AuditTrail.vue +161 -0
- package/src/components/Avatar.story.vue +92 -0
- package/src/components/Avatar.vue +65 -0
- package/src/components/BaseButton.story.vue +96 -0
- package/src/components/BaseButton.vue +72 -0
- package/src/components/BaseCheckbox.story.vue +73 -0
- package/src/components/BaseCheckbox.vue +68 -0
- package/src/components/BaseInput.story.vue +98 -0
- package/src/components/BaseInput.vue +70 -0
- package/src/components/BaseModal.story.vue +126 -0
- package/src/components/BaseModal.vue +118 -0
- package/src/components/BasePill.story.vue +131 -0
- package/src/components/BasePill.vue +84 -0
- package/src/components/BaseRadioGroup.story.vue +116 -0
- package/src/components/BaseRadioGroup.vue +83 -0
- package/src/components/BaseSelect.story.vue +110 -0
- package/src/components/BaseSelect.vue +67 -0
- package/src/components/BaseSlider.story.vue +82 -0
- package/src/components/BaseSlider.vue +112 -0
- package/src/components/BaseTabs.story.vue +106 -0
- package/src/components/BaseTabs.vue +58 -0
- package/src/components/BaseTextarea.story.vue +91 -0
- package/src/components/BaseTextarea.vue +58 -0
- package/src/components/BaseToggle.story.vue +81 -0
- package/src/components/BaseToggle.vue +72 -0
- package/src/components/BatchProgressList.story.vue +92 -0
- package/src/components/BatchProgressList.vue +202 -0
- package/src/components/Breadcrumb.story.vue +93 -0
- package/src/components/Breadcrumb.vue +73 -0
- package/src/components/Calendar.story.vue +106 -0
- package/src/components/Calendar.vue +362 -0
- package/src/components/ChartContainer.story.vue +113 -0
- package/src/components/ChartContainer.vue +63 -0
- package/src/components/ChemicalFormula.story.vue +102 -0
- package/src/components/ChemicalFormula.vue +38 -0
- package/src/components/CollapsibleCard.story.vue +124 -0
- package/src/components/CollapsibleCard.vue +164 -0
- package/src/components/ColorSlider.story.vue +120 -0
- package/src/components/ColorSlider.vue +163 -0
- package/src/components/ConcentrationInput.story.vue +77 -0
- package/src/components/ConcentrationInput.vue +184 -0
- package/src/components/ConfirmDialog.story.vue +145 -0
- package/src/components/ConfirmDialog.vue +96 -0
- package/src/components/DataFrame.story.vue +148 -0
- package/src/components/DataFrame.vue +418 -0
- package/src/components/DatePicker.story.vue +104 -0
- package/src/components/DatePicker.vue +298 -0
- package/src/components/DateTimePicker.story.vue +112 -0
- package/src/components/DateTimePicker.vue +391 -0
- package/src/components/Divider.story.vue +72 -0
- package/src/components/Divider.vue +45 -0
- package/src/components/DoseCalculator.story.vue +68 -0
- package/src/components/DoseCalculator.vue +475 -0
- package/src/components/DropdownButton.story.vue +102 -0
- package/src/components/DropdownButton.vue +180 -0
- package/src/components/EmptyState.story.vue +124 -0
- package/src/components/EmptyState.vue +64 -0
- package/src/components/ExperimentTimeline.story.vue +161 -0
- package/src/components/ExperimentTimeline.vue +381 -0
- package/src/components/FileUploader.story.vue +106 -0
- package/src/components/FileUploader.vue +397 -0
- package/src/components/FormField.story.vue +119 -0
- package/src/components/FormField.vue +37 -0
- package/src/components/FormulaInput.story.vue +96 -0
- package/src/components/FormulaInput.vue +123 -0
- package/src/components/GroupAssigner.story.vue +83 -0
- package/src/components/GroupAssigner.vue +283 -0
- package/src/components/GroupingModal.story.vue +52 -0
- package/src/components/GroupingModal.vue +420 -0
- package/src/components/IconButton.story.vue +135 -0
- package/src/components/IconButton.vue +72 -0
- package/src/components/LoadingSpinner.story.vue +70 -0
- package/src/components/LoadingSpinner.vue +49 -0
- package/src/components/MoleculeInput.story.vue +66 -0
- package/src/components/MoleculeInput.vue +414 -0
- package/src/components/MultiSelect.story.vue +121 -0
- package/src/components/MultiSelect.vue +117 -0
- package/src/components/NumberInput.story.vue +90 -0
- package/src/components/NumberInput.vue +128 -0
- package/src/components/PlateMapEditor.story.vue +92 -0
- package/src/components/PlateMapEditor.vue +512 -0
- package/src/components/ProgressBar.story.vue +117 -0
- package/src/components/ProgressBar.vue +63 -0
- package/src/components/ProtocolStepEditor.story.vue +69 -0
- package/src/components/ProtocolStepEditor.vue +521 -0
- package/src/components/RackEditor.story.vue +100 -0
- package/src/components/RackEditor.vue +370 -0
- package/src/components/ReagentList.story.vue +137 -0
- package/src/components/ReagentList.vue +487 -0
- package/src/components/ResourceCard.story.vue +150 -0
- package/src/components/ResourceCard.vue +160 -0
- package/src/components/SampleHierarchyTree.story.vue +161 -0
- package/src/components/SampleHierarchyTree.vue +279 -0
- package/src/components/SampleLegend.story.vue +91 -0
- package/src/components/SampleLegend.vue +118 -0
- package/src/components/SampleSelector.story.vue +100 -0
- package/src/components/SampleSelector.vue +955 -0
- package/src/components/ScheduleCalendar.story.vue +195 -0
- package/src/components/ScheduleCalendar.vue +568 -0
- package/src/components/ScientificNumber.story.vue +128 -0
- package/src/components/ScientificNumber.vue +197 -0
- package/src/components/SegmentedControl.story.vue +112 -0
- package/src/components/SegmentedControl.vue +78 -0
- package/src/components/SequenceInput.story.vue +119 -0
- package/src/components/SequenceInput.vue +208 -0
- package/src/components/SettingsButton.story.vue +58 -0
- package/src/components/SettingsButton.vue +75 -0
- package/src/components/SettingsModal.story.vue +145 -0
- package/src/components/SettingsModal.vue +151 -0
- package/src/components/Skeleton.story.vue +120 -0
- package/src/components/Skeleton.vue +73 -0
- package/src/components/StatusIndicator.story.vue +99 -0
- package/src/components/StatusIndicator.vue +39 -0
- package/src/components/StepWizard.story.vue +155 -0
- package/src/components/StepWizard.vue +231 -0
- package/src/components/TagsInput.story.vue +104 -0
- package/src/components/TagsInput.vue +127 -0
- package/src/components/ThemeToggle.story.vue +36 -0
- package/src/components/ThemeToggle.vue +53 -0
- package/src/components/TimePicker.story.vue +96 -0
- package/src/components/TimePicker.vue +272 -0
- package/src/components/TimeRangeInput.story.vue +104 -0
- package/src/components/TimeRangeInput.vue +121 -0
- package/src/components/ToastNotification.story.vue +130 -0
- package/src/components/ToastNotification.vue +54 -0
- package/src/components/Tooltip.story.vue +102 -0
- package/src/components/Tooltip.vue +61 -0
- package/src/components/UnitInput.story.vue +170 -0
- package/src/components/UnitInput.vue +218 -0
- package/src/components/WellEditPopup.vue +234 -0
- package/src/components/WellPlate.story.vue +198 -0
- package/src/components/WellPlate.vue +637 -0
- package/src/components/index.ts +96 -0
- package/src/composables/index.ts +87 -0
- package/src/composables/useApi.ts +145 -0
- package/src/composables/useAsync.ts +322 -0
- package/src/composables/useAuth.ts +427 -0
- package/src/composables/useChemicalFormula.ts +274 -0
- package/src/composables/useConcentrationUnits.ts +245 -0
- package/src/composables/useDoseCalculator.ts +369 -0
- package/src/composables/useForm.ts +415 -0
- package/src/composables/usePasskey.ts +209 -0
- package/src/composables/usePlatformContext.ts +232 -0
- package/src/composables/useProtocolTemplates.ts +517 -0
- package/src/composables/useRackEditor.ts +221 -0
- package/src/composables/useScheduleDrag.ts +244 -0
- package/src/composables/useSequenceUtils.ts +104 -0
- package/src/composables/useTheme.ts +49 -0
- package/src/composables/useTimeUtils.ts +114 -0
- package/src/composables/useToast.ts +39 -0
- package/src/composables/useWellPlateEditor.ts +408 -0
- package/src/histoire.setup.ts +17 -0
- package/src/index.ts +283 -0
- package/src/install.ts +32 -0
- package/src/stores/auth.ts +144 -0
- package/src/stores/index.ts +2 -0
- package/src/stores/settings.ts +229 -0
- package/src/styles/components/alert-box.css +94 -0
- package/src/styles/components/app-container.css +32 -0
- package/src/styles/components/app-layout.css +99 -0
- package/src/styles/components/app-sidebar.css +133 -0
- package/src/styles/components/app-top-bar.css +396 -0
- package/src/styles/components/audit-trail.css +143 -0
- package/src/styles/components/avatar.css +64 -0
- package/src/styles/components/batch-progress-list.css +196 -0
- package/src/styles/components/breadcrumb.css +45 -0
- package/src/styles/components/button.css +119 -0
- package/src/styles/components/calendar.css +192 -0
- package/src/styles/components/chart-container.css +69 -0
- package/src/styles/components/checkbox.css +112 -0
- package/src/styles/components/chemical-formula.css +46 -0
- package/src/styles/components/collapsible-card.css +184 -0
- package/src/styles/components/color-slider.css +110 -0
- package/src/styles/components/concentration-input.css +142 -0
- package/src/styles/components/confirm-dialog.css +137 -0
- package/src/styles/components/dataframe.css +382 -0
- package/src/styles/components/date-picker.css +239 -0
- package/src/styles/components/datetime-picker.css +225 -0
- package/src/styles/components/divider.css +62 -0
- package/src/styles/components/dose-calculator.css +301 -0
- package/src/styles/components/dropdown-button.css +236 -0
- package/src/styles/components/empty-state.css +148 -0
- package/src/styles/components/experiment-timeline.css +529 -0
- package/src/styles/components/file-uploader.css +517 -0
- package/src/styles/components/form-field.css +35 -0
- package/src/styles/components/formula-input.css +96 -0
- package/src/styles/components/group-assigner.css +200 -0
- package/src/styles/components/grouping-modal.css +323 -0
- package/src/styles/components/icon-button.css +128 -0
- package/src/styles/components/input.css +53 -0
- package/src/styles/components/loading-spinner.css +67 -0
- package/src/styles/components/modal.css +122 -0
- package/src/styles/components/molecule-input.css +186 -0
- package/src/styles/components/multi-select.css +131 -0
- package/src/styles/components/number-input.css +110 -0
- package/src/styles/components/pill.css +172 -0
- package/src/styles/components/plate-map-editor.css +464 -0
- package/src/styles/components/progress-bar.css +88 -0
- package/src/styles/components/protocol-step-editor.css +449 -0
- package/src/styles/components/rack-editor.css +259 -0
- package/src/styles/components/radio-group.css +158 -0
- package/src/styles/components/reagent-list.css +407 -0
- package/src/styles/components/resource-card.css +360 -0
- package/src/styles/components/sample-hierarchy-tree.css +314 -0
- package/src/styles/components/sample-legend.css +201 -0
- package/src/styles/components/sample-selector.css +701 -0
- package/src/styles/components/schedule-calendar.css +478 -0
- package/src/styles/components/scientific-number.css +63 -0
- package/src/styles/components/segmented-control.css +190 -0
- package/src/styles/components/select.css +72 -0
- package/src/styles/components/sequence-input.css +184 -0
- package/src/styles/components/settings-button.css +75 -0
- package/src/styles/components/settings-modal.css +95 -0
- package/src/styles/components/skeleton.css +36 -0
- package/src/styles/components/slider.css +78 -0
- package/src/styles/components/status-indicator.css +59 -0
- package/src/styles/components/step-wizard.css +187 -0
- package/src/styles/components/tabs.css +108 -0
- package/src/styles/components/tags-input.css +118 -0
- package/src/styles/components/textarea.css +65 -0
- package/src/styles/components/theme-toggle.css +50 -0
- package/src/styles/components/time-picker.css +171 -0
- package/src/styles/components/time-range-input.css +42 -0
- package/src/styles/components/toast.css +72 -0
- package/src/styles/components/toggle.css +115 -0
- package/src/styles/components/tooltip.css +98 -0
- package/src/styles/components/unit-input.css +138 -0
- package/src/styles/components/well-edit-popup.css +252 -0
- package/src/styles/components/well-plate.css +310 -0
- package/src/styles/index.css +80 -0
- package/src/styles/variables.css +1078 -0
- package/src/tailwind.preset.ts +59 -0
- package/src/types/auth.ts +55 -0
- package/src/types/components.ts +560 -0
- package/src/types/index.ts +146 -0
- package/src/types/platform.ts +101 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent, ref, onBeforeUnmount, openBlock, createElementBlock, renderSlot, createElementVNode, normalizeClass, toDisplayString } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "Tooltip",
|
|
4
|
+
props: {
|
|
5
|
+
text: {},
|
|
6
|
+
position: { default: "top" },
|
|
7
|
+
delay: { default: 200 }
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const props = __props;
|
|
11
|
+
const visible = ref(false);
|
|
12
|
+
let timeoutId = null;
|
|
13
|
+
function show() {
|
|
14
|
+
timeoutId = setTimeout(() => {
|
|
15
|
+
visible.value = true;
|
|
16
|
+
}, props.delay);
|
|
17
|
+
}
|
|
18
|
+
function hide() {
|
|
19
|
+
if (timeoutId) {
|
|
20
|
+
clearTimeout(timeoutId);
|
|
21
|
+
timeoutId = null;
|
|
22
|
+
}
|
|
23
|
+
visible.value = false;
|
|
24
|
+
}
|
|
25
|
+
onBeforeUnmount(() => {
|
|
26
|
+
if (timeoutId) clearTimeout(timeoutId);
|
|
27
|
+
});
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return openBlock(), createElementBlock("span", {
|
|
30
|
+
class: "mld-tooltip",
|
|
31
|
+
onMouseenter: show,
|
|
32
|
+
onMouseleave: hide,
|
|
33
|
+
onFocusin: show,
|
|
34
|
+
onFocusout: hide
|
|
35
|
+
}, [
|
|
36
|
+
renderSlot(_ctx.$slots, "default"),
|
|
37
|
+
createElementVNode("span", {
|
|
38
|
+
class: normalizeClass([
|
|
39
|
+
"mld-tooltip__content",
|
|
40
|
+
`mld-tooltip__content--${__props.position}`,
|
|
41
|
+
visible.value ? "mld-tooltip__content--visible" : ""
|
|
42
|
+
]),
|
|
43
|
+
role: "tooltip"
|
|
44
|
+
}, toDisplayString(__props.text), 3)
|
|
45
|
+
], 32);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
export {
|
|
50
|
+
_sfc_main as default
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=Tooltip.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.vue.js","sources":["../../src/components/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onBeforeUnmount } from 'vue'\n\ninterface Props {\n text: string\n position?: 'top' | 'bottom' | 'left' | 'right'\n delay?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n position: 'top',\n delay: 200,\n})\n\nconst visible = ref(false)\nlet timeoutId: ReturnType<typeof setTimeout> | null = null\n\nfunction show() {\n timeoutId = setTimeout(() => {\n visible.value = true\n }, props.delay)\n}\n\nfunction hide() {\n if (timeoutId) {\n clearTimeout(timeoutId)\n timeoutId = null\n }\n visible.value = false\n}\n\nonBeforeUnmount(() => {\n if (timeoutId) clearTimeout(timeoutId)\n})\n</script>\n\n<template>\n <span\n class=\"mld-tooltip\"\n @mouseenter=\"show\"\n @mouseleave=\"hide\"\n @focusin=\"show\"\n @focusout=\"hide\"\n >\n <slot />\n <span\n :class=\"[\n 'mld-tooltip__content',\n `mld-tooltip__content--${position}`,\n visible ? 'mld-tooltip__content--visible' : '',\n ]\"\n role=\"tooltip\"\n >\n {{ text }}\n </span>\n </span>\n</template>\n\n<style>\n@import '../styles/components/tooltip.css';\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,UAAU,IAAI,KAAK;AACzB,QAAI,YAAkD;AAEtD,aAAS,OAAO;AACd,kBAAY,WAAW,MAAM;AAC3B,gBAAQ,QAAQ;AAAA,MAClB,GAAG,MAAM,KAAK;AAAA,IAChB;AAEA,aAAS,OAAO;AACd,UAAI,WAAW;AACb,qBAAa,SAAS;AACtB,oBAAY;AAAA,MACd;AACA,cAAQ,QAAQ;AAAA,IAClB;AAEA,oBAAgB,MAAM;AACpB,UAAI,wBAAwB,SAAS;AAAA,IACvC,CAAC;;0BAICA,mBAkBO,QAAA;AAAA,QAjBL,OAAM;AAAA,QACL,cAAY;AAAA,QACZ,cAAY;AAAA,QACZ,WAAS;AAAA,QACT,YAAU;AAAA,MAAA;QAEXC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBASO,QAAA;AAAA,UARJ,OAAKC,eAAA;AAAA;qCAAqE,QAAA,QAAQ;AAAA,YAAY,QAAA,QAAO,kCAAA;AAAA,UAAA;UAKtG,MAAK;AAAA,QAAA,mBAEF,QAAA,IAAI,GAAA,CAAA;AAAA,MAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
interface UnitOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
factor?: number;
|
|
5
|
+
group?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
modelValue?: number;
|
|
9
|
+
unit?: string;
|
|
10
|
+
units: UnitOption[];
|
|
11
|
+
precision?: number;
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
step?: number;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
error?: boolean;
|
|
18
|
+
size?: 'sm' | 'md' | 'lg';
|
|
19
|
+
convertOnUnitChange?: boolean;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: number | undefined) => any;
|
|
23
|
+
change: (data: {
|
|
24
|
+
value: number | undefined;
|
|
25
|
+
unit: string;
|
|
26
|
+
}) => any;
|
|
27
|
+
"update:unit": (unit: string) => any;
|
|
28
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
29
|
+
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
|
|
30
|
+
onChange?: ((data: {
|
|
31
|
+
value: number | undefined;
|
|
32
|
+
unit: string;
|
|
33
|
+
}) => any) | undefined;
|
|
34
|
+
"onUpdate:unit"?: ((unit: string) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
error: boolean;
|
|
37
|
+
disabled: boolean;
|
|
38
|
+
size: "sm" | "md" | "lg";
|
|
39
|
+
placeholder: string;
|
|
40
|
+
step: number;
|
|
41
|
+
precision: number;
|
|
42
|
+
convertOnUnitChange: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = { class: "mld-unit-input__controls" };
|
|
3
|
+
const _hoisted_2 = ["value", "min", "max", "step", "disabled", "placeholder"];
|
|
4
|
+
const _hoisted_3 = { class: "mld-unit-input__unit" };
|
|
5
|
+
const _hoisted_4 = ["value", "disabled"];
|
|
6
|
+
const _hoisted_5 = ["value"];
|
|
7
|
+
const _hoisted_6 = ["label"];
|
|
8
|
+
const _hoisted_7 = ["value"];
|
|
9
|
+
const _hoisted_8 = ["value"];
|
|
10
|
+
const _hoisted_9 = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "mld-unit-input__conversion-hint"
|
|
13
|
+
};
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
+
__name: "UnitInput",
|
|
16
|
+
props: {
|
|
17
|
+
modelValue: {},
|
|
18
|
+
unit: {},
|
|
19
|
+
units: {},
|
|
20
|
+
precision: { default: void 0 },
|
|
21
|
+
min: {},
|
|
22
|
+
max: {},
|
|
23
|
+
step: { default: void 0 },
|
|
24
|
+
placeholder: { default: "Enter value" },
|
|
25
|
+
disabled: { type: Boolean, default: false },
|
|
26
|
+
error: { type: Boolean, default: false },
|
|
27
|
+
size: { default: "md" },
|
|
28
|
+
convertOnUnitChange: { type: Boolean, default: false }
|
|
29
|
+
},
|
|
30
|
+
emits: ["update:modelValue", "update:unit", "change"],
|
|
31
|
+
setup(__props, { emit: __emit }) {
|
|
32
|
+
const props = __props;
|
|
33
|
+
const emit = __emit;
|
|
34
|
+
const conversionHint = ref(null);
|
|
35
|
+
const currentUnit = computed(() => props.unit || (props.units.length > 0 ? props.units[0].value : ""));
|
|
36
|
+
const hasGroups = computed(() => props.units.some((u) => u.group));
|
|
37
|
+
const groupedUnits = computed(() => {
|
|
38
|
+
if (!hasGroups.value) return null;
|
|
39
|
+
const groups = /* @__PURE__ */ new Map();
|
|
40
|
+
const ungrouped = [];
|
|
41
|
+
for (const u of props.units) {
|
|
42
|
+
if (u.group) {
|
|
43
|
+
if (!groups.has(u.group)) groups.set(u.group, []);
|
|
44
|
+
groups.get(u.group).push(u);
|
|
45
|
+
} else {
|
|
46
|
+
ungrouped.push(u);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
return { groups, ungrouped };
|
|
50
|
+
});
|
|
51
|
+
function findUnit(value) {
|
|
52
|
+
return props.units.find((u) => u.value === value);
|
|
53
|
+
}
|
|
54
|
+
function roundToPrecision(value) {
|
|
55
|
+
if (props.precision === void 0) return value;
|
|
56
|
+
const factor = Math.pow(10, props.precision);
|
|
57
|
+
return Math.round(value * factor) / factor;
|
|
58
|
+
}
|
|
59
|
+
function clamp(value) {
|
|
60
|
+
let result = value;
|
|
61
|
+
if (props.min !== void 0 && result < props.min) result = props.min;
|
|
62
|
+
if (props.max !== void 0 && result > props.max) result = props.max;
|
|
63
|
+
return result;
|
|
64
|
+
}
|
|
65
|
+
function handleValueInput(event) {
|
|
66
|
+
const target = event.target;
|
|
67
|
+
const value = target.value === "" ? void 0 : Number(target.value);
|
|
68
|
+
conversionHint.value = null;
|
|
69
|
+
if (value === void 0 || isNaN(value)) {
|
|
70
|
+
emit("update:modelValue", void 0);
|
|
71
|
+
emit("change", { value: void 0, unit: currentUnit.value });
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
const clamped = clamp(value);
|
|
75
|
+
emit("update:modelValue", clamped);
|
|
76
|
+
emit("change", { value: clamped, unit: currentUnit.value });
|
|
77
|
+
}
|
|
78
|
+
function handleUnitChange(event) {
|
|
79
|
+
const target = event.target;
|
|
80
|
+
const newUnitValue = target.value;
|
|
81
|
+
const oldUnitValue = currentUnit.value;
|
|
82
|
+
let newValue = props.modelValue;
|
|
83
|
+
if (props.convertOnUnitChange && newValue !== void 0) {
|
|
84
|
+
const oldUnit = findUnit(oldUnitValue);
|
|
85
|
+
const newUnit = findUnit(newUnitValue);
|
|
86
|
+
if ((oldUnit == null ? void 0 : oldUnit.factor) !== void 0 && (newUnit == null ? void 0 : newUnit.factor) !== void 0 && newUnit.factor !== 0) {
|
|
87
|
+
const converted = newValue * (oldUnit.factor / newUnit.factor);
|
|
88
|
+
newValue = roundToPrecision(converted);
|
|
89
|
+
newValue = clamp(newValue);
|
|
90
|
+
conversionHint.value = `Converted from ${oldUnit.label} to ${newUnit.label}`;
|
|
91
|
+
emit("update:modelValue", newValue);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
emit("update:unit", newUnitValue);
|
|
95
|
+
emit("change", { value: newValue, unit: newUnitValue });
|
|
96
|
+
}
|
|
97
|
+
watch(conversionHint, (hint) => {
|
|
98
|
+
if (hint) {
|
|
99
|
+
setTimeout(() => {
|
|
100
|
+
conversionHint.value = null;
|
|
101
|
+
}, 3e3);
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
return (_ctx, _cache) => {
|
|
105
|
+
return openBlock(), createElementBlock("div", {
|
|
106
|
+
class: normalizeClass([
|
|
107
|
+
"mld-unit-input",
|
|
108
|
+
__props.error ? "mld-unit-input--error" : "",
|
|
109
|
+
__props.disabled ? "mld-unit-input--disabled" : ""
|
|
110
|
+
])
|
|
111
|
+
}, [
|
|
112
|
+
createElementVNode("div", _hoisted_1, [
|
|
113
|
+
createElementVNode("input", {
|
|
114
|
+
type: "number",
|
|
115
|
+
value: __props.modelValue,
|
|
116
|
+
min: __props.min,
|
|
117
|
+
max: __props.max,
|
|
118
|
+
step: __props.step,
|
|
119
|
+
disabled: __props.disabled,
|
|
120
|
+
placeholder: __props.placeholder,
|
|
121
|
+
class: normalizeClass([
|
|
122
|
+
"mld-unit-input__value",
|
|
123
|
+
`mld-unit-input__value--${__props.size}`,
|
|
124
|
+
__props.disabled ? "mld-unit-input__value--disabled" : ""
|
|
125
|
+
]),
|
|
126
|
+
"aria-label": "Value",
|
|
127
|
+
onInput: handleValueInput
|
|
128
|
+
}, null, 42, _hoisted_2),
|
|
129
|
+
createElementVNode("div", _hoisted_3, [
|
|
130
|
+
createElementVNode("select", {
|
|
131
|
+
value: currentUnit.value,
|
|
132
|
+
disabled: __props.disabled,
|
|
133
|
+
class: normalizeClass([
|
|
134
|
+
"mld-unit-input__unit-select",
|
|
135
|
+
`mld-unit-input__unit-select--${__props.size}`
|
|
136
|
+
]),
|
|
137
|
+
"aria-label": "Unit",
|
|
138
|
+
onChange: handleUnitChange
|
|
139
|
+
}, [
|
|
140
|
+
groupedUnits.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
141
|
+
groupedUnits.value.ungrouped.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupedUnits.value.ungrouped, (u) => {
|
|
142
|
+
return openBlock(), createElementBlock("option", {
|
|
143
|
+
key: u.value,
|
|
144
|
+
value: u.value
|
|
145
|
+
}, toDisplayString(u.label), 9, _hoisted_5);
|
|
146
|
+
}), 128)) : createCommentVNode("", true),
|
|
147
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(groupedUnits.value.groups, ([groupLabel, groupUnits]) => {
|
|
148
|
+
return openBlock(), createElementBlock("optgroup", {
|
|
149
|
+
key: groupLabel,
|
|
150
|
+
label: groupLabel,
|
|
151
|
+
class: "mld-unit-input__unit-group"
|
|
152
|
+
}, [
|
|
153
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(groupUnits, (u) => {
|
|
154
|
+
return openBlock(), createElementBlock("option", {
|
|
155
|
+
key: u.value,
|
|
156
|
+
value: u.value
|
|
157
|
+
}, toDisplayString(u.label), 9, _hoisted_7);
|
|
158
|
+
}), 128))
|
|
159
|
+
], 8, _hoisted_6);
|
|
160
|
+
}), 128))
|
|
161
|
+
], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.units, (u) => {
|
|
162
|
+
return openBlock(), createElementBlock("option", {
|
|
163
|
+
key: u.value,
|
|
164
|
+
value: u.value
|
|
165
|
+
}, toDisplayString(u.label), 9, _hoisted_8);
|
|
166
|
+
}), 128))
|
|
167
|
+
], 42, _hoisted_4)
|
|
168
|
+
])
|
|
169
|
+
]),
|
|
170
|
+
conversionHint.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(conversionHint.value), 1)) : createCommentVNode("", true)
|
|
171
|
+
], 2);
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
export {
|
|
176
|
+
_sfc_main as default
|
|
177
|
+
};
|
|
178
|
+
//# sourceMappingURL=UnitInput.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UnitInput.vue.js","sources":["../../src/components/UnitInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\n\ninterface UnitOption {\n value: string\n label: string\n factor?: number\n group?: string\n}\n\ninterface Props {\n modelValue?: number\n unit?: string\n units: UnitOption[]\n precision?: number\n min?: number\n max?: number\n step?: number\n placeholder?: string\n disabled?: boolean\n error?: boolean\n size?: 'sm' | 'md' | 'lg'\n convertOnUnitChange?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n precision: undefined,\n step: undefined,\n placeholder: 'Enter value',\n disabled: false,\n error: false,\n size: 'md',\n convertOnUnitChange: false,\n})\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: number | undefined]\n 'update:unit': [unit: string]\n 'change': [data: { value: number | undefined; unit: string }]\n}>()\n\nconst conversionHint = ref<string | null>(null)\n\nconst currentUnit = computed(() => props.unit || (props.units.length > 0 ? props.units[0].value : ''))\n\n// Group units by their group property\nconst hasGroups = computed(() => props.units.some(u => u.group))\n\nconst groupedUnits = computed(() => {\n if (!hasGroups.value) return null\n const groups = new Map<string, UnitOption[]>()\n const ungrouped: UnitOption[] = []\n for (const u of props.units) {\n if (u.group) {\n if (!groups.has(u.group)) groups.set(u.group, [])\n groups.get(u.group)!.push(u)\n } else {\n ungrouped.push(u)\n }\n }\n return { groups, ungrouped }\n})\n\nfunction findUnit(value: string): UnitOption | undefined {\n return props.units.find(u => u.value === value)\n}\n\nfunction roundToPrecision(value: number): number {\n if (props.precision === undefined) return value\n const factor = Math.pow(10, props.precision)\n return Math.round(value * factor) / factor\n}\n\nfunction clamp(value: number): number {\n let result = value\n if (props.min !== undefined && result < props.min) result = props.min\n if (props.max !== undefined && result > props.max) result = props.max\n return result\n}\n\nfunction handleValueInput(event: Event) {\n const target = event.target as HTMLInputElement\n const value = target.value === '' ? undefined : Number(target.value)\n\n conversionHint.value = null\n\n if (value === undefined || isNaN(value)) {\n emit('update:modelValue', undefined)\n emit('change', { value: undefined, unit: currentUnit.value })\n return\n }\n\n const clamped = clamp(value)\n emit('update:modelValue', clamped)\n emit('change', { value: clamped, unit: currentUnit.value })\n}\n\nfunction handleUnitChange(event: Event) {\n const target = event.target as HTMLSelectElement\n const newUnitValue = target.value\n const oldUnitValue = currentUnit.value\n\n let newValue = props.modelValue\n\n if (props.convertOnUnitChange && newValue !== undefined) {\n const oldUnit = findUnit(oldUnitValue)\n const newUnit = findUnit(newUnitValue)\n\n if (oldUnit?.factor !== undefined && newUnit?.factor !== undefined && newUnit.factor !== 0) {\n const converted = newValue * (oldUnit.factor / newUnit.factor)\n newValue = roundToPrecision(converted)\n newValue = clamp(newValue)\n conversionHint.value = `Converted from ${oldUnit.label} to ${newUnit.label}`\n emit('update:modelValue', newValue)\n }\n }\n\n emit('update:unit', newUnitValue)\n emit('change', { value: newValue, unit: newUnitValue })\n}\n\n// Clear conversion hint after a delay\nwatch(conversionHint, (hint) => {\n if (hint) {\n setTimeout(() => {\n conversionHint.value = null\n }, 3000)\n }\n})\n</script>\n\n<template>\n <div\n :class=\"[\n 'mld-unit-input',\n error ? 'mld-unit-input--error' : '',\n disabled ? 'mld-unit-input--disabled' : '',\n ]\"\n >\n <div class=\"mld-unit-input__controls\">\n <input\n type=\"number\"\n :value=\"modelValue\"\n :min=\"min\"\n :max=\"max\"\n :step=\"step\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n :class=\"[\n 'mld-unit-input__value',\n `mld-unit-input__value--${size}`,\n disabled ? 'mld-unit-input__value--disabled' : '',\n ]\"\n aria-label=\"Value\"\n @input=\"handleValueInput\"\n />\n\n <div class=\"mld-unit-input__unit\">\n <select\n :value=\"currentUnit\"\n :disabled=\"disabled\"\n :class=\"[\n 'mld-unit-input__unit-select',\n `mld-unit-input__unit-select--${size}`,\n ]\"\n aria-label=\"Unit\"\n @change=\"handleUnitChange\"\n >\n <template v-if=\"groupedUnits\">\n <template v-if=\"groupedUnits.ungrouped.length > 0\">\n <option\n v-for=\"u in groupedUnits.ungrouped\"\n :key=\"u.value\"\n :value=\"u.value\"\n >\n {{ u.label }}\n </option>\n </template>\n <optgroup\n v-for=\"[groupLabel, groupUnits] in groupedUnits.groups\"\n :key=\"groupLabel\"\n :label=\"groupLabel\"\n class=\"mld-unit-input__unit-group\"\n >\n <option\n v-for=\"u in groupUnits\"\n :key=\"u.value\"\n :value=\"u.value\"\n >\n {{ u.label }}\n </option>\n </optgroup>\n </template>\n <template v-else>\n <option\n v-for=\"u in units\"\n :key=\"u.value\"\n :value=\"u.value\"\n >\n {{ u.label }}\n </option>\n </template>\n </select>\n </div>\n </div>\n\n <div\n v-if=\"conversionHint\"\n class=\"mld-unit-input__conversion-hint\"\n >\n {{ conversionHint }}\n </div>\n </div>\n</template>\n\n<style>\n@import '../styles/components/unit-input.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_openBlock","_renderList","_toDisplayString"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UnitInput.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Well, WellEditData, WellEditField } from '../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
wellId: string;
|
|
4
|
+
wellData?: Partial<Well>;
|
|
5
|
+
editFields?: WellEditField[];
|
|
6
|
+
defaultInjectionVolume?: number;
|
|
7
|
+
position: {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
close: () => any;
|
|
14
|
+
clear: () => any;
|
|
15
|
+
save: (data: WellEditData) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
17
|
+
onClose?: (() => any) | undefined;
|
|
18
|
+
onClear?: (() => any) | undefined;
|
|
19
|
+
onSave?: ((data: WellEditData) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
wellData: Partial<Well>;
|
|
22
|
+
editFields: WellEditField[];
|
|
23
|
+
defaultInjectionVolume: number;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { defineComponent, ref, watch, computed, onMounted, onUnmounted, openBlock, createBlock, Teleport, createElementVNode, withModifiers, normalizeStyle, toDisplayString, createElementBlock, withDirectives, withKeys, vModelText, createCommentVNode, Fragment, renderList, normalizeClass, vModelCheckbox } from "vue";
|
|
2
|
+
const _hoisted_1 = { class: "mld-well-edit-popup__header" };
|
|
3
|
+
const _hoisted_2 = { class: "mld-well-edit-popup__header-left" };
|
|
4
|
+
const _hoisted_3 = { class: "mld-well-edit-popup__well-id" };
|
|
5
|
+
const _hoisted_4 = { class: "mld-well-edit-popup__body" };
|
|
6
|
+
const _hoisted_5 = { key: 0 };
|
|
7
|
+
const _hoisted_6 = { class: "mld-well-edit-popup__row" };
|
|
8
|
+
const _hoisted_7 = { key: 0 };
|
|
9
|
+
const _hoisted_8 = { class: "mld-well-edit-popup__type-grid" };
|
|
10
|
+
const _hoisted_9 = ["title", "onClick"];
|
|
11
|
+
const _hoisted_10 = { key: 1 };
|
|
12
|
+
const _hoisted_11 = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "mld-well-edit-popup__advanced-toggle"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_12 = { key: 0 };
|
|
17
|
+
const _hoisted_13 = { class: "mld-well-edit-popup__count-grid" };
|
|
18
|
+
const _hoisted_14 = ["onClick"];
|
|
19
|
+
const _hoisted_15 = { key: 1 };
|
|
20
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
21
|
+
__name: "WellEditPopup",
|
|
22
|
+
props: {
|
|
23
|
+
wellId: {},
|
|
24
|
+
wellData: { default: () => ({}) },
|
|
25
|
+
editFields: { default: () => ["label", "sampleType", "injectionVolume", "injectionCount", "customMethod"] },
|
|
26
|
+
defaultInjectionVolume: { default: 5 },
|
|
27
|
+
position: {}
|
|
28
|
+
},
|
|
29
|
+
emits: ["save", "clear", "close"],
|
|
30
|
+
setup(__props, { emit: __emit }) {
|
|
31
|
+
const props = __props;
|
|
32
|
+
const emit = __emit;
|
|
33
|
+
const showAdvanced = ref(false);
|
|
34
|
+
const formData = ref({
|
|
35
|
+
label: "",
|
|
36
|
+
sampleType: "sample",
|
|
37
|
+
injectionVolume: props.defaultInjectionVolume,
|
|
38
|
+
injectionCount: 1,
|
|
39
|
+
customMethod: ""
|
|
40
|
+
});
|
|
41
|
+
watch(
|
|
42
|
+
() => [props.wellId, props.wellData],
|
|
43
|
+
() => {
|
|
44
|
+
var _a, _b;
|
|
45
|
+
const meta = (_a = props.wellData) == null ? void 0 : _a.metadata;
|
|
46
|
+
formData.value = {
|
|
47
|
+
label: (meta == null ? void 0 : meta.label) || "",
|
|
48
|
+
sampleType: ((_b = props.wellData) == null ? void 0 : _b.sampleType) || "sample",
|
|
49
|
+
injectionVolume: (meta == null ? void 0 : meta.injectionVolume) || props.defaultInjectionVolume,
|
|
50
|
+
injectionCount: (meta == null ? void 0 : meta.injectionCount) || 1,
|
|
51
|
+
customMethod: (meta == null ? void 0 : meta.customMethod) || ""
|
|
52
|
+
};
|
|
53
|
+
showAdvanced.value = formData.value.injectionCount > 1 || !!formData.value.customMethod;
|
|
54
|
+
},
|
|
55
|
+
{ immediate: true }
|
|
56
|
+
);
|
|
57
|
+
const hasField = (field) => props.editFields.includes(field);
|
|
58
|
+
const popupStyle = computed(() => {
|
|
59
|
+
const x = props.position.x;
|
|
60
|
+
const y = props.position.y;
|
|
61
|
+
const style = {
|
|
62
|
+
left: `${x}px`,
|
|
63
|
+
top: `${y}px`
|
|
64
|
+
};
|
|
65
|
+
return style;
|
|
66
|
+
});
|
|
67
|
+
function save() {
|
|
68
|
+
var _a;
|
|
69
|
+
emit("save", {
|
|
70
|
+
wellId: props.wellId,
|
|
71
|
+
label: formData.value.label.trim(),
|
|
72
|
+
sampleType: formData.value.sampleType,
|
|
73
|
+
injectionVolume: formData.value.injectionVolume,
|
|
74
|
+
injectionCount: formData.value.injectionCount || 1,
|
|
75
|
+
customMethod: ((_a = formData.value.customMethod) == null ? void 0 : _a.trim()) || ""
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
function clear() {
|
|
79
|
+
emit("clear");
|
|
80
|
+
}
|
|
81
|
+
function close() {
|
|
82
|
+
emit("close");
|
|
83
|
+
}
|
|
84
|
+
function handleKeydown(e) {
|
|
85
|
+
if (e.key === "Escape") close();
|
|
86
|
+
}
|
|
87
|
+
onMounted(() => {
|
|
88
|
+
document.addEventListener("keydown", handleKeydown);
|
|
89
|
+
});
|
|
90
|
+
onUnmounted(() => {
|
|
91
|
+
document.removeEventListener("keydown", handleKeydown);
|
|
92
|
+
});
|
|
93
|
+
const sampleTypeButtons = [
|
|
94
|
+
{ type: "sample", label: "S", tooltip: "Sample" },
|
|
95
|
+
{ type: "blank", label: "B", tooltip: "Blank" },
|
|
96
|
+
{ type: "qc", label: "Q", tooltip: "QC" }
|
|
97
|
+
];
|
|
98
|
+
return (_ctx, _cache) => {
|
|
99
|
+
return openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
100
|
+
createElementVNode("div", {
|
|
101
|
+
class: "mld-well-edit-popup__backdrop",
|
|
102
|
+
onClick: close
|
|
103
|
+
}),
|
|
104
|
+
createElementVNode("div", {
|
|
105
|
+
class: "mld-well-edit-popup",
|
|
106
|
+
style: normalizeStyle(popupStyle.value),
|
|
107
|
+
onClick: _cache[5] || (_cache[5] = withModifiers(() => {
|
|
108
|
+
}, ["stop"]))
|
|
109
|
+
}, [
|
|
110
|
+
createElementVNode("div", _hoisted_1, [
|
|
111
|
+
createElementVNode("div", _hoisted_2, [
|
|
112
|
+
createElementVNode("span", _hoisted_3, toDisplayString(__props.wellId), 1),
|
|
113
|
+
_cache[6] || (_cache[6] = createElementVNode("span", { class: "mld-well-edit-popup__title" }, "Edit Well", -1))
|
|
114
|
+
]),
|
|
115
|
+
createElementVNode("button", {
|
|
116
|
+
class: "mld-well-edit-popup__close",
|
|
117
|
+
onClick: close
|
|
118
|
+
}, [..._cache[7] || (_cache[7] = [
|
|
119
|
+
createElementVNode("svg", {
|
|
120
|
+
width: "16",
|
|
121
|
+
height: "16",
|
|
122
|
+
viewBox: "0 0 24 24",
|
|
123
|
+
fill: "none",
|
|
124
|
+
stroke: "currentColor",
|
|
125
|
+
"stroke-width": "2",
|
|
126
|
+
"stroke-linecap": "round",
|
|
127
|
+
"stroke-linejoin": "round"
|
|
128
|
+
}, [
|
|
129
|
+
createElementVNode("path", { d: "M18 6 6 18" }),
|
|
130
|
+
createElementVNode("path", { d: "m6 6 12 12" })
|
|
131
|
+
], -1)
|
|
132
|
+
])])
|
|
133
|
+
]),
|
|
134
|
+
createElementVNode("div", _hoisted_4, [
|
|
135
|
+
hasField("label") ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
136
|
+
_cache[8] || (_cache[8] = createElementVNode("label", { class: "mld-well-edit-popup__label" }, "Sample Name", -1)),
|
|
137
|
+
withDirectives(createElementVNode("input", {
|
|
138
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.label = $event),
|
|
139
|
+
type: "text",
|
|
140
|
+
placeholder: "e.g., Sample_001",
|
|
141
|
+
class: "mld-well-edit-popup__input",
|
|
142
|
+
onKeydown: withKeys(save, ["enter"]),
|
|
143
|
+
autofocus: ""
|
|
144
|
+
}, null, 544), [
|
|
145
|
+
[vModelText, formData.value.label]
|
|
146
|
+
])
|
|
147
|
+
])) : createCommentVNode("", true),
|
|
148
|
+
createElementVNode("div", _hoisted_6, [
|
|
149
|
+
hasField("sampleType") ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
150
|
+
_cache[9] || (_cache[9] = createElementVNode("label", { class: "mld-well-edit-popup__label" }, "Type", -1)),
|
|
151
|
+
createElementVNode("div", _hoisted_8, [
|
|
152
|
+
(openBlock(), createElementBlock(Fragment, null, renderList(sampleTypeButtons, (btn) => {
|
|
153
|
+
return createElementVNode("button", {
|
|
154
|
+
key: btn.type,
|
|
155
|
+
title: btn.tooltip,
|
|
156
|
+
class: normalizeClass(["mld-well-edit-popup__type-btn", {
|
|
157
|
+
[`mld-well-edit-popup__type-btn--${btn.type}`]: formData.value.sampleType === btn.type
|
|
158
|
+
}]),
|
|
159
|
+
onClick: ($event) => formData.value.sampleType = btn.type
|
|
160
|
+
}, toDisplayString(btn.label), 11, _hoisted_9);
|
|
161
|
+
}), 64))
|
|
162
|
+
])
|
|
163
|
+
])) : createCommentVNode("", true),
|
|
164
|
+
hasField("injectionVolume") ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
165
|
+
_cache[10] || (_cache[10] = createElementVNode("label", { class: "mld-well-edit-popup__label" }, "Volume (uL)", -1)),
|
|
166
|
+
withDirectives(createElementVNode("input", {
|
|
167
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.injectionVolume = $event),
|
|
168
|
+
type: "number",
|
|
169
|
+
min: "0.1",
|
|
170
|
+
max: "100",
|
|
171
|
+
step: "0.5",
|
|
172
|
+
class: "mld-well-edit-popup__input"
|
|
173
|
+
}, null, 512), [
|
|
174
|
+
[
|
|
175
|
+
vModelText,
|
|
176
|
+
formData.value.injectionVolume,
|
|
177
|
+
void 0,
|
|
178
|
+
{ number: true }
|
|
179
|
+
]
|
|
180
|
+
])
|
|
181
|
+
])) : createCommentVNode("", true)
|
|
182
|
+
]),
|
|
183
|
+
hasField("injectionCount") || hasField("customMethod") ? (openBlock(), createElementBlock("label", _hoisted_11, [
|
|
184
|
+
withDirectives(createElementVNode("input", {
|
|
185
|
+
type: "checkbox",
|
|
186
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showAdvanced.value = $event)
|
|
187
|
+
}, null, 512), [
|
|
188
|
+
[vModelCheckbox, showAdvanced.value]
|
|
189
|
+
]),
|
|
190
|
+
_cache[11] || (_cache[11] = createElementVNode("span", null, "Advanced options", -1))
|
|
191
|
+
])) : createCommentVNode("", true),
|
|
192
|
+
showAdvanced.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
193
|
+
hasField("injectionCount") ? (openBlock(), createElementBlock("div", _hoisted_12, [
|
|
194
|
+
_cache[12] || (_cache[12] = createElementVNode("label", { class: "mld-well-edit-popup__label" }, "Repeat Injections", -1)),
|
|
195
|
+
createElementVNode("div", _hoisted_13, [
|
|
196
|
+
(openBlock(), createElementBlock(Fragment, null, renderList([1, 2, 3, 4, 5], (n) => {
|
|
197
|
+
return createElementVNode("button", {
|
|
198
|
+
key: n,
|
|
199
|
+
class: normalizeClass(["mld-well-edit-popup__count-btn", { "mld-well-edit-popup__count-btn--active": formData.value.injectionCount === n }]),
|
|
200
|
+
onClick: ($event) => formData.value.injectionCount = n
|
|
201
|
+
}, toDisplayString(n) + "× ", 11, _hoisted_14);
|
|
202
|
+
}), 64)),
|
|
203
|
+
withDirectives(createElementVNode("input", {
|
|
204
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.injectionCount = $event),
|
|
205
|
+
type: "number",
|
|
206
|
+
min: "1",
|
|
207
|
+
max: "10",
|
|
208
|
+
class: "mld-well-edit-popup__count-input"
|
|
209
|
+
}, null, 512), [
|
|
210
|
+
[
|
|
211
|
+
vModelText,
|
|
212
|
+
formData.value.injectionCount,
|
|
213
|
+
void 0,
|
|
214
|
+
{ number: true }
|
|
215
|
+
]
|
|
216
|
+
])
|
|
217
|
+
])
|
|
218
|
+
])) : createCommentVNode("", true),
|
|
219
|
+
hasField("customMethod") ? (openBlock(), createElementBlock("div", _hoisted_15, [
|
|
220
|
+
_cache[13] || (_cache[13] = createElementVNode("label", { class: "mld-well-edit-popup__label" }, "Custom Method Path", -1)),
|
|
221
|
+
withDirectives(createElementVNode("input", {
|
|
222
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.customMethod = $event),
|
|
223
|
+
type: "text",
|
|
224
|
+
placeholder: "Leave empty for default",
|
|
225
|
+
class: "mld-well-edit-popup__input mld-well-edit-popup__input--mono"
|
|
226
|
+
}, null, 512), [
|
|
227
|
+
[vModelText, formData.value.customMethod]
|
|
228
|
+
])
|
|
229
|
+
])) : createCommentVNode("", true)
|
|
230
|
+
], 64)) : createCommentVNode("", true)
|
|
231
|
+
]),
|
|
232
|
+
createElementVNode("div", { class: "mld-well-edit-popup__footer" }, [
|
|
233
|
+
createElementVNode("button", {
|
|
234
|
+
class: "mld-well-edit-popup__btn mld-well-edit-popup__btn--clear",
|
|
235
|
+
onClick: clear
|
|
236
|
+
}, " Clear Well "),
|
|
237
|
+
createElementVNode("button", {
|
|
238
|
+
class: "mld-well-edit-popup__btn mld-well-edit-popup__btn--save",
|
|
239
|
+
onClick: save
|
|
240
|
+
}, " Save ")
|
|
241
|
+
])
|
|
242
|
+
], 4)
|
|
243
|
+
]);
|
|
244
|
+
};
|
|
245
|
+
}
|
|
246
|
+
});
|
|
247
|
+
export {
|
|
248
|
+
_sfc_main as default
|
|
249
|
+
};
|
|
250
|
+
//# sourceMappingURL=WellEditPopup.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WellEditPopup.vue.js","sources":["../../src/components/WellEditPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, computed, onMounted, onUnmounted } from 'vue'\nimport type { Well, WellEditData, WellEditField } from '../types'\n\ninterface Props {\n wellId: string\n wellData?: Partial<Well>\n editFields?: WellEditField[]\n defaultInjectionVolume?: number\n position: { x: number; y: number }\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n wellData: () => ({}),\n editFields: () => ['label', 'sampleType', 'injectionVolume', 'injectionCount', 'customMethod'],\n defaultInjectionVolume: 5,\n})\n\nconst emit = defineEmits<{\n save: [data: WellEditData]\n clear: []\n close: []\n}>()\n\nconst showAdvanced = ref(false)\n\nconst formData = ref({\n label: '',\n sampleType: 'sample',\n injectionVolume: props.defaultInjectionVolume,\n injectionCount: 1,\n customMethod: '',\n})\n\nwatch(\n () => [props.wellId, props.wellData] as const,\n () => {\n const meta = props.wellData?.metadata as Record<string, unknown> | undefined\n formData.value = {\n label: (meta?.label as string) || '',\n sampleType: props.wellData?.sampleType || 'sample',\n injectionVolume: (meta?.injectionVolume as number) || props.defaultInjectionVolume,\n injectionCount: (meta?.injectionCount as number) || 1,\n customMethod: (meta?.customMethod as string) || '',\n }\n showAdvanced.value = (formData.value.injectionCount > 1) || !!formData.value.customMethod\n },\n { immediate: true },\n)\n\nconst hasField = (field: WellEditField) => props.editFields.includes(field)\n\nconst popupStyle = computed(() => {\n const x = props.position.x\n const y = props.position.y\n const style: Record<string, string> = {\n left: `${x}px`,\n top: `${y}px`,\n }\n return style\n})\n\nfunction save() {\n emit('save', {\n wellId: props.wellId,\n label: formData.value.label.trim(),\n sampleType: formData.value.sampleType,\n injectionVolume: formData.value.injectionVolume,\n injectionCount: formData.value.injectionCount || 1,\n customMethod: formData.value.customMethod?.trim() || '',\n })\n}\n\nfunction clear() {\n emit('clear')\n}\n\nfunction close() {\n emit('close')\n}\n\nfunction handleKeydown(e: KeyboardEvent) {\n if (e.key === 'Escape') close()\n}\n\nonMounted(() => {\n document.addEventListener('keydown', handleKeydown)\n})\n\nonUnmounted(() => {\n document.removeEventListener('keydown', handleKeydown)\n})\n\nconst sampleTypeButtons = [\n { type: 'sample', label: 'S', tooltip: 'Sample' },\n { type: 'blank', label: 'B', tooltip: 'Blank' },\n { type: 'qc', label: 'Q', tooltip: 'QC' },\n]\n</script>\n\n<template>\n <Teleport to=\"body\">\n <!-- Backdrop -->\n <div class=\"mld-well-edit-popup__backdrop\" @click=\"close\" />\n\n <!-- Popup -->\n <div\n class=\"mld-well-edit-popup\"\n :style=\"popupStyle\"\n @click.stop\n >\n <!-- Header -->\n <div class=\"mld-well-edit-popup__header\">\n <div class=\"mld-well-edit-popup__header-left\">\n <span class=\"mld-well-edit-popup__well-id\">{{ wellId }}</span>\n <span class=\"mld-well-edit-popup__title\">Edit Well</span>\n </div>\n <button class=\"mld-well-edit-popup__close\" @click=\"close\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </div>\n\n <!-- Body -->\n <div class=\"mld-well-edit-popup__body\">\n <!-- Sample Name -->\n <div v-if=\"hasField('label')\">\n <label class=\"mld-well-edit-popup__label\">Sample Name</label>\n <input\n v-model=\"formData.label\"\n type=\"text\"\n placeholder=\"e.g., Sample_001\"\n class=\"mld-well-edit-popup__input\"\n @keydown.enter=\"save\"\n autofocus\n />\n </div>\n\n <!-- Type + Volume row -->\n <div class=\"mld-well-edit-popup__row\">\n <div v-if=\"hasField('sampleType')\">\n <label class=\"mld-well-edit-popup__label\">Type</label>\n <div class=\"mld-well-edit-popup__type-grid\">\n <button\n v-for=\"btn in sampleTypeButtons\"\n :key=\"btn.type\"\n :title=\"btn.tooltip\"\n class=\"mld-well-edit-popup__type-btn\"\n :class=\"{\n [`mld-well-edit-popup__type-btn--${btn.type}`]: formData.sampleType === btn.type,\n }\"\n @click=\"formData.sampleType = btn.type\"\n >\n {{ btn.label }}\n </button>\n </div>\n </div>\n <div v-if=\"hasField('injectionVolume')\">\n <label class=\"mld-well-edit-popup__label\">Volume (uL)</label>\n <input\n v-model.number=\"formData.injectionVolume\"\n type=\"number\"\n min=\"0.1\"\n max=\"100\"\n step=\"0.5\"\n class=\"mld-well-edit-popup__input\"\n />\n </div>\n </div>\n\n <!-- Advanced toggle -->\n <label\n v-if=\"hasField('injectionCount') || hasField('customMethod')\"\n class=\"mld-well-edit-popup__advanced-toggle\"\n >\n <input type=\"checkbox\" v-model=\"showAdvanced\" />\n <span>Advanced options</span>\n </label>\n\n <!-- Advanced fields -->\n <template v-if=\"showAdvanced\">\n <!-- Injection count -->\n <div v-if=\"hasField('injectionCount')\">\n <label class=\"mld-well-edit-popup__label\">Repeat Injections</label>\n <div class=\"mld-well-edit-popup__count-grid\">\n <button\n v-for=\"n in [1, 2, 3, 4, 5]\"\n :key=\"n\"\n class=\"mld-well-edit-popup__count-btn\"\n :class=\"{ 'mld-well-edit-popup__count-btn--active': formData.injectionCount === n }\"\n @click=\"formData.injectionCount = n\"\n >\n {{ n }}×\n </button>\n <input\n v-model.number=\"formData.injectionCount\"\n type=\"number\"\n min=\"1\"\n max=\"10\"\n class=\"mld-well-edit-popup__count-input\"\n />\n </div>\n </div>\n\n <!-- Custom method -->\n <div v-if=\"hasField('customMethod')\">\n <label class=\"mld-well-edit-popup__label\">Custom Method Path</label>\n <input\n v-model=\"formData.customMethod\"\n type=\"text\"\n placeholder=\"Leave empty for default\"\n class=\"mld-well-edit-popup__input mld-well-edit-popup__input--mono\"\n />\n </div>\n </template>\n </div>\n\n <!-- Footer -->\n <div class=\"mld-well-edit-popup__footer\">\n <button class=\"mld-well-edit-popup__btn mld-well-edit-popup__btn--clear\" @click=\"clear\">\n Clear Well\n </button>\n <button class=\"mld-well-edit-popup__btn mld-well-edit-popup__btn--save\" @click=\"save\">\n Save\n </button>\n </div>\n </div>\n </Teleport>\n</template>\n\n<style>\n@import '../styles/components/well-edit-popup.css';\n</style>\n"],"names":["_createBlock","_Teleport","_createElementVNode","_toDisplayString","_createElementBlock","_vModelText","_Fragment","_renderList","_openBlock"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WellEditPopup.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|