diff --git a/src/renderer/src/components/config/values/MidiValue.vue b/src/renderer/src/components/config/values/ControlMidiValue.vue similarity index 93% rename from src/renderer/src/components/config/values/MidiValue.vue rename to src/renderer/src/components/config/values/ControlMidiValue.vue index 87c6c9a..f016f3d 100644 --- a/src/renderer/src/components/config/values/MidiValue.vue +++ b/src/renderer/src/components/config/values/ControlMidiValue.vue @@ -24,12 +24,12 @@ const props = defineProps({ const emit = defineEmits(['update']) //TODO: These inputs are limited to 0-127 and 1-16, but once the value is at min/max the change events don't propagate and the field can contain invalid values const ccModel = computed({ - get: () => props.value.cc, + get: () => props.value.cc || 0, set: (cc) => emit('update', { cc: Math.max(0, Math.min(Number(cc), 127)) }) }) const channelModel = computed({ - get: () => props.value.channel, + get: () => props.value.channel || 1, set: (channel) => emit('update', { channel: Math.max(1, Math.min(Number(channel), 16)) }) }) diff --git a/src/renderer/src/components/config/values/ValueCard.vue b/src/renderer/src/components/config/values/ValueCard.vue index cc569c7..bec13aa 100644 --- a/src/renderer/src/components/config/values/ValueCard.vue +++ b/src/renderer/src/components/config/values/ValueCard.vue @@ -136,7 +136,7 @@ import { } from 'lucide-vue-next' import { useElementSize } from '@vueuse/core' import TriggerActionsValue from '@renderer/components/config/values/TriggerActionsValue.vue' -import MidiValue from './MidiValue.vue' +import ControlMidiValue from './ControlMidiValue.vue' import { useDeviceStore } from '@renderer/deviceStore' const deviceStore = useDeviceStore() @@ -157,8 +157,9 @@ const props = defineProps({ const valueTypeOptions = ref({ mouse: { label: 'Move or Scroll the Mouse', component: 'ControlMouseValue' }, gamepad: { label: 'Control a Gamepad Axis', component: 'ControlGamepadValue' }, - midi: { label: 'Control a MIDI CC Value', component: MidiValue }, - action: { label: 'Trigger Actions on Rotation', component: TriggerActionsValue } + midi: { label: 'Control a MIDI CC Value', component: ControlMidiValue }, + action: { label: 'Trigger Actions on Rotation', component: TriggerActionsValue }, + profiles: { label: 'Switch Profiles', component: 'SwitchProfilesValue' } }) const valueType = computed(() => {