mini-widgets: VGI: improve automatic scale handling

[ES-Alexander]

• Increases the automatic precision scaling range from (0-kilo (10³)) to (pico (10^-12) to Tera (10¹²))
• Dynamically determines whether the value is overflowing, which
  • allows checking it for strings, and
  • Fixes VGI: negative values are using incorrect precision #2024, by maximising the (automatic) precision for the visible range

Screen.Recording.2025-11-24.at.11.42.55.am.mov

Maybe not the best use of my time, but it was a fun problem to work on, I'm pretty happy with the result, and I learnt some more about Vue and TypeScript in the process, so I'm calling it a win 😅

[rafaellehmkuhl]

Maybe not the best use of my time, but it was a fun problem to work on

We all know this feeling haha

[rafaellehmkuhl]

@ES-Alexander I actually found a problem with the new approach around m/s:

on master:

on the PR:

[ES-Alexander]

Ahh, that's actually intentional - it's set to have a minimum of 4 display characters because the minus gets rid of one, and I think there are issues with scaling and the like when there are fewer than 3 precision characters.

I think it's reasonable for users with long unit symbols to make the widget a bit longer :-)

[rafaellehmkuhl]

Ahh, that's actually intentional - it's set to have a minimum of 4 display characters because the minus gets rid of one, and I think there are issues with scaling and the like when there are fewer than 3 precision characters.

I think it's reasonable for users with long unit symbols to make the widget a bit longer :-)

I see you tried to account for that more or less with some predefined list of longer units. Maybe we can check the actual width that this unit takes in the UI and adjust to that? I believe we can do that through the scrollWidth property.

[ES-Alexander]

Maybe we can check the actual width that this unit takes in the UI and adjust to that?

That would be great (for determining overflow), I just wasn't sure whether it was difficult to do.

We could also add a special case that allows display characters to be 3 for values between 0.01 and 99, since some people might want that too.

I'll try to keep both in mind when I come back to finish this off :-)