#405

#381

#409

Drop lists that allow only one element but are not used in cloze texts
display their elements right-aligned

Read-only math fields are displayed without borders

- Show the error message only after the math field has been touched
- Add styles for error message

- Mainly highlight border and moving elements.
- Centerpiece is: line-height: 130%;
  Don't know why or how but it works okay.

- Add own line height style to error message to exclude it
- Add missing semicolons to styles

Rules for when drop is allowed have been fixed. It is quite complicated 
and therefore a lot of explanatory comments are added.

- improved translation
- add example file

Uses external software 'MathLive'.

Distpacker issues with mathlive have been solved in a custom 
distpacker.ts in scripts-folder. This is now used instead of the 
distpacker from the npm package.

Allows DropListvalueObjects which have this setting to be replaced in
lists which only allow onlyOneItem. When this switch is set, the class
sets the other 2 internal values
(originListID?: string; originListIndex) itself. Those can not be seen
nor changed from outside.

Also refactoring in lots of places around droplists. Better names, 
cleaner structure, comments.

#305

Lists with this setting delete dropped value objects. This allows 
putting items back.
(Only makes sense when used with copyOnDrop. Otherwise there can not be 
duplicate value IDs).

Also improve constructor value checks to correctly handle nullish 
booleans.

#281

- If this property is set, the input of more characters than specified
in maxLength is prevented
- It also prevents the insertion of text.

- Reduce redundant code
- Prepare implementation of input limitations

#309

Otherwise, no elements can be dropped at this place

To detect if a custom form element was touched it is necessary to set a
custom tab index

Use the source list placeholderIndex instead of the index for the target 
list.

Chromium does not allow DOM manipulation on dragstart. Therefore add 
timeout.

- Replace Material Droplist with native HTML events
- Remove simple-drop-list element; Cloze elements now use the normal 
DropList element
- Add example units

- Make sure that the textarea has been displayed once (AfterViewInit)
  before its dimensions change again

- The width of the border is no longer needed because
"box-sizing: border" is used
- Scaling of the inner triangle areas is replaced by the setting of 500%
 width and height to be able to fill the whole area of the obtuse
 triangles and at the same time not change the width of their borders

- A HotspotImage has an image and divs placed on it, which are used
as hotspots
- Inherits from FormElementComponent, which is why the hotspots are kept
  as a list in the value property.
- Can be validated as required and uses its own custom validator

- overflow of lists is now hidden to prevent dropable elements from
being displayed outside the container
- placeholders are hidden with flex orientation