Elements are supposed to be centred when this setting is used. Since it 
is the same CSS for almost all element components it is put into global 
styles.

Missing components: video, spelling.

This reverts commit 87534c53.

Options still had a margin-top, which is wrong when there is no label 
above.

The theme file is now project specific because Angular demands assets
to be part of the project.
It also differs in content: The editor theme is only applied to canvas
elements. For the player every checkbox and radio button is affected.

The components now again use the default color of 'accent'. The custom
theme now has the green as accent color and no longer primary.

Used in checkboxes and radio buttons, which are now green.
The secondary is unused but for safety set to the same as the default
theme should be.

For all elements using radio buttons.

Also remove duplicate CSS declaration.

The problem being solved is that compound-sub-elements must not have
all the properties other elements have. For exampe positioning info.
Sub-Elements are positioned inline. To avoid having similar class
inheritance structures for positioned and inline elements, we use
interface. Positioning is done via interface and is therefore optional.

Those optional properties are kept in an object in a variable. This
allows to hide specifics from element classes and removes the need to
initialize all the fields in every class using the interface.
The elements mostly care about their own specific properties anyway.

The same technique is used for font and surface elements. Here we also
don't want to initialize all the styles in every class.

Changing values of element properties works like before. Just set the
property as if it would be a direkt prop of the element. The element
itself puts the value in the currect sub-object (positioningProps,
fontProps etc).

For reading the values there is a similar method, but it is not used
anywhere by now. Since the properties panel operates on the raw values
anyway (refer CombinedProperties) and for element components this would
mean calling a function in the template, which caused change detection
to run the function very often and is therefore bad practice.

Additional notes and refactorings:
- Restructure all files in common. UIElements in the same folder etc.
- Move all interfaces to the UIElement file. This avoids circular
  imports, which would be needed to allow PositionedElement to extend
  UIElement.
- Interface initializers also handle reading values in the old form.
- Add PositionedElement for use in canvas overlays. This is a UIElement
  with guaranteed postionProps.
- Don't export all Material packages from common, only the ones
  used in player and editor. The rest is only used in common and
  does not need to be exported.

SHould now always correctly line up with the text even on different line 
heights.

This allows to use them in template bindings. Used in compound elements.

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.

The condition did not respect the case of null value.

Make radio button and first line of the label (in case there is a line 
break) appear at the same height.

This makes it so that other options appear with strikethrough when one 
is selected.

For elements which don't have this functionality the workaround is to 
use pointer events and make the elements unclickable.

Add 10px margin between label and options.

Other elements do implement the interface but do nothing with the 
property. This make all the interface handling a lot easier at the cost 
of having useless variables in some contexts.

Margin between lines and between button and it's label.

Saving the actual drop down value did not work with duplicate option 
values.

- Remove interfaces
- Add classes for all elements as well as unit, page and section
- 2 intermediate interfaces are kept. They dont constituate a viable 
object but only additional properties, like background-color. Those can 
be added as interface to all elements. Initialisation has to be done by 
the element itself though and not by some constructor higher up.

* When elements receive the focusin event, their status is changed to
`TOUCHED`
* Replace `this.form.valueChanges` subscription with
`this.unitStateService.unitStateElementCodeChanged` subscription

* Adapts their appearance to mat-form-fields
* Fix coloring of background for checkboxes

Overridden by some child elements (TextField, CheckBox)

* Delete validation message component
* Use instead `mat-error` inside element components to take advantage
 of `mat-input-field`
* Add get validators method to each form element component
* Display validation messages via `error-transform` pipe

* Remove unnecessary styles
* Refactor case distinctions
* Improve styles of some elements