From 1a87a4b1381797007452f67fa5e11a6f2e6b9bc7 Mon Sep 17 00:00:00 2001
From: Thomas ADAM <52197093+tadam50@users.noreply.github.com>
Date: Mon, 27 Mar 2023 20:19:17 +0200
Subject: [PATCH] [SLD] Animate feeder arrows (#500)

* Use new AnimatedFeederInfoStyleProvider for animation
* Add 2 thresholds in AnimatedFeederInfoStyleProvider constructor
* Update svg test reference files
* HvdcTest : fix svg generation at any time

Signed-off-by: Thomas ADAM <tadam@silicom.fr>
---
 .../java/com/powsybl/nad/svg/HvdcTest.java    |   1 -
 .../powsybl/sld/svg/BasicStyleProvider.java   |   4 +-
 .../com/powsybl/sld/svg/DiagramStyles.java    |  11 +
 .../sld/svg/DirectionalFeederInfo.java        |  11 +-
 .../util/AnimatedFeederInfoStyleProvider.java |  76 +++++
 .../src/main/resources/animations.css         |  33 +++
 .../com/powsybl/sld/iidm/TestFeederInfos.java |  78 ++++-
 .../resources/InternalBranchesBusBreaker.svg  |  16 +-
 .../resources/InternalBranchesNodeBreaker.svg |  16 +-
 .../NodeDecoratorsBranchStatusBusBreaker.svg  |  16 +-
 .../NodeDecoratorsBranchStatusNodeBreaker.svg |  24 +-
 .../test/resources/NodeDecoratorsSwitches.svg |  16 +-
 .../resources/TestAnimatedFeederInfos.svg     | 272 ++++++++++++++++++
 .../src/test/resources/TestCase1.svg          |   2 +-
 .../test/resources/TestCase11FlatDesign.svg   |  54 ++--
 .../TestCase11SubstationGraphHFirst.svg       |  54 ++--
 .../TestCase11SubstationGraphHLast.svg        |  54 ++--
 .../TestCase11SubstationGraphHMiddle.svg      |  54 ++--
 .../TestCase11SubstationGraphHNone.svg        |  54 ++--
 ...ase12GraphWithNodesInfosNominalVoltage.svg |  24 +-
 ...stCase12GraphWithNodesInfosTopological.svg |  24 +-
 .../TestCase15GraphWithVoltageIndicator.svg   |   6 +-
 ...15GraphWithVoltageIndicatorTopological.svg |   6 +-
 ...TestCase15GraphWithoutVoltageIndicator.svg |   6 +-
 .../test/resources/TestCaseFictitiousBus.svg  |   6 +-
 .../TestCaseFictitiousBusTopological.svg      |   6 +-
 .../TestCaseKeepFictitiousSwitchNode.svg      |   2 +-
 .../resources/TestCaseLoadBreakSwitch.svg     |   4 +-
 .../TestCaseRemoveFictitiousSwitchNode.svg    |   2 +-
 .../src/test/resources/TestCheese.svg         |   2 +-
 .../TestComplexParallelLegsInternalPst.svg    |   2 +-
 .../src/test/resources/TestFeederInfos.svg    |   2 +-
 .../src/test/resources/TestFeederOnBus.svg    |   2 +-
 .../resources/TestFeederOnBusDisconnector.svg |   2 +-
 .../resources/TestFormattingFeederInfos.svg   |   2 +-
 .../test/resources/TestSldClassSubstation.svg |   8 +-
 .../src/test/resources/TestSldClassVl.svg     |   4 +-
 .../src/test/resources/consecutive_shunts.svg |  20 +-
 .../src/test/resources/feederInfoTest.svg     |   6 +-
 .../src/test/resources/noComponentsOnBus.svg  |   6 +-
 .../nominal_voltage_style_substation.svg      |  12 +-
 .../resources/nominal_voltage_style_vl2.svg   |   4 +-
 .../resources/nominal_voltage_style_vl3.svg   |   2 +-
 .../src/test/resources/switchesOnBus.svg      |   6 +-
 .../topological_style_substation.svg          |  12 +-
 45 files changed, 743 insertions(+), 281 deletions(-)
 create mode 100644 single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/util/AnimatedFeederInfoStyleProvider.java
 create mode 100644 single-line-diagram/single-line-diagram-core/src/main/resources/animations.css
 create mode 100644 single-line-diagram/single-line-diagram-core/src/test/resources/TestAnimatedFeederInfos.svg

diff --git a/network-area-diagram/src/test/java/com/powsybl/nad/svg/HvdcTest.java b/network-area-diagram/src/test/java/com/powsybl/nad/svg/HvdcTest.java
index 1bdb9c068..482ba4df7 100644
--- a/network-area-diagram/src/test/java/com/powsybl/nad/svg/HvdcTest.java
+++ b/network-area-diagram/src/test/java/com/powsybl/nad/svg/HvdcTest.java
@@ -45,7 +45,6 @@ protected LabelProvider getLabelProvider(Network network) {
     @Test
     public void testHvdcVL1Depth1() {
         Network network = HvdcTestNetwork.createVsc();
-        debugSvg = true;
         assertEquals(
                 toString("/hvdc-vl-depth-1.svg"),
                 generateSvgString(network,
diff --git a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/BasicStyleProvider.java b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/BasicStyleProvider.java
index 090b72ef6..f4b1111bf 100644
--- a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/BasicStyleProvider.java
+++ b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/BasicStyleProvider.java
@@ -128,10 +128,10 @@ public List<URL> getCssUrls() {
     @Override
     public List<String> getCellStyles(Cell cell) {
         if (cell instanceof ExternCell) {
-            return Collections.singletonList(EXTERN_CELL);
+            return List.of(EXTERN_CELL, buildStyle(cell.getDirection()));
         }
         if (cell instanceof InternCell) {
-            return List.of(INTERN_CELL, CELL_SHAPE_PREFIX + ((InternCell) cell).getShape().name().toLowerCase());
+            return List.of(INTERN_CELL, buildStyle(((InternCell) cell).getShape()));
         }
         if (cell instanceof ShuntCell) {
             return Collections.singletonList(SHUNT_CELL);
diff --git a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DiagramStyles.java b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DiagramStyles.java
index f365572db..daf6bbe1e 100644
--- a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DiagramStyles.java
+++ b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DiagramStyles.java
@@ -6,6 +6,8 @@
  */
 package com.powsybl.sld.svg;
 
+import com.powsybl.sld.model.cells.InternCell;
+import com.powsybl.sld.model.coordinate.Direction;
 import org.apache.commons.lang3.StringUtils;
 
 import java.io.IOException;
@@ -41,6 +43,7 @@ public final class DiagramStyles {
     public static final String INTERN_CELL = STYLE_PREFIX + "intern-cell";
     public static final String SHUNT_CELL = STYLE_PREFIX + "shunt-cell";
     public static final String CELL_SHAPE_PREFIX = STYLE_PREFIX + "cell-shape-";
+    public static final String CELL_DIRECTION_PREFIX = STYLE_PREFIX + "cell-direction-";
     public static final String LEGEND = STYLE_PREFIX + "legend";
     public static final String VOLTAGE = STYLE_PREFIX + "voltage";
     public static final String ANGLE = STYLE_PREFIX + "angle";
@@ -116,4 +119,12 @@ public static String unescape(String input) {
         }
         return out.toString();
     }
+
+    public static String buildStyle(Direction direction) {
+        return CELL_DIRECTION_PREFIX + direction.name().toLowerCase();
+    }
+
+    public static String buildStyle(InternCell.Shape shape) {
+        return CELL_SHAPE_PREFIX + shape.name().toLowerCase();
+    }
 }
diff --git a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DirectionalFeederInfo.java b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DirectionalFeederInfo.java
index f1598351e..44fe38124 100644
--- a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DirectionalFeederInfo.java
+++ b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/svg/DirectionalFeederInfo.java
@@ -13,6 +13,8 @@ public class DirectionalFeederInfo extends AbstractFeederInfo {
 
     private final DiagramLabelProvider.LabelDirection arrowDirection;
 
+    private final double value;
+
     public DirectionalFeederInfo(String componentType, DiagramLabelProvider.LabelDirection arrowDirection, String leftLabel, String rightLabel) {
         this(componentType, arrowDirection, leftLabel, rightLabel, null);
     }
@@ -20,6 +22,7 @@ public DirectionalFeederInfo(String componentType, DiagramLabelProvider.LabelDir
     public DirectionalFeederInfo(String componentType, DiagramLabelProvider.LabelDirection arrowDirection, String leftLabel, String rightLabel, String userDefinedId) {
         super(componentType, leftLabel, rightLabel, userDefinedId);
         this.arrowDirection = Objects.requireNonNull(arrowDirection);
+        this.value = Double.NaN;
     }
 
     public DirectionalFeederInfo(String componentType, double value, DoubleFunction<String> formatter) {
@@ -27,7 +30,9 @@ public DirectionalFeederInfo(String componentType, double value, DoubleFunction<
     }
 
     public DirectionalFeederInfo(String componentType, double value, DoubleFunction<String> formatter, String userDefinedId) {
-        this(componentType, getArrowDirection(value), null, formatter.apply(value), userDefinedId);
+        super(componentType, null, formatter.apply(value), userDefinedId);
+        this.arrowDirection = Objects.requireNonNull(getArrowDirection(value));
+        this.value = value;
     }
 
     private static DiagramLabelProvider.LabelDirection getArrowDirection(double value) {
@@ -37,4 +42,8 @@ private static DiagramLabelProvider.LabelDirection getArrowDirection(double valu
     public DiagramLabelProvider.LabelDirection getDirection() {
         return arrowDirection;
     }
+
+    public double getValue() {
+        return value;
+    }
 }
diff --git a/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/util/AnimatedFeederInfoStyleProvider.java b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/util/AnimatedFeederInfoStyleProvider.java
new file mode 100644
index 000000000..c71e2cecc
--- /dev/null
+++ b/single-line-diagram/single-line-diagram-core/src/main/java/com/powsybl/sld/util/AnimatedFeederInfoStyleProvider.java
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+package com.powsybl.sld.util;
+
+import com.powsybl.iidm.network.*;
+import com.powsybl.sld.svg.DirectionalFeederInfo;
+import com.powsybl.sld.svg.FeederInfo;
+
+import java.util.*;
+
+import static com.powsybl.sld.svg.DiagramStyles.STYLE_PREFIX;
+
+/**
+ * @author Thomas Adam <tadam at silicom.fr>
+ */
+public class AnimatedFeederInfoStyleProvider extends TopologicalStyleProvider {
+
+    private static final String ARROW_ANIMATION = STYLE_PREFIX + "arrow-animation";
+
+    private static final String ARROW_SPEED = "speed";
+
+    private static final String ARROW_ANIMATION_NO_SPEED = ARROW_ANIMATION + "-no-" + ARROW_SPEED;
+
+    private static final String ARROW_ANIMATION_LOW_SPEED = ARROW_ANIMATION + "-low-" + ARROW_SPEED;
+
+    private static final String ARROW_ANIMATION_AVERAGE_SPEED = ARROW_ANIMATION + "-average-" + ARROW_SPEED;
+
+    private static final String ARROW_ANIMATION_HIGH_SPEED = ARROW_ANIMATION + "-high-" + ARROW_SPEED;
+
+    private final double threshold1;
+
+    private final double threshold2;
+
+    public AnimatedFeederInfoStyleProvider(Network network, double threshold1, double threshold2) {
+        super(network);
+        this.threshold1 = threshold1;
+        this.threshold2 = threshold2;
+    }
+
+    @Override
+    public List<String> getFeederInfoStyles(FeederInfo info) {
+        List<String> styles = new ArrayList<>(super.getFeederInfoStyles(info));
+        if (info instanceof DirectionalFeederInfo) {
+            DirectionalFeederInfo feederInfo = (DirectionalFeederInfo) info;
+            feederInfo.getRightLabel().ifPresent(label -> {
+                double value = Math.abs(feederInfo.getValue());
+                if (!Double.isNaN(value) && value > 0) {
+                    if (value > threshold2) {
+                        styles.add(ARROW_ANIMATION_HIGH_SPEED);
+                    } else if (value > threshold1) {
+                        styles.add(ARROW_ANIMATION_AVERAGE_SPEED);
+                    } else {
+                        styles.add(ARROW_ANIMATION_LOW_SPEED);
+                    }
+                } else {
+                    styles.add(ARROW_ANIMATION_NO_SPEED);
+                }
+            });
+        } else {
+            styles.add(ARROW_ANIMATION_NO_SPEED);
+        }
+        return styles;
+    }
+
+    @Override
+    public List<String> getCssFilenames() {
+        List<String> styles = new ArrayList<>(super.getCssFilenames());
+        styles.add("animations.css");
+        return styles;
+    }
+}
diff --git a/single-line-diagram/single-line-diagram-core/src/main/resources/animations.css b/single-line-diagram/single-line-diagram-core/src/main/resources/animations.css
new file mode 100644
index 000000000..43f9adf39
--- /dev/null
+++ b/single-line-diagram/single-line-diagram-core/src/main/resources/animations.css
@@ -0,0 +1,33 @@
+/* ----------------------------------------------------------------------- */
+/* File : animations.css ------------------------------------------------- */
+/* feeder info  */
+.sld-cell-direction-top :not(.sld-arrow-animation-no-speed) .sld-arrow-in {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,-10 0,10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-top :not(.sld-arrow-animation-no-speed) .sld-arrow-out {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,10 0,-10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-bottom :not(.sld-arrow-animation-no-speed) .sld-arrow-in {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,10 0,-10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-bottom :not(.sld-arrow-animation-no-speed) .sld-arrow-out {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,-10 0,10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+@keyframes move {
+  to {
+    offset-distance: 100%;
+  }
+}
+
+/* Set arrows animation speeds */
+.sld-arrow-animation-low-speed { --sld-arrow-animation-parameters: 3s infinite linear }
+.sld-arrow-animation-average-speed { --sld-arrow-animation-parameters: 2s infinite linear }
+.sld-arrow-animation-high-speed { --sld-arrow-animation-parameters: 1s infinite linear }
diff --git a/single-line-diagram/single-line-diagram-core/src/test/java/com/powsybl/sld/iidm/TestFeederInfos.java b/single-line-diagram/single-line-diagram-core/src/test/java/com/powsybl/sld/iidm/TestFeederInfos.java
index c2f683b88..9a8a53d44 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/java/com/powsybl/sld/iidm/TestFeederInfos.java
+++ b/single-line-diagram/single-line-diagram-core/src/test/java/com/powsybl/sld/iidm/TestFeederInfos.java
@@ -6,10 +6,7 @@
  */
 package com.powsybl.sld.iidm;
 
-import com.powsybl.iidm.network.Country;
-import com.powsybl.iidm.network.Network;
-import com.powsybl.iidm.network.SwitchKind;
-import com.powsybl.iidm.network.TopologyKind;
+import com.powsybl.iidm.network.*;
 import com.powsybl.iidm.network.extensions.ConnectablePosition;
 import com.powsybl.sld.builders.NetworkGraphBuilder;
 import com.powsybl.sld.model.coordinate.Direction;
@@ -17,13 +14,11 @@
 import com.powsybl.sld.model.nodes.FeederNode;
 import com.powsybl.sld.model.nodes.Node;
 import com.powsybl.sld.svg.*;
+import com.powsybl.sld.util.AnimatedFeederInfoStyleProvider;
 import org.junit.Before;
 import org.junit.Test;
 
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
+import java.util.*;
 
 import static com.powsybl.sld.library.ComponentTypeName.ARROW_ACTIVE;
 import static com.powsybl.sld.library.ComponentTypeName.ARROW_REACTIVE;
@@ -112,4 +107,71 @@ public void testFrenchFormatting() {
         // write SVG and compare to reference
         assertEquals(toString("/TestFormattingFeederInfos.svg"), toSVG(g, "/TestFormattingFeederInfos.svg"));
     }
+
+    @Test
+    public void testAnimation() {
+        // Add load at bottom
+        createSwitch(vl, "d2", "d2", SwitchKind.DISCONNECTOR, false, false, false, 0, 3);
+        createLoad(vl, "l2", "l2", "l2", 0, ConnectablePosition.Direction.BOTTOM, 3, 10, 10);
+
+        // Add power values to the load
+        network.getLoad("l").getTerminal().setP(1200.29);
+        network.getLoad("l").getTerminal().setQ(-1.0);
+
+        network.getLoad("l2").getTerminal().setP(501.0);
+        network.getLoad("l2").getTerminal().setQ(0.0);
+
+        layoutParameters.setFeederInfosIntraMargin(20);
+
+        DiagramLabelProvider labelProvider = new DefaultDiagramLabelProvider(network, componentLibrary, layoutParameters) {
+            @Override
+            public List<FeederInfo> getFeederInfos(FeederNode node) {
+                Load l = network.getLoad("l");
+                Load l2 = network.getLoad("l2");
+
+                if (Objects.equals(l.getNameOrId(), node.getEquipmentId())) {
+                    return Arrays.asList(
+                            new DirectionalFeederInfo(ARROW_ACTIVE, l.getTerminal().getP(), valueFormatter::formatPower, null),
+                            new DirectionalFeederInfo(ARROW_REACTIVE, l.getTerminal().getQ(), valueFormatter::formatPower, null));
+                } else {
+                    return Arrays.asList(
+                            new DirectionalFeederInfo(ARROW_ACTIVE, l2.getTerminal().getP(), valueFormatter::formatPower, null),
+                            new DirectionalFeederInfo(ARROW_REACTIVE, l2.getTerminal().getQ(), valueFormatter::formatPower, null),
+                            new DirectionalFeederInfo(ARROW_REACTIVE, Double.NaN, valueFormatter::formatPower, null),
+                            new FeederInfo() {
+                                @Override
+                                public String getUserDefinedId() {
+                                    return null;
+                                }
+
+                                @Override
+                                public String getComponentType() {
+                                    return ARROW_ACTIVE;
+                                }
+
+                                @Override
+                                public Optional<String> getLeftLabel() {
+                                    return Optional.of("Left");
+                                }
+
+                                @Override
+                                public Optional<String> getRightLabel() {
+                                    return Optional.of("Right");
+                                }
+                            });
+                }
+            }
+        };
+
+        DiagramStyleProvider styleProvider = new AnimatedFeederInfoStyleProvider(network, 500, 1000);
+
+        // build graph
+        VoltageLevelGraph g = graphBuilder.buildVoltageLevelGraph(vl.getId());
+
+        // Run layout
+        voltageLevelGraphLayout(g);
+
+        // write SVG and compare to reference
+        assertEquals(toString("/TestAnimatedFeederInfos.svg"), toSVG(g, "/TestAnimatedFeederInfos.svg", labelProvider, styleProvider));
+    }
 }
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesBusBreaker.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesBusBreaker.svg
index 4286e9625..672b14f1a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesBusBreaker.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesBusBreaker.svg
@@ -144,7 +144,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B11_95_LD1_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_LD1_45_LD1">
                 <polyline points="265.0,252.0,265.0,222.0"/>
             </g>
@@ -180,7 +180,7 @@
                 <text class="sld-label" id="LD1_N_LABEL" x="-5.0" y="-5.0">LD1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B11_95_L11_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_L11_95_ONE_45_L11_95_ONE">
                 <polyline points="315.0,252.0,315.0,307.0"/>
             </g>
@@ -213,7 +213,7 @@
                 <text class="sld-label" id="L11_ONE_S_LABEL" x="-5.0" y="5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B11_95_L12_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_L12_95_ONE_45_L12_95_ONE">
                 <polyline points="365.0,252.0,365.0,307.0"/>
             </g>
@@ -246,7 +246,7 @@
                 <text class="sld-label" id="L12_ONE_S_LABEL" x="-5.0" y="5.0">L12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B11_95_T3_95_12_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_T3_95_12_45_T3_95_12">
                 <polyline points="440.0,252.0,440.0,307.0"/>
             </g>
@@ -297,7 +297,7 @@
                 <text class="sld-label" id="T3_12_THREE_S_LABEL" x="-5.0" y="5.0">T3_12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B12_95_G_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_G_45_G">
                 <polyline points="515.0,277.0,515.0,222.0"/>
             </g>
@@ -333,7 +333,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B12_95_L11_95_TWO_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_L11_95_TWO_45_L11_95_TWO">
                 <polyline points="565.0,277.0,565.0,307.0"/>
             </g>
@@ -366,7 +366,7 @@
                 <text class="sld-label" id="L11_TWO_S_LABEL" x="-5.0" y="5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B12_95_T12_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_T12_95_ONE_45_T12_95_ONE">
                 <polyline points="615.0,277.0,615.0,307.0"/>
             </g>
@@ -401,7 +401,7 @@
                 <text class="sld-label" id="T12_ONE_S_LABEL" x="-5.0" y="20.0">T12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500" id="_95_VL1_95_BUSCO_95_B12_95_T3_95_12_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_T3_95_12_45_T3_95_12">
                 <polyline points="690.0,277.0,690.0,307.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesNodeBreaker.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesNodeBreaker.svg
index 919df0918..bafaea90d 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesNodeBreaker.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/InternalBranchesNodeBreaker.svg
@@ -225,7 +225,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D11_95_INTERNAL_95_VL1_95_D11_45_BR12">
                 <polyline points="365.0,252.0,365.0,222.0"/>
             </g>
@@ -269,7 +269,7 @@
                 <text class="sld-label" id="L1_N_LABEL" x="-5.0" y="-5.0">L1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D13_95_INTERNAL_95_VL1_95_D13_45_BR14">
                 <polyline points="415.0,252.0,415.0,222.0"/>
             </g>
@@ -310,7 +310,7 @@
                 <text class="sld-label" id="L11_ONE_N_LABEL" x="-5.0" y="-5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D15_95_INTERNAL_95_VL1_95_D15_45_BR16">
                 <polyline points="465.0,252.0,465.0,222.0"/>
             </g>
@@ -351,7 +351,7 @@
                 <text class="sld-label" id="L12_ONE_N_LABEL" x="-5.0" y="-5.0">L12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D19_95_INTERNAL_95_VL1_95_D19_45_BR20">
                 <polyline points="540.0,252.0,540.0,222.0"/>
             </g>
@@ -410,7 +410,7 @@
                 <text class="sld-label" id="T3_12_THREE_N_LABEL" x="-5.0" y="-5.0">T3_12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D21_95_INTERNAL_95_VL1_95_D21_45_BR22">
                 <polyline points="615.0,277.0,615.0,222.0"/>
             </g>
@@ -454,7 +454,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D23_95_INTERNAL_95_VL1_95_D23_45_BR24">
                 <polyline points="665.0,277.0,665.0,222.0"/>
             </g>
@@ -495,7 +495,7 @@
                 <text class="sld-label" id="L11_TWO_N_LABEL" x="-5.0" y="-5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D27_95_INTERNAL_95_VL1_95_D27_45_BR28">
                 <polyline points="715.0,277.0,715.0,222.0"/>
             </g>
@@ -538,7 +538,7 @@
                 <text class="sld-label" id="T12_ONE_N_LABEL" x="-5.0" y="-5.0">T12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D29_95_INTERNAL_95_VL1_95_D29_45_BR30">
                 <polyline points="790.0,277.0,790.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusBusBreaker.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusBusBreaker.svg
index 053f411bc..8e0cc9ee0 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusBusBreaker.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusBusBreaker.svg
@@ -211,7 +211,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_BUSCO_95_B11_95_LD1_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_LD1_45_LD1">
                 <polyline points="265.0,252.0,265.0,222.0"/>
             </g>
@@ -247,7 +247,7 @@
                 <text class="sld-label" id="LD1_N_LABEL" x="-5.0" y="-5.0">LD1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_BUSCO_95_B11_95_L11_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_L11_95_ONE_45_L11_95_ONE">
                 <polyline points="315.0,252.0,315.0,307.0"/>
             </g>
@@ -283,7 +283,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_BUSCO_95_B11_95_L12_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_L12_95_ONE_45_L12_95_ONE">
                 <polyline points="365.0,252.0,365.0,307.0"/>
             </g>
@@ -319,7 +319,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_BUSCO_95_B11_95_T3_95_12_95_INTERNAL_95_VL1_95_BUSCO_95_B11_95_T3_95_12_45_T3_95_12">
                 <polyline points="440.0,252.0,440.0,307.0"/>
             </g>
@@ -373,7 +373,7 @@
                 <text class="sld-label" id="T3_12_THREE_S_LABEL" x="-5.0" y="5.0">T3_12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL1_95_BUSCO_95_B12_95_G_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_G_45_G">
                 <polyline points="515.0,277.0,515.0,222.0"/>
             </g>
@@ -409,7 +409,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL1_95_BUSCO_95_B12_95_L11_95_TWO_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_L11_95_TWO_45_L11_95_TWO">
                 <polyline points="565.0,277.0,565.0,307.0"/>
             </g>
@@ -445,7 +445,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL1_95_BUSCO_95_B12_95_T12_95_ONE_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_T12_95_ONE_45_T12_95_ONE">
                 <polyline points="615.0,277.0,615.0,307.0"/>
             </g>
@@ -483,7 +483,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL1_95_BUSCO_95_B12_95_T3_95_12_95_INTERNAL_95_VL1_95_BUSCO_95_B12_95_T3_95_12_45_T3_95_12">
                 <polyline points="690.0,277.0,690.0,307.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusNodeBreaker.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusNodeBreaker.svg
index 150fb7f9c..613bd181f 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusNodeBreaker.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsBranchStatusNodeBreaker.svg
@@ -231,7 +231,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D11_95_INTERNAL_95_VL1_95_D11_45_BR12">
                 <polyline points="365.0,342.0,365.0,312.0"/>
             </g>
@@ -275,7 +275,7 @@
                 <text class="sld-label" id="L1_N_LABEL" x="-5.0" y="-5.0">L1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D13_95_INTERNAL_95_VL1_95_D13_45_BR14">
                 <polyline points="415.0,342.0,415.0,312.0"/>
             </g>
@@ -319,7 +319,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D15_95_INTERNAL_95_VL1_95_D15_45_BR16">
                 <polyline points="465.0,342.0,465.0,312.0"/>
             </g>
@@ -363,7 +363,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D19_95_INTERNAL_95_VL1_95_D19_45_BR20">
                 <polyline points="515.0,342.0,515.0,312.0"/>
             </g>
@@ -407,7 +407,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D21_95_INTERNAL_95_VL1_95_D21_45_BR22">
                 <polyline points="565.0,367.0,565.0,312.0"/>
             </g>
@@ -451,7 +451,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D23_95_INTERNAL_95_VL1_95_D23_45_BR24">
                 <polyline points="615.0,367.0,615.0,312.0"/>
             </g>
@@ -495,7 +495,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D27_95_INTERNAL_95_VL1_95_D27_45_BR28">
                 <polyline points="665.0,367.0,665.0,312.0"/>
             </g>
@@ -539,7 +539,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D29_95_INTERNAL_95_VL1_95_D29_45_BR30">
                 <polyline points="715.0,367.0,715.0,312.0"/>
             </g>
@@ -593,7 +593,7 @@
             <line x1="0" x2="175.0" y1="0" y2="0"/>
             <text class="sld-label" id="BBS2_NW_LABEL" x="-5.0" y="-5.0">BBS2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL2_95_D31_95_INTERNAL_95_VL2_95_D31_45_BR32">
                 <polyline points="805.0,342.0,805.0,312.0"/>
             </g>
@@ -637,7 +637,7 @@
                 <text class="sld-label" id="L2_N_LABEL" x="-5.0" y="-5.0">L2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL2_95_D33_95_INTERNAL_95_VL2_95_D33_45_BR34">
                 <polyline points="855.0,342.0,855.0,312.0"/>
             </g>
@@ -681,7 +681,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL2_95_D35_95_INTERNAL_95_VL2_95_D35_45_BR36">
                 <polyline points="905.0,342.0,905.0,312.0"/>
             </g>
@@ -725,7 +725,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-1" id="_95_VL2_95_D37_95_INTERNAL_95_VL2_95_D37_45_BR38">
                 <polyline points="955.0,342.0,955.0,312.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsSwitches.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsSwitches.svg
index e5741c30e..53498e112 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsSwitches.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/NodeDecoratorsSwitches.svg
@@ -246,7 +246,7 @@
                 </g>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D11_95_INTERNAL_95_VL1_95_D11_45_BR12">
                 <polyline points="365.0,252.0,365.0,222.0"/>
             </g>
@@ -296,7 +296,7 @@
                 <text class="sld-label" id="L1_N_LABEL" x="-5.0" y="-5.0">L1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D13_95_INTERNAL_95_VL1_95_D13_45_BR14">
                 <polyline points="415.0,252.0,415.0,222.0"/>
             </g>
@@ -343,7 +343,7 @@
                 <text class="sld-label" id="L11_ONE_N_LABEL" x="-5.0" y="-5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D15_95_INTERNAL_95_VL1_95_D15_45_BR16">
                 <polyline points="465.0,252.0,465.0,222.0"/>
             </g>
@@ -390,7 +390,7 @@
                 <text class="sld-label" id="L12_ONE_N_LABEL" x="-5.0" y="-5.0">L12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D19_95_INTERNAL_95_VL1_95_D19_45_BR20">
                 <polyline points="540.0,252.0,540.0,222.0"/>
             </g>
@@ -455,7 +455,7 @@
                 <text class="sld-label" id="T3_12_THREE_N_LABEL" x="-5.0" y="-5.0">T3_12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D21_95_INTERNAL_95_VL1_95_D21_45_BR22">
                 <polyline points="615.0,277.0,615.0,222.0"/>
             </g>
@@ -505,7 +505,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D23_95_INTERNAL_95_VL1_95_D23_45_BR24">
                 <polyline points="665.0,277.0,665.0,222.0"/>
             </g>
@@ -552,7 +552,7 @@
                 <text class="sld-label" id="L11_TWO_N_LABEL" x="-5.0" y="-5.0">L11</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D27_95_INTERNAL_95_VL1_95_D27_45_BR28">
                 <polyline points="715.0,277.0,715.0,222.0"/>
             </g>
@@ -601,7 +601,7 @@
                 <text class="sld-label" id="T12_ONE_N_LABEL" x="-5.0" y="-5.0">T12</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_VL1_95_D29_95_INTERNAL_95_VL1_95_D29_45_BR30">
                 <polyline points="790.0,277.0,790.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestAnimatedFeederInfos.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestAnimatedFeederInfos.svg
new file mode 100644
index 000000000..bca09d7cf
--- /dev/null
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestAnimatedFeederInfos.svg
@@ -0,0 +1,272 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg height="504.0" viewBox="0 0 180.0 504.0" width="180.0" xmlns="http://www.w3.org/2000/svg">
+    <style><![CDATA[
+/* ----------------------------------------------------------------------- */
+/* File: tautologies.css ------------------------------------------------- */
+.sld-out .sld-arrow-in {visibility: hidden}
+.sld-in .sld-arrow-out {visibility: hidden}
+.sld-closed .sld-sw-open {visibility: hidden}
+.sld-open .sld-sw-closed {visibility: hidden}
+.sld-hidden-node {visibility: hidden}
+.sld-top-feeder .sld-label {dominant-baseline: auto}
+.sld-bottom-feeder .sld-label {dominant-baseline: hanging}
+.sld-active-power .sld-label {dominant-baseline: middle}
+.sld-reactive-power .sld-label {dominant-baseline: middle}
+/* ----------------------------------------------------------------------- */
+/* File: topologicalBaseVoltages.css ------------------------------------- */
+.sld-disconnected {--sld-vl-color: #808080}
+.sld-vl300to500-0 {--sld-vl-color: #FF0000}
+.sld-vl300to500-1 {--sld-vl-color: #7F6C00}
+.sld-vl300to500-2 {--sld-vl-color: #F6B2FF}
+.sld-vl300to500-3 {--sld-vl-color: #996700}
+.sld-vl300to500-4 {--sld-vl-color: #FF85EB}
+.sld-vl300to500-5 {--sld-vl-color: #B25B00}
+.sld-vl300to500-6 {--sld-vl-color: #FF59B5}
+.sld-vl300to500-7 {--sld-vl-color: #CC4400}
+.sld-vl300to500-8 {--sld-vl-color: #FF2C67}
+.sld-vl300to500-9 {--sld-vl-color: #E52600}
+.sld-vl180to300-0 {--sld-vl-color: #218B21}
+.sld-vl180to300-1 {--sld-vl-color: #0D4940}
+.sld-vl180to300-2 {--sld-vl-color: #DFDAB9}
+.sld-vl180to300-3 {--sld-vl-color: #105640}
+.sld-vl180to300-4 {--sld-vl-color: #C2CB92}
+.sld-vl180to300-5 {--sld-vl-color: #14643C}
+.sld-vl180to300-6 {--sld-vl-color: #95B66B}
+.sld-vl180to300-7 {--sld-vl-color: #187036}
+.sld-vl180to300-8 {--sld-vl-color: #5FA046}
+.sld-vl180to300-9 {--sld-vl-color: #1C7E2D}
+.sld-vl120to180-0 {--sld-vl-color: #00AFAE}
+.sld-vl120to180-1 {--sld-vl-color: #000D58}
+.sld-vl120to180-2 {--sld-vl-color: #B8E7B2}
+.sld-vl120to180-3 {--sld-vl-color: #002169}
+.sld-vl120to180-4 {--sld-vl-color: #85D993}
+.sld-vl120to180-5 {--sld-vl-color: #003C7B}
+.sld-vl120to180-6 {--sld-vl-color: #59CB8B}
+.sld-vl120to180-7 {--sld-vl-color: #005C8C}
+.sld-vl120to180-8 {--sld-vl-color: #2CBD94}
+.sld-vl120to180-9 {--sld-vl-color: #00839E}
+.sld-vl70to120-0 {--sld-vl-color: #CC5500}
+.sld-vl70to120-1 {--sld-vl-color: #4A6600}
+.sld-vl70to120-2 {--sld-vl-color: #EFB2DD}
+.sld-vl70to120-3 {--sld-vl-color: #6E7A00}
+.sld-vl70to120-4 {--sld-vl-color: #E685AE}
+.sld-vl70to120-5 {--sld-vl-color: #8E8400}
+.sld-vl70to120-6 {--sld-vl-color: #DD596B}
+.sld-vl70to120-7 {--sld-vl-color: #A37B00}
+.sld-vl70to120-8 {--sld-vl-color: #D4432C}
+.sld-vl70to120-9 {--sld-vl-color: #B76B00}
+.sld-vl50to70-0 {--sld-vl-color: #A020EF}
+.sld-vl50to70-1 {--sld-vl-color: #7F0848}
+.sld-vl50to70-2 {--sld-vl-color: #B7DBFE}
+.sld-vl50to70-3 {--sld-vl-color: #960C6D}
+.sld-vl50to70-4 {--sld-vl-color: #8DA6FE}
+.sld-vl50to70-5 {--sld-vl-color: #AD109A}
+.sld-vl50to70-6 {--sld-vl-color: #6F66FB}
+.sld-vl50to70-7 {--sld-vl-color: #BC14C4}
+.sld-vl50to70-8 {--sld-vl-color: #7F42F6}
+.sld-vl50to70-9 {--sld-vl-color: #B11AD9}
+.sld-vl30to50-0 {--sld-vl-color: #FF8290}
+.sld-vl30to50-1 {--sld-vl-color: #7F6F41}
+.sld-vl30to50-2 {--sld-vl-color: #F6D9FF}
+.sld-vl30to50-3 {--sld-vl-color: #99784E}
+.sld-vl30to50-4 {--sld-vl-color: #FFC3FB}
+.sld-vl30to50-5 {--sld-vl-color: #B27D5B}
+.sld-vl30to50-6 {--sld-vl-color: #FFADE3}
+.sld-vl30to50-7 {--sld-vl-color: #CC7E68}
+.sld-vl30to50-8 {--sld-vl-color: #FF97BF}
+.sld-vl30to50-9 {--sld-vl-color: #E57B75}
+.sld-vl0to30-0 {--sld-vl-color: #AAAE27}
+.sld-vl0to30-1 {--sld-vl-color: #195B0F}
+.sld-vl0to30-2 {--sld-vl-color: #EABABE}
+.sld-vl0to30-3 {--sld-vl-color: #2D6C13}
+.sld-vl0to30-4 {--sld-vl-color: #DDA193}
+.sld-vl0to30-5 {--sld-vl-color: #477D17}
+.sld-vl0to30-6 {--sld-vl-color: #CE9A6E}
+.sld-vl0to30-7 {--sld-vl-color: #648D1C}
+.sld-vl0to30-8 {--sld-vl-color: #BEA04A}
+.sld-vl0to30-9 {--sld-vl-color: #869D22}
+/* ----------------------------------------------------------------------- */
+/* File : highlightLineStates.css ---------------------------------------- */
+.sld-feeder-disconnected {stroke: black}
+.sld-feeder-connected-disconnected {stroke-dasharray: 3,3}
+.sld-feeder-disconnected-connected {stroke: black; stroke-dasharray: 3,3}
+/* ----------------------------------------------------------------------- */
+/* File : animations.css ------------------------------------------------- */
+/* feeder info  */
+.sld-cell-direction-top :not(.sld-arrow-animation-no-speed) .sld-arrow-in {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,-10 0,10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-top :not(.sld-arrow-animation-no-speed) .sld-arrow-out {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,10 0,-10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-bottom :not(.sld-arrow-animation-no-speed) .sld-arrow-in {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,10 0,-10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+.sld-cell-direction-bottom :not(.sld-arrow-animation-no-speed) .sld-arrow-out {
+  offset-rotate: 0deg;
+  offset-path: path('M 0,-10 0,10');
+  animation: move var(--sld-arrow-animation-parameters, 0s);
+}
+@keyframes move {
+  to {
+    offset-distance: 100%;
+  }
+}
+
+/* Set arrows animation speeds */
+.sld-arrow-animation-low-speed { --sld-arrow-animation-parameters: 3s infinite linear }
+.sld-arrow-animation-average-speed { --sld-arrow-animation-parameters: 2s infinite linear }
+.sld-arrow-animation-high-speed { --sld-arrow-animation-parameters: 1s infinite linear }
+/* ----------------------------------------------------------------------- */
+/* File : components.css ------------------------------------------------- */
+/* Stroke black */
+.sld-disconnector {stroke-width: 3; stroke: black; fill: none}
+/* Stroke blue */
+.sld-breaker {stroke-width: 2; stroke: blue; fill:white}
+.sld-load-break-switch {stroke: blue; fill: white}
+/* Stroke --sld-vl-color with fallback black */
+.sld-bus-connection {fill: var(--sld-vl-color, black)}
+.sld-cell-shape-flat .sld-bus-connection {visibility: hidden}
+.sld-busbar-section {stroke: var(--sld-vl-color, black); stroke-width: 3; fill: none}
+/* Stroke --sld-vl-color with fallback red */
+.sld-wire {stroke: var(--sld-vl-color, #c80000); fill: none}
+/* Stroke --sld-vl-color with fallback blue */
+.sld-load {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-generator {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-two-wt {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-three-wt {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-winding {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-capacitor {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-inductor {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-pst {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-pst-arrow {stroke: black; fill: none}
+.sld-svc {stroke: var(--sld-vl-color, blue); fill: none}
+.sld-vsc {stroke: var(--sld-vl-color, blue); font-size: 7.43px; fill: none}
+/* Stroke none & fill: --sld-vl-color */
+.sld-node-infos {stroke: none; fill: var(--sld-vl-color, black)}
+/* Stroke none & fill: black */
+.sld-node {stroke: none; fill: black}
+.sld-flash {stroke: none; fill: black}
+.sld-lock {stroke: none; fill: black}
+/* Fonts */
+.sld-label {stroke: none; fill: black; font: 8px serif}
+.sld-angle, .sld-voltage {font: 10px serif}
+.sld-graph-label {font: 12px serif}
+/* Specific */
+.sld-grid {stroke: #003700; stroke-dasharray: 1,10}
+.sld-feeder-info.sld-active-power {fill:black}
+.sld-feeder-info.sld-reactive-power {fill:blue}
+.sld-frame {fill: var(--sld-background-color, transparent)}
+/* Stroke maroon for fictitious switch */
+.sld-breaker.sld-fictitious {stroke: maroon}
+.sld-disconnector.sld-fictitious {stroke: maroon}
+.sld-load-break-switch.sld-fictitious {stroke: maroon}
+.sld-busbar-section.sld-fictitious {stroke: var(--sld-vl-color, #c80000); stroke-width: 1}
+
+]]></style>
+    <rect class="sld-frame" height="100%" width="100%"/>
+    <g>
+        <g class="sld-busbar-section sld-vl300to500-0" id="idbbs" transform="translate(52.5,252.0)">
+            <line x1="0" x2="75.0" y1="0" y2="0"/>
+            <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
+        </g>
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
+                <polyline points="65.0,252.0,65.0,222.0"/>
+            </g>
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_INTERNAL_95_vl_95_d_45_b_95_b">
+                <polyline points="65.0,222.0,65.0,192.0"/>
+            </g>
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_b_95_INTERNAL_95_vl_95_l">
+                <polyline points="65.0,172.0,65.0,142.0"/>
+            </g>
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_INTERNAL_95_vl_95_l_95_l">
+                <polyline points="65.0,142.0,65.0,84.5"/>
+            </g>
+            <g class="sld-active-power sld-feeder-info sld-out sld-arrow-animation-high-speed" id="idl_ARROW_ACTIVE" transform="translate(60.0,99.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10"/>
+                <text class="sld-label" x="15.0" y="5.0">1,200</text>
+            </g>
+            <g class="sld-reactive-power sld-feeder-info sld-in sld-arrow-animation-low-speed" id="idl_ARROW_REACTIVE" transform="translate(60.0,129.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10"/>
+                <text class="sld-label" x="15.0" y="5.0">-1</text>
+            </g>
+            <g class="sld-disconnector sld-closed sld-vl300to500-0" id="idd" transform="translate(61.0,248.0)">
+                <path class="sld-sw-closed" d="M0,0 8,8 M8,0 0,8"/>
+                <path class="sld-sw-open" d="M8,0 0,8"/>
+            </g>
+            <g class="sld-node sld-hidden-node sld-fictitious sld-vl300to500-0" id="idINTERNAL_95_vl_95_d_45_b" transform="translate(61.0,218.0)">
+                <circle cx="4" cy="4" r="4"/>
+            </g>
+            <g class="sld-breaker sld-closed sld-vl300to500-0" id="idb" transform="translate(55.0,172.0)">
+                <path class="sld-sw-closed" d="M1,1 V19 H19 V1z M10,5 V15"/>
+                <path class="sld-sw-open" d="M1,1 V19 H19 V1z M5,10 H15"/>
+            </g>
+            <g class="sld-node sld-hidden-node sld-fictitious sld-vl300to500-0" id="idINTERNAL_95_vl_95_l" transform="translate(61.0,138.0)">
+                <circle cx="4" cy="4" r="4"/>
+            </g>
+            <g class="sld-load sld-top-feeder sld-vl300to500-0" id="idl" transform="translate(57.0,75.5)">
+                <rect height="9" width="16"/>
+                <line x1="0" x2="16" y1="0" y2="9"/>
+                <line x1="16" x2="0" y1="0" y2="9"/>
+                <text class="sld-label" id="l_N_LABEL" x="-5.0" y="-5.0">l</text>
+            </g>
+        </g>
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d2_95_INTERNAL_95_vl_95_d2_45_l2">
+                <polyline points="115.0,252.0,115.0,282.0"/>
+            </g>
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_INTERNAL_95_vl_95_d2_45_l2_95_INTERNAL_95_vl_95_l2">
+                <polyline points="115.0,282.0,115.0,362.0"/>
+            </g>
+            <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_INTERNAL_95_vl_95_l2_95_l2">
+                <polyline points="115.0,362.0,115.0,419.5"/>
+            </g>
+            <g class="sld-active-power sld-feeder-info sld-out sld-arrow-animation-average-speed" id="idl2_ARROW_ACTIVE" transform="translate(110.0,394.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10" transform="rotate(180.0,5.0,5.0)"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10" transform="rotate(180.0,5.0,5.0)"/>
+                <text class="sld-label" x="15.0" y="5.0">501</text>
+            </g>
+            <g class="sld-reactive-power sld-feeder-info sld-in sld-arrow-animation-no-speed" id="idl2_ARROW_REACTIVE" transform="translate(110.0,364.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10" transform="rotate(180.0,5.0,5.0)"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10" transform="rotate(180.0,5.0,5.0)"/>
+                <text class="sld-label" x="15.0" y="5.0">0</text>
+            </g>
+            <g class="sld-reactive-power sld-feeder-info sld-in sld-arrow-animation-no-speed" id="idl2_ARROW_REACTIVE" transform="translate(110.0,334.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10" transform="rotate(180.0,5.0,5.0)"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10" transform="rotate(180.0,5.0,5.0)"/>
+                <text class="sld-label" x="15.0" y="5.0">—</text>
+            </g>
+            <g class="sld-active-power sld-feeder-info sld-arrow-animation-no-speed" id="idl2_ARROW_ACTIVE" transform="translate(110.0,304.5)">
+                <polygon class="sld-arrow-in" points="0,0 10,0 5,10" transform="rotate(180.0,5.0,5.0)"/>
+                <polygon class="sld-arrow-out" points="5,0 10,10 0,10" transform="rotate(180.0,5.0,5.0)"/>
+                <text class="sld-label" x="15.0" y="5.0">Right</text>
+                <text class="sld-label" style="text-anchor:end" x="-5.0" y="5.0">Left</text>
+            </g>
+            <g class="sld-disconnector sld-closed sld-vl300to500-0" id="idd2" transform="translate(111.0,248.0)">
+                <path class="sld-sw-closed" d="M0,0 8,8 M8,0 0,8"/>
+                <path class="sld-sw-open" d="M8,0 0,8"/>
+            </g>
+            <g class="sld-node sld-hidden-node sld-fictitious sld-vl300to500-0" id="idINTERNAL_95_vl_95_d2_45_l2" transform="translate(111.0,278.0)">
+                <circle cx="4" cy="4" r="4"/>
+            </g>
+            <g class="sld-node sld-hidden-node sld-fictitious sld-vl300to500-0" id="idINTERNAL_95_vl_95_l2" transform="translate(111.0,358.0)">
+                <circle cx="4" cy="4" r="4"/>
+            </g>
+            <g class="sld-load sld-bottom-feeder sld-vl300to500-0" id="idl2" transform="translate(107.0,419.5)">
+                <rect height="9" width="16"/>
+                <line x1="0" x2="16" y1="0" y2="9"/>
+                <line x1="16" x2="0" y1="0" y2="9"/>
+                <text class="sld-label" id="l2_S_LABEL" x="-5.0" y="14.0">l2</text>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase1.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase1.svg
index a21c4b985..f9fec8cf2 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase1.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase1.svg
@@ -65,7 +65,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
                 <polyline points="65.0,252.0,65.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11FlatDesign.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11FlatDesign.svg
index 78c7e4662..91451632b 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11FlatDesign.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11FlatDesign.svg
@@ -206,7 +206,7 @@
                 <rect height="8" rx="2" ry="2" transform="rotate(90.0,4.0,4.0)" width="8" x="0" y="0"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="65.0,428.0,65.0,402.0"/>
             </g>
@@ -247,7 +247,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="115.0,428.0,115.0,402.0"/>
             </g>
@@ -287,7 +287,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="265.0,428.0,265.0,402.0"/>
             </g>
@@ -327,7 +327,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="315.0,428.0,315.0,402.0"/>
             </g>
@@ -367,7 +367,7 @@
                 <text class="sld-label" id="trf6_ONE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dline11_95_2_95_INTERNAL_95_vl1_95_dline11_95_2_45_bline11_95_2">
                 <polyline points="415.0,428.0,415.0,402.0"/>
             </g>
@@ -407,7 +407,7 @@
                 <text class="sld-label" id="line1_ONE_N_LABEL" x="-5.0" y="-5.0">line1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="515.0,428.0,515.0,402.0"/>
             </g>
@@ -448,7 +448,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="665.0,428.0,665.0,402.0"/>
             </g>
@@ -488,7 +488,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="565.0,428.0,565.0,402.0"/>
             </g>
@@ -528,7 +528,7 @@
                 <text class="sld-label" id="trf8_ONE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="165.0,461.0,165.0,487.0"/>
             </g>
@@ -569,7 +569,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="21.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="215.0,461.0,215.0,487.0"/>
             </g>
@@ -609,7 +609,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="365.0,461.0,365.0,487.0"/>
             </g>
@@ -649,7 +649,7 @@
                 <text class="sld-label" id="trf7_ONE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="715.0,461.0,715.0,487.0"/>
             </g>
@@ -690,7 +690,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="21.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_14">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_14">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="615.0,461.0,615.0,487.0"/>
             </g>
@@ -771,7 +771,7 @@
                 <rect height="8" rx="2" ry="2" width="8" x="0" y="0"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dload3_95_INTERNAL_95_vl2_95_dload3_45_bload3">
                 <polyline points="995.0,428.0,995.0,402.0"/>
             </g>
@@ -812,7 +812,7 @@
                 <text class="sld-label" id="load3_N_LABEL" x="-5.0" y="-5.0">load3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf21_95_INTERNAL_95_vl2_95_dtrf21_45_btrf21">
                 <polyline points="1045.0,428.0,1045.0,402.0"/>
             </g>
@@ -852,7 +852,7 @@
                 <text class="sld-label" id="trf1_TWO_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf24_95_INTERNAL_95_vl2_95_dtrf24_45_btrf24">
                 <polyline points="1145.0,428.0,1145.0,402.0"/>
             </g>
@@ -892,7 +892,7 @@
                 <text class="sld-label" id="trf4_TWO_N_LABEL" x="-5.0" y="-5.0">trf4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf27_95_INTERNAL_95_vl2_95_dtrf27_45_btrf27">
                 <polyline points="1195.0,428.0,1195.0,402.0"/>
             </g>
@@ -932,7 +932,7 @@
                 <text class="sld-label" id="trf7_TWO_N_LABEL" x="-5.0" y="-5.0">trf72</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dgen4_95_INTERNAL_95_vl2_95_dgen4_45_bgen4">
                 <polyline points="1095.0,461.0,1095.0,487.0"/>
             </g>
@@ -973,7 +973,7 @@
                 <text class="sld-label" id="gen4_S_LABEL" x="-5.0" y="21.0">gen4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf22_95_INTERNAL_95_vl2_95_dtrf22_45_btrf22">
                 <polyline points="1345.0,461.0,1345.0,487.0"/>
             </g>
@@ -1013,7 +1013,7 @@
                 <text class="sld-label" id="trf2_TWO_S_LABEL" x="-5.0" y="5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf23_95_INTERNAL_95_vl2_95_dtrf23_45_btrf23">
                 <polyline points="1395.0,461.0,1395.0,487.0"/>
             </g>
@@ -1053,7 +1053,7 @@
                 <text class="sld-label" id="trf3_TWO_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf26_95_INTERNAL_95_vl2_95_dtrf26_45_btrf26">
                 <polyline points="1245.0,453.0,1245.0,402.0"/>
             </g>
@@ -1093,7 +1093,7 @@
                 <text class="sld-label" id="trf6_TWO_N_LABEL" x="-5.0" y="-5.0">trf62</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf28_95_INTERNAL_95_vl2_95_dtrf28_45_btrf28">
                 <polyline points="1295.0,461.0,1295.0,487.0"/>
             </g>
@@ -1140,7 +1140,7 @@
             <line x1="0" x2="225.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs7_NW_LABEL" x="-5.0" y="-5.0">bbs7</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dload4_95_INTERNAL_95_vl3_95_dload4_45_bload4">
                 <polyline points="1545.0,428.0,1545.0,402.0"/>
             </g>
@@ -1181,7 +1181,7 @@
                 <text class="sld-label" id="load4_N_LABEL" x="-5.0" y="-5.0">load4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf25_95_INTERNAL_95_vl3_95_dtrf25_45_btrf25">
                 <polyline points="1595.0,436.0,1595.0,462.0"/>
             </g>
@@ -1221,7 +1221,7 @@
                 <text class="sld-label" id="trf5_TWO_S_LABEL" x="-5.0" y="5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf36_95_INTERNAL_95_vl3_95_dtrf36_45_btrf36">
                 <polyline points="1645.0,428.0,1645.0,402.0"/>
             </g>
@@ -1261,7 +1261,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf63</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf37_95_INTERNAL_95_vl3_95_dtrf37_45_btrf37">
                 <polyline points="1695.0,436.0,1695.0,462.0"/>
             </g>
@@ -1301,7 +1301,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf73</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf38_95_INTERNAL_95_vl3_95_dtrf38_45_btrf38">
                 <polyline points="1745.0,428.0,1745.0,402.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHFirst.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHFirst.svg
index ed566561f..1390bc38a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHFirst.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHFirst.svg
@@ -222,7 +222,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="65.0,432.0,65.0,402.0"/>
             </g>
@@ -266,7 +266,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="115.0,432.0,115.0,402.0"/>
             </g>
@@ -307,7 +307,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="265.0,432.0,265.0,402.0"/>
             </g>
@@ -348,7 +348,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="315.0,432.0,315.0,402.0"/>
             </g>
@@ -389,7 +389,7 @@
                 <text class="sld-label" id="trf6_ONE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dline11_95_2_95_INTERNAL_95_vl1_95_dline11_95_2_45_bline11_95_2">
                 <polyline points="415.0,432.0,415.0,402.0"/>
             </g>
@@ -430,7 +430,7 @@
                 <text class="sld-label" id="line1_ONE_N_LABEL" x="-5.0" y="-5.0">line1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="515.0,432.0,515.0,402.0"/>
             </g>
@@ -474,7 +474,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="665.0,432.0,665.0,402.0"/>
             </g>
@@ -515,7 +515,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="565.0,432.0,565.0,402.0"/>
             </g>
@@ -556,7 +556,7 @@
                 <text class="sld-label" id="trf8_ONE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="165.0,457.0,165.0,487.0"/>
             </g>
@@ -600,7 +600,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="215.0,457.0,215.0,487.0"/>
             </g>
@@ -641,7 +641,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="365.0,457.0,365.0,487.0"/>
             </g>
@@ -682,7 +682,7 @@
                 <text class="sld-label" id="trf7_ONE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="715.0,457.0,715.0,487.0"/>
             </g>
@@ -726,7 +726,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_14">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_14">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="615.0,457.0,615.0,487.0"/>
             </g>
@@ -810,7 +810,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dload3_95_INTERNAL_95_vl2_95_dload3_45_bload3">
                 <polyline points="995.0,432.0,995.0,402.0"/>
             </g>
@@ -854,7 +854,7 @@
                 <text class="sld-label" id="load3_N_LABEL" x="-5.0" y="-5.0">load3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf21_95_INTERNAL_95_vl2_95_dtrf21_45_btrf21">
                 <polyline points="1045.0,432.0,1045.0,402.0"/>
             </g>
@@ -895,7 +895,7 @@
                 <text class="sld-label" id="trf1_TWO_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf24_95_INTERNAL_95_vl2_95_dtrf24_45_btrf24">
                 <polyline points="1145.0,432.0,1145.0,402.0"/>
             </g>
@@ -936,7 +936,7 @@
                 <text class="sld-label" id="trf4_TWO_N_LABEL" x="-5.0" y="-5.0">trf4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf27_95_INTERNAL_95_vl2_95_dtrf27_45_btrf27">
                 <polyline points="1195.0,432.0,1195.0,402.0"/>
             </g>
@@ -977,7 +977,7 @@
                 <text class="sld-label" id="trf7_TWO_N_LABEL" x="-5.0" y="-5.0">trf72</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dgen4_95_INTERNAL_95_vl2_95_dgen4_45_bgen4">
                 <polyline points="1095.0,457.0,1095.0,487.0"/>
             </g>
@@ -1021,7 +1021,7 @@
                 <text class="sld-label" id="gen4_S_LABEL" x="-5.0" y="17.0">gen4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf22_95_INTERNAL_95_vl2_95_dtrf22_45_btrf22">
                 <polyline points="1345.0,457.0,1345.0,487.0"/>
             </g>
@@ -1062,7 +1062,7 @@
                 <text class="sld-label" id="trf2_TWO_S_LABEL" x="-5.0" y="5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf23_95_INTERNAL_95_vl2_95_dtrf23_45_btrf23">
                 <polyline points="1395.0,457.0,1395.0,487.0"/>
             </g>
@@ -1103,7 +1103,7 @@
                 <text class="sld-label" id="trf3_TWO_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf26_95_INTERNAL_95_vl2_95_dtrf26_45_btrf26">
                 <polyline points="1245.0,457.0,1245.0,402.0"/>
             </g>
@@ -1144,7 +1144,7 @@
                 <text class="sld-label" id="trf6_TWO_N_LABEL" x="-5.0" y="-5.0">trf62</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf28_95_INTERNAL_95_vl2_95_dtrf28_45_btrf28">
                 <polyline points="1295.0,457.0,1295.0,487.0"/>
             </g>
@@ -1192,7 +1192,7 @@
             <line x1="0" x2="225.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs7_NW_LABEL" x="-5.0" y="-5.0">bbs7</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dload4_95_INTERNAL_95_vl3_95_dload4_45_bload4">
                 <polyline points="1545.0,432.0,1545.0,402.0"/>
             </g>
@@ -1236,7 +1236,7 @@
                 <text class="sld-label" id="load4_N_LABEL" x="-5.0" y="-5.0">load4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf25_95_INTERNAL_95_vl3_95_dtrf25_45_btrf25">
                 <polyline points="1595.0,432.0,1595.0,462.0"/>
             </g>
@@ -1277,7 +1277,7 @@
                 <text class="sld-label" id="trf5_TWO_S_LABEL" x="-5.0" y="5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf36_95_INTERNAL_95_vl3_95_dtrf36_45_btrf36">
                 <polyline points="1645.0,432.0,1645.0,402.0"/>
             </g>
@@ -1318,7 +1318,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf63</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf37_95_INTERNAL_95_vl3_95_dtrf37_45_btrf37">
                 <polyline points="1695.0,432.0,1695.0,462.0"/>
             </g>
@@ -1359,7 +1359,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf73</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf38_95_INTERNAL_95_vl3_95_dtrf38_45_btrf38">
                 <polyline points="1745.0,432.0,1745.0,402.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHLast.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHLast.svg
index 314858278..c38912783 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHLast.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHLast.svg
@@ -222,7 +222,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="65.0,432.0,65.0,402.0"/>
             </g>
@@ -266,7 +266,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="115.0,432.0,115.0,402.0"/>
             </g>
@@ -307,7 +307,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="265.0,432.0,265.0,402.0"/>
             </g>
@@ -348,7 +348,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="315.0,432.0,315.0,402.0"/>
             </g>
@@ -389,7 +389,7 @@
                 <text class="sld-label" id="trf6_ONE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dline11_95_2_95_INTERNAL_95_vl1_95_dline11_95_2_45_bline11_95_2">
                 <polyline points="415.0,432.0,415.0,402.0"/>
             </g>
@@ -430,7 +430,7 @@
                 <text class="sld-label" id="line1_ONE_N_LABEL" x="-5.0" y="-5.0">line1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="515.0,432.0,515.0,402.0"/>
             </g>
@@ -474,7 +474,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="665.0,432.0,665.0,402.0"/>
             </g>
@@ -515,7 +515,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="565.0,432.0,565.0,402.0"/>
             </g>
@@ -556,7 +556,7 @@
                 <text class="sld-label" id="trf8_ONE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="165.0,457.0,165.0,487.0"/>
             </g>
@@ -600,7 +600,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="215.0,457.0,215.0,487.0"/>
             </g>
@@ -641,7 +641,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="365.0,457.0,365.0,487.0"/>
             </g>
@@ -682,7 +682,7 @@
                 <text class="sld-label" id="trf7_ONE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="715.0,457.0,715.0,487.0"/>
             </g>
@@ -726,7 +726,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_14">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_14">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="615.0,457.0,615.0,487.0"/>
             </g>
@@ -810,7 +810,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dload3_95_INTERNAL_95_vl2_95_dload3_45_bload3">
                 <polyline points="995.0,432.0,995.0,402.0"/>
             </g>
@@ -854,7 +854,7 @@
                 <text class="sld-label" id="load3_N_LABEL" x="-5.0" y="-5.0">load3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf21_95_INTERNAL_95_vl2_95_dtrf21_45_btrf21">
                 <polyline points="1045.0,432.0,1045.0,402.0"/>
             </g>
@@ -895,7 +895,7 @@
                 <text class="sld-label" id="trf1_TWO_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf24_95_INTERNAL_95_vl2_95_dtrf24_45_btrf24">
                 <polyline points="1145.0,432.0,1145.0,402.0"/>
             </g>
@@ -936,7 +936,7 @@
                 <text class="sld-label" id="trf4_TWO_N_LABEL" x="-5.0" y="-5.0">trf4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf27_95_INTERNAL_95_vl2_95_dtrf27_45_btrf27">
                 <polyline points="1195.0,432.0,1195.0,402.0"/>
             </g>
@@ -977,7 +977,7 @@
                 <text class="sld-label" id="trf7_TWO_N_LABEL" x="-5.0" y="-5.0">trf72</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dgen4_95_INTERNAL_95_vl2_95_dgen4_45_bgen4">
                 <polyline points="1095.0,457.0,1095.0,487.0"/>
             </g>
@@ -1021,7 +1021,7 @@
                 <text class="sld-label" id="gen4_S_LABEL" x="-5.0" y="17.0">gen4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf22_95_INTERNAL_95_vl2_95_dtrf22_45_btrf22">
                 <polyline points="1345.0,457.0,1345.0,487.0"/>
             </g>
@@ -1062,7 +1062,7 @@
                 <text class="sld-label" id="trf2_TWO_S_LABEL" x="-5.0" y="5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf23_95_INTERNAL_95_vl2_95_dtrf23_45_btrf23">
                 <polyline points="1395.0,457.0,1395.0,487.0"/>
             </g>
@@ -1103,7 +1103,7 @@
                 <text class="sld-label" id="trf3_TWO_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf26_95_INTERNAL_95_vl2_95_dtrf26_45_btrf26">
                 <polyline points="1245.0,457.0,1245.0,402.0"/>
             </g>
@@ -1144,7 +1144,7 @@
                 <text class="sld-label" id="trf6_TWO_N_LABEL" x="-5.0" y="-5.0">trf62</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf28_95_INTERNAL_95_vl2_95_dtrf28_45_btrf28">
                 <polyline points="1295.0,457.0,1295.0,487.0"/>
             </g>
@@ -1192,7 +1192,7 @@
             <line x1="0" x2="225.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs7_NW_LABEL" x="-5.0" y="-5.0">bbs7</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dload4_95_INTERNAL_95_vl3_95_dload4_45_bload4">
                 <polyline points="1545.0,457.0,1545.0,427.0"/>
             </g>
@@ -1236,7 +1236,7 @@
                 <text class="sld-label" id="load4_N_LABEL" x="-5.0" y="-5.0">load4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf25_95_INTERNAL_95_vl3_95_dtrf25_45_btrf25">
                 <polyline points="1595.0,457.0,1595.0,487.0"/>
             </g>
@@ -1277,7 +1277,7 @@
                 <text class="sld-label" id="trf5_TWO_S_LABEL" x="-5.0" y="5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf36_95_INTERNAL_95_vl3_95_dtrf36_45_btrf36">
                 <polyline points="1645.0,457.0,1645.0,427.0"/>
             </g>
@@ -1318,7 +1318,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf63</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf37_95_INTERNAL_95_vl3_95_dtrf37_45_btrf37">
                 <polyline points="1695.0,457.0,1695.0,487.0"/>
             </g>
@@ -1359,7 +1359,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf73</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf38_95_INTERNAL_95_vl3_95_dtrf38_45_btrf38">
                 <polyline points="1745.0,457.0,1745.0,427.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHMiddle.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHMiddle.svg
index 970e6d976..a55b809dd 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHMiddle.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHMiddle.svg
@@ -222,7 +222,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="65.0,432.0,65.0,402.0"/>
             </g>
@@ -266,7 +266,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="115.0,432.0,115.0,402.0"/>
             </g>
@@ -307,7 +307,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="265.0,432.0,265.0,402.0"/>
             </g>
@@ -348,7 +348,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="315.0,432.0,315.0,402.0"/>
             </g>
@@ -389,7 +389,7 @@
                 <text class="sld-label" id="trf6_ONE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dline11_95_2_95_INTERNAL_95_vl1_95_dline11_95_2_45_bline11_95_2">
                 <polyline points="415.0,432.0,415.0,402.0"/>
             </g>
@@ -430,7 +430,7 @@
                 <text class="sld-label" id="line1_ONE_N_LABEL" x="-5.0" y="-5.0">line1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="515.0,432.0,515.0,402.0"/>
             </g>
@@ -474,7 +474,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="665.0,432.0,665.0,402.0"/>
             </g>
@@ -515,7 +515,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="565.0,432.0,565.0,402.0"/>
             </g>
@@ -556,7 +556,7 @@
                 <text class="sld-label" id="trf8_ONE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="165.0,457.0,165.0,487.0"/>
             </g>
@@ -600,7 +600,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="215.0,457.0,215.0,487.0"/>
             </g>
@@ -641,7 +641,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="365.0,457.0,365.0,487.0"/>
             </g>
@@ -682,7 +682,7 @@
                 <text class="sld-label" id="trf7_ONE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="715.0,457.0,715.0,487.0"/>
             </g>
@@ -726,7 +726,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_14">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_14">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="615.0,457.0,615.0,487.0"/>
             </g>
@@ -810,7 +810,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dload3_95_INTERNAL_95_vl2_95_dload3_45_bload3">
                 <polyline points="995.0,432.0,995.0,402.0"/>
             </g>
@@ -854,7 +854,7 @@
                 <text class="sld-label" id="load3_N_LABEL" x="-5.0" y="-5.0">load3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf21_95_INTERNAL_95_vl2_95_dtrf21_45_btrf21">
                 <polyline points="1045.0,432.0,1045.0,402.0"/>
             </g>
@@ -895,7 +895,7 @@
                 <text class="sld-label" id="trf1_TWO_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf24_95_INTERNAL_95_vl2_95_dtrf24_45_btrf24">
                 <polyline points="1145.0,432.0,1145.0,402.0"/>
             </g>
@@ -936,7 +936,7 @@
                 <text class="sld-label" id="trf4_TWO_N_LABEL" x="-5.0" y="-5.0">trf4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf27_95_INTERNAL_95_vl2_95_dtrf27_45_btrf27">
                 <polyline points="1195.0,432.0,1195.0,402.0"/>
             </g>
@@ -977,7 +977,7 @@
                 <text class="sld-label" id="trf7_TWO_N_LABEL" x="-5.0" y="-5.0">trf72</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dgen4_95_INTERNAL_95_vl2_95_dgen4_45_bgen4">
                 <polyline points="1095.0,457.0,1095.0,487.0"/>
             </g>
@@ -1021,7 +1021,7 @@
                 <text class="sld-label" id="gen4_S_LABEL" x="-5.0" y="17.0">gen4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf22_95_INTERNAL_95_vl2_95_dtrf22_45_btrf22">
                 <polyline points="1345.0,457.0,1345.0,487.0"/>
             </g>
@@ -1062,7 +1062,7 @@
                 <text class="sld-label" id="trf2_TWO_S_LABEL" x="-5.0" y="5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf23_95_INTERNAL_95_vl2_95_dtrf23_45_btrf23">
                 <polyline points="1395.0,457.0,1395.0,487.0"/>
             </g>
@@ -1103,7 +1103,7 @@
                 <text class="sld-label" id="trf3_TWO_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf26_95_INTERNAL_95_vl2_95_dtrf26_45_btrf26">
                 <polyline points="1245.0,457.0,1245.0,402.0"/>
             </g>
@@ -1144,7 +1144,7 @@
                 <text class="sld-label" id="trf6_TWO_N_LABEL" x="-5.0" y="-5.0">trf62</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf28_95_INTERNAL_95_vl2_95_dtrf28_45_btrf28">
                 <polyline points="1295.0,457.0,1295.0,487.0"/>
             </g>
@@ -1192,7 +1192,7 @@
             <line x1="0" x2="225.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs7_NW_LABEL" x="-5.0" y="-5.0">bbs7</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dload4_95_INTERNAL_95_vl3_95_dload4_45_bload4">
                 <polyline points="1545.0,444.5,1545.0,414.5"/>
             </g>
@@ -1236,7 +1236,7 @@
                 <text class="sld-label" id="load4_N_LABEL" x="-5.0" y="-5.0">load4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf25_95_INTERNAL_95_vl3_95_dtrf25_45_btrf25">
                 <polyline points="1595.0,444.5,1595.0,474.5"/>
             </g>
@@ -1277,7 +1277,7 @@
                 <text class="sld-label" id="trf5_TWO_S_LABEL" x="-5.0" y="5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf36_95_INTERNAL_95_vl3_95_dtrf36_45_btrf36">
                 <polyline points="1645.0,444.5,1645.0,414.5"/>
             </g>
@@ -1318,7 +1318,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf63</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf37_95_INTERNAL_95_vl3_95_dtrf37_45_btrf37">
                 <polyline points="1695.0,444.5,1695.0,474.5"/>
             </g>
@@ -1359,7 +1359,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf73</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf38_95_INTERNAL_95_vl3_95_dtrf38_45_btrf38">
                 <polyline points="1745.0,444.5,1745.0,414.5"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHNone.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHNone.svg
index ed566561f..1390bc38a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHNone.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase11SubstationGraphHNone.svg
@@ -222,7 +222,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="65.0,432.0,65.0,402.0"/>
             </g>
@@ -266,7 +266,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="115.0,432.0,115.0,402.0"/>
             </g>
@@ -307,7 +307,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="265.0,432.0,265.0,402.0"/>
             </g>
@@ -348,7 +348,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="315.0,432.0,315.0,402.0"/>
             </g>
@@ -389,7 +389,7 @@
                 <text class="sld-label" id="trf6_ONE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dline11_95_2_95_INTERNAL_95_vl1_95_dline11_95_2_45_bline11_95_2">
                 <polyline points="415.0,432.0,415.0,402.0"/>
             </g>
@@ -430,7 +430,7 @@
                 <text class="sld-label" id="line1_ONE_N_LABEL" x="-5.0" y="-5.0">line1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="515.0,432.0,515.0,402.0"/>
             </g>
@@ -474,7 +474,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="665.0,432.0,665.0,402.0"/>
             </g>
@@ -515,7 +515,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="565.0,432.0,565.0,402.0"/>
             </g>
@@ -556,7 +556,7 @@
                 <text class="sld-label" id="trf8_ONE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="165.0,457.0,165.0,487.0"/>
             </g>
@@ -600,7 +600,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="215.0,457.0,215.0,487.0"/>
             </g>
@@ -641,7 +641,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="365.0,457.0,365.0,487.0"/>
             </g>
@@ -682,7 +682,7 @@
                 <text class="sld-label" id="trf7_ONE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="715.0,457.0,715.0,487.0"/>
             </g>
@@ -726,7 +726,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_14">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_14">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="615.0,457.0,615.0,487.0"/>
             </g>
@@ -810,7 +810,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dload3_95_INTERNAL_95_vl2_95_dload3_45_bload3">
                 <polyline points="995.0,432.0,995.0,402.0"/>
             </g>
@@ -854,7 +854,7 @@
                 <text class="sld-label" id="load3_N_LABEL" x="-5.0" y="-5.0">load3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf21_95_INTERNAL_95_vl2_95_dtrf21_45_btrf21">
                 <polyline points="1045.0,432.0,1045.0,402.0"/>
             </g>
@@ -895,7 +895,7 @@
                 <text class="sld-label" id="trf1_TWO_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf24_95_INTERNAL_95_vl2_95_dtrf24_45_btrf24">
                 <polyline points="1145.0,432.0,1145.0,402.0"/>
             </g>
@@ -936,7 +936,7 @@
                 <text class="sld-label" id="trf4_TWO_N_LABEL" x="-5.0" y="-5.0">trf4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf27_95_INTERNAL_95_vl2_95_dtrf27_45_btrf27">
                 <polyline points="1195.0,432.0,1195.0,402.0"/>
             </g>
@@ -977,7 +977,7 @@
                 <text class="sld-label" id="trf7_TWO_N_LABEL" x="-5.0" y="-5.0">trf72</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dgen4_95_INTERNAL_95_vl2_95_dgen4_45_bgen4">
                 <polyline points="1095.0,457.0,1095.0,487.0"/>
             </g>
@@ -1021,7 +1021,7 @@
                 <text class="sld-label" id="gen4_S_LABEL" x="-5.0" y="17.0">gen4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf22_95_INTERNAL_95_vl2_95_dtrf22_45_btrf22">
                 <polyline points="1345.0,457.0,1345.0,487.0"/>
             </g>
@@ -1062,7 +1062,7 @@
                 <text class="sld-label" id="trf2_TWO_S_LABEL" x="-5.0" y="5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf23_95_INTERNAL_95_vl2_95_dtrf23_45_btrf23">
                 <polyline points="1395.0,457.0,1395.0,487.0"/>
             </g>
@@ -1103,7 +1103,7 @@
                 <text class="sld-label" id="trf3_TWO_S_LABEL" x="-5.0" y="5.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf26_95_INTERNAL_95_vl2_95_dtrf26_45_btrf26">
                 <polyline points="1245.0,457.0,1245.0,402.0"/>
             </g>
@@ -1144,7 +1144,7 @@
                 <text class="sld-label" id="trf6_TWO_N_LABEL" x="-5.0" y="-5.0">trf62</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_dtrf28_95_INTERNAL_95_vl2_95_dtrf28_45_btrf28">
                 <polyline points="1295.0,457.0,1295.0,487.0"/>
             </g>
@@ -1192,7 +1192,7 @@
             <line x1="0" x2="225.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs7_NW_LABEL" x="-5.0" y="-5.0">bbs7</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dload4_95_INTERNAL_95_vl3_95_dload4_45_bload4">
                 <polyline points="1545.0,432.0,1545.0,402.0"/>
             </g>
@@ -1236,7 +1236,7 @@
                 <text class="sld-label" id="load4_N_LABEL" x="-5.0" y="-5.0">load4</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf25_95_INTERNAL_95_vl3_95_dtrf25_45_btrf25">
                 <polyline points="1595.0,432.0,1595.0,462.0"/>
             </g>
@@ -1277,7 +1277,7 @@
                 <text class="sld-label" id="trf5_TWO_S_LABEL" x="-5.0" y="5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf36_95_INTERNAL_95_vl3_95_dtrf36_45_btrf36">
                 <polyline points="1645.0,432.0,1645.0,402.0"/>
             </g>
@@ -1318,7 +1318,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf63</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf37_95_INTERNAL_95_vl3_95_dtrf37_45_btrf37">
                 <polyline points="1695.0,432.0,1695.0,462.0"/>
             </g>
@@ -1359,7 +1359,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf73</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_dtrf38_95_INTERNAL_95_vl3_95_dtrf38_45_btrf38">
                 <polyline points="1745.0,432.0,1745.0,402.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosNominalVoltage.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosNominalVoltage.svg
index ffc43558f..e22d0e198 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosNominalVoltage.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosNominalVoltage.svg
@@ -155,7 +155,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="80.0,252.0,80.0,222.0"/>
             </g>
@@ -199,7 +199,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="160.0,252.0,160.0,222.0"/>
             </g>
@@ -242,7 +242,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="400.0,252.0,400.0,222.0"/>
             </g>
@@ -285,7 +285,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="520.0,252.0,520.0,222.0"/>
             </g>
@@ -344,7 +344,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="880.0,252.0,880.0,222.0"/>
             </g>
@@ -388,7 +388,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="1200.0,252.0,1200.0,222.0"/>
             </g>
@@ -431,7 +431,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="1000.0,252.0,1000.0,222.0"/>
             </g>
@@ -490,7 +490,7 @@
                 <text class="sld-label" id="trf8_THREE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="240.0,277.0,240.0,307.0"/>
             </g>
@@ -534,7 +534,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="320.0,277.0,320.0,307.0"/>
             </g>
@@ -577,7 +577,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="20.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="680.0,277.0,680.0,307.0"/>
             </g>
@@ -636,7 +636,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="1280.0,277.0,1280.0,307.0"/>
             </g>
@@ -680,7 +680,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="1120.0,277.0,1120.0,307.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosTopological.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosTopological.svg
index d722be6bf..2056bc7b8 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosTopological.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase12GraphWithNodesInfosTopological.svg
@@ -219,7 +219,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload1_95_INTERNAL_95_vl1_95_dload1_45_bload1">
                 <polyline points="80.0,252.0,80.0,222.0"/>
             </g>
@@ -263,7 +263,7 @@
                 <text class="sld-label" id="load1_N_LABEL" x="-5.0" y="-5.0">load1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf11_95_INTERNAL_95_vl1_95_dtrf11_45_btrf11">
                 <polyline points="160.0,252.0,160.0,222.0"/>
             </g>
@@ -306,7 +306,7 @@
                 <text class="sld-label" id="trf1_ONE_N_LABEL" x="-5.0" y="-5.0">trf1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_4">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_4">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf15_95_INTERNAL_95_vl1_95_dtrf15_45_btrf15">
                 <polyline points="400.0,252.0,400.0,222.0"/>
             </g>
@@ -349,7 +349,7 @@
                 <text class="sld-label" id="trf5_ONE_N_LABEL" x="-5.0" y="-5.0">trf5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf16_95_INTERNAL_95_vl1_95_dtrf16_45_btrf16">
                 <polyline points="520.0,252.0,520.0,222.0"/>
             </g>
@@ -408,7 +408,7 @@
                 <text class="sld-label" id="trf6_THREE_N_LABEL" x="-5.0" y="-5.0">trf61</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_6">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_6">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dload2_95_INTERNAL_95_vl1_95_dload2_45_bload2">
                 <polyline points="880.0,252.0,880.0,222.0"/>
             </g>
@@ -452,7 +452,7 @@
                 <text class="sld-label" id="load2_N_LABEL" x="-5.0" y="-5.0">load2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf12_95_INTERNAL_95_vl1_95_dtrf12_45_btrf12">
                 <polyline points="1200.0,252.0,1200.0,222.0"/>
             </g>
@@ -495,7 +495,7 @@
                 <text class="sld-label" id="trf2_ONE_N_LABEL" x="-5.0" y="-5.0">trf2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dtrf18_95_INTERNAL_95_vl1_95_dtrf18_45_btrf18">
                 <polyline points="1000.0,252.0,1000.0,222.0"/>
             </g>
@@ -554,7 +554,7 @@
                 <text class="sld-label" id="trf8_THREE_N_LABEL" x="-5.0" y="-5.0">trf81</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen1_95_INTERNAL_95_vl1_95_dgen1_45_bgen1">
                 <polyline points="240.0,277.0,240.0,307.0"/>
             </g>
@@ -598,7 +598,7 @@
                 <text class="sld-label" id="gen1_S_LABEL" x="-5.0" y="17.0">gen1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf13_95_INTERNAL_95_vl1_95_dtrf13_45_btrf13">
                 <polyline points="320.0,277.0,320.0,307.0"/>
             </g>
@@ -641,7 +641,7 @@
                 <text class="sld-label" id="trf3_ONE_S_LABEL" x="-5.0" y="20.0">trf3</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf17_95_INTERNAL_95_vl1_95_dtrf17_45_btrf17">
                 <polyline points="680.0,277.0,680.0,307.0"/>
             </g>
@@ -700,7 +700,7 @@
                 <text class="sld-label" id="trf7_THREE_S_LABEL" x="-5.0" y="5.0">trf71</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dgen2_95_INTERNAL_95_vl1_95_dgen2_45_bgen2">
                 <polyline points="1280.0,277.0,1280.0,307.0"/>
             </g>
@@ -744,7 +744,7 @@
                 <text class="sld-label" id="gen2_S_LABEL" x="-5.0" y="17.0">gen2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl300to500-1" id="_95_vl1_95_dtrf14_95_INTERNAL_95_vl1_95_dtrf14_45_btrf14">
                 <polyline points="1120.0,277.0,1120.0,307.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicator.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicator.svg
index bbb72bd21..985fd902c 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicator.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicator.svg
@@ -101,7 +101,7 @@
                 <text class="sld-label" x="0.0" y="15.0">Bottom</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl1_95_dA1_95_INTERNAL_95_vl1_95_3">
                 <polyline points="115.0,280.0,115.0,250.0"/>
             </g>
@@ -152,7 +152,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire" id="_95_vl1_95_INTERNAL_95_vl1_95_5_95_bB">
                 <polyline points="165.0,250.0,165.0,206.0"/>
             </g>
@@ -233,7 +233,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire" id="_95_vl1_95_bCD1_95_INTERNAL_95_vl1_95_loadC_95_fork">
                 <polyline points="265.0,213.0,265.0,196.0,315.0,196.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicatorTopological.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicatorTopological.svg
index 847f2c6b0..8165bb60b 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicatorTopological.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithVoltageIndicatorTopological.svg
@@ -189,7 +189,7 @@
                 <text class="sld-label" x="0.0" y="15.0">Bottom</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_dA1_95_INTERNAL_95_vl1_95_3">
                 <polyline points="115.0,280.0,115.0,250.0"/>
             </g>
@@ -240,7 +240,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_INTERNAL_95_vl1_95_5_95_bB">
                 <polyline points="215.0,250.0,215.0,206.0"/>
             </g>
@@ -321,7 +321,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_bCD1_95_INTERNAL_95_vl1_95_loadC_95_fork">
                 <polyline points="365.0,213.0,365.0,196.0,415.0,196.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithoutVoltageIndicator.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithoutVoltageIndicator.svg
index e3972d0d2..ac4ddcc9d 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithoutVoltageIndicator.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCase15GraphWithoutVoltageIndicator.svg
@@ -87,7 +87,7 @@
             <line x1="0" x2="175.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs23_NW_LABEL" x="-5.0" y="-5.0">bbs23</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl1_95_dA1_95_INTERNAL_95_vl1_95_3">
                 <polyline points="65.0,280.0,65.0,250.0"/>
             </g>
@@ -138,7 +138,7 @@
                 <path class="sld-sw-open" d="M8,0 0,8"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire" id="_95_vl1_95_INTERNAL_95_vl1_95_5_95_bB">
                 <polyline points="115.0,250.0,115.0,206.0"/>
             </g>
@@ -219,7 +219,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_3">
             <g class="sld-wire" id="_95_vl1_95_bCD1_95_INTERNAL_95_vl1_95_loadC_95_fork">
                 <polyline points="215.0,213.0,215.0,196.0,265.0,196.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBus.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBus.svg
index 0e348a82f..24deba57a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBus.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBus.svg
@@ -142,7 +142,7 @@
         <g class="sld-busbar-section sld-fictitious sld-vl50to70-0" id="idINTERNAL_95_vl_95_0FictitiousBus" transform="translate(65.0,252.0)">
             <line x1="0" x2="100.0" y1="0" y2="0"/>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L1_95_ONE_45_L1_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L1_95_ONE">
                 <polyline points="65.0,222.0,65.0,252.0"/>
             </g>
@@ -175,7 +175,7 @@
                 <text class="sld-label" id="L1_ONE_N_LABEL" x="-5.0" y="-5.0">L1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L2_95_ONE_45_L2_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L2_95_ONE">
                 <polyline points="115.0,282.0,115.0,252.0"/>
             </g>
@@ -208,7 +208,7 @@
                 <text class="sld-label" id="L2_ONE_S_LABEL" x="-5.0" y="5.0">L2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L3_95_ONE_45_L3_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L3_95_ONE">
                 <polyline points="165.0,222.0,165.0,252.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBusTopological.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBusTopological.svg
index 0e348a82f..24deba57a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBusTopological.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseFictitiousBusTopological.svg
@@ -142,7 +142,7 @@
         <g class="sld-busbar-section sld-fictitious sld-vl50to70-0" id="idINTERNAL_95_vl_95_0FictitiousBus" transform="translate(65.0,252.0)">
             <line x1="0" x2="100.0" y1="0" y2="0"/>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L1_95_ONE_45_L1_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L1_95_ONE">
                 <polyline points="65.0,222.0,65.0,252.0"/>
             </g>
@@ -175,7 +175,7 @@
                 <text class="sld-label" id="L1_ONE_N_LABEL" x="-5.0" y="-5.0">L1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L2_95_ONE_45_L2_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L2_95_ONE">
                 <polyline points="115.0,282.0,115.0,252.0"/>
             </g>
@@ -208,7 +208,7 @@
                 <text class="sld-label" id="L2_ONE_S_LABEL" x="-5.0" y="5.0">L2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl_95_INTERNAL_95_vl_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L3_95_ONE_45_L3_95_ONE_95_BUSCO_95_INTERNAL_95_vl_95_0FictitiousBus_95_L3_95_ONE">
                 <polyline points="165.0,222.0,165.0,252.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseKeepFictitiousSwitchNode.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseKeepFictitiousSwitchNode.svg
index 3ed10e799..ad4ef3148 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseKeepFictitiousSwitchNode.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseKeepFictitiousSwitchNode.svg
@@ -143,7 +143,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
                 <polyline points="65.0,252.0,65.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseLoadBreakSwitch.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseLoadBreakSwitch.svg
index 0a75778ba..920e5ca9c 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseLoadBreakSwitch.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseLoadBreakSwitch.svg
@@ -177,7 +177,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs_95_d_95_INTERNAL_95_vl_95_BUSCO_95_bbs_95_d_45_d">
                 <polyline points="315.0,252.0,315.0,222.0"/>
             </g>
@@ -220,7 +220,7 @@
                 <text class="sld-label" id="G_N_LABEL" x="-5.0" y="-5.0">G</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs_95_b2_95_INTERNAL_95_vl_95_BUSCO_95_bbs_95_b2_45_b2">
                 <polyline points="215.0,252.0,215.0,307.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseRemoveFictitiousSwitchNode.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseRemoveFictitiousSwitchNode.svg
index 673dd8c08..d289e9f18 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseRemoveFictitiousSwitchNode.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCaseRemoveFictitiousSwitchNode.svg
@@ -143,7 +143,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_INTERNAL_95_vl_95_d_45_l_95_d">
                 <polyline points="65.0,222.0,65.0,252.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCheese.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCheese.svg
index 54e85c855..eb01f4a6d 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestCheese.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestCheese.svg
@@ -69,7 +69,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
                 <polyline points="65.0,253.0,65.0,223.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestComplexParallelLegsInternalPst.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestComplexParallelLegsInternalPst.svg
index c453e60c8..5aee86aa4 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestComplexParallelLegsInternalPst.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestComplexParallelLegsInternalPst.svg
@@ -135,7 +135,7 @@
             <line x1="0" x2="75.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs2_NW_LABEL" x="-5.0" y="-5.0">bbs2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d1a_95_INTERNAL_95_vl1_95_2">
                 <polyline points="65.0,84.0,65.0,135.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederInfos.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederInfos.svg
index f95556293..050cb4a9e 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederInfos.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederInfos.svg
@@ -65,7 +65,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
                 <polyline points="65.0,302.0,65.0,272.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBus.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBus.svg
index e4ec3f693..f62eef90e 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBus.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBus.svg
@@ -65,7 +65,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl_95_BUSCO_95_bbs_95_line_95_ONE_95_INTERNAL_95_vl_95_BUSCO_95_bbs_95_line_95_ONE_45_line_95_ONE">
                 <polyline points="65.0,252.0,65.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBusDisconnector.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBusDisconnector.svg
index fd8a9d592..485e0032a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBusDisconnector.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFeederOnBusDisconnector.svg
@@ -65,7 +65,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_0">
             <g class="sld-wire" id="_95_vl_95_busDisconnector_95_INTERNAL_95_vl_95_busDisconnector_45_line_95_ONE">
                 <polyline points="65.0,80.0,65.0,110.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFormattingFeederInfos.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFormattingFeederInfos.svg
index d7780bfb2..700bdfc6b 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestFormattingFeederInfos.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestFormattingFeederInfos.svg
@@ -143,7 +143,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs_NW_LABEL" x="-5.0" y="-5.0">bbs</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_b">
                 <polyline points="65.0,252.0,65.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassSubstation.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassSubstation.svg
index f41f0e908..c6ed56fbe 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassSubstation.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassSubstation.svg
@@ -146,7 +146,7 @@
             <line x1="0" x2="75.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs1_NW_LABEL" x="-5.0" y="-5.0">bbs1</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d1_95_INTERNAL_95_vl1_95_d1_45_b1">
                 <polyline points="115.0,252.0,115.0,222.0"/>
             </g>
@@ -190,7 +190,7 @@
                 <text class="sld-label" id="l_N_LABEL" x="-5.0" y="-5.0">l</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d2_95_INTERNAL_95_vl1_95_d2_45_b2">
                 <polyline points="65.0,252.0,65.0,282.0"/>
             </g>
@@ -238,7 +238,7 @@
             <line x1="0" x2="75.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs2_NW_LABEL" x="-5.0" y="-5.0">bbs2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_d3_95_INTERNAL_95_vl2_95_d3_45_b3">
                 <polyline points="205.0,252.0,205.0,282.0"/>
             </g>
@@ -282,7 +282,7 @@
                 <text class="sld-label" id="g_S_LABEL" x="-5.0" y="17.0">g</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300-0" id="_95_vl2_95_d4_95_INTERNAL_95_vl2_95_d4_45_b4">
                 <polyline points="255.0,252.0,255.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassVl.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassVl.svg
index 5c6f1d03b..3cbf2b91e 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassVl.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/TestSldClassVl.svg
@@ -143,7 +143,7 @@
             <line x1="0" x2="75.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs1_NW_LABEL" x="-5.0" y="-5.0">bbs1</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d1_95_INTERNAL_95_vl1_95_d1_45_b1">
                 <polyline points="115.0,252.0,115.0,222.0"/>
             </g>
@@ -187,7 +187,7 @@
                 <text class="sld-label" id="l_N_LABEL" x="-5.0" y="-5.0">l</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d2_95_INTERNAL_95_vl1_95_d2_45_b2">
                 <polyline points="65.0,252.0,65.0,282.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/consecutive_shunts.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/consecutive_shunts.svg
index 8a893d517..6a14ba41e 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/consecutive_shunts.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/consecutive_shunts.svg
@@ -163,7 +163,7 @@
             <line x1="0" x2="175.0" y1="0" y2="0"/>
             <text class="sld-label" id="BF_NW" text-anchor="middle" x="4.0" y="-1.0">BF</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl70to120-1" id="_95_AU_95_BL_95_INTERNAL_95_AU_95_19">
                 <polyline points="915.0,375.85714285714283,915.0,423.71428571428567,940.0,423.71428571428567"/>
             </g>
@@ -352,7 +352,7 @@
                 <text class="sld-label" id="INTERNAL_AU_19_NW" text-anchor="middle" x="4.0" y="-1.0">19</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl70to120-1" id="_95_AU_95_CT_95_INTERNAL_95_AU_95_5">
                 <polyline points="690.0,419.25,690.0,443.0"/>
             </g>
@@ -517,7 +517,7 @@
                 <text class="sld-label" id="INTERNAL_AU_5_NW" text-anchor="middle" x="4.0" y="-1.0">5</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_5">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_5">
             <g class="sld-wire sld-vl70to120-0" id="_95_AU_95_DP_95_INTERNAL_95_AU_95_43">
                 <polyline points="115.0,433.0,115.0,398.0,140.0,398.0"/>
             </g>
@@ -677,7 +677,7 @@
                 <text class="sld-label" id="INTERNAL_AU_45_NW" text-anchor="middle" x="4.0" y="-1.0">45</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_7">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_7">
             <g class="sld-wire sld-vl70to120-0" id="_95_AU_95_BZ_95_INTERNAL_95_AU_95_50">
                 <polyline points="377.5,345.0,377.5,362.0"/>
             </g>
@@ -881,7 +881,7 @@
                 <text class="sld-label" id="INTERNAL_AU_29_NW" text-anchor="middle" x="4.0" y="-1.0">29</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_8">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_8">
             <g class="sld-wire sld-vl70to120-1" id="_95_AU_95_INTERNAL_95_AU_95_BUSCO_95_AV_95_DT_45_DT_95_BUSCO_95_AV_95_DT">
                 <polyline points="1015.0,308.0,1015.0,253.0"/>
             </g>
@@ -921,7 +921,7 @@
                 <text class="sld-label" id="INTERNAL_AU_2_NW" text-anchor="middle" x="4.0" y="-1.0">2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_9">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_9">
             <g class="sld-wire sld-vl70to120-0" id="_95_AU_95_INTERNAL_95_AU_95_BUSCO_95_AX_95_CJ_45_CJ_95_BUSCO_95_AX_95_CJ">
                 <polyline points="515.0,223.0,515.0,253.0"/>
             </g>
@@ -965,7 +965,7 @@
                 <text class="sld-label" id="FP_NW" text-anchor="middle" x="4.0" y="-1.0">FP</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_10">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_10">
             <g class="sld-wire sld-vl70to120-0" id="_95_AU_95_BUSCO_95_AZ_95_FX_95_ONE_95_INTERNAL_95_AU_95_BUSCO_95_AZ_95_FX_95_ONE_45_FX_95_ONE">
                 <polyline points="565.0,278.0,565.0,308.0"/>
             </g>
@@ -1000,7 +1000,7 @@
                 <text class="sld-label" id="FX_ONE_NW" text-anchor="middle" x="4.0" y="-1.0">FX_ONE</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_11">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_11">
             <g class="sld-wire sld-vl70to120-1" id="_95_AU_95_INTERNAL_95_AU_95_BUSCO_95_BB_95_EF_45_EF_95_BUSCO_95_BB_95_EF">
                 <polyline points="1065.0,223.0,1065.0,278.0"/>
             </g>
@@ -1043,7 +1043,7 @@
                 <text class="sld-label" id="FV_ONE_NW" text-anchor="middle" x="4.0" y="-1.0">FV_ONE</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_12">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_12">
             <g class="sld-wire sld-vl70to120-0" id="_95_AU_95_INTERNAL_95_AU_95_BUSCO_95_BD_95_EP_45_EP_95_BUSCO_95_BD_95_EP">
                 <polyline points="65.0,223.0,65.0,253.0"/>
             </g>
@@ -1083,7 +1083,7 @@
                 <text class="sld-label" id="INTERNAL_AU_37_NW" text-anchor="middle" x="4.0" y="-1.0">37</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_13">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_13">
             <g class="sld-wire sld-vl70to120-1" id="_95_AU_95_BUSCO_95_BF_95_FR_95_ONE_95_INTERNAL_95_AU_95_BUSCO_95_BF_95_FR_95_ONE_45_FR_95_ONE">
                 <polyline points="765.0,253.0,765.0,223.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/feederInfoTest.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/feederInfoTest.svg
index e23022f8c..5d39cf9df 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/feederInfoTest.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/feederInfoTest.svg
@@ -177,7 +177,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_vsc">
                 <polyline points="240.0,252.0,240.0,222.0"/>
             </g>
@@ -243,7 +243,7 @@
                 <text class="sld-label" id="vsc_N_LABEL" x="-5.0" y="-5.0">Converter1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs2_95_b2_95_INTERNAL_95_vl_95_BUSCO_95_bbs2_95_b2_45_b2">
                 <polyline points="65.0,252.0,65.0,222.0"/>
             </g>
@@ -287,7 +287,7 @@
                 <text class="sld-label" id="C1_N_LABEL" x="-5.0" y="-5.0">Filter 1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs2_95_b3_95_INTERNAL_95_vl_95_BUSCO_95_bbs2_95_b3_45_b3">
                 <polyline points="115.0,252.0,115.0,282.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/noComponentsOnBus.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/noComponentsOnBus.svg
index 1b4acdeb4..7c3eba75b 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/noComponentsOnBus.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/noComponentsOnBus.svg
@@ -177,7 +177,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs_95_d_95_INTERNAL_95_vl_95_BUSCO_95_bbs_95_d_45_d">
                 <polyline points="240.0,280.0,240.0,250.0"/>
             </g>
@@ -255,7 +255,7 @@
                 <text class="sld-label" id="vsc_N_LABEL" x="-5.0" y="-5.0">Converter1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs2_95_b2_95_INTERNAL_95_vl_95_BUSCO_95_bbs2_95_b2_45_b2">
                 <polyline points="65.0,280.0,65.0,250.0"/>
             </g>
@@ -299,7 +299,7 @@
                 <text class="sld-label" id="C1_N_LABEL" x="-5.0" y="-5.0">Filter 1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_BUSCO_95_bbs2_95_b3_95_INTERNAL_95_vl_95_BUSCO_95_bbs2_95_b3_45_b3">
                 <polyline points="115.0,280.0,115.0,310.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_substation.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_substation.svg
index 9388c6675..e5c94cb1f 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_substation.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_substation.svg
@@ -82,7 +82,7 @@
             <line x1="0" x2="200.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs1_NW_LABEL" x="-5.0" y="-5.0">bbs1</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_d_95_INTERNAL_95_vl1_95_d_45_b">
                 <polyline points="80.0,282.0,80.0,252.0"/>
             </g>
@@ -116,7 +116,7 @@
                 <text class="sld-label" id="l_N_LABEL" x="-5.0" y="-5.0">l</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_d2WT_95_1_95_INTERNAL_95_vl1_95_d2WT_95_1_45_b2WT_95_1">
                 <polyline points="160.0,282.0,160.0,252.0"/>
             </g>
@@ -147,7 +147,7 @@
                 <text class="sld-label" id="2WT_ONE_N_LABEL" x="-5.0" y="-5.0">2WT_1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500" id="_95_vl1_95_d3WT_95_1_95_INTERNAL_95_vl1_95_d3WT_95_1_45_b3WT_95_1">
                 <polyline points="240.0,282.0,240.0,252.0"/>
             </g>
@@ -185,7 +185,7 @@
             <line x1="0" x2="120.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs2_NW_LABEL" x="-5.0" y="-5.0">bbs2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl180to300" id="_95_vl2_95_d2WT_95_2_95_INTERNAL_95_vl2_95_d2WT_95_2_45_b2WT_95_2">
                 <polyline points="360.0,282.0,360.0,252.0"/>
             </g>
@@ -216,7 +216,7 @@
                 <text class="sld-label" id="2WT_TWO_N_LABEL" x="-5.0" y="-5.0">2WT_2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300" id="_95_vl2_95_d3WT_95_2_95_INTERNAL_95_vl2_95_d3WT_95_2_45_b3WT_95_2">
                 <polyline points="440.0,282.0,440.0,252.0"/>
             </g>
@@ -254,7 +254,7 @@
             <line x1="0" x2="40.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs3_NW_LABEL" x="-5.0" y="-5.0">bbs3</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70" id="_95_vl3_95_d3WT_95_3_95_INTERNAL_95_vl3_95_d3WT_95_3_45_b3WT_95_3">
                 <polyline points="560.0,282.0,560.0,252.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl2.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl2.svg
index 75d60c7b8..b980654a3 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl2.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl2.svg
@@ -79,7 +79,7 @@
             <line x1="0" x2="200.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs2_NW_LABEL" x="-5.0" y="-5.0">bbs2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl180to300" id="_95_vl2_95_d2WT_95_2_95_INTERNAL_95_vl2_95_d2WT_95_2_45_b2WT_95_2">
                 <polyline points="80.0,252.0,80.0,222.0"/>
             </g>
@@ -112,7 +112,7 @@
                 <text class="sld-label" id="2WT_TWO_N_LABEL" x="-5.0" y="-5.0">2WT_2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl180to300" id="_95_vl2_95_d3WT_95_2_95_INTERNAL_95_vl2_95_d3WT_95_2_45_b3WT_95_2">
                 <polyline points="200.0,252.0,200.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl3.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl3.svg
index 29ffaafcc..7daef2f2a 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl3.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/nominal_voltage_style_vl3.svg
@@ -79,7 +79,7 @@
             <line x1="0" x2="120.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs3_NW_LABEL" x="-5.0" y="-5.0">bbs3</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70" id="_95_vl3_95_d3WT_95_3_95_INTERNAL_95_vl3_95_d3WT_95_3_45_b3WT_95_3">
                 <polyline points="120.0,252.0,120.0,222.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/switchesOnBus.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/switchesOnBus.svg
index 81ebf3714..b91a65a1d 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/switchesOnBus.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/switchesOnBus.svg
@@ -177,7 +177,7 @@
                 <circle cx="4" cy="4" r="4"/>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_d_95_INTERNAL_95_vl_95_d_45_vsc">
                 <polyline points="240.0,252.0,240.0,222.0"/>
             </g>
@@ -243,7 +243,7 @@
                 <text class="sld-label" id="vsc_N_LABEL" x="-5.0" y="-5.0">Converter1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_bbs2_95_b2">
                 <polyline points="65.0,252.0,65.0,242.0"/>
             </g>
@@ -284,7 +284,7 @@
                 <text class="sld-label" id="C1_N_LABEL" x="-5.0" y="-5.0">Filter 1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_3">
+        <g class="sld-extern-cell sld-cell-direction-bottom" id="idEXTERN_32_3">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl_95_bbs2_95_b3">
                 <polyline points="115.0,252.0,115.0,242.0"/>
             </g>
diff --git a/single-line-diagram/single-line-diagram-core/src/test/resources/topological_style_substation.svg b/single-line-diagram/single-line-diagram-core/src/test/resources/topological_style_substation.svg
index 35a9affba..b9827dc4b 100644
--- a/single-line-diagram/single-line-diagram-core/src/test/resources/topological_style_substation.svg
+++ b/single-line-diagram/single-line-diagram-core/src/test/resources/topological_style_substation.svg
@@ -146,7 +146,7 @@
             <line x1="0" x2="125.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs1_NW_LABEL" x="-5.0" y="-5.0">bbs1</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d_95_INTERNAL_95_vl1_95_d_45_b">
                 <polyline points="65.0,282.0,65.0,252.0"/>
             </g>
@@ -190,7 +190,7 @@
                 <text class="sld-label" id="l_N_LABEL" x="-5.0" y="-5.0">l</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d2WT_95_1_95_INTERNAL_95_vl1_95_d2WT_95_1_45_b2WT_95_1">
                 <polyline points="115.0,282.0,115.0,252.0"/>
             </g>
@@ -231,7 +231,7 @@
                 <text class="sld-label" id="2WT_ONE_N_LABEL" x="-5.0" y="-5.0">2WT_1</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_2">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_2">
             <g class="sld-wire sld-vl300to500-0" id="_95_vl1_95_d3WT_95_1_95_INTERNAL_95_vl1_95_d3WT_95_1_45_b3WT_95_1">
                 <polyline points="165.0,282.0,165.0,252.0"/>
             </g>
@@ -279,7 +279,7 @@
             <line x1="0" x2="75.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs2_NW_LABEL" x="-5.0" y="-5.0">bbs2</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-disconnected" id="_95_vl2_95_d2WT_95_2_95_INTERNAL_95_vl2_95_d2WT_95_2_45_b2WT_95_2">
                 <polyline points="255.0,282.0,255.0,252.0"/>
             </g>
@@ -320,7 +320,7 @@
                 <text class="sld-label" id="2WT_TWO_N_LABEL" x="-5.0" y="-5.0">2WT_2</text>
             </g>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_1">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_1">
             <g class="sld-wire sld-disconnected" id="_95_vl2_95_d3WT_95_2_95_INTERNAL_95_vl2_95_d3WT_95_2_45_b3WT_95_2">
                 <polyline points="305.0,282.0,305.0,252.0"/>
             </g>
@@ -368,7 +368,7 @@
             <line x1="0" x2="25.0" y1="0" y2="0"/>
             <text class="sld-label" id="bbs3_NW_LABEL" x="-5.0" y="-5.0">bbs3</text>
         </g>
-        <g class="sld-extern-cell" id="idEXTERN_32_0">
+        <g class="sld-extern-cell sld-cell-direction-top" id="idEXTERN_32_0">
             <g class="sld-wire sld-vl50to70-0" id="_95_vl3_95_d3WT_95_3_95_INTERNAL_95_vl3_95_d3WT_95_3_45_b3WT_95_3">
                 <polyline points="395.0,282.0,395.0,252.0"/>
             </g>