Adds a table editor based on the color picker floating draggable panel.
This includes behaviours that keep the panel inside the bounds of the live preview window and light / dark mode.
Those contain only one element informing about there not being any
properties to show. While I think it is important to show
that information so users have a chance to figure out how to
actually use the live data tab, it is not that important that
we need to always show it.
* live-preview: Show why no live data is present
Always list all elements that *could* have live
data, add a Text about "no properties" into empty
ones.
Co-authored-by: Simon Hausmann <hausmann@gmail.com>
* live-preview: Disable Code and Reset buttons in live data mode
They make no sense there.
* live-preview: Fix up breakage due to hiding the buttons
* live-preview: Improve input handling for preview data
* Ignore changes while editing
* Apply chanegs once editing is done
* live-preview: Bring back the CodeWidget in PropertyEditor
* live-preview: Fix Code and Reset button in ColorWidget
* [autofix.ci] apply automated fixes
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
We can now set all the properties exposed to the
business logic of a UI we are previewing.
Simple properties only so far, everything else falls
back to JSON data.
Next step is to add more sophisticated UI to actually
edit more complex data like arrays more graphically.
