This looked bad having a null value in the DOM.
16 is the default font size of the app right now.

- Reordered the buttons to make it look nicer (but still make sence 
logically)
- Put some more divs with flex layouting to prevent elements moving 
unexpextedly.
- Changed color and list inputs to split-buttons. Those compone a button 
with a dropdown.
- The editor now saves the set color and  it can be applied to 
subsequent selections as well.

ProseMirror seems not to allow editing text nodes. Since a text node can 
be a child of an element being applied the bullet list to, it fails for 
that text element. It seems it was workingly correctly before. The error 
seen on the console was inconsequential since we don't want to apply 
attributes to pure text nodes anyway. This change at least removes this 
error.

This shows a outline on potential dropLists when dragging an item.

- Remove grab cursor from the canvas as it is no longer draggable (was
  in an earlier version)
- Fix element visual overlaying the resize element. Now the actual
  element is hidden, while the resize is going on.

Element cursor are changed so that there is a 'grab' cursor on hover
and a 'grabbing' cursor while active (clicked but not dragged yet)
and while dragging.
The resize cursor always stays the same, as there is not alternative
active curser (like grab/grabbing) for this.

On the dynamic overlay the curser cannot be set while the element
is being dragged. I assume it is because of 'relative' positioning.
The element is taken out of the DOM and pointer events don't work,
including cursors. This is why the body needs to be cursor-styled.
Cursors are set dynamically in the component via CSS class.
When dragging starts it is set and removed when it ends.

Also add an additional direct input for font color.

Move the first tab to it's own component. File still is way to long and
unwieldy.

This structure moves closer to the structure template the team decided
on. Components and services are kept in dedicated folders instead of
following the logical code structure. This is still not the case here as
the unit-view component is still nested, but it's closer.

Now correctly uses the multiline dialog.

Use global styles and remove unecessary styling commands. The dialog 
window will mostly size itself.

Use separate method with a name to know what this nested loop is for.

All elements now use the elementValueChanged event. Also
formValueChanged is changed.

Also reorder translations a bit.

Options and value were the same thing anyway and the value was updated 
once anything was changed within that dropList.
The player though needs a start value and this way we have one.

Interactions are mutually exclusive (for now). The string values 
describe which interaction is possible.

This change mainly helps the editor.
The idea is to make the element components have the correct value of
their model and don't rely on the formcontrol value. The formcontrol
can be hard to manipulate, especially in compound elements. Setting
the model value is way easier.

The formcontrols are kept and should not interfere.

Does no longer change the options instead of the connectedTo array. I 
reworked some logic that before only changed the options to now be able 
to handle any kind of string list.

It needs row and column to work. (It is using flex in the background.)

Use 'horizontal' and 'vertical'. Which are better terms and also align 
with other element's values.

Also improve conditional border style. The additional dragPreview is 
needed so the dragged item does not have the border.

In the UI. Internally it is still likert.

The player-element dialog options did not show the field, even when it 
has a value. Now it properly checks of the existing config has this set.

This element has a list of string as editable options. Those strings 
form draggable elements which may be reordered or moved between 
different DropList elements.

Also refactor option change logic to allow any property not just the 
text property.

It logically belongs there since it is no compound element and also 
needs to be near the other radio group.

Now correctly shows a dropdown instead of a text area.

This works similarly to the standard radio group, but has a fixed 
horizontal layout with images above the options.

When selecting the preset value, sometimes the string is empty and it is 
not possible to differentiate the options. Therefore an index is added 
making it possible to reliably select a value.

The whole panel tab was not correctly checking for value existence. Need 
to check for undefined not null.

Function was incorrectly returning after the first element.

There were some things missing when renaming questions/answers to 
rows/columns. Now everything is properly named.