Make fractional slot numbers more obvious in WheelSlot UI (#5411)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>

Author: Copilot

ui/components/PropertyInputNumber.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { anyProp, booleanProp, objectProp, oneOfTypesProp, stringProp } from 'vue-ts-types';
+import { anyProp, booleanProp, numberProp, objectProp, oneOfTypesProp, stringProp } from 'vue-ts-types';
 
 export default {
   props: {
@@ -26,6 +26,7 @@ export default {
     maximum: oneOfTypesProp([Number, String]).optional, // can be the string `invalid`
     value: anyProp().required,
     lazy: booleanProp().withDefault(false),
+    stepOverride: numberProp().optional,
   },
   emits: {
     input: value => true,
@@ -71,6 +72,9 @@ export default {
       return null;
     },
     step() {
+      if (this.stepOverride !== undefined) {
+        return this.stepOverride;
+      }
       return this.schemaProperty.type === `integer` ? 1 : `any`;
     },
 

ui/components/editor/EditorProportionalPropertySwitcher.vue

@@ -19,7 +19,8 @@
           v-model="slotNumberStart"
           :name="`capability${capability.uuid}-${propertyName}Start`"
           :required="required"
-          :schema-property="slotNumberSchema" />
+          :schema-property="slotNumberSchema"
+          :step-override="0.5" />
 
         <PropertyInputEntity
           v-else-if="entitySchema"
@@ -72,7 +73,8 @@
           v-model="slotNumberEnd"
           :name="`capability${capability.uuid}-${propertyName}End`"
           :required="required"
-          :schema-property="slotNumberSchema" />
+          :schema-property="slotNumberSchema"
+          :step-override="0.5" />
 
         <PropertyInputEntity
           v-else-if="entitySchema"
@@ -109,7 +111,8 @@
         v-model="slotNumberStepped"
         :name="`capability${capability.uuid}-${propertyName}`"
         :required="required"
-        :schema-property="slotNumberSchema" />
+        :schema-property="slotNumberSchema"
+        :step-override="0.5" />
 
       <PropertyInputEntity
         v-else-if="entitySchema"

ui/components/editor/capabilities/CapabilityWheelShake.vue

@@ -6,7 +6,7 @@
       multiple-inputs
       :name="`capability${capability.uuid}-slotNumber`"
       label="Slot number"
-      hint="Leave the slot number empty if this capability doesn't select a wheel slot, but only activates wheel shaking for a WheelSlot capability in another channel."
+      hint="Leave the slot number empty if this capability doesn't select a wheel slot, but only activates wheel shaking for a WheelSlot capability in another channel. Use 1.5 to indicate a wheel position halfway between slots 1 and 2."
       style="display: inline-block; margin-bottom: 12px;">
       <EditorProportionalPropertySwitcher
         :capability="capability"

ui/components/editor/capabilities/CapabilityWheelSlot.vue

@@ -5,7 +5,9 @@
       :formstate="formstate"
       multiple-inputs
       :name="`capability${capability.uuid}-slotNumber`"
-      label="Slot number">
+      label="Slot number"
+      hint="Use 1.5 to indicate a wheel position halfway between slots 1 and 2."
+      style="display: inline-block; margin-bottom: 12px;">
       <EditorProportionalPropertySwitcher
         :capability="capability"
         :formstate="formstate"

ui/components/editor/capabilities/CapabilityWheelSlotRotation.vue

@@ -6,7 +6,7 @@
       multiple-inputs
       :name="`capability${capability.uuid}-slotNumber`"
       label="Slot number"
-      hint="Leave the slot number empty if this capability doesn't select a wheel slot, but only activates wheel slot rotation for a WheelSlot capability in another channel."
+      hint="Leave the slot number empty if this capability doesn't select a wheel slot, but only activates wheel slot rotation for a WheelSlot capability in another channel. Use 1.5 to indicate a wheel position halfway between slots 1 and 2."
       style="display: inline-block; margin-bottom: 12px;">
       <EditorProportionalPropertySwitcher
         :capability="capability"