Circular Slider Tool acts weird with "odd" scales

KingCruzIII commented 1 year ago

Bug report notice

Before you file a bug, make sure that you did not make a configuration mistake. The Swiss Army Knife in its current state does not yet have full configuration sanity checks!

So make sure your problem is not related to that!

[ x] Yes, I'm sure that it is not a configuration mistake

Bug description

When using "odd" scales the tool acts jittery, wont slide past a certain point, or will only bottom/max out. Example:

  min: 60
  max: 70
  step: 1

will make it only make it want to be 60 or 70.

  min: 50
  max: 70
  step: 1

it wont to below 60

Varous other sets of min/max will also have similar effects. 70/100 15/25

But there are still some that work like you would think 14/24 50/90

To Reproduce

Steps to reproduce the behavior:

  - path: circslider
    title: circslider test
    cards:
      - type: "custom:swiss-army-knife-card"
        entities:
          - entity: climate.thermostat
            attribute: temperature
        aspectratio: 1/1
        layout:
          toolsets:
            # ================================================================
            - toolset: circ-slider-test 
              position:
                cx: 50
                cy: 50
              tools:
                # ------------------------------------------------------------
                - type: circslider
                  position:
                    cx: 50
                    cy: 40
                    radius: 25
                    start_angle: -90
                    end_angle: 90
                    thumb:
                      width: 4
                      height: 4
                    label:
                      placement: "position"
                      cx: 50
                      cy: 50
                  entity_index: 0
                  scale:
                    min: 60
                    max: 70
                    step: 1
                  styles:
                    active:
                      stroke: var(--accent-color)
                      stroke-width: 2em
                      stroke-linecap: round
                    track:
                      stroke: var(--secondary-text-color)
                      fill-opacity: 1
                      stroke-width: 2em
                      stroke-linecap: round
                    thumb:
                      fill: var(--accent-color)
                    capture:
                      fill: none
                    label:
                      text-anchor: middle
                      font-size: 25em
                      font-weight: 500
                      fill: var(--primary-text-color)