First version Single Line Diagram editor (#376)

* Added initial Single Line Diagram editor

* Fixing unit tests

* First batch

* Every element is a group now

* Bit of refactoring

* Bit of refactoring

* Refactoring

* Added Connectivity Node route drawing

* Some refactoring

* refactoring

* Added terminal check for Connectivity Nodes

* Very small refactoring

* Finalized BusBar

* First try using equipment icons

* Added elements

* refactoring

* Added first SingleLineDiagram unit test

* Fixing build

* Added unit tests for foundation

* Remove panzoom temporary, because it's not working correctly during testing

* Small refactoring

* Added different text size for different components

* Remove text from Connectivity Node

* Added unit tests

* Added terminals

* small refactoring

* Refactoring

* Refactoring

* More refactoring

* More refactoring

* More refactoring + adding Panzoom

* Review comment

* Work after review

* Removed embedded SVG implementation

* refactor: make eslint happy

* refactor(SingleLineDiagram): filter for ConnecitvityNode grounded

* refactor(editors/singlelinediagram/sld-drawing): make use of the transform attribute

* test(editors/singlelinediagram/sld-drawing): remove osolet tests

* refactor(SingleLineDiagram): hide overflow of SLD

* refactor: use identity string as identifier

* refactor(singlelinediagram/sld-drawing): import connectivityNode directly

* feat(icons): add two winding power transformer icon

* refactor(SingleLineDiagram): simplify position/coordinates handling

* refactor: simplify bas bar length calculation

* feat(SingleLineDiagram): add PowerTransformer to SLD

* fix(SingleLineDiagram): not connected route in SLD Editor (#391)

* Intermediate commit

* Added default dimensions for ConductingEquipment

* Slow revert

* Make ESLint happy

* Small refactoring

* Removed drawRoute alias

Co-authored-by: Rob Tjalma <[email protected]>

* Added terminal and Connectivity Node information (#402)

* Added terminal/connectivity node information

* Removed console.log

* Some refactoring

* Small refactoring

* fix(translations/de): add missing German translations

Thank you very much for adding these nice wizards to translate! 👍

Co-authored-by: Rob Tjalma <[email protected]>
Co-authored-by: Christian Dinkel <[email protected]>

Co-authored-by: Rob Tjalma <[email protected]>
Co-authored-by: Jakob Vogelsang <[email protected]>
Co-authored-by: Christian Dinkel <[email protected]>

Author: 4 people

__snapshots__/Single Line Diagram drawing.md

@@ -0,0 +1,68 @@
+# `Single Line Diagram drawing`
+
+## `creates a group element for every given PowerTransformer element that`
+
+####   `looks like its latest snapshot`
+
+```html
+<g
+  id="AA1>TA1"
+  sxy:x="1"
+  sxy:y="9"
+  type="PowerTransformer"
+>
+  <line
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-width="1.5"
+    transform="translate(64,576) scale(1.5)"
+    x1="12.5"
+    x2="12.5"
+    y1="2"
+    y2="5"
+  >
+  </line>
+  <circle
+    cx="12.5"
+    cy="10"
+    fill="transparent"
+    r="5"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-width="1.5"
+    transform="translate(64,576) scale(1.5)"
+  >
+  </circle>
+  <circle
+    cx="12.5"
+    cy="15"
+    fill="transparent"
+    r="5"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-width="1.5"
+    transform="translate(64,576) scale(1.5)"
+  >
+  </circle>
+  <line
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-width="1.5"
+    transform="translate(64,576) scale(1.5)"
+    x1="12.5"
+    x2="12.5"
+    y1="20"
+    y2="23"
+  >
+  </line>
+  <text
+    style="font-family: Roboto, sans-serif; font-weight: 300; font-size: x-small"
+    x="49"
+    y="606"
+  >
+    TA1
+  </text>
+</g>
+
+```
+