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

Use a horizontal aligned placeholder for dynamic aligned drop lists
when there is more than one element in the list

- Refactor variable of the placeholder dimensions

- Important for vertically positioned drop lists
- Analogous to the calculation of the height

- Replace pixel calculation with percentage values
- Use of only two modes: full fill or line

- This makes the behavior identical to real form elements
- To trigger the focusout event, the HTML element needs
the tabindex attribute

Use css grid instead of flex plus calculating margins in template