From 1b8623b4cf3e5ddf8eb3e9a6fd38cb3982eeb94f Mon Sep 17 00:00:00 2001
From: Ahmed Abbas <ahmad.helmy@orange.com>
Date: Thu, 5 Dec 2019 15:50:20 +0200
Subject: rename ui project from client-franfurt to designer-client

Issue-ID: CCSDK-1981
Signed-off-by: Ahmed Abbas <ahmad.helmy@orange.com>
Change-Id: Ic53ea9cf4a48d0ba60f91aa27960e05c77ae9b07
---
 .../assets/img/favicon/android-chrome-192x192.png  | Bin 0 -> 12178 bytes
 .../assets/img/favicon/android-chrome-512x512.png  | Bin 0 -> 37218 bytes
 .../src/assets/img/favicon/apple-touch-icon.png    | Bin 0 -> 11490 bytes
 .../src/assets/img/favicon/browserconfig.xml       |   9 ++
 .../src/assets/img/favicon/favicon-16x16.png       | Bin 0 -> 1217 bytes
 .../src/assets/img/favicon/favicon-32x32.png       | Bin 0 -> 2069 bytes
 .../src/assets/img/favicon/favicon.ico             | Bin 0 -> 15086 bytes
 .../src/assets/img/favicon/mstile-150x150.png      | Bin 0 -> 8822 bytes
 .../src/assets/img/favicon/safari-pinned-tab.svg   |  51 +++++++++
 .../src/assets/img/favicon/site.webmanifest        |  19 ++++
 .../src/assets/img/icon-add-hover.svg              |  12 +++
 cds-ui/designer-client/src/assets/img/icon-add.svg |  19 ++++
 .../src/assets/img/icon-addPackage.svg             | 117 +++++++++++++++++++++
 .../src/assets/img/icon-archive-sm.svg             |  28 +++++
 .../src/assets/img/icon-btn-card-config.svg        |  12 +++
 .../src/assets/img/icon-btn-card-topology.svg      |  21 ++++
 .../src/assets/img/icon-clone-sm.svg               |  31 ++++++
 .../designer-client/src/assets/img/icon-close.svg  |  15 +++
 .../src/assets/img/icon-comType1-sm.svg            |  28 +++++
 .../src/assets/img/icon-comType1.svg               |  26 +++++
 .../src/assets/img/icon-comType2-sm.svg            |  23 ++++
 .../src/assets/img/icon-comType2.svg               |  21 ++++
 .../src/assets/img/icon-comType3-sm.svg            |  65 ++++++++++++
 .../src/assets/img/icon-comType3.svg               |  63 +++++++++++
 .../src/assets/img/icon-comType4-sm.svg            |  23 ++++
 .../src/assets/img/icon-create-white.svg           |  25 +++++
 .../src/assets/img/icon-delete-sm.svg              |  25 +++++
 .../designer-client/src/assets/img/icon-deploy.svg |  27 +++++
 .../designer-client/src/assets/img/icon-drag.svg   |  32 ++++++
 .../designer-client/src/assets/img/icon-edit.svg   |  21 ++++
 .../src/assets/img/icon-import-blue.svg            |  25 +++++
 .../src/assets/img/icon-menuDots.svg               |  15 +++
 .../src/assets/img/icon-nav-dictionary.svg         |  23 ++++
 .../src/assets/img/icon-nav-packages.svg           |  20 ++++
 .../designer-client/src/assets/img/icon-redo.svg   |  19 ++++
 .../src/assets/img/icon-search-light.svg           |  17 +++
 .../designer-client/src/assets/img/icon-search.svg |   3 +
 .../src/assets/img/icon-topologySource.svg         |  28 +++++
 .../src/assets/img/icon-topologyView-active.svg    |  27 +++++
 .../src/assets/img/icon-undoActive.svg             |  19 ++++
 .../designer-client/src/assets/img/icon-zoomIn.svg |  19 ++++
 .../src/assets/img/icon-zoomOut.svg                |  19 ++++
 .../designer-client/src/assets/img/img-user1.jpeg  | Bin 0 -> 25183 bytes
 .../designer-client/src/assets/img/img-user2.jpg   | Bin 0 -> 242904 bytes
 .../designer-client/src/assets/img/img-user3.jpg   | Bin 0 -> 194503 bytes
 .../src/assets/img/img-userProfile.png             | Bin 0 -> 1551 bytes
 .../designer-client/src/assets/img/logo-icon.svg   |  59 +++++++++++
 .../designer-client/src/assets/img/logo-text.svg   |  40 +++++++
 48 files changed, 1046 insertions(+)
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/android-chrome-192x192.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/android-chrome-512x512.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/apple-touch-icon.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/browserconfig.xml
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/favicon-16x16.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/favicon-32x32.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/favicon.ico
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/mstile-150x150.png
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/safari-pinned-tab.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/favicon/site.webmanifest
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-add-hover.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-add.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-addPackage.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-archive-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-btn-card-config.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-btn-card-topology.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-clone-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-close.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType1-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType1.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType2-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType2.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType3-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType3.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-comType4-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-create-white.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-delete-sm.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-deploy.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-drag.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-edit.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-import-blue.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-menuDots.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-nav-dictionary.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-nav-packages.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-redo.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-search-light.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-search.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-topologySource.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-topologyView-active.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-undoActive.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-zoomIn.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/icon-zoomOut.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/img-user1.jpeg
 create mode 100644 cds-ui/designer-client/src/assets/img/img-user2.jpg
 create mode 100644 cds-ui/designer-client/src/assets/img/img-user3.jpg
 create mode 100644 cds-ui/designer-client/src/assets/img/img-userProfile.png
 create mode 100644 cds-ui/designer-client/src/assets/img/logo-icon.svg
 create mode 100644 cds-ui/designer-client/src/assets/img/logo-text.svg

(limited to 'cds-ui/designer-client/src/assets/img')

diff --git a/cds-ui/designer-client/src/assets/img/favicon/android-chrome-192x192.png b/cds-ui/designer-client/src/assets/img/favicon/android-chrome-192x192.png
new file mode 100644
index 000000000..fdb1149d8
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/android-chrome-192x192.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/android-chrome-512x512.png b/cds-ui/designer-client/src/assets/img/favicon/android-chrome-512x512.png
new file mode 100644
index 000000000..864c20eda
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/android-chrome-512x512.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/apple-touch-icon.png b/cds-ui/designer-client/src/assets/img/favicon/apple-touch-icon.png
new file mode 100644
index 000000000..14d6c061a
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/apple-touch-icon.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/browserconfig.xml b/cds-ui/designer-client/src/assets/img/favicon/browserconfig.xml
new file mode 100644
index 000000000..b3930d0f0
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/cds-ui/designer-client/src/assets/img/favicon/favicon-16x16.png b/cds-ui/designer-client/src/assets/img/favicon/favicon-16x16.png
new file mode 100644
index 000000000..d49e691f2
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/favicon-16x16.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/favicon-32x32.png b/cds-ui/designer-client/src/assets/img/favicon/favicon-32x32.png
new file mode 100644
index 000000000..0814cc10b
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/favicon-32x32.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/favicon.ico b/cds-ui/designer-client/src/assets/img/favicon/favicon.ico
new file mode 100644
index 000000000..748fd3404
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/favicon.ico differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/mstile-150x150.png b/cds-ui/designer-client/src/assets/img/favicon/mstile-150x150.png
new file mode 100644
index 000000000..9ef285ee3
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/favicon/mstile-150x150.png differ
diff --git a/cds-ui/designer-client/src/assets/img/favicon/safari-pinned-tab.svg b/cds-ui/designer-client/src/assets/img/favicon/safari-pinned-tab.svg
new file mode 100644
index 000000000..f7b52bd6f
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/favicon/safari-pinned-tab.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="752.000000pt" height="752.000000pt" viewBox="0 0 752.000000 752.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,752.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3706 7151 c-5 -7 -55 -40 -161 -104 -11 -7 -51 -33 -90 -58 -38 -25
+-110 -70 -158 -100 -48 -30 -100 -62 -115 -71 -15 -10 -34 -21 -42 -25 -8 -3
+-17 -9 -20 -13 -3 -3 -34 -24 -70 -46 -36 -21 -67 -41 -70 -45 -3 -3 -30 -20
+-60 -37 -30 -18 -129 -80 -220 -137 -209 -133 -513 -325 -548 -346 -23 -14
+-204 -127 -502 -315 -47 -30 -107 -68 -135 -85 -27 -16 -95 -59 -150 -94 -55
+-35 -124 -79 -154 -97 -29 -18 -65 -41 -80 -51 -14 -9 -34 -20 -43 -23 -10 -4
+-18 -10 -18 -14 0 -4 -13 -13 -30 -20 -16 -7 -30 -16 -30 -21 0 -5 -5 -9 -11
+-9 -6 0 -29 -12 -52 -27 -23 -16 -51 -33 -62 -40 -38 -23 -180 -113 -195 -123
+-8 -5 -37 -24 -65 -41 -27 -17 -69 -44 -93 -60 -23 -16 -47 -29 -52 -29 -6 0
+-10 -5 -10 -11 0 -5 -5 -7 -10 -4 -6 3 -13 -1 -16 -9 -3 -9 -10 -16 -15 -16
+-5 0 -104 -60 -219 -133 l-210 -132 0 -1072 0 -1072 135 -83 c74 -46 144 -87
+155 -93 11 -5 20 -13 20 -17 0 -5 5 -8 11 -8 6 0 29 -12 52 -27 23 -16 51 -33
+62 -40 124 -74 211 -129 213 -135 2 -5 8 -8 14 -8 5 0 24 -10 41 -22 18 -13
+34 -23 37 -23 3 0 16 -8 30 -17 61 -40 302 -188 306 -188 3 0 10 -5 17 -10 7
+-6 57 -38 112 -71 55 -34 112 -70 127 -80 15 -10 30 -19 33 -19 4 0 25 -13 48
+-29 23 -15 89 -57 147 -92 58 -35 107 -66 110 -70 3 -3 10 -8 15 -10 17 -7
+160 -93 165 -100 3 -3 10 -8 15 -10 6 -2 43 -24 83 -49 41 -25 86 -52 100 -61
+15 -9 101 -63 192 -119 91 -56 177 -110 191 -119 15 -9 52 -32 84 -51 31 -19
+64 -39 73 -45 10 -5 68 -41 130 -80 165 -102 171 -106 253 -155 41 -24 92 -57
+113 -72 21 -15 43 -28 48 -28 5 0 14 -5 21 -10 15 -13 93 -62 467 -292 l106
+-65 89 59 c50 32 97 61 105 65 8 4 20 11 25 15 6 5 54 37 107 71 54 34 139 89
+190 122 51 33 145 92 208 132 63 40 122 77 130 83 8 6 116 75 240 155 124 79
+230 148 237 154 7 6 15 11 18 11 4 0 25 13 48 29 23 15 80 53 127 83 47 30
+176 112 287 183 112 72 252 162 312 200 61 39 208 133 326 210 119 77 224 145
+233 150 49 29 208 130 212 136 3 3 16 12 29 19 31 16 232 146 248 159 7 6 14
+11 17 11 4 0 83 50 291 184 28 18 85 56 128 84 43 29 82 52 86 52 5 0 11 3 13
+8 2 4 14 14 28 23 l24 16 1 1034 c0 1023 0 1034 -20 1050 -11 9 -36 26 -55 36
+-19 11 -84 51 -145 88 -60 37 -122 75 -136 84 -53 32 -265 161 -294 178 -16
+10 -31 21 -33 26 -2 4 -8 7 -12 7 -5 0 -52 27 -105 60 -53 33 -100 60 -106 60
+-5 0 -9 5 -9 10 0 6 -4 10 -9 10 -6 0 -53 27 -105 60 -53 33 -100 60 -106 60
+-5 0 -10 3 -10 8 0 4 -26 22 -57 40 -32 18 -96 56 -143 85 -47 29 -137 84
+-200 122 -63 39 -116 73 -118 78 -2 4 -8 7 -13 7 -5 0 -53 27 -107 60 -53 33
+-104 65 -112 70 -152 93 -208 128 -229 140 -14 8 -77 47 -139 85 -62 39 -126
+78 -142 88 -51 30 -85 50 -182 109 -51 32 -106 66 -123 75 -16 10 -32 21 -35
+24 -3 3 -10 8 -15 10 -9 3 -135 80 -373 227 -20 13 -45 25 -54 29 -10 3 -18 9
+-18 14 0 5 -7 9 -15 9 -8 0 -15 5 -15 10 0 6 -5 10 -10 10 -10 0 -28 11 -147
+87 -28 18 -56 33 -62 33 -6 0 -11 3 -11 8 0 4 -21 18 -47 32 -27 13 -50 27
+-53 30 -8 9 -195 120 -202 120 -4 0 -9 -4 -12 -9z"/>
+</g>
+</svg>
diff --git a/cds-ui/designer-client/src/assets/img/favicon/site.webmanifest b/cds-ui/designer-client/src/assets/img/favicon/site.webmanifest
new file mode 100644
index 000000000..b20abb7cb
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/cds-ui/designer-client/src/assets/img/icon-add-hover.svg b/cds-ui/designer-client/src/assets/img/icon-add-hover.svg
new file mode 100644
index 000000000..66a8e1b88
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-add-hover.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>icon-add-hover</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon-add-hover">
+            <circle id="Oval" fill="#103D73" cx="10" cy="10" r="10"></circle>
+            <path d="M13.75,9.375 L10.625,9.375 L10.625,6.25 C10.625,5.905 10.345,5.625 10,5.625 C9.655,5.625 9.375,5.905 9.375,6.25 L9.375,9.375 L6.25,9.375 C5.905,9.375 5.625,9.655 5.625,10 C5.625,10.345 5.905,10.625 6.25,10.625 L9.375,10.625 L9.375,13.75 C9.375,14.095 9.655,14.375 10,14.375 C10.345,14.375 10.625,14.095 10.625,13.75 L10.625,10.625 L13.75,10.625 C14.095,10.625 14.375,10.345 14.375,10 C14.375,9.655 14.095,9.375 13.75,9.375 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-add.svg b/cds-ui/designer-client/src/assets/img/icon-add.svg
new file mode 100644
index 000000000..13020ba0f
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-add.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-1400.000000, -199.000000)" fill="#103D73" fill-rule="nonzero">
+            <g id="action-attributes" transform="translate(1044.000000, 60.000000)">
+                <g id="actions" transform="translate(36.000000, 0.000000)">
+                    <g id="STEPS" transform="translate(0.000000, 131.000000)">
+                        <g id="title">
+                            <path d="M330,8 C324.476863,8 320,12.4768627 320,18 C320,23.5231373 324.476863,28 330,28 C335.523137,28 340,23.5224837 340,18 C340,12.4775163 335.523137,8 330,8 Z M330,26.75 C325.167484,26.75 321.25,22.8325163 321.25,18 C321.25,13.1674837 325.167484,9.25 330,9.25 C334.832516,9.25 338.75,13.1674837 338.75,18 C338.75,22.8325163 334.832516,26.75 330,26.75 Z M333.75,17.375 L330.625,17.375 L330.625,14.25 C330.625,13.905 330.345,13.625 330,13.625 C329.655,13.625 329.375,13.905 329.375,14.25 L329.375,17.375 L326.25,17.375 C325.905,17.375 325.625,17.655 325.625,18 C325.625,18.345 325.905,18.625 326.25,18.625 L329.375,18.625 L329.375,21.75 C329.375,22.095 329.655,22.375 330,22.375 C330.345,22.375 330.625,22.095 330.625,21.75 L330.625,18.625 L333.75,18.625 C334.095,18.625 334.375,18.345 334.375,18 C334.375,17.655 334.095,17.375 333.75,17.375 Z" id="Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-addPackage.svg b/cds-ui/designer-client/src/assets/img/icon-addPackage.svg
new file mode 100644
index 000000000..fcc8675ce
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-addPackage.svg
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="94px" height="62px" viewBox="0 0 94 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="-4.4%" y="-6.9%" width="108.9%" height="113.8%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.105882353   0 0 0 0 0.243137255   0 0 0 0 0.435294118  0 0 0 0.4 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-192.000000, -230.000000)">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="Add">
+                            <g id="icon" filter="url(#filter-1)" transform="translate(114.000000, 29.000000)">
+                                <g id="head">
+                                    <path d="M4,0 L86,0 C88.209139,-4.05812251e-16 90,1.790861 90,4 L90,6.3 L90,6.3 L0,6.3 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="Rectangle" fill="#1B3E6F"></path>
+                                    <rect id="Rectangle" fill="#FFFFFF" x="3.5" y="2.1" width="2.1" height="2.1"></rect>
+                                    <rect id="Rectangle" fill="#FFFFFF" x="7.7" y="2.1" width="2.1" height="2.1"></rect>
+                                    <rect id="Rectangle" fill="#FFFFFF" x="11.9" y="2.1" width="2.1" height="2.1"></rect>
+                                </g>
+                                <g id="body" transform="translate(0.000000, 8.400000)">
+                                    <path d="M0,0 L90,0 L90,45 C90,47.209139 88.209139,49 86,49 L4,49 C1.790861,49 2.705415e-16,47.209139 0,45 L0,0 L0,0 Z" id="Rectangle" fill="#FFFFFF"></path>
+                                    <g id="editor" transform="translate(14.000000, 11.000000)" fill-rule="nonzero">
+                                        <g id="left" transform="translate(0.015948, 0.099618)">
+                                            <path d="M1.02021698,24.4840519 L4.08075236,24.4840519 C4.64413679,24.4840519 5.10096934,24.0272193 5.10096934,23.4638349 L5.10096934,1.02021698 C5.10096934,0.456832547 4.64413679,-1.0658141e-14 4.08075236,-1.0658141e-14 L1.02021698,-1.0658141e-14 C0.456832547,-1.0658141e-14 1.64313008e-14,0.456832547 1.64313008e-14,1.02021698 L1.64313008e-14,23.4639505 C1.64313008e-14,24.0273349 0.456716981,24.4840519 1.02021698,24.4840519 Z M2.0403184,2.0403184 L3.06053538,2.0403184 C3.62391981,2.0403184 4.08075236,2.49715094 4.08075236,3.06053538 C4.08075236,3.62391981 3.62391981,4.08075236 3.06053538,4.08075236 L2.0403184,4.08075236 C1.47693396,4.08075236 1.02010142,3.62391981 1.02010142,3.06053538 C1.02021698,2.49715094 1.47693396,2.0403184 2.0403184,2.0403184 Z M2.0403184,5.10085377 L3.06053538,5.10085377 C3.62391981,5.10085377 4.08075236,5.55768632 4.08075236,6.12107075 C4.08075236,6.68445519 3.62391981,7.14128774 3.06053538,7.14128774 L2.0403184,7.14128774 C1.47693396,7.14128774 1.02010142,6.68445519 1.02010142,6.12107075 C1.02021698,5.55768632 1.47693396,5.10085377 2.0403184,5.10085377 Z M2.0403184,8.16138915 L3.06053538,8.16138915 C3.62391981,8.16138915 4.08075236,8.6182217 4.08075236,9.18160613 C4.08075236,9.74499057 3.62391981,10.2018231 3.06053538,10.2018231 L2.0403184,10.2018231 C1.47693396,10.2018231 1.02010142,9.74499057 1.02010142,9.18160613 C1.02010142,8.6182217 1.47693396,8.16138915 2.0403184,8.16138915 Z M2.0403184,11.2219245 L3.06053538,11.2219245 C3.62391981,11.2219245 4.08075236,11.6787571 4.08075236,12.2421415 C4.08075236,12.8055259 3.62391981,13.2623585 3.06053538,13.2623585 L2.0403184,13.2623585 C1.47693396,13.2623585 1.02010142,12.8055259 1.02010142,12.2421415 C1.02010142,11.6787571 1.47693396,11.2219245 2.0403184,11.2219245 Z M2.0403184,14.2823443 L3.06053538,14.2823443 C3.62391981,14.2823443 4.08075236,14.7391769 4.08075236,15.3025613 C4.08075236,15.8659458 3.62391981,16.3227783 3.06053538,16.3227783 L2.0403184,16.3227783 C1.47693396,16.3227783 1.02010142,15.8659458 1.02010142,15.3025613 C1.02010142,14.7391769 1.47693396,14.2823443 2.0403184,14.2823443 Z M1.02021698,19.3831981 C1.02021698,18.8198137 1.47704953,18.3629811 2.04043396,18.3629811 L3.06065094,18.3629811 C3.62403538,18.3629811 4.08086792,18.8198137 4.08086792,19.3831981 L4.08086792,21.4235165 C4.08086792,21.9869009 3.62403538,22.4437335 3.06065094,22.4437335 L2.04043396,22.4437335 C1.47704953,22.4437335 1.02021698,21.9869009 1.02021698,21.4235165 L1.02021698,19.3831981 L1.02021698,19.3831981 Z" id="Shape" fill="#BEC8DC"></path>
+                                            <path d="M2.0403184,4.08063679 L3.06053538,4.08063679 C3.62391981,4.08063679 4.08075236,3.62380425 4.08075236,3.06041981 C4.08075236,2.49703538 3.62391981,2.04020283 3.06053538,2.04020283 L2.0403184,2.04020283 C1.47693396,2.04020283 1.02010142,2.49703538 1.02010142,3.06041981 C1.02021698,3.62391981 1.47693396,4.08063679 2.0403184,4.08063679 Z" id="Path" fill="#E4EAF6"></path>
+                                            <path d="M2.0403184,7.14117217 L3.06053538,7.14117217 C3.62391981,7.14117217 4.08075236,6.68433962 4.08075236,6.12095519 C4.08075236,5.55757075 3.62391981,5.10073821 3.06053538,5.10073821 L2.0403184,5.10073821 C1.47693396,5.10073821 1.02010142,5.55757075 1.02010142,6.12095519 C1.02021698,6.68445519 1.47693396,7.14117217 2.0403184,7.14117217 Z" id="Path" fill="#96A5B9"></path>
+                                            <g id="Group" transform="translate(0.908580, 8.105571)" fill="#E4EAF6">
+                                                <path d="M1.13173821,2.09613679 L2.15195519,2.09613679 C2.71533962,2.09613679 3.17217217,1.63930425 3.17217217,1.07591981 C3.17217217,0.512535377 2.71533962,0.0557028302 2.15195519,0.0557028302 L1.13173821,0.0557028302 C0.568353774,0.0557028302 0.111521226,0.512535377 0.111521226,1.07591981 C0.111521226,1.63930425 0.568353774,2.09613679 1.13173821,2.09613679 Z" id="Path"></path>
+                                                <path d="M1.13173821,5.15667217 L2.15195519,5.15667217 C2.71533962,5.15667217 3.17217217,4.69983962 3.17217217,4.13645519 C3.17217217,3.57307075 2.71533962,3.11623821 2.15195519,3.11623821 L1.13173821,3.11623821 C0.568353774,3.11623821 0.111521226,3.57307075 0.111521226,4.13645519 C0.111521226,4.69983962 0.568353774,5.15667217 1.13173821,5.15667217 Z" id="Path"></path>
+                                                <path d="M1.13173821,8.21709198 L2.15195519,8.21709198 C2.71533962,8.21709198 3.17217217,7.76025943 3.17217217,7.196875 C3.17217217,6.63349057 2.71533962,6.17665802 2.15195519,6.17665802 L1.13173821,6.17665802 C0.568353774,6.17665802 0.111521226,6.63349057 0.111521226,7.196875 C0.111521226,7.76025943 0.568353774,8.21709198 1.13173821,8.21709198 Z" id="Path"></path>
+                                            </g>
+                                            <path d="M2.0403184,22.4437335 L3.06053538,22.4437335 C3.62391981,22.4437335 4.08075236,21.9869009 4.08075236,21.4235165 L4.08075236,19.3831981 C4.08075236,18.8198137 3.62391981,18.3629811 3.06053538,18.3629811 L2.0403184,18.3629811 C1.47693396,18.3629811 1.02010142,18.8198137 1.02010142,19.3831981 L1.02010142,21.4235165 C1.02021698,21.9869009 1.4768184,22.4437335 2.0403184,22.4437335 Z" id="Path" fill="#96A5B9"></path>
+                                        </g>
+                                        <g id="center" transform="translate(15.197439, 0.099618)">
+                                            <path d="M1.02010144,13.2622429 L8.6713821,13.2622429 L8.6713821,11.2219245 L2.04020285,11.2219245 L2.04020285,2.04043396 L11.2216934,2.04043396 L11.2216934,8.67149764 C11.5036746,8.67149764 11.7318019,8.899625 11.7318019,9.18160613 C11.7318019,9.46358726 11.5036746,9.69171462 11.2216934,9.69171462 L11.2216934,11.2219245 L9.69148351,11.2219245 L9.69148351,13.2622429 L12.2419104,13.2622429 C12.2564717,13.2622429 12.2705708,13.2607406 12.2850165,13.2600472 L12.2931062,12.6469693 C12.2977288,12.2954175 12.7138821,12.1128231 12.9757547,12.3473066 L13.211625,12.5585613 C13.2440991,12.4588278 13.2622429,12.3526226 13.2622429,12.2420259 L13.2622429,9.69159906 C12.9802618,9.69159906 12.7521345,9.4634717 12.7521345,9.18149057 C12.7521345,8.89950943 12.9802618,8.67138208 13.2622429,8.67138208 L13.2622429,1.02021698 C13.2622429,0.456370283 12.8054104,2.22044605e-14 12.242026,2.22044605e-14 L1.020217,2.22044605e-14 C0.456832569,2.22044605e-14 1.24344979e-14,0.456254717 1.24344979e-14,1.02021698 L1.24344979e-14,12.2420259 C1.24344979e-14,12.8059882 0.456717003,13.2622429 1.02010144,13.2622429 Z" id="Path" fill="#FF6469"></path>
+                                            <g id="Group" transform="translate(8.599731, 8.567835)" fill="#5DBDBA">
+                                                <path d="M0.581643868,9.2851533 C0.863625,9.2851533 1.09175236,9.05702594 1.09175236,8.77504481 L1.09175236,6.73472642 C1.09175236,6.45274528 0.863625,6.22461792 0.581643868,6.22461792 C0.299662736,6.22461792 0.0715353774,6.45274528 0.0715353774,6.73472642 L0.0715353774,8.77504481 C0.0716509434,9.05702594 0.299778302,9.2851533 0.581643868,9.2851533 Z" id="Path"></path>
+                                                <path d="M12.8236698,15.4061085 L14.8639882,15.4061085 C15.1459693,15.4061085 15.3740967,15.1779811 15.3740967,14.896 C15.3740967,14.6140189 15.1459693,14.3858915 14.8639882,14.3858915 L12.8236698,14.3858915 C12.5416887,14.3858915 12.3135613,14.6140189 12.3135613,14.896 C12.3135613,15.1779811 12.5418042,15.4061085 12.8236698,15.4061085 Z" id="Path"></path>
+                                                <path d="M14.8641038,10.3052547 C14.5821226,10.3052547 14.3539953,10.5333821 14.3539953,10.8153632 L14.3539953,12.8556816 C14.3539953,13.1376627 14.5821226,13.3657901 14.8641038,13.3657901 C15.1460849,13.3657901 15.3742123,13.1376627 15.3742123,12.8556816 L15.3742123,10.8153632 C15.3740967,10.5333821 15.1459693,10.3052547 14.8641038,10.3052547 Z" id="Path"></path>
+                                                <path d="M12.8236698,1.12376415 L14.8639882,1.12376415 C15.1459693,1.12376415 15.3740967,0.895636792 15.3740967,0.61365566 C15.3740967,0.331674528 15.1459693,0.10354717 14.8639882,0.10354717 L12.8236698,0.10354717 C12.5416887,0.10354717 12.3135613,0.331674528 12.3135613,0.61365566 C12.3136769,0.895636792 12.5418042,1.12376415 12.8236698,1.12376415 Z" id="Path"></path>
+                                                <path d="M14.8641038,2.14398113 C14.5821226,2.14398113 14.3539953,2.37210849 14.3539953,2.65408962 L14.3539953,4.69440802 C14.3539953,4.97638915 14.5821226,5.20451651 14.8641038,5.20451651 C15.1460849,5.20451651 15.3742123,4.97638915 15.3742123,4.69440802 L15.3742123,2.65408962 C15.3740967,2.37210849 15.1459693,2.14398113 14.8641038,2.14398113 Z" id="Path"></path>
+                                                <path d="M6.70271462,14.3860071 L4.66239623,14.3860071 C4.38041509,14.3860071 4.15228774,14.6141344 4.15228774,14.8961156 C4.15228774,15.1780967 4.38041509,15.4062241 4.66239623,15.4062241 L6.70271462,15.4062241 C6.98469575,15.4062241 7.21282311,15.1780967 7.21282311,14.8961156 C7.21282311,14.6141344 6.98469575,14.3860071 6.70271462,14.3860071 Z" id="Path"></path>
+                                                <path d="M0.581643868,2.14398113 C0.299662736,2.14398113 0.0715353774,2.37210849 0.0715353774,2.65408962 L0.0715353774,4.69440802 C0.0715353774,4.97638915 0.299662736,5.20451651 0.581643868,5.20451651 C0.863625,5.20451651 1.09175236,4.97638915 1.09175236,4.69440802 L1.09175236,2.65408962 C1.09175236,2.37210849 0.863625,2.14398113 0.581643868,2.14398113 Z" id="Path"></path>
+                                                <path d="M2.62207783,14.3860071 L0.581759434,14.3860071 C0.299778302,14.3860071 0.0716509434,14.6141344 0.0716509434,14.8961156 C0.0716509434,15.1780967 0.299778302,15.4062241 0.581759434,15.4062241 L2.62207783,15.4062241 C2.90405896,15.4062241 3.13218632,15.1780967 3.13218632,14.8961156 C3.13218632,14.6141344 2.9039434,14.3860071 2.62207783,14.3860071 Z" id="Path"></path>
+                                                <path d="M0.0716509434,12.8556816 C0.0716509434,13.1376627 0.299778302,13.3657901 0.581759434,13.3657901 C0.863740566,13.3657901 1.09186792,13.1376627 1.09186792,12.8556816 L1.09186792,10.8153632 C1.09186792,10.5333821 0.863740566,10.3052547 0.581759434,10.3052547 C0.299778302,10.3052547 0.0716509434,10.5333821 0.0716509434,10.8153632 L0.0716509434,12.8556816 Z" id="Path"></path>
+                                                <path d="M14.8641038,6.22461792 C14.5821226,6.22461792 14.3539953,6.45274528 14.3539953,6.73472642 L14.3539953,8.77504481 C14.3539953,9.05702594 14.5821226,9.2851533 14.8641038,9.2851533 C15.1460849,9.2851533 15.3742123,9.05702594 15.3742123,8.77504481 L15.3742123,6.73472642 C15.3740967,6.45274528 15.1459693,6.22461792 14.8641038,6.22461792 Z" id="Path"></path>
+                                                <path d="M8.74303302,1.12376415 L10.7833514,1.12376415 C11.0653325,1.12376415 11.2934599,0.895636792 11.2934599,0.61365566 C11.2934599,0.331674528 11.0653325,0.10354717 10.7833514,0.10354717 L8.74303302,0.10354717 C8.46105189,0.10354717 8.23292453,0.331674528 8.23292453,0.61365566 C8.23292453,0.895636792 8.46105189,1.12376415 8.74303302,1.12376415 Z" id="Path"></path>
+                                                <path d="M0.0716509434,0.61365566 C0.0716509434,0.895636792 0.299778302,1.12376415 0.581759434,1.12376415 L2.62207783,1.12376415 C2.90405896,1.12376415 3.13218632,0.895636792 3.13218632,0.61365566 C3.13218632,0.331674528 2.90405896,0.10354717 2.62207783,0.10354717 L0.581759434,0.10354717 C0.299778302,0.103662736 0.0716509434,0.331790094 0.0716509434,0.61365566 Z" id="Path"></path>
+                                                <path d="M8.74303302,15.4061085 L10.7833514,15.4061085 C11.0653325,15.4061085 11.2934599,15.1779811 11.2934599,14.896 C11.2934599,14.6140189 11.0653325,14.3858915 10.7833514,14.3858915 L8.74303302,14.3858915 C8.46105189,14.3858915 8.23292453,14.6140189 8.23292453,14.896 C8.23292453,15.1779811 8.46105189,15.4061085 8.74303302,15.4061085 Z" id="Path"></path>
+                                                <path d="M4.15228774,0.61365566 C4.15228774,0.895636792 4.38041509,1.12376415 4.66239623,1.12376415 L6.70271462,1.12376415 C6.98469575,1.12376415 7.21282311,0.895636792 7.21282311,0.61365566 C7.21282311,0.331674528 6.98469575,0.10354717 6.70271462,0.10354717 L4.66239623,0.10354717 C4.38041509,0.103662736 4.15228774,0.331790094 4.15228774,0.61365566 Z" id="Path"></path>
+                                            </g>
+                                            <path d="M12.2929906,12.6469693 L12.284901,13.2600472 L12.2419906,16.5576085 C12.2382123,16.8554222 12.5433066,17.0576627 12.8160425,16.9378208 L13.8308279,16.4924292 L14.7369812,18.5563231 C14.8211132,18.7475849 15.0079835,18.8611863 15.2046769,18.8611863 C15.2728609,18.8611863 15.3426628,18.8473184 15.4093444,18.8183113 C15.6669411,18.7047099 15.7843562,18.4038915 15.6714481,18.1459481 L14.7654104,16.0822854 L15.7798491,15.6370094 C16.0524694,15.517283 16.1102524,15.155908 15.8884812,14.9570189 L13.2113939,12.5585613 L12.9755236,12.3473066 C12.7137665,12.1127075 12.2974977,12.2954175 12.2929906,12.6469693 Z" id="Path" fill="#1B3E6F"></path>
+                                        </g>
+                                        <g id="right" transform="translate(49.674528, -0.000000)">
+                                            <g id="Group" transform="translate(-0.000000, 0.000000)" fill="#BEC8DC">
+                                                <path d="M11.3095236,1.11983491 C11.3095236,0.556450472 10.852691,0.0996179245 10.2893066,0.0996179245 L1.10781604,0.0996179245 C0.544431604,0.0996179245 0.0875990566,0.556450472 0.0875990566,1.11983491 L0.0875990566,7.24090566 L11.309408,7.24090566 L11.309408,1.11983491 L11.3095236,1.11983491 Z M9.77931368,6.22068868 L5.69867689,6.22068868 L4.67845991,6.22068868 L1.61792453,6.22068868 C1.33617453,6.22068868 1.10781604,5.99233019 1.10781604,5.71058019 C1.10781604,5.42883019 1.33617453,5.2004717 1.61792453,5.2004717 L4.67845991,5.2004717 L5.69867689,5.2004717 L9.77931368,5.2004717 C10.0610637,5.2004717 10.2894222,5.42883019 10.2894222,5.71058019 C10.2894222,5.99233019 10.0609481,6.22068868 9.77931368,6.22068868 Z M9.77931368,4.18025472 L8.7590967,4.18025472 L7.73887972,4.18025472 L1.61792453,4.18025472 C1.33617453,4.18025472 1.10781604,3.95189623 1.10781604,3.67014623 C1.10781604,3.38839623 1.33617453,3.16003774 1.61792453,3.16003774 L7.73899528,3.16003774 L8.75921226,3.16003774 L9.77942925,3.16003774 C10.0611792,3.16003774 10.2895377,3.38839623 10.2895377,3.67014623 C10.2895377,3.95189623 10.0609481,4.18025472 9.77931368,4.18025472 Z M9.77931368,2.13993632 L3.65824292,2.13993632 L2.63802594,2.13993632 L1.61792453,2.13993632 C1.33617453,2.13993632 1.10781604,1.91157783 1.10781604,1.62982783 C1.10781604,1.34807783 1.33617453,1.11971934 1.61792453,1.11971934 L2.63814151,1.11971934 L3.65835849,1.11971934 L9.77942925,1.11971934 C10.0611792,1.11971934 10.2895377,1.34807783 10.2895377,1.62982783 C10.2895377,1.91157783 10.0609481,2.13993632 9.77931368,2.13993632 Z" id="Shape"></path>
+                                                <path d="M1.10781604,24.5836698 L10.2893066,24.5836698 C10.852691,24.5836698 11.3095236,24.1268373 11.3095236,23.5634528 L11.3095236,14.3819623 L0.0877146226,14.3819623 L0.0877146226,23.5634528 C0.0877146226,24.1269528 0.544431604,24.5836698 1.10781604,24.5836698 Z M5.69856132,15.4021792 L9.77919811,15.4021792 C10.0609481,15.4021792 10.2893066,15.6305377 10.2893066,15.9122877 C10.2893066,16.1940377 10.0609481,16.4223962 9.77919811,16.4223962 L5.69856132,16.4223962 C5.41681132,16.4223962 5.18845283,16.1940377 5.18845283,15.9122877 C5.18845283,15.6305377 5.41692689,15.4021792 5.69856132,15.4021792 Z M5.69856132,17.4424976 L9.77919811,17.4424976 C10.0609481,17.4424976 10.2893066,17.6708561 10.2893066,17.9526061 C10.2893066,18.2343561 10.0609481,18.4627146 9.77919811,18.4627146 L5.69856132,18.4627146 C5.41681132,18.4627146 5.18845283,18.2343561 5.18845283,17.9526061 C5.1885684,17.6708561 5.41692689,17.4424976 5.69856132,17.4424976 Z M5.69856132,19.482816 L9.77919811,19.482816 C10.0609481,19.482816 10.2893066,19.7111745 10.2893066,19.9929245 C10.2893066,20.2746745 10.0609481,20.503033 9.77919811,20.503033 L5.69856132,20.503033 C5.41681132,20.503033 5.18845283,20.2746745 5.18845283,19.9929245 C5.1885684,19.7111745 5.41692689,19.482816 5.69856132,19.482816 Z M5.69856132,21.5231344 L9.77919811,21.5231344 C10.0609481,21.5231344 10.2893066,21.7514929 10.2893066,22.0332429 C10.2893066,22.3149929 10.0609481,22.5433514 9.77919811,22.5433514 L5.69856132,22.5433514 C5.41681132,22.5433514 5.18845283,22.3149929 5.18845283,22.0332429 C5.1885684,21.7516085 5.41692689,21.5231344 5.69856132,21.5231344 Z M3.65824292,15.4021792 L3.65824292,15.4021792 C3.93999292,15.4021792 4.16835142,15.6305377 4.16835142,15.9122877 C4.16835142,16.1940377 3.93999292,16.4223962 3.65824292,16.4223962 L3.65824292,16.4223962 C3.37649292,16.4223962 3.14813443,16.1940377 3.14813443,15.9122877 C3.14813443,15.6305377 3.37660849,15.4021792 3.65824292,15.4021792 Z M3.65824292,17.4424976 L3.65824292,17.4424976 C3.93999292,17.4424976 4.16835142,17.6708561 4.16835142,17.9526061 C4.16835142,18.2343561 3.93999292,18.4627146 3.65824292,18.4627146 L3.65824292,18.4627146 C3.37649292,18.4627146 3.14813443,18.2343561 3.14813443,17.9526061 C3.14813443,17.6708561 3.37660849,17.4424976 3.65824292,17.4424976 Z M3.65824292,19.482816 L3.65824292,19.482816 C3.93999292,19.482816 4.16835142,19.7111745 4.16835142,19.9929245 C4.16835142,20.2746745 3.93999292,20.503033 3.65824292,20.503033 L3.65824292,20.503033 C3.37649292,20.503033 3.14813443,20.2746745 3.14813443,19.9929245 C3.14813443,19.7111745 3.37660849,19.482816 3.65824292,19.482816 Z M3.65824292,21.5231344 L3.65824292,21.5231344 C3.93999292,21.5231344 4.16835142,21.7514929 4.16835142,22.0332429 C4.16835142,22.3149929 3.93999292,22.5433514 3.65824292,22.5433514 L3.65824292,22.5433514 C3.37649292,22.5433514 3.14813443,22.3149929 3.14813443,22.0332429 C3.14813443,21.7516085 3.37660849,21.5231344 3.65824292,21.5231344 Z M1.61792453,15.4021792 L1.61792453,15.4021792 C1.89967453,15.4021792 2.12803302,15.6305377 2.12803302,15.9122877 C2.12803302,16.1940377 1.89967453,16.4223962 1.61792453,16.4223962 L1.61792453,16.4223962 C1.33617453,16.4223962 1.10781604,16.1940377 1.10781604,15.9122877 C1.10781604,15.6305377 1.33617453,15.4021792 1.61792453,15.4021792 Z M1.61792453,17.4424976 L1.61792453,17.4424976 C1.89967453,17.4424976 2.12803302,17.6708561 2.12803302,17.9526061 C2.12803302,18.2343561 1.89967453,18.4627146 1.61792453,18.4627146 L1.61792453,18.4627146 C1.33617453,18.4627146 1.10781604,18.2343561 1.10781604,17.9526061 C1.10781604,17.6708561 1.33617453,17.4424976 1.61792453,17.4424976 Z M1.61792453,19.482816 L1.61792453,19.482816 C1.89967453,19.482816 2.12803302,19.7111745 2.12803302,19.9929245 C2.12803302,20.2746745 1.89967453,20.503033 1.61792453,20.503033 L1.61792453,20.503033 C1.33617453,20.503033 1.10781604,20.2746745 1.10781604,19.9929245 C1.10781604,19.7111745 1.33617453,19.482816 1.61792453,19.482816 Z M1.61792453,21.5231344 L1.61792453,21.5231344 C1.89967453,21.5231344 2.12803302,21.7514929 2.12803302,22.0332429 C2.12803302,22.3149929 1.89967453,22.5433514 1.61792453,22.5433514 L1.61792453,22.5433514 C1.33617453,22.5433514 1.10781604,22.3149929 1.10781604,22.0332429 C1.10781604,21.7516085 1.33617453,21.5231344 1.61792453,21.5231344 Z" id="Shape"></path>
+                                            </g>
+                                            <g id="Group" transform="translate(-0.000000, 1.040094)" fill="#96A5B9">
+                                                <path d="M11.3095236,6.20069575 L0.0877146226,6.20069575 L0.0877146226,13.3418679 L11.3095236,13.3418679 L11.3095236,6.20069575 Z M2.63814151,12.3217665 L1.61792453,12.3217665 C1.33617453,12.3217665 1.10781604,12.093408 1.10781604,11.811658 C1.10781604,11.529908 1.33617453,11.3015495 1.61792453,11.3015495 L2.63814151,11.3015495 C2.91989151,11.3015495 3.14825,11.529908 3.14825,11.811658 C3.14825,12.093408 2.91977594,12.3217665 2.63814151,12.3217665 Z M2.63814151,10.2814481 L1.61792453,10.2814481 C1.33617453,10.2814481 1.10781604,10.0530896 1.10781604,9.77133962 C1.10781604,9.48958962 1.33617453,9.26123113 1.61792453,9.26123113 L2.63814151,9.26123113 C2.91989151,9.26123113 3.14825,9.48958962 3.14825,9.77133962 C3.14825,10.0530896 2.91977594,10.2814481 2.63814151,10.2814481 Z M2.63814151,8.24101415 L1.61792453,8.24101415 C1.33617453,8.24101415 1.10781604,8.01265566 1.10781604,7.73090566 C1.10781604,7.44915566 1.33617453,7.22079717 1.61792453,7.22079717 L2.63814151,7.22079717 C2.91989151,7.22079717 3.14825,7.44915566 3.14825,7.73090566 C3.14825,8.01265566 2.91977594,8.24101415 2.63814151,8.24101415 Z M9.77931368,12.3217665 L4.67845991,12.3217665 C4.39670991,12.3217665 4.16835142,12.093408 4.16835142,11.811658 C4.16835142,11.529908 4.39670991,11.3015495 4.67845991,11.3015495 L9.77931368,11.3015495 C10.0610637,11.3015495 10.2894222,11.529908 10.2894222,11.811658 C10.2894222,12.093408 10.0609481,12.3217665 9.77931368,12.3217665 Z M9.77931368,10.2814481 L4.67845991,10.2814481 C4.39670991,10.2814481 4.16835142,10.0530896 4.16835142,9.77133962 C4.16835142,9.48958962 4.39670991,9.26123113 4.67845991,9.26123113 L9.77931368,9.26123113 C10.0610637,9.26123113 10.2894222,9.48958962 10.2894222,9.77133962 C10.2894222,10.0530896 10.0609481,10.2814481 9.77931368,10.2814481 Z M9.77931368,8.24101415 L4.67845991,8.24101415 C4.39670991,8.24101415 4.16835142,8.01265566 4.16835142,7.73090566 C4.16835142,7.44915566 4.39670991,7.22079717 4.67845991,7.22079717 L9.77931368,7.22079717 C10.0610637,7.22079717 10.2894222,7.44915566 10.2894222,7.73090566 C10.2894222,8.01265566 10.0609481,8.24101415 9.77931368,8.24101415 Z" id="Shape"></path>
+                                                <path d="M9.77931368,0.079740566 L3.65824292,0.079740566 C3.93999292,0.079740566 4.16835142,0.308099057 4.16835142,0.589849057 C4.16835142,0.871599057 3.93999292,1.09995755 3.65824292,1.09995755 L9.77931368,1.09995755 C10.0610637,1.09995755 10.2894222,0.871599057 10.2894222,0.589849057 C10.2894222,0.308099057 10.0609481,0.079740566 9.77931368,0.079740566 Z" id="Path"></path>
+                                                <path d="M2.12803302,0.589733491 C2.12803302,0.307983491 2.35639151,0.079625 2.63814151,0.079625 L1.61792453,0.079625 C1.33617453,0.079625 1.10781604,0.307983491 1.10781604,0.589733491 C1.10781604,0.871483491 1.33617453,1.09984198 1.61792453,1.09984198 L2.63814151,1.09984198 C2.35639151,1.09984198 2.12803302,0.871483491 2.12803302,0.589733491 Z" id="Path"></path>
+                                                <path d="M9.77931368,4.16037736 L5.69867689,4.16037736 C5.98042689,4.16037736 6.20878538,4.38873585 6.20878538,4.67048585 C6.20878538,4.95223585 5.98042689,5.18059434 5.69867689,5.18059434 L9.77931368,5.18059434 C10.0610637,5.18059434 10.2894222,4.95223585 10.2894222,4.67048585 C10.2894222,4.38873585 10.0609481,4.16037736 9.77931368,4.16037736 Z" id="Path"></path>
+                                                <path d="M4.16835142,4.67048585 C4.16835142,4.38873585 4.39670991,4.16037736 4.67845991,4.16037736 L1.61792453,4.16037736 C1.33617453,4.16037736 1.10781604,4.38873585 1.10781604,4.67048585 C1.10781604,4.95223585 1.33617453,5.18059434 1.61792453,5.18059434 L4.67845991,5.18059434 C4.39670991,5.18059434 4.16835142,4.95212028 4.16835142,4.67048585 Z" id="Path"></path>
+                                            </g>
+                                            <path d="M9.77931368,8.26100708 L4.67845991,8.26100708 C4.39670991,8.26100708 4.16835142,8.48936557 4.16835142,8.77111557 C4.16835142,9.05286557 4.39670991,9.28122406 4.67845991,9.28122406 L9.77931368,9.28122406 C10.0610637,9.28122406 10.2894222,9.05286557 10.2894222,8.77111557 C10.2894222,8.48936557 10.0609481,8.26100708 9.77931368,8.26100708 Z" id="Path" fill="#BEC8DC"></path>
+                                            <g id="Group" transform="translate(1.040094, 3.120283)" fill="#96A5B9">
+                                                <path d="M6.18879245,0.549978774 C6.18879245,0.268228774 6.41715094,0.039870283 6.69890094,0.039870283 L0.577830189,0.039870283 C0.296080189,0.039870283 0.0677216981,0.268228774 0.0677216981,0.549978774 C0.0677216981,0.831728774 0.296080189,1.06008726 0.577830189,1.06008726 L6.69890094,1.06008726 C6.41715094,1.0599717 6.18879245,0.831613208 6.18879245,0.549978774 Z" id="Path"></path>
+                                                <path d="M8.73921934,0.039870283 L7.71900236,0.039870283 C8.00075236,0.039870283 8.22911085,0.268228774 8.22911085,0.549978774 C8.22911085,0.831728774 8.00075236,1.06008726 7.71900236,1.06008726 L8.73921934,1.06008726 C9.02096934,1.06008726 9.24932783,0.831728774 9.24932783,0.549978774 C9.24932783,0.268228774 9.02085377,0.039870283 8.73921934,0.039870283 Z" id="Path"></path>
+                                            </g>
+                                            <g id="Group" transform="translate(1.040094, 1.040094)" fill="#E4EAF6">
+                                                <path d="M3.12825708,0.589733491 C3.12825708,0.307983491 2.89989858,0.079625 2.61814858,0.079625 L1.5979316,0.079625 C1.3161816,0.079625 1.08782311,0.307983491 1.08782311,0.589733491 C1.08782311,0.871483491 1.3161816,1.09984198 1.5979316,1.09984198 L2.61814858,1.09984198 C2.89989858,1.09984198 3.12825708,0.871483491 3.12825708,0.589733491 Z" id="Path"></path>
+                                                <path d="M5.16857547,4.67048585 C5.16857547,4.38873585 4.94021698,4.16037736 4.65846698,4.16037736 L3.63825,4.16037736 C3.3565,4.16037736 3.12814151,4.38873585 3.12814151,4.67048585 C3.12814151,4.95223585 3.3565,5.18059434 3.63825,5.18059434 L4.65846698,5.18059434 C4.94021698,5.18059434 5.16857547,4.95212028 5.16857547,4.67048585 Z" id="Path"></path>
+                                                <path d="M1.59804717,7.22091274 L0.577830189,7.22091274 C0.296080189,7.22091274 0.0677216981,7.44927123 0.0677216981,7.73102123 C0.0677216981,8.01277123 0.296080189,8.24112972 0.577830189,8.24112972 L1.59804717,8.24112972 C1.87979717,8.24112972 2.10815566,8.01277123 2.10815566,7.73102123 C2.10815566,7.44927123 1.8796816,7.22091274 1.59804717,7.22091274 Z" id="Path"></path>
+                                            </g>
+                                            <path d="M9.77931368,10.3013255 L4.67845991,10.3013255 C4.39670991,10.3013255 4.16835142,10.529684 4.16835142,10.811434 C4.16835142,11.093184 4.39670991,11.3215425 4.67845991,11.3215425 L9.77931368,11.3215425 C10.0610637,11.3215425 10.2894222,11.093184 10.2894222,10.811434 C10.2894222,10.529684 10.0609481,10.3013255 9.77931368,10.3013255 Z" id="Path" fill="#BEC8DC"></path>
+                                            <path d="M2.63814151,10.3013255 L1.61792453,10.3013255 C1.33617453,10.3013255 1.10781604,10.529684 1.10781604,10.811434 C1.10781604,11.093184 1.33617453,11.3215425 1.61792453,11.3215425 L2.63814151,11.3215425 C2.91989151,11.3215425 3.14825,11.093184 3.14825,10.811434 C3.14825,10.529684 2.91977594,10.3013255 2.63814151,10.3013255 Z" id="Path" fill="#E4EAF6"></path>
+                                            <path d="M9.77931368,12.3416439 L4.67845991,12.3416439 C4.39670991,12.3416439 4.16835142,12.5700024 4.16835142,12.8517524 C4.16835142,13.1335024 4.39670991,13.3618608 4.67845991,13.3618608 L9.77931368,13.3618608 C10.0610637,13.3618608 10.2894222,13.1335024 10.2894222,12.8517524 C10.2894222,12.5700024 10.0609481,12.3416439 9.77931368,12.3416439 Z" id="Path" fill="#BEC8DC"></path>
+                                            <g id="Group" transform="translate(1.040094, 12.250000)" fill="#E4EAF6">
+                                                <path d="M1.59804717,0.0916438679 L0.577830189,0.0916438679 C0.296080189,0.0916438679 0.0677216981,0.320002358 0.0677216981,0.601752358 C0.0677216981,0.883502358 0.296080189,1.11186085 0.577830189,1.11186085 L1.59804717,1.11186085 C1.87979717,1.11186085 2.10815566,0.883502358 2.10815566,0.601752358 C2.10815566,0.320002358 1.8796816,0.0916438679 1.59804717,0.0916438679 Z" id="Path"></path>
+                                                <path d="M0.577830189,6.21271462 L0.577830189,6.21271462 C0.859580189,6.21271462 1.08793868,5.98435613 1.08793868,5.70260613 C1.08793868,5.42085613 0.859580189,5.19249764 0.577830189,5.19249764 L0.577830189,5.19249764 C0.296080189,5.19249764 0.0677216981,5.42085613 0.0677216981,5.70260613 C0.0677216981,5.98424057 0.296080189,6.21271462 0.577830189,6.21271462 Z" id="Path"></path>
+                                                <path d="M0.577830189,4.17228066 L0.577830189,4.17228066 C0.859580189,4.17228066 1.08793868,3.94392217 1.08793868,3.66217217 C1.08793868,3.38042217 0.859580189,3.15206368 0.577830189,3.15206368 L0.577830189,3.15206368 C0.296080189,3.15206368 0.0677216981,3.38042217 0.0677216981,3.66217217 C0.0677216981,3.94392217 0.296080189,4.17228066 0.577830189,4.17228066 Z" id="Path"></path>
+                                                <path d="M0.577830189,10.2933514 L0.577830189,10.2933514 C0.859580189,10.2933514 1.08793868,10.0649929 1.08793868,9.78324292 C1.08793868,9.50149292 0.859580189,9.27313443 0.577830189,9.27313443 L0.577830189,9.27313443 C0.296080189,9.27313443 0.0677216981,9.50149292 0.0677216981,9.78324292 C0.0677216981,10.0649929 0.296080189,10.2933514 0.577830189,10.2933514 Z" id="Path"></path>
+                                                <path d="M0.577830189,8.25303302 L0.577830189,8.25303302 C0.859580189,8.25303302 1.08793868,8.02467453 1.08793868,7.74292453 C1.08793868,7.46117453 0.859580189,7.23281604 0.577830189,7.23281604 L0.577830189,7.23281604 C0.296080189,7.23281604 0.0677216981,7.46117453 0.0677216981,7.74292453 C0.0677216981,8.02467453 0.296080189,8.25303302 0.577830189,8.25303302 Z" id="Path"></path>
+                                            </g>
+                                            <g id="Group" transform="translate(3.120283, 15.370283)" fill="#96A5B9">
+                                                <path d="M0.537959906,3.0924316 L0.537959906,3.0924316 C0.819709906,3.0924316 1.0480684,2.86407311 1.0480684,2.58232311 C1.0480684,2.30057311 0.819709906,2.07221462 0.537959906,2.07221462 L0.537959906,2.07221462 C0.256209906,2.07221462 0.0278514151,2.30057311 0.0278514151,2.58232311 C0.0278514151,2.86395755 0.256325472,3.0924316 0.537959906,3.0924316 Z" id="Path"></path>
+                                                <path d="M0.537959906,1.05199764 L0.537959906,1.05199764 C0.819709906,1.05199764 1.0480684,0.823639151 1.0480684,0.541889151 C1.0480684,0.260139151 0.819709906,0.0317806604 0.537959906,0.0317806604 L0.537959906,0.0317806604 C0.256209906,0.0317806604 0.0278514151,0.260139151 0.0278514151,0.541889151 C0.0278514151,0.823639151 0.256325472,1.05199764 0.537959906,1.05199764 Z" id="Path"></path>
+                                                <path d="M0.537959906,7.1730684 L0.537959906,7.1730684 C0.819709906,7.1730684 1.0480684,6.94470991 1.0480684,6.66295991 C1.0480684,6.38120991 0.819709906,6.15285142 0.537959906,6.15285142 L0.537959906,6.15285142 C0.256209906,6.15285142 0.0278514151,6.38120991 0.0278514151,6.66295991 C0.0278514151,6.94470991 0.256325472,7.1730684 0.537959906,7.1730684 Z" id="Path"></path>
+                                                <path d="M0.537959906,5.13275 L0.537959906,5.13275 C0.819709906,5.13275 1.0480684,4.90439151 1.0480684,4.62264151 C1.0480684,4.34089151 0.819709906,4.11253302 0.537959906,4.11253302 L0.537959906,4.11253302 C0.256209906,4.11253302 0.0278514151,4.34089151 0.0278514151,4.62264151 C0.0278514151,4.90439151 0.256325472,5.13275 0.537959906,5.13275 Z" id="Path"></path>
+                                                <path d="M2.5782783,3.0924316 L6.65891509,3.0924316 C6.94066509,3.0924316 7.16902358,2.86407311 7.16902358,2.58232311 C7.16902358,2.30057311 6.94066509,2.07221462 6.65891509,2.07221462 L2.5782783,2.07221462 C2.2965283,2.07221462 2.06816981,2.30057311 2.06816981,2.58232311 C2.06828538,2.86395755 2.29664387,3.0924316 2.5782783,3.0924316 Z" id="Path"></path>
+                                                <path d="M2.5782783,1.05199764 L6.65891509,1.05199764 C6.94066509,1.05199764 7.16902358,0.823639151 7.16902358,0.541889151 C7.16902358,0.260139151 6.94066509,0.0317806604 6.65891509,0.0317806604 L2.5782783,0.0317806604 C2.2965283,0.0317806604 2.06816981,0.260139151 2.06816981,0.541889151 C2.06816981,0.823639151 2.29664387,1.05199764 2.5782783,1.05199764 Z" id="Path"></path>
+                                                <path d="M2.5782783,7.1730684 L6.65891509,7.1730684 C6.94066509,7.1730684 7.16902358,6.94470991 7.16902358,6.66295991 C7.16902358,6.38120991 6.94066509,6.15285142 6.65891509,6.15285142 L2.5782783,6.15285142 C2.2965283,6.15285142 2.06816981,6.38120991 2.06816981,6.66295991 C2.06828538,6.94470991 2.29664387,7.1730684 2.5782783,7.1730684 Z" id="Path"></path>
+                                                <path d="M2.5782783,5.13275 L6.65891509,5.13275 C6.94066509,5.13275 7.16902358,4.90439151 7.16902358,4.62264151 C7.16902358,4.34089151 6.94066509,4.11253302 6.65891509,4.11253302 L2.5782783,4.11253302 C2.2965283,4.11253302 2.06816981,4.34089151 2.06816981,4.62264151 C2.06828538,4.90439151 2.29664387,5.13275 2.5782783,5.13275 Z" id="Path"></path>
+                                            </g>
+                                            <path d="M9.26920519,3.67026179 C9.26920519,3.38851179 9.0408467,3.1601533 8.7590967,3.1601533 L7.73887972,3.1601533 C7.45712972,3.1601533 7.22877123,3.38851179 7.22877123,3.67026179 C7.22877123,3.95201179 7.45712972,4.18037028 7.73887972,4.18037028 L8.7590967,4.18037028 C9.0408467,4.18025472 9.26920519,3.95189623 9.26920519,3.67026179 Z" id="Path" fill="#E4EAF6"></path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-archive-sm.svg b/cds-ui/designer-client/src/assets/img/icon-archive-sm.svg
new file mode 100644
index 000000000..53683e9f1
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-archive-sm.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="7px" height="7px" viewBox="0 0 7 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>archive-black-box</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-651.000000, -270.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="1" transform="translate(337.000000, 0.000000)">
+                            <g id="info" transform="translate(20.000000, 19.000000)">
+                                <g id="actions-menu" transform="translate(204.000000, 24.000000)">
+                                    <g id="archive" transform="translate(0.000000, 18.000000)">
+                                        <g id="archive-black-box" transform="translate(10.000000, 6.000000)">
+                                            <path d="M6.44905882,1.88495588 L0.537455882,1.88495588 C0.464632353,1.88495588 0.401647059,1.91152941 0.348485294,1.96472059 C0.295294118,2.01788235 0.268720588,2.08086765 0.268720588,2.15364706 L0.268720588,6.18429412 C0.268720588,6.25705882 0.295294118,6.32007353 0.348485294,6.37322059 C0.401647059,6.42641176 0.464632353,6.45304412 0.537455882,6.45304412 L6.44905882,6.45304412 C6.52183824,6.45304412 6.58477941,6.42641176 6.63798529,6.37322059 C6.69113235,6.32008824 6.71770588,6.25707353 6.71770588,6.18429412 L6.71770588,2.15364706 C6.71770588,2.08082353 6.69123529,2.01789706 6.63798529,1.96472059 C6.58483824,1.91152941 6.52183824,1.88495588 6.44905882,1.88495588 Z M4.21951471,3.14872059 C4.16638235,3.20189706 4.10336765,3.22848529 4.03058824,3.22848529 L2.95575,3.22848529 C2.88301471,3.22848529 2.82002941,3.20188235 2.76682353,3.14872059 C2.71366176,3.09552941 2.68705882,3.03257353 2.68705882,2.95975 C2.68705882,2.88698529 2.71366176,2.824 2.76682353,2.77082353 C2.82001471,2.71763235 2.883,2.69102941 2.95575,2.69102941 L4.03069118,2.69102941 C4.10341176,2.69102941 4.16638235,2.71763235 4.21961765,2.77082353 C4.27276471,2.82398529 4.29933824,2.88697059 4.29933824,2.95975 C4.29933824,3.03255882 4.27270588,3.09552941 4.21951471,3.14872059 Z" id="Shape"></path>
+                                            <path d="M6.90673529,0.08375 C6.85352941,0.0305588235 6.79058824,0.00398529412 6.71779412,0.00398529412 L0.268705882,0.00398529412 C0.195941176,0.00398529412 0.132955882,0.0305588235 0.0797794118,0.08375 C0.0266029412,0.136911765 0,0.199897059 0,0.272676471 L0,1.34751471 C0,1.42027941 0.0266029412,1.48323529 0.0797941176,1.53644118 C0.132970588,1.58963235 0.195941176,1.61620588 0.268720588,1.61620588 L6.71770588,1.61620588 C6.79047059,1.61620588 6.85348529,1.58963235 6.90673529,1.53644118 C6.95986765,1.48325 6.98644118,1.42029412 6.98644118,1.34751471 L6.98644118,0.272676471 C6.98644118,0.199852941 6.95986765,0.136911765 6.90673529,0.08375 Z" id="Path"></path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-btn-card-config.svg b/cds-ui/designer-client/src/assets/img/icon-btn-card-config.svg
new file mode 100644
index 000000000..4e9130e9b
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-btn-card-config.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>icon-btn-card-config</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon-btn-card-config" fill="#C3CDDB" fill-rule="nonzero">
+            <path d="M11.3822222,4.66666667 L10.2595556,4.66666667 C10.0791111,4.66666667 9.93044444,4.56733333 9.86133333,4.40066667 C9.79222222,4.234 9.82733333,4.05844444 9.95466667,3.93088889 L10.7484444,3.13733333 C10.8651111,3.02066667 10.9293333,2.86533333 10.9293333,2.70044444 C10.9293333,2.53533333 10.8651111,2.38022222 10.7484444,2.26333333 L9.73666667,1.25155556 C9.50333333,1.01822222 9.09644444,1.01777778 8.86266667,1.25155556 L8.06911111,2.04511111 C7.94155556,2.17244444 7.76555556,2.208 7.59933333,2.13866667 C7.43266667,2.06955556 7.33333333,1.92088889 7.33333333,1.74044444 L7.33333333,0.617777778 C7.33333333,0.277111111 7.05622222,0 6.71555556,0 L5.28444444,0 C4.94377778,0 4.66666667,0.277111111 4.66666667,0.617777778 L4.66666667,1.74044444 C4.66666667,1.92088889 4.56733333,2.06955556 4.40066667,2.13866667 C4.23444444,2.20822222 4.05844444,2.17244444 3.93088889,2.04511111 L3.13733333,1.25155556 C2.90355556,1.01777778 2.49666667,1.01822222 2.26333333,1.25155556 L1.25155556,2.26333333 C1.13488889,2.38 1.07066667,2.53533333 1.07066667,2.70044444 C1.07066667,2.86533333 1.13488889,3.02044444 1.25155556,3.13733333 L2.04533333,3.93088889 C2.17266667,4.05844444 2.20755556,4.234 2.13866667,4.40066667 C2.06977778,4.56733333 1.92088889,4.66666667 1.74044444,4.66666667 L0.617777778,4.66666667 C0.277111111,4.66666667 0,4.94377778 0,5.28444444 L0,6.71533333 C0,7.05622222 0.277111111,7.33333333 0.617777778,7.33333333 L1.74044444,7.33333333 C1.92088889,7.33333333 2.06955556,7.43266667 2.13866667,7.59933333 C2.20777778,7.766 2.17266667,7.94155556 2.04533333,8.06911111 L1.25155556,8.86266667 C1.13488889,8.97933333 1.07066667,9.13466667 1.07066667,9.29955556 C1.07066667,9.46466667 1.13488889,9.61977778 1.25155556,9.73666667 L2.26333333,10.7484444 C2.49688889,10.982 2.90355556,10.9824444 3.13733333,10.7484444 L3.93088889,9.95466667 C4.05844444,9.82733333 4.23377778,9.79222222 4.40066667,9.86133333 C4.56733333,9.93044444 4.66666667,10.0791111 4.66666667,10.2595556 L4.66666667,11.3822222 C4.66666667,11.7228889 4.94377778,12 5.28444444,12 L6.71533333,12 C7.056,12 7.33311111,11.7228889 7.33311111,11.3822222 L7.33311111,10.2595556 C7.33311111,10.0791111 7.43244444,9.93044444 7.59911111,9.86133333 C7.766,9.792 7.94133333,9.82733333 8.06888889,9.95466667 L8.86244444,10.7484444 C9.09622222,10.9822222 9.50311111,10.9817778 9.73644444,10.7484444 L10.7482222,9.73666667 C10.8648889,9.62 10.9291111,9.46466667 10.9291111,9.29955556 C10.9291111,9.13466667 10.8648889,8.97955556 10.7482222,8.86266667 L9.95444444,8.06911111 C9.82711111,7.94155556 9.79222222,7.766 9.86111111,7.59933333 C9.93,7.43266667 10.0791111,7.33333333 10.2595556,7.33333333 L11.3822222,7.33333333 C11.7228889,7.33333333 12,7.05622222 12,6.71555556 L12,5.28444444 C12,4.94377778 11.7228889,4.66666667 11.3822222,4.66666667 Z M11.5555556,6.71555556 C11.5555556,6.81111111 11.4777778,6.88888889 11.3822222,6.88888889 L10.2595556,6.88888889 C9.89866667,6.88888889 9.58866667,7.096 9.45066667,7.42933333 C9.31244444,7.76266667 9.38511111,8.12844444 9.64044444,8.38355556 L10.4342222,9.17711111 C10.502,9.24488889 10.502,9.35488889 10.4342222,9.42244444 L9.42244444,10.4342222 C9.35488889,10.5017778 9.24488889,10.5022222 9.17711111,10.4342222 L8.38355556,9.64044444 C8.12822222,9.38511111 7.76266667,9.31288889 7.42933333,9.45066667 C7.096,9.58866667 6.88888889,9.89866667 6.88888889,10.2595556 L6.88888889,11.3822222 C6.88888889,11.4777778 6.81111111,11.5555556 6.71555556,11.5555556 L5.28444444,11.5555556 C5.18888889,11.5555556 5.11111111,11.4777778 5.11111111,11.3822222 L5.11111111,10.2595556 C5.11111111,9.89866667 4.904,9.58866667 4.57066667,9.45066667 C4.45888889,9.40422222 4.34377778,9.38155556 4.23,9.38155556 C4.00466667,9.38155556 3.78622222,9.47044444 3.61644444,9.64022222 L2.82288889,10.434 C2.75488889,10.502 2.64488889,10.5015556 2.57755556,10.434 L1.56577778,9.42222222 C1.498,9.35444444 1.498,9.24444444 1.56577778,9.17688889 L2.35955556,8.38333333 C2.61466667,8.12822222 2.68755556,7.76244444 2.54933333,7.42911111 C2.41133333,7.096 2.10133333,6.88888889 1.74044444,6.88888889 L0.617777778,6.88888889 C0.522222222,6.88888889 0.444444444,6.81111111 0.444444444,6.71555556 L0.444444444,5.28444444 C0.444444444,5.18888889 0.522222222,5.11111111 0.617777778,5.11111111 L1.74044444,5.11111111 C2.10133333,5.11111111 2.41133333,4.904 2.54933333,4.57066667 C2.68755556,4.23733333 2.61488889,3.87155556 2.35955556,3.61644444 L1.56577778,2.82288889 C1.498,2.75511111 1.498,2.64511111 1.56577778,2.57755556 L2.57755556,1.56577778 C2.64511111,1.498 2.75511111,1.498 2.82288889,1.56577778 L3.61644444,2.35933333 C3.87133333,2.61422222 4.23688889,2.68733333 4.57066667,2.54911111 C4.904,2.41133333 5.11111111,2.10133333 5.11111111,1.74044444 L5.11111111,0.617777778 C5.11111111,0.522222222 5.18888889,0.444444444 5.28444444,0.444444444 L6.71533333,0.444444444 C6.81111111,0.444444444 6.88888889,0.522222222 6.88888889,0.617777778 L6.88888889,1.74044444 C6.88888889,2.10133333 7.096,2.41133333 7.42933333,2.54933333 C7.76311111,2.68755556 8.12844444,2.61466667 8.38355556,2.35955556 L9.17711111,1.566 C9.24511111,1.49822222 9.35511111,1.49822222 9.42244444,1.566 L10.4342222,2.57777778 C10.502,2.64555556 10.502,2.75555556 10.4342222,2.82311111 L9.64044444,3.61666667 C9.38533333,3.87177778 9.31244444,4.23755556 9.45066667,4.57088889 C9.58866667,4.90422222 9.89866667,5.11133333 10.2595556,5.11133333 L11.3822222,5.11133333 C11.4777778,5.11111111 11.5555556,5.18888889 11.5555556,5.28444444 L11.5555556,6.71555556 Z" id="Shape"></path>
+            <path d="M6,4 C4.89711111,4 4,4.89711111 4,6 C4,7.10288889 4.89711111,8 6,8 C7.10288889,8 8,7.10288889 8,6 C8,4.89711111 7.10288889,4 6,4 Z M6,7.55555556 C5.14244444,7.55555556 4.44444444,6.85755556 4.44444444,6 C4.44444444,5.14244444 5.14244444,4.44444444 6,4.44444444 C6.85755556,4.44444444 7.55555556,5.14244444 7.55555556,6 C7.55555556,6.85755556 6.85755556,7.55555556 6,7.55555556 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-btn-card-topology.svg b/cds-ui/designer-client/src/assets/img/icon-btn-card-topology.svg
new file mode 100644
index 000000000..68a875321
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-btn-card-topology.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>icon-btn-card-topology</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon-btn-card-topology" fill="#C3CDDB" fill-rule="nonzero">
+            <path d="M11.984375,0 L1.015625,0 C0.455,0.00066015625 0.00066015625,0.455 0,1.015625 L0,11.984375 C0.00066015625,12.545 0.455,12.9993398 1.015625,13 L11.984375,13 C12.545,12.9993398 12.9993398,12.545 13,11.984375 L13,1.015625 C12.9993398,0.455 12.545,0.00066015625 11.984375,0 Z M12.59375,11.984375 C12.59375,12.3209277 12.3209277,12.59375 11.984375,12.59375 L1.015625,12.59375 C0.679072266,12.59375 0.40625,12.3209277 0.40625,11.984375 L0.40625,1.015625 C0.40625,0.679072266 0.679072266,0.40625 1.015625,0.40625 L11.984375,0.40625 C12.3209277,0.40625 12.59375,0.679072266 12.59375,1.015625 L12.59375,11.984375 Z" id="Shape"></path>
+            <path d="M1.421875,1.015625 C1.41626367,1.01549805 1.41065234,1.01549805 1.40504102,1.015625 C1.18533594,1.02027148 1.01097852,1.20216992 1.015625,1.421875 L1.015625,2.234375 L1.421875,2.234375 L1.421875,1.421875 L2.4375,1.421875 L2.4375,1.015625 L1.421875,1.015625 Z" id="Path"></path>
+            <path d="M10.765625,2.03125 L2.234375,2.03125 C2.12219922,2.03125 2.03125,2.12219922 2.03125,2.234375 L2.03125,4.671875 C2.03125,4.78405078 2.12219922,4.875 2.234375,4.875 L10.765625,4.875 C10.8778008,4.875 10.96875,4.78405078 10.96875,4.671875 L10.96875,2.234375 C10.96875,2.12219922 10.8778008,2.03125 10.765625,2.03125 Z M10.5625,4.46875 L2.4375,4.46875 L2.4375,2.4375 L10.5625,2.4375 L10.5625,4.46875 Z" id="Shape"></path>
+            <path d="M5.484375,5.484375 L2.234375,5.484375 C2.12219922,5.484375 2.03125,5.57532422 2.03125,5.6875 L2.03125,8.9375 C2.03125,9.04967578 2.12219922,9.140625 2.234375,9.140625 L5.484375,9.140625 C5.59655078,9.140625 5.6875,9.04967578 5.6875,8.9375 L5.6875,5.6875 C5.6875,5.57532422 5.59655078,5.484375 5.484375,5.484375 Z M2.4375,8.734375 L2.4375,6.17784375 L4.99403125,8.734375 L2.4375,8.734375 Z M5.28125,8.44708008 L2.72479492,5.890625 L5.28125,5.890625 L5.28125,8.44708008 Z" id="Shape"></path>
+            <path d="M10.765625,5.484375 L6.296875,5.484375 C6.18469922,5.484375 6.09375,5.62989375 6.09375,5.809375 L6.09375,7.759375 C6.09375,7.93885625 6.18469922,8.084375 6.296875,8.084375 L10.765625,8.084375 C10.8778008,8.084375 10.96875,7.93885625 10.96875,7.759375 L10.96875,5.809375 C10.96875,5.62989375 10.8778008,5.484375 10.765625,5.484375 Z M10.5625,7.434375 L6.5,7.434375 L6.5,6.134375 L10.5625,6.134375 L10.5625,7.434375 Z" id="Shape"></path>
+            <rect id="Rectangle" x="6.09375" y="7.71875" width="4.875" height="1"></rect>
+            <rect id="Rectangle" x="6.09375" y="8.734375" width="4.875" height="1"></rect>
+            <rect id="Rectangle" x="3.65625" y="9.75" width="7.3125" height="1"></rect>
+            <rect id="Rectangle" x="2.03125" y="10.765625" width="7.3125" height="1"></rect>
+            <rect id="Rectangle" x="2.03125" y="9.75" width="1" height="1"></rect>
+            <rect id="Rectangle" x="2.84375" y="9.75" width="1" height="1"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-clone-sm.svg b/cds-ui/designer-client/src/assets/img/icon-clone-sm.svg
new file mode 100644
index 000000000..e532ccf8a
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-clone-sm.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="7px" height="9px" viewBox="0 0 7 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-651.000000, -251.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="1" transform="translate(337.000000, 0.000000)">
+                            <g id="info" transform="translate(20.000000, 19.000000)">
+                                <g id="actions-menu" transform="translate(204.000000, 24.000000)">
+                                    <g id="clone---active">
+                                        <g id="icon" transform="translate(13.500000, 9.421053) scale(-1, 1) translate(-13.500000, -9.421053) translate(10.000000, 5.000000)">
+                                            <path d="M5.26269943,2.34310613 C5.12355608,2.34310613 5.01077473,2.23032478 5.01077473,2.09118143 L5.01077473,0.368421053 L2.90857845,0.368421053 C2.76943509,0.368421053 2.65659053,0.4812024 2.65659053,0.620408966 L2.65659053,1.78425685 L3.34263492,1.78425685 C3.41040488,1.78425685 3.47450817,1.81169358 3.5210368,1.85815897 L5.49572187,3.83290727 C5.54003786,3.87716005 5.56962401,3.9411369 5.56962401,4.01092984 L5.56962401,7.13188812 L6.73347188,7.13188812 C6.87267845,7.13188812 6.9854598,7.01904356 6.9854598,6.87990021 L6.9854598,2.34310613 L5.26269943,2.34310613 Z" id="Path"></path>
+                                            <polygon id="Path" points="5.51468735 0.724719077 5.51468735 1.8391935 6.62916179 1.8391935"></polygon>
+                                            <path d="M3.09083665,4.01092984 L3.09083665,2.28816948 L0.988830019,2.28816948 C0.849623453,2.28816948 0.736842105,2.40101404 0.736842105,2.54015739 L0.736842105,8.40257485 C0.736842105,8.54178142 0.849623453,8.65456276 0.988830019,8.65456276 L4.81372345,8.65456276 C4.95286681,8.65456276 5.06571138,8.54178142 5.06571138,8.40257485 L5.06571138,4.26291777 L3.34276135,4.26291777 C3.20368121,4.26291777 3.09083665,4.15019964 3.09083665,4.01092984 Z" id="Path"></path>
+                                            <polygon id="Path" points="3.59474928 3.75894193 4.7092237 3.75894193 3.59474928 2.64465716"></polygon>
+                                            <path d="M0.837418359,0.570649247 L0.837418359,2.27373675e-13 L0.0765526956,0.760865663 L0.837418359,1.52173133 L0.837418359,0.951082079 C1.25696444,0.951082079 1.59828402,1.29240166 1.59828402,1.71194774 L1.59828402,2.09238057 L1.97871685,2.09238057 L1.97871685,1.71194774 C1.97871685,1.08262862 1.46672262,0.570649247 0.837418359,0.570649247 Z" id="Path" transform="translate(1.027635, 1.046190) scale(-1, 1) translate(-1.027635, -1.046190) "></path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-close.svg b/cds-ui/designer-client/src/assets/img/icon-close.svg
new file mode 100644
index 000000000..bdd51b26f
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-close.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>Path</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-1057.000000, -73.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="action-attributes" transform="translate(1044.000000, 60.000000)">
+                <g id="close">
+                    <path d="M18.8808333,17.996875 L22.8108333,14.066875 C23.055,13.8229167 23.055,13.4270833 22.8108333,13.183125 C22.5666667,12.9389583 22.17125,12.9389583 21.9270833,13.183125 L17.9970833,17.113125 L14.066875,13.183125 C13.8227083,12.9389583 13.4272917,12.9389583 13.183125,13.183125 C12.9389583,13.4270833 12.9389583,13.8229167 13.183125,14.066875 L17.1133333,17.996875 L13.183125,21.926875 C12.9389583,22.1708333 12.9389583,22.5666667 13.183125,22.810625 C13.3052083,22.9325 13.4652083,22.9935417 13.625,22.9935417 C13.7847917,22.9935417 13.9447917,22.9325 14.066875,22.8104167 L17.9970833,18.8804167 L21.9270833,22.8104167 C22.0491667,22.9325 22.2091667,22.9935417 22.3689583,22.9935417 C22.52875,22.9935417 22.68875,22.9325 22.8108333,22.8104167 C23.055,22.5664583 23.055,22.170625 22.8108333,21.9266667 L18.8808333,17.996875 Z" id="Path"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType1-sm.svg b/cds-ui/designer-client/src/assets/img/icon-comType1-sm.svg
new file mode 100644
index 000000000..d0dd6aed9
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType1-sm.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="21px" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>browser</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-55.000000, -632.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="functions" transform="translate(0.000000, 479.000000)">
+                    <g id="list" transform="translate(8.000000, 51.000000)">
+                        <g id="1" transform="translate(12.000000, 32.000000)">
+                            <g id="txt" transform="translate(35.000000, 10.000000)">
+                                <g id="browser">
+                                    <path d="M21.0000051,0.39034364 C20.9994786,0.29701568 20.9615913,0.207858845 20.8946802,0.142685701 C20.8275953,0.0776863856 20.7373957,0.0424059852 20.6440678,0.044547851 L0.355932203,0.044547851 C0.262604288,0.0422321924 0.172230877,0.0776863856 0.105319805,0.142685701 C0.0384086886,0.207685061 0.000347590042,0.29701568 -5.13814986e-06,0.39034364 L-5.13814986e-06,17.159999 C-0.00104277013,17.3591681 0.156763131,17.5232306 0.355932203,17.5298348 L5.23487982,17.5298348 L5.40554656,17.912879 C5.46654862,18.0503509 5.60784396,18.1341201 5.75782903,18.1216069 L6.47264799,18.0673828 C6.73994471,18.3993313 7.04999502,18.6944353 7.39480435,18.9448739 L7.37377516,19.657781 C7.36943029,19.8086351 7.46067267,19.9459332 7.60144661,20.0001573 L9.11989375,20.5863678 C9.2601463,20.6404181 9.41934258,20.6006191 9.51753676,20.4866095 L9.98104809,19.9494091 C10.4045865,19.9888606 10.8310795,19.9779115 11.2520111,19.916388 L11.7481959,20.4339496 C11.8516039,20.5417025 12.0109739,20.573507 12.1477506,20.5137215 L13.639607,19.8609475 C13.7777741,19.8004667 13.8629337,19.6593452 13.8518108,19.5088387 L13.7993247,18.7940198 C14.1316208,18.526723 14.4270723,18.2164989 14.6776847,17.8715158 L15.3911133,17.892545 C15.5409246,17.9005396 15.6790916,17.8115566 15.7336632,17.6718253 L15.7911894,17.5298348 L20.6440678,17.5298348 C20.8432369,17.5230568 21.0010428,17.3591681 21.0000051,17.159999 L21.0000051,4.16360731 C21.0000051,4.16239078 21.0000051,4.16134799 21.0000051,4.16013141 C21.0000051,4.15891483 21.0000051,4.15787209 21.0000051,4.15665551 L21.0000051,0.39034364 Z M20.2881356,0.756529716 L20.2881356,3.82644497 L0.711864407,3.82644497 L0.711864407,0.756529716 L20.2881356,0.756529716 Z M14.5063228,17.1542638 C14.3836235,17.1502665 14.2675285,17.2102257 14.1997484,17.312591 C13.9348848,17.7102341 13.6029363,18.0588668 13.2186755,18.3428479 C13.1204814,18.4153204 13.0664311,18.5333273 13.0752946,18.6549838 L13.1234359,19.3094958 L12.0900506,19.7615367 L11.6362718,19.2882928 C11.5535454,19.2019167 11.4329317,19.1629866 11.3152725,19.1845372 C10.841681,19.2712609 10.3574881,19.2837742 9.88007315,19.2215556 C9.76137118,19.2060878 9.64284296,19.2514483 9.564809,19.3419955 L9.14248708,19.8314023 L8.09293898,19.4266337 L8.11223019,18.7724692 C8.11587988,18.6499437 8.05592061,18.5340225 7.95390296,18.4658948 C7.55625995,18.2010312 7.20762712,17.8690827 6.92364608,17.4848219 C6.85099974,17.3868015 6.73316673,17.3327513 6.61151017,17.3416148 L5.95682436,17.3895822 L5.81605037,17.0678877 C5.80683925,17.0333024 5.79241425,17.0001076 5.77312299,16.9696934 L5.50478348,16.356197 L5.97802733,15.9024182 C6.06440349,15.8196918 6.10333358,15.6990781 6.08178295,15.5815926 C5.99505927,15.1080012 5.98254603,14.6238083 6.04476462,14.1463933 C6.06005858,14.0276913 6.01487188,13.9091631 5.92432468,13.8309554 L5.4349179,13.4086335 L5.8396865,12.3590853 L6.49385096,12.3783766 C6.61655026,12.3823739 6.73264534,12.3224146 6.80042537,12.2200493 C7.06528899,11.8222325 7.3972375,11.4735997 7.7814983,11.1897924 C7.87969248,11.1171461 7.93374269,10.9993131 7.92487918,10.8774828 L7.87673793,10.2229708 L8.91012315,9.77092987 L9.36407574,10.2441737 C9.44680217,10.3305498 9.56741589,10.3694799 9.68490137,10.3479293 C10.1586666,10.2612056 10.6428595,10.2486924 11.1202744,10.310911 C11.2389764,10.326205 11.3575047,10.2810183 11.4357124,10.1904711 L11.8580343,9.7010643 L12.9075824,10.1058329 L12.8882912,10.7598236 C12.8846415,10.8825228 12.944427,10.9984441 13.0466184,11.0665718 C13.4442614,11.3312616 13.7928943,11.6633839 14.0767015,12.0476447 C14.1493479,12.145665 14.2671809,12.1997153 14.3888374,12.1908517 L15.0433495,12.1427105 L15.4955641,13.1760958 L15.0221465,13.6298745 C14.9359441,13.712601 14.897014,13.8332147 14.9183908,13.9507002 C15.0051145,14.4242916 15.0176278,14.9084845 14.9555829,15.3858994 C14.9401152,15.5046014 14.9853019,15.6231297 15.0760229,15.7013374 L15.5654297,16.1236593 L15.1603135,17.1732074 L14.5063228,17.1542638 Z M16.0659593,16.8179704 L16.3195263,16.1533782 C16.3735765,16.0120829 16.3339513,15.8520177 16.2199417,15.7522593 L15.6827413,15.2870101 C15.7223666,14.8632978 15.7114175,14.4362834 15.6498941,14.0151781 L16.1674556,13.5184719 C16.2750347,13.4150639 16.3068392,13.2555201 16.2470538,13.1187434 L15.5944534,11.6268869 C15.5339728,11.4885461 15.3928512,11.4033865 15.2423448,11.4145094 L14.527352,11.4669955 C14.2602291,11.1346994 13.9503525,10.8392479 13.6055432,10.5884617 L13.6265725,9.8750331 C13.6309173,9.72417903 13.5396749,9.58688094 13.398901,9.53248311 L11.8804539,8.94644629 C11.7402013,8.89239608 11.581005,8.93219513 11.4828109,9.04603083 L11.0191257,9.58357886 C10.5955873,9.5439536 10.1689205,9.55490265 9.74798893,9.61642611 L9.25180414,9.09869073 C9.14856992,8.99093782 8.98902606,8.95913336 8.85224942,9.01891885 L7.36039295,9.67151912 C7.2222259,9.73199979 7.13706632,9.87329513 7.1481892,10.0238016 L7.20067532,10.7386206 C6.86837924,11.0059173 6.57310149,11.3161414 6.32231526,11.6609507 L5.60888671,11.6400953 C5.45785885,11.6352291 5.32038697,11.7264715 5.26633675,11.867593 L4.68047373,13.3860401 C4.62642346,13.5262927 4.66622251,13.6854889 4.78005826,13.7836832 L5.31743247,14.2473682 C5.2778072,14.6707329 5.2887563,15.0973997 5.35027972,15.5181574 L4.83289195,16.014516 C4.72496525,16.120531 4.69333454,16.2819865 4.75312002,16.4210226 L4.92343914,16.8179704 L0.711864407,16.8179704 L0.711864407,4.53830938 L20.2881356,4.53830938 L20.2881356,16.8179704 L16.0659593,16.8179704 Z" id="Shape"></path>
+                                    <path d="M4.59635694,3.39804025 C5.19264767,3.39804025 5.67788336,2.8969892 5.67788336,2.28105964 C5.67788336,1.66513009 5.19282145,1.16425286 4.59635694,1.16425286 C3.99989242,1.16425286 3.51483051,1.66513009 3.51483051,2.28105964 C3.51483051,2.8969892 4.00006621,3.39804025 4.59635694,3.39804025 Z M4.59635694,1.87594344 C4.80021849,1.87594344 4.96601896,2.05773305 4.96601896,2.28088586 C4.96601896,2.50403867 4.80021849,2.68600206 4.59635694,2.68600206 C4.39266917,2.68600206 4.22669492,2.50438623 4.22669492,2.28105964 C4.22669492,2.05773305 4.39266917,1.87594344 4.59635694,1.87594344 Z" id="Shape"></path>
+                                    <path d="M6.95406017,3.39804025 C7.55017712,3.39804025 8.03541282,2.8969892 8.03541282,2.28105964 C8.03541282,1.66513009 7.55052468,1.16425286 6.95406017,1.16425286 C6.35759566,1.16425286 5.87288136,1.66513009 5.87288136,2.28105964 C5.87288136,2.8969892 6.35776949,3.39804025 6.95406017,3.39804025 Z M6.95406017,1.87594344 C7.15774794,1.87594344 7.32354841,2.05773305 7.32354841,2.28088586 C7.32354841,2.50403867 7.15774794,2.68600206 6.95406017,2.68600206 C6.75019862,2.68600206 6.58474576,2.50438623 6.58474576,2.28105964 C6.58474576,2.05773305 6.75037241,1.87594344 6.95406017,1.87594344 Z" id="Shape"></path>
+                                    <path d="M2.23865366,3.39804025 C2.83494439,3.39804025 3.32018008,2.8969892 3.32018008,2.28105964 C3.32018008,1.66513009 2.83511817,1.16425286 2.23865366,1.16425286 C1.64218914,1.16425286 1.15730106,1.66530392 1.15730106,2.28105964 C1.15730106,2.89681541 1.64236293,3.39804025 2.23865366,3.39804025 Z M2.23865366,1.87594344 C2.44234142,1.87594344 2.60831568,2.05773305 2.60831568,2.28088586 C2.60831568,2.50403867 2.44234142,2.68600206 2.23865366,2.68600206 C2.03496589,2.68600206 1.86916546,2.50421245 1.86916546,2.28088586 C1.86916546,2.05738548 2.03496589,1.87594344 2.23865366,1.87594344 Z" id="Shape"></path>
+                                    <path d="M10.5,11.3416893 C8.6087626,11.3416893 7.0755429,12.874909 7.0755429,14.7663202 C7.0755429,16.6575576 8.6087626,18.1907773 10.5,18.1907773 C12.3912374,18.1907773 13.9244571,16.6575576 13.9244571,14.7663202 C13.9223716,12.875778 12.3903684,11.3439486 10.5,11.3416893 Z M10.5,17.4789129 C9.00188692,17.4789129 7.78740731,16.2644333 7.78740731,14.7663202 C7.78740731,13.2680333 9.00188692,12.0535537 10.5,12.0535537 C11.9981131,12.0535537 13.2125927,13.2680333 13.2125927,14.7663202 C13.2110285,16.2637381 11.9974179,17.4771749 10.5,17.4789129 Z" id="Shape"></path>
+                                    <path d="M10.5,13.0556558 C9.55525026,13.0556558 8.7893356,13.8215704 8.7893356,14.7663202 C8.7893356,15.7108961 9.55525026,16.4768108 10.5,16.4768108 C11.4447497,16.4768108 12.2104906,15.7110699 12.2104906,14.7663202 C12.2094478,13.8220918 11.4442283,13.0568724 10.5,13.0556558 L10.5,13.0556558 Z M10.5,15.7649464 C9.94837458,15.7649464 9.5012,15.3177718 9.5012,14.7663202 C9.5012,14.2146948 9.94837458,13.7675202 10.5,13.7675202 C11.0516254,13.7675202 11.4986262,14.2146948 11.4986262,14.7663202 C11.4981048,15.317598 11.0512778,15.7642512 10.5,15.7649464 L10.5,15.7649464 Z" id="Shape"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType1.svg b/cds-ui/designer-client/src/assets/img/icon-comType1.svg
new file mode 100644
index 000000000..aab6e1ed1
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType1.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>browser</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-535.000000, -232.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="workflow-container" transform="translate(401.000000, 137.000000)">
+                <g id="component" transform="translate(30.000000, 70.000000)">
+                    <g id="config-assign">
+                        <g id="Group-4" transform="translate(37.000000, 25.000000)">
+                            <g id="browser" transform="translate(67.000000, 0.000000)">
+                                <path d="M36.0000088,0.669160525 C35.9991062,0.509169737 35.9341565,0.356329449 35.8194518,0.244604059 C35.7044492,0.133176661 35.5498212,0.0726959746 35.3898305,0.0763677445 L0.610169492,0.0763677445 C0.45017878,0.0723980441 0.295252932,0.133176661 0.180548237,0.244604059 C0.0658434661,0.356031534 0.000595868644,0.509169737 -8.80825691e-06,0.669160525 L-8.80825691e-06,29.4171411 C-0.00178760593,29.7585739 0.268736797,30.0398239 0.610169492,30.0511454 L8.97407969,30.0511454 L9.26665124,30.7077926 C9.3712262,30.9434587 9.61344679,31.0870631 9.87056405,31.0656118 L11.095968,30.9726563 C11.5541909,31.5417108 12.0857058,32.0476033 12.6768074,32.4769267 L12.6407574,33.6990532 C12.6333091,33.9576602 12.7897246,34.1930284 13.0310513,34.2859839 L15.6341036,35.2909163 C15.8745365,35.3835739 16.1474444,35.315347 16.3157773,35.1199021 L17.1103682,34.198987 C17.8364341,34.2666182 18.5675649,34.2478483 19.2891618,34.1423795 L20.1397643,35.0296279 C20.3170352,35.2143472 20.590241,35.2688691 20.8247153,35.1663797 L23.3821835,34.0473385 C23.6190413,33.9436573 23.7650292,33.7017347 23.7459614,33.4437235 L23.6559852,32.2183197 C24.2256356,31.7600966 24.7321239,31.2282839 25.1617453,30.6368843 L26.3847656,30.6729343 C26.641585,30.6866393 26.8784428,30.534097 26.9719941,30.2945577 L27.0706104,30.0511454 L35.3898305,30.0511454 C35.7312632,30.0395259 36.0017876,29.7585739 36.0000088,29.4171411 L36.0000088,7.13761253 C36.0000088,7.13552705 36.0000088,7.13373941 36.0000088,7.13165385 C36.0000088,7.12956829 36.0000088,7.12778072 36.0000088,7.12569516 L36.0000088,0.669160525 Z M34.779661,1.29690808 L34.779661,6.55961995 L1.22033898,6.55961995 L1.22033898,1.29690808 L34.779661,1.29690808 Z M24.867982,29.4073093 C24.6576403,29.4004568 24.4586203,29.5032441 24.3424258,29.6787275 C23.8883739,30.3604012 23.3193194,30.9580574 22.6605866,31.4448822 C22.4922537,31.5691208 22.3995962,31.7714182 22.4147907,31.9799722 L22.4973186,33.1019928 L20.7258011,33.87692 L19.9478946,33.0656449 C19.8060779,32.9175715 19.5993114,32.8508343 19.3976099,32.887778 C18.5857389,33.0364473 17.7556939,33.0578986 16.9372683,32.9512381 C16.7337792,32.924722 16.5305879,33.0024828 16.3968154,33.1577066 L15.672835,33.9966896 L13.8736097,33.3028006 L13.9066803,32.1813758 C13.9129369,31.9713321 13.8101496,31.7726099 13.6352622,31.6558197 C12.9535885,31.2017678 12.3559322,30.6327132 11.8691076,29.9739804 C11.744571,29.8059454 11.5425715,29.7132879 11.3340174,29.7284826 L10.2116989,29.8107124 L9.97037207,29.259236 C9.95458157,29.199947 9.929853,29.1430416 9.89678227,29.090903 L9.43677168,28.0391949 L10.2480469,27.2612884 C10.3961203,27.1194716 10.4628576,26.9127053 10.4259136,26.7113017 C10.2772445,25.8994306 10.2557932,25.0693856 10.3624536,24.25096 C10.3886719,24.0474708 10.3112089,23.8442797 10.1559852,23.7102093 L9.31700212,22.9862288 L10.0108911,21.1870034 L11.1323159,21.2200742 C11.3426576,21.2269267 11.5416777,21.1241393 11.6578721,20.948656 C12.111924,20.2666843 12.6809786,19.669028 13.3397114,19.1825013 C13.5080442,19.0579648 13.6007018,18.8559653 13.5855072,18.6471133 L13.5029793,17.5250927 L15.2744968,16.7501655 L16.0527013,17.5614407 C16.194518,17.709514 16.4012844,17.7762513 16.6026881,17.7393074 C17.414857,17.5906382 18.2449021,17.5691869 19.0633276,17.6758475 C19.2668167,17.7020657 19.470008,17.6246028 19.6040784,17.469379 L20.3280588,16.6303959 L22.1272841,17.324285 L22.0942135,18.4454118 C22.0879568,18.6557534 22.1904462,18.8544756 22.3656316,18.9712659 C23.0473053,19.4250199 23.6449616,19.9943724 24.1314883,20.6531051 C24.2560249,20.8211401 24.4580244,20.9137977 24.6665784,20.898603 L25.7885991,20.8160752 L26.5638242,22.5875927 L25.7522511,23.3654992 C25.6044756,23.5073159 25.5377383,23.7140824 25.5743843,23.915486 C25.7230535,24.727357 25.7445047,25.5574021 25.6381422,26.3758276 C25.6116261,26.5793167 25.689089,26.782508 25.8446107,26.9165784 L26.6835937,27.6405588 L25.9891089,29.4397841 L24.867982,29.4073093 Z M27.5416446,28.8308064 L27.9763308,27.6915055 C28.0689883,27.449285 28.0010593,27.1748875 27.8056144,27.0038731 L26.8846994,26.206303 C26.9526284,25.4799391 26.9338585,24.7479144 26.8283898,24.0260196 L27.7156382,23.1745233 C27.9000596,22.9972524 27.9545816,22.7237487 27.8520922,22.4892744 L26.7333488,19.9318061 C26.6296676,19.6946504 26.3877449,19.5486626 26.1297339,19.5677304 L24.904032,19.6577066 C24.446107,19.0880561 23.9148901,18.5815678 23.3237884,18.1516486 L23.3598385,16.9286282 C23.3672868,16.6700212 23.2108713,16.434653 22.9695445,16.3413996 L20.3664923,15.3367651 C20.1260593,15.2441076 19.8531515,15.3123345 19.6848186,15.5074814 L18.8899298,16.4289923 C18.1638639,16.3610633 17.4324351,16.3798331 16.7108382,16.4853019 L15.8602357,15.5977555 C15.6832627,15.4130363 15.409759,15.3585143 15.1752847,15.4610037 L12.6178165,16.5797471 C12.3809587,16.6834282 12.2349708,16.9256488 12.2540386,17.18366 L12.3440148,18.4090638 C11.7743644,18.8672868 11.268174,19.3990996 10.8382547,19.9902013 L9.61523436,19.9544492 C9.35632945,19.946107 9.12066338,20.1025225 9.02800586,20.3444452 L8.02366925,22.9474974 C7.93101165,23.1879303 7.99923859,23.4608382 8.19438559,23.6291711 L9.11559852,24.4240598 C9.04766949,25.1498279 9.06643937,25.8812566 9.17190808,26.6025556 L8.28495763,27.453456 C8.09994043,27.635196 8.04571635,27.9119769 8.14820575,28.1503244 L8.44018139,28.8308064 L1.22033898,28.8308064 L1.22033898,7.77995893 L34.779661,7.77995893 L34.779661,28.8308064 L27.5416446,28.8308064 Z" id="Shape"></path>
+                                <path d="M7.87946903,5.82521186 C8.90168171,5.82521186 9.73351434,4.96626719 9.73351434,3.91038796 C9.73351434,2.85450872 8.90197963,1.99586204 7.87946903,1.99586204 C6.85695844,1.99586204 6.02542373,2.85450872 6.02542373,3.91038796 C6.02542373,4.96626719 6.85725636,5.82521186 7.87946903,5.82521186 Z M7.87946903,3.21590303 C8.22894597,3.21590303 8.51317536,3.52754237 8.51317536,3.91009004 C8.51317536,4.29263771 8.22894597,4.60457497 7.87946903,4.60457497 C7.53029001,4.60457497 7.24576271,4.29323354 7.24576271,3.91038796 C7.24576271,3.52754237 7.53029001,3.21590303 7.87946903,3.21590303 Z" id="Shape"></path>
+                                <path d="M11.921246,5.82521186 C12.9431608,5.82521186 13.7749934,4.96626719 13.7749934,3.91038796 C13.7749934,2.85450872 12.9437566,1.99586204 11.921246,1.99586204 C10.8987354,1.99586204 10.0677966,2.85450872 10.0677966,3.91038796 C10.0677966,4.96626719 10.8990334,5.82521186 11.921246,5.82521186 Z M11.921246,3.21590303 C12.270425,3.21590303 12.5546544,3.52754237 12.5546544,3.91009004 C12.5546544,4.29263771 12.270425,4.60457497 11.921246,4.60457497 C11.5717691,4.60457497 11.2881356,4.29323354 11.2881356,3.91038796 C11.2881356,3.52754237 11.572067,3.21590303 11.921246,3.21590303 Z" id="Shape"></path>
+                                <path d="M3.83769198,5.82521186 C4.85990466,5.82521186 5.69173729,4.96626719 5.69173729,3.91038796 C5.69173729,2.85450872 4.86020258,1.99586204 3.83769198,1.99586204 C2.81518139,1.99586204 1.98394467,2.85480671 1.98394467,3.91038796 C1.98394467,4.96596928 2.81547931,5.82521186 3.83769198,5.82521186 Z M3.83769198,3.21590303 C4.18687101,3.21590303 4.47139831,3.52754237 4.47139831,3.91009004 C4.47139831,4.29263771 4.18687101,4.60457497 3.83769198,4.60457497 C3.48851296,4.60457497 3.20428365,4.29293563 3.20428365,3.91009004 C3.20428365,3.52694654 3.48851296,3.21590303 3.83769198,3.21590303 Z" id="Shape"></path>
+                                <path d="M18,19.4428959 C14.7578787,19.4428959 12.1295021,22.0712725 12.1295021,25.3136917 C12.1295021,28.5558131 14.7578787,31.1841896 18,31.1841896 C21.2421213,31.1841896 23.8704979,28.5558131 23.8704979,25.3136917 C23.8669227,22.0727622 21.2406316,19.4467691 18,19.4428959 Z M18,29.9638506 C15.4318061,29.9638506 13.3498411,27.8818856 13.3498411,25.3136917 C13.3498411,22.7452 15.4318061,20.6632349 18,20.6632349 C20.5681939,20.6632349 22.6501589,22.7452 22.6501589,25.3136917 C22.6474775,27.8806939 20.5670021,29.9608713 18,29.9638506 Z" id="Shape"></path>
+                                <path d="M18,22.3811242 C16.380429,22.3811242 15.0674324,23.6941208 15.0674324,25.3136917 C15.0674324,26.9329648 16.380429,28.2459614 18,28.2459614 C19.619571,28.2459614 20.9322696,26.9332627 20.9322696,25.3136917 C20.930482,23.6950146 19.6186772,22.3832097 18,22.3811242 L18,22.3811242 Z M18,27.0256224 C17.0543564,27.0256224 16.2877714,26.2590373 16.2877714,25.3136917 C16.2877714,24.3680482 17.0543564,23.6014632 18,23.6014632 C18.9456436,23.6014632 19.7119306,24.3680482 19.7119306,25.3136917 C19.7110368,26.2587394 18.9450477,27.0244306 18,27.0256224 L18,27.0256224 Z" id="Shape"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType2-sm.svg b/cds-ui/designer-client/src/assets/img/icon-comType2-sm.svg
new file mode 100644
index 000000000..b28bd927a
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType2-sm.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19px" height="21px" viewBox="0 0 19 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>database0</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-55.000000, -682.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="functions" transform="translate(0.000000, 479.000000)">
+                    <g id="list" transform="translate(8.000000, 51.000000)">
+                        <g id="2" transform="translate(12.000000, 82.000000)">
+                            <g id="txt" transform="translate(35.000000, 10.000000)">
+                                <g id="database0">
+                                    <path d="M18.831139,3.18252756 C18.3980759,1.57817465 15.1747851,0 9.53636343,0 C3.8979418,0 0.674276991,1.57817465 0.241587873,3.18252756 C0.21017397,3.23750189 0.186987518,3.29771187 0.186987518,3.36577533 L0.186987518,3.55276285 L0.186987518,7.85347576 L0.186987518,8.04046328 L0.186987518,8.2274508 L0.186987518,12.3411762 L0.186987518,12.5281637 L0.186987518,12.7151512 L0.186987518,17.2028517 C0.186987518,17.2634356 0.203068445,17.3206538 0.230742597,17.3715144 C0.672407115,19.2021222 4.62382735,20.568627 9.53636343,20.568627 C14.4376803,20.568627 18.3827429,19.2077318 18.8389925,17.3838556 C18.8689105,17.3303772 18.8857393,17.2686713 18.8857393,17.2028517 L18.8857393,12.7151512 L18.8857393,12.5281637 L18.8857393,12.3411762 L18.8857393,8.2274508 L18.8857393,8.04046328 L18.8857393,7.85347576 L18.8857393,3.55276285 L18.8857393,3.36577533 C18.8857393,3.29771187 18.8625529,3.23750189 18.831139,3.18252756 Z M18.1082452,12.7095416 C18.0977739,12.7547926 18.0831889,12.7996696 18.0648641,12.8452945 C18.0499051,12.8823181 18.0315804,12.9193416 18.0113857,12.9563651 C17.9863294,13.0023641 17.9582812,13.048363 17.9249975,13.0943619 C17.9003151,13.1291416 17.872267,13.1635473 17.8430969,13.197953 C17.8015857,13.2469437 17.7574567,13.2959345 17.707344,13.3445512 C17.677052,13.3740953 17.6437682,13.4032653 17.6101105,13.4328093 C17.5487786,13.4862878 17.4848289,13.5393922 17.4133996,13.5921227 C17.3827337,13.6149352 17.3498239,13.6369997 17.317288,13.6594382 C17.2327697,13.7177783 17.1445116,13.7757444 17.047652,13.8325886 C17.0222217,13.8479216 16.9949216,13.8625066 16.9683693,13.8774656 C16.8569248,13.9402935 16.7406185,14.0027473 16.6149629,14.0633312 C16.598882,14.0711847 16.5820531,14.0786642 16.5655982,14.0861437 C16.4253576,14.1523373 16.2787594,14.217409 16.1220638,14.2802368 C16.1175761,14.2821066 16.1130884,14.2836025 16.1086007,14.2854724 C15.2593034,14.6246678 14.1729059,14.9100107 12.9070004,15.0969982 C12.9006429,15.0977462 12.8942853,15.0984941 12.8879277,15.0996161 C12.6418521,15.1358916 12.389419,15.1680535 12.1302543,15.1964756 C12.0879951,15.2009633 12.0434921,15.2039551 12.0008589,15.2084428 C11.774604,15.2320032 11.5457313,15.2536938 11.310127,15.2708966 C11.2024222,15.2787501 11.0894818,15.2824899 10.9799071,15.2892214 C10.8026429,15.2996927 10.6272486,15.3112859 10.4454967,15.3176435 C10.1485606,15.3269929 9.84564078,15.3329765 9.53636343,15.3329765 C9.22708607,15.3329765 8.92416629,15.3269929 8.62685614,15.3165216 C8.44510427,15.310164 8.26970998,15.2981968 8.09244581,15.2880995 C7.98287113,15.2817419 7.86993067,15.2776282 7.76222585,15.2697747 C7.52662158,15.2525719 7.29774886,15.2308813 7.07149396,15.2073209 C7.02886081,15.2028332 6.98435778,15.1998414 6.9420986,15.1953537 C6.6829339,15.1669316 6.43050075,15.1343957 6.18442518,15.0984941 C6.1780676,15.0977462 6.17171003,15.0969982 6.16535245,15.0958763 C4.89944695,14.9088888 3.81304947,14.6235458 2.96375216,14.2843505 C2.95926446,14.2828546 2.95477676,14.2809847 2.95028906,14.2791148 C2.79359352,14.216287 2.64662133,14.1512154 2.50675467,14.0850218 C2.49067374,14.0771683 2.47347089,14.0696888 2.45738996,14.0622093 C2.33173435,14.0016254 2.21542812,13.9395455 2.10398355,13.8763437 C2.0778053,13.8613847 2.05013115,13.8467997 2.02470085,13.8314667 C1.92784131,13.7746225 1.8395832,13.7166564 1.75506485,13.6583163 C1.72290299,13.6358778 1.68961921,13.6138132 1.65895326,13.5910008 C1.58752403,13.5382703 1.5235743,13.4851658 1.46224239,13.4316874 C1.42895861,13.4025174 1.39530086,13.3733473 1.36500888,13.3434293 C1.31489623,13.2948125 1.27076717,13.2461958 1.22925594,13.1968311 C1.20008589,13.1624254 1.17203776,13.1280197 1.14735541,13.09324 C1.11444561,13.0472411 1.08639748,13.0012421 1.06096718,12.9552432 C1.04077253,12.9182197 1.02282172,12.8811962 1.00748875,12.8441726 C0.989163971,12.7989216 0.974578945,12.7536707 0.964107644,12.7084197 C0.950270567,12.6489577 0.934937591,12.5883737 0.934937591,12.5281637 C0.934937591,12.4859045 0.939799266,12.4436454 0.946530817,12.4017602 C0.955880193,12.3452899 0.950644542,12.2888197 0.934937591,12.2353413 L0.934937591,9.45895059 C0.945408892,9.46867395 0.958498018,9.47802332 0.969343294,9.48774667 C1.05086985,9.55954988 1.13389231,9.63097911 1.22738607,9.69979052 C2.63615003,10.7652454 5.45330398,11.5932261 9.53636343,11.5932261 C13.60222,11.5932261 16.4122684,10.7719769 17.827016,9.71287964 C17.9399565,9.63060514 18.0416777,9.5457128 18.1374153,9.45932457 L18.1377893,9.45895059 L18.1377893,12.2353413 C18.1220823,12.2888197 18.1168467,12.3452899 18.126196,12.4017602 C18.1333016,12.4436454 18.1377893,12.4859045 18.1377893,12.5281637 C18.1377893,12.5883737 18.1224563,12.6489577 18.1082452,12.7095416 Z M18.1377893,4.97125016 L18.1377893,7.74764083 C18.1220823,7.80111926 18.1168467,7.85758949 18.126196,7.91405972 C18.1333016,7.95594492 18.1377893,7.9982041 18.1377893,8.04046328 C18.1377893,8.10067326 18.1224563,8.16125722 18.1082452,8.22184117 C18.0977739,8.26709215 18.0831889,8.31196916 18.0648641,8.35759411 C18.0499051,8.39461764 18.0315804,8.43164117 18.0113857,8.4686647 C17.9863294,8.51466363 17.9582812,8.56066256 17.9249975,8.60666149 C17.9003151,8.64144117 17.872267,8.67584687 17.8430969,8.71025257 C17.8015857,8.7592433 17.7574567,8.80823403 17.707344,8.85685079 C17.677052,8.88639481 17.6437682,8.91556487 17.6101105,8.94510889 C17.5487786,8.99858732 17.4848289,9.05169178 17.4133996,9.10442226 C17.3827337,9.12723474 17.3498239,9.14929926 17.317288,9.17173777 C17.2327697,9.23007787 17.1445116,9.288044 17.047652,9.34488821 C17.0222217,9.36022119 16.9949216,9.37480621 16.9683693,9.38976521 C16.8569248,9.45259302 16.7406185,9.51504685 16.6149629,9.57563081 C16.598882,9.58348428 16.5820531,9.59096378 16.5655982,9.59844328 C16.4253576,9.66463686 16.2787594,9.72970852 16.1220638,9.79253633 C16.1175761,9.7944062 16.1130884,9.7959021 16.1086007,9.79777198 C15.2593034,10.1369673 14.1729059,10.4223103 12.9070004,10.6092978 C12.9006429,10.6100458 12.8942853,10.6107937 12.8879277,10.6119156 C12.6418521,10.6481912 12.389419,10.6803531 12.1302543,10.7087752 C12.0879951,10.7132629 12.0434921,10.7162547 12.0008589,10.7207424 C11.774604,10.7443028 11.5457313,10.7659933 11.310127,10.7831962 C11.2024222,10.7910497 11.0894818,10.7947894 10.9799071,10.801521 C10.8026429,10.8119923 10.6272486,10.8235855 10.4454967,10.8299431 C10.1485606,10.8392925 9.84564078,10.8452761 9.53636343,10.8452761 C9.22708607,10.8452761 8.92416629,10.8392925 8.62685614,10.8288212 C8.44510427,10.8224636 8.26970998,10.8104964 8.09244581,10.8003991 C7.98287113,10.7940415 7.86993067,10.7899277 7.76222585,10.7820743 C7.52662158,10.7648714 7.29774886,10.7431809 7.07149396,10.7196204 C7.02886081,10.7151327 6.98435778,10.7121409 6.9420986,10.7076532 C6.6829339,10.6792311 6.43050075,10.6466953 6.18442518,10.6107937 C6.1780676,10.6100458 6.17171003,10.6092978 6.16535245,10.6081759 C4.89944695,10.4211884 3.81304947,10.1358454 2.96375216,9.79665005 C2.95926446,9.79515415 2.95477676,9.79328428 2.95028906,9.7914144 C2.79359352,9.7285866 2.64662133,9.66351494 2.50675467,9.59732136 C2.49067374,9.58946788 2.47347089,9.58198838 2.45738996,9.57450888 C2.33173435,9.51392493 2.21542812,9.45184507 2.10398355,9.38864329 C2.0778053,9.37368429 2.05013115,9.35909926 2.02470085,9.34376628 C1.92784131,9.28692208 1.8395832,9.22895595 1.75506485,9.17061584 C1.72290299,9.14817734 1.68961921,9.12611281 1.65895326,9.10330034 C1.58752403,9.05056986 1.5235743,8.9974654 1.46224239,8.94398697 C1.42895861,8.91481692 1.39530086,8.88564686 1.36500888,8.85572886 C1.31489623,8.80711211 1.27076717,8.75849535 1.22925594,8.70913065 C1.20008589,8.67472494 1.17203776,8.64031924 1.14735541,8.60553956 C1.11444561,8.55954063 1.08639748,8.5135417 1.06096718,8.46754277 C1.04077253,8.43051924 1.02282172,8.39349572 1.00748875,8.35647219 C0.989163971,8.31122121 0.974578945,8.26597023 0.964107644,8.22071925 C0.950270567,8.16125722 0.934937591,8.10067326 0.934937591,8.04046328 C0.934937591,7.9982041 0.939799266,7.95594492 0.946530817,7.91405972 C0.955880193,7.85758949 0.950644542,7.80111926 0.934937591,7.74764083 L0.934937591,4.97125016 C0.979814595,5.01201344 1.03104918,5.05202877 1.07966593,5.09241807 C1.10659213,5.11485657 1.13164846,5.13729507 1.16007056,5.15973358 C1.27226307,5.24799169 1.39343099,5.33512787 1.52469622,5.4200202 C1.5519964,5.43759703 1.58266235,5.45479988 1.61108446,5.47237671 C1.72103312,5.54081414 1.83733935,5.60775567 1.95962919,5.67357528 C2.00488017,5.69788365 2.05013115,5.72181806 2.09687803,5.74575246 C2.23337892,5.81531182 2.37661136,5.8830013 2.5273233,5.94844693 C2.55200565,5.9592922 2.57444415,5.97051146 2.59950048,5.98098276 C2.77489477,6.05540379 2.96113434,6.12645905 3.15485341,6.19527045 C3.20833184,6.21434318 3.26442809,6.23229398 3.31940242,6.25099273 C3.47348014,6.30297526 3.6327935,6.35271394 3.79771649,6.40095672 C3.85717853,6.41815957 3.91551863,6.43611038 3.97647656,6.45256528 C4.19525196,6.51314923 4.42113288,6.57074139 4.65823305,6.62384584 C4.69076888,6.63132534 4.72592253,6.63730895 4.75883234,6.64441447 C4.96788438,6.69003943 5.1847899,6.7322986 5.40767903,6.77193996 C5.48322198,6.78540306 5.55988687,6.79811821 5.63692572,6.81083336 C5.84896957,6.84561304 6.06737099,6.87740092 6.29138204,6.90657097 C6.34897419,6.91405047 6.40394852,6.9226519 6.46228863,6.92975742 C6.74052606,6.96341518 7.02848683,6.99221125 7.32430109,7.01689361 C7.39722622,7.02287721 7.47314315,7.02736491 7.54719021,7.03260056 C7.78391641,7.04980341 8.02587826,7.06401446 8.27344973,7.07523371 C8.36357771,7.07934744 8.45333172,7.08346116 8.54532958,7.08682694 C8.86769606,7.09767222 9.19604614,7.10552569 9.53636343,7.10552569 C9.87668071,7.10552569 10.2050308,7.09767222 10.5273973,7.08682694 C10.6190212,7.08346116 10.7087752,7.07934744 10.7992771,7.07523371 C11.0468486,7.06401446 11.2888104,7.04980341 11.5255366,7.03260056 C11.5995837,7.02699093 11.6751267,7.02287721 11.7484258,7.01689361 C12.04424,6.99258523 12.3322008,6.96341518 12.6104382,6.92975742 C12.6687783,6.9226519 12.7237527,6.91405047 12.7813448,6.90657097 C13.0053559,6.87740092 13.2233833,6.84561304 13.4358011,6.81083336 C13.51284,6.79811821 13.5895049,6.78540306 13.6650478,6.77193996 C13.887937,6.7322986 14.1048425,6.69003943 14.3138945,6.64441447 C14.3468043,6.63730895 14.381958,6.63095137 14.4144938,6.62384584 C14.651594,6.57074139 14.8774749,6.51277526 15.0962503,6.45256528 C15.1572082,6.4357364 15.2155483,6.41815957 15.2750104,6.40095672 C15.4399334,6.35271394 15.5992467,6.30297526 15.7533244,6.25099273 C15.8082988,6.23229398 15.864395,6.21434318 15.9178734,6.19527045 C16.1115925,6.12645905 16.2982061,6.05540379 16.4732264,5.98098276 C16.4982827,5.97051146 16.5207212,5.9592922 16.5454036,5.94844693 C16.6961155,5.88262732 16.8393479,5.81531182 16.9758488,5.74575246 C17.0225957,5.72181806 17.0682207,5.69788365 17.1130977,5.67357528 C17.2353875,5.60812965 17.3516937,5.54118811 17.4616424,5.47237671 C17.4900645,5.45479988 17.5207305,5.43759703 17.5480306,5.4200202 C17.6792959,5.33512787 17.8004638,5.24836566 17.9126563,5.15973358 C17.9407044,5.13729507 17.9657607,5.11485657 17.9930609,5.09241807 C18.0416777,5.05202877 18.0929123,5.01201344 18.1377893,4.97125016 Z M9.53636343,0.747950073 C14.605595,0.747950073 18.1377893,2.22589942 18.1377893,3.55276285 C18.1377893,4.87962627 14.605595,6.35757562 9.53636343,6.35757562 C4.46713181,6.35757562 0.934937591,4.87962627 0.934937591,3.55276285 C0.934937591,2.22589942 4.46713181,0.747950073 9.53636343,0.747950073 Z M18.1377893,17.0917811 C18.1325536,17.108236 18.1288139,17.1250649 18.1258221,17.1422677 C17.9137782,18.4358474 14.411502,19.8206769 9.53636343,19.8206769 C4.66122485,19.8206769 1.15894864,18.4358474 0.946904792,17.1422677 C0.943912992,17.1254388 0.939799266,17.1089839 0.934937591,17.093277 L0.934937591,13.946651 C0.945408892,13.9563744 0.958498018,13.9657238 0.969343294,13.9754471 C1.05086985,14.0472503 1.13389231,14.1186795 1.22738607,14.187491 C2.63615003,15.2529458 5.45330398,16.0809266 9.53636343,16.0809266 C13.60222,16.0809266 16.4122684,15.2596774 17.827016,14.2005801 C17.9399565,14.1183056 18.0416777,14.0334132 18.1374153,13.947025 L18.1377893,13.946651 L18.1377893,17.0917811 Z" id="Shape"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType2.svg b/cds-ui/designer-client/src/assets/img/icon-comType2.svg
new file mode 100644
index 000000000..e1f75962e
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType2.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="39px" viewBox="0 0 36 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>database0</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-839.000000, -232.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="workflow-container" transform="translate(401.000000, 137.000000)">
+                <g id="component" transform="translate(30.000000, 70.000000)">
+                    <g id="execute" transform="translate(304.000000, 0.000000)">
+                        <g id="Group-4" transform="translate(43.000000, 25.000000)">
+                            <g id="database0" transform="translate(61.000000, 0.000000)">
+                                <path d="M35.544,6.00705882 C34.7265882,2.97882353 28.6425882,0 18,0 C7.35741176,0 1.27270588,2.97882353 0.456,6.00705882 C0.396705882,6.11082353 0.352941176,6.22447059 0.352941176,6.35294118 L0.352941176,6.70588235 L0.352941176,14.8235294 L0.352941176,15.1764706 L0.352941176,15.5294118 L0.352941176,23.2941176 L0.352941176,23.6470588 L0.352941176,24 L0.352941176,32.4705882 C0.352941176,32.5849412 0.383294118,32.6929412 0.435529412,32.7889412 C1.26917647,36.2442353 8.72752941,38.8235294 18,38.8235294 C27.2512941,38.8235294 34.6976471,36.2548235 35.5588235,32.8122353 C35.6152941,32.7112941 35.6470588,32.5948235 35.6470588,32.4705882 L35.6470588,24 L35.6470588,23.6470588 L35.6470588,23.2941176 L35.6470588,15.5294118 L35.6470588,15.1764706 L35.6470588,14.8235294 L35.6470588,6.70588235 L35.6470588,6.35294118 C35.6470588,6.22447059 35.6032941,6.11082353 35.544,6.00705882 Z M34.1795294,23.9894118 C34.1597647,24.0748235 34.1322353,24.1595294 34.0976471,24.2456471 C34.0694118,24.3155294 34.0348235,24.3854118 33.9967059,24.4552941 C33.9494118,24.5421176 33.8964706,24.6289412 33.8336471,24.7157647 C33.7870588,24.7814118 33.7341176,24.8463529 33.6790588,24.9112941 C33.6007059,25.0037647 33.5174118,25.0962353 33.4228235,25.188 C33.3656471,25.2437647 33.3028235,25.2988235 33.2392941,25.3545882 C33.1235294,25.4555294 33.0028235,25.5557647 32.868,25.6552941 C32.8101176,25.6983529 32.748,25.74 32.6865882,25.7823529 C32.5270588,25.8924706 32.3604706,26.0018824 32.1776471,26.1091765 C32.1296471,26.1381176 32.0781176,26.1656471 32.028,26.1938824 C31.8176471,26.3124706 31.5981176,26.4303529 31.3609412,26.5447059 C31.3305882,26.5595294 31.2988235,26.5736471 31.2677647,26.5877647 C31.0030588,26.7127059 30.7263529,26.8355294 30.4305882,26.9541176 C30.4221176,26.9576471 30.4136471,26.9604706 30.4051765,26.964 C28.8021176,27.6042353 26.7515294,28.1428235 24.3621176,28.4957647 C24.3501176,28.4971765 24.3381176,28.4985882 24.3261176,28.5007059 C23.8616471,28.5691765 23.3851765,28.6298824 22.896,28.6835294 C22.8162353,28.692 22.7322353,28.6976471 22.6517647,28.7061176 C22.2247059,28.7505882 21.7927059,28.7915294 21.348,28.824 C21.1447059,28.8388235 20.9315294,28.8458824 20.7247059,28.8585882 C20.3901176,28.8783529 20.0590588,28.9002353 19.716,28.9122353 C19.1555294,28.9298824 18.5837647,28.9411765 18,28.9411765 C17.4162353,28.9411765 16.8444706,28.9298824 16.2832941,28.9101176 C15.9402353,28.8981176 15.6091765,28.8755294 15.2745882,28.8564706 C15.0677647,28.8444706 14.8545882,28.8367059 14.6512941,28.8218824 C14.2065882,28.7894118 13.7745882,28.7484706 13.3475294,28.704 C13.2670588,28.6955294 13.1830588,28.6898824 13.1032941,28.6814118 C12.6141176,28.6277647 12.1376471,28.5663529 11.6731765,28.4985882 C11.6611765,28.4971765 11.6491765,28.4957647 11.6371765,28.4936471 C9.24776471,28.1407059 7.19717647,27.6021176 5.59411765,26.9618824 C5.58564706,26.9590588 5.57717647,26.9555294 5.56870588,26.952 C5.27294118,26.8334118 4.99552941,26.7105882 4.73152941,26.5856471 C4.70117647,26.5708235 4.66870588,26.5567059 4.63835294,26.5425882 C4.40117647,26.4282353 4.18164706,26.3110588 3.97129412,26.1917647 C3.92188235,26.1635294 3.86964706,26.136 3.82164706,26.1070588 C3.63882353,25.9997647 3.47223529,25.8903529 3.31270588,25.7802353 C3.252,25.7378824 3.18917647,25.6962353 3.13129412,25.6531765 C2.99647059,25.5536471 2.87576471,25.4534118 2.76,25.3524706 C2.69717647,25.2974118 2.63364706,25.2423529 2.57647059,25.1858824 C2.48188235,25.0941176 2.39858824,25.0023529 2.32023529,24.9091765 C2.26517647,24.8442353 2.21223529,24.7792941 2.16564706,24.7136471 C2.10352941,24.6268235 2.05058824,24.54 2.00258824,24.4531765 C1.96447059,24.3832941 1.93058824,24.3134118 1.90164706,24.2435294 C1.86705882,24.1581176 1.83952941,24.0727059 1.81976471,23.9872941 C1.79364706,23.8750588 1.76470588,23.7607059 1.76470588,23.6470588 C1.76470588,23.5672941 1.77388235,23.4875294 1.78658824,23.4084706 C1.80423529,23.3018824 1.79435294,23.1952941 1.76470588,23.0943529 L1.76470588,17.8538824 C1.78447059,17.8722353 1.80917647,17.8898824 1.82964706,17.9082353 C1.98352941,18.0437647 2.14023529,18.1785882 2.31670588,18.3084706 C4.97576471,20.3195294 10.2931765,21.8823529 18,21.8823529 C25.6743529,21.8823529 30.9783529,20.3322353 33.6487059,18.3331765 C33.8618824,18.1778824 34.0538824,18.0176471 34.2345882,17.8545882 L34.2352941,17.8538824 L34.2352941,23.0943529 C34.2056471,23.1952941 34.1957647,23.3018824 34.2134118,23.4084706 C34.2268235,23.4875294 34.2352941,23.5672941 34.2352941,23.6470588 C34.2352941,23.7607059 34.2063529,23.8750588 34.1795294,23.9894118 Z M34.2352941,9.38329412 L34.2352941,14.6237647 C34.2056471,14.7247059 34.1957647,14.8312941 34.2134118,14.9378824 C34.2268235,15.0169412 34.2352941,15.0967059 34.2352941,15.1764706 C34.2352941,15.2901176 34.2063529,15.4044706 34.1795294,15.5188235 C34.1597647,15.6042353 34.1322353,15.6889412 34.0976471,15.7750588 C34.0694118,15.8449412 34.0348235,15.9148235 33.9967059,15.9847059 C33.9494118,16.0715294 33.8964706,16.1583529 33.8336471,16.2451765 C33.7870588,16.3108235 33.7341176,16.3757647 33.6790588,16.4407059 C33.6007059,16.5331765 33.5174118,16.6256471 33.4228235,16.7174118 C33.3656471,16.7731765 33.3028235,16.8282353 33.2392941,16.884 C33.1235294,16.9849412 33.0028235,17.0851765 32.868,17.1847059 C32.8101176,17.2277647 32.748,17.2694118 32.6865882,17.3117647 C32.5270588,17.4218824 32.3604706,17.5312941 32.1776471,17.6385882 C32.1296471,17.6675294 32.0781176,17.6950588 32.028,17.7232941 C31.8176471,17.8418824 31.5981176,17.9597647 31.3609412,18.0741176 C31.3305882,18.0889412 31.2988235,18.1030588 31.2677647,18.1171765 C31.0030588,18.2421176 30.7263529,18.3649412 30.4305882,18.4835294 C30.4221176,18.4870588 30.4136471,18.4898824 30.4051765,18.4934118 C28.8021176,19.1336471 26.7515294,19.6722353 24.3621176,20.0251765 C24.3501176,20.0265882 24.3381176,20.028 24.3261176,20.0301176 C23.8616471,20.0985882 23.3851765,20.1592941 22.896,20.2129412 C22.8162353,20.2214118 22.7322353,20.2270588 22.6517647,20.2355294 C22.2247059,20.28 21.7927059,20.3209412 21.348,20.3534118 C21.1447059,20.3682353 20.9315294,20.3752941 20.7247059,20.388 C20.3901176,20.4077647 20.0590588,20.4296471 19.716,20.4416471 C19.1555294,20.4592941 18.5837647,20.4705882 18,20.4705882 C17.4162353,20.4705882 16.8444706,20.4592941 16.2832941,20.4395294 C15.9402353,20.4275294 15.6091765,20.4049412 15.2745882,20.3858824 C15.0677647,20.3738824 14.8545882,20.3661176 14.6512941,20.3512941 C14.2065882,20.3188235 13.7745882,20.2778824 13.3475294,20.2334118 C13.2670588,20.2249412 13.1830588,20.2192941 13.1032941,20.2108235 C12.6141176,20.1571765 12.1376471,20.0957647 11.6731765,20.028 C11.6611765,20.0265882 11.6491765,20.0251765 11.6371765,20.0230588 C9.24776471,19.6701176 7.19717647,19.1315294 5.59411765,18.4912941 C5.58564706,18.4884706 5.57717647,18.4849412 5.56870588,18.4814118 C5.27294118,18.3628235 4.99552941,18.24 4.73152941,18.1150588 C4.70117647,18.1002353 4.66870588,18.0861176 4.63835294,18.072 C4.40117647,17.9576471 4.18164706,17.8404706 3.97129412,17.7211765 C3.92188235,17.6929412 3.86964706,17.6654118 3.82164706,17.6364706 C3.63882353,17.5291765 3.47223529,17.4197647 3.31270588,17.3096471 C3.252,17.2672941 3.18917647,17.2256471 3.13129412,17.1825882 C2.99647059,17.0830588 2.87576471,16.9828235 2.76,16.8818824 C2.69717647,16.8268235 2.63364706,16.7717647 2.57647059,16.7152941 C2.48188235,16.6235294 2.39858824,16.5317647 2.32023529,16.4385882 C2.26517647,16.3736471 2.21223529,16.3087059 2.16564706,16.2430588 C2.10352941,16.1562353 2.05058824,16.0694118 2.00258824,15.9825882 C1.96447059,15.9127059 1.93058824,15.8428235 1.90164706,15.7729412 C1.86705882,15.6875294 1.83952941,15.6021176 1.81976471,15.5167059 C1.79364706,15.4044706 1.76470588,15.2901176 1.76470588,15.1764706 C1.76470588,15.0967059 1.77388235,15.0169412 1.78658824,14.9378824 C1.80423529,14.8312941 1.79435294,14.7247059 1.76470588,14.6237647 L1.76470588,9.38329412 C1.84941176,9.46023529 1.94611765,9.53576471 2.03788235,9.612 C2.08870588,9.65435294 2.136,9.69670588 2.18964706,9.73905882 C2.40141176,9.90564706 2.63011765,10.0701176 2.87788235,10.2303529 C2.92941176,10.2635294 2.98729412,10.296 3.04094118,10.3291765 C3.24847059,10.4583529 3.468,10.5847059 3.69882353,10.7089412 C3.78423529,10.7548235 3.86964706,10.8 3.95788235,10.8451765 C4.21552941,10.9764706 4.48588235,11.1042353 4.77035294,11.2277647 C4.81694118,11.2482353 4.85929412,11.2694118 4.90658824,11.2891765 C5.23764706,11.4296471 5.58917647,11.5637647 5.95482353,11.6936471 C6.05576471,11.7296471 6.16164706,11.7635294 6.26541176,11.7988235 C6.55623529,11.8969412 6.85694118,11.9908235 7.16823529,12.0818824 C7.28047059,12.1143529 7.39058824,12.1482353 7.50564706,12.1792941 C7.91858824,12.2936471 8.34494118,12.4023529 8.79247059,12.5025882 C8.85388235,12.5167059 8.92023529,12.528 8.98235294,12.5414118 C9.37694118,12.6275294 9.78635294,12.7072941 10.2070588,12.7821176 C10.3496471,12.8075294 10.4943529,12.8315294 10.6397647,12.8555294 C11.04,12.9211765 11.4522353,12.9811765 11.8750588,13.0362353 C11.9837647,13.0503529 12.0875294,13.0665882 12.1976471,13.08 C12.7228235,13.1435294 13.2663529,13.1978824 13.8247059,13.2444706 C13.9623529,13.2557647 14.1056471,13.2642353 14.2454118,13.2741176 C14.6922353,13.3065882 15.1489412,13.3334118 15.6162353,13.3545882 C15.7863529,13.3623529 15.9557647,13.3701176 16.1294118,13.3764706 C16.7378824,13.3969412 17.3576471,13.4117647 18,13.4117647 C18.6423529,13.4117647 19.2621176,13.3969412 19.8705882,13.3764706 C20.0435294,13.3701176 20.2129412,13.3623529 20.3837647,13.3545882 C20.8510588,13.3334118 21.3077647,13.3065882 21.7545882,13.2741176 C21.8943529,13.2635294 22.0369412,13.2557647 22.1752941,13.2444706 C22.7336471,13.1985882 23.2771765,13.1435294 23.8023529,13.08 C23.9124706,13.0665882 24.0162353,13.0503529 24.1249412,13.0362353 C24.5477647,12.9811765 24.9592941,12.9211765 25.3602353,12.8555294 C25.5056471,12.8315294 25.6503529,12.8075294 25.7929412,12.7821176 C26.2136471,12.7072941 26.6230588,12.6275294 27.0176471,12.5414118 C27.0797647,12.528 27.1461176,12.516 27.2075294,12.5025882 C27.6550588,12.4023529 28.0814118,12.2929412 28.4943529,12.1792941 C28.6094118,12.1475294 28.7195294,12.1143529 28.8317647,12.0818824 C29.1430588,11.9908235 29.4437647,11.8969412 29.7345882,11.7988235 C29.8383529,11.7635294 29.9442353,11.7296471 30.0451765,11.6936471 C30.4108235,11.5637647 30.7630588,11.4296471 31.0934118,11.2891765 C31.1407059,11.2694118 31.1830588,11.2482353 31.2296471,11.2277647 C31.5141176,11.1035294 31.7844706,10.9764706 32.0421176,10.8451765 C32.1303529,10.8 32.2164706,10.7548235 32.3011765,10.7089412 C32.532,10.5854118 32.7515294,10.4590588 32.9590588,10.3291765 C33.0127059,10.296 33.0705882,10.2635294 33.1221176,10.2303529 C33.3698824,10.0701176 33.5985882,9.90635294 33.8103529,9.73905882 C33.8632941,9.69670588 33.9105882,9.65435294 33.9621176,9.612 C34.0538824,9.53576471 34.1505882,9.46023529 34.2352941,9.38329412 Z M18,1.41176471 C27.5682353,1.41176471 34.2352941,4.20141176 34.2352941,6.70588235 C34.2352941,9.21035294 27.5682353,12 18,12 C8.43176471,12 1.76470588,9.21035294 1.76470588,6.70588235 C1.76470588,4.20141176 8.43176471,1.41176471 18,1.41176471 Z M34.2352941,32.2609412 C34.2254118,32.292 34.2183529,32.3237647 34.2127059,32.3562353 C33.8124706,34.7978824 27.2018824,37.4117647 18,37.4117647 C8.79811765,37.4117647 2.18752941,34.7978824 1.78729412,32.3562353 C1.78164706,32.3244706 1.77388235,32.2934118 1.76470588,32.2637647 L1.76470588,26.3244706 C1.78447059,26.3428235 1.80917647,26.3604706 1.82964706,26.3788235 C1.98352941,26.5143529 2.14023529,26.6491765 2.31670588,26.7790588 C4.97576471,28.7901176 10.2931765,30.3529412 18,30.3529412 C25.6743529,30.3529412 30.9783529,28.8028235 33.6487059,26.8037647 C33.8618824,26.6484706 34.0538824,26.4882353 34.2345882,26.3251765 L34.2352941,26.3244706 L34.2352941,32.2609412 Z" id="Shape"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType3-sm.svg b/cds-ui/designer-client/src/assets/img/icon-comType3-sm.svg
new file mode 100644
index 000000000..f823d8c19
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType3-sm.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>server</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-55.000000, -800.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="functions" transform="translate(0.000000, 479.000000)">
+                    <g id="list" transform="translate(8.000000, 51.000000)">
+                        <g id="4" transform="translate(12.000000, 200.000000)">
+                            <g id="txt" transform="translate(35.000000, 10.000000)">
+                                <g id="server">
+                                    <path d="M3.5,2.023 C2.673,2.023 2,2.696 2,3.523 C2,4.35 2.673,5.023 3.5,5.023 C4.327,5.023 5,4.35 5,3.523 C5,2.696 4.327,2.023 3.5,2.023 Z M3.5,4.35633333 C3.04066667,4.35633333 2.66666667,3.98266667 2.66666667,3.523 C2.66666667,3.06333333 3.04066667,2.68966667 3.5,2.68966667 C3.95933333,2.68966667 4.33333333,3.06333333 4.33333333,3.523 C4.33333333,3.98266667 3.95933333,4.35633333 3.5,4.35633333 Z" id="Shape"></path>
+                                    <circle id="Oval" cx="16.6666667" cy="3.023" r="1"></circle>
+                                    <circle id="Oval" cx="15.3333333" cy="3.023" r="1"></circle>
+                                    <circle id="Oval" cx="17.3333333" cy="4.023" r="1"></circle>
+                                    <circle id="Oval" cx="16" cy="4.023" r="1"></circle>
+                                    <circle id="Oval" cx="14" cy="3.023" r="1"></circle>
+                                    <circle id="Oval" cx="14.6666667" cy="4.023" r="1"></circle>
+                                    <circle id="Oval" cx="12.6666667" cy="3.023" r="1"></circle>
+                                    <circle id="Oval" cx="13.3333333" cy="4.023" r="1"></circle>
+                                    <circle id="Oval" cx="11.3333333" cy="3.023" r="1"></circle>
+                                    <circle id="Oval" cx="12" cy="4.023" r="1"></circle>
+                                    <path d="M20,5.48666667 L20,1.559 C20,0.712 19.311,0.023 18.464,0.023 L1.536,0.023 C0.689,0.023 0,0.712 0,1.559 L0,5.48666667 C0,5.97633333 0.234333333,6.408 0.592333333,6.68933333 C0.234333333,6.971 0,7.40266667 0,7.89233333 L0,11.82 C0,12.667 0.689,13.356 1.536,13.356 L10,13.356 L18.464,13.356 C19.311,13.356 20,12.667 20,11.82 L20,7.89233333 C20,7.40266667 19.7656667,6.971 19.4076667,6.68966667 C19.7656667,6.408 20,5.97633333 20,5.48666667 Z M19.3333333,7.89233333 L19.3333333,11.82 C19.3333333,12.2993333 18.9433333,12.6893335 18.464,12.6893335 L1.536,12.6893335 C1.05666667,12.6896667 0.666666667,12.2996667 0.666666667,11.82 L0.666666667,7.89233333 C0.666666667,7.413 1.05666667,7.023 1.536,7.023 L18.4636667,7.023 C18.9433333,7.023 19.3333333,7.413 19.3333333,7.89233333 Z M1.536,6.35633333 C1.05666667,6.35633333 0.666666667,5.96633333 0.666666667,5.48666667 L0.666666667,1.559 C0.666666667,1.07966667 1.05666667,0.689666667 1.536,0.689666667 L18.4636667,0.689666667 C18.9433333,0.689666667 19.3333333,1.07966667 19.3333333,1.559 L19.3333333,5.48666667 C19.3333333,5.966 18.9433333,6.356 18.464,6.356 L1.536,6.356 L1.536,6.35633333 Z" id="Shape"></path>
+                                    <path d="M3.5,11.3563333 C4.327,11.3563333 5,10.6833333 5,9.85633333 C5,9.02933333 4.327,8.35633333 3.5,8.35633333 C2.673,8.35633333 2,9.029 2,9.85633333 C2,10.6836667 2.673,11.3563333 3.5,11.3563333 Z M3.5,9.023 C3.95933333,9.023 4.33333333,9.39666667 4.33333333,9.85633333 C4.33333333,10.316 3.95933333,10.6896667 3.5,10.6896667 C3.04066667,10.6896667 2.66666667,10.316 2.66666667,9.85633333 C2.66666667,9.39666667 3.04066667,9.023 3.5,9.023 Z" id="Shape"></path>
+                                    <path d="M10.491,16.8183333 C10.5673333,16.8613333 10.6373333,16.9143333 10.6996667,16.9753333 C10.7646667,17.039 10.849,17.0706667 10.933,17.0706667 C11.0193333,17.0706667 11.1056667,17.037 11.171,16.9706667 C11.3,16.839 11.2976667,16.6283333 11.1663333,16.4993333 C11.0626667,16.3976667 10.9463333,16.3103333 10.82,16.2383333 C10.659,16.148 10.4563333,16.2033333 10.3656667,16.364 C10.275,16.524 10.331,16.7273333 10.491,16.8183333 Z" id="Path"></path>
+                                    <path d="M10.5013333,18.5553333 C10.4263333,18.5993333 10.3456667,18.6326667 10.2616667,18.6553333 C10.084,18.7033333 9.97866667,18.886 10.0263333,19.064 C10.0666667,19.2126667 10.201,19.3106667 10.348,19.3106667 C10.3766667,19.3106667 10.4056667,19.307 10.435,19.2993333 C10.5756667,19.2613333 10.711,19.205 10.8366667,19.1316667 C10.9956667,19.039 11.0496667,18.8346667 10.957,18.6756667 C10.8643333,18.5163333 10.6603333,18.463 10.5013333,18.5553333 Z" id="Path"></path>
+                                    <path d="M11.3333333,17.3483333 C11.1493333,17.3483333 11,17.5053333 11,17.6893333 C11,17.7773333 10.9886667,17.864 10.9663333,17.9476667 C10.9186667,18.1253333 11.0246667,18.308 11.2023333,18.3556667 C11.231,18.3633333 11.26,18.367 11.2883333,18.367 C11.4356667,18.367 11.5703333,18.2686667 11.6103333,18.1196667 C11.6476667,17.9803333 11.6666667,17.8353333 11.6666667,17.6896667 L11.6666667,17.674 C11.6666667,17.4896667 11.5173333,17.3483333 11.3333333,17.3483333 Z" id="Path"></path>
+                                    <path d="M9.50333333,18.5573333 C9.42766667,18.514 9.358,18.461 9.29633333,18.3996667 C9.16566667,18.2696667 8.955,18.271 8.825,18.401 C8.695,18.5316667 8.69566667,18.7426667 8.82633333,18.8723333 C8.92966667,18.975 9.046,19.0636667 9.17233333,19.136 C9.22466667,19.166 9.28133333,19.18 9.33766667,19.18 C9.45333333,19.18 9.56566667,19.1196667 9.62733333,19.0123333 C9.71833333,18.8526667 9.663,18.649 9.50333333,18.5573333 Z" id="Path"></path>
+                                    <path d="M9.55566667,16.0833333 C9.41566667,16.1216667 9.281,16.179 9.15566667,16.2526667 C8.997,16.346 8.944,16.5503333 9.03733333,16.709 C9.09966667,16.8143333 9.211,16.8733333 9.325,16.8733333 C9.38233333,16.8733333 9.44066667,16.8586667 9.49366667,16.8273333 C9.569,16.783 9.64933333,16.749 9.73333333,16.7256667 C9.91066667,16.677 10.015,16.4933333 9.966,16.316 C9.91666667,16.1386667 9.73333333,16.035 9.55566667,16.0833333 Z" id="Path"></path>
+                                    <path d="M9,17.6896667 C9,17.6036667 9.011,17.5186667 9.03233333,17.4366667 C9.07866667,17.2586667 8.972,17.0766667 8.79366667,17.03 C8.61533333,16.984 8.43333333,17.0903333 8.387,17.2686667 C8.35133333,17.4053333 8.33333333,17.547 8.33333333,17.6966667 L8.66666667,17.6973333 L8.33333333,17.6973333 C8.33333333,17.8816667 8.48233333,18.0266672 8.66666667,18.0266672 C8.851,18.027 9,17.874 9,17.6896667 Z" id="Path"></path>
+                                    <circle id="Oval" cx="16.6666667" cy="9.35633333" r="1"></circle>
+                                    <circle id="Oval" cx="15.3333333" cy="9.35633333" r="1"></circle>
+                                    <circle id="Oval" cx="17.3333333" cy="10.3563333" r="1"></circle>
+                                    <circle id="Oval" cx="16" cy="10.3563333" r="1"></circle>
+                                    <circle id="Oval" cx="14" cy="9.35633333" r="1"></circle>
+                                    <circle id="Oval" cx="14.6666667" cy="10.3563333" r="1"></circle>
+                                    <circle id="Oval" cx="12.6666667" cy="9.35633333" r="1"></circle>
+                                    <circle id="Oval" cx="13.3333333" cy="10.3563333" r="1"></circle>
+                                    <circle id="Oval" cx="11.3333333" cy="9.35633333" r="1"></circle>
+                                    <circle id="Oval" cx="12" cy="10.3563333" r="1"></circle>
+                                    <path d="M7.33333333,17.3563333 L7,17.3563333 C6.816,17.3563333 6.66666667,17.5053333 6.66666667,17.6896667 C6.66666667,17.874 6.816,18.023 7,18.023 L7.33333333,18.023 C7.51733333,18.023 7.66666667,17.874 7.66666667,17.6896667 C7.66666667,17.5053333 7.51733333,17.3563333 7.33333333,17.3563333 Z" id="Path"></path>
+                                    <path d="M4.66666667,17.3563333 L4.33333333,17.3563333 C4.14933333,17.3563333 4,17.5053333 4,17.6896667 C4,17.874 4.14933333,18.023 4.33333333,18.023 L4.66666667,18.023 C4.85066667,18.023 5,17.874 5,17.6896667 C5,17.5053333 4.85066667,17.3563333 4.66666667,17.3563333 Z" id="Path"></path>
+                                    <path d="M6,17.3563333 L5.66666667,17.3563333 C5.48266667,17.3563333 5.33333333,17.5053333 5.33333333,17.6896667 C5.33333333,17.874 5.48266667,18.023 5.66666667,18.023 L6,18.023 C6.184,18.023 6.33333333,17.874 6.33333333,17.6896667 C6.33333333,17.5053333 6.184,17.3563333 6,17.3563333 Z" id="Path"></path>
+                                    <path d="M0.666666667,17.3563333 L0.333333333,17.3563333 C0.149333333,17.3563333 0,17.5053333 0,17.6896667 C0,17.874 0.149333333,18.023 0.333333333,18.023 L0.666666667,18.023 C0.850666667,18.023 1,17.874 1,17.6896667 C1,17.5053333 0.850666667,17.3563333 0.666666667,17.3563333 Z" id="Path"></path>
+                                    <path d="M2,17.3563333 L1.66666667,17.3563333 C1.48266667,17.3563333 1.33333333,17.5053333 1.33333333,17.6896667 C1.33333333,17.874 1.48266667,18.023 1.66666667,18.023 L2,18.023 C2.184,18.023 2.33333333,17.874 2.33333333,17.6896667 C2.33333333,17.5053333 2.184,17.3563333 2,17.3563333 Z" id="Path"></path>
+                                    <path d="M3.33333333,17.3563333 L3,17.3563333 C2.816,17.3563333 2.66666667,17.5053333 2.66666667,17.6896667 C2.66666667,17.874 2.816,18.023 3,18.023 L3.33333333,18.023 C3.51733333,18.023 3.66666667,17.874 3.66666667,17.6896667 C3.66666667,17.5053333 3.51733333,17.3563333 3.33333333,17.3563333 Z" id="Path"></path>
+                                    <path d="M13,17.3563333 L12.6666667,17.3563333 C12.4826667,17.3563333 12.3333333,17.5053333 12.3333333,17.6896667 C12.3333333,17.874 12.4826667,18.023 12.6666667,18.023 L13,18.023 C13.184,18.023 13.3333333,17.874 13.3333333,17.6896667 C13.3333333,17.5053333 13.184,17.3563333 13,17.3563333 Z" id="Path"></path>
+                                    <path d="M15.6666667,17.3563333 L15.3333333,17.3563333 C15.1493333,17.3563333 15,17.5053333 15,17.6896667 C15,17.874 15.1493333,18.023 15.3333333,18.023 L15.6666667,18.023 C15.8506667,18.023 16,17.874 16,17.6896667 C16,17.5053333 15.8506667,17.3563333 15.6666667,17.3563333 Z" id="Path"></path>
+                                    <path d="M14.3333333,17.3563333 L14,17.3563333 C13.816,17.3563333 13.6666667,17.5053333 13.6666667,17.6896667 C13.6666667,17.874 13.816,18.023 14,18.023 L14.3333333,18.023 C14.5173333,18.023 14.6666667,17.874 14.6666667,17.6896667 C14.6666667,17.5053333 14.5173333,17.3563333 14.3333333,17.3563333 Z" id="Path"></path>
+                                    <path d="M19.6666667,17.3563333 L19.3333333,17.3563333 C19.1493333,17.3563333 19,17.5053333 19,17.6896667 C19,17.874 19.1493333,18.023 19.3333333,18.023 L19.6666667,18.023 C19.8506667,18.023 20,17.874 20,17.6896667 C20,17.5053333 19.8506667,17.3563333 19.6666667,17.3563333 Z" id="Path"></path>
+                                    <path d="M17,17.3563333 L16.6666667,17.3563333 C16.4826667,17.3563333 16.3333333,17.5053333 16.3333333,17.6896667 C16.3333333,17.874 16.4826667,18.023 16.6666667,18.023 L17,18.023 C17.184,18.023 17.3333333,17.874 17.3333333,17.6896667 C17.3333333,17.5053333 17.184,17.3563333 17,17.3563333 Z" id="Path"></path>
+                                    <path d="M18.3333333,17.3563333 L18,17.3563333 C17.816,17.3563333 17.6666667,17.5053333 17.6666667,17.6896667 C17.6666667,17.874 17.816,18.023 18,18.023 L18.3333333,18.023 C18.5173333,18.023 18.6666667,17.874 18.6666667,17.6896667 C18.6666667,17.5053333 18.5173333,17.3563333 18.3333333,17.3563333 Z" id="Path"></path>
+                                    <path d="M10.3333333,15.3563333 L10.3333333,15.023 C10.3333333,14.8386667 10.184,14.6896667 10,14.6896667 C9.816,14.6896667 9.66666667,14.8386667 9.66666667,15.023 L9.66666667,15.3563333 C9.66666667,15.5406667 9.816,15.6896667 10,15.6896667 C10.184,15.6896667 10.3333333,15.5406667 10.3333333,15.3563333 Z" id="Path"></path>
+                                    <path d="M9.66666667,13.6896667 L9.66666667,14.023 C9.66666667,14.2073333 9.816,14.3563333 10,14.3563333 C10.184,14.3563333 10.3333333,14.2073333 10.3333333,14.023 L10.3333333,13.6896667 C10.3333333,13.5053333 10.184,13.3563333 10,13.3563333 C9.816,13.3563333 9.66666667,13.5053333 9.66666667,13.6896667 Z" id="Path"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType3.svg b/cds-ui/designer-client/src/assets/img/icon-comType3.svg
new file mode 100644
index 000000000..1d43c82da
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType3.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="35px" viewBox="0 0 36 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>server</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-685.000000, -402.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="workflow-container" transform="translate(401.000000, 137.000000)">
+                <g id="component" transform="translate(30.000000, 70.000000)">
+                    <g id="dg-generic" transform="translate(150.000000, 170.000000)">
+                        <g id="Group-4" transform="translate(87.000000, 25.000000)">
+                            <g id="server" transform="translate(17.000000, 0.000000)">
+                                <path d="M6.3,3.6414 C4.8114,3.6414 3.6,4.8528 3.6,6.3414 C3.6,7.83 4.8114,9.0414 6.3,9.0414 C7.7886,9.0414 9,7.83 9,6.3414 C9,4.8528 7.7886,3.6414 6.3,3.6414 Z M6.3,7.8414 C5.4732,7.8414 4.8,7.1688 4.8,6.3414 C4.8,5.514 5.4732,4.8414 6.3,4.8414 C7.1268,4.8414 7.8,5.514 7.8,6.3414 C7.8,7.1688 7.1268,7.8414 6.3,7.8414 Z" id="Shape"></path>
+                                <circle id="Oval" cx="30" cy="5.4414" r="1"></circle>
+                                <circle id="Oval" cx="27.6" cy="5.4414" r="1"></circle>
+                                <circle id="Oval" cx="31.2" cy="7.2414" r="1"></circle>
+                                <circle id="Oval" cx="28.8" cy="7.2414" r="1"></circle>
+                                <circle id="Oval" cx="25.2" cy="5.4414" r="1"></circle>
+                                <circle id="Oval" cx="26.4" cy="7.2414" r="1"></circle>
+                                <circle id="Oval" cx="22.8" cy="5.4414" r="1"></circle>
+                                <circle id="Oval" cx="24" cy="7.2414" r="1"></circle>
+                                <circle id="Oval" cx="20.4" cy="5.4414" r="1"></circle>
+                                <circle id="Oval" cx="21.6" cy="7.2414" r="1"></circle>
+                                <path d="M36,9.876 L36,2.8062 C36,1.2816 34.7598,0.0414 33.2352,0.0414 L2.7648,0.0414 C1.2402,0.0414 0,1.2816 0,2.8062 L0,9.876 C0,10.7574 0.4218,11.5344 1.0662,12.0408 C0.4218,12.5478 0,13.3248 0,14.2062 L0,21.276 C0,22.8006 1.2402,24.0408 2.7648,24.0408 L18,24.0408 L33.2352,24.0408 C34.7598,24.0408 36,22.8006 36,21.276 L36,14.2062 C36,13.3248 35.5782,12.5478 34.9338,12.0414 C35.5782,11.5344 36,10.7574 36,9.876 Z M34.8,14.2062 L34.8,21.276 C34.8,22.1388 34.098,22.8408004 33.2352,22.8408004 L2.7648,22.8408004 C1.902,22.8414 1.2,22.1394 1.2,21.276 L1.2,14.2062 C1.2,13.3434 1.902,12.6414 2.7648,12.6414 L33.2346,12.6414 C34.098,12.6414 34.8,13.3434 34.8,14.2062 Z M2.7648,11.4414 C1.902,11.4414 1.2,10.7394 1.2,9.876 L1.2,2.8062 C1.2,1.9434 1.902,1.2414 2.7648,1.2414 L33.2346,1.2414 C34.098,1.2414 34.8,1.9434 34.8,2.8062 L34.8,9.876 C34.8,10.7388 34.098,11.4408 33.2352,11.4408 L2.7648,11.4408 L2.7648,11.4414 Z" id="Shape"></path>
+                                <path d="M6.3,20.4414 C7.7886,20.4414 9,19.23 9,17.7414 C9,16.2528 7.7886,15.0414 6.3,15.0414 C4.8114,15.0414 3.6,16.2522 3.6,17.7414 C3.6,19.2306 4.8114,20.4414 6.3,20.4414 Z M6.3,16.2414 C7.1268,16.2414 7.8,16.914 7.8,17.7414 C7.8,18.5688 7.1268,19.2414 6.3,19.2414 C5.4732,19.2414 4.8,18.5688 4.8,17.7414 C4.8,16.914 5.4732,16.2414 6.3,16.2414 Z" id="Shape"></path>
+                                <path d="M18.8838,30.273 C19.0212,30.3504 19.1472,30.4458 19.2594,30.5556 C19.3764,30.6702 19.5282,30.7272 19.6794,30.7272 C19.8348,30.7272 19.9902,30.6666 20.1078,30.5472 C20.34,30.3102 20.3358,29.931 20.0994,29.6988 C19.9128,29.5158 19.7034,29.3586 19.476,29.229 C19.1862,29.0664 18.8214,29.166 18.6582,29.4552 C18.495,29.7432 18.5958,30.1092 18.8838,30.273 Z" id="Path"></path>
+                                <path d="M18.9024,33.3996 C18.7674,33.4788 18.6222,33.5388 18.471,33.5796 C18.1512,33.666 17.9616,33.9948 18.0474,34.3152 C18.12,34.5828 18.3618,34.7592 18.6264,34.7592 C18.678,34.7592 18.7302,34.7526 18.783,34.7388 C19.0362,34.6704 19.2798,34.569 19.506,34.437 C19.7922,34.2702 19.8894,33.9024 19.7226,33.6162 C19.5558,33.3294 19.1886,33.2334 18.9024,33.3996 Z" id="Path"></path>
+                                <path d="M20.4,31.227 C20.0688,31.227 19.8,31.5096 19.8,31.8408 C19.8,31.9992 19.7796,32.1552 19.7394,32.3058 C19.6536,32.6256 19.8444,32.9544 20.1642,33.0402 C20.2158,33.054 20.268,33.0606 20.319,33.0606 C20.5842,33.0606 20.8266,32.8836 20.8986,32.6154 C20.9658,32.3646 21,32.1036 21,31.8414 L21,31.8132 C21,31.4814 20.7312,31.227 20.4,31.227 Z" id="Path"></path>
+                                <path d="M17.106,33.4032 C16.9698,33.3252 16.8444,33.2298 16.7334,33.1194 C16.4982,32.8854 16.119,32.8878 15.885,33.1218 C15.651,33.357 15.6522,33.7368 15.8874,33.9702 C16.0734,34.155 16.2828,34.3146 16.5102,34.4448 C16.6044,34.4988 16.7064,34.524 16.8078,34.524 C17.016,34.524 17.2182,34.4154 17.3292,34.2222 C17.493,33.9348 17.3934,33.5682 17.106,33.4032 Z" id="Path"></path>
+                                <path d="M17.2002,28.95 C16.9482,29.019 16.7058,29.1222 16.4802,29.2548 C16.1946,29.4228 16.0992,29.7906 16.2672,30.0762 C16.3794,30.2658 16.5798,30.372 16.785,30.372 C16.8882,30.372 16.9932,30.3456 17.0886,30.2892 C17.2242,30.2094 17.3688,30.1482 17.52,30.1062 C17.8392,30.0186 18.027,29.688 17.9388,29.3688 C17.85,29.0496 17.52,28.863 17.2002,28.95 Z" id="Path"></path>
+                                <path d="M16.2,31.8414 C16.2,31.6866 16.2198,31.5336 16.2582,31.386 C16.3416,31.0656 16.1496,30.738 15.8286,30.654 C15.5076,30.5712 15.18,30.7626 15.0966,31.0836 C15.0324,31.3296 15,31.5846 15,31.854 L15.6,31.8552 L15,31.8552 C15,32.187 15.2682,32.448001 15.6,32.448001 C15.9318,32.4486 16.2,32.1732 16.2,31.8414 Z" id="Path"></path>
+                                <circle id="Oval" cx="30" cy="16.8414" r="1"></circle>
+                                <circle id="Oval" cx="27.6" cy="16.8414" r="1"></circle>
+                                <circle id="Oval" cx="31.2" cy="18.6414" r="1"></circle>
+                                <circle id="Oval" cx="28.8" cy="18.6414" r="1"></circle>
+                                <circle id="Oval" cx="25.2" cy="16.8414" r="1"></circle>
+                                <circle id="Oval" cx="26.4" cy="18.6414" r="1"></circle>
+                                <circle id="Oval" cx="22.8" cy="16.8414" r="1"></circle>
+                                <circle id="Oval" cx="24" cy="18.6414" r="1"></circle>
+                                <circle id="Oval" cx="20.4" cy="16.8414" r="1"></circle>
+                                <circle id="Oval" cx="21.6" cy="18.6414" r="1"></circle>
+                                <path d="M13.2,31.2414 L12.6,31.2414 C12.2688,31.2414 12,31.5096 12,31.8414 C12,32.1732 12.2688,32.4414 12.6,32.4414 L13.2,32.4414 C13.5312,32.4414 13.8,32.1732 13.8,31.8414 C13.8,31.5096 13.5312,31.2414 13.2,31.2414 Z" id="Path"></path>
+                                <path d="M8.4,31.2414 L7.8,31.2414 C7.4688,31.2414 7.2,31.5096 7.2,31.8414 C7.2,32.1732 7.4688,32.4414 7.8,32.4414 L8.4,32.4414 C8.7312,32.4414 9,32.1732 9,31.8414 C9,31.5096 8.7312,31.2414 8.4,31.2414 Z" id="Path"></path>
+                                <path d="M10.8,31.2414 L10.2,31.2414 C9.8688,31.2414 9.6,31.5096 9.6,31.8414 C9.6,32.1732 9.8688,32.4414 10.2,32.4414 L10.8,32.4414 C11.1312,32.4414 11.4,32.1732 11.4,31.8414 C11.4,31.5096 11.1312,31.2414 10.8,31.2414 Z" id="Path"></path>
+                                <path d="M1.2,31.2414 L0.6,31.2414 C0.2688,31.2414 0,31.5096 0,31.8414 C0,32.1732 0.2688,32.4414 0.6,32.4414 L1.2,32.4414 C1.5312,32.4414 1.8,32.1732 1.8,31.8414 C1.8,31.5096 1.5312,31.2414 1.2,31.2414 Z" id="Path"></path>
+                                <path d="M3.6,31.2414 L3,31.2414 C2.6688,31.2414 2.4,31.5096 2.4,31.8414 C2.4,32.1732 2.6688,32.4414 3,32.4414 L3.6,32.4414 C3.9312,32.4414 4.2,32.1732 4.2,31.8414 C4.2,31.5096 3.9312,31.2414 3.6,31.2414 Z" id="Path"></path>
+                                <path d="M6,31.2414 L5.4,31.2414 C5.0688,31.2414 4.8,31.5096 4.8,31.8414 C4.8,32.1732 5.0688,32.4414 5.4,32.4414 L6,32.4414 C6.3312,32.4414 6.6,32.1732 6.6,31.8414 C6.6,31.5096 6.3312,31.2414 6,31.2414 Z" id="Path"></path>
+                                <path d="M23.4,31.2414 L22.8,31.2414 C22.4688,31.2414 22.2,31.5096 22.2,31.8414 C22.2,32.1732 22.4688,32.4414 22.8,32.4414 L23.4,32.4414 C23.7312,32.4414 24,32.1732 24,31.8414 C24,31.5096 23.7312,31.2414 23.4,31.2414 Z" id="Path"></path>
+                                <path d="M28.2,31.2414 L27.6,31.2414 C27.2688,31.2414 27,31.5096 27,31.8414 C27,32.1732 27.2688,32.4414 27.6,32.4414 L28.2,32.4414 C28.5312,32.4414 28.8,32.1732 28.8,31.8414 C28.8,31.5096 28.5312,31.2414 28.2,31.2414 Z" id="Path"></path>
+                                <path d="M25.8,31.2414 L25.2,31.2414 C24.8688,31.2414 24.6,31.5096 24.6,31.8414 C24.6,32.1732 24.8688,32.4414 25.2,32.4414 L25.8,32.4414 C26.1312,32.4414 26.4,32.1732 26.4,31.8414 C26.4,31.5096 26.1312,31.2414 25.8,31.2414 Z" id="Path"></path>
+                                <path d="M35.4,31.2414 L34.8,31.2414 C34.4688,31.2414 34.2,31.5096 34.2,31.8414 C34.2,32.1732 34.4688,32.4414 34.8,32.4414 L35.4,32.4414 C35.7312,32.4414 36,32.1732 36,31.8414 C36,31.5096 35.7312,31.2414 35.4,31.2414 Z" id="Path"></path>
+                                <path d="M30.6,31.2414 L30,31.2414 C29.6688,31.2414 29.4,31.5096 29.4,31.8414 C29.4,32.1732 29.6688,32.4414 30,32.4414 L30.6,32.4414 C30.9312,32.4414 31.2,32.1732 31.2,31.8414 C31.2,31.5096 30.9312,31.2414 30.6,31.2414 Z" id="Path"></path>
+                                <path d="M33,31.2414 L32.4,31.2414 C32.0688,31.2414 31.8,31.5096 31.8,31.8414 C31.8,32.1732 32.0688,32.4414 32.4,32.4414 L33,32.4414 C33.3312,32.4414 33.6,32.1732 33.6,31.8414 C33.6,31.5096 33.3312,31.2414 33,31.2414 Z" id="Path"></path>
+                                <path d="M18.6,27.6414 L18.6,27.0414 C18.6,26.7096 18.3312,26.4414 18,26.4414 C17.6688,26.4414 17.4,26.7096 17.4,27.0414 L17.4,27.6414 C17.4,27.9732 17.6688,28.2414 18,28.2414 C18.3312,28.2414 18.6,27.9732 18.6,27.6414 Z" id="Path"></path>
+                                <path d="M17.4,24.6414 L17.4,25.2414 C17.4,25.5732 17.6688,25.8414 18,25.8414 C18.3312,25.8414 18.6,25.5732 18.6,25.2414 L18.6,24.6414 C18.6,24.3096 18.3312,24.0414 18,24.0414 C17.6688,24.0414 17.4,24.3096 17.4,24.6414 Z" id="Path"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-comType4-sm.svg b/cds-ui/designer-client/src/assets/img/icon-comType4-sm.svg
new file mode 100644
index 000000000..18bb8f952
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-comType4-sm.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>language</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-55.000000, -741.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="functions" transform="translate(0.000000, 479.000000)">
+                    <g id="list" transform="translate(8.000000, 51.000000)">
+                        <g id="3" transform="translate(12.000000, 132.000000)">
+                            <g id="txt" transform="translate(35.000000, 10.000000)">
+                                <g id="language" transform="translate(0.000000, 9.000000)">
+                                    <path d="M10,0 C4.47721354,0 0,4.47721354 0,10 C0,15.5227865 4.47721354,20 10,20 C15.5227865,20 20,15.5227865 20,10 C19.9938151,4.47981771 15.5201823,0.00618491667 10,0 Z M18.6486003,13.5032552 L15.8046875,13.9939779 C16.1302083,12.8001302 16.3059896,11.5704752 16.3279622,10.3333333 L19.3250325,10.3333333 C19.2874349,11.4215495 19.058431,12.4946289 18.6486003,13.5032552 L18.6486003,13.5032552 Z M0.674967458,10.3333333 L3.67203775,10.3333333 C3.69401042,11.5704752 3.86979167,12.8001302 4.1953125,13.9939779 L1.35139975,13.5032552 C0.941569,12.4946289 0.712565083,11.4215495 0.674967458,10.3333333 Z M1.35139975,6.49674479 L4.1953125,6.00602213 C3.86979167,7.19986979 3.69401042,8.42952475 3.67203775,9.66666667 L0.674967458,9.66666667 C0.712565083,8.5784505 0.941569,7.50537108 1.35139975,6.49674479 Z M10.3333333,5.35205079 C11.5310872,5.36735025 12.7259115,5.47639975 13.9067383,5.67838542 L15.0833333,5.88134767 C15.4448242,7.11149088 15.6393229,8.38460288 15.6616211,9.66666667 L10.3333333,9.66666667 L10.3333333,5.35205079 Z M14.020345,5.02132163 C12.8020833,4.81315104 11.5691732,4.70068358 10.3333333,4.68538413 L10.3333333,0.685384125 C12.2443034,0.868977875 13.9042969,2.61865233 14.8450521,5.16503908 L14.020345,5.02132163 Z M9.66666667,4.68538413 C8.43082683,4.70068358 7.19824217,4.81315104 5.97998046,5.02132163 L5.15494792,5.1640625 C6.09570313,2.61702475 7.75569663,0.866699208 9.66666667,0.68391925 L9.66666667,4.68538413 Z M6.09358725,5.67838542 C7.27425129,5.47639975 8.46891275,5.36735025 9.66666667,5.35205079 L9.66666667,9.66666667 L4.33837892,9.66666667 C4.36067708,8.38460288 4.55517579,7.11149088 4.91666667,5.88134767 L6.09358725,5.67838542 Z M4.33837892,10.3333333 L9.66666667,10.3333333 L9.66666667,14.6479492 C8.46891275,14.6326497 7.27408854,14.5236002 6.09326171,14.3216146 L4.91666667,14.1186523 C4.55517579,12.8885091 4.36067708,11.6153971 4.33837892,10.3333333 L4.33837892,10.3333333 Z M5.97965496,14.9786784 C7.19791667,15.1871745 8.43066408,15.3001302 9.66666667,15.3164062 L9.66666667,19.3164062 C7.75569663,19.1326497 6.09570313,17.3829752 5.15494792,14.8365885 L5.97965496,14.9786784 Z M10.3333333,15.3164062 C11.5691732,15.3001302 12.8017578,15.1871745 14.0200195,14.9786784 L14.8450521,14.8359375 C13.9042969,17.3829752 12.2443034,19.1333008 10.3333333,19.3160807 L10.3333333,15.3164062 Z M13.9064128,14.3216146 C12.7257487,14.5236002 11.5310872,14.6326497 10.3333333,14.6479492 L10.3333333,10.3333333 L15.6616211,10.3333333 C15.6393229,11.6153971 15.4448242,12.8885091 15.0833333,14.1186523 L13.9064128,14.3216146 Z M16.3279623,9.66666667 C16.3059896,8.42952475 16.1302083,7.19986979 15.8046875,6.00602213 L18.6486003,6.49674479 C19.058431,7.50537108 19.2874349,8.5784505 19.3250325,9.66666667 L16.3279623,9.66666667 Z M18.3113607,5.76204425 L15.5852865,5.29166667 C15.0952148,3.69287108 14.1783854,2.25797525 12.9332683,1.14160158 C15.261556,1.91861979 17.1923828,3.57731121 18.3113607,5.76204425 Z M7.06673175,1.14160158 C5.82161458,2.25797525 4.90478517,3.69287108 4.41471354,5.29166667 L1.68863933,5.76204425 C2.80761717,3.57731121 4.738444,1.91861979 7.06673175,1.14160158 Z M1.68863933,14.2379557 L4.41471354,14.7083333 C4.90478517,16.3071289 5.82161458,17.7420247 7.06673175,18.8583984 C4.738444,18.0813802 2.80761717,16.4226888 1.68863933,14.2379557 Z M12.9332683,18.8583984 C14.1783854,17.7420247 15.0952148,16.3071289 15.5852865,14.7083333 L18.3113607,14.2379557 C17.1923828,16.4226888 15.261556,18.0813802 12.9332683,18.8583984 Z" id="Shape"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-create-white.svg b/cds-ui/designer-client/src/assets/img/icon-create-white.svg
new file mode 100644
index 000000000..10b76f736
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-create-white.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-107.000000, -325.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="Add">
+                            <g id="actions" transform="translate(17.000000, 114.000000)">
+                                <g id="add">
+                                    <g id="txt" transform="translate(10.000000, 8.000000)">
+                                        <path d="M7,0 C3.14030769,0 0,3.14003846 0,7 C0,10.8599615 3.14030769,14 7,14 C10.8596923,14 14,10.8599615 14,7 C14,3.14003846 10.8596923,0 7,0 Z M10.3653846,7.53846154 L7.53846154,7.53846154 L7.53846154,10.5 C7.53846154,10.7972308 7.29723077,11.0384615 7,11.0384615 C6.70276923,11.0384615 6.46153846,10.7972308 6.46153846,10.5 L6.46153846,7.53846154 L3.63461538,7.53846154 C3.33738462,7.53846154 3.09615385,7.29723077 3.09615385,7 C3.09615385,6.70276923 3.33738462,6.46153846 3.63461538,6.46153846 L6.46153846,6.46153846 L6.46153846,3.76923077 C6.46153846,3.472 6.70276923,3.23076923 7,3.23076923 C7.29723077,3.23076923 7.53846154,3.472 7.53846154,3.76923077 L7.53846154,6.46153846 L10.3653846,6.46153846 C10.6626154,6.46153846 10.9038462,6.70276923 10.9038462,7 C10.9038462,7.29723077 10.6626154,7.53846154 10.3653846,7.53846154 Z" id="Shape"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-delete-sm.svg b/cds-ui/designer-client/src/assets/img/icon-delete-sm.svg
new file mode 100644
index 000000000..2bf7c7836
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-delete-sm.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="8px" viewBox="0 0 6 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-651.000000, -287.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="1" transform="translate(337.000000, 0.000000)">
+                            <g id="info" transform="translate(20.000000, 19.000000)">
+                                <g id="actions-menu" transform="translate(204.000000, 24.000000)">
+                                    <g id="delete" transform="translate(0.000000, 36.000000)">
+                                        <path d="M10.4285714,11.8571429 C10.4285714,12.3285714 10.8142857,12.7142857 11.2857143,12.7142857 L14.7142857,12.7142857 C15.1857143,12.7142857 15.5714286,12.3285714 15.5714286,11.8571429 L15.5714286,6.71428571 L10.4285714,6.71428571 L10.4285714,11.8571429 Z M16,5.42857143 L14.5,5.42857143 L14.0714286,5 L11.9285714,5 L11.5,5.42857143 L10,5.42857143 L10,6.28571429 L16,6.28571429 L16,5.42857143 Z" id="Shape"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-deploy.svg b/cds-ui/designer-client/src/assets/img/icon-deploy.svg
new file mode 100644
index 000000000..adaf6956e
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-deploy.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>deploy</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.1-Packages-List" transform="translate(-678.000000, -229.000000)" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="1" transform="translate(337.000000, 0.000000)">
+                            <g id="info" transform="translate(20.000000, 20.000000)">
+                                <g id="deploy" transform="translate(241.000000, 6.000000)">
+                                    <path d="M11.30545,8.97628333 L10.0929833,10.7182833 L9.23736667,10.0160667 C9.14506667,9.94001667 9.00835,9.95388333 8.93251667,10.0459667 C8.85646667,10.1384833 8.8699,10.2752 8.96263333,10.3508167 L9.9996,11.2021 C10.0386,11.2341667 10.0871333,11.2515 10.1369667,11.2515 C10.1467167,11.2515 10.1566833,11.25085 10.16665,11.2493333 C10.22645,11.2411 10.2801833,11.2081667 10.31485,11.15855 L11.6612167,9.22393333 C11.7294667,9.12578333 11.7054167,8.9908 11.60705,8.92233333 C11.5086833,8.853 11.3739167,8.8777 11.30545,8.97628333 Z" id="Path" fill="#000000"></path>
+                                    <path d="M10.1833333,7.36666667 C8.63026667,7.36666667 7.36666667,8.63026667 7.36666667,10.1833333 C7.36666667,11.7364 8.63026667,13 10.1833333,13 C11.7364,13 13,11.7364 13,10.1833333 C13,8.63026667 11.7364,7.36666667 10.1833333,7.36666667 Z M10.1833333,12.5666667 C8.86925,12.5666667 7.8,11.4974167 7.8,10.1833333 C7.8,8.86925 8.86925,7.8 10.1833333,7.8 C11.4974167,7.8 12.5666667,8.86925 12.5666667,10.1833333 C12.5666667,11.4974167 11.4974167,12.5666667 10.1833333,12.5666667 Z" id="Shape" fill="#000000"></path>
+                                    <path d="M12.0016,0 L0.9984,0 C0.44785,0 0,0.44785 0,0.9984 L0,3.55138333 C0,3.76241667 0.0680333333,3.95633333 0.180916667,4.11666667 L12.8188667,4.11666667 C12.9319667,3.95633333 13,3.76241667 13,3.5516 L13,0.9984 C13,0.44785 12.55215,0 12.0016,0 Z M2.275,3.25 C1.73745,3.25 1.3,2.81255 1.3,2.275 C1.3,1.73745 1.73745,1.3 2.275,1.3 C2.81255,1.3 3.25,1.73745 3.25,2.275 C3.25,2.81255 2.81255,3.25 2.275,3.25 Z M7.36666667,2.16666667 C7.24706667,2.16666667 7.15,2.0696 7.15,1.95 C7.15,1.8304 7.24706667,1.73333333 7.36666667,1.73333333 C7.48626667,1.73333333 7.58333333,1.8304 7.58333333,1.95 C7.58333333,2.0696 7.48626667,2.16666667 7.36666667,2.16666667 Z M7.8,2.81666667 C7.6804,2.81666667 7.58333333,2.7196 7.58333333,2.6 C7.58333333,2.4804 7.6804,2.38333333 7.8,2.38333333 C7.9196,2.38333333 8.01666667,2.4804 8.01666667,2.6 C8.01666667,2.7196 7.9196,2.81666667 7.8,2.81666667 Z M8.23333333,2.16666667 C8.11373333,2.16666667 8.01666667,2.0696 8.01666667,1.95 C8.01666667,1.8304 8.11373333,1.73333333 8.23333333,1.73333333 C8.35293333,1.73333333 8.45,1.8304 8.45,1.95 C8.45,2.0696 8.35293333,2.16666667 8.23333333,2.16666667 Z M8.66666667,2.81666667 C8.54706667,2.81666667 8.45,2.7196 8.45,2.6 C8.45,2.4804 8.54706667,2.38333333 8.66666667,2.38333333 C8.78626667,2.38333333 8.88333333,2.4804 8.88333333,2.6 C8.88333333,2.7196 8.78626667,2.81666667 8.66666667,2.81666667 Z M9.1,2.16666667 C8.9804,2.16666667 8.88333333,2.0696 8.88333333,1.95 C8.88333333,1.8304 8.9804,1.73333333 9.1,1.73333333 C9.2196,1.73333333 9.31666667,1.8304 9.31666667,1.95 C9.31666667,2.0696 9.2196,2.16666667 9.1,2.16666667 Z M9.53333333,2.81666667 C9.41373333,2.81666667 9.31666667,2.7196 9.31666667,2.6 C9.31666667,2.4804 9.41373333,2.38333333 9.53333333,2.38333333 C9.65293333,2.38333333 9.75,2.4804 9.75,2.6 C9.75,2.7196 9.65293333,2.81666667 9.53333333,2.81666667 Z M9.96666667,2.16666667 C9.84706667,2.16666667 9.75,2.0696 9.75,1.95 C9.75,1.8304 9.84706667,1.73333333 9.96666667,1.73333333 C10.0862667,1.73333333 10.1833333,1.8304 10.1833333,1.95 C10.1833333,2.0696 10.0862667,2.16666667 9.96666667,2.16666667 Z M10.4,2.81666667 C10.2804,2.81666667 10.1833333,2.7196 10.1833333,2.6 C10.1833333,2.4804 10.2804,2.38333333 10.4,2.38333333 C10.5196,2.38333333 10.6166667,2.4804 10.6166667,2.6 C10.6166667,2.7196 10.5196,2.81666667 10.4,2.81666667 Z M10.8333333,2.16666667 C10.7137333,2.16666667 10.6166667,2.0696 10.6166667,1.95 C10.6166667,1.8304 10.7137333,1.73333333 10.8333333,1.73333333 C10.9529333,1.73333333 11.05,1.8304 11.05,1.95 C11.05,2.0696 10.9529333,2.16666667 10.8333333,2.16666667 Z M11.2666667,2.81666667 C11.1470667,2.81666667 11.05,2.7196 11.05,2.6 C11.05,2.4804 11.1470667,2.38333333 11.2666667,2.38333333 C11.3862667,2.38333333 11.4833333,2.4804 11.4833333,2.6 C11.4833333,2.7196 11.3862667,2.81666667 11.2666667,2.81666667 Z" id="Shape" fill="#66BB00"></path>
+                                    <path d="M6.71666667,10.1833333 C6.71666667,9.63906667 6.84623333,9.12556667 7.07091667,8.66666667 L0.180916667,8.66666667 C0.0680333333,8.827 0,9.02091667 0,9.23173333 L0,11.7847167 C0,12.3354833 0.44785,12.7833333 0.9984,12.7833333 L7.89793333,12.7833333 C7.17556667,12.1474167 6.71666667,11.219 6.71666667,10.1833333 Z M2.275,11.4833333 C1.73745,11.4833333 1.3,11.0458833 1.3,10.5083333 C1.3,9.97078333 1.73745,9.53333333 2.275,9.53333333 C2.81255,9.53333333 3.25,9.97078333 3.25,10.5083333 C3.25,11.0458833 2.81255,11.4833333 2.275,11.4833333 Z" id="Shape" fill="#66BB00"></path>
+                                    <path d="M0.180916667,4.55 C0.0680333333,4.71033333 0,4.90425 0,5.11506667 L0,7.66805 C0,7.87908333 0.0680333333,8.073 0.180916667,8.23333333 L7.31921667,8.23333333 C7.94408333,7.31856667 8.99448333,6.71666667 10.1831167,6.71666667 C11.2931,6.71666667 12.28045,7.24316667 12.9152833,8.0574 C12.9679333,7.9378 12.9997833,7.80736667 12.9997833,7.66826667 L12.9997833,5.11506667 C12.9997833,4.90403333 12.93175,4.71033333 12.8188667,4.55 L0.180916667,4.55 Z M2.275,7.36666667 C1.73745,7.36666667 1.3,6.92921667 1.3,6.39166667 C1.3,5.85411667 1.73745,5.41666667 2.275,5.41666667 C2.81255,5.41666667 3.25,5.85411667 3.25,6.39166667 C3.25,6.92921667 2.81255,7.36666667 2.275,7.36666667 Z M7.36666667,6.28333333 C7.24706667,6.28333333 7.15,6.18626667 7.15,6.06666667 C7.15,5.94706667 7.24706667,5.85 7.36666667,5.85 C7.48626667,5.85 7.58333333,5.94706667 7.58333333,6.06666667 C7.58333333,6.18626667 7.48626667,6.28333333 7.36666667,6.28333333 Z M8.23333333,6.28333333 C8.11373333,6.28333333 8.01666667,6.18626667 8.01666667,6.06666667 C8.01666667,5.94706667 8.11373333,5.85 8.23333333,5.85 C8.35293333,5.85 8.45,5.94706667 8.45,6.06666667 C8.45,6.18626667 8.35293333,6.28333333 8.23333333,6.28333333 Z M9.1,6.28333333 C8.9804,6.28333333 8.88333333,6.18626667 8.88333333,6.06666667 C8.88333333,5.94706667 8.9804,5.85 9.1,5.85 C9.2196,5.85 9.31666667,5.94706667 9.31666667,6.06666667 C9.31666667,6.18626667 9.2196,6.28333333 9.1,6.28333333 Z M9.96666667,6.28333333 C9.84706667,6.28333333 9.75,6.18626667 9.75,6.06666667 C9.75,5.94706667 9.84706667,5.85 9.96666667,5.85 C10.0862667,5.85 10.1833333,5.94706667 10.1833333,6.06666667 C10.1833333,6.18626667 10.0862667,6.28333333 9.96666667,6.28333333 Z M10.8333333,6.28333333 C10.7137333,6.28333333 10.6166667,6.18626667 10.6166667,6.06666667 C10.6166667,5.94706667 10.7137333,5.85 10.8333333,5.85 C10.9529333,5.85 11.05,5.94706667 11.05,6.06666667 C11.05,6.18626667 10.9529333,6.28333333 10.8333333,6.28333333 Z" id="Shape" fill="#66BB00"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-drag.svg b/cds-ui/designer-client/src/assets/img/icon-drag.svg
new file mode 100644
index 000000000..844043d1e
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-drag.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="4px" height="11px" viewBox="0 0 4 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>drag menu</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-40.000000, -687.000000)" fill="#C3CDDB" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="functions" transform="translate(0.000000, 479.000000)">
+                    <g id="list" transform="translate(8.000000, 51.000000)">
+                        <g id="2" transform="translate(12.000000, 82.000000)">
+                            <g id="drag-menu" transform="translate(20.000000, 15.000000)">
+                                <g id="left">
+                                    <circle id="1" cx="0.8" cy="0.8" r="1"></circle>
+                                    <circle id="2" cx="0.8" cy="3.8" r="1"></circle>
+                                    <circle id="3" cx="0.8" cy="6.8" r="1"></circle>
+                                    <circle id="4" cx="0.8" cy="9.8" r="1"></circle>
+                                </g>
+                                <g id="right" transform="translate(2.400000, 0.000000)">
+                                    <circle id="1" cx="0.8" cy="0.8" r="1"></circle>
+                                    <circle id="2" cx="0.8" cy="3.8" r="1"></circle>
+                                    <circle id="3" cx="0.8" cy="6.8" r="1"></circle>
+                                    <circle id="4" cx="0.8" cy="9.8" r="1"></circle>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-edit.svg b/cds-ui/designer-client/src/assets/img/icon-edit.svg
new file mode 100644
index 000000000..d4f10aae6
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-edit.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>edit</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-1156.000000, -252.000000)" fill="#0070F4" fill-rule="nonzero">
+            <g id="action-attributes" transform="translate(1044.000000, 60.000000)">
+                <g id="actions" transform="translate(36.000000, 0.000000)">
+                    <g id="STEPS" transform="translate(0.000000, 131.000000)">
+                        <g id="name" transform="translate(20.000000, 57.000000)">
+                            <g id="edit">
+                                <path d="M56,12.6778017 L56,15.000024 L58.3222222,15.000024 L65.0444444,8.21669063 L62.7222222,5.89446841 L56,12.6778017 Z M66.8166667,6.44446841 C67.0611111,6.20002397 67.0611111,5.8333573 66.8166667,5.58891285 L65.4111111,4.18333333 C65.1666667,3.93888889 64.8,3.93888889 64.5555556,4.18333333 L63.4555556,5.28333333 L65.7777778,7.60555556 L66.8166667,6.44446841 Z"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-import-blue.svg b/cds-ui/designer-client/src/assets/img/icon-import-blue.svg
new file mode 100644
index 000000000..3a495d0ed
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-import-blue.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="10px" viewBox="0 0 14 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1.2-Packages-List---Actions-menu" transform="translate(-256.000000, -327.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="Tab-content" transform="translate(80.000000, 155.000000)">
+                <g id="cards" transform="translate(0.000000, 48.000000)">
+                    <g id="row-1">
+                        <g id="Add">
+                            <g id="actions" transform="translate(17.000000, 114.000000)">
+                                <g id="import" transform="translate(149.000000, 0.000000)">
+                                    <g id="txt" transform="translate(10.000000, 9.000000)">
+                                        <path d="M11.3166667,4.5 C10.9083333,2.51666667 9.15833333,1 7,1 C5.30833333,1 3.85,1.93333333 3.15,3.33333333 C1.34166667,3.56666667 0,5.025 0,6.83333333 C0,8.75833333 1.575,10.3333333 3.5,10.3333333 L11.0833333,10.3333333 C12.7166667,10.3333333 14,9.05 14,7.41666667 C14,5.9 12.775,4.61666667 11.3166667,4.5 Z M8.16666667,6.25 L8.16666667,8.58333333 L5.83333333,8.58333333 L5.83333333,6.25 L4.08333333,6.25 L7,3.33333333 L9.91666667,6.25 L8.16666667,6.25 Z" id="Shape"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-menuDots.svg b/cds-ui/designer-client/src/assets/img/icon-menuDots.svg
new file mode 100644
index 000000000..99344589c
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-menuDots.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="3px" viewBox="0 0 13 3" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>icon-menuDots</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon-menuDots" fill="#BABBC3" fill-rule="nonzero">
+            <g id="menu" transform="translate(6.500000, 1.500000) rotate(90.000000) translate(-6.500000, -1.500000) translate(5.000000, -5.000000)">
+                <circle id="Oval" transform="translate(1.500000, 6.187500) rotate(90.000000) translate(-1.500000, -6.187500) " cx="1.5" cy="6.1875" r="1.5"></circle>
+                <circle id="Oval" transform="translate(1.500000, 10.687500) rotate(90.000000) translate(-1.500000, -10.687500) " cx="1.5" cy="10.6875" r="1.5"></circle>
+                <circle id="Oval" transform="translate(1.500000, 1.500000) rotate(90.000000) translate(-1.500000, -1.500000) " cx="1.5" cy="1.5" r="1.5"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-nav-dictionary.svg b/cds-ui/designer-client/src/assets/img/icon-nav-dictionary.svg
new file mode 100644
index 000000000..6fb435fe6
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-nav-dictionary.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>dictionary</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Side-Nav" transform="translate(-15.000000, -155.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="links">
+                <g transform="translate(10.000000, 90.000000)">
+                    <g id="data-dictionary" transform="translate(0.000000, 60.000000)">
+                        <g id="dictionary" transform="translate(5.000000, 5.000000)">
+                            <path d="M19.364388,8.33665365 C19.0947917,8.33665365 18.876237,8.55520833 18.876237,8.82480469 L18.876237,12.794987 C18.876237,13.0645833 19.0947917,13.283138 19.364388,13.283138 C19.6339844,13.283138 19.8525391,13.0645833 19.8525391,12.794987 L19.8525391,8.82480469 C19.852474,8.55520833 19.6339193,8.33665365 19.364388,8.33665365 L19.364388,8.33665365 Z" id="Path"></path>
+                            <path d="M18.7533854,0.009765625 L2.015625,0.009765625 C0.904166667,0.009765625 2.84217094e-14,0.675530394 2.84217094e-14,1.49382332 L2.84217094e-14,17.8217175 C2.84217094e-14,18.7761928 1.0546875,19.5527346 2.35110677,19.5527346 L17.9723307,19.5527346 C18.2379557,19.5527346 18.4749349,19.4361575 18.5760417,19.2556834 C18.6776693,19.0742986 18.6208984,18.8674604 18.4314453,18.7287375 C18.1008464,18.4867632 17.9188151,18.1646422 17.9188151,17.8217175 C17.9188151,17.4226613 18.1695313,17.0514551 18.594987,16.8094808 L18.7533854,16.8094808 C19.3594401,16.8094808 19.8525391,16.4464715 19.8525391,16.0001996 L19.8525391,12.2091896 C19.8525391,12.0106921 19.6339844,11.8497754 19.364388,11.8497754 C19.0947917,11.8497754 18.876237,12.0106921 18.876237,12.2091896 L18.876237,16.0001996 C18.876237,16.0500996 18.8211589,16.0906524 18.7533854,16.0906524 L18.4384766,16.0906524 L2.35110677,16.0906524 C1.86022135,16.0906524 1.37408854,16.2063667 0.976302083,16.41819 L0.976302083,1.49382332 C0.976302083,1.07190226 1.44251302,0.728594085 2.015625,0.728594085 L18.7533854,0.728594085 C18.8211589,0.728594085 18.876237,0.769146824 18.876237,0.819046826 L18.876237,3.64882272 C18.876237,3.84732023 19.0947917,4.00823695 19.364388,4.00823695 C19.6339844,4.00823695 19.8525391,3.84732023 19.8525391,3.64882272 L19.8525391,0.819046826 C19.8525391,0.372822891 19.3594401,0.009765625 18.7533854,0.009765625 L18.7533854,0.009765625 Z M17.3156901,16.8094329 C17.0746094,17.1113734 16.942513,17.4592354 16.942513,17.8217175 C16.942513,18.1834805 17.0722005,18.5304317 17.3153646,18.8339541 L2.35110677,18.8339541 C1.59303385,18.8339541 0.976302083,18.3798689 0.976302083,17.8217175 C0.976302083,17.2635661 1.59303385,16.8094808 2.35110677,16.8094808 L17.3156901,16.8094808 L17.3156901,16.8094329 Z" id="Shape"></path>
+                            <path d="M6.81070117,3.8906901 C5.76393702,3.8906901 4.91230469,4.74232244 4.91230469,5.78908659 L4.91230469,10.0275451 C4.91230469,11.0743092 5.76393702,11.9259416 6.81070117,11.9259416 L13.0418382,11.9259416 C14.0886024,11.9259416 14.9402347,11.0743092 14.9402347,10.0275451 L14.9402347,5.78908659 C14.9402347,4.74232244 14.0886024,3.8906901 13.0418382,3.8906901 L6.81070117,3.8906901 Z M14.1262718,5.78908659 L14.1262718,10.0275451 C14.1262718,10.6255332 13.639772,11.1119786 13.0418382,11.1119786 L6.81070117,11.1119786 C6.21271306,11.1119786 5.72621334,10.6254789 5.72621334,10.0275451 L5.72621334,5.78908659 C5.72621334,5.19109848 6.21271306,4.70459876 6.81070117,4.70459876 L13.0418382,4.70459876 C13.6398263,4.70459876 14.1262718,5.19109848 14.1262718,5.78908659 L14.1262718,5.78908659 Z" id="Shape"></path>
+                            <path d="M12.2632775,7.21752698 C12.1290788,7.21752698 12.0805245,7.18342337 11.9741675,7.10876152 C11.8299497,7.00751041 11.6324571,6.86888021 11.2699858,6.86888021 C10.9075146,6.86888021 10.7100219,7.00755858 10.5658041,7.10876152 C10.4594471,7.18342337 10.4108928,7.21752698 10.2766942,7.21752698 C10.1424955,7.21752698 10.0939412,7.18342337 9.98758419,7.10876152 C9.84336639,7.00751041 9.64582558,6.86888021 9.2834025,6.86888021 C8.92097941,6.86888021 8.72348677,7.00755858 8.57931714,7.10880969 C8.47296012,7.18347154 8.42440583,7.21757515 8.29025534,7.21757515 C8.15610485,7.21757515 8.10755056,7.18351971 8.00124172,7.10880969 C7.85702392,7.00755858 7.65953128,6.86888021 7.29710819,6.86888021 C7.09764062,6.86888021 6.9359375,7.03058333 6.9359375,7.2300509 C6.9359375,7.42951847 7.09764062,7.59122159 7.29710819,7.59122159 C7.43125868,7.59122159 7.47981297,7.62527703 7.58612182,7.69998705 C7.73033962,7.80123816 7.92783226,7.93991653 8.29025534,7.93991653 C8.65267843,7.93991653 8.85017107,7.80123816 8.99438887,7.69998705 C9.10069772,7.6253252 9.149252,7.59122159 9.2834025,7.59122159 C9.41760115,7.59122159 9.46615544,7.6253252 9.57256063,7.69998705 C9.71677842,7.80123816 9.91431924,7.93986836 10.2767423,7.93986836 C10.6391654,7.93986836 10.8366581,7.80118999 10.980924,7.69998705 C11.087281,7.6253252 11.1358353,7.59122159 11.2700821,7.59122159 C11.404329,7.59122159 11.4528351,7.6253252 11.5591921,7.69998705 C11.7034099,7.80123816 11.9009026,7.93986836 12.2633738,7.93986836 C12.4628414,7.93986836 12.6245445,7.77816524 12.6245445,7.57869767 C12.6245445,7.3792301 12.462745,7.21752698 12.2632775,7.21752698 L12.2632775,7.21752698 Z" id="Path"></path>
+                            <path d="M9.71939162,9.11588931 C9.61050686,9.11588931 9.57111138,9.08821867 9.4848165,9.02764029 C9.36780252,8.94548819 9.20756293,8.83300781 8.91346466,8.83300781 C8.6193664,8.83300781 8.45912681,8.94552727 8.34211283,9.02764029 C8.25581795,9.08821867 8.21642246,9.11588931 8.10753771,9.11588931 C7.99865296,9.11588931 7.95925747,9.08821867 7.87292351,9.02764029 C7.75590953,8.94548819 7.59563086,8.83300781 7.30157167,8.83300781 C7.13972969,8.83300781 7.00852865,8.96420886 7.00852865,9.12605084 C7.00852865,9.28789282 7.13972969,9.41909387 7.30157167,9.41909387 C7.41045643,9.41909387 7.44985192,9.44676451 7.5361468,9.50734289 C7.65316078,9.58949499 7.81343945,9.70197536 8.10749863,9.70197536 C8.40155781,9.70197536 8.5617974,9.58945591 8.67885046,9.50734289 C8.76514534,9.44676451 8.80454083,9.41909387 8.91346466,9.41909387 C9.02234942,9.41909387 9.06174491,9.44676451 9.14803979,9.50734289 C9.26505377,9.58949499 9.42533243,9.70197536 9.71939162,9.70197536 C9.8812336,9.70197536 10.0124346,9.57077432 10.0124346,9.40893234 C10.0124346,9.24709035 9.8812336,9.11588931 9.71939162,9.11588931 Z" id="Path"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-nav-packages.svg b/cds-ui/designer-client/src/assets/img/icon-nav-packages.svg
new file mode 100644
index 000000000..4989ee15f
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-nav-packages.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="17px" viewBox="0 0 20 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>package</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Side-Nav" transform="translate(-15.000000, -97.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="links">
+                <g transform="translate(10.000000, 90.000000)">
+                    <g id="packages">
+                        <g id="package" transform="translate(5.000000, 7.000000)">
+                            <path d="M19.1633333,5.33333333 L18,5.33333333 L18,3.244 C18,2.74166667 17.5913333,2.33333333 17.0893333,2.33333333 L8.83833333,2.33333333 L7.17166667,0 L0.910666667,0 C0.408666667,0 0,0.408666667 0,0.910666667 L0,15.473 L0.002,15.473 C0.000333333333,15.6606667 0.0586666667,15.8443333 0.176,15.998 C0.339333333,16.2113333 0.586666667,16.3333333 0.855,16.3333333 L15.7746667,16.3333333 C16.16,16.3333333 16.4993333,16.0736667 16.5913333,15.729 L20,6.383 L20,6.324 C20,5.75 19.648,5.33333333 19.1633333,5.33333333 Z M0.666666667,0.910666667 C0.666666667,0.776 0.776333333,0.666666667 0.910666667,0.666666667 L6.82833333,0.666666667 L8.495,3 L17.089,3 C17.2236667,3 17.333,3.10933333 17.333,3.244 L17.333,5.33333333 L4.24366667,5.33333333 C4.19566667,5.33333333 4.148,5.33733333 4.10166667,5.34533333 C3.77733333,5.39966667 3.50766667,5.63633333 3.42733333,5.93733333 L0.666666667,13.4663333 L0.666666667,0.910666667 Z M15.9563333,15.5276667 C15.9343333,15.6093333 15.8593333,15.6666667 15.7746667,15.6666667 L0.855,15.6666667 C0.774,15.6666667 0.726666667,15.6203333 0.705666667,15.5926667 C0.684666667,15.5653333 0.652333333,15.5073333 0.664666667,15.4566667 L4.06166667,6.139 C4.08366667,6.05733333 4.15866667,6 4.24333333,6 L18,6 L19.1633333,6 C19.29,6 19.3223333,6.182 19.3306667,6.273 L15.9563333,15.5276667 Z" id="Shape"></path>
+                            <path d="M12.3454545,8 C11.9844727,8 11.6909091,8.29356364 11.6909091,8.65454545 C11.6909091,8.76745455 11.7196,8.87370909 11.7701091,8.96654545 L10.6978545,10.0388 C10.5500364,9.92370909 10.3650182,9.85454545 10.1636364,9.85454545 C9.96225455,9.85454545 9.77723636,9.92370909 9.62930909,10.0386909 L8.79269091,9.20207273 C8.83109091,9.13716364 8.85454545,9.06254545 8.85454545,8.98181818 C8.85454545,8.74116364 8.65883636,8.54545455 8.41818182,8.54545455 C8.17752727,8.54545455 7.98181818,8.74116364 7.98181818,8.98181818 C7.98181818,9.22247273 8.17752727,9.41818182 8.41818182,9.41818182 C8.49890909,9.41818182 8.57352727,9.39472727 8.63843636,9.35632727 L9.47505455,10.1929455 C9.36007273,10.3408727 9.29090909,10.5258909 9.29090909,10.7272727 C9.29090909,10.9286545 9.36007273,11.1136727 9.47505455,11.2614909 L8.09352727,12.6431273 C7.97723636,12.5376364 7.82352727,12.4727273 7.65454545,12.4727273 C7.29356364,12.4727273 7,12.7662909 7,13.1272727 C7,13.4882545 7.29356364,13.7818182 7.65454545,13.7818182 C8.01552727,13.7818182 8.30909091,13.4882545 8.30909091,13.1272727 C8.30909091,13.0143636 8.2804,12.9081091 8.22989091,12.8152727 L9.62941818,11.4157455 C9.75007273,11.5095636 9.8956,11.5724 10.0546545,11.5923636 L10.0546545,12.7007273 C9.7456,12.7528727 9.5092,13.0216727 9.5092,13.3454545 C9.5092,13.7064364 9.80276364,14 10.1637455,14 C10.5247273,14 10.8182909,13.7064364 10.8182909,13.3454545 C10.8182909,13.0217818 10.5818909,12.7529818 10.2728364,12.7007273 L10.2728364,11.5923636 C10.4318909,11.5724 10.5774182,11.5095636 10.6980727,11.4157455 L11.5346909,12.2523636 C11.4961818,12.3173818 11.4727273,12.392 11.4727273,12.4727273 C11.4727273,12.7133818 11.6684364,12.9090909 11.9090909,12.9090909 C12.1497455,12.9090909 12.3454545,12.7133818 12.3454545,12.4727273 C12.3454545,12.2320727 12.1497455,12.0363636 11.9090909,12.0363636 C11.8283636,12.0363636 11.7537455,12.0598182 11.6888364,12.0982182 L10.8522182,11.2616 C10.9672,11.1136727 11.0363636,10.9286545 11.0363636,10.7272727 C11.0363636,10.5258909 10.9672,10.3408727 10.8522182,10.1930545 L11.9065818,9.13869091 C12.0227636,9.24418182 12.1764727,9.30909091 12.3454545,9.30909091 C12.7064364,9.30909091 13,9.01552727 13,8.65454545 C13,8.29356364 12.7064364,8 12.3454545,8 Z" id="Path"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-redo.svg b/cds-ui/designer-client/src/assets/img/icon-redo.svg
new file mode 100644
index 000000000..e48e59537
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-redo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="6px" viewBox="0 0 13 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>redo</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-591.000000, -77.000000)" fill="#D9E3EE" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="undo/redo">
+                        <g id="icons" transform="translate(10.000000, 10.000000)">
+                            <path d="M34.6636156,0.634620137 C32.9850092,0.634620137 31.4555606,1.25972082 30.2846682,2.28466819 L28,1.00808251e-13 L28,5.71167048 L33.7116705,5.71167048 L31.4174828,3.41748284 C32.2964554,2.67814874 33.4229039,2.2212151 34.6636156,2.2212151 C36.913389,2.2212151 38.8172792,3.68402746 39.4836407,5.71167048 L40.9845309,5.21665904 C40.1119245,2.5575492 37.6146453,0.634620137 34.6636156,0.634620137 Z" id="redo" transform="translate(34.492265, 2.855835) scale(-1, 1) translate(-34.492265, -2.855835) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-search-light.svg b/cds-ui/designer-client/src/assets/img/icon-search-light.svg
new file mode 100644
index 000000000..e6bea0cc9
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-search-light.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="13px" viewBox="0 0 12 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>search</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-20.000000, -79.000000)" fill="#D0D7E4" fill-rule="nonzero">
+            <g id="controller" transform="translate(0.000000, 60.000000)">
+                <g id="search">
+                    <g id="txt" transform="translate(20.000000, 19.000000)">
+                        <path d="M11.9341186,12.0639984 L8.43795198,8.42806982 C9.32969918,7.53373444 9.88215892,6.30081747 9.88215892,4.94107946 C9.88215892,2.21642707 7.66573185,6.30606678e-14 4.94107946,6.30606678e-14 C2.21642707,6.30606678e-14 -1.77635684e-15,2.21642707 -1.77635684e-15,4.94107946 C-1.77635684e-15,7.66573185 2.21642707,9.88215892 4.94107946,9.88215892 C6.13705598,9.88215892 7.23468149,9.4546379 8.0901941,8.74524006 L11.5948312,12.3901097 C11.6409479,12.438344 11.7025938,12.4623436 11.7644749,12.4623436 C11.8232973,12.4623436 11.8818844,12.4404616 11.9275305,12.3966978 C12.0211757,12.3065819 12.0239992,12.1576437 11.9341186,12.0639984 Z M4.94107946,9.41157992 C2.47595139,9.41157992 0.470578996,7.40620753 0.470578996,4.94107946 C0.470578996,2.47595139 2.47595139,0.470578996 4.94107946,0.470578996 C7.40620753,0.470578996 9.41157992,2.47595139 9.41157992,4.94107946 C9.41157992,7.40620753 7.40597224,9.41157992 4.94107946,9.41157992 Z" id="search"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-search.svg b/cds-ui/designer-client/src/assets/img/icon-search.svg
new file mode 100644
index 000000000..fad9c9bf9
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13">
+    <path fill="#1B3E6F" fill-rule="nonzero" d="M11.934 12.064L8.438 8.428a4.925 4.925 0 0 0 1.444-3.487A4.947 4.947 0 0 0 4.942 0 4.947 4.947 0 0 0 0 4.941a4.947 4.947 0 0 0 4.941 4.941 4.918 4.918 0 0 0 3.15-1.137l3.504 3.645a.234.234 0 0 0 .333.007.236.236 0 0 0 .006-.333zM4.941 9.412a4.475 4.475 0 0 1-4.47-4.47A4.475 4.475 0 0 1 4.94.47a4.475 4.475 0 0 1 4.47 4.47 4.476 4.476 0 0 1-4.47 4.47z"/>
+</svg>
diff --git a/cds-ui/designer-client/src/assets/img/icon-topologySource.svg b/cds-ui/designer-client/src/assets/img/icon-topologySource.svg
new file mode 100644
index 000000000..3d53d447d
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-topologySource.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>source-page</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-823.000000, -73.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="view-options" transform="translate(192.000000, 0.000000)">
+                        <g id="source" transform="translate(66.000000, 0.000000)">
+                            <g id="txt" transform="translate(12.000000, 6.000000)">
+                                <g id="source-page">
+                                    <g id="Group" transform="translate(2.944785, 5.521472)">
+                                        <path d="M3.01527607,4.48886503 C3.00915644,4.44657975 2.9865184,4.4084816 2.95233129,4.38289877 L1.21766871,3.08567485 L2.95233129,1.78845092 C2.9865184,1.7628681 3.00915644,1.72476994 3.01527607,1.68248466 C3.02134969,1.64019939 3.01044479,1.59726994 2.98481595,1.5629908 L2.70924847,1.19452454 C2.65592025,1.12329755 2.55506135,1.10871166 2.48383436,1.16203988 L0.0839723926,2.95670245 C0.0433435583,2.98707055 0.0193711656,3.0348773 0.0193711656,3.08567485 C0.0193711656,3.13647239 0.0433435583,3.18427914 0.0839723926,3.21464724 L2.48383436,5.00930982 C2.51273006,5.0309816 2.54659509,5.04138037 2.58013804,5.04138037 C2.62918712,5.04138037 2.67763804,5.01911043 2.70924847,4.97682515 L2.98481595,4.6083589 C3.01039877,4.57407975 3.02134969,4.53115031 3.01527607,4.48886503 Z" id="Path"></path>
+                                        <path d="M9.00763804,2.95670245 L6.6078681,1.16203988 C6.5366411,1.10875767 6.43578221,1.12334356 6.3825,1.19452454 L6.10693252,1.5629908 C6.08134969,1.59722393 6.07039877,1.64019939 6.07647239,1.68248466 C6.08259202,1.72472393 6.10518405,1.7628681 6.13941718,1.78845092 L7.87403374,3.08567485 L6.13941718,4.38289877 C6.10518405,4.4084816 6.08259202,4.44662577 6.07647239,4.48886503 C6.07039877,4.53115031 6.08130368,4.57412577 6.10693252,4.6083589 L6.3825,4.97682515 C6.41415644,5.01911043 6.46256135,5.04138037 6.51161043,5.04138037 C6.54515337,5.04138037 6.57897239,5.03093558 6.60791411,5.00930982 L9.00768405,3.21464724 C9.04831288,3.18427914 9.07228528,3.13647239 9.07228528,3.08567485 C9.07228528,3.0348773 9.04826687,2.98707055 9.00763804,2.95670245 Z" id="Path"></path>
+                                        <path d="M6.08576687,0.204110429 L5.66194785,0.024892638 C5.62265337,0.00823619632 5.57829755,0.0079601227 5.53868098,0.0239723926 C5.49911043,0.0400306748 5.4675,0.0711349693 5.45088957,0.11047546 L2.92021472,6.09593558 C2.88556748,6.17783742 2.92389571,6.27234663 3.00584356,6.30699387 L3.42966258,6.48621166 C3.44967791,6.49472393 3.47102761,6.49891104 3.4923773,6.49891104 C3.51294479,6.49891104 3.53351227,6.49495399 3.55292945,6.48708589 C3.5925,6.47102761 3.62406442,6.43992331 3.64072086,6.40058282 L6.17139571,0.415122699 C6.20599693,0.333220859 6.16766871,0.238757669 6.08576687,0.204110429 Z" id="Path"></path>
+                                    </g>
+                                    <path d="M14.1760123,0.021303681 L0.805214724,0.021303681 C0.361242331,0.021303681 0,0.382546012 0,0.826518405 L0,13.4185123 C0,13.8624847 0.361242331,14.223727 0.805214724,14.223727 L14.1760123,14.223727 C14.6199847,14.223727 14.981227,13.8624847 14.981227,13.4185123 L14.981227,0.826518405 C14.981227,0.3825 14.6199847,0.021303681 14.1760123,0.021303681 Z M12.5827454,1.25595092 C12.9506135,1.25595092 13.2499233,1.55526074 13.2499233,1.92312883 C13.2499233,2.29099693 12.9506135,2.59030675 12.5827454,2.59030675 C12.2148773,2.59030675 11.9155675,2.29099693 11.9155675,1.92312883 C11.9155675,1.55526074 12.2148773,1.25595092 12.5827454,1.25595092 Z M10.3202761,1.25595092 C10.6881442,1.25595092 10.987454,1.55526074 10.987454,1.92312883 C10.987454,2.29099693 10.6881442,2.59030675 10.3202761,2.59030675 C9.95240798,2.59030675 9.65309816,2.29099693 9.65309816,1.92312883 C9.65309816,1.55526074 9.95240798,1.25595092 10.3202761,1.25595092 Z M2.04289877,1.57803681 L4.73461656,1.57803681 C4.92519939,1.57803681 5.07970859,1.7325 5.07970859,1.92312883 C5.07970859,2.11375767 4.92519939,2.26822086 4.73461656,2.26822086 L2.04289877,2.26822086 C1.85231595,2.26822086 1.69780675,2.11375767 1.69780675,1.92312883 C1.69780675,1.7325 1.85231595,1.57803681 2.04289877,1.57803681 Z M13.7022699,12.8284969 C13.7022699,12.8863804 13.6551534,12.9335429 13.5971779,12.9335429 L1.38404908,12.9335429 C1.32611963,12.9335429 1.27895706,12.8863804 1.27895706,12.8284969 L1.27895706,4.15656442 L13.7022699,4.15656442 L13.7022699,12.8284969 Z" id="Shape"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-topologyView-active.svg b/cds-ui/designer-client/src/assets/img/icon-topologyView-active.svg
new file mode 100644
index 000000000..dad285835
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-topologyView-active.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="14px" viewBox="0 0 15 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>sketch</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-756.000000, -73.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="view-options" transform="translate(192.000000, 0.000000)">
+                        <g id="view">
+                            <g id="txt" transform="translate(11.000000, 6.000000)">
+                                <g id="sketch">
+                                    <path d="M15,1.90910156 C15,0.864492188 14.1494531,0.0146484375 13.1039941,0.0146484375 L1.89600586,0.0146484375 C0.850546875,0.0146484375 2.84217094e-14,0.864492187 2.84217094e-14,1.90910156 L2.84217094e-14,9.68118164 C2.84217094e-14,10.1628223 0.180820313,10.6030664 0.478212891,10.9376953 C0.18796875,11.1564258 2.84217094e-14,11.5038281 2.84217094e-14,11.8942676 C2.84217094e-14,13.0171289 0.914267578,13.9306641 2.03806641,13.9306641 L12.9619043,13.9306641 C14.0857031,13.9306641 15,13.0171289 15,11.8942676 C15,11.5038281 14.812002,11.1564258 14.5217578,10.9376953 C14.8191797,10.6030664 15,10.1628223 15,9.68118164 L15,1.90910156 Z M0.87890625,1.90910156 C0.87890625,1.34912109 1.33517578,0.893554688 1.89600586,0.893554688 L13.1039941,0.893554688 C13.6648242,0.893554688 14.1210938,1.34912109 14.1210938,1.90910156 L14.1210938,9.68118164 C14.1210938,10.2411621 13.6648242,10.6967285 13.1039941,10.6967285 L10.1249121,10.6967285 C9.72714844,10.6967285 9.40353516,11.0202246 9.40353516,11.4178125 C9.40353516,11.5361719 9.30691406,11.6324707 9.18817383,11.6324707 L5.81182617,11.6324707 C5.69308594,11.6324707 5.59646484,11.5361719 5.59646484,11.4178125 C5.59646484,11.0202246 5.27285156,10.6967285 4.87508789,10.6967285 L1.89600586,10.6967285 C1.33517578,10.6967285 0.87890625,10.2411621 0.87890625,9.68118164 L0.87890625,1.90910156 Z M12.9619336,13.0517578 L2.03806641,13.0517578 C1.39889648,13.0517578 0.87890625,12.5325 0.87890625,11.8942676 C0.87890625,11.7185742 1.02222656,11.5756348 1.19833008,11.5756348 L4.72892578,11.5756348 C4.80571289,12.1041211 5.26207031,12.5113477 5.81182617,12.5113477 L9.18817383,12.5113477 C9.73792969,12.5113477 10.1942871,12.1040918 10.2710742,11.5756348 L13.8016699,11.5756348 C13.9778027,11.5756348 14.1210938,11.7185742 14.1210938,11.8942676 C14.1210938,12.5325 13.6011035,13.0517578 12.9619336,13.0517578 Z" id="Shape"></path>
+                                    <path d="M8.75830078,9.28186523 C8.78850586,9.41323242 8.87736328,9.52347656 8.99935547,9.58092773 C9.05868164,9.60887695 9.12263672,9.62282227 9.1865918,9.62282227 C9.2540918,9.62282227 9.32150391,9.60729492 9.3834375,9.57626953 L10.787959,8.87267578 C10.8760254,8.82855469 10.9467187,8.75613281 10.9887012,8.66701172 L13.2263379,3.91576172 C13.5576855,3.21222656 13.254873,2.37029297 12.5513086,2.03894531 L12.5513379,2.03894531 C12.210498,1.87842773 11.8275879,1.86023437 11.473125,1.98773437 C11.1186035,2.11523437 10.8350098,2.37313477 10.6744922,2.71394531 L8.43682617,7.46519531 C8.39484375,7.55431641 8.3840332,7.65495117 8.40612305,7.75095703 L8.75830078,9.28186523 Z M11.7705469,2.81475586 C11.9041113,2.76673828 12.0484277,2.77356445 12.1768066,2.8340625 L12.1768359,2.8340625 C12.4419141,2.95892578 12.5560254,3.27615234 12.4311914,3.54125977 L12.2237695,3.98165039 L11.2622168,3.5287793 L11.4696387,3.08838867 C11.5301074,2.95998047 11.6369531,2.86280273 11.7705469,2.81475586 L11.7705469,2.81475586 Z M10.8877148,4.32392578 L11.8492969,4.77676758 L10.2583008,8.15493164 L9.48952148,8.54006836 L9.29674805,7.70206055 L10.8877148,4.32392578 Z" id="Shape"></path>
+                                    <path d="M2.37079102,9.62279297 L6.62724609,9.62279297 C6.86994141,9.62279297 7.06669922,9.42603516 7.06669922,9.18333984 L7.06669922,5.75036133 C7.06669922,5.50766602 6.86994141,5.3109082 6.62724609,5.3109082 L2.37079102,5.3109082 C2.1280957,5.3109082 1.93133789,5.50766602 1.93133789,5.75036133 L1.93133789,9.18333984 C1.93133789,9.42603516 2.1280957,9.62279297 2.37079102,9.62279297 Z M2.81024414,6.18981445 L6.18779297,6.18981445 L6.18779297,8.74388672 L2.81024414,8.74388672 L2.81024414,6.18981445 Z" id="Shape"></path>
+                                    <path d="M2.37079102,2.82873047 L7.81514648,2.82873047 C8.0578418,2.82873047 8.25459961,2.63197266 8.25459961,2.38927734 C8.25459961,2.14658203 8.0578418,1.94982422 7.81514648,1.94982422 L2.37079102,1.94982422 C2.1280957,1.94982422 1.93133789,2.14658203 1.93133789,2.38927734 C1.93133789,2.63197266 2.1280957,2.82873047 2.37079102,2.82873047 Z" id="Path"></path>
+                                    <path d="M2.37079102,4.29357422 L6.49678711,4.29357422 C6.73948242,4.29357422 6.93624023,4.09681641 6.93624023,3.85412109 C6.93624023,3.61142578 6.73948242,3.41466797 6.49678711,3.41466797 L2.37079102,3.41466797 C2.1280957,3.41466797 1.93133789,3.61142578 1.93133789,3.85412109 C1.93133789,4.09681641 2.1280957,4.29357422 2.37079102,4.29357422 Z" id="Path"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-undoActive.svg b/cds-ui/designer-client/src/assets/img/icon-undoActive.svg
new file mode 100644
index 000000000..2ae0cb6b3
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-undoActive.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="6px" viewBox="0 0 13 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>undo</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-563.000000, -77.000000)" fill="#1B3E6F" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="undo/redo">
+                        <g id="icons" transform="translate(10.000000, 10.000000)">
+                            <path d="M6.66361556,0.634620137 C4.98500915,0.634620137 3.45556064,1.25972082 2.28466819,2.28466819 L2.48689958e-14,1.00808251e-13 L2.48689958e-14,5.71167048 L5.71167048,5.71167048 L3.41748284,3.41748284 C4.29645538,2.67814874 5.42290389,2.2212151 6.66361556,2.2212151 C8.91338902,2.2212151 10.8172792,3.68402746 11.4836407,5.71167048 L12.9845309,5.21665904 C12.1119245,2.5575492 9.61464531,0.634620137 6.66361556,0.634620137 Z" id="undo"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-zoomIn.svg b/cds-ui/designer-client/src/assets/img/icon-zoomIn.svg
new file mode 100644
index 000000000..857787634
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-zoomIn.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-703.000000, -74.000000)" fill="#D9E3EE" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="zoom" transform="translate(81.000000, 0.000000)">
+                        <g id="icons" transform="translate(10.000000, 7.000000)">
+                            <path d="M65,0 C61.6916923,0 59,2.69146154 59,6 C59,9.30853846 61.6916923,12 65,12 C68.3083077,12 71,9.30853846 71,6 C71,2.69146154 68.3083077,0 65,0 Z M67.8846154,6.46153846 L65.4615385,6.46153846 L65.4615385,9 C65.4615385,9.25476923 65.2547692,9.46153846 65,9.46153846 C64.7452308,9.46153846 64.5384615,9.25476923 64.5384615,9 L64.5384615,6.46153846 L62.1153846,6.46153846 C61.8606154,6.46153846 61.6538462,6.25476923 61.6538462,6 C61.6538462,5.74523077 61.8606154,5.53846154 62.1153846,5.53846154 L64.5384615,5.53846154 L64.5384615,3.23076923 C64.5384615,2.976 64.7452308,2.76923077 65,2.76923077 C65.2547692,2.76923077 65.4615385,2.976 65.4615385,3.23076923 L65.4615385,5.53846154 L67.8846154,5.53846154 C68.1393846,5.53846154 68.3461538,5.74523077 68.3461538,6 C68.3461538,6.25476923 68.1393846,6.46153846 67.8846154,6.46153846 Z" id="Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/icon-zoomOut.svg b/cds-ui/designer-client/src/assets/img/icon-zoomOut.svg
new file mode 100644
index 000000000..5449f63f4
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/icon-zoomOut.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1.1-Designer" transform="translate(-644.000000, -74.000000)" fill="#D9E3EE" fill-rule="nonzero">
+            <g id="edit-actions" transform="translate(543.000000, 61.000000)">
+                <g id="elements" transform="translate(10.000000, 6.000000)">
+                    <g id="zoom" transform="translate(81.000000, 0.000000)">
+                        <g id="icons" transform="translate(10.000000, 7.000000)">
+                            <path d="M6,0 C2.69169231,0 0,2.69146154 0,6 C0,9.30853846 2.69169231,12 6,12 C9.30830769,12 12,9.30853846 12,6 C12,2.69146154 9.30830769,0 6,0 Z M8.88461538,6.46153846 L3.11538462,6.46153846 C2.86061538,6.46153846 2.65384615,6.25476923 2.65384615,6 C2.65384615,5.74523077 2.86061538,5.53846154 3.11538462,5.53846154 L8.88461538,5.53846154 C9.13938462,5.53846154 9.34615385,5.74523077 9.34615385,6 C9.34615385,6.25476923 9.13938462,6.46153846 8.88461538,6.46153846 Z" id="Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/img-user1.jpeg b/cds-ui/designer-client/src/assets/img/img-user1.jpeg
new file mode 100644
index 000000000..8b9f98b03
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/img-user1.jpeg differ
diff --git a/cds-ui/designer-client/src/assets/img/img-user2.jpg b/cds-ui/designer-client/src/assets/img/img-user2.jpg
new file mode 100644
index 000000000..d107129c4
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/img-user2.jpg differ
diff --git a/cds-ui/designer-client/src/assets/img/img-user3.jpg b/cds-ui/designer-client/src/assets/img/img-user3.jpg
new file mode 100644
index 000000000..23e305930
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/img-user3.jpg differ
diff --git a/cds-ui/designer-client/src/assets/img/img-userProfile.png b/cds-ui/designer-client/src/assets/img/img-userProfile.png
new file mode 100644
index 000000000..83b830c0f
Binary files /dev/null and b/cds-ui/designer-client/src/assets/img/img-userProfile.png differ
diff --git a/cds-ui/designer-client/src/assets/img/logo-icon.svg b/cds-ui/designer-client/src/assets/img/logo-icon.svg
new file mode 100644
index 000000000..83b7441dd
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/logo-icon.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="28px" viewBox="0 0 30 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.0653076923 0.308461538 14.2287692 0.308461538 14.2287692 9.20288462 0.0653076923 9.20288462"></polygon>
+        <polygon id="path-3" points="0 0.143384615 14.8245385 0.143384615 14.8245385 9.19261538 0 9.19261538"></polygon>
+        <polygon id="path-5" points="0 0.0292692308 7.44361538 0.0292692308 7.44361538 8.54503846 0 8.54503846"></polygon>
+        <polygon id="path-7" points="0 0.346538462 14.8245385 0.346538462 14.8245385 9.39576923 0 9.39576923"></polygon>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Side-Nav" transform="translate(-10.000000, -16.000000)">
+            <g id="logo---icon">
+                <g>
+                    <g id="logo" transform="translate(10.000000, 16.000000)">
+                        <polygon id="Fill-1" fill="#312F31" points="14.8243846 0.308384615 0.000153846154 9.64453846 0.000153846154 18.1606923 14.8243846 27.3076154 29.7751538 17.7191538 29.7751538 9.45530769"></polygon>
+                        <g id="Group-26">
+                            <g id="Group-4" transform="translate(7.692308, 0.000000)">
+                                <mask id="mask-2" fill="white">
+                                    <use xlink:href="#path-1"></use>
+                                </mask>
+                                <g id="Clip-3"></g>
+                                <path d="M7.13223077,0.308269231 L0.0653076923,4.75865385 L7.13223077,9.20288462 C9.49761538,7.68557692 11.8633846,6.1675 14.2287692,4.65019231 C11.8633846,3.2025 9.49761538,1.75557692 7.13223077,0.308269231" id="Fill-2" fill="#5DBDBA" mask="url(#mask-2)"></path>
+                            </g>
+                            <path d="M29.7749615,9.45526923 C27.1568846,7.85373077 24.5391923,6.25180769 21.9211154,4.65026923 C19.5557308,6.16757692 17.1899615,7.68526923 14.8245769,9.20296154 L22.2995769,13.8079615 L29.7749615,9.45526923 Z" id="Fill-5" fill="#17A1A1"></path>
+                            <g id="Group-9" transform="translate(0.000000, 4.615385)">
+                                <mask id="mask-4" fill="white">
+                                    <use xlink:href="#path-3"></use>
+                                </mask>
+                                <g id="Clip-8"></g>
+                                <polygon id="Fill-7" fill="#17A1A1" mask="url(#mask-4)" points="7.75761538 0.143384615 -7.69230769e-05 5.02915385 7.44376923 9.19261538 14.8245385 4.58761538"></polygon>
+                            </g>
+                            <polygon id="Fill-10" fill="#08809A" points="29.7749615 9.45526923 29.7749615 17.7191154 29.1434231 18.1241154 22.2995769 13.8079615"></polygon>
+                            <polygon id="Fill-12" fill="#08809A" points="14.8245385 9.20288462 7.44376923 13.8082692 14.8245385 18.6021154 22.2999231 13.8082692"></polygon>
+                            <polygon id="Fill-14" fill="#0F699D" points="29.1435769 18.1241538 22.2997308 13.808 14.8247308 18.6022308 21.7635769 22.8576154"></polygon>
+                            <g id="Group-18" transform="translate(0.000000, 9.615385)">
+                                <mask id="mask-6" fill="white">
+                                    <use xlink:href="#path-5"></use>
+                                </mask>
+                                <g id="Clip-17"></g>
+                                <polygon id="Fill-16" fill="#08809A" mask="url(#mask-6)" points="7.44361538 4.19273077 -0.000230769231 0.0292692308 -0.000230769231 8.54503846"></polygon>
+                            </g>
+                            <g id="Group-21" transform="translate(0.000000, 13.461538)">
+                                <mask id="mask-8" fill="white">
+                                    <use xlink:href="#path-7"></use>
+                                </mask>
+                                <g id="Clip-20"></g>
+                                <polygon id="Fill-19" fill="#0F699D" mask="url(#mask-8)" points="14.8245385 5.14076923 7.44376923 0.346538462 -7.69230769e-05 4.69923077 7.61184615 9.39576923"></polygon>
+                            </g>
+                            <polygon id="Fill-22" fill="#1B3D6E" points="21.7633846 22.8574615 14.8245385 18.6024615 7.61184615 22.8574615 14.8245385 27.3074615"></polygon>
+                            <path d="M10.9581154,20.1415 C10.1377308,20.1415 9.45657692,20.0688077 8.91426923,19.9234231 C8.37119231,19.7780385 7.93773077,19.5361154 7.61388462,19.1984231 C7.28965385,18.8611154 7.05773077,18.4080385 6.91888462,17.8391923 C6.78042308,17.2699615 6.71080769,16.5618846 6.71080769,15.7153462 L6.71080769,10.9118846 C6.71080769,10.0653462 6.78042308,9.35726923 6.91888462,8.78803846 C7.05773077,8.21957692 7.28965385,7.76265385 7.61388462,7.41880769 C7.93773077,7.07457692 8.37119231,6.83303846 8.91426923,6.69419231 C9.45657692,6.55534615 10.1377308,6.48573077 10.9581154,6.48573077 L18.6196538,6.48573077 C19.1227308,6.48573077 19.5623462,6.55534615 19.9396538,6.69419231 C20.3165769,6.83303846 20.6373462,7.00534615 20.9019615,7.21034615 C21.1669615,7.41573077 21.3788846,7.63380769 21.5373462,7.86534615 C21.6961923,8.09726923 21.8154231,8.30534615 21.8950385,8.49034615 L20.1877308,10.2372692 C20.0685,9.97265385 19.8765769,9.73111538 19.6123462,9.51265385 C19.3473462,9.29419231 18.9573462,9.18534615 18.4411923,9.18534615 L10.9781154,9.18534615 C10.3827308,9.18534615 9.96580769,9.31111538 9.72773077,9.56226923 C9.48965385,9.81380769 9.37042308,10.2638077 9.37042308,10.9118846 L9.37042308,15.7349615 C9.37042308,16.0265 9.39042308,16.2776538 9.42965385,16.4895769 C9.46965385,16.7011154 9.54542308,16.8799615 9.65811538,17.0249615 C9.77042308,17.1707308 9.93273077,17.2803462 10.1446538,17.3526538 C10.3561923,17.4253462 10.6338846,17.4615 10.9781154,17.4615 L18.5404231,17.4615 C19.0696538,17.4615 19.4596538,17.3526538 19.7115769,17.1345769 C19.9627308,16.9161154 20.1481154,16.6745769 20.2669615,16.4099615 L21.9742692,18.1365 C21.8950385,18.3222692 21.7758077,18.5311154 21.6169615,18.7618846 C21.4581154,18.9938077 21.2461923,19.2118846 20.9819615,19.4168846 C20.7169615,19.6222692 20.3961923,19.7941923 20.0192692,19.9330385 C19.6419615,20.0718846 19.2019615,20.1415 18.6988846,20.1415 L10.9581154,20.1415 Z" id="Fill-24" fill="#FEFEFE"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/cds-ui/designer-client/src/assets/img/logo-text.svg b/cds-ui/designer-client/src/assets/img/logo-text.svg
new file mode 100644
index 000000000..d6dee87a2
--- /dev/null
+++ b/cds-ui/designer-client/src/assets/img/logo-text.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="79px" height="33px" viewBox="0 0 79 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Group 8</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-full" transform="translate(-40.000000, -5.500000)" fill="#1A3E6F">
+            <g id="Group-8" transform="translate(40.000000, 5.000210)">
+                <path d="M40.2005118,11.035053 L12.8299413,11.035053 C12.6665193,11.035053 12.5329532,11.1686191 12.5329532,11.3320411 C12.5329532,11.4954632 12.6665193,11.6290293 12.8299413,11.6290293 L40.2005118,11.6290293 C40.3639338,11.6290293 40.4974999,11.4954632 40.4974999,11.3320411 C40.4974999,11.1686191 40.3639338,11.035053 40.2005118,11.035053" id="Fill-1"></path>
+                <path d="M7.17443925,22.1430367 C5.87544366,22.1430367 4.79643925,22.0278033 3.93742604,21.7973363 C3.07841282,21.5668693 2.39224982,21.1845037 1.87893705,20.6497156 C1.36562427,20.1159751 0.998972291,19.3983848 0.778981101,18.4974685 C0.558989912,17.5965522 0.448994317,16.4756447 0.448994317,15.134746 L0.448994317,7.5293363 C0.448994317,6.18896141 0.558989912,5.06753013 0.778981101,4.16661383 C0.998972291,3.26569753 1.36562427,2.54339313 1.87893705,1.99812925 C2.39224982,1.45338916 3.07841282,1.07102352 3.93742604,0.851032335 C4.79643925,0.631041145 5.87544366,0.521045551 7.17443925,0.521045551 L19.305382,0.521045551 C20.1015406,0.521045551 20.7981793,0.631041145 21.3952983,0.851032335 C21.9924172,1.07102352 22.4999683,1.34391736 22.919523,1.66814247 C23.3385538,1.99341515 23.6737785,2.33859181 23.925197,2.70524379 C24.1766155,3.07189577 24.3651793,3.40188256 24.4908886,3.69520414 L21.7881397,6.46080767 C21.5995758,6.04177683 21.2957785,5.65941119 20.8767476,5.31371075 C20.457193,4.96801031 19.8396463,4.79516009 19.0225362,4.79516009 L7.20586656,4.79516009 C6.26304718,4.79516009 5.60307361,4.99472352 5.22594586,5.39227903 C4.84881811,5.79035833 4.66025423,6.50323454 4.66025423,7.5293363 L4.66025423,15.1661733 C4.66025423,15.627631 4.69168154,16.0251865 4.75453617,16.3604112 C4.81739079,16.6956359 4.93786216,16.9784817 5.11595026,17.2089486 C5.29403837,17.4399394 5.55069476,17.6127896 5.88591943,17.7269755 C6.2211441,17.8427328 6.66112648,17.8998257 7.20586656,17.8998257 L19.1796727,17.8998257 C20.0177344,17.8998257 20.6358049,17.7269755 21.0338842,17.3817989 C21.4319635,17.0360984 21.7252851,16.6542566 21.9138489,16.2347019 L24.6165978,18.9683544 C24.4908886,19.2621997 24.3023247,19.5927103 24.0509062,19.9588385 C23.7994877,20.3254905 23.464263,20.6711909 23.0452322,20.9959398 C22.6262014,21.3212125 22.1181265,21.5930588 21.5210075,21.81305 C20.9238886,22.0330411 20.2272498,22.1430367 19.4310912,22.1430367 L7.17443925,22.1430367 Z" id="Fill-3"></path>
+                <path d="M13.8691378,11.3319888 C13.8691378,12.0700068 13.2709713,12.6681733 12.5329532,12.6681733 C11.7949352,12.6681733 11.1962448,12.0700068 11.1962448,11.3319888 C11.1962448,10.5939707 11.7949352,9.99580419 12.5329532,9.99580419 C13.2709713,9.99580419 13.8691378,10.5939707 13.8691378,11.3319888" id="Fill-5"></path>
+                <path d="M48.3399239,7.56086837 C48.3399239,6.49233974 48.15136,5.76427366 47.7742323,5.37667013 C47.3965807,4.98906661 46.7366072,4.79526485 45.7943116,4.79526485 L31.872012,4.79526485 L31.872012,17.8999305 L45.7943116,17.8999305 C46.7575587,17.8999305 47.4227702,17.7118904 47.7894222,17.3342389 C48.1560741,16.9571111 48.3399239,16.2348067 48.3399239,15.1662781 L48.3399239,7.56086837 Z M27.5973737,22.1431415 L27.5973737,0.521150308 L45.7943116,0.521150308 C47.1137349,0.521150308 48.208453,0.636383789 49.077942,0.866850749 C49.947431,1.0978415 50.6388319,1.49068291 51.1521446,2.04537498 C51.6659812,2.60059084 52.0326332,3.32341903 52.2526244,4.21385956 C52.4726156,5.10482388 52.5826111,6.20949392 52.5826111,7.52944106 L52.5826111,15.1348507 C52.5826111,16.4542741 52.4726156,17.5657534 52.2526244,18.4656221 C52.0326332,19.3670622 51.6659812,20.0898904 51.1521446,20.6346305 C50.6388319,21.1793706 49.947431,21.5669741 49.077942,21.7974411 C48.208453,22.027908 47.1137349,22.1431415 45.7943116,22.1431415 L27.5973737,22.1431415 Z" id="Fill-7"></path>
+                <path d="M44.4429895,5.7641689 C43.773064,5.7641689 43.2283239,6.30943278 43.2283239,6.97883454 C43.2283239,7.18834996 43.2812265,7.38581824 43.3749847,7.55814467 L41.385112,9.54801736 C41.1106468,9.33431163 40.7675653,9.20598344 40.3935803,9.20598344 C40.020119,9.20598344 39.6765137,9.33431163 39.4020485,9.54801736 L37.8495393,7.99498432 C37.9202507,7.87451295 37.964249,7.73623278 37.964249,7.58642925 C37.964249,7.13963762 37.6007397,6.77665216 37.1539481,6.77665216 C36.7076803,6.77665216 36.344171,7.13963762 36.344171,7.58642925 C36.344171,8.03322088 36.7076803,8.39620634 37.1539481,8.39620634 C37.3042754,8.39620634 37.4425556,8.35273189 37.563027,8.28149665 L39.1155362,9.83452969 C38.9023543,10.1084711 38.7740261,10.4520764 38.7740261,10.8260614 C38.7740261,11.1995226 38.9023543,11.5431279 39.1155362,11.8175931 L36.5515913,14.3815381 C36.3357904,14.1856411 36.0508494,14.0651698 35.7365763,14.0651698 C35.0671745,14.0651698 34.5224344,14.6104337 34.5224344,15.2798354 C34.5224344,15.9502848 35.0671745,16.4950248 35.7365763,16.4950248 C36.4070256,16.4950248 36.9517657,15.9502848 36.9517657,15.2798354 C36.9517657,15.0708438 36.8983393,14.8733755 36.8045811,14.7010491 L39.4020485,12.1035817 C39.62623,12.2780033 39.8959811,12.3942843 40.1913979,12.4314733 L40.1913979,14.4883909 C39.6178494,14.5852918 39.1789146,15.0839385 39.1789146,15.6852478 C39.1789146,16.3551733 39.7236547,16.8999134 40.3941041,16.8999134 C41.0640296,16.8999134 41.6087697,16.3551733 41.6087697,15.6852478 C41.6087697,15.0844623 41.1698349,14.5852918 40.5962864,14.4883909 L40.5962864,12.4314733 C40.8917032,12.3942843 41.1614543,12.2780033 41.3856358,12.1035817 L42.938145,13.6560909 C42.8669098,13.7770861 42.8234353,13.91589 42.8234353,14.0651698 C42.8234353,14.5119614 43.1864208,14.8754707 43.6332124,14.8754707 C44.0800041,14.8754707 44.4429895,14.5119614 44.4429895,14.0651698 C44.4429895,13.6189019 44.0800041,13.2553927 43.6332124,13.2553927 C43.4834089,13.2553927 43.3446049,13.2988671 43.2241336,13.3701024 L41.6716243,11.8175931 C41.8848063,11.5431279 42.0131344,11.1995226 42.0131344,10.8260614 C42.0131344,10.4520764 41.8848063,10.1084711 41.6716243,9.83452969 L43.6284983,7.87765568 C43.8437754,8.0735526 44.1292402,8.19402396 44.4429895,8.19402396 C45.1129151,8.19402396 45.6576552,7.64928388 45.6576552,6.97883454 C45.6576552,6.30943278 45.1129151,5.7641689 44.4429895,5.7641689" id="Fill-9"></path>
+                <path d="M78.4068531,15.8893158 C78.4068531,17.0416506 78.2811438,18.0158973 78.0297253,18.8120559 C77.7783068,19.6087382 77.3744659,20.2524744 76.8197738,20.7448356 C76.2645579,21.2371968 75.5364919,21.593373 74.6355756,21.8133642 C73.7346593,22.0328316 72.6446553,22.1428272 71.3676588,22.1428272 L56.093461,22.1428272 C56.1348403,21.4309986 56.1819813,20.7238841 56.2348839,20.0220074 C56.2872628,19.3201307 56.33388,18.6130162 56.3763068,17.9006638 L71.084813,17.9006638 C71.6505046,17.9006638 72.1266284,17.8645224 72.5142319,17.7906682 C72.9018355,17.7173378 73.2056328,17.5858669 73.425624,17.3978268 C73.6456152,17.2092629 73.8027518,16.9630823 73.8970337,16.6592849 C73.9913156,16.3560114 74.0384566,15.9731219 74.0384566,15.5116642 C74.0384566,14.6117955 73.8388932,13.9879633 73.4418615,13.6417391 C73.0432584,13.2960387 72.2884791,13.1231885 71.1785711,13.1231885 L62.4103509,13.1231885 C61.1108315,13.1231885 60.0265892,13.0084788 59.157624,12.7780118 C58.288135,12.5475448 57.5862584,12.1913686 57.0519941,11.7094832 C56.5177297,11.2275977 56.1348403,10.620003 55.9048971,9.88669903 C55.6744302,9.15339507 55.5591967,8.29438185 55.5591967,7.30965938 L55.5591967,6.5863074 C55.5591967,5.51777877 55.6744302,4.59643471 55.9048971,3.82070388 C56.1348403,3.04602062 56.5229676,2.41747436 57.0677077,1.93506511 C57.6124478,1.45370344 58.3300381,1.09752722 59.2204786,0.866536476 C60.1103954,0.636593304 61.216113,0.521359824 62.5360601,0.521359824 L77.6840249,0.521359824 C77.6002187,1.25466379 77.5164126,1.9722541 77.4326064,2.67413075 C77.3482764,3.3760074 77.2545183,4.09359771 77.1502844,4.82637789 L62.5360601,4.82637789 C61.4879593,4.82637789 60.7813685,5.00498978 60.4147165,5.3606422 C60.0480645,5.7173422 59.8652623,6.32493692 59.8652623,7.18342634 C59.8652623,8.04296335 60.0480645,8.65579595 60.4147165,9.02244793 C60.7813685,9.38909991 61.4879593,9.57190211 62.5360601,9.57190211 L71.1785711,9.57190211 C72.5194698,9.57190211 73.6508531,9.68189771 74.5727209,9.9018889 C75.494065,10.1218801 76.2383685,10.4628664 76.8040601,10.9238004 C77.3702756,11.3847343 77.7783068,11.9661396 78.0297253,12.6680162 C78.2811438,13.3698929 78.4068531,14.1922409 78.4068531,15.1350603 L78.4068531,15.8893158 Z" id="Fill-11"></path>
+                <path d="M1.72148621,32.2858353 C1.48106727,32.2858353 1.28150383,32.26436 1.1227959,32.2219331 C0.963564185,32.1795062 0.836807357,32.108271 0.74200163,32.0097987 C0.646672115,31.9108027 0.579103392,31.7777604 0.538247885,31.6111956 C0.497916167,31.4451547 0.477488414,31.2372106 0.477488414,30.9889348 L0.477488414,29.5825626 C0.477488414,29.3342868 0.497916167,29.1268666 0.538247885,28.959778 C0.579103392,28.793737 0.646672115,28.6596472 0.74200163,28.5590798 C0.836807357,28.4579886 0.963564185,28.3878009 1.1227959,28.3464216 C1.28150383,28.3060899 1.48106727,28.2856622 1.72148621,28.2856622 L3.96592013,28.2856622 C4.11310471,28.2856622 4.2419567,28.3060899 4.35247608,28.3464216 C4.46299546,28.3878009 4.55675361,28.4375608 4.63427432,28.4983203 C4.71179502,28.5580322 4.77412586,28.6219344 4.82074304,28.6900269 C4.86683643,28.7581194 4.90193026,28.8188789 4.92497696,28.8728291 L4.42528269,29.3845705 C4.39018885,29.3070498 4.33414348,29.2363384 4.25662278,29.1724362 C4.17857828,29.108534 4.06439238,29.0765829 3.91354128,29.0765829 L1.72724789,29.0765829 C1.5528263,29.0765829 1.43078357,29.1132481 1.36111969,29.1871022 C1.29145581,29.2609564 1.25636198,29.3924274 1.25636198,29.5825626 L1.25636198,30.9952203 C1.25636198,31.0800741 1.26212366,31.1539282 1.27417079,31.2162591 C1.28517035,31.2780661 1.30769326,31.330445 1.34069194,31.3728719 C1.37369062,31.4158225 1.42083159,31.4472498 1.48316242,31.4687252 C1.54496947,31.4902005 1.62668048,31.5012 1.72724789,31.5012 L3.94234965,31.5012 C4.09739106,31.5012 4.21157696,31.4687252 4.28543115,31.404823 C4.35928533,31.3409207 4.41323555,31.2707331 4.44832938,31.1926886 L4.94854744,31.6986683 C4.92497696,31.7526185 4.88988313,31.8144256 4.84378974,31.8819943 C4.79717256,31.949563 4.73484172,32.0134652 4.65732101,32.0737009 C4.5803241,32.1339366 4.48604216,32.1842203 4.37552278,32.2250758 C4.26500339,32.2654075 4.13615141,32.2858353 3.98896683,32.2858353 L1.72148621,32.2858353 Z" id="Fill-13"></path>
+                <path d="M8.20975969,30.2510215 C8.20975969,30.0881233 8.17518965,29.9760326 8.10500198,29.9137017 C8.03533811,29.8513709 7.92691388,29.8209911 7.7797293,29.8209911 L6.73896145,29.8209911 C6.59177687,29.8209911 6.48335264,29.8513709 6.41316498,29.9137017 C6.3435011,29.9760326 6.30893106,30.0881233 6.30893106,30.2510215 L6.30893106,31.1807462 C6.30893106,31.3441682 6.3435011,31.4567828 6.41316498,31.5185898 C6.48335264,31.5803969 6.59177687,31.6113004 6.73896145,31.6113004 L7.7797293,31.6113004 C7.92691388,31.6113004 8.03533811,31.5803969 8.10500198,31.5185898 C8.17518965,31.4567828 8.20975969,31.3441682 8.20975969,31.1807462 L8.20975969,30.2510215 Z M6.73896145,32.28594 C6.3162641,32.28594 6.01037159,32.1995149 5.82023634,32.0271885 C5.6301011,31.8548621 5.53529537,31.57254 5.53529537,31.1807462 L5.53529537,30.2510215 C5.53529537,29.8592277 5.6301011,29.5774295 5.82023634,29.405103 C6.01037159,29.2327766 6.3162641,29.1463515 6.73896145,29.1463515 L7.7797293,29.1463515 C8.20609317,29.1463515 8.51408084,29.2327766 8.70421608,29.405103 C8.89382753,29.5774295 8.98915705,29.8592277 8.98915705,30.2510215 L8.98915705,31.1807462 C8.98915705,31.57254 8.89382753,31.8548621 8.70421608,32.0271885 C8.51408084,32.1995149 8.20609317,32.28594 7.7797293,32.28594 L6.73896145,32.28594 Z" id="Fill-15"></path>
+                <path d="M12.2854631,32.2858353 L12.2854631,30.3032956 C12.2854631,30.1403974 12.2545596,30.0194022 12.1927526,29.9397864 C12.1304217,29.8601705 12.018331,29.8208864 11.8554327,29.8208864 L10.843997,29.8208864 C10.7313825,29.8208864 10.646005,29.8449807 10.5878644,29.893693 C10.5297239,29.9418815 10.4852019,30.0183547 10.4537746,30.1231124 L10.4537746,32.2858353 L9.68066269,32.2858353 L9.68066269,29.1462467 L10.4249662,29.1462467 L10.4249662,29.5998476 C10.5103437,29.4332829 10.608816,29.3159542 10.7214305,29.2478617 C10.8340451,29.180293 10.9833248,29.1462467 11.1692697,29.1462467 L11.8554327,29.1462467 C12.0838045,29.1462467 12.2755111,29.1719124 12.4310763,29.2216723 C12.5861178,29.271956 12.7102556,29.3500005 12.8029662,29.4547582 C12.8962006,29.5589921 12.9627217,29.6899393 13.0035772,29.8470758 C13.0444327,30.0042124 13.0643367,30.1891097 13.0643367,30.4017679 L13.0643367,32.2858353 L12.2854631,32.2858353 Z" id="Fill-17"></path>
+                <path d="M15.3842485,32.2510557 C15.3454882,32.2741024 15.2847287,32.2955778 15.2009226,32.3149579 C15.1176402,32.3343381 15.0254534,32.3442901 14.924886,32.3442901 C14.5294256,32.3442901 14.2465798,32.2175333 14.0758248,31.962972 C13.9055935,31.7094584 13.8202159,31.3323306 13.8202159,30.8321126 L13.8202159,29.7216808 L13.4656111,29.7216808 L13.5588455,29.1460372 L13.8202159,29.1460372 L13.8202159,28.4483509 L14.5990895,28.1927421 L14.5990895,29.1460372 L15.2506825,29.1460372 L15.1574481,29.7216808 L14.5990895,29.7216808 L14.5990895,30.8321126 C14.5990895,31.1112919 14.6420402,31.3197597 14.7274177,31.4569923 C14.8127952,31.5947487 14.9542181,31.6638888 15.1516864,31.6638888 C15.3103944,31.6638888 15.4271992,31.6366518 15.5005296,31.5827015 L15.3842485,32.2510557 Z" id="Fill-19"></path>
+                <path d="M15.9307695,32.2858353 L15.9307695,29.1462467 L16.6808347,29.1462467 L16.6808347,29.5762771 C16.7504986,29.4175692 16.8531611,29.3023357 16.9893462,29.2305767 C17.1244836,29.1588177 17.279525,29.1232 17.4539466,29.1232 C17.5393241,29.1232 17.6199876,29.1321044 17.6954131,29.1493895 C17.7708387,29.1666745 17.8378836,29.1891974 17.8960241,29.2164344 L17.7855048,29.9141207 C17.7315545,29.8675036 17.6692237,29.8350287 17.5995598,29.8177437 C17.5298959,29.8004586 17.4329951,29.7915542 17.3088572,29.7915542 C17.1307691,29.7915542 16.9909175,29.8287432 16.8903501,29.9020736 C16.7892589,29.9759278 16.7290233,30.0764952 16.7096431,30.2042996 L16.7096431,32.2858353 L15.9307695,32.2858353 Z" id="Fill-21"></path>
+                <path d="M20.9832338,30.2510215 C20.9832338,30.0881233 20.9486638,29.9760326 20.8784761,29.9137017 C20.8088122,29.8513709 20.700388,29.8209911 20.5532034,29.8209911 L19.5124356,29.8209911 C19.365251,29.8209911 19.2568268,29.8513709 19.1866391,29.9137017 C19.1169752,29.9760326 19.0824052,30.0881233 19.0824052,30.2510215 L19.0824052,31.1807462 C19.0824052,31.3441682 19.1169752,31.4567828 19.1866391,31.5185898 C19.2568268,31.5803969 19.365251,31.6113004 19.5124356,31.6113004 L20.5532034,31.6113004 C20.700388,31.6113004 20.8088122,31.5803969 20.8784761,31.5185898 C20.9486638,31.4567828 20.9832338,31.3441682 20.9832338,31.1807462 L20.9832338,30.2510215 Z M19.5124356,32.28594 C19.0897382,32.28594 18.7838457,32.1995149 18.5937105,32.0271885 C18.4035752,31.8548621 18.3087695,31.57254 18.3087695,31.1807462 L18.3087695,30.2510215 C18.3087695,29.8592277 18.4035752,29.5774295 18.5937105,29.405103 C18.7838457,29.2327766 19.0897382,29.1463515 19.5124356,29.1463515 L20.5532034,29.1463515 C20.9795673,29.1463515 21.287555,29.2327766 21.4776902,29.405103 C21.6673017,29.5774295 21.7626312,29.8592277 21.7626312,30.2510215 L21.7626312,31.1807462 C21.7626312,31.57254 21.6673017,31.8548621 21.4776902,32.0271885 C21.287555,32.1995149 20.9795673,32.28594 20.5532034,32.28594 L19.5124356,32.28594 Z" id="Fill-23"></path>
+                <polygon id="Fill-25" points="22.4540844 32.2858353 22.4540844 28.1809044 23.2271963 27.919534 23.2271963 32.2858353"></polygon>
+                <polygon id="Fill-27" points="23.9308539 32.2858353 23.9308539 28.1809044 24.7039658 27.919534 24.7039658 32.2858353"></polygon>
+                <path d="M28.0761164,30.291458 C28.0761164,30.1212267 28.0431178,29.9997078 27.9776442,29.9284726 C27.9116468,29.8567135 27.8011274,29.8210959 27.646086,29.8210959 L26.6053182,29.8210959 C26.4502768,29.8210959 26.3397574,29.8556659 26.27376,29.9253298 C26.2077627,29.9955175 26.1752878,30.1039417 26.1752878,30.2511263 L26.1752878,30.5009734 L28.0761164,30.5009734 L28.0761164,30.291458 Z M26.6053182,32.2860448 C26.2250477,32.2860448 25.929631,32.1996197 25.7185442,32.0267695 C25.5074574,31.854443 25.4016521,31.5726448 25.4016521,31.180851 L25.4016521,30.2511263 C25.4016521,29.8593325 25.5074574,29.5775342 25.7185442,29.4052078 C25.929631,29.2328814 26.2250477,29.1459325 26.6053182,29.1459325 L27.646086,29.1459325 C28.0258327,29.1459325 28.322297,29.2328814 28.535479,29.4052078 C28.7486609,29.5775342 28.8555138,29.8593325 28.8555138,30.2511263 L28.8555138,30.9891444 L26.1752878,30.9891444 L26.1752878,31.180851 C26.1752878,31.344273 26.2124768,31.4568875 26.2884261,31.5186946 C26.3638517,31.5805016 26.469657,31.6114052 26.6053182,31.6114052 L28.7910878,31.6114052 L28.6926156,32.2860448 L26.6053182,32.2860448 Z" id="Fill-29"></path>
+                <path d="M29.5239727,32.2858353 L29.5239727,29.1462467 L30.2740379,29.1462467 L30.2740379,29.5762771 C30.3437018,29.4175692 30.4463644,29.3023357 30.5825494,29.2305767 C30.7176868,29.1588177 30.8727282,29.1232 31.0471498,29.1232 C31.1325274,29.1232 31.2131908,29.1321044 31.2886163,29.1493895 C31.3640419,29.1666745 31.4310868,29.1891974 31.4892274,29.2164344 L31.378708,29.9141207 C31.3247578,29.8675036 31.2624269,29.8350287 31.192763,29.8177437 C31.1230992,29.8004586 31.0261983,29.7915542 30.9020604,29.7915542 C30.7239723,29.7915542 30.5841207,29.8287432 30.4835533,29.9020736 C30.3824622,29.9759278 30.3222265,30.0764952 30.3028463,30.2042996 L30.3028463,32.2858353 L29.5239727,32.2858353 Z" id="Fill-31"></path>
+                <path d="M37.5416564,29.5881148 C37.5416564,29.3906465 37.5065626,29.255509 37.4368987,29.1842738 C37.3672348,29.1125148 37.2451921,29.0763733 37.0707705,29.0763733 L34.4953022,29.0763733 L34.4953022,31.5009905 L37.0707705,31.5009905 C37.2488586,31.5009905 37.3719489,31.4658967 37.4400414,31.3962328 C37.5076101,31.3265689 37.5416564,31.1924791 37.5416564,30.9955346 L37.5416564,29.5881148 Z M33.7043815,32.2856258 L33.7043815,28.2859764 L37.0707705,28.2859764 C37.3148559,28.2859764 37.5175621,28.3074518 37.6783652,28.3498786 C37.8391683,28.3923055 37.9669727,28.4645883 38.0617784,28.5677747 C38.1571079,28.6704372 38.2246767,28.8040033 38.2655322,28.9684729 C38.3058639,29.1339901 38.3268154,29.3377438 38.3268154,29.5823531 L38.3268154,30.9892491 C38.3268154,31.2338584 38.3058639,31.4386597 38.2655322,31.6057482 C38.2246767,31.772313 38.1571079,31.9058791 38.0617784,32.0064465 C37.9669727,32.1080615 37.8391683,32.1792967 37.6783652,32.2217236 C37.5175621,32.2641504 37.3148559,32.2856258 37.0707705,32.2856258 L33.7043815,32.2856258 Z" id="Fill-33"></path>
+                <path d="M41.6751861,30.291458 C41.6751861,30.1212267 41.6421874,29.9997078 41.5767138,29.9284726 C41.5107165,29.8567135 41.4001971,29.8210959 41.2451557,29.8210959 L40.2038641,29.8210959 C40.0493464,29.8210959 39.938827,29.8556659 39.8728297,29.9253298 C39.8068323,29.9955175 39.7743574,30.1039417 39.7743574,30.2511263 L39.7743574,30.5009734 L41.6751861,30.5009734 L41.6751861,30.291458 Z M40.2038641,32.2860448 C39.8241174,32.2860448 39.5287006,32.1996197 39.3176138,32.0267695 C39.106527,31.854443 39.0007218,31.5726448 39.0007218,31.180851 L39.0007218,30.2511263 C39.0007218,29.8593325 39.106527,29.5775342 39.3176138,29.4052078 C39.5287006,29.2328814 39.8241174,29.1459325 40.2038641,29.1459325 L41.2451557,29.1459325 C41.6243786,29.1459325 41.9213667,29.2328814 42.1345486,29.4052078 C42.3477306,29.5775342 42.4540596,29.8593325 42.4540596,30.2511263 L42.4540596,30.9891444 L39.7743574,30.9891444 L39.7743574,31.180851 C39.7743574,31.344273 39.8115464,31.4568875 39.8874958,31.5186946 C39.9629213,31.5805016 40.0687266,31.6114052 40.2038641,31.6114052 L42.3901574,31.6114052 L42.2916852,32.2860448 L40.2038641,32.2860448 Z" id="Fill-35"></path>
+                <path d="M43.0122611,32.2858353 C43.0316413,32.1732207 43.0499739,32.06113 43.0672589,31.9485155 C43.0850677,31.8364247 43.1034003,31.7238102 43.1227805,31.6111956 L45.2970267,31.6111956 C45.405451,31.6111956 45.4866382,31.5902441 45.5384933,31.5472934 C45.5908721,31.5048666 45.6175853,31.4158225 45.6175853,31.2801613 C45.6175853,31.1439763 45.5908721,31.0549322 45.5384933,31.0125053 C45.4866382,30.9695547 45.405451,30.9486031 45.2970267,30.9486031 L44.1462633,30.9486031 C43.7858968,30.9486031 43.5192884,30.8946529 43.346962,30.7857049 C43.1746356,30.6772807 43.0882104,30.4892406 43.0882104,30.2221084 L43.0882104,29.8847886 C43.0882104,29.7412705 43.1102096,29.6207992 43.1547316,29.5244221 C43.1992536,29.4275212 43.2662985,29.3515719 43.3553426,29.2976216 C43.4443867,29.2431476 43.5590963,29.2043873 43.6989479,29.1808168 C43.8377519,29.1577701 44.0011739,29.1462467 44.186595,29.1462467 L46.3262712,29.1462467 L46.2157519,29.8266481 L44.2222126,29.8266481 C44.1132646,29.8266481 44.0326012,29.8481234 43.9807461,29.8905503 C43.9283673,29.9335009 43.9016541,30.0204498 43.9016541,30.1524445 C43.9016541,30.2802489 43.9283673,30.3661503 43.9807461,30.4106723 C44.0326012,30.4557181 44.1132646,30.4777172 44.2222126,30.4777172 L45.3729761,30.4777172 C45.7291523,30.4777172 45.9947131,30.532715 46.1691347,30.6432344 C46.3435563,30.7537538 46.4310289,30.9412701 46.4310289,31.2047357 L46.4310289,31.5535789 C46.4310289,31.7007635 46.408506,31.8207111 46.363984,31.9139454 C46.319462,32.006656 46.2529408,32.081034 46.1638968,32.1376031 C46.0748527,32.1936485 45.960143,32.2324089 45.8202915,32.2533604 C45.6814875,32.2748357 45.5180655,32.2858353 45.3326444,32.2858353 L43.0122611,32.2858353 Z" id="Fill-37"></path>
+                <path d="M47.0243242,32.2858877 L48.0506451,32.2858877 L48.0506451,29.1462991 L47.0243242,29.1462991 L47.0243242,32.2858877 Z M47.0243242,28.8728815 L48.0582373,28.8728815 L48.0582373,28.0416291 L47.0243242,28.0416291 L47.0243242,28.8728815 Z" id="Fill-39"></path>
+                <path d="M51.1402022,30.1231648 C51.1087749,30.0147405 51.0600626,29.9377436 50.9919701,29.8937454 C50.9244014,29.8492233 50.8280243,29.8267004 50.7044102,29.8267004 L49.7217829,29.8267004 C49.6285485,29.8267004 49.5520754,29.8361286 49.4923635,29.8555088 C49.431604,29.874889 49.3828917,29.9078877 49.3436075,29.9545048 C49.3048472,30.001122 49.2776102,30.0639767 49.2624203,30.1430687 C49.2467067,30.2226846 49.2388498,30.3248233 49.2388498,30.4484374 L49.2388498,30.6579529 C49.2388498,30.7936141 49.2477542,30.9020383 49.2650393,30.9837493 C49.2828481,31.0649366 49.3095613,31.1277912 49.3467503,31.1723132 C49.3834155,31.217359 49.431604,31.2461674 49.4923635,31.2597859 C49.5520754,31.2728806 49.6264533,31.2802137 49.7154974,31.2802137 L50.6515075,31.2802137 C50.7992159,31.2802137 50.9097353,31.2608335 50.9830657,31.2220731 C51.0569199,31.182789 51.1087749,31.1036969 51.1402022,30.9837493 L51.1402022,30.1231648 Z M51.1402022,31.4310648 C51.0899185,31.5316322 51.0364921,31.6122956 50.9804467,31.6725313 C50.9244014,31.7322432 50.8604992,31.7788604 50.7882163,31.8123828 C50.7164573,31.8448577 50.6342225,31.8673806 50.5409881,31.878904 C50.4488014,31.8904273 50.338282,31.896189 50.2099538,31.896189 L49.6688802,31.896189 C49.4405084,31.896189 49.2498494,31.8731423 49.0969031,31.8265251 C48.9434331,31.7799079 48.8203428,31.7081489 48.7276322,31.611248 C48.6343978,31.5143471 48.5673529,31.390733 48.5270212,31.2393581 C48.4861657,31.088507 48.4662617,30.9098952 48.4662617,30.7040463 L48.4662617,30.4018203 C48.4662617,30.1891621 48.4861657,30.003741 48.5270212,29.8471282 C48.5673529,29.6899916 48.6343978,29.5590445 48.7276322,29.4548106 C48.8203428,29.3495291 48.9434331,29.2720084 49.0969031,29.2217247 C49.2498494,29.1719648 49.4405084,29.1462991 49.6688802,29.1462991 L50.3435199,29.1462991 C50.4058507,29.1462991 50.4760384,29.1520608 50.556178,29.1635841 C50.6352701,29.1751075 50.7148859,29.1976304 50.7945018,29.2306291 C50.8735939,29.263104 50.9474481,29.3097211 51.0155406,29.3704806 C51.0831093,29.4301925 51.1344406,29.5087608 51.1695344,29.6056617 L51.1695344,29.1462991 L51.9190758,29.1462991 L51.9190758,31.7683846 C51.9190758,31.9585198 51.8996956,32.1397507 51.8614591,32.3120771 C51.8226987,32.4844035 51.7488445,32.6357784 51.6404203,32.765678 C51.5314723,32.8955775 51.3806212,32.9987639 51.1868194,33.0768084 C50.9930177,33.1538053 50.7410754,33.1925656 50.4309926,33.1925656 C50.2916648,33.1925656 50.1518133,33.1820899 50.0124855,33.1611383 C49.872634,33.139663 49.7369727,33.1071881 49.604978,33.0647612 L49.6982124,32.4482621 C49.8223503,32.4875463 49.9386313,32.5142595 50.0470556,32.5299731 C50.1554798,32.5456868 50.2743798,32.5535436 50.4021842,32.5535436 C50.5451785,32.5535436 50.6646022,32.5346872 50.759408,32.498022 C50.8542137,32.4613568 50.930163,32.4084542 50.9862084,32.3408855 C51.0422538,32.272793 51.0820617,32.1905581 51.1056322,32.0941811 C51.1286789,31.9972802 51.1402022,31.8883322 51.1402022,31.7683846 L51.1402022,31.4310648 Z" id="Fill-41"></path>
+                <path d="M55.2215626,32.2858353 L55.2215626,30.3032956 C55.2215626,30.1403974 55.1906591,30.0194022 55.128852,29.9397864 C55.0665212,29.8601705 54.9544304,29.8208864 54.7915322,29.8208864 L53.7800965,29.8208864 C53.667482,29.8208864 53.5821044,29.8449807 53.5239639,29.893693 C53.4658234,29.9418815 53.4213014,30.0183547 53.3903978,30.1231124 L53.3903978,32.2858353 L52.6167622,32.2858353 L52.6167622,29.1462467 L53.3610657,29.1462467 L53.3610657,29.5998476 C53.4464432,29.4332829 53.5454393,29.3159542 53.6580538,29.2478617 C53.7701445,29.180293 53.9194243,29.1462467 54.1053692,29.1462467 L54.7915322,29.1462467 C55.019904,29.1462467 55.2116106,29.1719124 55.3671758,29.2216723 C55.5222172,29.271956 55.6463551,29.3500005 55.7390657,29.4547582 C55.8323,29.5589921 55.899345,29.6899393 55.9396767,29.8470758 C55.9805322,30.0042124 56.0004362,30.1891097 56.0004362,30.4017679 L56.0004362,32.2858353 L55.2215626,32.2858353 Z" id="Fill-42"></path>
+                <path d="M62.6175093,31.1287864 C62.6175093,31.3419683 62.5939388,31.5221516 62.5473216,31.6693362 C62.5007044,31.8165207 62.4263264,31.9359445 62.3236639,32.0270837 C62.2210013,32.118223 62.0863877,32.1842203 61.9198229,32.2250758 C61.7532581,32.2654075 61.5515996,32.2858353 61.3153709,32.2858353 L58.4895317,32.2858353 C58.4968648,32.1538406 58.5057692,32.0234172 58.5157211,31.8935177 C58.5256731,31.7636181 58.53353,31.632671 58.5419106,31.5012 L61.2624683,31.5012 C61.367226,31.5012 61.4552225,31.493867 61.5275053,31.4807723 C61.5992643,31.4671538 61.6553097,31.4430595 61.6956414,31.4079657 C61.7364969,31.3728719 61.7658291,31.3273022 61.7831141,31.2712569 C61.8003991,31.2152115 61.8093035,31.1439763 61.8093035,31.0591225 C61.8093035,30.8925578 61.7726383,30.7768005 61.6987841,30.7128983 C61.62493,30.6489961 61.4856022,30.617045 61.2797533,30.617045 L59.658104,30.617045 C59.417685,30.617045 59.217074,30.5955696 59.0562709,30.5531428 C58.8954678,30.5107159 58.7655683,30.4447185 58.6665722,30.3551507 C58.5681,30.2666304 58.4968648,30.1540159 58.4549617,30.0183547 C58.412011,29.8826934 58.3905357,29.7234617 58.3905357,29.5417071 L58.3905357,29.408141 C58.3905357,29.2101489 58.412011,29.0399177 58.4549617,28.8958758 C58.4968648,28.7528815 58.5691476,28.6366005 58.669715,28.5470326 C58.7702824,28.4579886 58.9028009,28.3919912 59.0683181,28.3495644 C59.2327877,28.3071375 59.4370652,28.2856622 59.6816744,28.2856622 L62.4834194,28.2856622 C62.4682295,28.4213234 62.4530396,28.5543657 62.4368022,28.6842652 C62.4216123,28.813641 62.4043273,28.9466833 62.3849471,29.0823445 L59.6816744,29.0823445 C59.4873489,29.0823445 59.3564018,29.1153432 59.288833,29.1808168 C59.2212643,29.2468141 59.1872181,29.3594287 59.1872181,29.5186604 C59.1872181,29.6773683 59.2212643,29.7905067 59.288833,29.8585992 C59.3564018,29.9261679 59.4873489,29.9602141 59.6816744,29.9602141 L61.2797533,29.9602141 C61.5280291,29.9602141 61.7375445,29.9806419 61.9082996,30.0214974 C62.0785308,30.0618291 62.2157634,30.1252075 62.3210449,30.2100613 C62.4258026,30.2954388 62.5007044,30.4028155 62.5473216,30.532715 C62.5939388,30.6626146 62.6175093,30.8145133 62.6175093,30.9889348 L62.6175093,31.1287864 Z" id="Fill-43"></path>
+                <path d="M64.8328729,32.2510557 C64.7941126,32.2741024 64.7328293,32.2955778 64.6495469,32.3149579 C64.5657407,32.3343381 64.4740778,32.3442901 64.3735104,32.3442901 C63.97805,32.3442901 63.6946804,32.2175333 63.5244491,31.962972 C63.3542178,31.7094584 63.2688403,31.3323306 63.2688403,30.8321126 L63.2688403,29.7216808 L62.9142355,29.7216808 L63.0074698,29.1460372 L63.2688403,29.1460372 L63.2688403,28.4483509 L64.0477139,28.1927421 L64.0477139,29.1460372 L64.698783,29.1460372 L64.6055487,29.7216808 L64.0477139,29.7216808 L64.0477139,30.8321126 C64.0477139,31.1112919 64.0901407,31.3197597 64.1755183,31.4569923 C64.2608958,31.5947487 64.4023187,31.6638888 64.6003108,31.6638888 C64.7590187,31.6638888 64.8752998,31.6366518 64.949154,31.5827015 L64.8328729,32.2510557 Z" id="Fill-44"></path>
+                <path d="M66.5822743,32.2858353 C66.3533787,32.2858353 66.1627196,32.2606934 66.0097734,32.2098859 C65.8563033,32.160126 65.7337368,32.0820815 65.6405025,31.9778476 C65.5472681,31.8730899 65.480747,31.7421428 65.4398915,31.5850062 C65.3990359,31.4278696 65.379132,31.2434961 65.379132,31.0303141 L65.379132,29.1462467 L66.1522439,29.1462467 L66.1522439,31.1287864 C66.1522439,31.2916846 66.184195,31.4126798 66.2480972,31.4917719 C66.3119994,31.5719115 66.4235663,31.6111956 66.5822743,31.6111956 L67.5009994,31.6111956 C67.6136139,31.6111956 67.7016104,31.5802921 67.7660364,31.5184851 C67.8299386,31.456678 67.8713179,31.3807287 67.8906981,31.2916846 L67.8906981,29.1462467 L68.6695716,29.1462467 L68.6695716,32.2858353 C68.6077646,32.2858353 68.5464813,32.2758833 68.4867694,32.2565031 C68.4265337,32.237123 68.3720597,32.2077908 68.3238712,32.1664115 C68.2751589,32.125556 68.2343033,32.0747485 68.2018285,32.0129415 C68.1688298,31.9506106 68.148402,31.8751851 68.141069,31.7856172 C68.0860712,31.9563723 67.9865514,32.0820815 67.8409381,32.1637926 C67.6958487,32.2449798 67.4879047,32.2858353 67.2160584,32.2858353 L66.5822743,32.2858353 Z" id="Fill-45"></path>
+                <path d="M71.9311505,30.1231648 C71.9039135,30.0147405 71.8552012,29.9372198 71.7860611,29.8906026 C71.7158734,29.8439855 71.6137347,29.8209388 71.4775496,29.8209388 L70.56511,29.8209388 C70.3864981,29.8209388 70.2691695,29.8691273 70.2131241,29.9660282 C70.1565549,30.0629291 70.1287941,30.2163991 70.1287941,30.4253907 L70.1287941,31.006796 C70.1287941,31.247215 70.1617928,31.4080181 70.2277902,31.4892053 C70.2932637,31.5709163 70.4058783,31.611248 70.56511,31.611248 L71.4775496,31.611248 C71.6137347,31.611248 71.7179686,31.5745828 71.791299,31.5012524 C71.8651532,31.4273982 71.9117704,31.336259 71.9311505,31.227311 L71.9311505,30.1231648 Z M70.56511,32.2858877 C70.3362144,32.2858877 70.1445078,32.2607458 69.9894664,32.2099383 C69.8339012,32.1601784 69.7102871,32.0821339 69.6170527,31.9779 C69.5238184,31.8731423 69.4572972,31.7421952 69.4164417,31.5850586 C69.3755862,31.427922 69.3556822,31.2435485 69.3556822,31.0298427 L69.3556822,30.4018203 C69.3556822,30.1891621 69.3755862,30.003741 69.4164417,29.8471282 C69.4572972,29.6899916 69.5238184,29.5590445 69.6170527,29.4548106 C69.7102871,29.3495291 69.8339012,29.2720084 69.9894664,29.2217247 C70.1445078,29.1719648 70.3362144,29.1462991 70.56511,29.1462991 L71.1810853,29.1462991 C71.3670303,29.1462991 71.5173576,29.1803454 71.6320673,29.2479141 C71.7457294,29.3160066 71.845773,29.4333352 71.9311505,29.5999 L71.9311505,28.1809568 L72.7100241,27.9195863 L72.7100241,32.2858877 C72.648217,32.2858877 72.5869338,32.2759357 72.5272219,32.2565555 C72.4664624,32.2371753 72.4125122,32.2073194 72.3643237,32.1664639 C72.3156113,32.1256084 72.2747558,32.0748009 72.2422809,32.01247 C72.2092822,31.950663 72.1888545,31.8752374 72.1815215,31.7856696 C72.1265237,31.9564247 72.02648,32.0821339 71.8787717,32.1638449 C71.7315871,32.2450322 71.5205003,32.2858877 71.2449875,32.2858877 L70.56511,32.2858877 Z" id="Fill-46"></path>
+                <path d="M73.4311238,32.2858877 L74.4574497,32.2858877 L74.4574497,29.1462991 L73.4311238,29.1462991 L73.4311238,32.2858877 Z M73.4311238,28.8728815 L74.4650368,28.8728815 L74.4650368,28.0416291 L73.4311238,28.0416291 L73.4311238,28.8728815 Z" id="Fill-47"></path>
+                <path d="M77.5996949,30.2510215 C77.5996949,30.0881233 77.5651249,29.9760326 77.495461,29.9137017 C77.4252733,29.8513709 77.3168491,29.8209911 77.1696645,29.8209911 L76.1283729,29.8209911 C75.9811883,29.8209911 75.8727641,29.8513709 75.8031002,29.9137017 C75.7334363,29.9760326 75.6983425,30.0881233 75.6983425,30.2510215 L75.6983425,31.1807462 C75.6983425,31.3441682 75.7334363,31.4567828 75.8031002,31.5185898 C75.8727641,31.5803969 75.9811883,31.6113004 76.1283729,31.6113004 L77.1696645,31.6113004 C77.3168491,31.6113004 77.4252733,31.5803969 77.495461,31.5185898 C77.5651249,31.4567828 77.5996949,31.3441682 77.5996949,31.1807462 L77.5996949,30.2510215 Z M76.1283729,32.28594 C75.7061993,32.28594 75.4003068,32.1995149 75.2101716,32.0271885 C75.0200363,31.8548621 74.9257544,31.57254 74.9257544,31.1807462 L74.9257544,30.2510215 C74.9257544,29.8592277 75.0200363,29.5774295 75.2101716,29.405103 C75.4003068,29.2327766 75.7061993,29.1463515 76.1283729,29.1463515 L77.1696645,29.1463515 C77.5960284,29.1463515 77.9040161,29.2327766 78.0936275,29.405103 C78.2837628,29.5774295 78.3785685,29.8592277 78.3785685,30.2510215 L78.3785685,31.1807462 C78.3785685,31.57254 78.2837628,31.8548621 78.0936275,32.0271885 C77.9040161,32.1995149 77.5960284,32.28594 77.1696645,32.28594 L76.1283729,32.28594 Z" id="Fill-48"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
-- 
cgit 1.2.3-korg