Icon (ok) and segmented arc (nok) not showing the same color at exact colorstop limits

[AmoebeLabs]

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

A clear and concise description of what the bug is.

The colorstop limits are nog always consistent between segmented arc and animations. The segmented arc stays green when percentage changes to 40% (why??), but after a browser refresh it becomes yellow. The battery percentage icon however stays green at 40%.

Both are using the same colorstop template. So this seems some calculation is going wrong to determine the current color in the segarc rendering after a refresh. Might be something about > or >= or < and <=.

Battery percentage at 40%:

And battery percentage at 39%:

To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

YAML definition of view part:

          layout:
            template:
              name: sak_layout_fce_sensor2
              variables:
                - sak_layout_sensor_colorstops_template: colorstops_battery_level
                - sak_layout_sensor_icon_style: colorstops
                - sak_layout_sensor_segarc_style: colorstops
                - sak_layout_sensor_scale_max: 100    

The colorstops_battery_level template looks like this:

colorstops_battery_level:
  template:
    type: colorstops
    defaults:
      - thegap: 1
      - theFill: true
      - theStroke: false
  colorstops:
    gap: '[[thegap]]'
    fill: '[[theFill]]'
    stroke: '[[theStroke]]'
    colors:
      00: 'var(--brand-google-red)'
      20: 'var(--brand-google-yellow)'
      40: 'var(--brand-google-green)'

Expected behavior

A clear and concise description of what you expected to happen.

Both the icon as the segarc are using the same (of course) colorstop template, so should show the same colors. Even after a refresh!

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop browser (please complete the following information):

• OS: [e.g. Windows]
• Browser [e.g. chrome, safari]
• Version [e.g. 110]

Companion App on Smartphone/Tablet (please complete the following information):

• Device: [e.g. iPhone16]
• OS: [e.g. iOS16]
• Browser [e.g. stock browser, safari]
• Version [e.g. 16]

Additional context Add any other context about the problem here.

(Optional): Suggested Solution

Any suggested solution to this bug.