@morscherlab/mint-sdk 1.0.0-alpha.7 → 1.0.0-alpha.9
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 +15 -15
- package/dist/{auth-BYmxZdJl.js → auth-DsI0rQ7_.js} +6 -6
- package/dist/auth-DsI0rQ7_.js.map +1 -0
- package/dist/components/index.js +2 -2
- package/dist/{components-CKf-UpGi.js → components-CzbQQPCb.js} +1429 -1429
- package/dist/components-CzbQQPCb.js.map +1 -0
- package/dist/composables/index.js +2 -2
- package/dist/composables/usePlatformContext.d.ts +3 -3
- package/dist/{composables-D0QfFzq1.js → composables-BXklV5ii.js} +3 -3
- package/dist/{composables-D0QfFzq1.js.map → composables-BXklV5ii.js.map} +1 -1
- package/dist/index.js +4 -4
- package/dist/install.d.ts +3 -3
- package/dist/install.js +5 -5
- package/dist/install.js.map +1 -1
- package/dist/stores/auth.d.ts +1 -1
- package/dist/stores/index.js +1 -1
- package/dist/stores/settings.d.ts +1 -1
- package/dist/styles.css +5388 -5388
- package/dist/types/platform.d.ts +1 -1
- package/dist/{useScheduleDrag-DAJueTbK.js → useScheduleDrag-CxBeqYcu.js} +331 -331
- package/dist/useScheduleDrag-CxBeqYcu.js.map +1 -0
- package/package.json +2 -2
- package/src/__tests__/components/AppLayout.test.ts +23 -23
- package/src/__tests__/components/AppSidebar.test.ts +29 -29
- package/src/__tests__/components/AppTopBar.test.ts +45 -45
- package/src/__tests__/components/BaseInput.test.ts +2 -2
- package/src/__tests__/components/BasePill.test.ts +37 -37
- package/src/__tests__/components/Calendar.test.ts +52 -52
- package/src/__tests__/components/CollapsibleCard.test.ts +81 -81
- package/src/__tests__/components/DataFrame.test.ts +80 -80
- package/src/__tests__/components/DropdownButton.test.ts +80 -80
- package/src/__tests__/composables/usePlatformContext.test.ts +1 -1
- package/src/components/AlertBox.story.vue +1 -1
- package/src/components/AlertBox.vue +14 -14
- package/src/components/AppAvatarMenu.vue +26 -26
- package/src/components/AppContainer.vue +3 -3
- package/src/components/AppLayout.vue +7 -7
- package/src/components/AppPageSelector.vue +30 -30
- package/src/components/AppPillNav.vue +10 -10
- package/src/components/AppPluginSwitcher.vue +31 -31
- package/src/components/AppSidebar.vue +8 -8
- package/src/components/AppTopBar.story.vue +7 -7
- package/src/components/AppTopBar.vue +102 -102
- package/src/components/AuditTrail.vue +19 -19
- package/src/components/AutoGroupModal.vue +76 -76
- package/src/components/Avatar.vue +6 -6
- package/src/components/BaseButton.vue +6 -6
- package/src/components/BaseCheckbox.vue +9 -9
- package/src/components/BaseInput.vue +4 -4
- package/src/components/BaseModal.story.vue +1 -1
- package/src/components/BaseModal.vue +14 -14
- package/src/components/BasePill.vue +9 -9
- package/src/components/BaseRadioGroup.vue +21 -21
- package/src/components/BaseSelect.vue +6 -6
- package/src/components/BaseSlider.vue +8 -8
- package/src/components/BaseTabs.vue +7 -7
- package/src/components/BaseTextarea.vue +5 -5
- package/src/components/BaseToggle.vue +10 -10
- package/src/components/BatchProgressList.vue +25 -25
- package/src/components/Breadcrumb.vue +8 -8
- package/src/components/Calendar.vue +19 -19
- package/src/components/ChartContainer.vue +9 -9
- package/src/components/ChemicalFormula.vue +7 -7
- package/src/components/CollapsibleCard.vue +20 -20
- package/src/components/ColorSlider.vue +6 -6
- package/src/components/ConcentrationInput.vue +12 -12
- package/src/components/ConfirmDialog.story.vue +1 -1
- package/src/components/ConfirmDialog.vue +7 -7
- package/src/components/DataFrame.vue +40 -40
- package/src/components/DatePicker.vue +29 -29
- package/src/components/DateTimePicker.vue +41 -41
- package/src/components/Divider.vue +9 -9
- package/src/components/DoseCalculator.vue +66 -66
- package/src/components/DropdownButton.vue +19 -19
- package/src/components/EmptyState.vue +9 -9
- package/src/components/ExperimentCodeBadge.vue +3 -3
- package/src/components/ExperimentDataViewer.vue +25 -25
- package/src/components/ExperimentPopover.vue +35 -35
- package/src/components/ExperimentSelectorModal.vue +40 -40
- package/src/components/ExperimentTimeline.vue +48 -48
- package/src/components/FileUploader.vue +31 -31
- package/src/components/FitPanel.vue +9 -9
- package/src/components/FormActions.vue +1 -1
- package/src/components/FormBuilder.vue +2 -2
- package/src/components/FormField.vue +7 -7
- package/src/components/FormSection.vue +7 -7
- package/src/components/FormulaInput.vue +10 -10
- package/src/components/GroupAssigner.vue +40 -40
- package/src/components/GroupingModal.vue +45 -45
- package/src/components/IconButton.vue +6 -6
- package/src/components/LoadingSpinner.vue +5 -5
- package/src/components/MoleculeInput.vue +21 -21
- package/src/components/MultiSelect.vue +13 -13
- package/src/components/NumberInput.vue +13 -13
- package/src/components/PlateMapEditor.vue +63 -63
- package/src/components/ProgressBar.vue +18 -18
- package/src/components/ProtocolStepEditor.vue +57 -57
- package/src/components/RackEditor.vue +28 -28
- package/src/components/ReagentEditor.vue +61 -61
- package/src/components/ReagentList.vue +49 -49
- package/src/components/ResourceCard.vue +28 -28
- package/src/components/SampleHierarchyTree.vue +13 -13
- package/src/components/SampleLegend.vue +12 -12
- package/src/components/SampleSelector.vue +104 -104
- package/src/components/ScheduleCalendar.vue +42 -42
- package/src/components/ScientificNumber.vue +11 -11
- package/src/components/SegmentedControl.vue +12 -12
- package/src/components/SequenceInput.vue +32 -32
- package/src/components/SettingsButton.vue +5 -5
- package/src/components/SettingsModal.vue +17 -17
- package/src/components/StatusIndicator.vue +5 -5
- package/src/components/StepWizard.vue +16 -16
- package/src/components/TagsInput.vue +20 -20
- package/src/components/ThemeToggle.vue +3 -3
- package/src/components/TimePicker.vue +21 -21
- package/src/components/TimeRangeInput.vue +5 -5
- package/src/components/ToastNotification.vue +8 -8
- package/src/components/Tooltip.vue +7 -7
- package/src/components/UnitInput.vue +12 -12
- package/src/components/WellEditPopup.vue +28 -28
- package/src/components/WellPlate.vue +37 -37
- package/src/composables/useAppExperiment.ts +1 -1
- package/src/composables/usePlatformContext.ts +16 -16
- package/src/composables/useProtocolTemplates.ts +1 -1
- package/src/install.ts +3 -3
- package/src/stores/auth.ts +3 -3
- package/src/stores/settings.ts +2 -2
- package/src/styles/components/alert-box.css +30 -30
- package/src/styles/components/app-avatar-menu.css +23 -23
- package/src/styles/components/app-container.css +6 -6
- package/src/styles/components/app-layout.css +15 -15
- package/src/styles/components/app-page-selector.css +26 -26
- package/src/styles/components/app-pill-nav.css +7 -7
- package/src/styles/components/app-plugin-switcher.css +27 -27
- package/src/styles/components/app-sidebar.css +24 -24
- package/src/styles/components/app-top-bar.css +65 -65
- package/src/styles/components/audit-trail.css +29 -29
- package/src/styles/components/auto-group-modal.css +91 -91
- package/src/styles/components/avatar.css +15 -15
- package/src/styles/components/batch-progress-list.css +40 -40
- package/src/styles/components/breadcrumb.css +8 -8
- package/src/styles/components/button.css +31 -31
- package/src/styles/components/calendar.css +27 -27
- package/src/styles/components/chart-container.css +9 -9
- package/src/styles/components/checkbox.css +20 -20
- package/src/styles/components/chemical-formula.css +8 -8
- package/src/styles/components/collapsible-card.css +35 -35
- package/src/styles/components/color-slider.css +8 -8
- package/src/styles/components/concentration-input.css +27 -27
- package/src/styles/components/confirm-dialog.css +32 -32
- package/src/styles/components/dataframe.css +66 -66
- package/src/styles/components/date-picker.css +40 -40
- package/src/styles/components/datetime-picker.css +37 -37
- package/src/styles/components/divider.css +13 -13
- package/src/styles/components/dose-calculator.css +43 -43
- package/src/styles/components/dropdown-button.css +46 -46
- package/src/styles/components/empty-state.css +44 -44
- package/src/styles/components/experiment-code-badge.css +8 -8
- package/src/styles/components/experiment-data-viewer.css +23 -23
- package/src/styles/components/experiment-popover.css +97 -97
- package/src/styles/components/experiment-selector-modal.css +39 -39
- package/src/styles/components/experiment-timeline.css +98 -98
- package/src/styles/components/file-uploader.css +44 -44
- package/src/styles/components/fit-panel.css +12 -12
- package/src/styles/components/form-builder.css +11 -11
- package/src/styles/components/form-field.css +7 -7
- package/src/styles/components/formula-input.css +17 -17
- package/src/styles/components/group-assigner.css +26 -26
- package/src/styles/components/grouping-modal.css +51 -51
- package/src/styles/components/icon-button.css +41 -41
- package/src/styles/components/input.css +13 -13
- package/src/styles/components/loading-spinner.css +12 -12
- package/src/styles/components/modal.css +69 -69
- package/src/styles/components/molecule-input.css +27 -27
- package/src/styles/components/multi-select.css +23 -23
- package/src/styles/components/number-input.css +32 -32
- package/src/styles/components/pill.css +37 -37
- package/src/styles/components/plate-map-editor.css +67 -67
- package/src/styles/components/progress-bar.css +41 -41
- package/src/styles/components/protocol-step-editor.css +63 -63
- package/src/styles/components/rack-editor.css +34 -34
- package/src/styles/components/radio-group.css +41 -41
- package/src/styles/components/reagent-editor.css +70 -70
- package/src/styles/components/reagent-list.css +65 -65
- package/src/styles/components/resource-card.css +52 -52
- package/src/styles/components/sample-hierarchy-tree.css +56 -56
- package/src/styles/components/sample-legend.css +37 -37
- package/src/styles/components/sample-selector.css +121 -121
- package/src/styles/components/schedule-calendar.css +67 -67
- package/src/styles/components/scientific-number.css +11 -11
- package/src/styles/components/segmented-control.css +33 -33
- package/src/styles/components/select.css +11 -11
- package/src/styles/components/sequence-input.css +29 -29
- package/src/styles/components/settings-button.css +16 -16
- package/src/styles/components/settings-modal.css +14 -14
- package/src/styles/components/skeleton.css +2 -2
- package/src/styles/components/slider.css +10 -10
- package/src/styles/components/status-indicator.css +12 -12
- package/src/styles/components/step-wizard.css +32 -32
- package/src/styles/components/tabs.css +16 -16
- package/src/styles/components/tags-input.css +46 -46
- package/src/styles/components/textarea.css +17 -17
- package/src/styles/components/theme-toggle.css +13 -13
- package/src/styles/components/time-picker.css +28 -28
- package/src/styles/components/time-range-input.css +8 -8
- package/src/styles/components/toast.css +18 -18
- package/src/styles/components/toggle.css +27 -27
- package/src/styles/components/tooltip.css +18 -18
- package/src/styles/components/unit-input.css +25 -25
- package/src/styles/components/well-edit-popup.css +32 -32
- package/src/styles/components/well-plate.css +49 -49
- package/src/styles/index.css +1 -1
- package/src/styles/variables.css +3 -3
- package/src/types/platform.ts +6 -6
- package/dist/auth-BYmxZdJl.js.map +0 -1
- package/dist/components-CKf-UpGi.js.map +0 -1
- package/dist/useScheduleDrag-DAJueTbK.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as useSettingsStore, t as useAuthStore } from "./auth-
|
|
1
|
+
import { r as useSettingsStore, t as useAuthStore } from "./auth-DsI0rQ7_.js";
|
|
2
2
|
import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, toDisplayString, toValue, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
|
|
3
3
|
import axios from "axios";
|
|
4
4
|
//#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -73,10 +73,10 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
|
|
|
73
73
|
"aria-invalid": __props.error || void 0,
|
|
74
74
|
"aria-describedby": __props.ariaDescribedby || void 0,
|
|
75
75
|
class: normalizeClass([
|
|
76
|
-
"
|
|
77
|
-
`
|
|
78
|
-
__props.error ? "
|
|
79
|
-
__props.disabled ? "
|
|
76
|
+
"mint-input",
|
|
77
|
+
`mint-input--${__props.size}`,
|
|
78
|
+
__props.error ? "mint-input--error" : "",
|
|
79
|
+
__props.disabled ? "mint-input--disabled" : ""
|
|
80
80
|
]),
|
|
81
81
|
onInput: handleInput,
|
|
82
82
|
onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
|
|
@@ -147,11 +147,11 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
|
|
|
147
147
|
"aria-invalid": props.error || void 0,
|
|
148
148
|
"aria-describedby": props.ariaDescribedby || void 0,
|
|
149
149
|
class: normalizeClass([
|
|
150
|
-
"
|
|
151
|
-
`
|
|
152
|
-
`
|
|
153
|
-
props.error ? "
|
|
154
|
-
props.disabled ? "
|
|
150
|
+
"mint-textarea",
|
|
151
|
+
`mint-textarea--${props.size}`,
|
|
152
|
+
`mint-textarea--resize-${props.resize}`,
|
|
153
|
+
props.error ? "mint-textarea--error" : "",
|
|
154
|
+
props.disabled ? "mint-textarea--disabled" : ""
|
|
155
155
|
]),
|
|
156
156
|
onInput: handleInput,
|
|
157
157
|
onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
|
|
@@ -162,7 +162,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
|
|
|
162
162
|
});
|
|
163
163
|
//#endregion
|
|
164
164
|
//#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
|
|
165
|
-
var _hoisted_1$16 = { class: "
|
|
165
|
+
var _hoisted_1$16 = { class: "mint-select" };
|
|
166
166
|
var _hoisted_2$15 = [
|
|
167
167
|
"value",
|
|
168
168
|
"disabled",
|
|
@@ -210,10 +210,10 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
210
210
|
"aria-invalid": __props.error || void 0,
|
|
211
211
|
"aria-describedby": __props.ariaDescribedby || void 0,
|
|
212
212
|
class: normalizeClass([
|
|
213
|
-
"
|
|
214
|
-
`
|
|
215
|
-
__props.error ? "
|
|
216
|
-
__props.disabled ? "
|
|
213
|
+
"mint-select__control",
|
|
214
|
+
`mint-select__control--${__props.size}`,
|
|
215
|
+
__props.error ? "mint-select__control--error" : "",
|
|
216
|
+
__props.disabled ? "mint-select__control--disabled" : ""
|
|
217
217
|
]),
|
|
218
218
|
onChange: handleChange
|
|
219
219
|
}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$14, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
|
|
@@ -222,7 +222,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
222
222
|
value: option.value,
|
|
223
223
|
disabled: option.disabled
|
|
224
224
|
}, toDisplayString(option.label), 9, _hoisted_4$13);
|
|
225
|
-
}), 128))], 42, _hoisted_2$15), _cache[0] || (_cache[0] = createElementVNode("div", { class: "
|
|
225
|
+
}), 128))], 42, _hoisted_2$15), _cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-select__icon" }, [createElementVNode("svg", {
|
|
226
226
|
fill: "none",
|
|
227
227
|
stroke: "currentColor",
|
|
228
228
|
"stroke-width": "2",
|
|
@@ -235,7 +235,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
235
235
|
});
|
|
236
236
|
//#endregion
|
|
237
237
|
//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
|
|
238
|
-
var _hoisted_1$15 = { class: "
|
|
238
|
+
var _hoisted_1$15 = { class: "mint-checkbox__input-wrapper" };
|
|
239
239
|
var _hoisted_2$14 = [
|
|
240
240
|
"checked",
|
|
241
241
|
"disabled",
|
|
@@ -267,20 +267,20 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
|
|
|
267
267
|
emit("update:modelValue", target.checked);
|
|
268
268
|
}
|
|
269
269
|
return (_ctx, _cache) => {
|
|
270
|
-
return openBlock(), createElementBlock("label", { class: normalizeClass(["
|
|
270
|
+
return openBlock(), createElementBlock("label", { class: normalizeClass(["mint-checkbox", props.disabled ? "mint-checkbox--disabled" : ""]) }, [createElementVNode("div", _hoisted_1$15, [createElementVNode("input", {
|
|
271
271
|
type: "checkbox",
|
|
272
272
|
checked: props.modelValue,
|
|
273
273
|
disabled: props.disabled,
|
|
274
274
|
"aria-label": props.label || "Checkbox",
|
|
275
|
-
class: "
|
|
275
|
+
class: "mint-checkbox__native",
|
|
276
276
|
onChange: handleChange
|
|
277
277
|
}, null, 40, _hoisted_2$14), createElementVNode("div", { class: normalizeClass([
|
|
278
|
-
"
|
|
279
|
-
`
|
|
280
|
-
props.modelValue ? "
|
|
278
|
+
"mint-checkbox__box",
|
|
279
|
+
`mint-checkbox__box--${props.size}`,
|
|
280
|
+
props.modelValue ? "mint-checkbox__box--checked" : ""
|
|
281
281
|
]) }, [props.modelValue ? (openBlock(), createElementBlock("svg", {
|
|
282
282
|
key: 0,
|
|
283
|
-
class: normalizeClass(["
|
|
283
|
+
class: normalizeClass(["mint-checkbox__icon", `mint-checkbox__icon--${props.size}`]),
|
|
284
284
|
fill: "none",
|
|
285
285
|
stroke: "currentColor",
|
|
286
286
|
viewBox: "0 0 24 24",
|
|
@@ -292,7 +292,7 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
|
|
|
292
292
|
d: "M5 13l4 4L19 7"
|
|
293
293
|
}, null, -1)])], 2)) : createCommentVNode("", true)], 2)]), props.label ? (openBlock(), createElementBlock("span", {
|
|
294
294
|
key: 0,
|
|
295
|
-
class: normalizeClass(["
|
|
295
|
+
class: normalizeClass(["mint-checkbox__label", `mint-checkbox__label--${props.size}`])
|
|
296
296
|
}, toDisplayString(props.label), 3)) : createCommentVNode("", true)], 2);
|
|
297
297
|
};
|
|
298
298
|
}
|
|
@@ -341,9 +341,9 @@ var BaseToggle_default = /* @__PURE__ */ defineComponent({
|
|
|
341
341
|
return (_ctx, _cache) => {
|
|
342
342
|
return openBlock(), createElementBlock("div", {
|
|
343
343
|
class: normalizeClass([
|
|
344
|
-
"
|
|
345
|
-
__props.reverse ? "
|
|
346
|
-
__props.disabled ? "
|
|
344
|
+
"mint-toggle",
|
|
345
|
+
__props.reverse ? "mint-toggle--reverse" : "",
|
|
346
|
+
__props.disabled ? "mint-toggle--disabled" : ""
|
|
347
347
|
]),
|
|
348
348
|
onClick: toggle
|
|
349
349
|
}, [createElementVNode("div", {
|
|
@@ -352,18 +352,18 @@ var BaseToggle_default = /* @__PURE__ */ defineComponent({
|
|
|
352
352
|
"aria-checked": __props.modelValue,
|
|
353
353
|
"aria-label": __props.label || "Toggle",
|
|
354
354
|
class: normalizeClass([
|
|
355
|
-
"
|
|
356
|
-
`
|
|
357
|
-
__props.modelValue ? "
|
|
355
|
+
"mint-toggle__track",
|
|
356
|
+
`mint-toggle__track--${__props.size}`,
|
|
357
|
+
__props.modelValue ? "mint-toggle__track--on" : "mint-toggle__track--off"
|
|
358
358
|
]),
|
|
359
359
|
onKeydown: handleKeydown
|
|
360
360
|
}, [createElementVNode("span", { class: normalizeClass([
|
|
361
|
-
"
|
|
362
|
-
`
|
|
363
|
-
__props.modelValue ? `
|
|
361
|
+
"mint-toggle__knob",
|
|
362
|
+
`mint-toggle__knob--${__props.size}`,
|
|
363
|
+
__props.modelValue ? `mint-toggle__knob--on-${__props.size}` : "mint-toggle__knob--off"
|
|
364
364
|
]) }, null, 2)], 42, _hoisted_1$14), __props.label ? (openBlock(), createElementBlock("span", {
|
|
365
365
|
key: 0,
|
|
366
|
-
class: normalizeClass(["
|
|
366
|
+
class: normalizeClass(["mint-toggle__label", `mint-toggle__label--${__props.size}`])
|
|
367
367
|
}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)], 2);
|
|
368
368
|
};
|
|
369
369
|
}
|
|
@@ -378,7 +378,7 @@ var _hoisted_1$13 = [
|
|
|
378
378
|
"aria-describedby",
|
|
379
379
|
"onChange"
|
|
380
380
|
];
|
|
381
|
-
var _hoisted_2$13 = { class: "
|
|
381
|
+
var _hoisted_2$13 = { class: "mint-radio-option__content" };
|
|
382
382
|
var _hoisted_3$13 = ["id"];
|
|
383
383
|
var _hoisted_4$12 = [
|
|
384
384
|
"name",
|
|
@@ -388,8 +388,8 @@ var _hoisted_4$12 = [
|
|
|
388
388
|
"aria-describedby",
|
|
389
389
|
"onChange"
|
|
390
390
|
];
|
|
391
|
-
var _hoisted_5$10 = { class: "
|
|
392
|
-
var _hoisted_6$10 = { class: "
|
|
391
|
+
var _hoisted_5$10 = { class: "mint-radio-option__head" };
|
|
392
|
+
var _hoisted_6$10 = { class: "mint-radio-option__title" };
|
|
393
393
|
var _hoisted_7$9 = ["id"];
|
|
394
394
|
//#endregion
|
|
395
395
|
//#region src/components/BaseRadioGroup.vue
|
|
@@ -418,39 +418,39 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
|
|
|
418
418
|
return (_ctx, _cache) => {
|
|
419
419
|
return openBlock(), createElementBlock("div", {
|
|
420
420
|
class: normalizeClass([
|
|
421
|
-
"
|
|
422
|
-
`
|
|
423
|
-
`
|
|
421
|
+
"mint-radio-group",
|
|
422
|
+
`mint-radio-group--${props.direction}`,
|
|
423
|
+
`mint-radio-group--${props.variant}`
|
|
424
424
|
]),
|
|
425
425
|
role: "radiogroup"
|
|
426
426
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (option) => {
|
|
427
427
|
return openBlock(), createElementBlock("label", {
|
|
428
428
|
key: String(option.value),
|
|
429
429
|
class: normalizeClass([
|
|
430
|
-
"
|
|
431
|
-
props.modelValue === option.value ? "
|
|
432
|
-
props.disabled || option.disabled ? "
|
|
430
|
+
"mint-radio-option",
|
|
431
|
+
props.modelValue === option.value ? "mint-radio-option--selected" : "",
|
|
432
|
+
props.disabled || option.disabled ? "mint-radio-option--disabled" : ""
|
|
433
433
|
])
|
|
434
|
-
}, [props.variant === "list" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(["
|
|
434
|
+
}, [props.variant === "list" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(["mint-radio-option__input-wrapper", `mint-radio-option__input-wrapper--${props.size}`]) }, [createElementVNode("input", {
|
|
435
435
|
type: "radio",
|
|
436
436
|
name: props.name,
|
|
437
437
|
value: option.value,
|
|
438
438
|
checked: props.modelValue === option.value,
|
|
439
439
|
disabled: props.disabled || option.disabled,
|
|
440
440
|
"aria-describedby": option.description ? `${props.name}-${option.value}-desc` : void 0,
|
|
441
|
-
class: "
|
|
441
|
+
class: "mint-radio-option__native",
|
|
442
442
|
onChange: ($event) => handleChange(option.value)
|
|
443
443
|
}, null, 40, _hoisted_1$13), createElementVNode("div", { class: normalizeClass([
|
|
444
|
-
"
|
|
445
|
-
`
|
|
446
|
-
props.modelValue === option.value ? "
|
|
444
|
+
"mint-radio-option__circle",
|
|
445
|
+
`mint-radio-option__circle--${props.size}`,
|
|
446
|
+
props.modelValue === option.value ? "mint-radio-option__circle--checked" : ""
|
|
447
447
|
]) }, [props.modelValue === option.value ? (openBlock(), createElementBlock("div", {
|
|
448
448
|
key: 0,
|
|
449
|
-
class: normalizeClass(["
|
|
450
|
-
}, null, 2)) : createCommentVNode("", true)], 2)], 2), createElementVNode("div", _hoisted_2$13, [createElementVNode("span", { class: normalizeClass(["
|
|
449
|
+
class: normalizeClass(["mint-radio-option__dot", `mint-radio-option__dot--${props.size}`])
|
|
450
|
+
}, null, 2)) : createCommentVNode("", true)], 2)], 2), createElementVNode("div", _hoisted_2$13, [createElementVNode("span", { class: normalizeClass(["mint-radio-option__label", `mint-radio-option__label--${props.size}`]) }, toDisplayString(option.label), 3), option.description ? (openBlock(), createElementBlock("span", {
|
|
451
451
|
key: 0,
|
|
452
452
|
id: `${props.name}-${option.value}-desc`,
|
|
453
|
-
class: normalizeClass(["
|
|
453
|
+
class: normalizeClass(["mint-radio-option__description", `mint-radio-option__description--${props.size}`])
|
|
454
454
|
}, toDisplayString(option.description), 11, _hoisted_3$13)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
455
455
|
createElementVNode("input", {
|
|
456
456
|
type: "radio",
|
|
@@ -459,21 +459,21 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
|
|
|
459
459
|
checked: props.modelValue === option.value,
|
|
460
460
|
disabled: props.disabled || option.disabled,
|
|
461
461
|
"aria-describedby": option.description ? `${props.name}-${option.value}-desc` : void 0,
|
|
462
|
-
class: "
|
|
462
|
+
class: "mint-radio-option__native",
|
|
463
463
|
onChange: ($event) => handleChange(option.value)
|
|
464
464
|
}, null, 40, _hoisted_4$12),
|
|
465
465
|
createElementVNode("div", _hoisted_5$10, [createElementVNode("div", { class: normalizeClass([
|
|
466
|
-
"
|
|
467
|
-
`
|
|
468
|
-
props.modelValue === option.value ? "
|
|
466
|
+
"mint-radio-option__circle",
|
|
467
|
+
`mint-radio-option__circle--${props.size}`,
|
|
468
|
+
props.modelValue === option.value ? "mint-radio-option__circle--checked" : ""
|
|
469
469
|
]) }, [props.modelValue === option.value ? (openBlock(), createElementBlock("div", {
|
|
470
470
|
key: 0,
|
|
471
|
-
class: normalizeClass(["
|
|
471
|
+
class: normalizeClass(["mint-radio-option__dot", `mint-radio-option__dot--${props.size}`])
|
|
472
472
|
}, null, 2)) : createCommentVNode("", true)], 2), createElementVNode("span", _hoisted_6$10, toDisplayString(option.label), 1)]),
|
|
473
473
|
option.description ? (openBlock(), createElementBlock("span", {
|
|
474
474
|
key: 0,
|
|
475
475
|
id: `${props.name}-${option.value}-desc`,
|
|
476
|
-
class: "
|
|
476
|
+
class: "mint-radio-option__description"
|
|
477
477
|
}, toDisplayString(option.description), 9, _hoisted_7$9)) : createCommentVNode("", true)
|
|
478
478
|
], 64))], 2);
|
|
479
479
|
}), 128))], 2);
|
|
@@ -482,7 +482,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
|
|
|
482
482
|
});
|
|
483
483
|
//#endregion
|
|
484
484
|
//#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
|
|
485
|
-
var _hoisted_1$12 = { class: "
|
|
485
|
+
var _hoisted_1$12 = { class: "mint-slider__container" };
|
|
486
486
|
var _hoisted_2$12 = [
|
|
487
487
|
"value",
|
|
488
488
|
"min",
|
|
@@ -496,7 +496,7 @@ var _hoisted_2$12 = [
|
|
|
496
496
|
];
|
|
497
497
|
var _hoisted_3$12 = {
|
|
498
498
|
key: 0,
|
|
499
|
-
class: "
|
|
499
|
+
class: "mint-slider__value"
|
|
500
500
|
};
|
|
501
501
|
//#endregion
|
|
502
502
|
//#region src/components/BaseSlider.vue
|
|
@@ -556,13 +556,13 @@ var BaseSlider_default = /* @__PURE__ */ defineComponent({
|
|
|
556
556
|
emit("update:modelValue", Number(target.value));
|
|
557
557
|
}
|
|
558
558
|
return (_ctx, _cache) => {
|
|
559
|
-
return openBlock(), createElementBlock("div", { class: normalizeClass(["
|
|
559
|
+
return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-slider", { "mint-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$12, [
|
|
560
560
|
createElementVNode("div", {
|
|
561
|
-
class: "
|
|
561
|
+
class: "mint-slider__track",
|
|
562
562
|
style: normalizeStyle({ height: `${sizeConfig.value.height}px` })
|
|
563
563
|
}, null, 4),
|
|
564
564
|
createElementVNode("div", {
|
|
565
|
-
class: "
|
|
565
|
+
class: "mint-slider__fill",
|
|
566
566
|
style: normalizeStyle({
|
|
567
567
|
height: `${sizeConfig.value.height}px`,
|
|
568
568
|
width: thumbPosition.value
|
|
@@ -570,7 +570,7 @@ var BaseSlider_default = /* @__PURE__ */ defineComponent({
|
|
|
570
570
|
}, null, 4),
|
|
571
571
|
createElementVNode("input", {
|
|
572
572
|
type: "range",
|
|
573
|
-
class: "
|
|
573
|
+
class: "mint-slider__input",
|
|
574
574
|
value: currentValue.value,
|
|
575
575
|
min: __props.min,
|
|
576
576
|
max: __props.max,
|
|
@@ -587,7 +587,7 @@ var BaseSlider_default = /* @__PURE__ */ defineComponent({
|
|
|
587
587
|
onTouchend: _cache[3] || (_cache[3] = ($event) => isDragging.value = false)
|
|
588
588
|
}, null, 40, _hoisted_2$12),
|
|
589
589
|
createElementVNode("div", {
|
|
590
|
-
class: normalizeClass(["
|
|
590
|
+
class: normalizeClass(["mint-slider__thumb", { "mint-slider__thumb--dragging": isDragging.value }]),
|
|
591
591
|
style: normalizeStyle({
|
|
592
592
|
width: `${sizeConfig.value.thumb}px`,
|
|
593
593
|
height: `${sizeConfig.value.thumb}px`,
|
|
@@ -602,10 +602,10 @@ var BaseSlider_default = /* @__PURE__ */ defineComponent({
|
|
|
602
602
|
//#region src/components/MultiSelect.vue?vue&type=script&setup=true&lang.ts
|
|
603
603
|
var _hoisted_1$11 = {
|
|
604
604
|
key: 0,
|
|
605
|
-
class: "
|
|
605
|
+
class: "mint-multi-select__placeholder"
|
|
606
606
|
};
|
|
607
607
|
var _hoisted_2$11 = {
|
|
608
|
-
class: "
|
|
608
|
+
class: "mint-multi-select__options",
|
|
609
609
|
role: "group"
|
|
610
610
|
};
|
|
611
611
|
var _hoisted_3$11 = [
|
|
@@ -614,10 +614,10 @@ var _hoisted_3$11 = [
|
|
|
614
614
|
"onClick",
|
|
615
615
|
"onKeydown"
|
|
616
616
|
];
|
|
617
|
-
var _hoisted_4$11 = { class: "
|
|
617
|
+
var _hoisted_4$11 = { class: "mint-multi-select__chip-label" };
|
|
618
618
|
var _hoisted_5$9 = {
|
|
619
619
|
key: 0,
|
|
620
|
-
class: "
|
|
620
|
+
class: "mint-multi-select__chip-check",
|
|
621
621
|
viewBox: "0 0 24 24",
|
|
622
622
|
fill: "none",
|
|
623
623
|
stroke: "currentColor",
|
|
@@ -627,7 +627,7 @@ var _hoisted_5$9 = {
|
|
|
627
627
|
};
|
|
628
628
|
var _hoisted_6$9 = {
|
|
629
629
|
key: 1,
|
|
630
|
-
class: "
|
|
630
|
+
class: "mint-multi-select__summary"
|
|
631
631
|
};
|
|
632
632
|
//#endregion
|
|
633
633
|
//#region src/components/MultiSelect.vue
|
|
@@ -672,9 +672,9 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
672
672
|
});
|
|
673
673
|
return (_ctx, _cache) => {
|
|
674
674
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
675
|
-
"
|
|
676
|
-
`
|
|
677
|
-
__props.disabled ? "
|
|
675
|
+
"mint-multi-select",
|
|
676
|
+
`mint-multi-select--${__props.size}`,
|
|
677
|
+
__props.disabled ? "mint-multi-select--disabled" : ""
|
|
678
678
|
]) }, [
|
|
679
679
|
__props.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$11, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
|
|
680
680
|
createElementVNode("div", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
|
|
@@ -685,11 +685,11 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
685
685
|
"aria-checked": isSelected(option.value),
|
|
686
686
|
disabled: __props.disabled || option.disabled || !isSelected(option.value) && !canSelectMore.value,
|
|
687
687
|
class: normalizeClass([
|
|
688
|
-
"
|
|
689
|
-
`
|
|
690
|
-
isSelected(option.value) ? "
|
|
691
|
-
option.disabled ? "
|
|
692
|
-
!isSelected(option.value) && !canSelectMore.value ? "
|
|
688
|
+
"mint-multi-select__chip",
|
|
689
|
+
`mint-multi-select__chip--${__props.size}`,
|
|
690
|
+
isSelected(option.value) ? "mint-multi-select__chip--active" : "",
|
|
691
|
+
option.disabled ? "mint-multi-select__chip--disabled" : "",
|
|
692
|
+
!isSelected(option.value) && !canSelectMore.value ? "mint-multi-select__chip--disabled" : ""
|
|
693
693
|
]),
|
|
694
694
|
onClick: ($event) => toggleOption(option),
|
|
695
695
|
onKeydown: ($event) => handleKeydown($event, option)
|
|
@@ -707,17 +707,17 @@ var _hoisted_1$10 = [
|
|
|
707
707
|
"placeholder",
|
|
708
708
|
"disabled"
|
|
709
709
|
];
|
|
710
|
-
var _hoisted_2$10 = { class: "
|
|
711
|
-
var _hoisted_3$10 = { class: "
|
|
712
|
-
var _hoisted_4$10 = { class: "
|
|
713
|
-
var _hoisted_5$8 = { class: "
|
|
710
|
+
var _hoisted_2$10 = { class: "mint-date-picker__header" };
|
|
711
|
+
var _hoisted_3$10 = { class: "mint-date-picker__month-year" };
|
|
712
|
+
var _hoisted_4$10 = { class: "mint-date-picker__weekdays" };
|
|
713
|
+
var _hoisted_5$8 = { class: "mint-date-picker__grid" };
|
|
714
714
|
var _hoisted_6$8 = [
|
|
715
715
|
"disabled",
|
|
716
716
|
"aria-label",
|
|
717
717
|
"aria-selected",
|
|
718
718
|
"onClick"
|
|
719
719
|
];
|
|
720
|
-
var _hoisted_7$8 = { class: "
|
|
720
|
+
var _hoisted_7$8 = { class: "mint-date-picker__footer" };
|
|
721
721
|
//#endregion
|
|
722
722
|
//#region src/components/DatePicker.vue
|
|
723
723
|
var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
@@ -900,11 +900,11 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
900
900
|
return openBlock(), createElementBlock("div", {
|
|
901
901
|
ref_key: "containerRef",
|
|
902
902
|
ref: containerRef,
|
|
903
|
-
class: "
|
|
903
|
+
class: "mint-date-picker"
|
|
904
904
|
}, [createElementVNode("div", {
|
|
905
905
|
ref_key: "inputRef",
|
|
906
906
|
ref: inputRef,
|
|
907
|
-
class: "
|
|
907
|
+
class: "mint-date-picker__input-wrapper"
|
|
908
908
|
}, [createElementVNode("input", {
|
|
909
909
|
type: "text",
|
|
910
910
|
readonly: "",
|
|
@@ -912,25 +912,25 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
912
912
|
placeholder: __props.placeholder || "Select date",
|
|
913
913
|
disabled: __props.disabled,
|
|
914
914
|
class: normalizeClass([
|
|
915
|
-
"
|
|
916
|
-
`
|
|
917
|
-
__props.error ? "
|
|
918
|
-
__props.disabled ? "
|
|
915
|
+
"mint-date-picker__input",
|
|
916
|
+
`mint-date-picker__input--${__props.size}`,
|
|
917
|
+
__props.error ? "mint-date-picker__input--error" : "",
|
|
918
|
+
__props.disabled ? "mint-date-picker__input--disabled" : ""
|
|
919
919
|
]),
|
|
920
920
|
onClick: toggleCalendar
|
|
921
|
-
}, null, 10, _hoisted_1$10), _cache[0] || (_cache[0] = createStaticVNode("<div class=\"
|
|
922
|
-
"enter-active-class": "
|
|
923
|
-
"enter-from-class": "
|
|
924
|
-
"enter-to-class": "
|
|
925
|
-
"leave-active-class": "
|
|
926
|
-
"leave-from-class": "
|
|
927
|
-
"leave-to-class": "
|
|
921
|
+
}, null, 10, _hoisted_1$10), _cache[0] || (_cache[0] = createStaticVNode("<div class=\"mint-date-picker__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1))], 512), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
|
|
922
|
+
"enter-active-class": "mint-date-picker__dropdown-enter-active",
|
|
923
|
+
"enter-from-class": "mint-date-picker__dropdown-enter-from",
|
|
924
|
+
"enter-to-class": "mint-date-picker__dropdown-enter-to",
|
|
925
|
+
"leave-active-class": "mint-date-picker__dropdown-leave-active",
|
|
926
|
+
"leave-from-class": "mint-date-picker__dropdown-leave-from",
|
|
927
|
+
"leave-to-class": "mint-date-picker__dropdown-leave-to"
|
|
928
928
|
}, {
|
|
929
929
|
default: withCtx(() => [isOpen.value ? (openBlock(), createElementBlock("div", {
|
|
930
930
|
key: 0,
|
|
931
931
|
ref_key: "dropdownRef",
|
|
932
932
|
ref: dropdownRef,
|
|
933
|
-
class: "
|
|
933
|
+
class: "mint-date-picker__dropdown",
|
|
934
934
|
style: normalizeStyle(dropdownStyle.value),
|
|
935
935
|
role: "dialog",
|
|
936
936
|
"aria-modal": "true",
|
|
@@ -940,7 +940,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
940
940
|
createElementVNode("button", {
|
|
941
941
|
type: "button",
|
|
942
942
|
"aria-label": "Previous month",
|
|
943
|
-
class: "
|
|
943
|
+
class: "mint-date-picker__nav-btn",
|
|
944
944
|
onClick: prevMonth
|
|
945
945
|
}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
|
|
946
946
|
viewBox: "0 0 24 24",
|
|
@@ -954,7 +954,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
954
954
|
createElementVNode("button", {
|
|
955
955
|
type: "button",
|
|
956
956
|
"aria-label": "Next month",
|
|
957
|
-
class: "
|
|
957
|
+
class: "mint-date-picker__nav-btn",
|
|
958
958
|
onClick: nextMonth
|
|
959
959
|
}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
|
|
960
960
|
viewBox: "0 0 24 24",
|
|
@@ -968,7 +968,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
968
968
|
createElementVNode("div", _hoisted_4$10, [(openBlock(), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
|
|
969
969
|
return createElementVNode("div", {
|
|
970
970
|
key: day,
|
|
971
|
-
class: "
|
|
971
|
+
class: "mint-date-picker__weekday"
|
|
972
972
|
}, toDisplayString(day), 1);
|
|
973
973
|
}), 64))]),
|
|
974
974
|
createElementVNode("div", _hoisted_5$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, index) => {
|
|
@@ -984,23 +984,23 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
984
984
|
}),
|
|
985
985
|
"aria-selected": isSameDay(day.date, selectedDate.value),
|
|
986
986
|
class: normalizeClass([
|
|
987
|
-
"
|
|
988
|
-
!day.isCurrentMonth ? "
|
|
989
|
-
day.isDisabled ? "
|
|
990
|
-
isSameDay(day.date, selectedDate.value) ? "
|
|
991
|
-
isToday(day.date) && !isSameDay(day.date, selectedDate.value) ? "
|
|
987
|
+
"mint-date-picker__day",
|
|
988
|
+
!day.isCurrentMonth ? "mint-date-picker__day--other-month" : "",
|
|
989
|
+
day.isDisabled ? "mint-date-picker__day--disabled" : "",
|
|
990
|
+
isSameDay(day.date, selectedDate.value) ? "mint-date-picker__day--selected" : "",
|
|
991
|
+
isToday(day.date) && !isSameDay(day.date, selectedDate.value) ? "mint-date-picker__day--today" : ""
|
|
992
992
|
]),
|
|
993
993
|
onClick: ($event) => selectDate(day)
|
|
994
994
|
}, toDisplayString(day.date.getDate()), 11, _hoisted_6$8);
|
|
995
995
|
}), 128))]),
|
|
996
996
|
createElementVNode("div", _hoisted_7$8, [createElementVNode("button", {
|
|
997
997
|
type: "button",
|
|
998
|
-
class: "
|
|
998
|
+
class: "mint-date-picker__footer-btn mint-date-picker__today-btn",
|
|
999
999
|
onClick: goToToday
|
|
1000
1000
|
}, " Today "), __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
|
|
1001
1001
|
key: 0,
|
|
1002
1002
|
type: "button",
|
|
1003
|
-
class: "
|
|
1003
|
+
class: "mint-date-picker__footer-btn mint-date-picker__clear-btn",
|
|
1004
1004
|
onClick: clear
|
|
1005
1005
|
}, " Clear ")) : createCommentVNode("", true)])
|
|
1006
1006
|
], 4)) : createCommentVNode("", true)]),
|
|
@@ -1118,7 +1118,7 @@ function useTimeUtils() {
|
|
|
1118
1118
|
}
|
|
1119
1119
|
//#endregion
|
|
1120
1120
|
//#region src/components/TimePicker.vue?vue&type=script&setup=true&lang.ts
|
|
1121
|
-
var _hoisted_1$9 = { class: "
|
|
1121
|
+
var _hoisted_1$9 = { class: "mint-time-picker__input-wrapper" };
|
|
1122
1122
|
var _hoisted_2$9 = [
|
|
1123
1123
|
"value",
|
|
1124
1124
|
"placeholder",
|
|
@@ -1127,7 +1127,7 @@ var _hoisted_2$9 = [
|
|
|
1127
1127
|
];
|
|
1128
1128
|
var _hoisted_3$9 = {
|
|
1129
1129
|
key: 0,
|
|
1130
|
-
class: "
|
|
1130
|
+
class: "mint-time-picker__dropdown"
|
|
1131
1131
|
};
|
|
1132
1132
|
var _hoisted_4$9 = [
|
|
1133
1133
|
"aria-selected",
|
|
@@ -1200,7 +1200,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1200
1200
|
function scrollToActiveSlot() {
|
|
1201
1201
|
nextTick(() => {
|
|
1202
1202
|
if (!listRef.value) return;
|
|
1203
|
-
const activeEl = listRef.value.querySelector(".
|
|
1203
|
+
const activeEl = listRef.value.querySelector(".mint-time-picker__slot--active");
|
|
1204
1204
|
if (activeEl) activeEl.scrollIntoView({ block: "center" });
|
|
1205
1205
|
else if (props.modelValue) {
|
|
1206
1206
|
const nearestIndex = findNearestSlotIndex(props.modelValue);
|
|
@@ -1292,7 +1292,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1292
1292
|
return openBlock(), createElementBlock("div", {
|
|
1293
1293
|
ref_key: "containerRef",
|
|
1294
1294
|
ref: containerRef,
|
|
1295
|
-
class: "
|
|
1295
|
+
class: "mint-time-picker",
|
|
1296
1296
|
onKeydown: handleKeydown
|
|
1297
1297
|
}, [createElementVNode("div", _hoisted_1$9, [
|
|
1298
1298
|
createElementVNode("input", {
|
|
@@ -1302,10 +1302,10 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1302
1302
|
placeholder: __props.placeholder,
|
|
1303
1303
|
disabled: __props.disabled,
|
|
1304
1304
|
class: normalizeClass([
|
|
1305
|
-
"
|
|
1306
|
-
`
|
|
1307
|
-
__props.error ? "
|
|
1308
|
-
__props.disabled ? "
|
|
1305
|
+
"mint-time-picker__input",
|
|
1306
|
+
`mint-time-picker__input--${__props.size}`,
|
|
1307
|
+
__props.error ? "mint-time-picker__input--error" : "",
|
|
1308
|
+
__props.disabled ? "mint-time-picker__input--disabled" : ""
|
|
1309
1309
|
]),
|
|
1310
1310
|
role: "combobox",
|
|
1311
1311
|
"aria-haspopup": "listbox",
|
|
@@ -1315,7 +1315,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1315
1315
|
__props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
|
|
1316
1316
|
key: 0,
|
|
1317
1317
|
type: "button",
|
|
1318
|
-
class: "
|
|
1318
|
+
class: "mint-time-picker__clear-btn",
|
|
1319
1319
|
"aria-label": "Clear time",
|
|
1320
1320
|
onClick: withModifiers(clear, ["stop"])
|
|
1321
1321
|
}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
|
|
@@ -1326,7 +1326,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1326
1326
|
"stroke-linecap": "round",
|
|
1327
1327
|
"stroke-linejoin": "round"
|
|
1328
1328
|
}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])) : createCommentVNode("", true),
|
|
1329
|
-
_cache[1] || (_cache[1] = createElementVNode("div", { class: "
|
|
1329
|
+
_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-time-picker__icon" }, [createElementVNode("svg", {
|
|
1330
1330
|
viewBox: "0 0 24 24",
|
|
1331
1331
|
fill: "none",
|
|
1332
1332
|
stroke: "currentColor",
|
|
@@ -1339,17 +1339,17 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1339
1339
|
r: "10"
|
|
1340
1340
|
}), createElementVNode("path", { d: "M12 6v6l4 2" })])], -1))
|
|
1341
1341
|
]), createVNode(Transition, {
|
|
1342
|
-
"enter-active-class": "
|
|
1343
|
-
"enter-from-class": "
|
|
1344
|
-
"enter-to-class": "
|
|
1345
|
-
"leave-active-class": "
|
|
1346
|
-
"leave-from-class": "
|
|
1347
|
-
"leave-to-class": "
|
|
1342
|
+
"enter-active-class": "mint-time-picker__dropdown-enter-active",
|
|
1343
|
+
"enter-from-class": "mint-time-picker__dropdown-enter-from",
|
|
1344
|
+
"enter-to-class": "mint-time-picker__dropdown-enter-to",
|
|
1345
|
+
"leave-active-class": "mint-time-picker__dropdown-leave-active",
|
|
1346
|
+
"leave-from-class": "mint-time-picker__dropdown-leave-from",
|
|
1347
|
+
"leave-to-class": "mint-time-picker__dropdown-leave-to"
|
|
1348
1348
|
}, {
|
|
1349
1349
|
default: withCtx(() => [isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [createElementVNode("ul", {
|
|
1350
1350
|
ref_key: "listRef",
|
|
1351
1351
|
ref: listRef,
|
|
1352
|
-
class: "
|
|
1352
|
+
class: "mint-time-picker__list",
|
|
1353
1353
|
role: "listbox",
|
|
1354
1354
|
"aria-label": "Available times"
|
|
1355
1355
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (slot, index) => {
|
|
@@ -1359,10 +1359,10 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1359
1359
|
"aria-selected": slot === __props.modelValue,
|
|
1360
1360
|
"aria-disabled": isSlotDisabled(slot),
|
|
1361
1361
|
class: normalizeClass([
|
|
1362
|
-
"
|
|
1363
|
-
slot === __props.modelValue ? "
|
|
1364
|
-
isSlotDisabled(slot) ? "
|
|
1365
|
-
index === highlightedIndex.value && !isSlotDisabled(slot) ? "
|
|
1362
|
+
"mint-time-picker__slot",
|
|
1363
|
+
slot === __props.modelValue ? "mint-time-picker__slot--active" : "",
|
|
1364
|
+
isSlotDisabled(slot) ? "mint-time-picker__slot--disabled" : "",
|
|
1365
|
+
index === highlightedIndex.value && !isSlotDisabled(slot) ? "mint-time-picker__slot--highlighted" : ""
|
|
1366
1366
|
]),
|
|
1367
1367
|
onClick: ($event) => selectSlot(slot)
|
|
1368
1368
|
}, toDisplayString(unref(formatTime)(unref(parseTime)(slot).hour, unref(parseTime)(slot).minute, __props.format)), 11, _hoisted_4$9);
|
|
@@ -1376,19 +1376,19 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
1376
1376
|
//#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
|
|
1377
1377
|
var _hoisted_1$8 = {
|
|
1378
1378
|
key: 0,
|
|
1379
|
-
class: "
|
|
1379
|
+
class: "mint-tags-input__categories"
|
|
1380
1380
|
};
|
|
1381
1381
|
var _hoisted_2$8 = ["disabled", "onClick"];
|
|
1382
1382
|
var _hoisted_3$8 = ["aria-label", "onClick"];
|
|
1383
1383
|
var _hoisted_4$8 = ["placeholder", "disabled"];
|
|
1384
1384
|
var _hoisted_5$7 = {
|
|
1385
1385
|
key: 0,
|
|
1386
|
-
class: "
|
|
1386
|
+
class: "mint-tags-input__dropdown"
|
|
1387
1387
|
};
|
|
1388
1388
|
var _hoisted_6$7 = ["onMousedown"];
|
|
1389
1389
|
var _hoisted_7$7 = {
|
|
1390
1390
|
key: 0,
|
|
1391
|
-
class: "
|
|
1391
|
+
class: "mint-tags-input__dropdown-count"
|
|
1392
1392
|
};
|
|
1393
1393
|
//#endregion
|
|
1394
1394
|
//#region src/components/TagsInput.vue
|
|
@@ -1518,43 +1518,43 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1518
1518
|
}
|
|
1519
1519
|
return (_ctx, _cache) => {
|
|
1520
1520
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
1521
|
-
"
|
|
1522
|
-
`
|
|
1523
|
-
__props.error ? "
|
|
1524
|
-
__props.disabled ? "
|
|
1525
|
-
__props.categories.length ? "
|
|
1521
|
+
"mint-tags-input",
|
|
1522
|
+
`mint-tags-input--${__props.size}`,
|
|
1523
|
+
__props.error ? "mint-tags-input--error" : "",
|
|
1524
|
+
__props.disabled ? "mint-tags-input--disabled" : "",
|
|
1525
|
+
__props.categories.length ? "mint-tags-input--categorized" : ""
|
|
1526
1526
|
]) }, [__props.categories.length ? (openBlock(), createElementBlock("div", _hoisted_1$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.categories, (cat) => {
|
|
1527
1527
|
return openBlock(), createElementBlock("button", {
|
|
1528
1528
|
key: cat.prefix,
|
|
1529
1529
|
type: "button",
|
|
1530
1530
|
class: normalizeClass([
|
|
1531
|
-
"
|
|
1532
|
-
`
|
|
1533
|
-
__props.activeCategory === cat.prefix ? "
|
|
1531
|
+
"mint-tags-input__category",
|
|
1532
|
+
`mint-tags-input__category--${cat.color ?? "neutral"}`,
|
|
1533
|
+
__props.activeCategory === cat.prefix ? "mint-tags-input__category--active" : ""
|
|
1534
1534
|
]),
|
|
1535
1535
|
disabled: __props.disabled,
|
|
1536
1536
|
onClick: ($event) => setCategory(cat.prefix)
|
|
1537
1537
|
}, toDisplayString(cat.name), 11, _hoisted_2$8);
|
|
1538
1538
|
}), 128))])) : createCommentVNode("", true), createElementVNode("div", {
|
|
1539
|
-
class: "
|
|
1539
|
+
class: "mint-tags-input__field",
|
|
1540
1540
|
onClick: focusInput
|
|
1541
1541
|
}, [
|
|
1542
1542
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, index) => {
|
|
1543
1543
|
return openBlock(), createElementBlock("span", {
|
|
1544
1544
|
key: `${tag}-${index}`,
|
|
1545
1545
|
class: normalizeClass([
|
|
1546
|
-
"
|
|
1547
|
-
`
|
|
1548
|
-
categoryFor(tag) ? `
|
|
1546
|
+
"mint-tags-input__tag",
|
|
1547
|
+
`mint-tags-input__tag--${__props.size}`,
|
|
1548
|
+
categoryFor(tag) ? `mint-tags-input__tag--${categoryFor(tag)?.color ?? "neutral"}` : ""
|
|
1549
1549
|
])
|
|
1550
1550
|
}, [createTextVNode(toDisplayString(tag) + " ", 1), !__props.disabled ? (openBlock(), createElementBlock("button", {
|
|
1551
1551
|
key: 0,
|
|
1552
1552
|
type: "button",
|
|
1553
1553
|
"aria-label": `Remove ${tag}`,
|
|
1554
|
-
class: "
|
|
1554
|
+
class: "mint-tags-input__tag-remove",
|
|
1555
1555
|
onClick: withModifiers(($event) => removeTag(index), ["stop"])
|
|
1556
1556
|
}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
|
|
1557
|
-
class: "
|
|
1557
|
+
class: "mint-tags-input__tag-remove-icon",
|
|
1558
1558
|
fill: "none",
|
|
1559
1559
|
stroke: "currentColor",
|
|
1560
1560
|
"stroke-width": "2",
|
|
@@ -1570,7 +1570,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1570
1570
|
type: "text",
|
|
1571
1571
|
placeholder: __props.modelValue.length === 0 ? __props.placeholder : "",
|
|
1572
1572
|
disabled: __props.disabled || !canAddMore.value,
|
|
1573
|
-
class: normalizeClass(["
|
|
1573
|
+
class: normalizeClass(["mint-tags-input__input", `mint-tags-input__input--${__props.size}`]),
|
|
1574
1574
|
onKeydown: handleKeydown,
|
|
1575
1575
|
onPaste: handlePaste,
|
|
1576
1576
|
onFocus: handleFocus,
|
|
@@ -1581,7 +1581,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1581
1581
|
return openBlock(), createElementBlock("button", {
|
|
1582
1582
|
key: sug.value,
|
|
1583
1583
|
type: "button",
|
|
1584
|
-
class: normalizeClass(["
|
|
1584
|
+
class: normalizeClass(["mint-tags-input__dropdown-item", i === highlightedIndex.value ? "mint-tags-input__dropdown-item--highlighted" : ""]),
|
|
1585
1585
|
onMousedown: withModifiers(($event) => addTag(sug.value), ["prevent"])
|
|
1586
1586
|
}, [createElementVNode("span", null, toDisplayString(sug.value), 1), sug.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(sug.count), 1)) : createCommentVNode("", true)], 42, _hoisted_6$7);
|
|
1587
1587
|
}), 128))])) : createCommentVNode("", true)
|
|
@@ -1591,7 +1591,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1591
1591
|
});
|
|
1592
1592
|
//#endregion
|
|
1593
1593
|
//#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
|
|
1594
|
-
var _hoisted_1$7 = { class: "
|
|
1594
|
+
var _hoisted_1$7 = { class: "mint-number-input__field" };
|
|
1595
1595
|
var _hoisted_2$7 = [
|
|
1596
1596
|
"value",
|
|
1597
1597
|
"min",
|
|
@@ -1602,10 +1602,10 @@ var _hoisted_2$7 = [
|
|
|
1602
1602
|
];
|
|
1603
1603
|
var _hoisted_3$7 = {
|
|
1604
1604
|
key: 0,
|
|
1605
|
-
class: "
|
|
1605
|
+
class: "mint-number-input__unit"
|
|
1606
1606
|
};
|
|
1607
1607
|
var _hoisted_4$7 = {
|
|
1608
|
-
class: "
|
|
1608
|
+
class: "mint-number-input__steppers",
|
|
1609
1609
|
"aria-hidden": "true"
|
|
1610
1610
|
};
|
|
1611
1611
|
var _hoisted_5$6 = ["disabled"];
|
|
@@ -1687,11 +1687,11 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1687
1687
|
}
|
|
1688
1688
|
return (_ctx, _cache) => {
|
|
1689
1689
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
1690
|
-
"
|
|
1691
|
-
`
|
|
1692
|
-
isSliderMode.value ? "
|
|
1693
|
-
__props.error ? "
|
|
1694
|
-
__props.disabled ? "
|
|
1690
|
+
"mint-number-input",
|
|
1691
|
+
`mint-number-input--${__props.size}`,
|
|
1692
|
+
isSliderMode.value ? "mint-number-input--slider" : "mint-number-input--stepper",
|
|
1693
|
+
__props.error ? "mint-number-input--error" : "",
|
|
1694
|
+
__props.disabled ? "mint-number-input--disabled" : ""
|
|
1695
1695
|
]) }, [createElementVNode("div", _hoisted_1$7, [
|
|
1696
1696
|
createElementVNode("input", {
|
|
1697
1697
|
type: "number",
|
|
@@ -1701,7 +1701,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1701
1701
|
step: __props.step,
|
|
1702
1702
|
disabled: __props.disabled,
|
|
1703
1703
|
placeholder: __props.placeholder,
|
|
1704
|
-
class: normalizeClass(["
|
|
1704
|
+
class: normalizeClass(["mint-number-input__input", `mint-number-input__input--${__props.size}`]),
|
|
1705
1705
|
onInput: handleInput
|
|
1706
1706
|
}, null, 42, _hoisted_2$7),
|
|
1707
1707
|
__props.unit ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(__props.unit), 1)) : createCommentVNode("", true),
|
|
@@ -1710,7 +1710,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1710
1710
|
tabindex: "-1",
|
|
1711
1711
|
"aria-label": "Increase value",
|
|
1712
1712
|
disabled: __props.disabled || !canIncrement.value,
|
|
1713
|
-
class: "
|
|
1713
|
+
class: "mint-number-input__stepper mint-number-input__stepper--up",
|
|
1714
1714
|
onClick: increment
|
|
1715
1715
|
}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
|
|
1716
1716
|
viewBox: "0 0 10 6",
|
|
@@ -1724,7 +1724,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1724
1724
|
tabindex: "-1",
|
|
1725
1725
|
"aria-label": "Decrease value",
|
|
1726
1726
|
disabled: __props.disabled || !canDecrement.value,
|
|
1727
|
-
class: "
|
|
1727
|
+
class: "mint-number-input__stepper mint-number-input__stepper--down",
|
|
1728
1728
|
onClick: decrement
|
|
1729
1729
|
}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
|
|
1730
1730
|
viewBox: "0 0 10 6",
|
|
@@ -1743,7 +1743,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1743
1743
|
step: __props.step,
|
|
1744
1744
|
disabled: __props.disabled,
|
|
1745
1745
|
style: normalizeStyle({ "--mint-slider-fill": `${sliderPercent.value}%` }),
|
|
1746
|
-
class: "
|
|
1746
|
+
class: "mint-number-input__slider",
|
|
1747
1747
|
onInput: handleSliderInput
|
|
1748
1748
|
}, null, 44, _hoisted_7$6)) : createCommentVNode("", true)], 2);
|
|
1749
1749
|
};
|
|
@@ -1751,7 +1751,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
|
|
|
1751
1751
|
});
|
|
1752
1752
|
//#endregion
|
|
1753
1753
|
//#region src/components/FileUploader.vue?vue&type=script&setup=true&lang.ts
|
|
1754
|
-
var _hoisted_1$6 = { class: "
|
|
1754
|
+
var _hoisted_1$6 = { class: "mint-file-uploader" };
|
|
1755
1755
|
var _hoisted_2$6 = [
|
|
1756
1756
|
"aria-label",
|
|
1757
1757
|
"aria-disabled",
|
|
@@ -1763,10 +1763,10 @@ var _hoisted_3$6 = [
|
|
|
1763
1763
|
"disabled",
|
|
1764
1764
|
"webkitdirectory"
|
|
1765
1765
|
];
|
|
1766
|
-
var _hoisted_4$6 = { class: "
|
|
1766
|
+
var _hoisted_4$6 = { class: "mint-file-uploader__content" };
|
|
1767
1767
|
var _hoisted_5$5 = {
|
|
1768
1768
|
key: 0,
|
|
1769
|
-
class: "
|
|
1769
|
+
class: "mint-file-uploader__icon",
|
|
1770
1770
|
fill: "none",
|
|
1771
1771
|
stroke: "currentColor",
|
|
1772
1772
|
"stroke-width": "1.5",
|
|
@@ -1776,7 +1776,7 @@ var _hoisted_5$5 = {
|
|
|
1776
1776
|
};
|
|
1777
1777
|
var _hoisted_6$5 = {
|
|
1778
1778
|
key: 1,
|
|
1779
|
-
class: "
|
|
1779
|
+
class: "mint-file-uploader__icon",
|
|
1780
1780
|
fill: "none",
|
|
1781
1781
|
stroke: "currentColor",
|
|
1782
1782
|
"stroke-width": "1.5",
|
|
@@ -1784,23 +1784,23 @@ var _hoisted_6$5 = {
|
|
|
1784
1784
|
"stroke-linejoin": "round",
|
|
1785
1785
|
viewBox: "0 0 24 24"
|
|
1786
1786
|
};
|
|
1787
|
-
var _hoisted_7$5 = { class: "
|
|
1787
|
+
var _hoisted_7$5 = { class: "mint-file-uploader__text" };
|
|
1788
1788
|
var _hoisted_8$4 = {
|
|
1789
1789
|
key: 0,
|
|
1790
|
-
class: "
|
|
1790
|
+
class: "mint-file-uploader__actions"
|
|
1791
1791
|
};
|
|
1792
1792
|
var _hoisted_9$3 = {
|
|
1793
1793
|
key: 1,
|
|
1794
|
-
class: "
|
|
1794
|
+
class: "mint-file-uploader__folder-summary"
|
|
1795
1795
|
};
|
|
1796
|
-
var _hoisted_10$3 = { class: "
|
|
1797
|
-
var _hoisted_11$3 = { class: "
|
|
1798
|
-
var _hoisted_12$3 = { class: "
|
|
1799
|
-
var _hoisted_13$2 = { class: "
|
|
1800
|
-
var _hoisted_14$1 = { class: "
|
|
1801
|
-
var _hoisted_15$1 = { class: "
|
|
1802
|
-
var _hoisted_16$1 = { class: "
|
|
1803
|
-
var _hoisted_17$1 = { class: "
|
|
1796
|
+
var _hoisted_10$3 = { class: "mint-file-uploader__folder-info" };
|
|
1797
|
+
var _hoisted_11$3 = { class: "mint-file-uploader__folder-details" };
|
|
1798
|
+
var _hoisted_12$3 = { class: "mint-file-uploader__folder-name" };
|
|
1799
|
+
var _hoisted_13$2 = { class: "mint-file-uploader__folder-count" };
|
|
1800
|
+
var _hoisted_14$1 = { class: "mint-file-uploader__file-info" };
|
|
1801
|
+
var _hoisted_15$1 = { class: "mint-file-uploader__file-meta" };
|
|
1802
|
+
var _hoisted_16$1 = { class: "mint-file-uploader__file-name" };
|
|
1803
|
+
var _hoisted_17$1 = { class: "mint-file-uploader__file-size" };
|
|
1804
1804
|
var _hoisted_18$1 = ["aria-label", "onClick"];
|
|
1805
1805
|
//#endregion
|
|
1806
1806
|
//#region src/components/FileUploader.vue
|
|
@@ -2063,11 +2063,11 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
|
|
|
2063
2063
|
"aria-label": __props.disabled ? "File upload disabled" : "Click or drag files to upload",
|
|
2064
2064
|
"aria-disabled": __props.disabled,
|
|
2065
2065
|
class: normalizeClass([
|
|
2066
|
-
"
|
|
2067
|
-
`
|
|
2068
|
-
isDragOver.value ? "
|
|
2069
|
-
__props.disabled ? "
|
|
2070
|
-
selectedFiles.value.length > 0 ? "
|
|
2066
|
+
"mint-file-uploader__dropzone",
|
|
2067
|
+
`mint-file-uploader__dropzone--${__props.size}`,
|
|
2068
|
+
isDragOver.value ? "mint-file-uploader__dropzone--dragover" : "",
|
|
2069
|
+
__props.disabled ? "mint-file-uploader__dropzone--disabled" : "",
|
|
2070
|
+
selectedFiles.value.length > 0 ? "mint-file-uploader__dropzone--has-files" : ""
|
|
2071
2071
|
]),
|
|
2072
2072
|
onClick: openFilePicker,
|
|
2073
2073
|
onKeydown: [withKeys(openFilePicker, ["enter"]), withKeys(withModifiers(openFilePicker, ["prevent"]), ["space"])],
|
|
@@ -2082,7 +2082,7 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
|
|
|
2082
2082
|
multiple: isFolder.value || __props.multiple,
|
|
2083
2083
|
disabled: __props.disabled,
|
|
2084
2084
|
webkitdirectory: isFolder.value || void 0,
|
|
2085
|
-
class: "
|
|
2085
|
+
class: "mint-file-uploader__input",
|
|
2086
2086
|
onChange: handleInputChange
|
|
2087
2087
|
}, null, 40, _hoisted_3$6), createElementVNode("div", _hoisted_4$6, [isFolder.value ? (openBlock(), createElementBlock("svg", _hoisted_5$5, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_6$5, [..._cache[1] || (_cache[1] = [
|
|
2088
2088
|
createElementVNode("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" }, null, -1),
|
|
@@ -2090,8 +2090,8 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
|
|
|
2090
2090
|
createElementVNode("path", { d: "M12 12v9" }, null, -1)
|
|
2091
2091
|
])])), createElementVNode("p", _hoisted_7$5, " Drop " + toDisplayString(acceptLabel.value) + " or click ", 1)])], 42, _hoisted_2$6),
|
|
2092
2092
|
_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_8$4, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
|
|
2093
|
-
isFolder.value && folderName.value && selectedFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("div", _hoisted_10$3, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "
|
|
2094
|
-
class: "
|
|
2093
|
+
isFolder.value && folderName.value && selectedFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("div", _hoisted_10$3, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-file-uploader__folder-icon-wrapper" }, [createElementVNode("svg", {
|
|
2094
|
+
class: "mint-file-uploader__folder-icon",
|
|
2095
2095
|
fill: "none",
|
|
2096
2096
|
stroke: "currentColor",
|
|
2097
2097
|
"stroke-width": "2",
|
|
@@ -2101,10 +2101,10 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
|
|
|
2101
2101
|
}, [createElementVNode("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })])], -1)), createElementVNode("div", _hoisted_11$3, [createElementVNode("span", _hoisted_12$3, toDisplayString(folderName.value), 1), createElementVNode("span", _hoisted_13$2, toDisplayString(selectedFiles.value.length) + " file" + toDisplayString(selectedFiles.value.length !== 1 ? "s" : ""), 1)])]), createElementVNode("button", {
|
|
2102
2102
|
type: "button",
|
|
2103
2103
|
"aria-label": "Clear folder",
|
|
2104
|
-
class: "
|
|
2104
|
+
class: "mint-file-uploader__remove-btn",
|
|
2105
2105
|
onClick: withModifiers(clearAll, ["stop"])
|
|
2106
2106
|
}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
|
|
2107
|
-
class: "
|
|
2107
|
+
class: "mint-file-uploader__remove-icon",
|
|
2108
2108
|
fill: "none",
|
|
2109
2109
|
stroke: "currentColor",
|
|
2110
2110
|
"stroke-width": "2",
|
|
@@ -2115,23 +2115,23 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
|
|
|
2115
2115
|
!isFolder.value && selectedFiles.value.length > 0 ? (openBlock(), createBlock(TransitionGroup, {
|
|
2116
2116
|
key: 2,
|
|
2117
2117
|
tag: "ul",
|
|
2118
|
-
name: "
|
|
2119
|
-
class: "
|
|
2118
|
+
name: "mint-file-uploader-item",
|
|
2119
|
+
class: "mint-file-uploader__list"
|
|
2120
2120
|
}, {
|
|
2121
2121
|
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedFiles.value, (file, index) => {
|
|
2122
2122
|
return openBlock(), createElementBlock("li", {
|
|
2123
2123
|
key: `${file.name}-${file.size}-${index}`,
|
|
2124
|
-
class: "
|
|
2124
|
+
class: "mint-file-uploader__file"
|
|
2125
2125
|
}, [createElementVNode("div", _hoisted_14$1, [createElementVNode("span", {
|
|
2126
|
-
class: "
|
|
2126
|
+
class: "mint-file-uploader__file-badge",
|
|
2127
2127
|
style: normalizeStyle({ "--badge-color": getFileType(file.name).color })
|
|
2128
2128
|
}, toDisplayString(getFileType(file.name).label), 5), createElementVNode("div", _hoisted_15$1, [createElementVNode("span", _hoisted_16$1, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_17$1, toDisplayString(formatFileSize(file.size)), 1)])]), createElementVNode("button", {
|
|
2129
2129
|
type: "button",
|
|
2130
2130
|
"aria-label": `Remove ${file.name}`,
|
|
2131
|
-
class: "
|
|
2131
|
+
class: "mint-file-uploader__remove-btn",
|
|
2132
2132
|
onClick: withModifiers(($event) => removeFile(index), ["stop"])
|
|
2133
2133
|
}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
|
|
2134
|
-
class: "
|
|
2134
|
+
class: "mint-file-uploader__remove-icon",
|
|
2135
2135
|
fill: "none",
|
|
2136
2136
|
stroke: "currentColor",
|
|
2137
2137
|
"stroke-width": "2",
|
|
@@ -2634,14 +2634,14 @@ function resetPlatformContextState() {
|
|
|
2634
2634
|
*/
|
|
2635
2635
|
function isOriginAllowed(origin) {
|
|
2636
2636
|
if (allowAnyOrigin) {
|
|
2637
|
-
console.warn("[
|
|
2637
|
+
console.warn("[MINT SDK] postMessage origin validation disabled - only use in development");
|
|
2638
2638
|
return true;
|
|
2639
2639
|
}
|
|
2640
2640
|
if (origin === window.location.origin) return true;
|
|
2641
2641
|
return allowedOrigins.has(origin);
|
|
2642
2642
|
}
|
|
2643
2643
|
/**
|
|
2644
|
-
* Platform context composable for plugin integration with
|
|
2644
|
+
* Platform context composable for plugin integration with MINT Platform.
|
|
2645
2645
|
*
|
|
2646
2646
|
* Provides secure communication with the parent platform via postMessage.
|
|
2647
2647
|
*
|
|
@@ -2656,7 +2656,7 @@ function isOriginAllowed(origin) {
|
|
|
2656
2656
|
*
|
|
2657
2657
|
* // With explicit allowed origins
|
|
2658
2658
|
* const { isIntegrated } = usePlatformContext({
|
|
2659
|
-
* allowedOrigins: ['https://
|
|
2659
|
+
* allowedOrigins: ['https://mint.example.com']
|
|
2660
2660
|
* })
|
|
2661
2661
|
*
|
|
2662
2662
|
* // Development mode (UNSAFE)
|
|
@@ -2665,7 +2665,7 @@ function isOriginAllowed(origin) {
|
|
|
2665
2665
|
* })
|
|
2666
2666
|
* ```
|
|
2667
2667
|
*/
|
|
2668
|
-
/** Connects a plugin to the
|
|
2668
|
+
/** Connects a plugin to the MINT platform via postMessage, exposing user, theme, and experiment context. */
|
|
2669
2669
|
function usePlatformContext(options = {}) {
|
|
2670
2670
|
const consumerId = ++nextConsumerId;
|
|
2671
2671
|
const instanceOrigins = normalizeAllowedOrigins(options.allowedOrigins);
|
|
@@ -2685,8 +2685,8 @@ function usePlatformContext(options = {}) {
|
|
|
2685
2685
|
}
|
|
2686
2686
|
} else {
|
|
2687
2687
|
const urlParams = new URLSearchParams(window.location.search);
|
|
2688
|
-
const hasPluginParam = urlParams.has("
|
|
2689
|
-
const platformOrigin = urlParams.get("
|
|
2688
|
+
const hasPluginParam = urlParams.has("mint-plugin");
|
|
2689
|
+
const platformOrigin = urlParams.get("mint-origin");
|
|
2690
2690
|
if (platformOrigin) {
|
|
2691
2691
|
const origin = getOriginFromUrl(platformOrigin);
|
|
2692
2692
|
if (origin) detectedOrigins.add(origin);
|
|
@@ -2695,7 +2695,7 @@ function usePlatformContext(options = {}) {
|
|
|
2695
2695
|
isIntegrated: hasPluginParam,
|
|
2696
2696
|
theme: (() => {
|
|
2697
2697
|
try {
|
|
2698
|
-
const s = localStorage.getItem("
|
|
2698
|
+
const s = localStorage.getItem("mint-settings");
|
|
2699
2699
|
if (s) return JSON.parse(s).theme || "system";
|
|
2700
2700
|
} catch {}
|
|
2701
2701
|
return "system";
|
|
@@ -2708,17 +2708,17 @@ function usePlatformContext(options = {}) {
|
|
|
2708
2708
|
function handlePlatformMessage(event) {
|
|
2709
2709
|
if (event.source !== window.parent) return;
|
|
2710
2710
|
if (!isOriginAllowed(event.origin)) {
|
|
2711
|
-
console.warn(`[
|
|
2711
|
+
console.warn(`[MINT SDK] Rejected postMessage from untrusted origin: ${event.origin}`);
|
|
2712
2712
|
return;
|
|
2713
2713
|
}
|
|
2714
2714
|
try {
|
|
2715
2715
|
const platformEvent = event.data;
|
|
2716
|
-
if (!platformEvent.type?.startsWith("
|
|
2716
|
+
if (!platformEvent.type?.startsWith("mint:")) return;
|
|
2717
2717
|
switch (platformEvent.type) {
|
|
2718
|
-
case "
|
|
2718
|
+
case "mint:theme-changed":
|
|
2719
2719
|
platformContext.value.theme = platformEvent.payload;
|
|
2720
2720
|
break;
|
|
2721
|
-
case "
|
|
2721
|
+
case "mint:user-changed":
|
|
2722
2722
|
platformContext.value.user = platformEvent.payload;
|
|
2723
2723
|
break;
|
|
2724
2724
|
}
|
|
@@ -2735,9 +2735,9 @@ function usePlatformContext(options = {}) {
|
|
|
2735
2735
|
else if (allowedOrigins.size > 0) targetOrigin = allowedOrigins.values().next().value;
|
|
2736
2736
|
else if (allowAnyOrigin) {
|
|
2737
2737
|
targetOrigin = "*";
|
|
2738
|
-
console.warn("[
|
|
2738
|
+
console.warn("[MINT SDK] Using wildcard origin for postMessage - only use in development");
|
|
2739
2739
|
} else {
|
|
2740
|
-
console.warn("[
|
|
2740
|
+
console.warn("[MINT SDK] Cannot send postMessage: no platform origin configured");
|
|
2741
2741
|
return;
|
|
2742
2742
|
}
|
|
2743
2743
|
window.parent.postMessage(event, targetOrigin);
|
|
@@ -2747,7 +2747,7 @@ function usePlatformContext(options = {}) {
|
|
|
2747
2747
|
*/
|
|
2748
2748
|
function navigate(path) {
|
|
2749
2749
|
sendToPlatform({
|
|
2750
|
-
type: "
|
|
2750
|
+
type: "mint:navigate",
|
|
2751
2751
|
payload: path
|
|
2752
2752
|
});
|
|
2753
2753
|
}
|
|
@@ -2756,7 +2756,7 @@ function usePlatformContext(options = {}) {
|
|
|
2756
2756
|
*/
|
|
2757
2757
|
function notify(message, type = "info") {
|
|
2758
2758
|
sendToPlatform({
|
|
2759
|
-
type: "
|
|
2759
|
+
type: "mint:notification",
|
|
2760
2760
|
payload: {
|
|
2761
2761
|
message,
|
|
2762
2762
|
type
|
|
@@ -3787,13 +3787,13 @@ function useAutoGroup() {
|
|
|
3787
3787
|
//#region src/components/MoleculeInput.vue?vue&type=script&setup=true&lang.ts
|
|
3788
3788
|
var _hoisted_1$5 = {
|
|
3789
3789
|
key: 1,
|
|
3790
|
-
class: "
|
|
3790
|
+
class: "mint-molecule-input__error"
|
|
3791
3791
|
};
|
|
3792
|
-
var _hoisted_2$5 = { class: "
|
|
3792
|
+
var _hoisted_2$5 = { class: "mint-molecule-input__actions" };
|
|
3793
3793
|
var _hoisted_3$5 = ["disabled"];
|
|
3794
3794
|
var _hoisted_4$5 = {
|
|
3795
3795
|
key: 4,
|
|
3796
|
-
class: "
|
|
3796
|
+
class: "mint-molecule-input__smiles"
|
|
3797
3797
|
};
|
|
3798
3798
|
//#endregion
|
|
3799
3799
|
//#region src/components/MoleculeInput.vue
|
|
@@ -3959,16 +3959,16 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
3959
3959
|
});
|
|
3960
3960
|
return (_ctx, _cache) => {
|
|
3961
3961
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
3962
|
-
"
|
|
3963
|
-
__props.disabled ? "
|
|
3964
|
-
__props.readonly ? "
|
|
3965
|
-
__props.error ? "
|
|
3962
|
+
"mint-molecule-input",
|
|
3963
|
+
__props.disabled ? "mint-molecule-input--disabled" : "",
|
|
3964
|
+
__props.readonly ? "mint-molecule-input--readonly" : "",
|
|
3965
|
+
__props.error ? "mint-molecule-input--error" : ""
|
|
3966
3966
|
]) }, [isLoading.value && !__props.readonly ? (openBlock(), createElementBlock("div", {
|
|
3967
3967
|
key: 0,
|
|
3968
|
-
class: "
|
|
3968
|
+
class: "mint-molecule-input__skeleton",
|
|
3969
3969
|
style: normalizeStyle({ height: `${__props.height}px` })
|
|
3970
3970
|
}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
|
|
3971
|
-
class: "
|
|
3971
|
+
class: "mint-molecule-input__skeleton-icon",
|
|
3972
3972
|
fill: "none",
|
|
3973
3973
|
stroke: "currentColor",
|
|
3974
3974
|
viewBox: "0 0 24 24",
|
|
@@ -3978,8 +3978,8 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
3978
3978
|
"stroke-linejoin": "round",
|
|
3979
3979
|
"stroke-width": "2",
|
|
3980
3980
|
d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
|
|
3981
|
-
})], -1), createElementVNode("span", { class: "
|
|
3982
|
-
class: "
|
|
3981
|
+
})], -1), createElementVNode("span", { class: "mint-molecule-input__skeleton-text" }, "Loading molecule editor...", -1)])], 4)) : loadError.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [_cache[1] || (_cache[1] = createElementVNode("svg", {
|
|
3982
|
+
class: "mint-molecule-input__error-icon",
|
|
3983
3983
|
fill: "none",
|
|
3984
3984
|
stroke: "currentColor",
|
|
3985
3985
|
viewBox: "0 0 24 24",
|
|
@@ -3991,10 +3991,10 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
3991
3991
|
d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
3992
3992
|
})], -1)), createTextVNode(" " + toDisplayString(loadError.value), 1)])) : __props.readonly ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [hasStructure.value ? (openBlock(), createElementBlock("div", {
|
|
3993
3993
|
key: 0,
|
|
3994
|
-
class: "
|
|
3994
|
+
class: "mint-molecule-input__readonly",
|
|
3995
3995
|
style: normalizeStyle({ height: `${__props.height}px` })
|
|
3996
|
-
}, [..._cache[2] || (_cache[2] = [createElementVNode("div", { class: "
|
|
3997
|
-
class: "
|
|
3996
|
+
}, [..._cache[2] || (_cache[2] = [createElementVNode("div", { class: "mint-molecule-input__empty" }, [createElementVNode("svg", {
|
|
3997
|
+
class: "mint-molecule-input__empty-icon",
|
|
3998
3998
|
fill: "none",
|
|
3999
3999
|
stroke: "currentColor",
|
|
4000
4000
|
viewBox: "0 0 24 24",
|
|
@@ -4004,12 +4004,12 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
4004
4004
|
"stroke-linejoin": "round",
|
|
4005
4005
|
"stroke-width": "2",
|
|
4006
4006
|
d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
|
|
4007
|
-
})]), createElementVNode("span", { class: "
|
|
4007
|
+
})]), createElementVNode("span", { class: "mint-molecule-input__empty-text" }, "Structure defined (readonly)")], -1)])], 4)) : (openBlock(), createElementBlock("div", {
|
|
4008
4008
|
key: 1,
|
|
4009
|
-
class: "
|
|
4009
|
+
class: "mint-molecule-input__empty",
|
|
4010
4010
|
style: normalizeStyle({ height: `${__props.height}px` })
|
|
4011
4011
|
}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
|
|
4012
|
-
class: "
|
|
4012
|
+
class: "mint-molecule-input__empty-icon",
|
|
4013
4013
|
fill: "none",
|
|
4014
4014
|
stroke: "currentColor",
|
|
4015
4015
|
viewBox: "0 0 24 24",
|
|
@@ -4019,16 +4019,16 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
4019
4019
|
"stroke-linejoin": "round",
|
|
4020
4020
|
"stroke-width": "2",
|
|
4021
4021
|
d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
|
|
4022
|
-
})], -1), createElementVNode("span", { class: "
|
|
4022
|
+
})], -1), createElementVNode("span", { class: "mint-molecule-input__empty-text" }, "No structure", -1)])], 4))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createElementVNode("div", {
|
|
4023
4023
|
ref_key: "containerRef",
|
|
4024
4024
|
ref: containerRef,
|
|
4025
|
-
class: "
|
|
4025
|
+
class: "mint-molecule-input__editor",
|
|
4026
4026
|
style: normalizeStyle({ height: `${__props.height}px` }),
|
|
4027
4027
|
role: "application",
|
|
4028
4028
|
"aria-label": "Molecule structure editor"
|
|
4029
4029
|
}, null, 4), createElementVNode("div", _hoisted_2$5, [createElementVNode("button", {
|
|
4030
4030
|
type: "button",
|
|
4031
|
-
class: "
|
|
4031
|
+
class: "mint-molecule-input__action-btn",
|
|
4032
4032
|
disabled: !hasStructure.value || __props.disabled,
|
|
4033
4033
|
"aria-label": "Clear structure",
|
|
4034
4034
|
onClick: clearStructure
|
|
@@ -4041,7 +4041,7 @@ var MoleculeInput_default = /* @__PURE__ */ defineComponent({
|
|
|
4041
4041
|
"stroke-linejoin": "round",
|
|
4042
4042
|
"stroke-width": "2",
|
|
4043
4043
|
d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
|
|
4044
|
-
})], -1)])], 8, _hoisted_3$5)])], 64)), __props.showSmiles && hasStructure.value && !loadError.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "
|
|
4044
|
+
})], -1)])], 8, _hoisted_3$5)])], 64)), __props.showSmiles && hasStructure.value && !loadError.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "mint-molecule-input__smiles-label" }, "SMILES:", -1)), createTextVNode(" " + toDisplayString(__props.modelValue?.smiles), 1)])) : createCommentVNode("", true)], 2);
|
|
4045
4045
|
};
|
|
4046
4046
|
}
|
|
4047
4047
|
});
|
|
@@ -4216,14 +4216,14 @@ var _hoisted_1$4 = [
|
|
|
4216
4216
|
"disabled",
|
|
4217
4217
|
"placeholder"
|
|
4218
4218
|
];
|
|
4219
|
-
var _hoisted_2$4 = { class: "
|
|
4219
|
+
var _hoisted_2$4 = { class: "mint-concentration-input__unit" };
|
|
4220
4220
|
var _hoisted_3$4 = ["value", "disabled"];
|
|
4221
4221
|
var _hoisted_4$4 = ["label"];
|
|
4222
4222
|
var _hoisted_5$4 = ["value"];
|
|
4223
4223
|
var _hoisted_6$4 = ["value"];
|
|
4224
4224
|
var _hoisted_7$4 = {
|
|
4225
4225
|
key: 0,
|
|
4226
|
-
class: "
|
|
4226
|
+
class: "mint-concentration-input__conversion"
|
|
4227
4227
|
};
|
|
4228
4228
|
//#endregion
|
|
4229
4229
|
//#region src/components/ConcentrationInput.vue
|
|
@@ -4302,10 +4302,10 @@ var ConcentrationInput_default = /* @__PURE__ */ defineComponent({
|
|
|
4302
4302
|
}, { immediate: true });
|
|
4303
4303
|
return (_ctx, _cache) => {
|
|
4304
4304
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
4305
|
-
"
|
|
4306
|
-
__props.error ? "
|
|
4307
|
-
__props.disabled ? "
|
|
4308
|
-
]) }, [createElementVNode("div", { class: normalizeClass(["
|
|
4305
|
+
"mint-concentration-input",
|
|
4306
|
+
__props.error ? "mint-concentration-input--error" : "",
|
|
4307
|
+
__props.disabled ? "mint-concentration-input--disabled" : ""
|
|
4308
|
+
]) }, [createElementVNode("div", { class: normalizeClass(["mint-concentration-input__controls", `mint-concentration-input__controls--${__props.size}`]) }, [createElementVNode("input", {
|
|
4309
4309
|
type: "number",
|
|
4310
4310
|
value: currentValue.value,
|
|
4311
4311
|
min: __props.min,
|
|
@@ -4313,23 +4313,23 @@ var ConcentrationInput_default = /* @__PURE__ */ defineComponent({
|
|
|
4313
4313
|
disabled: __props.disabled,
|
|
4314
4314
|
placeholder: __props.placeholder,
|
|
4315
4315
|
class: normalizeClass([
|
|
4316
|
-
"
|
|
4317
|
-
`
|
|
4318
|
-
__props.disabled ? "
|
|
4316
|
+
"mint-concentration-input__value",
|
|
4317
|
+
`mint-concentration-input__value--${__props.size}`,
|
|
4318
|
+
__props.disabled ? "mint-concentration-input__value--disabled" : ""
|
|
4319
4319
|
]),
|
|
4320
4320
|
"aria-label": "Concentration value",
|
|
4321
4321
|
onInput: handleValueInput
|
|
4322
4322
|
}, null, 42, _hoisted_1$4), createElementVNode("div", _hoisted_2$4, [createElementVNode("select", {
|
|
4323
4323
|
value: currentUnit.value,
|
|
4324
4324
|
disabled: __props.disabled,
|
|
4325
|
-
class: normalizeClass(["
|
|
4325
|
+
class: normalizeClass(["mint-concentration-input__unit-select", `mint-concentration-input__unit-select--${__props.size}`]),
|
|
4326
4326
|
"aria-label": "Concentration unit",
|
|
4327
4327
|
onChange: handleUnitChange
|
|
4328
4328
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredCategories.value, (category) => {
|
|
4329
4329
|
return openBlock(), createElementBlock(Fragment, { key: category.label }, [filteredCategories.value.length > 1 ? (openBlock(), createElementBlock("optgroup", {
|
|
4330
4330
|
key: 0,
|
|
4331
4331
|
label: category.label,
|
|
4332
|
-
class: "
|
|
4332
|
+
class: "mint-concentration-input__unit-group"
|
|
4333
4333
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.units, (unit) => {
|
|
4334
4334
|
return openBlock(), createElementBlock("option", {
|
|
4335
4335
|
key: unit,
|
|
@@ -4995,7 +4995,7 @@ var BUILT_IN_TEMPLATES = [
|
|
|
4995
4995
|
}]
|
|
4996
4996
|
}
|
|
4997
4997
|
];
|
|
4998
|
-
var STORAGE_KEY = "
|
|
4998
|
+
var STORAGE_KEY = "mint-custom-protocol-templates";
|
|
4999
4999
|
function loadCustomTemplates() {
|
|
5000
5000
|
try {
|
|
5001
5001
|
const stored = localStorage.getItem(STORAGE_KEY);
|
|
@@ -5370,7 +5370,7 @@ function useChemicalFormula() {
|
|
|
5370
5370
|
}
|
|
5371
5371
|
//#endregion
|
|
5372
5372
|
//#region src/components/FormulaInput.vue?vue&type=script&setup=true&lang.ts
|
|
5373
|
-
var _hoisted_1$3 = { class: "
|
|
5373
|
+
var _hoisted_1$3 = { class: "mint-formula-input__field" };
|
|
5374
5374
|
var _hoisted_2$3 = [
|
|
5375
5375
|
"value",
|
|
5376
5376
|
"placeholder",
|
|
@@ -5378,11 +5378,11 @@ var _hoisted_2$3 = [
|
|
|
5378
5378
|
];
|
|
5379
5379
|
var _hoisted_3$3 = {
|
|
5380
5380
|
key: 0,
|
|
5381
|
-
class: "
|
|
5381
|
+
class: "mint-formula-input__preview"
|
|
5382
5382
|
};
|
|
5383
5383
|
var _hoisted_4$3 = {
|
|
5384
5384
|
key: 0,
|
|
5385
|
-
class: "
|
|
5385
|
+
class: "mint-formula-input__preview-formula"
|
|
5386
5386
|
};
|
|
5387
5387
|
var _hoisted_5$3 = { key: 0 };
|
|
5388
5388
|
var _hoisted_6$3 = {
|
|
@@ -5422,11 +5422,11 @@ var _hoisted_10$2 = {
|
|
|
5422
5422
|
};
|
|
5423
5423
|
var _hoisted_11$2 = {
|
|
5424
5424
|
key: 1,
|
|
5425
|
-
class: "
|
|
5425
|
+
class: "mint-formula-input__mw"
|
|
5426
5426
|
};
|
|
5427
5427
|
var _hoisted_12$2 = {
|
|
5428
5428
|
key: 0,
|
|
5429
|
-
class: "
|
|
5429
|
+
class: "mint-formula-input__error-text"
|
|
5430
5430
|
};
|
|
5431
5431
|
//#endregion
|
|
5432
5432
|
//#region src/components/FormulaInput.vue
|
|
@@ -5490,15 +5490,15 @@ var FormulaInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5490
5490
|
}
|
|
5491
5491
|
return (_ctx, _cache) => {
|
|
5492
5492
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
5493
|
-
"
|
|
5494
|
-
__props.error ? "
|
|
5495
|
-
__props.disabled ? "
|
|
5493
|
+
"mint-formula-input",
|
|
5494
|
+
__props.error ? "mint-formula-input--error" : "",
|
|
5495
|
+
__props.disabled ? "mint-formula-input--disabled" : ""
|
|
5496
5496
|
]) }, [createElementVNode("div", _hoisted_1$3, [createElementVNode("input", {
|
|
5497
5497
|
type: "text",
|
|
5498
5498
|
value: __props.modelValue,
|
|
5499
5499
|
placeholder: __props.placeholder,
|
|
5500
5500
|
disabled: __props.disabled,
|
|
5501
|
-
class: normalizeClass(["
|
|
5501
|
+
class: normalizeClass(["mint-formula-input__input", `mint-formula-input__input--${__props.size}`]),
|
|
5502
5502
|
"aria-label": "Chemical formula",
|
|
5503
5503
|
onInput: handleInput
|
|
5504
5504
|
}, null, 42, _hoisted_2$3), __props.showPreview && __props.modelValue || __props.showMW && __props.modelValue && !getError(__props.modelValue) && getMW(__props.modelValue) !== null ? (openBlock(), createElementBlock("div", _hoisted_3$3, [__props.showPreview && __props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(getParts(__props.modelValue), (part, i) => {
|
|
@@ -5588,16 +5588,16 @@ function useSequenceUtils() {
|
|
|
5588
5588
|
//#region src/components/SequenceInput.vue?vue&type=script&setup=true&lang.ts
|
|
5589
5589
|
var _hoisted_1$2 = {
|
|
5590
5590
|
key: 0,
|
|
5591
|
-
class: "
|
|
5591
|
+
class: "mint-sequence-input__toolbar"
|
|
5592
5592
|
};
|
|
5593
5593
|
var _hoisted_2$2 = ["disabled"];
|
|
5594
5594
|
var _hoisted_3$2 = ["disabled"];
|
|
5595
5595
|
var _hoisted_4$2 = ["disabled"];
|
|
5596
5596
|
var _hoisted_5$2 = ["disabled"];
|
|
5597
|
-
var _hoisted_6$2 = { class: "
|
|
5597
|
+
var _hoisted_6$2 = { class: "mint-sequence-input__type-badge" };
|
|
5598
5598
|
var _hoisted_7$2 = {
|
|
5599
5599
|
key: 1,
|
|
5600
|
-
class: "
|
|
5600
|
+
class: "mint-sequence-input__editor"
|
|
5601
5601
|
};
|
|
5602
5602
|
var _hoisted_8$2 = [
|
|
5603
5603
|
"value",
|
|
@@ -5608,23 +5608,23 @@ var _hoisted_8$2 = [
|
|
|
5608
5608
|
];
|
|
5609
5609
|
var _hoisted_9$1 = {
|
|
5610
5610
|
key: 2,
|
|
5611
|
-
class: "
|
|
5611
|
+
class: "mint-sequence-input__viewer"
|
|
5612
5612
|
};
|
|
5613
|
-
var _hoisted_10$1 = { class: "
|
|
5614
|
-
var _hoisted_11$1 = { class: "
|
|
5613
|
+
var _hoisted_10$1 = { class: "mint-sequence-input__line-number" };
|
|
5614
|
+
var _hoisted_11$1 = { class: "mint-sequence-input__line-content" };
|
|
5615
5615
|
var _hoisted_12$1 = {
|
|
5616
5616
|
key: 0,
|
|
5617
|
-
class: "
|
|
5617
|
+
class: "mint-sequence-input__viewer-line"
|
|
5618
5618
|
};
|
|
5619
5619
|
var _hoisted_13$1 = {
|
|
5620
5620
|
key: 3,
|
|
5621
|
-
class: "
|
|
5621
|
+
class: "mint-sequence-input__stats"
|
|
5622
5622
|
};
|
|
5623
|
-
var _hoisted_14 = { class: "
|
|
5623
|
+
var _hoisted_14 = { class: "mint-sequence-input__stat-value" };
|
|
5624
5624
|
var _hoisted_15 = { key: 0 };
|
|
5625
|
-
var _hoisted_16 = { class: "
|
|
5625
|
+
var _hoisted_16 = { class: "mint-sequence-input__stat-value" };
|
|
5626
5626
|
var _hoisted_17 = { key: 1 };
|
|
5627
|
-
var _hoisted_18 = { class: "
|
|
5627
|
+
var _hoisted_18 = { class: "mint-sequence-input__stat-value" };
|
|
5628
5628
|
//#endregion
|
|
5629
5629
|
//#region src/components/SequenceInput.vue
|
|
5630
5630
|
var SequenceInput_default = /* @__PURE__ */ defineComponent({
|
|
@@ -5698,19 +5698,19 @@ var SequenceInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5698
5698
|
}
|
|
5699
5699
|
function getBaseClass(char) {
|
|
5700
5700
|
const c = char.toLowerCase();
|
|
5701
|
-
if (c === "a") return "
|
|
5702
|
-
if (c === "t") return "
|
|
5703
|
-
if (c === "u") return "
|
|
5704
|
-
if (c === "g") return "
|
|
5705
|
-
if (c === "c") return "
|
|
5706
|
-
if (c === "n") return "
|
|
5701
|
+
if (c === "a") return "mint-sequence-input__base--a";
|
|
5702
|
+
if (c === "t") return "mint-sequence-input__base--t";
|
|
5703
|
+
if (c === "u") return "mint-sequence-input__base--u";
|
|
5704
|
+
if (c === "g") return "mint-sequence-input__base--g";
|
|
5705
|
+
if (c === "c") return "mint-sequence-input__base--c";
|
|
5706
|
+
if (c === "n") return "mint-sequence-input__base--n";
|
|
5707
5707
|
return "";
|
|
5708
5708
|
}
|
|
5709
5709
|
return (_ctx, _cache) => {
|
|
5710
5710
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
5711
|
-
"
|
|
5712
|
-
__props.error ? "
|
|
5713
|
-
__props.disabled ? "
|
|
5711
|
+
"mint-sequence-input",
|
|
5712
|
+
__props.error ? "mint-sequence-input--error" : "",
|
|
5713
|
+
__props.disabled ? "mint-sequence-input--disabled" : ""
|
|
5714
5714
|
]) }, [
|
|
5715
5715
|
__props.showTools && !__props.readonly ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "tools", {
|
|
5716
5716
|
sequence: __props.modelValue || "",
|
|
@@ -5720,26 +5720,26 @@ var SequenceInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5720
5720
|
resolvedType.value !== "protein" ? (openBlock(), createElementBlock("button", {
|
|
5721
5721
|
key: 0,
|
|
5722
5722
|
type: "button",
|
|
5723
|
-
class: "
|
|
5723
|
+
class: "mint-sequence-input__tool-btn",
|
|
5724
5724
|
disabled: !__props.modelValue || __props.disabled,
|
|
5725
5725
|
onClick: doReverseComplement
|
|
5726
5726
|
}, " Rev Comp ", 8, _hoisted_2$2)) : createCommentVNode("", true),
|
|
5727
5727
|
createElementVNode("button", {
|
|
5728
5728
|
type: "button",
|
|
5729
|
-
class: "
|
|
5729
|
+
class: "mint-sequence-input__tool-btn",
|
|
5730
5730
|
disabled: !__props.modelValue || __props.disabled,
|
|
5731
5731
|
onClick: doUppercase
|
|
5732
5732
|
}, " Uppercase ", 8, _hoisted_3$2),
|
|
5733
|
-
_cache[0] || (_cache[0] = createElementVNode("div", { class: "
|
|
5733
|
+
_cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-sequence-input__tool-sep" }, null, -1)),
|
|
5734
5734
|
createElementVNode("button", {
|
|
5735
5735
|
type: "button",
|
|
5736
|
-
class: "
|
|
5736
|
+
class: "mint-sequence-input__tool-btn",
|
|
5737
5737
|
disabled: !__props.modelValue || __props.disabled,
|
|
5738
5738
|
onClick: doCopy
|
|
5739
5739
|
}, " Copy ", 8, _hoisted_4$2),
|
|
5740
5740
|
createElementVNode("button", {
|
|
5741
5741
|
type: "button",
|
|
5742
|
-
class: "
|
|
5742
|
+
class: "mint-sequence-input__tool-btn",
|
|
5743
5743
|
disabled: !__props.modelValue || __props.disabled,
|
|
5744
5744
|
onClick: doClear
|
|
5745
5745
|
}, " Clear ", 8, _hoisted_5$2)
|
|
@@ -5750,28 +5750,28 @@ var SequenceInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5750
5750
|
placeholder: __props.placeholder,
|
|
5751
5751
|
disabled: __props.disabled,
|
|
5752
5752
|
maxlength: __props.maxLength,
|
|
5753
|
-
class: "
|
|
5753
|
+
class: "mint-sequence-input__textarea",
|
|
5754
5754
|
spellcheck: "false",
|
|
5755
5755
|
autocomplete: "off",
|
|
5756
5756
|
onInput: handleInput
|
|
5757
5757
|
}, null, 40, _hoisted_8$2)])) : (openBlock(), createElementBlock("div", _hoisted_9$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(viewerLines.value, (line, lineIdx) => {
|
|
5758
5758
|
return openBlock(), createElementBlock("div", {
|
|
5759
5759
|
key: lineIdx,
|
|
5760
|
-
class: "
|
|
5760
|
+
class: "mint-sequence-input__viewer-line"
|
|
5761
5761
|
}, [createElementVNode("span", _hoisted_10$1, toDisplayString(lineIdx * 60 + 1), 1), createElementVNode("span", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(line.split(""), (char, charIdx) => {
|
|
5762
5762
|
return openBlock(), createElementBlock("span", {
|
|
5763
5763
|
key: charIdx,
|
|
5764
5764
|
class: normalizeClass(getBaseClass(char))
|
|
5765
5765
|
}, toDisplayString(char), 3);
|
|
5766
5766
|
}), 128))])]);
|
|
5767
|
-
}), 128)), !__props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_12$1, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "
|
|
5768
|
-
class: "
|
|
5767
|
+
}), 128)), !__props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_12$1, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "mint-sequence-input__line-number" }, null, -1), createElementVNode("span", {
|
|
5768
|
+
class: "mint-sequence-input__line-content",
|
|
5769
5769
|
style: { "color": "var(--text-muted)" }
|
|
5770
5770
|
}, "No sequence", -1)])])) : createCommentVNode("", true)])),
|
|
5771
5771
|
__props.showStats && __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
|
|
5772
|
-
createElementVNode("span", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "
|
|
5773
|
-
stats.value.gcPercent !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_15, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "
|
|
5774
|
-
stats.value.molecularWeight !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_17, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "
|
|
5772
|
+
createElementVNode("span", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-sequence-input__stat-label" }, "Length:", -1)), createElementVNode("span", _hoisted_14, toDisplayString(stats.value.length), 1)]),
|
|
5773
|
+
stats.value.gcPercent !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_15, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "mint-sequence-input__stat-label" }, "GC:", -1)), createElementVNode("span", _hoisted_16, toDisplayString(stats.value.gcPercent.toFixed(1)) + "%", 1)])) : createCommentVNode("", true),
|
|
5774
|
+
stats.value.molecularWeight !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_17, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "mint-sequence-input__stat-label" }, "MW:", -1)), createElementVNode("span", _hoisted_18, "~" + toDisplayString((stats.value.molecularWeight / 1e3).toFixed(1)) + " kDa", 1)])) : createCommentVNode("", true)
|
|
5775
5775
|
])) : createCommentVNode("", true)
|
|
5776
5776
|
], 2);
|
|
5777
5777
|
};
|
|
@@ -5787,7 +5787,7 @@ var _hoisted_1$1 = [
|
|
|
5787
5787
|
"disabled",
|
|
5788
5788
|
"placeholder"
|
|
5789
5789
|
];
|
|
5790
|
-
var _hoisted_2$1 = { class: "
|
|
5790
|
+
var _hoisted_2$1 = { class: "mint-unit-input__unit" };
|
|
5791
5791
|
var _hoisted_3$1 = ["value", "disabled"];
|
|
5792
5792
|
var _hoisted_4$1 = ["value"];
|
|
5793
5793
|
var _hoisted_5$1 = ["label"];
|
|
@@ -5795,7 +5795,7 @@ var _hoisted_6$1 = ["value"];
|
|
|
5795
5795
|
var _hoisted_7$1 = ["value"];
|
|
5796
5796
|
var _hoisted_8$1 = {
|
|
5797
5797
|
key: 0,
|
|
5798
|
-
class: "
|
|
5798
|
+
class: "mint-unit-input__conversion-hint"
|
|
5799
5799
|
};
|
|
5800
5800
|
//#endregion
|
|
5801
5801
|
//#region src/components/UnitInput.vue
|
|
@@ -5909,10 +5909,10 @@ var UnitInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5909
5909
|
});
|
|
5910
5910
|
return (_ctx, _cache) => {
|
|
5911
5911
|
return openBlock(), createElementBlock("div", { class: normalizeClass([
|
|
5912
|
-
"
|
|
5913
|
-
__props.error ? "
|
|
5914
|
-
__props.disabled ? "
|
|
5915
|
-
]) }, [createElementVNode("div", { class: normalizeClass(["
|
|
5912
|
+
"mint-unit-input",
|
|
5913
|
+
__props.error ? "mint-unit-input--error" : "",
|
|
5914
|
+
__props.disabled ? "mint-unit-input--disabled" : ""
|
|
5915
|
+
]) }, [createElementVNode("div", { class: normalizeClass(["mint-unit-input__controls", `mint-unit-input__controls--${__props.size}`]) }, [createElementVNode("input", {
|
|
5916
5916
|
type: "number",
|
|
5917
5917
|
value: __props.modelValue,
|
|
5918
5918
|
min: __props.min,
|
|
@@ -5921,16 +5921,16 @@ var UnitInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5921
5921
|
disabled: __props.disabled,
|
|
5922
5922
|
placeholder: __props.placeholder,
|
|
5923
5923
|
class: normalizeClass([
|
|
5924
|
-
"
|
|
5925
|
-
`
|
|
5926
|
-
__props.disabled ? "
|
|
5924
|
+
"mint-unit-input__value",
|
|
5925
|
+
`mint-unit-input__value--${__props.size}`,
|
|
5926
|
+
__props.disabled ? "mint-unit-input__value--disabled" : ""
|
|
5927
5927
|
]),
|
|
5928
5928
|
"aria-label": "Value",
|
|
5929
5929
|
onInput: handleValueInput
|
|
5930
5930
|
}, null, 42, _hoisted_1$1), createElementVNode("div", _hoisted_2$1, [createElementVNode("select", {
|
|
5931
5931
|
value: currentUnit.value,
|
|
5932
5932
|
disabled: __props.disabled,
|
|
5933
|
-
class: normalizeClass(["
|
|
5933
|
+
class: normalizeClass(["mint-unit-input__unit-select", `mint-unit-input__unit-select--${__props.size}`]),
|
|
5934
5934
|
"aria-label": "Unit",
|
|
5935
5935
|
onChange: handleUnitChange
|
|
5936
5936
|
}, [groupedUnits.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [groupedUnits.value.ungrouped.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupedUnits.value.ungrouped, (u) => {
|
|
@@ -5942,7 +5942,7 @@ var UnitInput_default = /* @__PURE__ */ defineComponent({
|
|
|
5942
5942
|
return openBlock(), createElementBlock("optgroup", {
|
|
5943
5943
|
key: groupLabel,
|
|
5944
5944
|
label: groupLabel,
|
|
5945
|
-
class: "
|
|
5945
|
+
class: "mint-unit-input__unit-group"
|
|
5946
5946
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groupUnits, (u) => {
|
|
5947
5947
|
return openBlock(), createElementBlock("option", {
|
|
5948
5948
|
key: u.value,
|
|
@@ -6210,7 +6210,7 @@ function useForm(initialValues, rules = {}) {
|
|
|
6210
6210
|
}
|
|
6211
6211
|
//#endregion
|
|
6212
6212
|
//#region src/components/DateTimePicker.vue?vue&type=script&setup=true&lang.ts
|
|
6213
|
-
var _hoisted_1 = { class: "
|
|
6213
|
+
var _hoisted_1 = { class: "mint-datetime-picker__input-wrapper" };
|
|
6214
6214
|
var _hoisted_2 = [
|
|
6215
6215
|
"value",
|
|
6216
6216
|
"placeholder",
|
|
@@ -6218,21 +6218,21 @@ var _hoisted_2 = [
|
|
|
6218
6218
|
];
|
|
6219
6219
|
var _hoisted_3 = {
|
|
6220
6220
|
key: 0,
|
|
6221
|
-
class: "
|
|
6221
|
+
class: "mint-datetime-picker__dropdown",
|
|
6222
6222
|
role: "dialog",
|
|
6223
6223
|
"aria-modal": "true",
|
|
6224
6224
|
"aria-label": "Date and time picker"
|
|
6225
6225
|
};
|
|
6226
|
-
var _hoisted_4 = { class: "
|
|
6227
|
-
var _hoisted_5 = { class: "
|
|
6228
|
-
var _hoisted_6 = { class: "
|
|
6229
|
-
var _hoisted_7 = { class: "
|
|
6230
|
-
var _hoisted_8 = { class: "
|
|
6226
|
+
var _hoisted_4 = { class: "mint-datetime-picker__calendar-section" };
|
|
6227
|
+
var _hoisted_5 = { class: "mint-date-picker__header" };
|
|
6228
|
+
var _hoisted_6 = { class: "mint-date-picker__month-year" };
|
|
6229
|
+
var _hoisted_7 = { class: "mint-date-picker__weekdays" };
|
|
6230
|
+
var _hoisted_8 = { class: "mint-date-picker__grid" };
|
|
6231
6231
|
var _hoisted_9 = ["disabled", "onClick"];
|
|
6232
|
-
var _hoisted_10 = { class: "
|
|
6233
|
-
var _hoisted_11 = { class: "
|
|
6232
|
+
var _hoisted_10 = { class: "mint-datetime-picker__time-section" };
|
|
6233
|
+
var _hoisted_11 = { class: "mint-datetime-picker__time-grid" };
|
|
6234
6234
|
var _hoisted_12 = ["disabled", "onClick"];
|
|
6235
|
-
var _hoisted_13 = { class: "
|
|
6235
|
+
var _hoisted_13 = { class: "mint-datetime-picker__footer" };
|
|
6236
6236
|
//#endregion
|
|
6237
6237
|
//#region src/components/DateTimePicker.vue
|
|
6238
6238
|
var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
@@ -6426,8 +6426,8 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6426
6426
|
if (open && selectedDate.value) {
|
|
6427
6427
|
currentMonth.value = new Date(selectedDate.value.getFullYear(), selectedDate.value.getMonth(), 1);
|
|
6428
6428
|
nextTick(() => {
|
|
6429
|
-
const grid = containerRef.value?.querySelector(".
|
|
6430
|
-
const active = containerRef.value?.querySelector(".
|
|
6429
|
+
const grid = containerRef.value?.querySelector(".mint-datetime-picker__time-grid");
|
|
6430
|
+
const active = containerRef.value?.querySelector(".mint-datetime-picker__time-chip--active");
|
|
6431
6431
|
if (grid && active) active.scrollIntoView({ block: "center" });
|
|
6432
6432
|
});
|
|
6433
6433
|
}
|
|
@@ -6442,9 +6442,9 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6442
6442
|
return openBlock(), createElementBlock("div", {
|
|
6443
6443
|
ref_key: "containerRef",
|
|
6444
6444
|
ref: containerRef,
|
|
6445
|
-
class: "
|
|
6445
|
+
class: "mint-datetime-picker"
|
|
6446
6446
|
}, [createElementVNode("div", _hoisted_1, [
|
|
6447
|
-
_cache[0] || (_cache[0] = createElementVNode("div", { class: "
|
|
6447
|
+
_cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-datetime-picker__icon-calendar" }, [createElementVNode("svg", {
|
|
6448
6448
|
fill: "none",
|
|
6449
6449
|
stroke: "currentColor",
|
|
6450
6450
|
viewBox: "0 0 24 24"
|
|
@@ -6461,15 +6461,15 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6461
6461
|
placeholder: __props.placeholder,
|
|
6462
6462
|
disabled: __props.disabled,
|
|
6463
6463
|
class: normalizeClass([
|
|
6464
|
-
"
|
|
6465
|
-
`
|
|
6466
|
-
__props.error ? "
|
|
6467
|
-
__props.disabled ? "
|
|
6464
|
+
"mint-datetime-picker__input",
|
|
6465
|
+
`mint-datetime-picker__input--${__props.size}`,
|
|
6466
|
+
__props.error ? "mint-datetime-picker__input--error" : "",
|
|
6467
|
+
__props.disabled ? "mint-datetime-picker__input--disabled" : ""
|
|
6468
6468
|
]),
|
|
6469
6469
|
"aria-label": "Select date and time",
|
|
6470
6470
|
onClick: toggleDropdown
|
|
6471
6471
|
}, null, 10, _hoisted_2),
|
|
6472
|
-
_cache[1] || (_cache[1] = createElementVNode("div", { class: "
|
|
6472
|
+
_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-datetime-picker__icon-clock" }, [createElementVNode("svg", {
|
|
6473
6473
|
fill: "none",
|
|
6474
6474
|
stroke: "currentColor",
|
|
6475
6475
|
viewBox: "0 0 24 24"
|
|
@@ -6480,19 +6480,19 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6480
6480
|
d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
6481
6481
|
})])], -1))
|
|
6482
6482
|
]), createVNode(Transition, {
|
|
6483
|
-
"enter-active-class": "
|
|
6484
|
-
"enter-from-class": "
|
|
6485
|
-
"enter-to-class": "
|
|
6486
|
-
"leave-active-class": "
|
|
6487
|
-
"leave-from-class": "
|
|
6488
|
-
"leave-to-class": "
|
|
6483
|
+
"enter-active-class": "mint-datetime-picker__dropdown-enter-active",
|
|
6484
|
+
"enter-from-class": "mint-datetime-picker__dropdown-enter-from",
|
|
6485
|
+
"enter-to-class": "mint-datetime-picker__dropdown-enter-to",
|
|
6486
|
+
"leave-active-class": "mint-datetime-picker__dropdown-leave-active",
|
|
6487
|
+
"leave-from-class": "mint-datetime-picker__dropdown-leave-from",
|
|
6488
|
+
"leave-to-class": "mint-datetime-picker__dropdown-leave-to"
|
|
6489
6489
|
}, {
|
|
6490
6490
|
default: withCtx(() => [isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
6491
6491
|
createElementVNode("div", _hoisted_4, [
|
|
6492
6492
|
createElementVNode("div", _hoisted_5, [
|
|
6493
6493
|
createElementVNode("button", {
|
|
6494
6494
|
type: "button",
|
|
6495
|
-
class: "
|
|
6495
|
+
class: "mint-date-picker__nav-btn",
|
|
6496
6496
|
"aria-label": "Previous month",
|
|
6497
6497
|
onClick: prevMonth
|
|
6498
6498
|
}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
|
|
@@ -6509,7 +6509,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6509
6509
|
createElementVNode("span", _hoisted_6, toDisplayString(monthYear.value), 1),
|
|
6510
6510
|
createElementVNode("button", {
|
|
6511
6511
|
type: "button",
|
|
6512
|
-
class: "
|
|
6512
|
+
class: "mint-date-picker__nav-btn",
|
|
6513
6513
|
"aria-label": "Next month",
|
|
6514
6514
|
onClick: nextMonth
|
|
6515
6515
|
}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
|
|
@@ -6527,7 +6527,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6527
6527
|
createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
|
|
6528
6528
|
return createElementVNode("div", {
|
|
6529
6529
|
key: day,
|
|
6530
|
-
class: "
|
|
6530
|
+
class: "mint-date-picker__weekday"
|
|
6531
6531
|
}, toDisplayString(day), 1);
|
|
6532
6532
|
}), 64))]),
|
|
6533
6533
|
createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, index) => {
|
|
@@ -6536,42 +6536,42 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
6536
6536
|
type: "button",
|
|
6537
6537
|
disabled: day.isDisabled,
|
|
6538
6538
|
class: normalizeClass([
|
|
6539
|
-
"
|
|
6540
|
-
!day.isCurrentMonth ? "
|
|
6541
|
-
day.isDisabled ? "
|
|
6542
|
-
isSameDay(day.date, selectedDate.value) ? "
|
|
6543
|
-
isToday(day.date) && !isSameDay(day.date, selectedDate.value) ? "
|
|
6539
|
+
"mint-date-picker__day",
|
|
6540
|
+
!day.isCurrentMonth ? "mint-date-picker__day--other-month" : "",
|
|
6541
|
+
day.isDisabled ? "mint-date-picker__day--disabled" : "",
|
|
6542
|
+
isSameDay(day.date, selectedDate.value) ? "mint-date-picker__day--selected" : "",
|
|
6543
|
+
isToday(day.date) && !isSameDay(day.date, selectedDate.value) ? "mint-date-picker__day--today" : ""
|
|
6544
6544
|
]),
|
|
6545
6545
|
onClick: ($event) => selectDate(day)
|
|
6546
6546
|
}, toDisplayString(day.date.getDate()), 11, _hoisted_9);
|
|
6547
6547
|
}), 128))])
|
|
6548
6548
|
]),
|
|
6549
|
-
_cache[5] || (_cache[5] = createElementVNode("div", { class: "
|
|
6550
|
-
createElementVNode("div", _hoisted_10, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "
|
|
6549
|
+
_cache[5] || (_cache[5] = createElementVNode("div", { class: "mint-datetime-picker__divider" }, null, -1)),
|
|
6550
|
+
createElementVNode("div", _hoisted_10, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "mint-datetime-picker__time-label" }, "Time", -1)), createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
|
|
6551
6551
|
return openBlock(), createElementBlock("button", {
|
|
6552
6552
|
key: time,
|
|
6553
6553
|
type: "button",
|
|
6554
6554
|
disabled: isTimeDisabled(time),
|
|
6555
6555
|
class: normalizeClass([
|
|
6556
|
-
"
|
|
6557
|
-
selectedTimeStr.value === time ? "
|
|
6558
|
-
isTimeDisabled(time) ? "
|
|
6556
|
+
"mint-datetime-picker__time-chip",
|
|
6557
|
+
selectedTimeStr.value === time ? "mint-datetime-picker__time-chip--active" : "",
|
|
6558
|
+
isTimeDisabled(time) ? "mint-datetime-picker__time-chip--disabled" : ""
|
|
6559
6559
|
]),
|
|
6560
6560
|
onClick: ($event) => selectTime(time)
|
|
6561
6561
|
}, toDisplayString(__props.timeFormat === "12h" ? unref(formatTime)(unref(parseTime)(time).hour, unref(parseTime)(time).minute, "12h") : time), 11, _hoisted_12);
|
|
6562
6562
|
}), 128))])]),
|
|
6563
6563
|
createElementVNode("div", _hoisted_13, [createElementVNode("div", null, [createElementVNode("button", {
|
|
6564
6564
|
type: "button",
|
|
6565
|
-
class: "
|
|
6565
|
+
class: "mint-datetime-picker__footer-btn",
|
|
6566
6566
|
onClick: goToToday
|
|
6567
6567
|
}, "Today"), createElementVNode("button", {
|
|
6568
6568
|
type: "button",
|
|
6569
|
-
class: "
|
|
6569
|
+
class: "mint-datetime-picker__footer-btn",
|
|
6570
6570
|
onClick: goToNow
|
|
6571
6571
|
}, "Now")]), __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
|
|
6572
6572
|
key: 0,
|
|
6573
6573
|
type: "button",
|
|
6574
|
-
class: "
|
|
6574
|
+
class: "mint-datetime-picker__footer-btn mint-datetime-picker__footer-btn--muted",
|
|
6575
6575
|
onClick: clear
|
|
6576
6576
|
}, " Clear ")) : createCommentVNode("", true)])
|
|
6577
6577
|
])) : createCommentVNode("", true)]),
|
|
@@ -7178,4 +7178,4 @@ function clampRange(start, end, min, max) {
|
|
|
7178
7178
|
//#endregion
|
|
7179
7179
|
export { formatTime as $, APP_EXPERIMENT_KEY as A, formatExperimentDate as B, MoleculeInput_default as C, useAutoGroup as D, parseCSV as E, EXPERIMENT_STATUS_LABELS as F, NumberInput_default as G, useTheme as H, EXPERIMENT_STATUS_OPTIONS as I, addMinutes as J, TagsInput_default as K, EXPERIMENT_STATUS_VARIANT_MAP as L, usePlatformContext as M, useExperimentSelector as N, useWellPlateEditor as O, DATE_PRESET_OPTIONS as P, formatDuration as Q, SORT_OPTIONS as R, useConcentrationUnits as S, extractSamplesFromDesignData as T, useToast as U, useApi as V, FileUploader_default as W, durationMinutes as X, compareTime as Y, findAvailableSlots as Z, DEFAULT_UNITS as _, getFieldRegistryEntry as a, useTimeUtils as at, useDoseCalculator as b, useForm as c, BaseSlider_default as ct, useSequenceUtils as d, BaseCheckbox_default as dt, generateTimeSlots as et, FormulaInput_default as f, BaseSelect_default as ft, DEFAULT_PRESETS as g, useProtocolTemplates as h, useFormBuilder as i, snapToSlot as it, useAppExperiment as j, useRackEditor as k, UnitInput_default as l, BaseRadioGroup_default as lt, useChemicalFormula as m, BaseInput_default as mt, useExperimentData as n, parseTime as nt, getTypeDefault as o, DatePicker_default as ot, ATOMIC_WEIGHTS as p, BaseTextarea_default as pt, TimePicker_default as q, evaluateCondition as r, rangesOverlap as rt, DateTimePicker_default as s, MultiSelect_default as st, useScheduleDrag as t, isTimeInRange as tt, SequenceInput_default as u, BaseToggle_default as ut, generateDilutionSeries as v, DEFAULT_COLORS as w, ConcentrationInput_default as x, useReagentSeries as y, datePresetToISO as z };
|
|
7180
7180
|
|
|
7181
|
-
//# sourceMappingURL=useScheduleDrag-
|
|
7181
|
+
//# sourceMappingURL=useScheduleDrag-CxBeqYcu.js.map
|